:root{--navy:#1f3448;--blue:#b7cddd;--sky:#dce9f0;--cream:#f4ede2;--sand:#e9dccb;--paper:#fffdf9;--mint:#dfe9e5;--rose:#efe2de;--fog:#e8edf0;--muted:#5f7180;--line:#d8e0e5;--shadow:0 22px 60px rgba(31,52,72,.13);--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;font-family:ui-rounded,"SF Pro Rounded",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--navy);line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.shell,.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.site-header{padding:18px 0;background:rgba(255,253,249,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(216,224,229,.45);backdrop-filter:blur(12px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo-word,.brand{font-weight:800;font-size:18px;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:10px}
.brand-mark{width:28px;height:28px;border-radius:9px;background:var(--navy);position:relative;display:inline-block}.brand-mark:before{content:"";position:absolute;width:8px;height:8px;left:5px;top:5px;border-radius:3px;background:var(--blue);box-shadow:10px 0 0 var(--cream),0 10px 0 var(--mint),10px 10px 0 var(--rose)}
.nav-right,.nav-links{display:flex;gap:10px;align-items:center;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.pill,.nav-links a,.nav-cta{border:1px solid #d8e0e5;border-radius:999px;padding:9px 14px;background:#fff;font-size:13px;font-weight:650;transition:.18s ease}.pill:hover,.nav-links a:hover,.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,52,72,.08)}
.hero{padding:42px 0 70px}.hero-grid,.hero-color{display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:center}.kicker,.eyebrow,.section-kicker{font-size:13px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:#738797}.eyebrow:before{display:none}
h1{font-size:clamp(52px,7vw,96px);letter-spacing:-.055em;line-height:.92;margin:14px 0 22px;font-weight:800}h2{font-size:clamp(36px,5vw,62px);letter-spacing:-.045em;line-height:1.02;margin:12px 0 20px;font-weight:800}h3{font-size:24px;line-height:1.14;margin:0 0 8px;letter-spacing:-.025em}
.hero p,.lead{font-size:20px;color:#5f7180;max-width:580px}.cta,.btn,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;padding:15px 20px;background:var(--navy);color:#fff;border-radius:16px;font-weight:750;border:0;font-size:14px;transition:.18s ease}.cta:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(31,52,72,.16)}.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--line);margin-left:8px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions .btn{margin-top:18px}.hero-note,.meta{font-size:13px;color:#7a8a96}
.board{position:relative;min-height:600px}.logo-card{position:absolute;inset:70px 90px 90px 90px;background:#fff;border-radius:34px;display:grid;place-items:center;box-shadow:0 22px 60px rgba(31,52,72,.13);transform:rotate(-1.5deg);overflow:hidden}.logo-card img{width:72%;border-radius:28px;transform:rotate(1.5deg)}
.sticky{position:absolute;width:230px;padding:22px;border-radius:22px;box-shadow:0 18px 36px rgba(31,52,72,.10);font-weight:700}.s1{top:0;right:10px;background:var(--blue);transform:rotate(4deg)}.s2{bottom:10px;left:10px;background:var(--cream);transform:rotate(-5deg)}.s3{top:205px;left:0;background:var(--mint);transform:rotate(3deg)}.s4{bottom:40px;right:0;background:var(--rose);transform:rotate(5deg)}.sticky .small{font-weight:500;margin-top:10px;font-size:14px}.check{display:flex;gap:9px;margin-top:14px;font-weight:500;font-size:14px}.dot{width:18px;height:18px;border:2px solid var(--navy);border-radius:5px;flex:none}
.marquee{background:var(--navy);color:#fff;padding:14px 0;overflow:hidden;white-space:nowrap}.marquee-track{display:flex;gap:40px;align-items:center;min-width:max-content}.marquee span{opacity:.95;font-size:13px;font-weight:700;letter-spacing:.035em}
.section,section{padding:92px 0}.hero.section,.hero{padding-top:42px}.grid,.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:38px}.feature{border-radius:26px;padding:30px;min-height:240px}.feature h3{font-size:24px;margin:0 0 8px}.feature p{margin:0;color:#536776}.feature .num{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#738797;margin-bottom:46px}.f1{grid-column:span 7;background:var(--sky)}.f2{grid-column:span 5;background:var(--cream)}.f3{grid-column:span 4;background:var(--mint)}.f4{grid-column:span 4;background:var(--rose)}.f5{grid-column:span 4;background:var(--fog)}.f6{grid-column:span 6;background:var(--sand)}.f7{grid-column:span 6;background:var(--blue)}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.product-card{border-radius:30px;padding:34px;min-height:370px;display:flex;flex-direction:column;transition:.18s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-card:nth-child(1){background:var(--sky)}.product-card:nth-child(2){background:var(--cream)}.product-card .tag{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#718493;margin-bottom:54px}.product-card h3{font-size:34px}.product-card p{color:#536776;max-width:520px}.product-card .link{margin-top:auto;font-weight:800}
.row{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.tag{background:#fff;border:1px solid #dce3e7;border-radius:999px;padding:10px 14px;font-size:13px}.dark,.dark-section{background:var(--navy);color:#fff}.dark h1,.dark h2,.dark h3,.dark-section h1,.dark-section h2,.dark-section h3{color:#fff}.dark p,.dark-section p{color:#ced9e1}.dark .kicker,.dark-section .kicker{color:#9fb5c5}.dark .tag,.dark-section .tag{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.pricebox{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:center}.bigprice{font-size:54px;font-weight:800;letter-spacing:-.045em}
.page-hero{padding:64px 0 28px}.page-hero h1{font-size:clamp(48px,6vw,78px)}.page-hero .lead{max-width:760px}.content-shell{display:grid;grid-template-columns:230px minmax(0,820px);gap:50px;padding:30px 0 92px;align-items:start}.toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px}.toc a{font-size:13px;color:#718493;padding:7px 10px;border-radius:10px}.toc a:hover{background:var(--sky);color:var(--navy)}.prose{background:#fff;border:1px solid #e0e6e8;border-radius:28px;padding:38px 42px;box-shadow:0 16px 44px rgba(31,52,72,.06)}.prose h2{font-size:28px;line-height:1.12;margin:38px 0 14px}.prose h2:first-child{margin-top:0}.prose h3{font-size:20px;margin-top:28px}.prose p,.prose li{color:#536776;font-size:15px;line-height:1.7}.prose a{text-decoration:underline;text-decoration-color:#b6c8d3;text-underline-offset:3px}.prose ul{padding-left:20px}.notice{background:var(--mint);border-radius:18px;padding:18px 20px;margin:24px 0;color:#445c68}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.support-card{border-radius:26px;padding:30px;min-height:230px}.support-card:nth-child(1){background:var(--sky)}.support-card:nth-child(2){background:var(--cream)}.support-card p{color:#536776}.status-pill{display:inline-flex;border:1px solid #d8e0e5;border-radius:999px;padding:9px 14px;background:#fff;font-size:13px;font-weight:700}.footer{padding:40px 0 56px;border-top:1px solid #e0e6e8;color:#657785;font-size:14px}.footer-row{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.copyright{margin-top:7px}
@media(max-width:860px){.nav-links{display:none}.hero-grid,.hero-color{grid-template-columns:1fr}.board{min-height:520px}.sticky{width:190px}.logo-card{inset:70px 50px}.f1,.f2,.f3,.f4,.f5,.f6,.f7{grid-column:span 12}.pricebox{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.content-shell{grid-template-columns:1fr;gap:20px}.toc{position:static;display:flex;flex-direction:row;flex-wrap:wrap}.support-grid{grid-template-columns:1fr}}
@media(max-width:560px){.shell,.wrap{width:min(var(--max),calc(100% - 26px))}.site-header{padding:12px 0}.nav{align-items:flex-start}.nav-right{gap:6px}.pill{padding:7px 10px;font-size:12px}.hero{padding:28px 0 50px}h1{font-size:50px}.hero p,.lead{font-size:18px}.board{min-height:450px}.logo-card{inset:75px 30px 85px}.sticky{width:160px;padding:16px;font-size:14px}.s3{top:180px}.section,section{padding:66px 0}.feature{min-height:210px;padding:24px}.prose{padding:26px 22px}.footer-row{display:block}.footer-links{margin-top:18px}.btn-secondary{margin-left:0}}