@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{--paper:#f8faf8;--surface:#fff;--ink:#0c1f1e;--muted:#526561;--line:#cbd8d2;--accent:#063f3c;--accent-dark:#042e2c;--green:#0b625d;--amber:#906315;--blue:#245e70;--danger:#9f2f2f;--r:0;--shadow:none;--signal:#c7ed56}body{font-family:Manrope,Arial,sans-serif;background:var(--paper);color:var(--ink)}.demo-header{height:76px;padding:0 max(24px,calc((100vw - 1440px)/2));background:rgba(248,250,248,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.demo-header .brand small{color:#0b625d;letter-spacing:.11em}.mark{width:38px;height:38px;background:var(--accent);font-family:Manrope,Arial,sans-serif;font-size:.68rem;letter-spacing:.08em}.header-note{display:flex;align-items:center;gap:10px;font-size:.76rem}.header-note strong{color:var(--accent);background:#e6f0ec;border:1px solid #c4d8d0;padding:5px 8px}.sandbox-link{background:var(--accent);color:#fff!important;padding:.68rem .9rem;text-decoration:none!important}.shell{grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 76px)}aside{background:var(--accent);border-right:0;padding:26px 18px;color:#fff}aside nav{display:grid;gap:5px}aside nav button{width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#dbe9e4;padding:.78rem .85rem;font-size:.78rem}aside nav button.active{background:var(--signal);border-color:var(--signal);color:var(--accent);font-weight:800}.privacy{border-top:1px solid rgba(255,255,255,.2);margin-top:24px;padding:22px 4px 0;color:#d6e5e0}.privacy strong{color:#fff}.privacy p{font-size:.72rem;line-height:1.55}main{max-width:1440px;width:100%;padding:44px clamp(24px,4vw,70px)}.eyebrow{color:var(--green);letter-spacing:.13em;font-size:.7rem}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5vw,5.2rem);line-height:.96;max-width:950px;margin-bottom:20px}.lede{font-size:1.08rem;max-width:880px;color:var(--muted)}.demo-guide{background:var(--accent);color:#fff;margin:32px 0;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;padding:24px 28px}.demo-guide b,.demo-guide span{display:block}.demo-guide>div span{font-size:.76rem;color:#c9dcd5;margin-top:3px}.demo-guide ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.demo-guide li{border-left:1px solid rgba(255,255,255,.2);padding:8px 12px;font-size:.72rem;font-weight:700}.demo-guide li span{width:24px;height:24px;display:grid;place-items:center;background:var(--signal);color:var(--accent);margin-bottom:8px}.panel,.source-card,.stat,.hero-video,.modal-card,.mobile-contact,.platform-panel,.platform-card{border-radius:0!important;box-shadow:none!important}.panel,.source-card,.hero-video,.platform-panel{border:1px solid var(--line);background:#fff}.panel{padding:24px}.stats{border-top:1px solid var(--line);border-left:1px solid var(--line);gap:0}.stat{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.stat strong{color:var(--accent)}button,.button{border-radius:0;font-weight:800}.primary{background:var(--signal);border-color:var(--accent);color:var(--accent)}.badge,.issue,.toast,.step,.connector{border-radius:0}.platform-panel{background:#edf4f1;border-color:#bfd2ca;border-top:1px solid #bfd2ca}.hero-video{border:0;background:transparent;padding:0}.hero-video video{border:0;box-shadow:0 18px 50px rgba(6,63,60,.16)}th{background:#edf4f1;color:var(--accent);font-size:.68rem;letter-spacing:.06em}td{background:#fff}.mobile-nav{background:var(--accent);border-color:rgba(255,255,255,.2)}.mobile-nav button{color:#fff}@media(max-width:900px){.demo-header{padding:0 18px}.header-note span{display:none}.shell{grid-template-columns:1fr}aside{display:none}main{padding:32px 20px}.demo-guide{grid-template-columns:1fr;gap:20px}.demo-guide ol{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.demo-header{height:70px}.demo-header .brand small{font-size:.57rem}.header-note{display:none}.sandbox-link{font-size:.7rem;padding:.55rem .65rem}.shell{min-height:calc(100vh - 70px)}main{padding:28px 16px 92px}h1{font-size:2.65rem}.lede{font-size:.96rem}.demo-guide{margin:24px 0;padding:20px 16px}.demo-guide ol{grid-template-columns:repeat(2,1fr);gap:10px}.demo-guide li{border:1px solid rgba(255,255,255,.2)}.panel{padding:18px}}
.brand-logo{width:42px;height:42px;display:block;flex:0 0 auto}.mark{display:none!important}
@media(max-width:640px){main{padding-bottom:112px!important}#toast{bottom:72px!important;max-width:calc(100vw - 32px)}}