:root{--ink:#061735;--ink-2:#12213f;--ink-soft:#4a5874;--blue:#1464ff;--blue-deep:#0047d8;--blue-soft:#e7efff;--sky:#9fc2ff;--mint:#c8f6df;--mint-strong:#13a66b;--amber:#f6b83f;--red:#ff4d4d;--line:#d8e4f7;--line-strong:#b8cced;--paper:#fff;--paper-soft:#f7faff;--shadow:0 34px 90px #082b6c33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);letter-spacing:0;background:linear-gradient(115deg,#ffffffc7,#e7efffe0),linear-gradient(#fff 0%,#edf5ff 48%,#f2fbf6 100%);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{min-height:100vh;padding:46px 24px 60px;position:relative;overflow:clip visible}.ambient-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#1464ff0e 1px,#0000 1px),linear-gradient(90deg,#1464ff0e 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.environment-glow{z-index:0;pointer-events:none;filter:blur(54px)saturate(1.25);opacity:.82;background:conic-gradient(from 210deg at 48% 34%,#1464ff00,#1464ff3d,#5ee0ff33,#1464ff00,#22c55e2e,#1464ff38,#1464ff00),linear-gradient(118deg,#1464ff2e,#0000 38%),linear-gradient(302deg,#5de2a729,#0000 42%);animation:18s ease-in-out infinite alternate environment-drift;position:fixed;inset:-18vh -16vw;transform:translate(0,0)rotate(-4deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 82%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 82%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes environment-drift{0%{transform:translate(-1.5%,-1%)rotate(-5deg)scale(1.02)}to{transform:translate(1.5%,1.2%)rotate(4deg)scale(1.08)}}.back-window{z-index:0;background:#ffffff94;border:15px solid #708fcf6b;border-radius:34px;width:min(1010px,78vw);height:min(650px,70vh);position:fixed;top:48px;left:50%;transform:translate(-37%)rotate(7deg);box-shadow:0 34px 90px #22437e1a}.back-window-bar{align-items:center;gap:18px;padding:34px 42px;display:flex}.back-window-bar span{background:#708fcf6b;border-radius:50%;width:27px;height:27px}.back-window-bar div{background:#c1d0ee61;border-radius:999px;flex:1;height:30px;margin-left:52px}.back-window-body{gap:22px;padding:38px 78px;display:grid}.back-window-body span{background:#abbee240;border-radius:999px;height:20px}.back-window-body span:nth-child(2){width:74%}.back-window-body span:nth-child(3){width:56%}.back-window-body span:nth-child(4){width:42%}.browser-window{z-index:2;border:14px solid var(--blue);background:var(--paper);border-radius:34px;width:min(1240px,100vw - 48px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff7a,0 34px 90px #082b6c33,0 54px 130px #1464ff2e}.window-topbar{z-index:6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;grid-template-columns:auto auto minmax(180px,1fr) auto auto;align-items:center;gap:16px;padding:18px 24px;display:grid;position:sticky;top:0}.traffic-lights,.mini-dots{align-items:center;gap:10px;display:flex}.traffic-lights span,.mini-dots span{border-radius:50%;width:15px;height:15px;box-shadow:inset 0 -1px 1px #00000024}.traffic-lights .red,.mini-dots span:first-child{background:var(--red)}.traffic-lights .yellow,.mini-dots span:nth-child(2){background:var(--amber)}.traffic-lights .green,.mini-dots span:nth-child(3){background:#20c756}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.05rem;font-weight:900;display:inline-flex}.brand-mark{flex:none;width:46px;height:34px;display:inline-block;position:relative}.brand-mark:before{content:"";border:6px solid var(--ink);background:#fff;border-radius:12px 19px 19px 12px;position:absolute;inset:3px 2px}.brand-mark:after{content:"";background:var(--ink);width:6px;height:6px;box-shadow:14px 0 0 var(--ink);border-radius:50%;position:absolute;top:16px;left:16px}.address-bar{border:1px solid var(--line);background:var(--paper-soft);color:#697994;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:11px 14px;font-size:.86rem;font-weight:800;display:inline-flex;overflow:hidden}.address-bar svg{color:var(--blue);flex:none}.nav-links{color:var(--ink-soft);justify-content:center;align-items:center;gap:22px;font-size:.92rem;font-weight:800;display:flex}.nav-links a:hover{color:var(--blue)}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#fff;border-radius:12px;place-items:center;display:grid}.icon-button:hover{border-color:var(--blue);color:var(--blue)}.window-content{scroll-behavior:smooth;max-height:calc(100vh - 132px);overflow-y:auto}.hero-section{background:linear-gradient(135deg,#e7efffeb,#fffffffa 44%),#fff;grid-template-columns:minmax(0,.88fr) minmax(420px,.96fr);align-items:center;gap:clamp(28px,4vw,48px);padding:clamp(44px,6vw,78px) clamp(28px,5vw,66px) 54px;display:grid}.section-kicker{width:fit-content;color:var(--blue-deep);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:.78rem;font-weight:950;display:inline-flex}.hero-copy h1,.safety-copy h2,.section-heading h2,.flow-header h2,.protocol-copy h2,.install-copy h2{color:var(--ink);letter-spacing:0;margin:0;font-weight:950;line-height:.98}.hero-copy h1{text-wrap:balance;max-width:660px;font-size:clamp(3.4rem,6.2vw,5.9rem)}.hero-copy p{max-width:680px;color:var(--ink-soft);margin:24px 0 0;font-size:clamp(1.06rem,1.5vw,1.26rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.primary-button,.secondary-button,.repo-link{border-radius:13px;align-items:center;gap:10px;min-height:48px;font-weight:900;display:inline-flex}.primary-button{background:var(--blue);color:#fff;padding:0 20px;box-shadow:0 16px 30px #1464ff40}.primary-button:hover{background:var(--blue-deep)}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff;padding:0 18px}.secondary-button:hover{border-color:var(--blue);color:var(--blue)}.checkpoint-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:650px;margin-top:30px;display:grid}.checkpoint-strip span{border:1px solid var(--line);background:#fffc;border-radius:15px;grid-template-columns:auto 1fr;grid-template-areas:"icon title""icon detail";align-items:center;column-gap:10px;min-height:62px;padding:12px;display:grid}.checkpoint-strip svg{color:var(--blue);grid-area:icon}.checkpoint-strip strong{color:var(--ink);grid-area:title;font-size:.94rem}.checkpoint-strip small{color:var(--ink-soft);grid-area:detail;font-size:.78rem;font-weight:700}.hero-stage{min-height:580px;position:relative}.stage-shadow-window{background:#ffffff7a;border:10px solid #849fd54d;border-radius:28px;width:82%;height:480px;position:absolute;inset:18px 14px auto auto;transform:rotate(6deg)}.live-browser{z-index:1;border:1px solid var(--line-strong);background:#fff;border-radius:25px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 26px 64px #10397d2e}.mini-browser-bar{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px;display:grid}.mini-dots span{width:11px;height:11px}.address-pill{color:#687895;text-overflow:ellipsis;white-space:nowrap;background:#f1f5fb;border-radius:999px;padding:10px 14px;font-size:.84rem;font-weight:850;overflow:hidden}.stream-badge{background:var(--mint);color:#087a4a;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:9px 10px;font-size:.76rem;font-weight:950;display:inline-flex}.session-surface{grid-template-columns:minmax(0,1fr) 205px;min-height:408px;display:grid}.page-preview{background-color:#fbfdff;background-image:linear-gradient(90deg,#1464ff0e 1px,#0000 1px),linear-gradient(#1464ff0e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:408px;padding:28px;position:relative}.checkout-header{border:1px solid var(--line);background:#ffffffe6;border-radius:18px;justify-content:space-between;align-items:center;padding:18px;display:flex}.checkout-header span,.verify-panel span,.flow-approval span,.protocol-console span,.handoff-stack span{color:var(--blue);text-transform:uppercase;font-size:.76rem;font-weight:950}.checkout-header strong{margin-top:4px;font-size:1.45rem;display:block}.checkout-header svg{color:var(--mint-strong)}.verify-panel{background:#fff;border:1px solid #bfd4ff;border-radius:20px;width:min(100%,350px);margin:38px auto 0;padding:22px;box-shadow:0 20px 42px #19366624}.verify-panel>svg{color:var(--amber)}.verify-panel strong{color:var(--ink);margin-top:8px;font-size:1.22rem;line-height:1.15;display:block}.code-row{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:20px;display:grid}.code-row span{aspect-ratio:1;border:1px solid var(--line);background:var(--paper-soft);border-radius:10px}.agent-cursor{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:.8rem;font-weight:950;display:inline-flex;position:absolute;bottom:24px;right:28px}.event-rail{border-left:1px solid var(--line);background:#f7faff;padding:18px}.rail-header{color:var(--ink);text-transform:uppercase;align-items:center;gap:8px;font-size:.84rem;font-weight:950;display:inline-flex}.event-rail ol{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.event-rail li{color:#697994;align-items:center;gap:8px;font-size:.82rem;font-weight:850;display:flex}.event-rail li svg{color:var(--mint-strong);flex:none}.event-rail li.active{color:var(--ink)}.event-rail li.active svg{color:var(--amber)}.human-channel{z-index:3;background:linear-gradient(#fff 0%,#edf5ff 100%);border:1px solid #c4d8ff;border-radius:22px;width:min(372px,92%);padding:20px;position:absolute;bottom:8px;right:-6px;box-shadow:0 24px 58px #1464ff38}.channel-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.channel-top span{color:var(--blue);align-items:center;gap:8px;font-size:.84rem;font-weight:950;display:inline-flex}.channel-top small{color:#6c7c98;font-size:.78rem;font-weight:850}.human-channel h2{margin:14px 0 0;font-size:1.55rem;line-height:1.08}.human-channel p{color:var(--ink-soft);margin:10px 0 0;line-height:1.45}.human-channel button{background:var(--ink);color:#fff;cursor:default;border:0;border-radius:12px;align-items:center;gap:8px;min-height:42px;margin-top:18px;padding:0 14px;font-weight:950;display:inline-flex}.safety-band,.handoff-section,.flow-section,.protocol-section,.install-section{border-top:1px solid var(--line);padding:clamp(42px,5.2vw,68px) clamp(28px,5vw,66px)}.safety-band{background:#fff;grid-template-columns:1fr auto;align-items:center;gap:36px;display:grid}.safety-copy h2,.section-heading h2,.flow-header h2,.protocol-copy h2,.install-copy h2{max-width:860px;font-size:clamp(2rem,4.4vw,4.3rem)}.safety-copy p,.section-heading p,.flow-header p,.protocol-copy p,.install-copy p{max-width:700px;color:var(--ink-soft);margin:16px 0 0;font-size:1.05rem;line-height:1.58}.safety-stack{gap:12px;display:grid}.safety-stack div{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;min-height:62px;padding:14px 16px;display:flex;box-shadow:0 18px 38px #12387612}.safety-stack svg{color:var(--blue);flex:none}.safety-stack span{color:var(--ink);font-weight:900}.handoff-section{background:#f8fbff}.section-heading{grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);align-items:end;gap:28px;display:grid}.flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.flow-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:278px;padding:24px;box-shadow:0 18px 44px #12387614}.flow-card-top{justify-content:space-between;align-items:center;display:flex}.flow-card-top span{color:var(--blue);font-size:.82rem;font-weight:950}.flow-card-top svg{color:var(--blue)}.flow-card h3{margin:42px 0 0;font-size:1.45rem;line-height:1.08}.flow-card p{color:var(--ink-soft);margin:12px 0 0;line-height:1.56}.flow-section{background:linear-gradient(#fff 0%,#f6fbff 100%)}.flow-shell{border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(90deg,#1464ff0b 1px,#0000 1px),linear-gradient(#1464ff0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:26px;padding:26px}.flow-header{grid-template-columns:minmax(0,.9fr) minmax(300px,.5fr);align-items:end;gap:28px;display:grid}.pretext-lab{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:24px;margin-top:34px;display:grid}.pretext-canvas{position:relative}.pretext-line{color:var(--ink);letter-spacing:0;white-space:nowrap;will-change:transform;font-family:Arial,Helvetica,sans-serif;font-weight:800;position:absolute;top:0;left:0}.flow-approval{background:#fffffff2;border:1px solid #b9d0ff;border-radius:20px;flex-direction:column;justify-content:center;padding:20px;display:flex;position:absolute;box-shadow:0 20px 46px #1464ff2e}.flow-approval.compact{position:static}.approval-icon{background:var(--mint);color:#087a4a;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:14px;display:grid}.flow-approval strong{margin-top:7px;font-size:1.17rem;line-height:1.1}.flow-approval small{color:var(--ink-soft);margin-top:10px;font-size:.88rem;line-height:1.35}.handoff-stack{gap:10px;display:grid}.handoff-stack div,.handoff-stack p{border:1px solid var(--line);background:#ffffffd6;border-radius:15px;margin:0;padding:14px}.handoff-stack strong{color:var(--ink);margin-top:5px;font-size:1.25rem;display:block}.handoff-stack p{color:var(--ink-soft);gap:8px;font-size:.88rem;font-weight:800;line-height:1.35;display:flex}.handoff-stack p svg{color:var(--mint-strong);flex:none;margin-top:1px}.protocol-section{color:#fff;background:#071735;grid-template-columns:minmax(0,.86fr) minmax(340px,.74fr);align-items:center;gap:38px;display:grid}.protocol-section .section-kicker{color:var(--sky)}.protocol-copy h2,.protocol-copy p{color:#fff}.protocol-copy p{color:#c8d4ee}.protocol-console{background:#ffffff0f;border:1px solid #ffffff24;border-radius:20px;overflow:hidden;box-shadow:0 24px 58px #0000002e}.console-top{color:#fff;border-bottom:1px solid #ffffff1f;align-items:center;gap:8px;padding:16px 18px;font-weight:950;display:flex}.packet-grid{grid-template-columns:.82fr 1fr;gap:14px;padding:18px;display:grid}.packet-grid div{flex-wrap:wrap;align-content:start;gap:8px;display:flex}.protocol-console span{width:100%;color:var(--sky);display:block}.protocol-console code{color:#fff;background:#ffffff14;border:1px solid #ffffff21;border-radius:10px;padding:7px 9px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.install-section{background:#fff;grid-template-columns:minmax(0,.88fr) minmax(340px,.68fr);align-items:center;gap:34px;display:grid}.install-panel{gap:12px;display:grid}.install-tabs{gap:8px;display:flex}.install-tabs span{border:1px solid var(--line);min-height:38px;color:var(--ink-soft);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:.84rem;font-weight:900;display:inline-flex}.install-tabs span.active{background:var(--blue-soft);color:var(--blue-deep);border-color:#c4d8ff}.terminal-panel{background:var(--ink);border-radius:20px;padding:20px;box-shadow:0 18px 48px #06173538}.terminal-row{color:#b8c7e6;grid-template-columns:18px 1fr;align-items:center;gap:10px;min-height:38px;display:grid}.terminal-row span{color:#5de2a7;font-weight:950}.terminal-row code{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem}.terminal-row.active code{color:#fff}.terminal-row.muted span,.terminal-row.muted code{color:#7f90b1}.repo-link{border:1px solid var(--line);width:fit-content;color:var(--ink);background:#fff;padding:0 16px}.repo-link:hover{border-color:var(--blue);color:var(--blue)}@media (max-width:1040px){.page-shell{padding:24px 14px 38px}.browser-window{border-width:9px;border-radius:26px;width:calc(100vw - 28px)}.back-window{width:88vw;top:28px;transform:translate(-43%)rotate(6deg)}.window-topbar{grid-template-columns:auto 1fr auto;gap:12px;padding:15px}.traffic-lights,.address-bar,.nav-links{display:none}.window-content{max-height:none;overflow-y:visible}.hero-section,.safety-band,.section-heading,.flow-header,.pretext-lab,.protocol-section,.install-section{grid-template-columns:1fr}.hero-section{padding-top:38px}.hero-copy,.hero-stage,.live-browser,.session-surface,.page-preview{min-width:0}.hero-stage{min-height:540px}.flow-grid{grid-template-columns:1fr}.flow-card{min-height:0}.safety-stack{max-width:520px}}@media (max-width:720px){.hero-copy h1{max-width:100%;font-size:clamp(2.35rem,11.4vw,2.85rem);line-height:1.03}.hero-copy p{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{justify-content:center;width:100%}.checkpoint-strip,.session-surface,.packet-grid{grid-template-columns:1fr}.mini-browser-bar{grid-template-columns:auto 1fr}.stream-badge{display:none}.event-rail{border-top:1px solid var(--line);border-left:0}.hero-stage{min-height:655px}.human-channel{width:calc(100% - 18px);bottom:0;right:50%;transform:translate(50%)}.page-preview{min-height:350px;padding:20px}.verify-panel{margin-top:28px}.safety-band,.handoff-section,.flow-section,.protocol-section,.install-section,.hero-section{padding-left:18px;padding-right:18px}.flow-shell{border-radius:22px;padding:18px}.install-tabs{flex-wrap:wrap}}