:root{color-scheme:dark;--navy:#01233f;--ink:#061421;--blue:#077deb;--link:#65bbff;--mist:#e2e5e9;--muted:#a5b6c4;--line:rgba(162,194,217,.22)}
*{box-sizing:border-box}
body{margin:0;min-width:320px;color:var(--mist);background:radial-gradient(circle at 88% 27%,rgba(7,125,235,.15),transparent 32rem),linear-gradient(150deg,#071624 0%,var(--ink) 53%,#03111e 100%);font-family:"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}.shell{width:min(100% - 88px,1240px);margin:0 auto}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0 26px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;width:258px;max-width:60%}.brand img{display:block;width:100%;height:auto}.brand:focus-visible{outline:2px solid var(--link);outline-offset:5px;border-radius:3px}
.status{display:inline-flex;align-items:center;gap:9px;flex:none;border:1px solid rgba(101,187,255,.34);border-radius:999px;padding:9px 15px;color:#c9e8ff;background:rgba(11,45,71,.65);font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.status span{width:7px;height:7px;border-radius:50%;background:#35a3ff;box-shadow:0 0 0 4px rgba(53,163,255,.13)}
.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(330px,.94fr);align-items:center;gap:clamp(32px,5vw,84px);min-height:640px;padding:70px 0 82px}
.hero-copy{position:relative;z-index:1}.eyebrow{margin:0;color:var(--link);font-size:12px;font-weight:700;letter-spacing:.19em}
h1,h2,h3,p{margin-top:0}
h1{margin:24px 0 27px;font-size:clamp(58px,6vw,88px);font-weight:750;line-height:1.02;letter-spacing:-.055em}
h1 em{color:#54b5ff;font-style:normal}
.intro{max-width:600px;margin-bottom:17px;color:#c9d8e3;font-size:clamp(18px,1.55vw,21px);line-height:1.65}
.byline{margin-bottom:38px;color:var(--mist);font-size:17px;font-weight:650}
.note{display:flex;align-items:center;gap:14px;max-width:480px;padding:17px 19px;border:1px solid rgba(101,187,255,.28);border-left:3px solid var(--blue);border-radius:8px;background:rgba(13,42,65,.74);color:#d4e3ec;font-size:15px;line-height:1.5}
.note-icon{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:5px;background:rgba(7,125,235,.25);color:var(--link);font-size:18px}
.art{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1;max-width:520px;width:100%;margin:auto;overflow:hidden}
.art:before{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(2,60,106,.65),rgba(7,125,235,.12) 45%,transparent 70%);content:"";filter:blur(18px)}
.halo{position:absolute;border:1px solid rgba(101,187,255,.18);border-radius:50%}.halo-outer{inset:3%}.halo-inner{inset:17%;border-color:rgba(101,187,255,.28)}
.grid{position:absolute;inset:4%;opacity:.33;background-image:linear-gradient(rgba(91,162,215,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(91,162,215,.12) 1px,transparent 1px);background-size:29px 29px;mask-image:radial-gradient(circle,#000 27%,transparent 70%)}
.core{position:relative;display:grid;place-items:center;width:54%;aspect-ratio:1;border:1px solid rgba(101,187,255,.4);border-radius:24%;background:linear-gradient(140deg,#0c3454,#041a2e 72%);box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px 24px rgba(101,187,255,.12);transform:rotate(-7deg)}
.core img{width:49%;height:auto;transform:rotate(7deg);filter:drop-shadow(0 8px 20px rgba(0,0,0,.2))}
.node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--link);box-shadow:0 0 24px 5px rgba(72,174,255,.35)}.n1{top:16%;left:28%}.n2{top:42%;right:3%;width:6px;height:6px}.n3{bottom:14%;left:18%;width:5px;height:5px}
.promise{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:8%;padding:52px 0 85px;border-top:1px solid var(--line)}
.promise h2{max-width:410px;margin:19px 0 0;font-size:clamp(29px,3vw,41px);line-height:1.2;letter-spacing:-.035em}
.points{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.point{padding-top:7px;border-top:2px solid rgba(101,187,255,.37)}
.point span{color:var(--link);font-size:12px;font-weight:750;letter-spacing:.1em}.point h3{margin:18px 0 10px;font-size:18px}.point p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.65}
.closing{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:33px 38px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(105deg,rgba(12,42,68,.9),rgba(6,28,46,.9))}
.closing p{margin:0;color:var(--link);font-size:12px;font-weight:700;letter-spacing:.16em}.closing strong{max-width:420px;font-size:clamp(20px,2vw,27px);line-height:1.3;letter-spacing:-.025em}
.footer{display:flex;justify-content:space-between;gap:20px;padding:35px 0 45px;color:#8da5b7;font-size:13px}
@media(max-width:850px){.shell{width:min(100% - 48px,680px)}.hero{grid-template-columns:1fr;gap:4px;min-height:0;padding:72px 0 55px}.art{grid-row:2;max-width:390px;margin-top:6px}.promise{grid-template-columns:1fr;gap:35px;padding:46px 0 60px}.promise h2{max-width:620px}}
@media(max-width:560px){.shell{width:min(100% - 36px,460px)}.header{padding:20px 0;gap:12px}.brand{width:185px}.status{padding:7px 9px;gap:6px;font-size:9px;letter-spacing:.07em}.status span{width:6px;height:6px}.hero{padding:62px 0 37px}h1{margin:22px 0 24px;font-size:clamp(49px,13vw,66px)}.intro{font-size:18px;line-height:1.58}.byline{margin-bottom:30px;font-size:16px}.note{font-size:14px}.art{max-width:330px}.points{grid-template-columns:1fr;gap:25px}.point{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding-top:14px}.point h3{margin:0 0 7px}.point p{grid-column:2}.closing{display:block;padding:27px 24px}.closing p{margin-bottom:13px}.footer{display:block;padding:30px 0;line-height:1.8}.footer span{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}