@font-face{font-family:Inter;src:url(assets/fonts/inter-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
  --teal:#00718f;--teal-hi:#5ac8e0;--amber:#f5b95a;--amber-ink:#a35f00;--navy:#0d1822;--brand:#004874;
  --bg:#fff;--bg2:#f4f5f7;--card:#fff;--ink:#0d1822;--ink2:#3d4954;--ink3:#5b6670;--line:#dfe3e7;--line2:#cfd5db;
  --pill:#dff0f4;--pill-ink:#00657f;--mark-l:#004874;--word:#004874;
  --dark:#0d1822;--dark2:#131f2b;--dark-line:rgba(255,255,255,.09);
  --shadow:0 24px 60px -20px rgba(13,24,34,.35),0 4px 14px rgba(13,24,34,.08);
  --r:14px;--r-sm:8px;
  color-scheme:light;
}
[data-theme=dark]{
  --bg:#0b141c;--bg2:#101b25;--card:#14212d;--ink:#eef2f5;--ink2:#c3ccd4;--ink3:#9aa6b1;--line:#233240;--line2:#2c3d4d;
  --pill:#11323d;--pill-ink:#7fd6ea;--mark-l:#5aa9d6;--word:#eef2f5;--amber-ink:#f5b95a;
  --dark:#070d13;--dark2:#0f1a24;
  --shadow:0 24px 60px -20px rgba(0,0,0,.7),0 4px 14px rgba(0,0,0,.35);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p{margin:0}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{width:min(1320px,100% - 48px);margin:0 auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:8px 12px;border-radius:8px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--teal-hi);outline-offset:2px}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:24px;height:76px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand__word{font-weight:700;font-size:25px;letter-spacing:-.01em;color:var(--word)}
.brand__sep{width:1px;height:22px;background:var(--line2);margin:0 6px}
.brand__sub{font-size:13.5px;color:var(--ink3)}
.nav{margin-left:auto;display:flex;gap:28px}
.nav a{text-decoration:none;font-size:15px;font-weight:500;color:var(--ink)}
.nav a:hover{color:var(--teal)}
.hdr__end{display:flex;align-items:center;gap:12px}
.theme{width:40px;height:40px;border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.theme svg{width:18px;height:18px}
.theme__moon{display:none}
[data-theme=dark] .theme__sun{display:none}[data-theme=dark] .theme__moon{display:block}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:3px;font-weight:500;font-size:16px;text-decoration:none;border:1px solid transparent;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn--ink{background:#0d1822;color:#fff;min-height:46px;padding:0 22px;font-size:15px}
[data-theme=dark] .btn--ink{background:#eef2f5;color:#0d1822}
.btn--teal{background:var(--teal);color:#fff}
.btn--line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn--amber{background:var(--amber);color:#0d1822}
.btn--ghost{border-color:rgba(255,255,255,.28);color:#fff}
.btns{display:flex;gap:12px;flex-wrap:wrap}

/* hero */
.hero{position:relative;overflow:hidden;padding:96px 0 0}
.hero__grid{display:grid;grid-template-columns:1fr 1.02fr;gap:72px;align-items:start;position:relative;z-index:1}
.hero h1{font-size:clamp(42px,4.7vw,86px);line-height:1.05;letter-spacing:-.035em;font-weight:600;max-width:10.5ch}
.lead{font-size:clamp(17px,1.25vw,20px);color:var(--ink2);line-height:1.65;margin-top:28px;max-width:34em}
.hero .btns{margin-top:40px}
.hero__app{position:relative;padding-bottom:30px}
.excl{position:relative;z-index:1;margin-top:70px;padding:28px 0 90px;border-top:1px solid var(--line);font-size:14px;color:var(--ink2)}
.mosaic{position:absolute;pointer-events:none}
.mosaic--hero{right:0;bottom:0;width:58%;height:78%}
.float{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:#1b2732;border-radius:8px;padding:12px 18px;font-size:14px;box-shadow:0 10px 30px -8px rgba(13,24,34,.3);white-space:nowrap}
.float i{width:8px;height:8px;border-radius:50%;background:var(--teal)}
.float i.amber{background:var(--amber)}
.float--a{right:-10px;top:56%}
.float--b{left:24%;bottom:2px}
[data-theme=dark] .float{background:#e9eef2}

/* app mock */
.app{background:#0f1b24;border-radius:var(--r);box-shadow:var(--shadow);color:#dfe7ec;overflow:hidden;border:1px solid rgba(255,255,255,.06);font-size:14px}
.app__bar{display:flex;align-items:center;gap:14px;height:50px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#3a4955}
.app__title{font-size:13px;color:#9fb0bc}.app__title b{color:#fff;font-weight:500}
.tag{margin-left:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b7c4cd;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 10px}
.app__body{display:grid;grid-template-columns:1.9fr 1fr;min-height:580px}
.app--tall .app__body{min-height:520px}
.app__main{display:flex;flex-direction:column;padding:20px;gap:14px;min-width:0}
.app__side{border-left:1px solid rgba(255,255,255,.08);padding:20px 16px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.prompt{display:flex;align-items:flex-start;gap:10px;background:#1a2a35;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px;min-height:58px;font-size:15px;color:#f1f5f7;line-height:1.45}
.prompt__spark{width:12px;height:12px;color:var(--amber);flex:none;margin-top:4px}
.prompt__text{flex:1}
.prompt__text.typing::after{content:"";display:inline-block;width:1.5px;height:1em;background:#fff;vertical-align:-2px;margin-left:1px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.prompt__send{width:28px;height:28px;flex:none;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#9fb0bc;transition:background .2s}
.prompt__send svg{width:14px;height:14px}
.prompt.ready .prompt__send{background:#6fd0e8;color:#0d1822}
.feed{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}
.think{display:flex;gap:5px;padding:4px 2px}.think i{width:5px;height:5px;border-radius:50%;background:#5ac8e0;animation:bob 1.1s infinite}
.think i:nth-child(2){animation-delay:.15s;opacity:.7}.think i:nth-child(3){animation-delay:.3s;opacity:.45}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.step-line{display:flex;align-items:center;gap:8px;font-size:13px;color:#a9bac6;opacity:0;transform:translateY(4px);animation:in .4s forwards}
.step-line svg{width:13px;height:13px;color:#5ac8e0}
@keyframes in{to{opacity:1;transform:none}}
.draft{background:#152430;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;opacity:0;transform:translateY(6px);animation:in .5s forwards}
.draft__k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f5b95a;margin-bottom:6px}
.draft__t{font-weight:600;color:#fff;font-size:15px;margin-bottom:8px}
.draft ul{margin:0;padding-left:18px;color:#c6d3dc;font-size:13.5px;line-height:1.6}
.draft p{color:#c6d3dc;font-size:13.5px;line-height:1.6}
.draft p+p{margin-top:8px}
.draft [contenteditable=true]{outline:1px dashed #5ac8e0;outline-offset:4px;border-radius:4px}
.app__acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.abtn{font:inherit;font-size:13px;font-weight:500;padding:9px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;cursor:pointer}
.abtn--go{background:#2a3b47;border-color:#2a3b47;color:#8597a4}
.abtn:disabled{cursor:default}
.abtn:not(:disabled).abtn--go{background:var(--amber);border-color:var(--amber);color:#0d1822}
.abtn:not(:disabled):hover{filter:brightness(1.08)}
.acts__note{font-size:12.5px;color:#8fa1ae;margin-left:6px}
.agent{display:flex;align-items:center;gap:8px;font-size:13px;color:#b9c6cf}
.pulse{width:6px;height:6px;border-radius:50%;background:#5ac8e0;margin-left:auto;box-shadow:0 0 0 4px rgba(90,200,224,.18)}
.side__k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8597a4;margin:18px 0 10px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{font-size:12px;color:#b2c0ca;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:5px 9px;transition:border-color .3s,color .3s}
.chips span.on{border-color:#5ac8e0;color:#e8f7fb}

/* sections */
.sec{padding:120px 0;position:relative;overflow:hidden}
.sec--gray{background:var(--bg2)}
.sec--dark{background:var(--dark);color:#eef2f5}
.sec--tight{padding-top:60px}
h2{font-size:clamp(32px,3.1vw,52px);line-height:1.1;letter-spacing:-.03em;font-weight:600}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--pill);color:var(--pill-ink);border:1px solid color-mix(in srgb,var(--pill-ink) 22%,transparent);font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border-radius:999px;margin-bottom:18px}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill--dark{background:rgba(90,200,224,.1);color:#7fd6ea;border-color:rgba(90,200,224,.3)}
.head2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:64px}
.head2 h2{max-width:20ch}
.head2 p{color:var(--ink2);font-size:17px;line-height:1.75;max-width:33em}
.head2 p.strong{color:var(--ink);font-weight:500;margin-top:20px}
.head2 p.small{font-size:15px;margin-top:20px;color:var(--ink2)}
.head2 p.small b{color:var(--ink);font-weight:600}

/* steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1.5px solid var(--teal);position:relative}
.step{position:relative;padding-top:38px}
.step__dot{position:absolute;top:-6px;left:-1px;width:11px;height:11px;border-radius:50%;border:1.5px solid var(--teal);background:var(--bg2)}
.step--teal .step__dot{background:var(--teal)}
.step__k{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-bottom:18px}
.num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--line);color:var(--ink2);font-size:16px;letter-spacing:0}
.step--teal .step__k{color:var(--teal)}.step--teal .num{background:var(--teal);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 25%,transparent)}
[data-theme=dark] .step--teal .step__k{color:#7fd6ea}
.step--amber .step__k{color:var(--amber-ink)}.step--amber .num{background:var(--amber);color:#0d1822}
.step h3{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-bottom:12px}
.step p{color:var(--ink2);font-size:15.5px;line-height:1.7}
.isnot{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:18px;margin-top:64px}
.nc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px;min-height:228px}
.nc__k{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:26px}
.nc__ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);border:1px solid var(--line);color:var(--ink2);flex:none}
.nc__ic svg{width:16px;height:16px}
.nc__t{font-size:22px;font-weight:600;line-height:1.35;color:var(--ink2)}
.nc__t s{text-decoration-thickness:2px}
.nc--is{background:#0f1b24;border-color:#0f1b24;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}
.nc--is::after{content:"";position:absolute;right:-90px;top:-60px;width:300px;height:300px;border-radius:50%;border:44px solid rgba(255,255,255,.035)}
.nc--is .nc__k{color:var(--amber)}
.nc--is .nc__ic,.nc__ic--amber{background:var(--amber);border-color:var(--amber);color:#0d1822}
.nc--is .nc__t{color:#fff;font-size:30px;line-height:1.3;position:relative;z-index:1}
.nc--is em{font-style:normal;color:#6fd0e8}

/* how */
.how{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.stack{background:#0f1b24;border-radius:var(--r);padding:34px;color:#dfe7ec;box-shadow:var(--shadow)}
.stack__layers{display:flex;flex-direction:column;gap:8px}
.layer{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:6px;padding:16px 18px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);transition:all .25s;transform-origin:center}
.layer span{font-size:12px;color:#7f93a1;font-variant-numeric:tabular-nums}
.layer b{font-weight:500;font-size:16px;color:#fff}
.layer small{font-size:12.5px;color:#8fa1ae}
.layer[data-l="6"]{margin:0 0px}.layer[data-l="5"]{margin:0 6px}.layer[data-l="4"]{margin:0 12px}.layer[data-l="3"]{margin:0 18px}.layer[data-l="2"]{margin:0 24px}.layer[data-l="1"]{margin:0 30px}
.layer.on{background:linear-gradient(90deg,rgba(0,113,143,.55),rgba(0,113,143,.2));border-color:#2bb3cf}
.layer.on span{color:#9fe3f2}.layer.on small{color:#cfeef5}
.control{display:flex;gap:14px;margin-top:24px;padding:18px;border-radius:10px;border:1px solid rgba(245,185,90,.35);background:rgba(245,185,90,.07)}
.control b{color:#fff;font-weight:600}.control p{font-size:14px;color:#b9c6cf;margin-top:2px}
.stack__foot{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8597a4}
.stack__foot i{width:5px;height:5px;border-radius:50%;background:#5ac8e0}
.acc__hint{font-size:14px;color:var(--ink3);padding-bottom:14px;border-bottom:1.5px solid var(--ink)}
.acc__item{border-bottom:1px solid var(--line)}
.acc__item button{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:56px 1fr 24px;align-items:center;padding:22px 0;cursor:pointer}
.acc__item button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.acc__n{font-size:14px;color:var(--ink3);font-variant-numeric:tabular-nums}
.is-open .acc__n{color:var(--teal)}[data-theme=dark] .is-open .acc__n{color:#7fd6ea}
.acc__h b{display:block;font-size:20px;font-weight:600;letter-spacing:-.01em}
.acc__h small{display:block;font-size:14px;color:var(--ink3);margin-top:2px}
.acc__pm{position:relative;width:14px;height:14px}
.acc__pm::before,.acc__pm::after{content:"";position:absolute;left:0;top:6px;width:14px;height:1.6px;background:var(--ink2);transition:transform .25s}
.acc__pm::after{transform:rotate(90deg)}
.is-open .acc__pm::before{transform:rotate(45deg)}.is-open .acc__pm::after{transform:rotate(135deg)}
.acc__p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}
.acc__p>p{overflow:hidden;padding-left:56px;color:var(--ink2);font-size:16px;line-height:1.7}
.is-open .acc__p{grid-template-rows:1fr}
.is-open .acc__p>p{padding-bottom:24px}

/* tools */
.tools{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;margin-bottom:80px}
.tools .lead{font-size:18px;max-width:28em}
.incl{margin-top:32px;border:1px solid var(--line2);background:var(--card);padding:24px 28px;max-width:34em}
.incl__k{font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
[data-theme=dark] .incl__k{color:#7fd6ea}
.incl p:last-child{color:var(--ink2);font-size:16px;line-height:1.65}
.diagram{position:relative;aspect-ratio:600/390;background:#0f1b24 radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0/22px 22px;border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.diagram__lines{position:absolute;inset:0;width:100%;height:100%}.diagram__lines path{vector-effect:non-scaling-stroke}
.flow{animation:dash 2.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-32}}
.node{position:absolute;left:var(--x);top:var(--y);transform:translateY(-50%);width:21%;padding:10px 0;text-align:center;font-size:clamp(11px,.85vw,14px);color:#dfe7ec;background:#15242f;border:1px solid rgba(255,255,255,.12);border-radius:6px}
.node::after{content:"";position:absolute;right:-4px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#5ac8e0}
.node--r{left:auto;right:var(--x)}.node--r::after{right:auto;left:-4px}
.hub{position:absolute;left:50%;top:42.5%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:12px 18px;background:#11222d;border:1.5px solid #5ac8e0;border-radius:10px;box-shadow:0 0 0 6px rgba(90,200,224,.12),0 0 40px rgba(90,200,224,.35)}
.hub b{display:block;color:#fff;font-size:15px;line-height:1.1}.hub small{color:#b9c6cf;font-size:12px}
.diagram__ro{position:absolute;left:4%;bottom:5%;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7fd6ea}
.diagram__ro i{width:6px;height:6px;border-radius:50%;background:#5ac8e0}
.diagram__nv{position:absolute;right:4%;bottom:5%;font-size:12px;color:#8fa1ae}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0 40px}
.grid4>div{border-top:1px solid var(--line2);padding:26px 0 44px}
.grid4 h3{font-size:17px;font-weight:600;margin-bottom:10px}
.grid4 p{font-size:15px;color:var(--ink2);line-height:1.65}
.gets>div{padding-top:30px}
.ic{width:24px;height:24px;fill:none;stroke:var(--teal);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px;display:block}
[data-theme=dark] .ic{stroke:#6fd0e8}

/* workflows */
.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:28px}
.tabs button{all:unset;box-sizing:border-box;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:17px;font-weight:500;color:var(--ink)}
.tabs button small{display:block;font-size:11px;letter-spacing:.1em;color:var(--ink3);font-weight:600}
.tabs button[aria-selected=true]{background:#0f1b24;color:#fff}
.tabs button[aria-selected=true] small{color:#6fd0e8}
[data-theme=dark] .tabs button[aria-selected=true]{background:#1f3242}
.tabs button:focus-visible{outline:2px solid var(--teal)}
.wf{display:grid;grid-template-columns:.9fr 2fr;gap:36px;align-items:start}
.wf__list{padding-top:40px}
.wf__hint{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--teal);margin-bottom:16px}
[data-theme=dark] .wf__hint{color:#7fd6ea}
.wf__hint svg{width:14px;height:14px}
.tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.task{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:10px;background:var(--card);border:1px solid var(--line);cursor:pointer;overflow:visible}
.task:focus-visible{outline:2px solid var(--teal)}
.task__play{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);color:var(--teal)}
.task__play svg{width:14px;height:14px}
.task b{display:block;font-size:16px;font-weight:600}
.task small{display:block;font-size:13px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task__now{display:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b9c6cf;font-weight:600}
.task[aria-current=true]{background:#0f1b24;border-color:#0f1b24;color:#fff}
[data-theme=dark] .task[aria-current=true]{background:#1f3242;border-color:#2c4458}
.task[aria-current=true] .task__now{display:block}
.task[aria-current=true] small{color:#b9c6cf}
.task[aria-current=true] .task__play{background:var(--amber);color:#0d1822}
.task[aria-current=true]::after{content:"";position:absolute;right:-9px;top:50%;margin-top:-9px;border:9px solid transparent;border-right:0;border-left-color:#0f1b24}
[data-theme=dark] .task[aria-current=true]::after{border-left-color:#1f3242}
.task__bar{position:absolute;left:16px;bottom:6px;height:3px;width:0;background:var(--amber);border-radius:2px;display:none}
.task[aria-current=true] .task__bar{display:block}
.wf__meta{font-size:14px;color:var(--ink2);margin-bottom:10px}

/* safe */
.mosaic--safe{right:0;top:0;width:45%;height:85%}
.safe{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;position:relative;z-index:1}
.safe h2{max-width:16ch}
.safe .lead{color:#b9c6cf;font-size:17px}
.sec--dark .app{background:#13212c;border-color:rgba(255,255,255,.1)}
.trust{position:relative;z-index:1;margin-top:90px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.trust>div{border-top:1px solid rgba(255,255,255,.14);padding-top:28px}
.trust .ic{stroke:#6fd0e8}
.trust h3{font-size:22px;font-weight:600;margin-bottom:14px}
.trust p{color:#b9c6cf;font-size:15.5px;line-height:1.75}
.sent{display:flex;align-items:center;gap:8px;color:#9fe3a8;font-size:13px}

/* networks */
.head2--net{align-items:start}
.nets{gap:24px}
.net{border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 28px -16px rgba(13,24,34,.25);display:flex;flex-direction:column}
.net__ban{position:relative;height:210px;display:grid;place-items:center;border-bottom:6px solid;overflow:hidden}
.net__ban::before{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.1)}
.net__ban img{position:relative;max-height:96px;width:auto;max-width:72%}
.net--sra .net__ban{background:#9b1b30;border-color:#3a3d42}
.net--ds .net__ban{background:#0b3d63;border-color:#d4a72c}
.net--sfp .net__ban{background:#1e3a68;border-color:#2bbfb0}
.net--sfp .net__ban img{max-height:110px}
.net__body{padding:28px 30px 32px;display:flex;flex-direction:column;flex:1}
.net h3{font-size:22px;font-weight:600;margin-bottom:12px}
.net p{font-size:15px;color:var(--ink2);line-height:1.7;margin-bottom:28px}
.nbtn{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:14.5px;font-weight:600;padding:13px 20px;border-radius:4px}
.nbtn svg{width:13px;height:13px}
.net--sra .nbtn{background:#9b1b30}.net--ds .nbtn{background:#0b3d63}.net--sfp .nbtn{background:#1e3a68}
[data-theme=dark] .net--ds .nbtn{background:#145687}[data-theme=dark] .net--sfp .nbtn{background:#2b5191}[data-theme=dark] .net--sra .nbtn{background:#b32540}

/* faq */
.faq__h{margin-bottom:40px}
.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start}
.faq__q{border-top:1px solid var(--line)}
.fq{all:unset;box-sizing:border-box;display:grid;grid-template-columns:48px 1fr;align-items:center;width:100%;padding:20px 18px;border-bottom:1px solid var(--line);border-left:2px solid transparent;cursor:pointer;font-size:17px;color:var(--ink2)}
.fq span{font-size:13px;color:var(--ink3);font-variant-numeric:tabular-nums}
.fq:hover{background:var(--bg2)}
.fq[aria-selected=true]{background:var(--bg2);border-left-color:var(--teal);color:var(--ink);font-weight:500}
.fq[aria-selected=true] span{color:var(--teal)}
[data-theme=dark] .fq[aria-selected=true] span{color:#7fd6ea}
.fq:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.faq__a{position:sticky;top:110px;background:var(--bg2);border-radius:22px;padding:56px;min-height:520px;overflow:hidden}
.faq__big{position:absolute;right:18px;top:0;font-size:190px;font-weight:600;line-height:1;letter-spacing:-.06em;color:color-mix(in srgb,var(--teal) 11%,transparent)}
.faq__a h3{position:relative;font-size:30px;font-weight:600;letter-spacing:-.02em;margin-top:20px;max-width:16ch}
.faq__rule{display:block;width:56px;height:2px;background:var(--teal);margin:28px 0}
.faq__body p{font-size:17px;color:var(--ink2);line-height:1.8;max-width:34em}
.faq__body p+p{margin-top:18px}

/* cta */
.sec--cta{padding:120px 0}
.cta{position:relative;background:#0f1b24;border-radius:22px;padding:96px 64px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(13,24,34,.5)}
.mosaic--cta{right:0;top:0;width:52%;height:100%}
.cta__copy{position:relative;z-index:1;max-width:560px}
.cta h2{color:#fff;font-size:clamp(34px,3.2vw,52px)}
.cta p{color:#c3ccd4;font-size:18px;line-height:1.7;margin:24px 0 36px;max-width:28em}

/* footer */
.ftr{background:#0d1822;color:#eef2f5;padding:110px 0 50px}
[data-theme=dark] .ftr{background:#070d13;border-top:1px solid var(--line)}
.wrap--ftr{width:min(1400px,100% - 48px)}
.ftr__quote{font-size:clamp(24px,2.2vw,34px);line-height:1.5;max-width:23em;font-weight:400}
.ftr__row{display:flex;align-items:center;gap:22px;margin-top:90px;padding-top:40px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#b9c6cf}
.brand--ftr .brand__word{color:#fff;font-size:20px}
.brand--ftr{--mark-l:#5aa9d6}
.ftr__link{margin-left:auto;color:#7fd6ea;text-decoration:none}
.ftr__link:hover{text-decoration:underline}

/* dark adjustments */
[data-theme=dark] .hdr{background:color-mix(in srgb,#0b141c 92%,transparent)}
[data-theme=dark] .btn--line{border-color:#c3ccd4;color:#eef2f5}
[data-theme=dark] .sec--dark{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
[data-theme=dark] .cta{border:1px solid var(--line2)}
[data-theme=dark] .nc--is,[data-theme=dark] .stack,[data-theme=dark] .diagram,[data-theme=dark] .app{border-color:var(--line2)}

/* responsive */
.hero__grid>*,.how>*,.tools>*,.safe>*,.faq>*,.wf>*,.head2>*{min-width:0}
.app__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tag{white-space:nowrap;flex:none}
@media (max-width:1180px){
  .nav{gap:18px}.brand__sub,.brand__sep{display:none}
  .hero__grid,.how,.tools,.safe,.faq{gap:48px}
  .head2{gap:40px}
}
@media (max-width:980px){
  .nav{display:none}
  .hdr__end{margin-left:auto}
  .hero{padding-top:56px}
  .hero__grid,.how,.tools,.safe,.faq,.head2{grid-template-columns:1fr}
  .head2{align-items:start;margin-bottom:44px}.head2 h2{max-width:18ch}
  .hero h1{max-width:12ch}
  .mosaic--hero{width:100%;height:40%}
  .isnot{grid-template-columns:1fr 1fr}.nc--is{grid-column:1/-1}
  .grid4{grid-template-columns:1fr 1fr}
  .grid3{grid-template-columns:1fr}
  .wf{grid-template-columns:1fr}.wf__list{padding-top:0}.task[aria-current=true]::after{display:none}
  .tasks{display:grid;grid-template-columns:1fr 1fr}
  .faq__a{position:relative;top:auto;min-height:0;padding:40px 32px}
  .safe h2{max-width:none}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 36px)}
  .hdr__in{height:64px;gap:10px}
  .btn--ink{padding:0 14px;min-height:40px;font-size:14px}
  .sec{padding:80px 0}
  .steps{grid-template-columns:1fr;border-top:0;border-left:1.5px solid var(--teal);gap:28px;padding-left:24px}
  .step{padding-top:0}.step__dot{left:-31px;top:10px}
  .isnot{grid-template-columns:1fr}
  .grid4{grid-template-columns:1fr 1fr;gap:0 20px}
  .grid4 h3{font-size:15.5px}.grid4 p{font-size:14px}
  .mosaic--hero{height:26%;opacity:.7}
  .dots{display:none}
  .tabs{grid-template-columns:1fr 1fr}
  .tasks{grid-template-columns:1fr}
  .app__body{grid-template-columns:1fr;min-height:0}
  .app--tall .app__body,.app__body{min-height:0}
  .app__main{min-height:420px}
  .app__side{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .float{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-top:10px;white-space:normal;display:flex}
  .hero__app{padding-bottom:0}
  .excl{margin-top:48px;padding-bottom:60px}
  .stack{padding:22px}.layer{grid-template-columns:34px 1fr}.layer small{display:none}
  .layer[data-l]{margin:0}
  .node{width:28%;font-size:10.5px;padding:7px 0}
  .hub{padding:8px 10px}.hub svg{width:20px;height:20px}
  .diagram{aspect-ratio:4/3.4}
  .diagram__nv{display:none}
  .cta{padding:56px 26px}
  .faq__big{font-size:120px}
  .ftr__row{flex-wrap:wrap}.ftr__link{margin-left:0}
  .nets{gap:18px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .step-line,.draft{opacity:1;transform:none}
}