.ss-page{--ss-navy:#071a50;--ss-blue:#153f9f;--ss-soft:#f5f7fb;--ss-line:#dfe5ef;--ss-text:#111827;--ss-muted:#5f6878;--ss-ok:#138a4b;--ss-warn:#c88900;--ss-bad:#c9382f}
.ss-page *{box-sizing:border-box}
.ss-hero{position:relative;overflow:hidden;padding:88px 0 82px;border-bottom:1px solid var(--ss-line);background:linear-gradient(115deg,#fff 0%,#fff 58%,#f2f5fb 100%)}
.ss-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,52,126,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(18,52,126,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000 0%,transparent 58%)}
.ss-hero-grid{position:relative;display:grid;grid-template-columns:.94fr 1.06fr;gap:58px;align-items:center}
.ss-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.12em;font-size:.77rem;font-weight:800;color:var(--ss-blue)}
.ss-kicker::before{content:"";width:30px;height:2px;background:var(--ss-blue)}
.ss-lockup{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.ss-icon{width:92px;height:92px;border-radius:23px;background:linear-gradient(145deg,#173d91,#071a50);display:grid;place-items:center;color:#fff;box-shadow:0 16px 34px rgba(7,26,80,.22);font-weight:900;font-size:1.45rem}
.ss-title{margin:0;font-size:clamp(3.1rem,6vw,5.9rem);line-height:.9;letter-spacing:-.06em;color:#0b1020}
.ss-title span{display:block;color:var(--ss-navy)}
.ss-version{display:inline-flex;margin-top:12px;padding:6px 10px;border-radius:999px;background:#edf2ff;color:var(--ss-blue);font-size:.74rem;font-weight:800}
.ss-lead{font-size:1.2rem;font-weight:700;color:#161c28;margin:24px 0 10px}
.ss-copy{font-size:1.04rem;line-height:1.75;color:var(--ss-muted);max-width:650px}
.ss-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ss-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.ss-chip{border:1px solid #d8e0ef;background:rgba(255,255,255,.88);padding:8px 11px;border-radius:999px;font-size:.78rem;font-weight:700;color:#29354d}
.ss-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:10px;font-weight:800;text-decoration:none!important}
.ss-btn--primary{background:var(--ss-navy);color:#fff!important}
.ss-btn--primary:hover{background:#04133d}
.ss-btn--secondary{background:#fff;border:1px solid #bcc7db;color:var(--ss-navy)!important}
.ss-device{background:#0e1118;border:1px solid #252b38;border-radius:22px;padding:12px 12px 15px;box-shadow:0 30px 70px rgba(7,26,80,.28)}
.ss-screen{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#f3f6fa;display:grid;grid-template-rows:36px 1fr}
.ss-appbar{background:#091c45;color:#fff;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:.68rem}
.ss-appmain{display:grid;grid-template-columns:104px 1fr 130px;min-height:0}
.ss-sidebar{background:#fff;border-right:1px solid #e0e5ed;padding:10px 8px;font-size:.62rem}
.ss-navitem{padding:7px 6px;border-radius:5px;margin-bottom:4px}.ss-navitem.is-active{background:#edf2ff;color:#0d368e;font-weight:800}
.ss-work{padding:10px;background:#f8fafc;display:grid;grid-template-rows:30px 1fr}
.ss-tools{display:flex;gap:6px;align-items:center;font-size:.55rem}.ss-tool{background:#fff;border:1px solid #dfe4eb;padding:4px 7px;border-radius:4px}
.ss-canvas{position:relative;background:#fff;border:1px solid #e3e8ef;border-radius:7px;overflow:hidden}
.ss-canvas::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#edf1f5 1px,transparent 1px),linear-gradient(90deg,#edf1f5 1px,transparent 1px);background-size:18px 18px}
.ss-model{position:absolute;inset:13% 10% 11%;transform:skewY(-5deg)}
.ss-floor{position:absolute;left:8%;right:8%;height:8%;background:#cbd2dc;border:1px solid #7a8492}.ss-floor.f1{bottom:5%}.ss-floor.f2{bottom:38%}.ss-floor.f3{bottom:71%}
.ss-column{position:absolute;width:5%;bottom:9%;height:65%;background:#c7cfd9;border:1px solid #707b89}.ss-column.c1{left:14%}.ss-column.c2{left:38%;background:#64cb83}.ss-column.c3{left:64%;background:#ffd45d}.ss-column.c4{left:81%;background:#ff7165}
.ss-wall{position:absolute;width:22%;height:24%;bottom:12%;left:21%;background:rgba(73,108,190,.18);border:2px solid #4c69ad}.ss-wall.w2{left:51%;bottom:44%}
.ss-results{background:#fff;border-left:1px solid #e0e5ed;padding:10px;font-size:.58rem}
.ss-results strong{display:block;font-size:.66rem;margin-bottom:9px}.ss-ratio{margin:8px 0}.ss-bar{height:5px;background:#edf0f4;border-radius:8px;overflow:hidden;margin-top:3px}.ss-bar i{display:block;height:100%}.ss-ratio.ok i{width:58%;background:var(--ss-ok)}.ss-ratio.warn i{width:84%;background:var(--ss-warn)}.ss-ratio.bad i{width:97%;background:var(--ss-bad)}
.ss-section{padding:92px 0}.ss-section--soft{background:var(--ss-soft);border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line)}
.ss-heading{max-width:780px;margin-bottom:38px}.ss-heading h2{font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.04em;line-height:1.06;margin:.3em 0}.ss-heading p{color:var(--ss-muted);font-size:1rem;line-height:1.7}
.ss-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.ss-card{background:#fff;border:1px solid var(--ss-line);border-radius:16px;padding:27px 24px;box-shadow:0 10px 26px rgba(18,43,96,.06)}
.ss-card-icon{width:50px;height:50px;border-radius:13px;background:#edf2ff;color:var(--ss-blue);display:grid;place-items:center;font-weight:900;margin-bottom:18px}
.ss-card h3{font-size:1.08rem;margin:0 0 8px}.ss-card p{font-size:.9rem;line-height:1.65;color:var(--ss-muted);margin:0}
.ss-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ss-step{position:relative;padding:26px 22px;background:#fff;border:1px solid var(--ss-line);border-radius:16px}.ss-step b{display:block;font-size:.74rem;color:var(--ss-blue);letter-spacing:.12em;margin-bottom:12px}.ss-step h3{margin:0 0 8px}.ss-step p{margin:0;color:var(--ss-muted);font-size:.88rem}
.ss-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:start}
.ss-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ss-feature{display:flex;gap:11px;border:1px solid var(--ss-line);background:#fff;border-radius:13px;padding:15px}.ss-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e9f7ef;color:var(--ss-ok);font-size:.72rem;font-weight:900;flex:0 0 auto}.ss-feature strong{display:block;font-size:.88rem;margin-bottom:3px}.ss-feature span{display:block;color:var(--ss-muted);font-size:.77rem;line-height:1.45}
.ss-darkpanel{background:linear-gradient(145deg,#071a50,#12398b);color:#fff;border-radius:22px;padding:36px;box-shadow:0 20px 52px rgba(7,26,80,.2)}.ss-darkpanel h3{font-size:1.8rem;line-height:1.12;margin:8px 0 12px}.ss-darkpanel p{color:#d9e2f8;line-height:1.7}.ss-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.ss-mini{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.055);padding:15px;border-radius:12px}.ss-mini b{display:block;font-size:1.15rem;margin-bottom:3px}.ss-mini span{font-size:.74rem;color:#dce5fa}
.ss-license{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ss-license-card{border:1px solid var(--ss-line);border-radius:18px;padding:28px;background:#fff}.ss-license-card h3{margin:0 0 12px}.ss-list{margin:0;padding-left:20px;color:var(--ss-muted);line-height:1.8}
.ss-faq{display:grid;gap:10px}.ss-faq details{border:1px solid var(--ss-line);border-radius:13px;padding:16px 18px;background:#fff}.ss-faq summary{cursor:pointer;font-weight:800}.ss-faq p{color:var(--ss-muted);margin:12px 0 2px;line-height:1.65}
.ss-cta{padding:34px;border-radius:20px;background:linear-gradient(135deg,#071a50,#123a91);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:26px}.ss-cta h2{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);max-width:650px}.ss-cta p{margin:8px 0 0;color:#d8e2fa}.ss-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:980px){.ss-hero-grid,.ss-split{grid-template-columns:1fr}.ss-device{max-width:760px;margin:auto}.ss-grid-4,.ss-flow{grid-template-columns:1fr 1fr}.ss-license{grid-template-columns:1fr}}
@media(max-width:660px){.ss-hero{padding:60px 0}.ss-section{padding:68px 0}.ss-lockup{align-items:center}.ss-icon{width:72px;height:72px}.ss-title{font-size:clamp(2.7rem,14vw,4rem)}.ss-actions .ss-btn{width:100%}.ss-appmain{grid-template-columns:78px 1fr}.ss-results{display:none}.ss-grid-4,.ss-flow,.ss-feature-grid{grid-template-columns:1fr}.ss-mini-grid{grid-template-columns:1fr}.ss-cta{display:block}.ss-cta-actions{margin-top:22px}.ss-cta-actions .ss-btn{width:100%}}
    .ss-product-shot{
      background:#0e1118;
      border:1px solid #252b38;
      border-radius:22px;
      padding:10px;
      box-shadow:0 30px 70px rgba(7,26,80,.28);
      overflow:hidden;
    }
    
    .ss-product-shot img{
      display:block;
      width:100%;
      height:auto;
      border-radius:13px;
    }