:root{--bg:#0b0e0e;--surface:#111616;--panel:#161b1b;--line:#263130;--text:#eff5f2;--muted:#96a5a0;--accent:#aaf3dc;--mono:Consolas,"SFMono-Regular",monospace;--sans:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:.15em;color:var(--accent);margin:0 0 22px}.skip-link{position:fixed;left:16px;top:-80px;background:var(--accent);color:var(--bg);padding:10px;z-index:30}.skip-link:focus{top:16px}
.site-header{height:84px;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff09;background:#0b0e0ee8;backdrop-filter:blur(20px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:800;letter-spacing:3px;line-height:1}.brand-mark{width:24px;height:27px;background:var(--accent);clip-path:polygon(0 0,30% 0,53% 59%,75% 0,100% 0,63% 100%,42% 100%)}.brand-dot{font:10px/1 var(--sans);align-self:flex-start;letter-spacing:0;margin-top:2px;margin-left:-7px}.main-nav{display:flex;gap:34px;font-size:13px;color:#b7c1bd}.main-nav a{position:relative;padding:8px 0;transition:color .2s}.main-nav a:hover{color:var(--accent)}.header-cta{display:flex;gap:20px;align-items:center;font-size:12px;border:1px solid #40514b;padding:9px 15px;border-radius:5px}.header-cta:hover{background:var(--accent);color:var(--bg)}.header-cta .icon{width:16px}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero-ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 79% 40%,#31655731,transparent 53%)}.hero-ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#b1ecd005 1px,transparent 1px),linear-gradient(90deg,#b1ecd005 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(110deg,transparent,#000)}.hero-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;align-items:center;padding-block:102px 90px;min-height:680px}.hero-copy .eyebrow{display:flex;gap:11px;align-items:center;font-size:10px;letter-spacing:.12em}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px #aaf3dc90;flex:none}.hero h1{font-size:clamp(100px,10.8vw,152px);font-weight:750;letter-spacing:-.07em;line-height:.95;margin:0 0 26px}.hero h1>span{display:block;font-size:clamp(30px,3vw,43px);font-weight:500;line-height:1.5;letter-spacing:-.035em;margin-top:14px}.hero-description{font-size:14px;line-height:1.95;color:var(--muted);max-width:345px;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;border:1px solid transparent;border-radius:5px;padding:14px 22px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#12221e}.button-primary:hover{background:#cafce9}.text-link{display:inline-flex;gap:13px;font-size:12px;color:#c5d0ca}.text-link span{color:var(--accent)}.hero-note{display:flex;align-items:center;gap:10px;font-size:10px;color:#7c8e85;margin-top:39px;letter-spacing:.03em}.hero-note i{width:3px;height:3px;background:#5e7268;border-radius:50%}.hero-demo{min-width:0;position:relative;transform:translateY(12px)}.hero-demo:before{content:"";position:absolute;inset:0 -35px;background:radial-gradient(ellipse,#93eacb12,transparent 70%);filter:blur(30px);z-index:-1}.demo-heading{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.13em;color:#8caaa0;margin-bottom:16px}.tiny-cross{color:var(--accent);font-size:17px;margin-right:7px}.demo-counter{color:var(--accent)}.demo-window{border:1px solid #39433f;border-radius:10px;overflow:hidden;background:#101212;box-shadow:0 24px 60px #0007}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:#1a211f;border-bottom:1px solid #39433f;font:9px var(--mono);letter-spacing:.08em;color:#7d9389}.window-bar b{font-family:var(--sans);color:#acbeb4;font-weight:400;letter-spacing:0}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#52615a}.window-dots i:first-child{background:#9bbbad}.window-label{font-size:8px}.image-open{padding:0;border:0;background:#080a0a;position:relative;display:block;width:100%;overflow:hidden;text-align:left}.image-open img{display:block;width:100%;height:auto}.hero-image-button img{aspect-ratio:1280/716;object-fit:contain}.image-zoom{display:flex;align-items:center;gap:7px;position:absolute;bottom:15px;right:15px;padding:7px 10px;border:1px solid #667c70;background:#13201bea;backdrop-filter:blur(10px);color:var(--accent);font-size:10px;border-radius:4px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.image-zoom .icon{width:14px;height:14px}.image-open:hover .image-zoom,.image-open:focus-visible .image-zoom{opacity:1;transform:none}.preview-tabs{display:flex;gap:7px;margin-top:17px}.preview-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;padding:11px 6px;background:#111918;border:1px solid #293931;border-radius:5px;color:#8ba398;white-space:nowrap;transition:background .2s,color .2s}.preview-tabs .icon{width:15px;height:15px}.preview-tabs [aria-selected=true]{background:var(--accent);color:#14382a;border-color:var(--accent)}.preview-tabs button:hover{border-color:#8ec2ae}.demo-footnote{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.04em;color:#688276;margin-top:15px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:22px;font-size:10px;letter-spacing:.1em;color:#738d7f}.hero-bottom a{font-family:var(--mono);font-size:9px}.hero-bottom a span{color:var(--accent);margin-left:17px}
.features-section{padding-block:105px 112px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:46px}h2{font-size:clamp(32px,3.3vw,47px);line-height:1.42;letter-spacing:-.04em;font-weight:500;margin:0}h2 em{font-style:normal;color:var(--accent)}.section-heading .eyebrow{margin-bottom:17px}.section-description{font-size:13px;line-height:1.95;color:var(--muted);margin:0 0 6px;max-width:340px}.feature-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:65px}.feature-nav a{font-size:11px;color:#b7c7be;padding:10px 18px;border:1px solid var(--line);border-radius:4px;background:#111615;transition:background .2s}.feature-nav a:hover{background:#1d2f26;border-color:#607a6c}.feature-nav span{font:9px var(--mono);color:#708f7e;margin-right:14px}.feature-row{display:grid;grid-template-columns:1.48fr 1fr;gap:7%;align-items:center;margin-bottom:116px;scroll-margin-top:110px}.feature-row:last-child{margin-bottom:0}.feature-row.reverse{grid-template-columns:1fr 1.48fr}.feature-row.reverse .feature-media{grid-column:2;grid-row:1}.feature-row.reverse .feature-copy{grid-column:1;grid-row:1}.feature-media{position:relative;min-width:0;padding:22px 16px 16px;border:1px solid #2e3933;background:linear-gradient(145deg,#1a231e,#111713);border-radius:9px;box-shadow:0 20px 60px #0003}.feature-media:after{content:"";position:absolute;z-index:-1;width:65%;height:60%;left:15%;bottom:-12%;background:#83c5a30a;filter:blur(45px)}.media-label{display:flex;justify-content:space-between;margin-bottom:17px;font:9px var(--mono);letter-spacing:.1em;color:#8aa495}.media-label>span:last-child{color:var(--accent)}.feature-media .image-open{border-radius:5px;border:1px solid #303c35}.feature-copy{min-width:0}.feature-number{font:10px var(--mono);letter-spacing:.08em;color:var(--accent)}.feature-copy h3{font-size:clamp(28px,2.5vw,36px);font-weight:500;line-height:1.45;letter-spacing:-.035em;margin:17px 0}.feature-copy>p{font-size:12px;line-height:1.95;color:var(--muted);margin:0 0 22px;max-width:365px}.feature-details{list-style:none;padding:0;margin:0 0 23px;border-top:1px solid var(--line)}.feature-details li{display:flex;gap:16px;border-bottom:1px solid #23302a;padding:10px 0;font-size:10px;color:#8fa497}.feature-details li>span{white-space:nowrap;flex:none;color:#d0ded5;font-weight:500}.feature-tags{display:flex;flex-wrap:wrap;gap:7px}.feature-tags span{font-size:9px;color:#a3cbb6;border:1px solid #2e493a;padding:3px 8px;border-radius:3px;background:#14211a}
.technology-section{border-block:1px solid var(--line);background:#101613;padding-block:100px}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.principle{padding:26px 28px 29px;border:1px solid #2c3a31;background:linear-gradient(150deg,#19211b,#121914);border-radius:8px;position:relative;overflow:hidden}.principle-index{font:9px var(--mono);letter-spacing:.13em;color:#849b8b}.principle h3{font-size:22px;font-weight:500;letter-spacing:-.03em;margin:7px 0 8px}.principle p{font-size:12px;color:var(--muted);margin:0}.principle-art{height:150px;position:relative;color:var(--accent)}.art-read{display:flex;justify-content:center;align-items:center}.art-read i{position:absolute;width:100px;height:100px;border:1px solid #8dcda448;transform:rotate(45deg);border-radius:14px}.art-read i:nth-child(2){transform:rotate(45deg) scale(.73);border-color:#b2eac567}.art-read i:nth-child(3){transform:rotate(45deg) scale(1.25);border-color:#8dcda417}.art-read b{font:300 32px var(--mono);text-shadow:0 0 22px #aaf3dc70}.art-module{display:grid;grid-template-columns:repeat(2,40px);grid-template-rows:repeat(2,40px);gap:7px;align-content:center;justify-content:center;transform:rotate(-14deg)}.art-module i{border:1px solid #76b28b66;border-radius:5px;background:#b9f3bf08}.art-module i:nth-child(2){background:#aaf3dc4f;border-color:#caffce77;box-shadow:0 0 23px #85e6ac15}.art-flow{display:flex;align-items:center;justify-content:center;gap:10px;transform:skewX(-17deg)}.art-flow i{width:6px;border-radius:10px;background:linear-gradient(0deg,#73b18b12,#b4f0c5b5,#73b18b12);height:65px}.art-flow i:nth-child(2),.art-flow i:nth-child(4){height:92px}.art-flow i:nth-child(3){height:120px;box-shadow:0 0 30px #9bebb62b}
.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;padding-block:112px}.faq-intro h2{font-size:36px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font-size:14px;color:#e1e9e4}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;font-weight:300;color:var(--accent);line-height:1;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 30px 0 0}.closing-section{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #3d5b49;border-radius:10px;padding:50px 52px;background:linear-gradient(110deg,#233a2c,#15241b);margin-bottom:74px}.closing-section h2{font-size:32px}.closing-section p:not(.eyebrow){color:#9db5a5;font-size:12px;margin:14px 0 0}.closing-section .eyebrow{font-size:9px;margin-bottom:14px}.closing-mark{position:absolute;font:800 280px/.9 var(--sans);right:20%;bottom:-65px;color:#aaf3dc05;z-index:-1;transform:skewX(-10deg)}.closing-section .button{flex:none}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:30px 34px;gap:24px;font:9px var(--mono);color:#6b8273}.site-footer .brand{color:var(--text);font-size:22px}.site-footer .brand-mark{width:20px;height:22px}.site-footer>a:last-child{font-family:var(--sans);font-size:10px;color:#a4bcac}
.image-dialog{width:min(1400px,94vw);max-height:94dvh;padding:18px 24px;margin:auto;background:#111814;color:var(--text);border:1px solid #5a7965;border-radius:12px;box-shadow:0 20px 100px #000b;overflow:auto}.image-dialog::backdrop{background:#030705eb;backdrop-filter:blur(12px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-toolbar .eyebrow{font-size:8px;margin:0 0 4px}.dialog-toolbar h2{font-size:20px;line-height:1.3}.dialog-close{width:40px;height:40px;border:1px solid #3d5747;border-radius:50%;background:transparent;font-size:27px;font-weight:300;line-height:1}.dialog-close:hover{background:var(--accent);color:var(--bg)}.dialog-image{display:block;width:100%;max-height:calc(94dvh - 158px);object-fit:contain;background:#060807;border-radius:5px}.dialog-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:15px}.dialog-controls button{height:32px;width:44px;border:1px solid #3d5747;border-radius:4px;background:transparent;color:var(--accent)}.dialog-controls button:hover{background:#2a3e2f}.gallery-count{font:11px var(--mono);color:#a8bdae}.js-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.js-ready .reveal.visible{opacity:1;transform:none}
@media(min-width:1500px){.hero-layout{min-height:730px}.hero h1{font-size:160px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-layout{gap:4%;min-height:620px;padding-block:80px}.hero h1{font-size:105px}.hero h1>span{font-size:32px}.hero-actions{gap:18px}.hero-copy .eyebrow{font-size:8px}.button{padding:13px 16px;gap:16px}.hero-description{font-size:12px}.hero-note{font-size:9px}.preview-tabs button{font-size:9px;gap:5px}.preview-tabs .icon{width:12px}.feature-row{gap:5%;grid-template-columns:1.35fr 1fr}.feature-row.reverse{grid-template-columns:1fr 1.35fr}.feature-copy h3{font-size:29px}.feature-copy>p{font-size:11px}.feature-details li{gap:10px;font-size:9px}.feature-media{padding:17px 10px 10px}.principle{padding-inline:22px}}
@media(max-width:800px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}.site-header{height:70px}.brand{font-size:24px}.main-nav{position:absolute;display:none;top:69px;left:0;width:100%;padding:20px;background:#101713;border-bottom:1px solid var(--line);gap:0;box-shadow:0 15px 30px #0006}.main-nav.open{display:flex;flex-direction:column}.main-nav a{padding:13px 12px}.header-cta{margin-left:auto;font-size:10px;gap:13px;padding:7px 11px}.header-cta .icon{width:14px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;width:32px;height:32px;padding:0;background:none;border:0}.menu-toggle span{width:20px;height:1px;background:var(--text);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header-inner{gap:14px}.hero-layout{grid-template-columns:1fr;padding-block:57px 35px;gap:36px;min-height:0}.hero h1{font-size:100px}.hero h1>span{font-size:35px;margin-top:11px}.hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.hero-description{font-size:13px;max-width:430px}.hero-actions{margin-top:24px}.hero-note{margin-top:25px}.hero-demo{transform:none}.demo-heading{margin-bottom:11px}.preview-tabs button{font-size:11px;padding:12px 5px}.preview-tabs .icon{width:15px}.demo-footnote{font-size:9px}.hero-bottom{padding-block:18px}.hero-bottom>span{font-size:9px;letter-spacing:0}.hero-bottom a{font-size:8px;letter-spacing:0}.hero-bottom a span{margin-left:8px}.window-bar{padding:10px 12px}.image-zoom{opacity:1;transform:none;bottom:9px;right:9px;font-size:9px;padding:5px 7px}.features-section{padding-block:70px}.section-heading{gap:25px;margin-bottom:28px;align-items:flex-start;flex-direction:column}h2{font-size:34px;line-height:1.45}.section-description{font-size:12px;margin:0}.feature-nav{gap:7px;margin-bottom:39px}.feature-nav a{padding:8px 10px;font-size:10px}.feature-nav span{font-size:8px;margin-right:7px}.feature-row,.feature-row.reverse{display:flex;flex-direction:column;align-items:stretch;gap:27px;margin-bottom:62px;scroll-margin-top:94px}.feature-copy h3{font-size:31px;margin:13px 0 15px}.feature-copy h3 br{display:none}.feature-copy>p{font-size:12px;max-width:none;margin-bottom:18px}.feature-details li{font-size:11px;padding-block:11px;gap:23px}.feature-tags span{font-size:10px}.feature-number{font-size:9px}.feature-media{padding:17px 12px 12px}.technology-section{padding-block:65px}.principles{gap:12px;grid-template-columns:1fr}.principle{display:grid;grid-template-columns:1fr 115px;padding:23px 25px;column-gap:15px;align-content:center}.principle-index{grid-column:1;font-size:8px}.principle h3{grid-column:1;font-size:24px;margin:19px 0 7px}.principle p{grid-column:1;font-size:11px}.principle-art{grid-column:2;grid-row:1/4;height:120px;align-self:center;transform:scale(.85)}.art-module{transform:scale(.85) rotate(-14deg)}.art-flow{transform:scale(.85) skewX(-17deg)}.faq-section{padding-block:70px;grid-template-columns:1fr;gap:30px}.faq-intro h2{font-size:32px}.faq-intro h2 br{display:none}.faq-intro .eyebrow{margin-bottom:15px}summary{font-size:13px}.closing-section{padding:32px 27px;flex-direction:column;align-items:flex-start;margin-bottom:45px;gap:25px}.closing-section h2{font-size:27px}.closing-section p:not(.eyebrow){font-size:11px;max-width:250px}.closing-mark{right:2%;font-size:220px;bottom:-20px}.site-footer{flex-wrap:wrap;gap:22px;font-size:8px;padding-block:25px}.site-footer>span{order:3;width:100%;padding-top:2px}.site-footer>a:last-child{margin-left:auto}.image-dialog{width:96vw;padding:14px 10px;border-radius:8px}.dialog-toolbar{margin-bottom:13px}.dialog-toolbar h2{font-size:18px}.dialog-close{width:34px;height:34px}.dialog-image{max-height:calc(94dvh - 142px)}.window-label{font-size:7px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:90px}.hero h1>span{font-size:30px}.hero-copy .eyebrow{font-size:8px}.hero-actions{gap:16px}.hero-actions .button{font-size:11px;padding:12px}.hero-actions .text-link{font-size:10px;gap:8px}.preview-tabs{gap:4px}.preview-tabs button{font-size:9px;gap:4px;padding-inline:3px}.preview-tabs .icon{width:12px}.header-cta{gap:8px}.header-inner{gap:10px}.brand{font-size:22px;gap:8px}.feature-nav a{padding:7px;font-size:9px}.feature-nav span{margin-right:4px}.feature-details li{font-size:10px;gap:11px}.principle{padding-inline:19px;grid-template-columns:1fr 78px}.principle-art{transform:scale(.65)}.art-module{transform:scale(.65) rotate(-14deg)}.art-flow{transform:scale(.65) skewX(-17deg)}.closing-section{padding:28px 21px}.closing-section h2{font-size:24px}.window-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}

.product-status{display:flex;align-items:center;width:fit-content;max-width:100%;gap:22px;margin:0 0 28px;padding:13px 19px;border:1px solid #426655;border-radius:7px;background:linear-gradient(115deg,#183328,#112018);box-shadow:0 0 24px #aaf3dc08}
.product-status>div{min-width:0}
.product-status dt{font-size:10px;letter-spacing:.08em;color:#a6c4b5;line-height:1.4;margin-bottom:5px}
.product-status dd{display:flex;align-items:center;gap:8px;margin:0;line-height:1.4;white-space:nowrap}
.product-status-state dd{font-size:16px;font-weight:600;color:var(--accent)}
.product-status .status-dot{width:7px;height:7px;box-shadow:0 0 0 3px #aaf3dc12,0 0 12px #aaf3dc60}
.product-status-date{border-left:1px solid #426655;padding-left:22px}
.product-status time{font:13px/1.4 var(--mono);color:#e0eee6}
@media(max-width:800px){.product-status{margin-bottom:25px;gap:19px;padding:12px 16px}.product-status-date{padding-left:19px}}
@media(max-width:380px){.product-status{gap:16px;padding:11px 14px}.product-status-date{padding-left:16px}.product-status-state dd{font-size:15px}.product-status time{font-size:12px}}

/* Self-contained cinematic entrance; the dialog stays closed without JavaScript. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.intro-active{overflow:hidden}
.entry-intro{--intro-progress:0;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#e4f7ee;background:#050c09;overflow:hidden;isolation:isolate;overscroll-behavior:none}
.entry-intro::backdrop{background:transparent}
.entry-intro[open]{display:grid;grid-template-rows:auto 1fr auto;padding:34px clamp(24px,5vw,80px) 28px;animation:intro-arrive .3s ease-out both}
.entry-intro[open].intro-leaving{pointer-events:none;animation:intro-exit .58s cubic-bezier(.65,0,.22,1) both}
.intro-scenery{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#14392a,#08160e 48%,#030906 85%)}
.intro-grid{position:absolute;inset:-15%;background-image:linear-gradient(#aaf3dc0b 1px,transparent 1px),linear-gradient(90deg,#aaf3dc0b 1px,transparent 1px);background-size:65px 65px;transform:perspective(1000px) rotateX(12deg) scale(1.15);animation:intro-grid-enter 3.8s ease-out both}
.intro-topography{position:absolute;inset:0;width:100%;height:100%;color:#76b68c;stroke:currentColor;stroke-width:.7;opacity:.28;animation:intro-map-enter 3.8s ease-out both}
.intro-route{stroke:#ceff8d;stroke-dasharray:8 13;stroke-width:1.5;opacity:.7}
.intro-map-points{stroke:#ceff8d;stroke-width:1.2}
.intro-ghost{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);white-space:nowrap;font:800 clamp(86px,17vw,270px)/1 var(--sans);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #aaf3dc10}
.intro-radar{width:min(64vmin,550px);aspect-ratio:1;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);border:1px solid #aaf3dc22;border-radius:50%;transition:transform .8s,opacity .8s}
.intro-radar:before,.intro-radar:after{content:"";position:absolute;border:1px solid #aaf3dc18;border-radius:50%;inset:12%}
.intro-radar:after{inset:-9%;border-style:dashed;border-color:#aaf3dc18}
.intro-radar-ring{position:absolute;inset:26%;border:1px solid #aaf3dc19;border-radius:50%}
.intro-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 63%,#aaf3dc05 79%,#aaf3dc24 98%,#c5ffe66b 99.9%,transparent);animation:intro-radar-scan 2.7s linear infinite}
.intro-crosshair:before,.intro-crosshair:after{content:"";position:absolute;background:#aaf3dc14}
.intro-crosshair:before{width:1px;inset:-22px auto -22px 50%}.intro-crosshair:after{height:1px;inset:50% -22px auto -22px}
.intro-coordinate{position:absolute;top:46%;font:9px/2 var(--mono);letter-spacing:.14em;color:#a5d3b56b}
.intro-coordinate span{display:inline-block;margin-top:15px;color:#c4f9958c}.coord-left{left:8%}.coord-right{right:8%;text-align:right}
.intro-scanline{position:absolute;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,#b7ffc380,transparent);box-shadow:0 0 35px 5px #8fffab0d;animation:intro-scan-pass 2.8s ease-in-out both}
.intro-vignette{position:absolute;inset:0;box-shadow:inset 0 0 150px #010503a8;background:repeating-linear-gradient(0deg,#00000008 0 1px,transparent 1px 4px);pointer-events:none}
.intro-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:3}
.intro-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:3px}.intro-brand .brand-mark{width:18px;height:20px;background:#c1faad}
.intro-brand small{font-size:10px;letter-spacing:.08em;font-weight:400;color:#9dbaa8;margin-left:8px}
.intro-skip{display:flex;align-items:center;gap:18px;background:#0e1f16a3;border:1px solid #56735d;padding:10px 15px;border-radius:3px;font-size:11px;color:#c9ddce;transition:background .2s}
.intro-skip:hover{background:#c1faad;color:#102016}.intro-skip:focus-visible{outline-color:#c1faad;outline-offset:5px}
.intro-center{align-self:center;justify-self:center;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 0;transform:translateY(-9px)}
.intro-kicker{font:9px var(--mono);letter-spacing:.3em;color:#c7efc79c;animation:intro-type-in .6s .12s both}
.intro-emblem{width:clamp(125px,20vmin,205px);height:auto;overflow:visible;margin-top:26px;filter:drop-shadow(0 0 18px #c4ffa822)}
.triangle-outer,.triangle-inner{stroke:#c1faad;stroke-width:1.4;stroke-dasharray:660;stroke-dashoffset:660;animation:intro-draw 1.35s .15s ease-out forwards}
.triangle-inner{stroke:#aaf3dc4f;stroke-width:.8;animation-delay:.45s}
.triangle-notch{stroke:#e8ffe0;stroke-width:2;opacity:.55}
.intro-v-mark{fill:#c1faad;animation:intro-mark-enter .75s .8s cubic-bezier(.2,.8,.2,1) both}
.intro-word{position:relative;font:800 clamp(82px,13vw,172px)/.9 var(--sans);letter-spacing:-.07em;padding-right:.07em;margin-top:20px;text-shadow:0 0 70px #91ecaa1c;animation:intro-word-enter .75s .6s cubic-bezier(.15,.8,.2,1) both}
.intro-word:before,.intro-word:after{content:attr(data-word);position:absolute;inset:0;color:#b7ffc3;opacity:0;pointer-events:none}
.intro-word:before{clip-path:inset(22% 0 54%);animation:intro-glitch-top .8s 1.15s both}
.intro-word:after{clip-path:inset(66% 0 18%);animation:intro-glitch-bottom .8s 1.2s both}
.intro-game{display:flex;gap:21px;align-items:center;font-size:clamp(13px,1.4vw,19px);letter-spacing:.5em;padding-left:.5em;margin-top:27px;color:#c1faad;animation:intro-type-in .7s 1.0s both}
.intro-game span{display:block;width:34px;height:1px;background:#b7ffbc50}
.intro-tagline{font-size:12px;letter-spacing:.18em;color:#aec6b7;margin:15px 0 0;animation:intro-type-in .7s 1.2s both}
.intro-bottom{width:min(620px,100%);justify-self:center;position:relative;z-index:2}
.intro-caption{display:flex;gap:18px;align-items:center;font-size:11px;line-height:1.5;margin-bottom:13px}.intro-chapter{font:11px var(--mono);color:#c1faad;letter-spacing:.07em}.intro-step{color:#cce1d2}.intro-timeline-label{margin-left:auto;font:8px var(--mono);letter-spacing:.13em;color:#779482}
.intro-progress{height:2px;position:relative;background:#6db88924;overflow:hidden}
.intro-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#62877a,#c1faad);box-shadow:0 0 18px #c1faad66;transform-origin:left;transform:scaleX(var(--intro-progress))}
.intro-bottomline{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font:8px var(--mono);letter-spacing:.08em;color:#61836f}.intro-bottomline span:last-child{font-family:var(--sans)}
.entry-intro[data-stage="lock"] .intro-radar{border-color:#c1faad60;box-shadow:0 0 50px #c1faad05}
.entry-intro[data-stage="reveal"] .intro-radar{transform:translate(-50%,-50%) scale(1.22);opacity:.25}
.entry-intro[data-stage="reveal"] .intro-emblem{filter:drop-shadow(0 0 23px #c4ffa85c)}
@keyframes intro-arrive{from{opacity:0}to{opacity:1}}
@keyframes intro-exit{0%{opacity:1;clip-path:inset(0)}65%{opacity:.95;clip-path:inset(40% 0)}100%{opacity:0;clip-path:inset(50% 0)}}
@keyframes intro-draw{to{stroke-dashoffset:0}}
@keyframes intro-mark-enter{from{opacity:0;transform:translateY(-12px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes intro-word-enter{from{opacity:0;transform:translateY(18px) scale(.95);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes intro-type-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes intro-radar-scan{to{transform:rotate(360deg)}}
@keyframes intro-scan-pass{from{transform:translateY(0);opacity:0}30%{opacity:.65}to{transform:translateY(100dvh);opacity:0}}
@keyframes intro-map-enter{from{transform:scale(1.16) translateY(12px);opacity:0}35%{opacity:.3}to{transform:scale(1);opacity:.24}}
@keyframes intro-grid-enter{from{opacity:0;transform:perspective(1000px) rotateX(27deg) scale(1.3)}to{opacity:1;transform:perspective(1000px) rotateX(12deg) scale(1.15)}}
@keyframes intro-glitch-top{0%,17%,35%,100%{opacity:0;transform:none}18%,23%{opacity:.55;transform:translateX(-7px)}24%,29%{opacity:.25;transform:translateX(4px)}}
@keyframes intro-glitch-bottom{0%,17%,35%,100%{opacity:0;transform:none}18%,23%{opacity:.5;transform:translateX(6px)}24%,29%{opacity:.2;transform:translateX(-3px)}}
@media(max-width:800px){.entry-intro[open]{padding:23px 22px}.intro-coordinate{font-size:7px;top:31%;opacity:.6}.coord-left{left:6%}.coord-right{right:6%}.intro-coordinate span{display:none}.intro-radar{width:78vmin;top:47%}.intro-brand small{margin-left:2px;font-size:9px}.intro-kicker{font-size:7px;letter-spacing:.17em}.intro-emblem{width:145px;margin-top:24px}.intro-word{font-size:100px;margin-top:16px}.intro-game{font-size:15px;gap:14px;letter-spacing:.4em}.intro-tagline{font-size:11px}.intro-skip{padding:8px 11px;font-size:10px;gap:10px}.intro-ghost{font-size:100px;transform:translate(-50%,-50%) rotate(-90deg);opacity:.75}.intro-topography{width:180%;left:-40%}.intro-bottomline{font-size:7px;letter-spacing:0}.intro-caption{gap:12px}.intro-timeline-label{font-size:7px}}
@media(max-width:380px){.entry-intro[open]{padding:20px 17px}.intro-brand{gap:7px;font-size:18px}.intro-brand small{font-size:8px}.intro-brand .brand-mark{width:15px;height:17px}.intro-word{font-size:86px}.intro-emblem{width:125px}.intro-game{font-size:13px}.intro-bottomline span:first-child{font-size:6px}.intro-timeline-label{display:none}}
@media(max-height:600px){.entry-intro[open]{padding-top:15px;padding-bottom:14px}.intro-center{transform:none}.intro-emblem{width:85px;margin-top:9px}.intro-word{font-size:74px;margin-top:7px}.intro-game{margin-top:12px;font-size:12px}.intro-tagline{margin-top:8px;font-size:10px}.intro-kicker{font-size:7px}.intro-caption{margin-bottom:8px}.intro-bottomline{margin-top:8px}.intro-radar{width:70vmin}}
@media(prefers-reduced-motion:reduce){.entry-intro *, .entry-intro[open],.entry-intro[open].intro-leaving{animation:none!important;transition:none!important}.intro-sweep,.intro-scanline,.intro-word:before,.intro-word:after{display:none}.triangle-outer,.triangle-inner{stroke-dashoffset:0}}

.faq-architecture{position:relative;isolation:isolate;overflow:hidden;margin-top:22px;padding:29px 30px 25px;border:1px solid #344d41;border-radius:7px;background:linear-gradient(125deg,#192b22,#101915 75%)}
.faq-architecture:before,.faq-architecture:after{content:"";position:absolute;width:145px;height:145px;right:-33px;top:26px;border:1px solid #aaf3dc0c;border-radius:12px;transform:rotate(35deg);z-index:-1;pointer-events:none}
.faq-architecture:after{right:-8px;top:49px;border-color:#aaf3dc08}
.faq-architecture .faq-architecture-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px/1.5 var(--mono);letter-spacing:.16em;color:#8cae9a;margin:0 0 23px}
.faq-architecture-kicker span{font-size:17px;color:var(--accent)}
.faq-architecture h3{margin:0 0 19px;font-size:clamp(24px,2.15vw,31px);line-height:1.48;font-weight:500;letter-spacing:-.04em}
.faq-architecture h3 em{font-style:normal;color:var(--accent)}
.faq-architecture .faq-architecture-copy{font-size:12px;line-height:2;color:#a8bbb0;margin:0;max-width:450px}
.faq-architecture .faq-architecture-closing{font-size:12px;line-height:1.9;color:#d3e4da;margin:18px 0 23px}
.faq-architecture-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 0;margin:0;border-top:1px solid #35483e}
.faq-architecture-tags li{padding:4px 10px;border:1px solid #3a5143;border-radius:3px;background:#17261e;color:#accfba;font-size:10px;white-space:nowrap}
@media(max-width:800px){.faq-architecture{padding:25px 23px 22px}.faq-architecture h3{font-size:28px}.faq-architecture .faq-architecture-kicker{font-size:8px;margin-bottom:18px}}
@media(max-width:380px){.faq-architecture{padding:22px 18px 20px}.faq-architecture h3{font-size:24px}.faq-architecture-tags{gap:6px}.faq-architecture-tags li{font-size:9px;padding:4px 7px}}