/*
Theme Name: My SaaS Theme
Theme URI: https://example.com
Author: My SaaS
Description: My SaaS 建站平台基础网站主题
Version: 1.3.0
*/

:root {
    --saas-primary: #2563eb;
    --saas-primary-dark: #1d4ed8;
    --saas-text: #111827;
    --saas-muted: #6b7280;
    --saas-border: #e5e7eb;
    --saas-bg: #f8fafc;
    --saas-white: #ffffff;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Microsoft YaHei",
        "PingFang SC",
        Arial,
        sans-serif;

    color: var(--saas-text);
    background: var(--saas-bg);
    line-height: 1.7;
}

a {
    color: var(--saas-primary);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
}

/* =========================
   Header
========================= */

.saas-header {
    background: var(--saas-white);
    border-bottom: 1px solid var(--saas-border);
    position: sticky;
    top: 0;
    z-index: 100;
}

.saas-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.saas-logo {
    font-size: 22px;
    font-weight: 700;
    color: var(--saas-text);
}

.saas-logo a {
    color: inherit;
    text-decoration: none;
}

.saas-nav ul {
    display: flex;
    align-items: center;
    gap: 22px;

    list-style: none;
    margin: 0;
    padding: 0;
}

.saas-nav a {
    color: var(--saas-text);
    font-size: 15px;
}

/* =========================
   Main
========================= */

.saas-main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 20px;
}

.saas-content {
    width: 100%;
}

/* =========================
   Template Sections
========================= */

.saas-hero {
    padding: 70px 30px;

    background:
        linear-gradient(
            135deg,
            #2563eb 0%,
            #7c3aed 100%
        );

    color: #ffffff;
    border-radius: 22px;

    margin-bottom: 40px;

    text-align: center;
}

.saas-hero h1 {
    font-size: 44px;
    line-height: 1.2;
    margin: 0 0 20px;
}

.saas-hero p {
    max-width: 760px;
    margin: 0 auto 30px;
    font-size: 18px;
    opacity: 0.95;
}

.saas-button {
    display: inline-block;
    padding: 13px 24px;

    background: #ffffff;
    color: #1d4ed8;

    border-radius: 8px;

    font-weight: 600;
    text-decoration: none;
}

.saas-button:hover {
    text-decoration: none;
    opacity: 0.9;
}

.saas-section {
    padding: 45px 0;
}

.saas-section h2 {
    margin: 0 0 15px;
    font-size: 32px;
}

.saas-section-intro {
    max-width: 760px;
    color: var(--saas-muted);
    margin-bottom: 30px;
}

.saas-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 22px;
}

.saas-card {
    background: #ffffff;
    border: 1px solid var(--saas-border);
    border-radius: 14px;
    padding: 25px;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.04);
}

.saas-card h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.saas-card p {
    color: var(--saas-muted);
}

.saas-download {
    background: #ffffff;
    border: 1px solid var(--saas-border);
    border-radius: 18px;
    padding: 40px;
    text-align: center;
}

.saas-download h2 {
    margin-top: 0;
}

.saas-download .saas-button {
    background: var(--saas-primary);
    color: #ffffff;
}

.saas-download .saas-button:hover {
    background: var(--saas-primary-dark);
}

.saas-contact {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid var(--saas-border);
    padding: 35px;
}

/* =========================
   Footer
========================= */

.saas-footer {
    margin-top: 60px;
    background: #111827;
    color: #d1d5db;
}

.saas-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 35px 20px;

    text-align: center;
}

.saas-footer p {
    margin: 0;
}

/* =========================
   Template styles
========================= */

body.saas-template-game-official {
    --saas-primary: #2563eb;
    --saas-primary-dark: #1d4ed8;
}

body.saas-template-game-download {
    --saas-primary: #16a34a;
    --saas-primary-dark: #15803d;
}

body.saas-template-game-news {
    --saas-primary: #ea580c;
    --saas-primary-dark: #c2410c;
}

/* =========================
   Responsive
========================= */

@media (max-width: 900px) {

    .saas-grid {
        grid-template-columns: 1fr;
    }

    .saas-header-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .saas-nav ul {
        flex-wrap: wrap;
        gap: 12px;
    }

    .saas-hero h1 {
        font-size: 34px;
    }
}

@media (max-width: 600px) {

    .saas-main {
        padding: 25px 15px;
    }

    .saas-hero {
        padding: 45px 20px;
    }

    .saas-hero h1 {
        font-size: 30px;
    }
}
/* SaaS Studio shared theme settings and mobile navigation. */
.ms-base-notice{padding:7px 16px;text-align:center;background:#111c37;color:#fff;font-size:12px}.ms-base-logo{width:42px;height:42px;object-fit:contain;vertical-align:middle;margin-right:8px}.ms-base-menu-toggle{display:none;background:#edf3ff;color:#254fa7;border:0;border-radius:9px;padding:8px 12px}
.ms-base-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ms-base-grid a{border:1px solid var(--saas-border);background:#fff;border-radius:12px;padding:20px;display:block;font-weight:600}
@media(max-width:700px){.saas-header-inner{flex-wrap:wrap}.ms-base-menu-toggle{display:block}.saas-nav{display:none;width:100%}.saas-nav.is-open{display:block}.saas-nav ul{flex-direction:column;align-items:flex-start}.ms-base-grid{grid-template-columns:1fr}.saas-hero h1{font-size:30px}}

/* =====================================================================
   My SaaS 1.2 · Only on the network main site.
   Customer game sites continue to use their selected themes and menus.
   ===================================================================== */
.ms-skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#fff;color:#111827;padding:10px 16px}
.ms-skip-link:focus{left:12px;top:12px}
.ms-platform-site{--ms-ink:#101b34;--ms-soft:#66728a;--ms-border:#e6eaf3;--ms-brand:#335df4;--ms-deep:#2144bd;--ms-cloud:#f7f9fe;color:var(--ms-ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei", "PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
.ms-platform-site .ms-platform-header{box-shadow:0 4px 20px rgba(25,44,80,.025);border-bottom:1px solid #edf0f6;background:rgba(255,255,255,.96)}
.ms-platform-header .saas-header-inner{max-width:1220px;padding:16px 24px;min-height:77px;gap:24px;flex-direction:row}
.ms-platform-header .saas-logo a{display:flex;align-items:center;gap:10px;color:#101b34;font-size:22px;letter-spacing:-.7px;font-weight:800}
.ms-platform-brand-mark{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#4778ff,#284cdb);color:#fff;font-size:20px;letter-spacing:-1px;box-shadow:0 6px 16px rgba(50,87,225,.22)}
.ms-platform-header .saas-nav{margin-left:auto}
.ms-platform-header .saas-nav ul{display:flex;align-items:center;gap:26px;white-space:nowrap}
.ms-platform-header .saas-nav ul li{margin:0}
.ms-platform-header .saas-nav ul a{color:#47536b;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:color .2s ease}
.ms-platform-header .saas-nav ul a:hover,.ms-platform-header .saas-nav ul a[aria-current="page"]{color:var(--ms-brand)}
.ms-platform-header .saas-nav ul a.ms-platform-nav-cta{background:var(--ms-brand);color:white;border-radius:11px;padding:11px 18px;box-shadow:0 7px 16px rgba(51,93,244,.18)}
.ms-platform-header .saas-nav ul a.ms-platform-nav-cta:hover{background:var(--ms-deep);color:white}
.ms-platform-header .saas-nav ul a.ms-platform-nav-muted{color:#818ba0;font-weight:400;font-size:13px}
.ms-platform-header .ms-base-menu-toggle{display:none;align-items:center;gap:7px;cursor:pointer;font-size:13px;font-weight:700}
.ms-platform-header .ms-base-logo{width:32px;height:32px;margin-right:0}
.ms-landing{overflow:hidden}
.ms-landing-wrap{width:min(100% - 48px,1172px);margin-left:auto;margin-right:auto}
.ms-landing-hero{position:relative;padding:84px 0 94px;background:radial-gradient(circle at 85% 15%,#e9eeff 0,transparent 40%),linear-gradient(180deg,#f9fbff 0,#fff 100%)}
.ms-landing-hero:before{content:"";position:absolute;right:-120px;top:140px;width:390px;height:390px;border:1px solid #e7edff;border-radius:50%;pointer-events:none}
.ms-landing-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:58px;align-items:center;position:relative}
.ms-landing-hero-copy{max-width:575px;padding:16px 0}
.ms-landing-eyebrow{display:inline-flex;gap:10px;align-items:center;background:#eef2ff;color:#2f57d8;border:1px solid #dce5ff;border-radius:100px;padding:7px 13px;font-size:12px;letter-spacing:.5px;font-weight:700}
.ms-landing-status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#4e7cfa;box-shadow:0 0 0 3px #d3deff}
.ms-landing-hero h1{margin:23px 0 20px;color:#11203a;font-size:clamp(40px,4.4vw,62px);line-height:1.24;font-weight:830;letter-spacing:-2.5px}
.ms-landing-title-accent{color:var(--ms-brand);display:block}
.ms-landing-hero-copy>p{margin:0;max-width:525px;color:#5b6984;font-size:17px;line-height:1.95}
.ms-landing-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.ms-landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;padding:12px 23px;border-radius:12px;font-size:14px;line-height:1.2;font-weight:750;white-space:nowrap;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;text-decoration:none!important}
.ms-landing-btn:hover{transform:translateY(-2px)}
.ms-landing-btn-primary{color:#fff!important;background:var(--ms-brand);box-shadow:0 12px 23px rgba(51,93,244,.2)}
.ms-landing-btn-primary:hover{background:#284cdc}
.ms-landing-btn-outline{color:#344360!important;background:#fff;border:1px solid #dce3f2}
.ms-landing-btn-outline:hover{border-color:#b6c6eb;box-shadow:0 10px 24px rgba(28,48,90,.07)}
.ms-landing-hero-hint{font-size:12px;color:#8792a6;margin-top:26px;letter-spacing:.1px}
.ms-landing-hero-hint span{padding:0 7px;color:#a7b4ca}
.ms-landing-preview{position:relative;min-width:0;padding:33px 0}
.ms-landing-preview-window{border:1px solid #e4eaf5;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 26px 65px rgba(43,64,117,.14),0 6px 17px rgba(43,64,117,.05);transform:rotate(1deg)}
.ms-landing-preview-top{display:flex;align-items:center;justify-content:space-between;background:#f9faff;border-bottom:1px solid #ecf0f7;padding:14px 17px;font-size:11px;color:#7e8aa1}
.ms-landing-preview-dots{display:flex;gap:5px}
.ms-landing-preview-dots i{display:inline-block;width:8px;height:8px;background:#e0e6f1;border-radius:50%}
.ms-landing-preview-dots i:first-child{background:#f3aca8}.ms-landing-preview-dots i:nth-child(2){background:#f5d48b}.ms-landing-preview-dots i:nth-child(3){background:#a9e2b7}
.ms-landing-preview-top-icon{font-size:16px;color:#a0aac0}
.ms-landing-preview-body{padding:27px}
.ms-landing-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}
.ms-landing-preview-caption{font-size:10px;color:#9aa5ba;letter-spacing:1.6px;font-weight:800}
.ms-landing-preview-heading h2{font-size:22px;margin:4px 0 0;font-weight:800;line-height:1.4}
.ms-landing-preview-avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:#e7edff;color:#3860e7;font-weight:800}
.ms-landing-preview-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ms-landing-preview-tile{border:1px solid #edf0f7;border-radius:12px;padding:17px 10px;background:#fff;display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:750;box-shadow:0 5px 16px rgba(21,45,89,.024)}
.ms-landing-preview-tile-icon{display:grid;place-items:center;width:37px;height:37px;font-size:20px;border-radius:10px;margin-bottom:4px;font-style:normal}
.ms-landing-preview-tile-icon.blue{background:#edf1ff;color:#5472f5}.ms-landing-preview-tile-icon.purple{background:#f2edff;color:#9869e9}.ms-landing-preview-tile-icon.green{background:#e8faf2;color:#29a56b}
.ms-landing-preview-tile small{color:#8b97ab;font-weight:400;font-size:10px}
.ms-landing-preview-site{display:flex;align-items:center;gap:12px;border-radius:11px;background:#f8faff;border:1px solid #edf0fa;margin-top:17px;padding:13px 14px}
.ms-landing-preview-site-icon{display:grid;place-items:center;border-radius:9px;width:40px;height:40px;background:#dce8ff;color:#3860db}
.ms-landing-preview-site strong,.ms-landing-preview-site small{display:block;font-size:12px;line-height:1.7}
.ms-landing-preview-site small{color:#8290a7;font-size:10px}
.ms-landing-preview-live{margin-left:auto;background:#e9f7ef;color:#35885a;font-weight:700;font-size:10px;padding:5px 9px;border-radius:50px}
.ms-landing-float-label{position:absolute;bottom:0;left:-27px;transform:rotate(-3deg);box-shadow:0 13px 35px rgba(42,74,146,.12);padding:11px 18px;border-radius:11px;border:1px solid #edf0f7;background:#fff;color:#35425d;font-size:12px;font-weight:750}
.ms-landing-float-label span{color:#f3ae3a;font-size:17px;margin-right:6px}
.ms-landing-section{padding:93px 0}
.ms-landing-section-head{margin-bottom:38px}
.ms-landing-section-head.center{text-align:center}
.ms-landing-kicker{color:var(--ms-brand);letter-spacing:2.2px;font-size:11px;font-weight:800}
.ms-landing-section-head h2{color:#14223a;margin:10px 0 9px;font-size:clamp(27px,3vw,37px);line-height:1.35;letter-spacing:-.7px}
.ms-landing-section-head p{margin:0;color:#758097;font-size:15px}
.ms-landing-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ms-landing-template-card{background:#fff;border:1px solid #e5eaf3;border-radius:17px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.ms-landing-template-card:hover{transform:translateY(-5px);box-shadow:0 17px 42px rgba(46,65,110,.08)}
.ms-landing-template-card.featured{border-color:#cbd7ff;box-shadow:0 8px 25px rgba(39,87,219,.045)}
.ms-landing-template-cover{height:191px;padding:20px 25px 0;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}
.ms-landing-template-cover.official{background:linear-gradient(150deg,#eff3ff,#dde7ff)}
.ms-landing-template-cover.download{background:linear-gradient(150deg,#e8f5ff,#cde5ff)}
.ms-landing-template-cover.news{background:linear-gradient(150deg,#f2edff,#e4dfff)}
.ms-landing-cover-tag{position:absolute;z-index:1;top:17px;left:19px;padding:5px 9px;font-size:10px;color:#566786;background:rgba(255,255,255,.78);border-radius:7px;font-weight:700}
.ms-landing-mini-browser{width:84%;height:138px;border-radius:10px 10px 0 0;background:#fff;box-shadow:0 9px 21px rgba(50,72,143,.12);padding:12px 13px;overflow:hidden}
.ms-landing-mini-top{display:flex;gap:4px;margin-bottom:10px}.ms-landing-mini-top b{width:5px;height:5px;background:#d5e0f5;border-radius:50%}
.ms-landing-mini-hero{height:60px;border-radius:6px;padding:10px;background:linear-gradient(110deg,#467aff,#a0b4fd)}
.ms-landing-mini-hero i,.ms-landing-mini-hero em,.ms-landing-mini-hero small{display:block;background:rgba(255,255,255,.85);height:5px;border-radius:3px;margin:0 0 6px;width:55%}
.ms-landing-mini-hero em{width:75%;background:rgba(255,255,255,.36)}.ms-landing-mini-hero small{width:23%;background:#fff;margin-top:8px;height:8px}
.ms-landing-mini-row{display:flex;gap:7px;margin-top:9px}.ms-landing-mini-row i{width:33%;height:22px;border-radius:4px;background:#f0f3fa}
.ms-landing-mini-games{display:flex;gap:8px}.ms-landing-mini-games i{display:block;flex:1;height:57px;border-radius:6px;background:linear-gradient(145deg,#76a2ff,#5273df)}.ms-landing-mini-games i:nth-child(2){background:linear-gradient(145deg,#b7a0fe,#7a5edc)}.ms-landing-mini-games i:nth-child(3){background:linear-gradient(145deg,#98d8c4,#4ba993)}.ms-landing-mini-games i:nth-child(4){background:linear-gradient(145deg,#ffc4aa,#ed9074)}
.ms-landing-mini-article{display:flex;gap:8px}.ms-landing-mini-article>i{width:40%;height:59px;background:linear-gradient(145deg,#b9a5ff,#6b84e9);border-radius:5px}.ms-landing-mini-article div{flex:1}.ms-landing-mini-article b{display:block;background:#dfe4f4;width:90%;height:5px;border-radius:4px;margin:7px 0}.ms-landing-mini-article b:nth-child(2){width:75%}.ms-landing-mini-article b:nth-child(3){width:50%}
.ms-landing-template-content{padding:22px 22px 23px}
.ms-landing-template-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.ms-landing-template-title h3{font-size:19px;line-height:1.4;margin:0;font-weight:800}.ms-landing-template-title>span{font-size:12px;color:#a4aec1}.ms-landing-template-title>span.ms-landing-recommend{color:#2f5be7;border-radius:7px;background:#eaf0ff;padding:3px 8px;font-weight:750}
.ms-landing-template-content p{color:#748097;font-size:13px;min-height:53px;line-height:1.8;margin:10px 0 18px}
.ms-landing-template-content a{font-size:13px;font-weight:800;color:var(--ms-brand);display:inline-flex;gap:12px;align-items:center}
.ms-landing-benefits-section{background:#f8faff}
.ms-landing-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.ms-landing-benefit{border:1px solid #ebeff6;background:#fff;border-radius:15px;padding:29px 23px 26px}
.ms-landing-benefit-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#eef2ff;color:#4b70f2;font-size:23px;margin-bottom:18px;font-weight:800}
.ms-landing-benefit:nth-child(2) .ms-landing-benefit-icon{background:#f3efff;color:#9a77e8}.ms-landing-benefit:nth-child(3) .ms-landing-benefit-icon{background:#e9f9f2;color:#42aa7c}.ms-landing-benefit:nth-child(4) .ms-landing-benefit-icon{background:#fff3e7;color:#da9553}
.ms-landing-benefit h3{font-size:16px;margin:0 0 9px}.ms-landing-benefit p{color:#78869d;line-height:1.85;font-size:13px;margin:0}
.ms-landing-how{padding-bottom:98px}
.ms-landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;margin-top:45px}
.ms-landing-step{position:relative;padding:7px 20px;text-align:center}
.ms-landing-step>span{font-size:29px;line-height:1.5;font-weight:850;color:#a9bdfc;letter-spacing:1px}
.ms-landing-step h3{font-size:18px;margin:9px 0}.ms-landing-step p{font-size:13px;color:#7c899f;margin:0}
.ms-landing-cta-section{padding:0 0 96px}
.ms-landing-cta{display:flex;gap:30px;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#285add,#3444a6);border-radius:21px;color:#fff;padding:46px 55px;box-shadow:0 13px 35px rgba(37,79,200,.12)}
.ms-landing-cta>div>span{font-size:10px;font-weight:800;letter-spacing:2px;opacity:.7}.ms-landing-cta h2{margin:10px 0;font-size:28px;line-height:1.4;color:#fff}.ms-landing-cta p{margin:0;opacity:.78;font-size:14px}.ms-landing-cta-actions{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}
.ms-landing-btn-white{background:#fff;color:#2756d7!important}.ms-landing-cta-secondary{color:#e7eeff;font-size:12px}.ms-landing-cta-secondary:hover{color:#fff}
.ms-platform-site .ms-platform-footer{background:#10192c;margin-top:0;color:#aeb9cd}
.ms-platform-site .ms-platform-footer .saas-footer-inner{max-width:1172px;text-align:left;padding:43px 0 23px}
.ms-platform-footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;border-bottom:1px solid #273247;padding-bottom:35px}
.ms-platform-footer-about strong{font-size:21px;color:#fff;font-weight:800}.ms-platform-footer-about p{font-size:13px;margin:7px 0!important;line-height:1.65;color:#9aa9be}
.ms-platform-footer-links{display:flex;flex-wrap:wrap;gap:25px;align-items:center;padding-top:9px}.ms-platform-footer-links a{color:#aeb9cb;font-size:13px;text-decoration:none}.ms-platform-footer-links a:hover{color:white}
.ms-platform-footer-bottom{font-size:12px;display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:18px;color:#8c9ab0}
.ms-platform-site .saas-main{min-height:56vh;padding-top:40px;padding-bottom:70px}.ms-platform-site .saas-box,.ms-platform-site .saas-site-card,.ms-platform-site .saas-stat-card{box-shadow:0 10px 38px rgba(28,45,78,.035)}
.ms-platform-site .saas-box input:focus{outline:2px solid #c1d2ff;border-color:#6f94fb}
@media(max-width:1040px){.ms-landing-hero-grid{gap:26px}.ms-landing-preview-body{padding:18px}.ms-landing-hero{padding:70px 0}.ms-landing-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-platform-header .saas-nav ul{gap:15px}}
@media(max-width:760px){
 .ms-platform-header .saas-header-inner{padding:13px 20px;min-height:67px;flex-wrap:wrap;align-items:center;gap:10px}
 .ms-platform-header .ms-base-menu-toggle{display:inline-flex;margin-left:auto;border:1px solid #dce5f9}
 .ms-platform-header .saas-nav{display:none;width:100%;margin-left:0;padding:10px 0 14px;border-top:1px solid #edf0f6}
 .ms-platform-header .saas-nav.is-open{display:block}
 .ms-platform-header .saas-nav ul{flex-direction:column;align-items:stretch;gap:3px;white-space:normal}
 .ms-platform-header .saas-nav ul a{padding:11px 12px;display:flex;border-radius:9px}
 .ms-platform-header .saas-nav ul a.ms-platform-nav-cta{justify-content:center;margin-top:8px}
 .ms-landing-wrap{width:min(100% - 36px,1172px)}
 .ms-landing-hero{padding:48px 0 59px}
 .ms-landing-hero-grid{grid-template-columns:1fr;gap:22px}
 .ms-landing-hero-copy{max-width:660px;padding:0}
 .ms-landing-hero h1{font-size:clamp(33px,7vw,52px);letter-spacing:-1.3px}
 .ms-landing-hero-copy>p{font-size:15px}
 .ms-landing-preview{padding:17px 0 25px;max-width:580px;width:100%;margin:0 auto}
 .ms-landing-float-label{left:-8px;bottom:6px}
 .ms-landing-section{padding:62px 0}
 .ms-landing-template-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}
 .ms-landing-template-cover{height:190px}
 .ms-landing-template-content p{min-height:0}
 .ms-landing-steps{grid-template-columns:1fr;gap:21px}.ms-landing-step{padding:0 20px}
 .ms-landing-cta-section{padding-bottom:65px}
 .ms-landing-cta{padding:34px 28px;flex-direction:column;align-items:flex-start}
 .ms-landing-cta h2{font-size:23px}
 .ms-landing-cta-actions{align-items:stretch;width:100%}
 .ms-platform-footer-top{flex-direction:column;gap:22px}.ms-platform-footer-links{gap:17px}.ms-platform-footer-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){.ms-landing-hero-actions{display:grid;grid-template-columns:1fr}.ms-landing-btn{width:100%}.ms-landing-preview-body{padding:13px}.ms-landing-preview-tiles{gap:5px}.ms-landing-preview-tile{padding:10px 7px;font-size:11px}.ms-landing-preview-tile small{font-size:9px}.ms-landing-benefits-grid{grid-template-columns:1fr}.ms-landing-preview-heading h2{font-size:18px}.ms-landing-section-head h2{font-size:26px}.ms-landing-cta{padding:29px 23px}}
@media(prefers-reduced-motion:reduce){.ms-landing *{scroll-behavior:auto!important;transition:none!important}}

/* v1.2.1: SaaS Core uses white !important button text, while this theme's
   original generic .saas-button had a white background. Scope the fix to
   the platform content area so client-site theme buttons are unchanged. */
.ms-platform-site .saas-main .saas-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 17px;
    background: #335df4;
    color: #ffffff !important;
    border: 1px solid #335df4;
    border-radius: 10px;
    box-shadow: 0 6px 15px rgba(51, 93, 244, .16);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.45;
    text-decoration: none;
    cursor: pointer;
}
.ms-platform-site .saas-main .saas-button:hover,
.ms-platform-site .saas-main .saas-button:focus-visible {
    background: #2144bd;
    border-color: #2144bd;
    color: #ffffff !important;
    text-decoration: none;
}
.ms-platform-site .saas-main .saas-button.saas-button-secondary {
    background: #f4f6fc;
    color: #35445f !important;
    border-color: #dbe3f3;
    box-shadow: none;
}
.ms-platform-site .saas-main .saas-button.saas-button-secondary:hover,
.ms-platform-site .saas-main .saas-button.saas-button-secondary:focus-visible {
    background: #e6ecf9;
    color: #253752 !important;
}
.ms-platform-site .saas-main .saas-button:focus-visible {
    outline: 3px solid #a5b9ff;
    outline-offset: 2px;
}

/* Customer site's public news & guide lists. */
.saas-article-index{max-width:1140px;margin:40px auto;padding:18px 24px}.saas-article-index>p{color:#64748b}.saas-article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:25px}.saas-article-card{background:#fff;border:1px solid #e8ebf0;border-radius:13px;padding:17px}.saas-article-card img{width:100%;height:150px;object-fit:cover;border-radius:8px}.saas-article-card h2{font-size:19px;margin:10px 0;color:#1c2a42}.saas-article-card p{font-size:14px;color:#64748b}.saas-article-card small{color:#93a0b0}.saas-article-pages{margin:30px 0}
.saas-single{max-width:900px;margin:38px auto;padding:35px;background:#fff;border-radius:16px;border:1px solid #e5e7eb}.saas-single h1{font-size:36px;line-height:1.3;margin:17px 0}.saas-byline,.saas-breadcrumb{font-size:13px;color:#64748b}.saas-feature-img img{max-height:450px;object-fit:contain;margin:20px 0}.saas-article-body{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.saas-article-body img{max-width:100%;height:auto}.saas-article-body a{color:var(--saas-primary)}.saas-game-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.saas-shots{display:flex;gap:12px;overflow:auto}.saas-shots img{height:210px;width:auto;border-radius:10px}@media(max-width:680px){.saas-single{padding:19px;margin:20px auto}.saas-single h1{font-size:27px}}