:root{--bg:#071211;--panel:#0e201c;--line:#2b3c35;--ink:#e9f1ed;--soft:#a5b6ad;--mint:#a7efc4;--green:#206046;--black:#10241b;--paper:#f4f7f3;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #5fbd8b}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.1}h2{font-size:clamp(32px,3.45vw,48px);font-weight:620}h3{font-size:23px;font-weight:600}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.muted{color:var(--soft)}.tag{font:10px/1.5 var(--mono);letter-spacing:.05em}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin:0 10px 1px 0;display:inline-block}.prototype-bar{color:#b3c7b9;font:10px/1.5 var(--mono);background:#14211b}.prototype-bar .wrap{justify-content:space-between;gap:16px;padding:7px 0;display:flex}.prototype-bar a{color:#c6d9cb}.prototype-bar a:hover{color:#fff}.header{z-index:30;backdrop-filter:blur(18px);background:#071211f0;border-bottom:1px solid #cadbd20f;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:30px;height:76px;display:flex}.logo{letter-spacing:-.055em;align-items:center;gap:10px;font-size:26px;font-weight:700;display:flex}.logo img{width:32px;height:32px}.nav-links{color:#c1cec6;align-items:center;gap:30px;font-size:13px;display:flex}.nav-links a:hover{color:#fff}.nav-right{align-items:center;gap:23px;display:flex}.nav-source{color:#b4c5ba;font-size:12px}.button{background:var(--mint);color:#10291b;border:1px solid var(--mint);border-radius:7px;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:12px 21px;font-size:14px;font-weight:650;line-height:1.35;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.button:hover{background:#c6f8d7;transform:translateY(-2px);box-shadow:0 5px 20px #a7efc414}.button.small{border-radius:6px;min-height:37px;padding:9px 15px;font-size:12px}.button.secondary{color:#d8e8de;background:0 0;border-color:#60766a}.menu-button{border:1px solid var(--line);background:0 0;border-radius:6px;padding:7px 11px;font-size:13px;display:none}.hero{text-align:center;background:radial-gradient(at 50% 62%,#25513740 0,#0000 66%);padding:67px 0 0;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border-bottom:1px solid #7baf902b;position:absolute;bottom:0;left:0;right:0}.hero-copy{z-index:1;max-width:980px;margin:0 auto;position:relative}.hero-label{font:11px/1.4 var(--mono);color:#bde3c7;background:#1d31233d;border:1px solid #60765b70;border-radius:100px;align-items:center;gap:10px;padding:6px 12px;display:inline-flex}.hero-label:before{content:"";background:var(--mint);border-radius:50%;width:5px;height:5px}h1{letter-spacing:-.055em;margin:24px 0 23px;font-size:clamp(46px,5.5vw,78px);font-weight:630;line-height:1.03}h1 span{color:var(--mint)}.hero-lead{color:#b4c5b9;max-width:650px;margin:0 auto 26px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-caption{color:#8ba195;margin:15px 0 40px;font-size:11px}.preview-label{text-align:left;color:#acc5b6;justify-content:space-between;align-items:center;gap:15px;max-width:1080px;margin:0 auto 10px;padding:0 1px;font-size:11px;display:flex}.preview-label span:first-child{color:#d0e2d7}.preview-label small{font:9px var(--mono);letter-spacing:.04em;color:#8ba195}.product-preview{z-index:1;color:#23352b;text-align:left;background:#f7faf6;border:1px solid #8ecba14d;border-bottom:0;border-radius:12px 12px 0 0;max-width:1080px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 6px #b3e8c307,0 25px 80px #0005}.preview-chrome{color:#607263;background:#edf3ec;border-bottom:1px solid #d6e1d4;justify-content:space-between;align-items:center;gap:20px;padding:13px 19px;font-size:11px;display:flex}.window-dots{align-items:center;gap:5px;display:flex}.window-dots i{border:1px solid #b3c7b3;border-radius:50%;width:7px;height:7px}.window-dots span{font:10px var(--mono);padding-left:14px}.preview-mode{font:9px/1.4 var(--mono);color:#45664c;border:1px solid #bdd0bc;border-radius:4px;padding:2px 7px}.screen-tabs{align-items:center;gap:8px;display:flex}.screen-tabs button{color:#9db4a4;background:0 0;border:0;border-radius:5px;padding:7px 11px;font-size:11px}.screen-tabs button[aria-selected=true]{color:#e0f0df;background:#283f2d}.screen-tabs button:hover{background:#203527}.screenshot-frame{background:#151715}.screenshot-frame img{aspect-ratio:16/10;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;width:100%;height:auto;display:block}.screen-bottom{color:#99b69f;background:#112016;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;font-size:10px;display:flex}.screen-bottom p{margin:0}.zoom-button{color:#bfd5bf;white-space:nowrap;background:0 0;border:1px solid #3e5e42;border-radius:5px;padding:5px 10px;font-size:10px}.zoom-button:hover{background:#29412b}.preview-chrome{color:#97b29d;background:#0e1e15;border-bottom-color:#304637;padding:10px 15px}.window-dots i{border-color:#45634b}.window-dots span{color:#9ab79f}.preview-mode{color:#a8c59f;border-color:#3c5e3c}.product-preview{background:#0e1e15;border-color:#647f5d;border-radius:10px 10px 0 0}.image-dialog{color:#d7e4d3;background:#101b13;border:1px solid #657d60;border-radius:10px;width:min(1440px,95vw);max-width:95vw;max-height:95vh;padding:0}.image-dialog::backdrop{backdrop-filter:blur(5px);background:#020705df}.dialog-top{justify-content:space-between;align-items:center;gap:15px;padding:13px 18px;font-size:12px;display:flex}.dialog-close{color:#dfeddb;background:#29402e;border:1px solid #456248;border-radius:5px;padding:5px 10px;font-size:12px}.image-dialog img{width:100%;height:auto;display:block}.zoom-scroll{max-height:83vh;overflow:auto}.image-dialog .zoom-scroll{background:#151715}.platform{background:var(--paper);color:#192d21;padding:91px 0 88px}.section-intro{justify-content:space-between;align-items:end;gap:65px;margin-bottom:37px;display:flex}.section-intro h2{max-width:590px;margin:14px 0 0}.section-intro>p{color:#6c7b69;max-width:340px;margin:0 0 2px;font-size:16px;line-height:1.7}.feature-grid{grid-template-columns:1.2fr 1fr 1fr;gap:18px;display:grid}.feature{background:#fff;border:1px solid #dbe3d5;border-radius:12px;flex-direction:column;min-height:344px;padding:26px;display:flex}.feature.primary{color:#e2f1df;background:#193b2a;border-color:#294e34}.feature-graphic{align-items:center;height:80px;margin-bottom:21px;display:flex;position:relative}.mini-stack{width:87px;height:55px;margin-left:4px;position:relative}.mini-stack i{background:#264b35;border:1px solid #759577;border-radius:4px;width:67px;height:36px;position:absolute;top:0;left:0}.mini-stack i:nth-child(2){top:10px;left:10px}.mini-stack i:nth-child(3){background:#c4dfb6;border-color:#c4dfb6;top:20px;left:20px}.mini-stack i:nth-child(3):before,.mini-stack i:nth-child(3):after{content:"";background:#739266;width:34px;height:2px;position:absolute;top:12px;left:11px}.mini-stack i:nth-child(3):after{width:22px;top:21px}.gate-graphic{align-items:center;gap:8px;display:flex}.gate-graphic i{background:#eef4e9;border:1px solid #d0ddc7;border-radius:6px;width:37px;height:37px;display:block}.gate-graphic i:nth-of-type(2){background:#376143;border-color:#376143;width:48px;height:48px;position:relative}.gate-graphic i:nth-of-type(2):after{content:"✓";color:#d5efca;text-align:center;font-size:22px;position:absolute;inset:8px}.gate-graphic span{border-top:1px solid #a6b89b;width:16px}.trace-graphic{align-items:end;gap:5px;height:58px;display:flex}.trace-graphic i{background:#d9e7cf;border-radius:3px 3px 0 0;width:13px;height:20px;display:block}.trace-graphic i:nth-child(2){height:32px}.trace-graphic i:nth-child(3){height:25px}.trace-graphic i:nth-child(4){background:#50724a;height:48px}.trace-graphic i:nth-child(5){height:40px}.trace-graphic i:nth-child(6){background:#50724a;height:56px}.feature h3{margin-bottom:15px;font-size:25px}.feature>p{color:#6f7f69;margin-bottom:22px;font-size:14px;line-height:1.7}.feature.primary>p{color:#b7cfb1}.feature details{margin-top:auto;font-size:12px}.feature summary{cursor:pointer;color:#31582e;justify-content:space-between;align-items:center;gap:16px;font-weight:600;list-style:none;display:flex}.feature summary::-webkit-details-marker{display:none}.feature summary:after{content:"+";font-size:20px;font-weight:400}.feature details[open] summary:after{content:"−"}.feature details p{color:#6f7f69;margin:13px 0 0;font-size:12px;line-height:1.8}.feature.primary details p{color:#b7cfb1}.architecture{background:#0d1d17;padding:89px 0}.arch-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:87px;display:grid}.arch-copy .eyebrow{color:#97ba9a}.arch-copy h2{margin:20px 0 23px}.arch-copy p{color:#a0b3a1;max-width:430px;margin-bottom:26px;font-size:16px;line-height:1.75}.text-link{color:#bddabb;border-bottom:1px solid #4e7156;gap:20px;padding-bottom:6px;font-size:13px;font-weight:500;display:inline-flex}.text-link:hover{color:#fff;border-color:#bfd5c2}.arch-visual{background:radial-gradient(#264a2f40,#0000 70%);border:1px solid #35513b;border-radius:10px;padding:26px}.diagram-tag{font:9px var(--mono);color:#88a88b;letter-spacing:.06em;margin-bottom:25px}.control-plane{text-align:center;border:1px dashed #678369;border-radius:5px;max-width:246px;margin:0 auto 28px;padding:13px 12px;position:relative}.control-plane b{font-size:12px;font-weight:500}.control-plane small{color:#91ac90;margin-top:3px;font-size:10px;display:block}.control-plane:after{content:"";border-left:1px dashed #678369;height:27px;position:absolute;bottom:-28px;left:50%}.data-flow{grid-template-columns:1fr 24px 1.2fr 24px 1fr;align-items:center;gap:7px;display:grid}.data-node{text-align:center;background:#12291b;border:1px solid #3d5c41;border-radius:5px;padding:15px 10px;font-size:12px;line-height:1.5}.data-node.current{color:#25432a;background:#c2e0ad;border-color:#c2e0ad;font-weight:600}.data-node small{color:#93af91;margin-top:4px;font-size:9px;display:block}.data-flow>span{color:#769e74;font-size:20px}.diagram-caption{text-align:center;color:#7e9f7c;margin-top:24px;font-size:10px}.resources{color:#203324;background:#e9f0e5;padding:80px 0}.resource-header{text-align:center;max-width:710px;margin:0 auto 33px}.resource-header h2{margin:17px 0}.resource-header p{color:#687d62;font-size:16px}.resources-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.resource{background:#f8fbf4;border:1px solid #d0dfc7;border-radius:9px;padding:24px;transition:transform .18s,box-shadow .18s}.resource:hover{transform:translateY(-3px);box-shadow:0 8px 20px #274a2710}.resource .tag{color:#7d9473}.resource h3{justify-content:space-between;align-items:center;gap:15px;margin:19px 0 12px;font-size:19px;display:flex}.resource h3 span{color:#587c4e;font-size:18px;font-weight:400}.resource p{color:#70816a;margin:0;font-size:13px;line-height:1.7}.footer{color:#8fa391;background:#071211;padding:38px 0;font-size:12px}.footer-top{border-bottom:1px solid #23362a;justify-content:space-between;align-items:center;gap:30px;padding-bottom:27px;display:flex}.footer-top .logo{color:#e4eee5;font-size:23px}.footer-top p{margin:7px 0 0;font-size:12px}.footer-links{gap:24px;font-size:12px;display:flex}.footer a:hover{color:#d8edd3}.footer-bottom{justify-content:space-between;gap:25px;padding-top:23px;font-size:10px;display:flex}.related{gap:22px;display:flex}.related a{color:#b4cbb2}.related span{color:#6b876e}@media (width<=1000px){.nav-links{gap:20px}.nav-right{gap:16px}.feature{padding:23px}.feature h3{font-size:23px}.arch-grid{gap:40px}.arch-visual{padding:24px 20px}.section-intro{gap:40px}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.prototype-bar .wrap{gap:8px;font-size:8px}.nav{height:67px}.logo{font-size:24px}.logo img{width:30px;height:30px}.menu-button{display:block}.nav-right{gap:13px}.nav-source,.nav-right>.button{display:none}.nav-links{background:#0d1e17;border-bottom:1px solid #324d37;flex-direction:column;align-items:start;gap:20px;padding:22px 20px;font-size:14px;display:none;position:absolute;top:67px;left:0;right:0}.nav-links.open{display:flex}.hero{padding-top:43px}h1{letter-spacing:-.05em;margin:23px 0;font-size:47px}.hero-label{font-size:9px}.hero-lead{max-width:380px;font-size:16px;line-height:1.75}.hero-actions{flex-direction:column;gap:10px}.hero-actions .button{width:100%;min-height:47px}.hero-caption{margin-top:17px;margin-bottom:35px;font-size:10px}.preview-label{align-items:start;font-size:10px}.preview-label small{text-align:right;max-width:111px;font-size:8px;line-height:1.5}.product-preview{border-radius:9px 9px 0 0}.preview-chrome{gap:9px;padding:10px 13px;font-size:9px}.window-dots span{padding-left:5px;font-size:8px}.window-dots i{width:5px;height:5px}.preview-mode{font-size:8px}.preview-chrome{padding:9px 10px;display:block}.window-dots{margin-bottom:10px}.screen-tabs{gap:3px}.screen-tabs button{padding:7px 9px;font-size:10px}.screenshot-frame img{aspect-ratio:16/10}.screen-bottom{gap:12px;padding:10px 12px;font-size:9px}.screen-bottom p{max-width:210px}.zoom-button{padding:5px 8px;font-size:9px}.image-dialog .zoom-scroll img{width:950px;max-width:none}.dialog-top{padding:12px;font-size:11px}.platform{padding:52px 0}.section-intro{margin-bottom:25px;display:block}.section-intro h2{margin:13px 0 20px;font-size:33px}.section-intro>p{max-width:100%;font-size:15px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature{min-height:0;padding:24px;display:block}.feature-graphic{transform-origin:0 0;height:68px;margin:0 0 10px;transform:scale(.8)}.feature h3{max-width:none;margin-bottom:13px;font-size:24px}.feature>p,.feature details{grid-column:2}.feature>p{margin-bottom:16px;font-size:13px}.feature details{font-size:11px}.feature-graphic.trace{padding-top:0}.architecture{padding:54px 0}.arch-grid{grid-template-columns:1fr;gap:30px}.arch-copy h2{margin:16px 0 19px;font-size:34px}.arch-copy p{margin-bottom:21px;font-size:15px}.arch-visual{padding:21px 15px}.data-flow{grid-template-columns:1fr 13px 1.15fr 13px 1fr;gap:5px}.data-node{padding:14px 6px;font-size:10px}.data-node small{font-size:8px}.data-flow>span{font-size:16px}.diagram-caption{font-size:9px}.resources{padding:51px 0}.resource-header h2{font-size:33px}.resource-header p{font-size:15px}.resources-grid{grid-template-columns:1fr;gap:12px}.resource{padding:22px}.resource h3{margin:12px 0 9px}.footer{padding:29px 0}.footer-top{padding-bottom:24px;display:block}.footer-links{gap:22px;margin-top:25px}.footer-bottom{line-height:1.8;display:block}.related{margin-top:13px;display:block}.related a{display:block}.related a+a{margin-top:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover,.resource:hover{transform:none}}.skip-link{z-index:100;color:#142c1c;background:#d8f5df;border-radius:5px;padding:12px 18px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.language-link{color:#b9cfbf;border:1px solid #425a47;border-radius:5px;padding:5px 8px;font-size:12px}.docs-paths{color:#42663c;flex-wrap:wrap;justify-content:center;gap:24px;margin:0 auto 28px;font-size:13px;display:flex}.docs-paths a{text-underline-offset:5px;text-decoration:underline}.docs-paths a:hover{color:#1e3b23}@media (width<=760px){.language-link{padding:4px 7px;font-size:11px}.nav-right{gap:10px}.docs-paths{gap:13px;font-size:12px}.hero{padding-top:48px}}.nav-doc-mobile{display:none}@media (width<=760px){.nav-doc-mobile{display:block}}:root{--mint:#adfbc7;--motion-cyan:#76d9e8;--motion-violet:#b7a5ff;--max:1280px}.header{background:#07110ff2}.nav{height:78px}.nav-links{gap:28px;font-size:13px}.button{border-radius:8px}.button:hover{box-shadow:0 5px 25px #adfbc725}.hero-in-motion{text-align:left;isolation:isolate;background:#07110f;padding:0}.hero-grid-backdrop{z-index:-1;background:radial-gradient(at 76% 45%,#145e4b35,#0000 50%),linear-gradient(#b5fad105 1px,#0000 1px) 0 0/80px 80px,linear-gradient(90deg,#b5fad105 1px,#0000 1px) 0 0/80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 42%);mask-image:linear-gradient(90deg,#0000,#000 42%)}.hero-layout{grid-template-columns:1fr 1.04fr;align-items:center;gap:64px;min-height:650px;padding-top:64px;padding-bottom:66px;display:grid}.hero-in-motion .hero-copy{width:100%;max-width:none;margin:0}.hero-in-motion h1{letter-spacing:-.06em;max-width:600px;margin:25px 0;font-size:clamp(48px,4.65vw,70px);font-weight:650;line-height:1.045}.hero-in-motion .hero-label{color:#c4dbcf;letter-spacing:.1em;background:#16312650;border-color:#3b5a4b;border-radius:5px;padding:7px 10px;font-size:10px}.hero-in-motion .hero-lead{color:#a8bcb3;max-width:490px;margin:0 0 29px;font-size:18px;line-height:1.7}.hero-in-motion .hero-actions{justify-content:flex-start;gap:12px}.hero-in-motion .hero-caption{letter-spacing:.01em;color:#819b8e;margin:20px 0 0;font-size:10px}.hero-baseline{color:#91ab9f;font:10px/1.5 var(--mono);letter-spacing:.04em;border-top:1px solid #b5e4c11c;align-items:center;gap:38px;padding-top:20px;padding-bottom:23px;display:flex}.hero-baseline span:first-child{color:var(--mint);margin-right:auto;font-weight:600}.hero-scene{background:linear-gradient(135deg,#132c218f,#0a1514 52%,#102e3225);border:1px solid #54776080;border-radius:18px;min-width:0;padding:23px;position:relative;overflow:hidden;transform:perspective(1100px)rotateY(-5deg)rotateX(2deg);box-shadow:0 30px 80px #0005,0 0 90px #467a4c12}.scene-grid{pointer-events:none;background:radial-gradient(#a9efd125 .7px,#0000 .8px) 0 0/15px 15px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24%,#0000 70%);mask-image:linear-gradient(#0000,#000 24%,#0000 70%)}.scene-top{font:10px/1.6 var(--mono);color:#b3cbbc;letter-spacing:.025em;align-items:center;gap:8px;display:flex;position:relative}.scene-dot{background:var(--mint);border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 8px #a5ffcc65}.scene-tag{color:#719280;margin-left:auto;font-size:8px}.scene-flow{grid-template-columns:1fr .4fr 1.3fr .4fr 1fr;align-items:center;gap:0;min-height:216px;padding:49px 0 39px;display:grid;position:relative}.scene-endpoint,.scene-gateway{text-align:center;flex-direction:column;align-items:center;gap:7px;display:flex;position:relative}.scene-endpoint strong{font-size:12px;font-weight:550}.scene-endpoint small{font:8px/1.6 var(--mono);color:#7d9b8b}.scene-icon{width:40px;height:40px;font:23px var(--mono);color:var(--mint);background:#142a21;border:1px solid #3a5b4c;border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.api-icon{color:var(--motion-cyan);background:#15292d;border-color:#3a6268;font-size:19px}.scene-gateway{background:linear-gradient(135deg,#1a432c,#162e26);border:1px solid #a7efc4a8;border-radius:15px;gap:8px;padding:23px 8px;box-shadow:0 0 35px #97edb71a}.scene-gateway strong{letter-spacing:-.03em;font-size:17px}.scene-gateway small{font:8px/1.6 var(--mono);color:#c3e9cd}.gateway-orbit{pointer-events:none;border:1px solid #74ae8633;border-radius:22px;position:absolute;inset:-8px}.scene-connector{background:linear-gradient(90deg,#3d694f,#b1fac57d);height:1px;position:relative;overflow:visible}.scene-connector i{background:var(--mint);width:14px;height:5px;box-shadow:0 0 9px var(--mint);opacity:0;border-radius:50%;animation:3.6s linear infinite paused request-travel;position:absolute;top:-2px;left:0}.scene-connector-out i{background:var(--motion-cyan);box-shadow:0 0 9px var(--motion-cyan);animation-delay:1.4s}.hero-in-motion.is-visible .scene-connector i{animation-play-state:running}.page-is-hidden .scene-connector i{animation-play-state:paused!important}.scene-log{background:#08140dd9;border:1px solid #33524480;border-radius:9px;padding:13px 15px;position:relative}.scene-log-title{color:#719781;text-transform:uppercase;letter-spacing:.09em;font:8px/1.5 var(--mono);border-bottom:1px solid #36524455;justify-content:space-between;margin-bottom:4px;padding-bottom:9px;display:flex}.scene-log-line{font:9px/1.5 var(--mono);color:#bcd8c6;align-items:center;gap:12px;padding-top:9px;display:flex}.log-number{color:#567c66;font-size:8px}.log-check{color:#a9f3bd;margin-left:auto}.scene-footnote{color:#718f7d;font:8px/1.5 var(--mono);align-items:center;gap:8px;margin-top:16px;display:flex;position:relative}.scene-footnote .scene-dot{width:4px;height:4px;box-shadow:none;background:#8caa95}@keyframes request-travel{0%{opacity:0;left:0}8%{opacity:1}58%{opacity:1;left:calc(100% - 10px)}65%,to{opacity:0;left:calc(100% - 10px)}}.journey{background:linear-gradient(#091512,#0b1717);border-bottom:1px solid #243d33;padding:83px 0 64px}.journey-heading{justify-content:space-between;align-items:end;gap:60px;margin-bottom:32px;display:flex}.journey-heading .eyebrow{color:#94baa5;margin-bottom:15px;font-size:10px}.journey-heading h2{margin:0;font-size:clamp(32px,3.1vw,43px);line-height:1.12}.journey-heading h2 span{color:#9eb7ae}.journey-heading>p{color:#90aaa0;max-width:350px;margin:0 0 2px;font-size:14px;line-height:1.8}.journey-shell{background:#0d1c17;border:1px solid #345549;border-radius:14px;overflow:hidden;box-shadow:0 14px 50px #0002}.journey-tabs{background:#101f19;border-bottom:1px solid #345549;grid-template-columns:repeat(4,1fr);display:grid}.journey-tab{text-align:left;color:#7f9b8c;background:0 0;border:0;border-right:1px solid #304e40;align-items:center;gap:12px;padding:20px 22px;font-size:15px;transition:background .2s,color .2s;display:flex;position:relative;overflow:hidden}.journey-tab:last-child{border-right:0}.journey-tab:hover{color:#e2eee6;background:#203b2c}.journey-tab[aria-selected=true]{color:#dcfbe4;background:#25442e}.step-number{font:10px var(--mono);color:#718f7c}.journey-tab[aria-selected=true] .step-number{color:var(--mint)}.step-arrow{color:#547663;margin-left:auto;font-size:16px}.journey-tab[aria-selected=true] .step-arrow{color:var(--mint)}.step-progress{background:var(--mint);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.journey-tab[aria-selected=true] .step-progress{transform:scaleX(1)}.is-playing .journey-tab[aria-selected=true] .step-progress{animation:4.5s linear forwards step-duration}.journey-panel{grid-template-columns:.8fr 1.5fr;min-height:486px;display:grid}.journey-panel[hidden]{display:none}.journey-story{background:linear-gradient(140deg,#12281c,#0d1b16);flex-direction:column;padding:37px 32px 30px;display:flex}.journey-kicker{font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8cb89e;margin-bottom:18px}.journey-story h3{max-width:315px;margin-bottom:19px;font-size:28px;font-weight:550;line-height:1.15}.journey-description{color:#a8c1b2;max-width:315px;font-size:14px;line-height:1.75}.journey-benefit{border-left:2px solid #629978;align-items:flex-start;gap:13px;margin:6px 0 25px;padding-left:13px;display:flex}.journey-benefit>span{color:var(--mint);font-size:20px;line-height:1.2}.journey-benefit p{color:#d1e7d7;margin:0;font-size:12px;line-height:1.65}.journey-checklist{color:#a8c1ae;margin-top:auto;font-size:12px;line-height:1.8}.journey-checklist strong{color:#6e997c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:9px;font-weight:500;display:block}.journey-checklist>div{gap:8px;display:flex}.journey-checklist>div>span{color:var(--mint)}.journey-visual{background:#091410;border-left:1px solid #2d493c;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative;overflow:hidden}.journey-visual-bar{color:#8ca692;min-height:43px;font:9px var(--mono);letter-spacing:.02em;background:#0e1f17;border-bottom:1px solid #304a3c;align-items:center;gap:13px;padding:13px 17px;display:flex}.journey-visual-bar .window-dots{gap:4px}.journey-visual-bar .window-dots i{border-color:#5e7a65;width:5px;height:5px}.visual-status{color:#668370;margin-left:auto;font-size:8px}.journey-capture{background:#161916;flex:1;align-items:center;min-height:0;display:flex}.journey-capture img{width:100%;height:auto;display:block}.journey-capture-caption{color:#8ba590;background:#0e1f17;border-top:1px solid #304a3c;justify-content:space-between;align-items:center;gap:12px;padding:12px 17px;font-size:9px;line-height:1.5;display:flex}.journey-capture-caption .zoom-button{border-color:#41664b;font-size:10px}.journey-controls{background:#0c1812;border-top:1px solid #304c3b;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;display:flex}.journey-controls>p{font:9px var(--mono);color:#5f836c;align-items:center;gap:15px;margin:0;display:flex}.journey-counter{color:#70997e;white-space:nowrap}.journey-counter [data-current-step]{color:#c7e7cd}.journey-play{color:#c9ead0;background:#1b3021;border:1px solid #3b6346;border-radius:5px;align-items:center;gap:9px;padding:7px 11px;font-size:10px;display:inline-flex}.journey-play:hover{background:#2c4933;border-color:#6d9e79}.journey-play[hidden]{display:none}.play-symbol{width:12px;font-size:9px}.journey-notice{color:#719280;font:9px/1.7 var(--mono);max-width:830px;margin:15px 0 0}.journey-visual-authorize{background:radial-gradient(at 80% 10%,#60499d30,#0000 65%),#11191d}.journey-visual-authorize .journey-visual-bar{background:#181c25;border-color:#383d55}.journey-visual-call{background:radial-gradient(at 90% 40%,#24556720,#0000 55%),#0c1418}.journey-visual-call .journey-visual-bar{background:#111e25;border-color:#304955}.policy-demo{flex-direction:column;flex:1;padding:27px 33px 25px;display:flex}.policy-heading{align-items:center;gap:14px;margin-bottom:22px;display:flex}.policy-icon{color:#c1b0ff;background:#62507d38;border:1px solid #6b6296;border-radius:10px;place-items:center;width:43px;height:43px;font-size:28px;display:grid}.policy-heading h4,.request-heading h4{letter-spacing:-.025em;color:#e3e9ee;margin:0 0 6px;font-size:16px;font-weight:550}.policy-heading p,.request-heading p{color:#82939c;margin:0;font-size:10px}.policy-demo dl{background:#080e1259;border:1px solid #34414c;border-radius:8px;margin:0;overflow:hidden}.policy-demo dl>div{border-bottom:1px solid #2c353e;justify-content:space-between;align-items:center;gap:20px;padding:12px 15px;font-size:12px;display:flex}.policy-demo dl>div:last-child{border:0}.policy-demo dt{color:#728995}.policy-demo dd{color:#d3dce4;font:12px var(--mono);text-align:right;margin:0}.scope-chip{color:#c4b7f4;background:#40375b;border:1px solid #706288;border-radius:4px;padding:3px 8px}.policy-checks{margin:18px 0 16px}.policy-checks>div{color:#a6b7c0;align-items:center;gap:12px;padding:6px 0;font-size:12px;display:flex}.policy-check-number{font:8px var(--mono);color:#667d89}.policy-tick{color:#aeebbc;margin-left:auto}.policy-decision{color:#bee2c8;background:#24423280;border:1px solid #487856;border-radius:6px;align-items:center;gap:11px;margin-top:auto;padding:11px 14px;font-size:12px;display:flex}.request-demo{flex:1;padding:24px 32px}.request-flow{font:10px var(--mono);color:#8299a3;justify-content:center;align-items:center;gap:18px;margin-bottom:20px;display:flex}.request-flow b{color:#bfe6c8;background:#1c3a32;border:1px solid #4c7f75;border-radius:5px;padding:8px 18px;font-weight:500}.request-flow i{color:#669e98;font-style:normal}.request-heading{margin-bottom:20px}.code-label{font:8px var(--mono);color:#849da9;letter-spacing:.04em;justify-content:space-between;align-items:center;margin:14px 0 7px;display:flex}.code-label>span{color:#52747d;font-size:8px}.request-demo pre{color:#95b5c7;font:12px/1.7 var(--mono);background:#050c10;border:1px solid #283d48;border-radius:6px;margin:0;padding:13px 17px;overflow:auto}.request-note{font:9px/1.7 var(--mono);color:#6d8794;margin:16px 0 0}@keyframes step-duration{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.platform{color:#e6eeeb;background:#111c1f;padding:80px 0}.platform .eyebrow{color:#7eafaa}.section-intro>p{color:#91aaa9}.feature{box-shadow:none;background:#18272b;border-color:#345055;transition:border-color .2s,transform .2s}.feature:hover{border-color:#668a89;transform:translateY(-4px)}.feature.primary{background:linear-gradient(135deg,#204c35,#193b30);border-color:#3e7657}.feature>p,.feature details p{color:#a7bcb9}.feature summary{color:#b5e2df}.feature .gate-graphic i{background:#223e44;border-color:#456c71}.feature .gate-graphic i:nth-of-type(2){background:#416e64}.feature .trace-graphic i{background:#527d7b}.feature .trace-graphic i:nth-child(4),.feature .trace-graphic i:nth-child(6){background:#84d0c8}.architecture{background:#0b1517;border-bottom:1px solid #254036}.resources{background:#eef3f0}.resource-header .eyebrow{color:#426f56}.motion-reveal.is-visible .journey-heading,.motion-reveal.is-visible .section-intro,.motion-reveal.is-visible .arch-grid,.motion-reveal.is-visible .resource-header{animation:.6s ease-out both product-arrival}@keyframes product-arrival{0%{opacity:.2;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width>=1450px){.hero-layout{gap:85px;padding-top:84px;padding-bottom:86px}.hero-scene{min-height:420px;padding:28px}.scene-flow{padding-top:53px;padding-bottom:43px}.scene-log-line{font-size:10px}.scene-endpoint strong{font-size:13px}}@media (width<=1100px){.hero-layout{gap:35px;min-height:590px}.hero-in-motion h1{font-size:54px}.hero-scene{padding:18px;transform:none}.scene-flow{padding:35px 0 28px}.scene-gateway{padding:18px 6px}.scene-gateway small{font-size:7px}.scene-top,.scene-log-line{font-size:8px}.journey-panel{grid-template-columns:.9fr 1.3fr;min-height:510px}.journey-story{padding:30px 25px}.journey-story h3{font-size:26px}.policy-demo,.request-demo{padding:24px}.journey-tab{gap:9px;padding:18px 16px}.hero-baseline,.nav-links{gap:20px}}@media (width<=760px){.nav{height:67px}.hero-layout{grid-template-columns:1fr;gap:34px;min-height:0;padding-top:45px;padding-bottom:34px}.hero-in-motion h1{letter-spacing:-.05em;max-width:580px;margin:22px 0;font-size:clamp(43px,9.7vw,58px)}.hero-in-motion .hero-lead{max-width:520px;font-size:16px;line-height:1.7}.hero-in-motion .hero-label{font-size:8px}.hero-in-motion .hero-actions{flex-direction:row;gap:10px}.hero-in-motion .hero-actions .button{flex:1;gap:9px;width:auto;min-height:46px;padding:11px 13px;font-size:12px}.hero-in-motion .hero-caption{margin-top:18px;font-size:9px}.hero-scene{border-radius:13px;width:100%;max-width:560px;min-height:0;margin:0 auto;padding:18px}.scene-top{font-size:9px}.scene-flow{min-height:185px;padding:34px 0 29px}.scene-endpoint strong{font-size:11px}.scene-endpoint small{font-size:7px}.scene-gateway{border-radius:12px;padding:16px 5px}.scene-gateway strong{font-size:15px}.scene-gateway img{width:32px;height:32px}.scene-gateway small{font-size:7px}.scene-icon{width:34px;height:34px;font-size:21px}.scene-log{padding:10px 12px}.scene-log-line{gap:9px;padding-top:8px;font-size:8px}.scene-footnote{margin-top:13px;font-size:7px}.scene-tag{font-size:7px}.hero-baseline{flex-wrap:wrap;gap:8px 18px;padding-top:16px;padding-bottom:17px;font-size:8px}.hero-baseline span:first-child{width:100%;margin-right:0;font-size:9px}.journey{padding:49px 0 40px}.journey-heading{margin-bottom:24px;display:block}.journey-heading h2{font-size:33px}.journey-heading>p{max-width:480px;margin-top:18px;font-size:13px}.journey-heading .eyebrow{margin-bottom:12px;font-size:9px}.journey-shell{border-radius:10px}.journey-tabs{grid-template-columns:repeat(4,1fr)}.journey-tab{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:14px 5px 12px;font-size:10px}.step-number{font-size:8px}.step-arrow{display:none}.journey-panel{grid-template-columns:1fr;min-height:0}.journey-story{padding:23px 21px 22px;display:block}.journey-kicker{margin-bottom:13px;font-size:8px}.journey-story h3{max-width:420px;margin-bottom:12px;font-size:25px}.journey-description{max-width:500px;margin-bottom:14px;font-size:13px;line-height:1.7}.journey-benefit{margin:17px 0 0}.journey-benefit p{font-size:11px}.journey-checklist{display:none}.journey-visual{border-top:1px solid #304c3c;border-left:0;min-height:0}.journey-visual-bar{gap:9px;padding:12px;font-size:8px}.journey-capture-caption{gap:10px;padding:10px 12px;font-size:8px}.journey-capture-caption .zoom-button{flex-shrink:0;font-size:9px}.journey-controls{gap:10px;padding:12px}.journey-controls>p{gap:8px;font-size:8px}.journey-play{gap:6px;padding:7px 9px;font-size:9px}.journey-notice{margin-top:13px;font-size:8px;line-height:1.8}.policy-demo,.request-demo{padding:23px 20px}.policy-demo dl>div{gap:12px;padding:11px;font-size:10px}.policy-demo dd{font-size:9px}.policy-heading h4,.request-heading h4{font-size:15px}.policy-heading p,.request-heading p{font-size:9px}.request-demo pre{padding:12px;font-size:10px}.request-flow{gap:13px;font-size:9px}.platform{padding:52px 0}.feature:hover{transform:none}.nav-links{gap:20px}}@media (prefers-reduced-motion:reduce){.hero-scene{transform:none}.scene-connector i{display:none;animation:none!important}.is-playing .step-progress,.motion-reveal.is-visible .journey-heading,.motion-reveal.is-visible .section-intro,.motion-reveal.is-visible .arch-grid,.motion-reveal.is-visible .resource-header{animation:none!important}.feature:hover{transform:none}.journey-tab,.feature{transition:none}}@media (width>=761px){.scene-top{font-size:11px}.scene-endpoint strong{font-size:13px}.scene-endpoint small,.scene-gateway small,.scene-log-title{font-size:9px}.scene-log-line{font-size:11px}.scene-footnote{font-size:9px}}.hero-scene:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d9ffe5,#8be6e6,#0000);height:1px;position:absolute;top:0;left:9%;right:9%;box-shadow:0 0 12px #a8ffcc88}.scene-icon{border-color:#6ca58a;box-shadow:inset 0 1px #d2ffe61b,0 0 17px #7bdcb319}.api-icon{color:#a8f5ff;border-color:#72c4d3;box-shadow:inset 0 1px #d1fcff33,0 0 19px #66c9e925}.scene-connector{background:linear-gradient(90deg,#78b899,#c4ffdf);box-shadow:0 0 8px #a1efc332}.scene-connector-out{background:linear-gradient(90deg,#c4ffdf,#75cfe2)}.scene-log{border-color:#709d8090;box-shadow:inset 0 1px #b8eaca20}.journey-tab[aria-selected=true]{color:#effff2;background:linear-gradient(#335f3e,#233f2c);box-shadow:inset 0 1px #d8ffe04d,inset 0 0 24px #98ffbd0b}.step-progress{box-shadow:0 0 10px #adfbc77a}.journey-visual{border-left-color:#4a795e}.journey-visual-bar{border-color:#5c7863;box-shadow:inset 0 1px #dbffe516}.journey-controls{border-color:#526f55}.journey-play{border-color:#79a883;box-shadow:inset 0 1px #caffd124}.journey-play:hover{border-color:#bbffca;box-shadow:0 0 18px #9ae8b322}.policy-demo dl{border-color:#646080;box-shadow:inset 0 1px #d9ceff16}.policy-icon{border-color:#b0a0df;box-shadow:0 0 18px #ae91fc27}.policy-decision{border-color:#8dca9c;box-shadow:0 0 18px #82d39711}.request-demo pre{border-color:#476777;box-shadow:inset 0 1px #b3f1ff17}.feature{border-color:#52757a;position:relative;box-shadow:inset 0 1px #c9fbff24,0 8px 25px #0002}.feature:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#a6e5e4,#0000);height:1px;position:absolute;top:-1px;left:16%;right:16%}.feature.primary{border-color:#79ab86;box-shadow:inset 0 1px #d2ffe440,0 0 26px #74d59912}.feature:hover{border-color:#b4efe3;box-shadow:inset 0 1px #e1fff961,0 0 24px #69c8af22}.arch-visual{border-color:#78a985;box-shadow:inset 0 1px #d0ffda32,0 0 25px #6edb9320}.data-node.current{box-shadow:0 0 23px #9ae8ac30}.resource{border-color:#b3c9b8;box-shadow:inset 0 1px #fff}:root{--brand:#059669;--brand-deep:#047857;--brand-light:#34d399;--brand-soft:#6ee7b7;--mint:#6ee7b7}.button{background:var(--brand-deep);border-color:var(--brand);color:#fff;box-shadow:inset 0 1px #6ee7b744,0 0 16px #0596691a}.button:hover{background:#046c4f;border-color:#10b981;box-shadow:0 4px 22px #05966940}.button.secondary{color:#d1fae5;box-shadow:none;background:0 0;border-color:#2e7561}.button.secondary:hover{background:#04785720;border-color:#34d399}.hero-in-motion h1 span{color:var(--brand)}.hero-in-motion .hero-label{color:#a7f3d0;background:#064e3b40;border-color:#04785799}.hero-label:before{background:var(--brand-light)}.hero-grid-backdrop{background:radial-gradient(at 79% 41%,#05966930,#0000 46%),radial-gradient(at 97% 10%,#407fb31a,#0000 37%),linear-gradient(#6ee7b708 1px,#0000 1px) 0 0/80px 80px,linear-gradient(90deg,#6ee7b708 1px,#0000 1px) 0 0/80px 80px}.hero-baseline span:first-child{color:var(--brand-light)}.hero-scene{background:linear-gradient(135deg,#064e3b88,#092820 47%,#0d2f3280);border-color:#34d39999;box-shadow:inset 0 1px #a7f3d055,0 0 0 1px #05966922,0 0 38px #05966924,0 32px 70px #0006}.hero-scene:before{background:linear-gradient(90deg,#0000,#6ee7b7,#59d5d0,#0000);box-shadow:0 0 12px #05966999}.scene-gateway{background:linear-gradient(135deg,#065f46,#064e3b);border-color:#34d399;box-shadow:inset 0 1px #a7f3d044,0 0 22px #10b98155,0 0 54px #05966930}.gateway-orbit{border-color:#10b98166}.scene-gateway small{color:#a7f3d0}.scene-icon{color:#6ee7b7;background:#064e3b66;border-color:#059669}.api-icon{color:#a8f5ff;background:#15292d;border-color:#72c4d3}.scene-log{border-color:#26866c88}.scene-log-line{color:#d1fae5}.log-check{color:#34d399}.scene-log-title{color:#6eb19a}.journey-shell{border-color:#2b997880;box-shadow:inset 0 1px #a7f3d040,0 0 25px #05966922,0 18px 52px #0004}.journey-tabs{border-color:#217b60}.journey-tab{border-right-color:#1c624e}.journey-tab:hover{background:#064e3b77}.journey-tab[aria-selected=true]{color:#ecfdf5;box-shadow:inset 0 2px 0 var(--brand),inset 0 0 24px #10b98115;background:linear-gradient(#075b45,#064c3c)}.journey-tab[aria-selected=true] .step-number,.journey-tab[aria-selected=true] .step-arrow{color:#6ee7b7}.step-progress{background:var(--brand-light);box-shadow:0 0 10px #10b98199}.journey-benefit{border-color:#059669}.journey-play{color:#d1fae5;background:#064e3b;border-color:#059669}.journey-play:hover{background:#075d46;border-color:#34d399;box-shadow:0 0 18px #05966944}.policy-decision{color:#a7f3d0;background:#064e3b88;border-color:#059669}.policy-decision>span{color:#34d399}.request-flow b{color:#d1fae5;background:#064e3b;border-color:#059669}.code-method{color:#34d399}.code-label>.code-ok{color:#6ee7b7}.feature.primary{background:linear-gradient(135deg,#064e3b,#072e24);border-color:#059669;box-shadow:inset 0 1px #6ee7b744,0 0 26px #05966920}.feature.primary:before{background:linear-gradient(90deg,#0000,#6ee7b7,#0000)}.feature.primary summary{color:#a7f3d0}.feature.primary>p,.feature.primary details p{color:#b0d8c9}.feature .mini-stack i{background:#065f46;border-color:#059669}.feature .mini-stack i:nth-child(3){background:#6ee7b7;border-color:#6ee7b7}.feature .mini-stack i:nth-child(3):before,.feature .mini-stack i:nth-child(3):after{background:#047857}.data-node.current{background:var(--brand-deep);color:#fff;border-color:#10b981;box-shadow:0 0 23px #05966940}.data-node.current small{color:#a7f3d0}.arch-visual{border-color:#238b6988}.control-plane{border-color:#268c6c}.text-link{color:#6ee7b7;border-color:#059669}.resource h3 span{color:#047857}.resource:hover{border-color:#059669}.customer-problem{background:radial-gradient(at 90% 0,#aa71451b,#0000 65%);flex:1;padding:29px 34px 24px}.assistant-card{background:#0c2b20;border:1px solid #397d65;border-radius:9px;align-items:center;gap:13px;max-width:360px;margin:auto;padding:14px 17px;display:flex}.assistant-icon{color:#a7f3d0;background:#065f46;border:1px solid #059669;border-radius:8px;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.assistant-card strong{color:#e7f7ef;font-size:14px;font-weight:550}.assistant-card p{color:#95bca8;margin:4px 0 0;font-size:12px}.problem-connection{border-left:1px dashed #a1a87899;width:1px;height:20px;margin:auto}.broad-access{color:#e5cfb8;background:#342b2066;border:1px solid #9a704966;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:12px;display:flex}.key-mark{color:#dfa669;font-size:23px}.broad-access strong{font-weight:500}.risk-badge{font:8px var(--mono);color:#dca16b;border:1px solid #a17446;border-radius:4px;padding:4px 7px}.risk-options{padding:18px 0 0}.risk-options>div{color:#a6c4b1;background:#0a1712;border:1px solid #355443;border-radius:6px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 15px;font-size:12px;display:flex}.risk-options>div>span{color:#70bd91}.risk-options>.risk-unneeded{color:#dfb48b;border-color:#79533766}.risk-options>.risk-unneeded>span{color:#f0b47c}.problem-question{color:#e1d2bd;max-width:460px;margin:17px 0 0;font-size:13px;line-height:1.6}.customer-control{flex:1;padding:30px 33px}.customer-control .request-heading h4{font-size:20px}.customer-control .request-heading p{margin-top:7px;font-size:12px;line-height:1.6}.request-choices{grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;display:grid}.request-choices button{text-align:left;color:#bbd8cd;background:#0e2320;border:1px solid #3c655c;border-radius:8px;align-items:center;gap:11px;padding:16px 14px;font-size:13px;line-height:1.5;display:flex}.request-choices button span{color:#6ee7b7;font-size:21px}.request-choices button[aria-pressed=true]{color:#ecfdf5;background:#064e3b;border-color:#10b981;box-shadow:0 0 18px #05966922}.request-choices button[data-request-case=blocked][aria-pressed=true]{color:#f5d1ab;background:#4b3523;border-color:#d39b64;box-shadow:0 0 18px #d39b6422}.request-choices button[data-request-case=blocked] span{color:#efb87f}.request-choices button:hover{border-color:#9ad8c3}.customer-outcome{background:linear-gradient(135deg,#064e3b88,#0e251c);border:1px solid #2c956d;border-radius:10px;align-items:flex-start;gap:17px;min-height:140px;padding:21px;display:flex}.outcome-symbol{color:#6ee7b7;background:#05966933;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:22px;display:grid}.outcome-symbol:before{content:"✓"}.outcome-label{font:8px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#64b796}.customer-outcome h4{letter-spacing:-.03em;color:#d1fae5;margin:7px 0 9px;font-size:23px;font-weight:550;line-height:1.2}.customer-outcome p{color:#9ecdb8;max-width:450px;margin:0;font-size:12px;line-height:1.7}[data-example=blocked] .customer-outcome{background:linear-gradient(135deg,#57362277,#211a15);border-color:#a8794f}[data-example=blocked] .outcome-symbol{color:#f5b97e;background:#9a613633}[data-example=blocked] .outcome-symbol:before{content:"×"}[data-example=blocked] .outcome-label{color:#cd9b71}[data-example=blocked] .customer-outcome h4{color:#ffd6af}[data-example=blocked] .customer-outcome p{color:#d7b190}.customer-trace{flex:1;padding:29px 34px}.trace-header{align-items:center;gap:13px;margin-bottom:24px;display:flex}.trace-icon{color:#6ee7b7;background:#064e3b55;border:1px solid #38826a;border-radius:9px;place-items:center;width:42px;height:42px;font-size:28px;display:grid}.trace-header h4{letter-spacing:-.03em;color:#d1fae5;margin:0 0 6px;font-size:19px;font-weight:550}.trace-header p{color:#87ae9d;margin:0;font-size:11px}.trace-record{background:#081a13;border:1px solid #39745e;border-radius:8px;overflow:hidden}.trace-record>div{border-bottom:1px solid #254f3d;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;font-size:12px;display:flex}.trace-record>div:last-child{border:0}.trace-record span{color:#709b85}.trace-record strong{color:#cbe9d8;text-align:right;font-weight:500}.trace-verdict{background:#064e3b55}.trace-record .trace-verdict strong{color:#6ee7b7}[data-example=blocked] .trace-verdict{background:#68402733}[data-example=blocked] .trace-record .trace-verdict strong{color:#efb87f}.trace-timeline{margin:23px 0 0;padding:0;list-style:none}.trace-timeline li{color:#a4c3b2;align-items:center;gap:12px;padding:9px 0;font-size:12px;display:flex}.trace-timeline li>span{font:8px var(--mono);color:#518b70;border:1px solid #2b5c44;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.trace-timeline b{color:#34d399;margin-left:auto;font-weight:400}@media (width<=760px){.customer-problem,.customer-control,.customer-trace{padding:23px 20px}.assistant-card{gap:10px;padding:12px}.assistant-card strong{font-size:13px}.assistant-card p{font-size:11px}.broad-access{gap:8px;padding:12px;font-size:11px}.risk-options>div{padding:10px 12px;font-size:11px}.problem-question{font-size:12px}.request-choices{grid-template-columns:1fr;gap:8px;margin:20px 0}.request-choices button{padding:13px;font-size:12px}.customer-control .request-heading h4{font-size:18px}.customer-control .request-heading p{font-size:11px}.customer-outcome{gap:12px;padding:18px 14px}.customer-outcome h4{font-size:20px}.customer-outcome p{font-size:11px}.trace-record>div{gap:13px;padding:13px;font-size:11px}.trace-header h4{font-size:17px}.trace-timeline li{font-size:11px}}.compare-scene{min-height:0;padding:20px;transform:none}.compare-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.compare-switch{border:1px solid #277c60;border-radius:7px;flex:1;grid-template-columns:1fr 1fr;max-width:330px;display:grid;overflow:hidden}.compare-switch button{color:#8ebba7;background:#091c14;border:0;padding:10px 13px;font-size:13px;transition:background .3s,color .3s}.compare-switch button[aria-pressed=true]{color:#fff;background:#047857;box-shadow:inset 0 1px #a7f3d04d}.compare-switch button:first-child[aria-pressed=true]{color:#ffe2bc;background:#624426}.compare-replay{color:#8daf9d;white-space:nowrap;background:0 0;border:0;padding:8px;font-size:10px}.compare-replay:hover{color:#d1fae5}.compare-figure{margin:12px -8px 0}.compare-figure svg{width:100%;display:block;overflow:visible}.compare-node rect{fill:#0b2219;stroke:#478069;stroke-width:1.2px;transition:fill .6s,stroke .6s}.compare-node text{font:20px var(--sans);fill:#c0d9cb;letter-spacing:-.3px}.wires-before path{stroke:#ae7957;stroke-width:1.1px;opacity:.6;stroke-dasharray:4 5}.wires-before{transition:opacity .5s}.shared-key{transform-origin:50%;transition:opacity .3s,transform .6s}.shared-key rect{fill:#382819;stroke:#9b714e}.shared-key text{fill:#d4ac80;font:13px var(--mono)}.wires-after path{stroke:#059669;stroke-width:2px;stroke-dasharray:360;stroke-dashoffset:360px;transition:stroke-dashoffset .85s .2s}.wires-after{opacity:0;transition:opacity .5s}.wires-after .wire-allowed{stroke:#34d399;stroke-width:2.5px}.wires-after .wire-blocked{stroke:#dba263;stroke-width:2px}.wires-after .wire-unused{stroke:#547168;stroke-width:1px;opacity:.55}.compare-gate{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .45s,transform .75s cubic-bezier(.2,.8,.2,1);transform:scale(.6)}.compare-gate rect{stroke:#34d399;stroke-width:1.5px}.compare-gate .gate-halo{fill:#05966910;stroke:#34d39955}.compare-gate text{font:600 22px var(--sans);fill:#fff;letter-spacing:-.5px}.compare-denied,.compare-approved{opacity:0;transition:opacity .3s .85s}.compare-denied circle{fill:#352517;stroke:#dba263}.compare-denied path{stroke:#edbd85;stroke-width:2px;stroke-linecap:round}.compare-approved circle{fill:#064e3b;stroke:#34d399}.compare-approved path{stroke:#a7f3d0;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}[data-mode=with] .wires-before,[data-mode=with] .shared-key{opacity:0}[data-mode=with] .shared-key{transform:translateY(-10px)}[data-mode=with] .wires-after{opacity:1}[data-mode=with] .wires-after path{stroke-dashoffset:0}[data-mode=with] .compare-gate{opacity:1;transform:scale(1)}[data-mode=with] .compare-approved,[data-mode=with] .compare-denied{opacity:1}[data-mode=with] .node-orders rect{fill:#064e3b;stroke:#34d399}[data-mode=with] .node-orders text{fill:#d1fae5}[data-mode=with] .node-customer rect{stroke:#c89764}[data-mode=with] .node-other{opacity:.55}.compare-caption{border-top:1px solid #286d5580;min-height:89px;padding:15px 3px 0}.compare-caption strong{color:#d1fae5;font-size:14px;font-weight:550}.compare-caption p{color:#91b4a2;margin:7px 0 0;font-size:12px;line-height:1.65}.compare-caption [hidden]{display:none}.compare-legend{opacity:0;gap:18px;margin-top:12px;font-size:10px;transition:opacity .5s;display:flex}.compare-legend span:before{content:"";background:#34d399;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.compare-legend .legend-write:before{background:#dba263}.compare-legend .legend-read{color:#a7f3d0}.compare-legend .legend-write{color:#d5ae82}[data-mode=with] .compare-legend{opacity:1}.compare-footnote{font:8px/1.6 var(--mono);color:#668e79;margin:12px 0 0}@media (width<=760px){.compare-scene{padding:16px}.compare-switch button{padding:10px 9px;font-size:11px}.compare-replay{padding:7px 0;font-size:9px}.compare-node text{font-size:21px}.compare-caption{min-height:101px;padding-top:13px}.compare-caption strong{font-size:13px}.compare-caption p{font-size:12px}.compare-legend{gap:13px;font-size:9px}.compare-footnote{font-size:7px}}@media (prefers-reduced-motion:reduce){.compare-scene *{transition:none!important;animation:none!important}}.compare-signals{pointer-events:none}.compare-signals path{opacity:0;stroke:var(--brand-soft);stroke-width:3px;stroke-linecap:round;stroke-dasharray:14 100}.compare-signals .signal-direct,.compare-signals .signal-blocked{stroke:#e9ba88}@media (prefers-reduced-motion:no-preference){[data-mode=without] .flow-is-visible .signal-direct,[data-mode=with] .flow-is-visible .signal-inbound,[data-mode=with] .flow-is-visible .signal-allowed,[data-mode=with] .flow-is-visible .signal-blocked{animation:.62s linear .16s compare-signal}[data-mode=without] .flow-is-visible .signal-extra,[data-mode=with] .flow-is-visible .signal-inbound{animation-delay:.36s}[data-mode=with] .flow-is-visible .signal-allowed,[data-mode=with] .flow-is-visible .signal-blocked{animation-delay:.92s}.arch-visual .data-flow>span,.gate-graphic span,.problem-connection{position:relative}.arch-visual .data-flow>span:after,.arch-visual .control-plane:before,.gate-graphic span:after,.problem-connection:after{content:"";background:var(--brand-soft);opacity:0;pointer-events:none;border-radius:50%;width:5px;height:3px;position:absolute;box-shadow:0 0 6px}.arch-visual .data-flow>span:after,.gate-graphic span:after{top:calc(50% - 1px);left:0}.arch-visual .control-plane:before,.problem-connection:after{width:3px;height:5px}.arch-visual .control-plane:before{--flow-distance:20px;bottom:-6px;left:calc(50% - 1px)}.problem-connection:after{--flow-distance:15px;background:#e9ba88;top:0;left:-2px}.flow-is-visible .control-plane:before,.flow-is-visible .problem-connection:after{animation:.52s ease-in-out .12s vertical-signal}.flow-is-visible .data-flow>span:after,.flow-is-visible .gate-graphic span:after{animation:.52s ease-in-out .25s horizontal-signal}.flow-is-visible .data-flow>span:last-of-type:after,.flow-is-visible .gate-graphic span:last-of-type:after{animation-delay:.88s}.flow-is-visible .data-node.current,.flow-is-visible .gate-graphic i:nth-of-type(2),.flow-is-visible .broad-access{animation:.48s ease-in-out .65s flow-emphasis}.flow-is-visible .mini-stack i,.flow-is-visible .policy-tick,.flow-is-visible .trace-timeline b{animation:flow-emphasis .45s ease-in-out var(--flow-delay,.12s)}.mini-stack i:nth-child(2){--flow-delay:.25s}.mini-stack i:nth-child(3){--flow-delay:.38s}.flow-is-visible .trace-graphic i{transform-origin:bottom;animation:trace-bar .42s ease-out var(--flow-delay,.12s) backwards}.trace-graphic i:nth-child(2){--flow-delay:.19s}.trace-graphic i:nth-child(3){--flow-delay:.26s}.trace-graphic i:nth-child(4){--flow-delay:.33s}.trace-graphic i:nth-child(5){--flow-delay:.4s}.trace-graphic i:nth-child(6){--flow-delay:.47s}.flow-is-visible .policy-decision,.flow-is-visible .trace-verdict{animation:.48s ease-in-out .57s flow-emphasis}.flow-is-visible .outcome-symbol{animation:.48s ease-in-out .18s flow-emphasis}.customer-outcome,.outcome-symbol{transition:background-color .18s,border-color .18s,color .18s}}@keyframes compare-signal{0%{stroke-dashoffset:14px}20%,70%{opacity:.88}to{stroke-dashoffset:-100px}}@keyframes horizontal-signal{20%,70%{opacity:.9}to{transform:translate(10px)}}@keyframes vertical-signal{20%,70%{opacity:.9}to{transform:translateY(var(--flow-distance))}}@keyframes flow-emphasis{50%{filter:brightness(1.26)}}@keyframes trace-bar{0%{opacity:.7;transform:scaleY(.72)}}
