:root{--sp-ink:#0c1821;--sp-panel:#132833;--sp-mint:#9fe0c1;--sp-green:#2d8061;--sp-peach:#f3aa7c;--sp-paper:#f4f7f4;--sp-line:#cfdbd6;--sp-danger:#d26f4f}
.sp-page{background:var(--sp-paper);overflow-x:hidden}
.sp-hero{position:relative;background:var(--sp-ink);color:#fff;padding:88px 0 100px;isolation:isolate}
.sp-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,#0c1821 0 52%,#112631 52% 100%)}
.sp-hero:after{content:"";position:absolute;right:-130px;top:-180px;width:650px;height:650px;border:1px solid #b9e6d329;border-radius:50%;box-shadow:0 0 0 75px #b9e6d308,0 0 0 160px #b9e6d305;z-index:-1}
.sp-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:72px;align-items:center}
.sp-status{display:inline-flex;align-items:center;gap:10px;color:#d5e6df;font:800 10px 'DM Sans';letter-spacing:.16em;text-transform:uppercase;margin-bottom:25px}
.sp-status:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sp-peach);box-shadow:0 0 0 6px #f3aa7c18}
.sp-logo-plate{width:min(470px,100%);margin:0 0 34px;padding:13px 20px 11px;background:#f7faf8;border:1px solid #bcd2c9;box-shadow:10px 10px 0 #07111752}
.sp-logo-plate img{display:block;width:100%;height:auto}
.sp-hero h1{font-size:clamp(62px,7.2vw,104px);line-height:.88;letter-spacing:-.08em;margin:0 0 32px}
.sp-hero h1 span{display:block;color:var(--sp-mint)}
.sp-hero-copy{color:#c5d2d4;font-size:21px;line-height:1.55;max-width:610px;margin-bottom:35px}
.sp-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 20px;background:var(--sp-mint);color:#10251e;text-decoration:none;font:800 13px 'DM Sans';border:1px solid var(--sp-mint);transition:.2s}
.sp-button:hover{background:#c4f0db;transform:translateY(-2px)}
.sp-button.secondary{background:transparent;color:white;border-color:#60747a}
.sp-button.secondary:hover{background:#ffffff0b}
.sp-fineprint{display:flex;gap:18px;flex-wrap:wrap;margin-top:31px;color:#82969a;font:700 10px 'DM Sans';letter-spacing:.08em;text-transform:uppercase}
.sp-fineprint i{color:var(--sp-mint);margin-right:6px}
.app-window{position:relative;background:#edf3f0;border:1px solid #6c8587;color:var(--sp-ink);box-shadow:22px 22px 0 #07111766;transform:rotate(1deg)}
.app-titlebar{height:46px;background:#f9fbfa;border-bottom:1px solid #cedad5;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:800 11px 'DM Sans'}
.app-titlebar>span{display:flex;align-items:center;gap:9px}.app-brand-icon{width:22px;height:22px;object-fit:contain}
.window-buttons{display:flex;gap:11px;color:#71817e;font-size:11px}
.app-body{display:grid;grid-template-columns:64px 1fr;min-height:430px}
.app-rail{background:#10232d;padding:19px 0;display:flex;flex-direction:column;align-items:center;gap:19px;color:#859a9e}
.app-rail i{width:33px;height:33px;display:grid;place-items:center;border-radius:6px;font-size:12px}.app-rail i:first-child{background:var(--sp-mint);color:#173329}
.app-content{padding:29px 28px 30px}
.app-step{display:flex;justify-content:space-between;align-items:center;color:#63736f;font:800 9px 'DM Sans';letter-spacing:.12em;text-transform:uppercase}
.app-step span:last-child{color:var(--sp-green)}
.app-content h2{font-size:27px;letter-spacing:-.055em;margin:22px 0 8px}.app-content>p{color:#61716f;font-size:14px;line-height:1.5;margin-bottom:22px}
.drive-option{background:#fff;border:2px solid #3c876a;padding:17px;display:grid;grid-template-columns:43px 1fr auto;gap:13px;align-items:center;box-shadow:0 8px 18px #14352a0c}
.drive-icon{width:43px;height:43px;display:grid;place-items:center;background:#e0efe8;color:#28664f}.drive-option strong{display:block;font:800 14px 'DM Sans'}.drive-option small{color:#74827f;font-size:11px}.drive-option>span:last-child{font:800 14px 'DM Sans'}
.app-warning{margin-top:18px;background:#fff0e9;border-left:3px solid var(--sp-danger);padding:13px 15px;display:flex;gap:11px;color:#744534;font-size:11px;line-height:1.45}.app-warning i{color:var(--sp-danger);margin-top:2px}
.app-next{display:flex;justify-content:flex-end;margin-top:19px}.app-next span{background:#18362d;color:white;padding:11px 18px;font:800 11px 'DM Sans'}
.sp-trust{background:#dfeae5;border-bottom:1px solid #cad8d2}
.sp-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sp-trust-grid>div{padding:23px 22px;border-right:1px solid #c3d3cd}.sp-trust-grid>div:first-child{border-left:1px solid #c3d3cd}
.sp-trust small{display:block;color:#577068;font:800 9px 'DM Sans';letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}.sp-trust strong{font:800 14px 'DM Sans'}
.sp-section{padding:110px 0}.sp-section.white{background:white}.sp-section.dark{background:#0f2029;color:white}.sp-section-head{display:grid;grid-template-columns:180px minmax(0,780px);gap:50px;margin-bottom:58px}
.sp-index{color:#4d7566;font:800 10px 'DM Sans';letter-spacing:.16em;text-transform:uppercase;padding-top:8px}.dark .sp-index{color:#82ae9e}
.sp-section-head h2{font-size:clamp(38px,4.6vw,65px);line-height:1.02;letter-spacing:-.065em;margin-bottom:20px}.sp-section-head p{color:#61726f;font-size:20px;max-width:720px;margin:0}.dark .sp-section-head p{color:#afbec0}
.origin-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:stretch}
.origin-story{background:#fff;border:1px solid var(--sp-line);padding:45px 48px;position:relative}.origin-story:before{content:"FROM A REAL TEST";position:absolute;right:0;top:0;background:var(--sp-ink);color:white;padding:9px 13px;font:800 9px 'DM Sans';letter-spacing:.14em}.origin-story p{font-size:19px;line-height:1.72;color:#43565a}.origin-story p:last-child{margin-bottom:0}.origin-result{background:var(--sp-panel);color:white;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.origin-result>span{font:800 9px 'DM Sans';letter-spacing:.16em;color:var(--sp-peach)}.capacity-claim{margin:35px 0}.capacity-claim small{display:block;color:#9eb0b2;font:700 11px 'DM Sans';text-transform:uppercase;letter-spacing:.1em}.capacity-claim strong{display:block;font:800 clamp(55px,6vw,82px) 'DM Sans';letter-spacing:-.08em;line-height:1}.capacity-claim.actual strong{color:var(--sp-mint)}
.capacity-line{height:10px;background:#ffffff17;margin:12px 0 9px}.capacity-line i{display:block;height:100%;width:13.4%;background:var(--sp-danger)}
.origin-result p{color:#bdcacc;font-size:15px;margin:0}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mode-card{position:relative;padding:43px;border:1px solid #30444c;background:#142a34;overflow:hidden}.mode-card.featured{background:var(--sp-mint);color:#10251e;border-color:var(--sp-mint)}
.mode-number{position:absolute;right:25px;top:13px;font:800 76px 'DM Sans';letter-spacing:-.08em;color:#ffffff08}.featured .mode-number{color:#143d2f0c}
.mode-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid #60757b;color:var(--sp-peach);margin-bottom:40px}.featured .mode-icon{background:#17382e;color:var(--sp-mint);border-color:#17382e}
.mode-card h3{font-size:31px;letter-spacing:-.055em;margin-bottom:13px}.mode-card>p{color:#aebdc0;font-size:17px;min-height:80px}.featured>p{color:#355c50}
.mode-card ul{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid #ffffff1c}.featured ul{border-color:#21473a30}.mode-card li{padding:13px 0;border-bottom:1px solid #ffffff12;font-size:14px}.featured li{border-color:#21473a21}.mode-card li i{width:22px;color:var(--sp-mint)}.featured li i{color:#1f614a}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--sp-line);border-left:1px solid var(--sp-line)}
.workflow article{min-height:275px;padding:30px 27px;border-right:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line);background:#fff}.workflow span{font:800 11px 'DM Sans';color:var(--sp-green)}.workflow i{display:block;font-size:23px;color:#345e50;margin:42px 0 25px}.workflow h3{font-size:20px;letter-spacing:-.035em;margin-bottom:9px}.workflow p{color:#687976;font-size:14px;line-height:1.55}
.safety-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:55px;align-items:start}
.safety-manifesto{position:sticky;top:25px;background:var(--sp-peach);color:#2d201a;padding:44px}.safety-manifesto .sp-index{color:#6a3a25;padding:0}.safety-manifesto h2{font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.065em;margin:24px 0}.safety-manifesto p{font-size:18px;line-height:1.6;margin:0}
.safety-list{display:grid;gap:12px}.safety-list article{display:grid;grid-template-columns:50px 1fr;gap:18px;border:1px solid #30434b;background:#132731;padding:24px}.safety-list i{width:48px;height:48px;display:grid;place-items:center;background:#1e3a43;color:var(--sp-mint)}.safety-list h3{font-size:18px;margin:2px 0 6px}.safety-list p{font-size:14px;color:#aebcbe;margin:0;line-height:1.5}
.feature-board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-board article{background:#f0f4f1;border:1px solid var(--sp-line);padding:29px;min-height:220px;transition:.2s}.feature-board article:hover{background:#e5efe9;transform:translateY(-3px)}.feature-board i{font-size:22px;color:var(--sp-green);margin-bottom:32px}.feature-board h3{font-size:19px;letter-spacing:-.035em}.feature-board p{color:#637571;font-size:14px;margin:0}
.access-panel{display:grid;grid-template-columns:1.05fr .95fr;background:#173029;color:white}.access-copy{padding:55px}.access-copy .sp-index{color:var(--sp-mint);padding:0}.access-copy h2{font-size:clamp(40px,4.7vw,64px);line-height:1;letter-spacing:-.07em;margin:25px 0}.access-copy p{color:#c0cdca;font-size:18px;max-width:600px}.access-copy strong{color:white}.toolkit{position:relative;background:#dce9e3;color:var(--sp-ink);padding:48px;overflow:hidden}.toolkit:after{content:"";position:absolute;right:-35px;bottom:-20px;width:210px;height:180px;background:repeating-linear-gradient(90deg,#19382d 0 4px,transparent 4px 10px,#19382d 10px 12px,transparent 12px 19px);opacity:.09;transform:rotate(-8deg)}.toolkit span{font:800 9px 'DM Sans';letter-spacing:.15em;color:#47675d}.toolkit h3{font-size:30px;letter-spacing:-.05em;margin:22px 0 12px}.toolkit ul{list-style:none;padding:0;margin:25px 0 0;position:relative;z-index:1}.toolkit li{padding:10px 0;border-bottom:1px solid #bacdc4;font-size:14px}.toolkit i{color:var(--sp-green);margin-right:9px}
.developer-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.developer-card,.timeline-card{border:1px solid var(--sp-line);background:white;padding:42px}.developer-card small,.timeline-card small{font:800 9px 'DM Sans';letter-spacing:.15em;text-transform:uppercase;color:#547568}.developer-card h2{font-size:36px;letter-spacing:-.055em;margin:24px 0 6px}.developer-card h3{font-size:17px;color:#557068;margin-bottom:25px}.developer-card p,.timeline-card p{color:#5d706e}.dev-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px}.dev-links a{font:800 12px 'DM Sans';color:#285f4b;text-underline-offset:4px}
.timeline{margin-top:28px}.timeline>div{display:grid;grid-template-columns:115px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--sp-line)}.timeline time{font:800 11px 'DM Sans';color:#2f7157}.timeline strong{font:800 15px 'DM Sans';display:block}.timeline span{font-size:13px;color:#6c7d7a}
.sp-prototype{background:#e5eee9}
.prototype-showcase{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:34px;align-items:start}
.prototype-frame{background:#fff;border:1px solid #b8cbc3;box-shadow:16px 16px 0 #15332a12;overflow:hidden}
.prototype-frame-bar{min-height:48px;padding:10px 15px;background:#10232d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;font:800 10px 'DM Sans';letter-spacing:.08em;text-transform:uppercase}
.prototype-frame-bar span{display:flex;align-items:center;gap:9px}.prototype-frame-bar img{width:25px;height:25px;object-fit:contain}.prototype-frame-bar span:last-child{color:#9fb3b5}
.prototype-frame>img{display:block;width:100%;height:auto}
.prototype-copy{background:#fff;border:1px solid var(--sp-line);padding:37px}
.prototype-badge{display:inline-flex;align-items:center;gap:9px;background:#dff1e8;color:#246349;padding:9px 11px;font:800 10px 'DM Sans';letter-spacing:.12em;text-transform:uppercase}
.prototype-copy h3{font-size:32px;line-height:1.08;letter-spacing:-.055em;margin:25px 0 16px}.prototype-copy>p{color:#586d69;font-size:16px;line-height:1.65}
.prototype-name-note{padding:17px;background:#f2f5f2;border-left:3px solid var(--sp-green)}
.prototype-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.prototype-status-grid>div{display:grid;grid-template-columns:30px 1fr;gap:7px;padding:12px;background:#eef4f1;color:#526964;font-size:12px;line-height:1.35}.prototype-status-grid i{color:var(--sp-green);margin-top:2px}.prototype-status-grid strong{display:block;color:var(--sp-ink);font:800 11px 'DM Sans';text-transform:uppercase;letter-spacing:.05em}
.sp-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sp-faq details{background:#fff;border:1px solid var(--sp-line);padding:0 24px}.sp-faq summary{cursor:pointer;list-style:none;padding:23px 30px 23px 0;font:800 16px 'DM Sans';position:relative}.sp-faq summary::-webkit-details-marker{display:none}.sp-faq summary:after{content:"+";position:absolute;right:0;font-size:23px;line-height:.8;color:var(--sp-green)}.sp-faq details[open] summary:after{content:"−"}.sp-faq p{color:#627471;font-size:15px;line-height:1.6;padding:0 0 22px;margin:0}
.sp-final{background:var(--sp-mint);padding:75px 0}.sp-final-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.sp-final h2{font-size:clamp(39px,4.7vw,65px);line-height:1;letter-spacing:-.07em;margin:0}.sp-final p{margin:15px 0 0;color:#35584e}.sp-final .sp-button{background:var(--sp-ink);color:white;border-color:var(--sp-ink)}
@media(max-width:1100px){.prototype-showcase{grid-template-columns:1fr}.prototype-copy{max-width:none}}
@media(max-width:980px){.sp-hero-grid{grid-template-columns:1fr;gap:65px}.app-window{max-width:680px}.sp-trust-grid{grid-template-columns:1fr 1fr}.origin-grid,.safety-grid{grid-template-columns:1fr}.safety-manifesto{position:static}.workflow{grid-template-columns:1fr 1fr}.feature-board{grid-template-columns:1fr 1fr}.access-panel,.developer-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sp-hero{padding:60px 0 75px}.sp-hero-grid{gap:48px}.sp-logo-plate{padding:10px 13px;box-shadow:7px 7px 0 #07111752}.sp-hero h1{font-size:clamp(55px,17vw,76px)}.sp-hero-copy{font-size:18px}.sp-actions{align-items:stretch;flex-direction:column}.sp-button{width:100%}.app-window{transform:none;box-shadow:9px 9px 0 #07111766}.app-body{grid-template-columns:44px 1fr;min-height:0}.app-rail{gap:10px}.app-rail i{width:28px;height:28px}.app-content{padding:22px 17px}.drive-option{grid-template-columns:38px 1fr}.drive-option>span:last-child{grid-column:2}.sp-trust-grid{grid-template-columns:1fr}.sp-trust-grid>div{border-left:1px solid #c3d3cd}.sp-section{padding:74px 0}.sp-section-head{grid-template-columns:1fr;gap:12px;margin-bottom:38px}.sp-section-head p{font-size:17px}.origin-story,.origin-result,.mode-card,.access-copy,.toolkit,.developer-card,.timeline-card,.prototype-copy{padding:29px}.origin-story{padding-top:58px}.origin-story p{font-size:17px}.mode-grid,.feature-board,.sp-faq{grid-template-columns:1fr}.mode-card>p{min-height:0}.workflow{grid-template-columns:1fr}.workflow article{min-height:0}.safety-manifesto{padding:31px}.safety-list article{grid-template-columns:40px 1fr;padding:19px;gap:14px}.safety-list i{width:40px;height:40px}.prototype-frame-bar{align-items:flex-start;flex-direction:column}.prototype-frame-bar span:last-child{font-size:8px}.prototype-status-grid{grid-template-columns:1fr}.sp-final-grid{grid-template-columns:1fr;gap:28px}.sp-final .sp-button{width:100%}.timeline>div{grid-template-columns:1fr;gap:5px}}
@media(prefers-reduced-motion:reduce){.sp-button,.feature-board article{transition:none}.sp-button:hover,.feature-board article:hover{transform:none}}