@font-face{font-family:Geist Pixel;src:url('./fonts/GeistPixel-Circle.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#111213;--surface:#191a1c;--line:#303133;--text:#f0f0e9;--muted:#92958e;--accent:#eed23f;--mono:'Cascadia Code','SFMono-Regular',Consolas,monospace;--body:'Microsoft YaHei UI','PingFang SC','Noto Sans CJK SC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border-radius:0}button:disabled{cursor:wait}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#111}h1,h2,h3,p{margin:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;flex-shrink:0}.wrap{width:min(1248px,calc(100% - 112px));margin-inline:auto}.mono,.eyebrow,.section-marker,.stage-caption,.stage-footer,.feature-footnote,.scroll-hint,.footer-bottom,.strip-label{font-family:var(--mono);font-size:11px;letter-spacing:1.4px}.pixel-type{font-family:'Geist Pixel',var(--mono)}.accent{color:var(--accent)}.muted{color:#8a8c86}.square{display:inline-block;width:6px;height:6px;background:var(--accent);flex-shrink:0}.skip-link{position:fixed;left:20px;top:-80px;background:var(--accent);color:#111;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}
.site-header{height:82px;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:30;background:#111213ef;backdrop-filter:blur(16px)}.header-inner{height:100%;width:min(1392px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:17px;font-weight:700;letter-spacing:1px}.brand strong{font-weight:500}.brand-divider{color:#56584c;padding:0 12px}.navigation{display:flex;gap:30px}.navigation a{font-size:13px;color:#a3a49e;transition:color .2s}.navigation a:hover,.navigation a.active{color:var(--accent)}.header-contact{background:transparent;border:1px solid #4d4f43;padding:9px 16px;display:flex;gap:16px;align-items:center;font-size:12px;transition:border-color .2s}.header-contact:hover{border-color:var(--accent)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:23px;height:1px;background:var(--text);margin:6px 0}
.hero{position:relative;isolation:isolate;min-height:720px;overflow:hidden;background:#111213}#code-wave{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:.85}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#111213ec 0%,#111213cf 35%,#11121315 75%,#11121330),linear-gradient(0deg,#111213 1%,transparent 20%,transparent 85%,#11121330)}.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:654px;gap:20px}.hero-copy{padding:49px 0 44px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:10px;letter-spacing:1.8px}.hero-product{color:#a3a59c;font-size:12px;margin-top:33px;letter-spacing:2px}.hero-product span{color:#55594a;padding:0 9px}h1{font-size:clamp(48px,4.8vw,72px);line-height:1.3;letter-spacing:-3px;font-weight:750;margin:17px 0 24px}h1>span{color:var(--accent)}.hero-description{color:#a6a89f;font-size:15px;line-height:2}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:11px 21px;border:1px solid #44473d;transition:background .2s,color .2s,transform .2s;font-size:13px;font-weight:600}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.button-primary{background:var(--accent);border-color:var(--accent);color:#17180f;box-shadow:3px 3px 0 #eed23f25}.button-primary:hover{background:#ffe66a}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px}.text-link:hover{color:var(--accent)}.hero-requirements{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:10px;color:#9b9d94;margin-top:33px;white-space:nowrap}.hero-requirements b{font-weight:400;color:#c2c5b8}.hero-requirements i{width:2px;height:2px;background:#6b705c}
.shield-stage{position:relative;min-width:0;width:100%;height:510px;margin-top:15px}.shield-grid{position:absolute;inset:30px -5px 20px;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black 10%,transparent 70%)}#pixel-shield{width:100%;height:100%;position:relative;filter:drop-shadow(0 15px 24px #0006);animation:shield-float 7s ease-in-out infinite}.shield-stage:after{content:'';position:absolute;width:50%;height:20px;background:#edd13c10;filter:blur(13px);bottom:35px;left:25%}.stage-caption,.stage-footer{position:absolute;display:flex;justify-content:space-between;width:100%;color:#7f8277;font-size:9px;letter-spacing:1.3px;z-index:2}.stage-caption{top:1px}.stage-footer{bottom:1px;font-size:8px}.stage-caption span:first-child{color:#aeaf9f}.stage-cross{position:absolute;font-family:var(--mono);font-size:22px;color:#73775d}.cross-one{top:90px;left:5px}.cross-two{right:4px;bottom:82px}.shield-label{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #57563a;color:#d3d2a8;padding:6px 12px;background:#17180fe8;font-family:var(--mono);font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:10px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:9px 0 25px;color:#777b70}.scroll-hint{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:16px}.scroll-hint>span{color:var(--accent);font-size:20px}.motion-toggle{background:transparent;border:1px solid #363a2e;padding:5px 10px;font-size:10px;color:#a6aa9b}.motion-toggle:before{content:'Ⅱ';margin-right:9px;color:var(--accent)}.motion-toggle[aria-pressed=false]:before{content:'▷'}.motion-off #pixel-shield{animation-play-state:paused}
.compatibility-strip{border-block:1px solid var(--line);background:#18191a}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:21px;font-family:var(--mono);font-size:12px;color:#a7a99f}.strip-label{display:flex;align-items:center;gap:10px;font-family:var(--body);font-size:12px;color:#dadbd0;letter-spacing:1px}.section{padding-block:96px}.section-marker{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;color:#7f8377;font-size:10px;letter-spacing:1.6px}.section-marker span:first-child{color:#b9bcac}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:50px}h2{font-size:clamp(28px,3vw,41px);line-height:1.5;font-weight:650;letter-spacing:-1.2px}.section-heading p{color:#a0a398;max-width:490px;line-height:2;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.feature{padding:35px 35px 30px 0;position:relative}.feature+.feature{border-left:1px solid var(--line);padding-left:35px}.feature-symbol{color:var(--accent);font-size:34px;margin-bottom:20px;line-height:1.2}.feature h3{font-size:17px;font-weight:600;margin-bottom:13px}.feature p{font-size:13px;line-height:2;color:#969b90;min-height:104px}.feature-footnote{display:block;color:#757b6b;font-size:9px;letter-spacing:1.5px;margin-top:25px}.compatibility-note{display:flex;align-items:flex-start;gap:34px;padding-top:28px;font-size:11px;color:#858c7b}.compatibility-note>div{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#bdc3b0}.compatibility-note strong{font-weight:500}.compatibility-note p{max-width:850px}
.pricing-section{background:#161719;border-block:1px solid #292b27}.inline-link{display:inline-flex;align-items:center;gap:16px;color:#d4d6c6;font-size:12px;margin-top:15px}.inline-link:hover{color:var(--accent)}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-top:26px}.plan{border:1px solid #383b31;background:#1b1c1e;padding:23px 20px 18px;position:relative;min-width:0}.plan-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.plan h3{font-family:var(--mono);font-size:22px;font-weight:500;letter-spacing:-1px}.plan:first-child h3{font-family:var(--body);font-size:19px}.plan-top>span{color:#898f7d;font-size:10px}.price{display:flex;align-items:baseline;white-space:nowrap;gap:4px;margin:28px 0 17px;font-family:var(--mono)}.price small{font-size:19px;color:#aeb39f;margin-right:1px}.price strong{font-weight:500;letter-spacing:-2px;font-size:41px;line-height:1.1}.price>span{font-size:10px;color:#8e9680;margin-left:3px;font-family:var(--body)}.plan-quota{font-size:12px;color:#a5ad95;padding-bottom:21px;border-bottom:1px solid #35392e}.plan-quota b{font-family:var(--mono);color:#e9ecde;font-size:15px;padding:0 3px}.plan-facts{padding:19px 0 22px;display:flex;flex-direction:column;gap:9px}.plan-facts p{display:flex;justify-content:space-between;gap:7px;font-size:10px;color:#909984}.plan-facts strong{font-size:12px;font-weight:500;color:#c3cab6}.plan-facts strong.accent{color:var(--accent)}.plan-button{width:100%;min-height:43px;padding:9px 11px;justify-content:space-between;font-size:12px;background:transparent;box-shadow:none}.plan-button .icon{width:16px;height:16px}.plan-button.button-primary{background:var(--accent)}.plan-support{text-align:center;font-size:10px;color:#8e9581;margin-top:12px}.plan-featured{border-color:var(--accent);background:#22231c}.plan-ribbon{position:absolute;bottom:100%;left:-1px;right:-1px;background:var(--accent);color:#252619;height:27px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:1px}.pricing-caption{font-size:10px;color:#89917d;margin-top:21px;line-height:1.9}.rules-panel{display:grid;grid-template-columns:190px 1fr;margin-top:39px;border:1px solid #363a30;scroll-margin-top:105px}.rules-title{padding:23px 25px;border-right:1px solid #363a30;background:#1d2019}.rules-title .mono{color:#a9b28e;font-size:9px}.rules-title h3{font-size:19px;font-weight:500;line-height:1.7;margin-top:8px}.rules-content{padding:25px 30px}.rules-content>p{font-size:12px;color:#d6dcc6}.rules-content>p strong{font-weight:500}.rule-columns{display:grid;grid-template-columns:1fr 1.1fr 1.5fr;margin-top:23px;gap:15px}.rule-columns p{display:flex;align-items:flex-start;gap:10px;color:#909b7d;font-size:10px}.rule-columns .icon{width:16px;height:16px;margin-top:2px}.rule-columns strong{font-weight:400;color:#ced6bb;font-size:11px}.purchase-note{display:flex;gap:15px;font-size:10px;color:#949b87;margin-top:18px}.purchase-note>span{white-space:nowrap;color:#cabf83}
.guide-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:80px}.guide-heading>p{color:#8e9680;font-size:13px;margin-top:24px}.guide-heading .text-link{margin-top:26px;font-size:12px}.guide-motif{font-size:56px;color:#535a43;letter-spacing:3px;margin-top:47px}.guide-motif small{font-family:var(--mono);display:block;font-size:8px;letter-spacing:2px;margin-top:-10px}.faq-list{border-top:1px solid #34392c}.faq-list details{border-bottom:1px solid #34392c}.faq-list summary{cursor:pointer;display:flex;align-items:center;list-style:none;gap:18px;padding:22px 0;font-size:13px;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-number{color:#7e896b;font-family:var(--mono);font-size:10px}.faq-list summary>.icon{margin-left:auto;width:16px;height:16px;color:#adb896;transition:transform .2s}.faq-list details[open] summary>.icon{transform:rotate(45deg);color:var(--accent)}.faq-list details[open] summary{color:#e0dfb4}.faq-answer{padding:0 28px 24px 34px;color:#949e84;font-size:12px;line-height:2.2}
.developer-section{border-block:1px solid #30352a;background:#1a1c18;background-image:radial-gradient(#b9c29a12 .6px,transparent .6px);background-size:8px 8px}.developer-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.developer-person{display:flex;align-items:center;gap:18px}.pixel-avatar{width:61px;height:64px;display:grid;place-items:center;font-size:27px;background:#eed23f;color:#262719;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px),0 8px,8px 8px);box-shadow:inset 0 0 0 5px #17190d25}.developer-person .mono{font-size:8px;color:#9da88a;letter-spacing:2px}.developer-person h2{font-size:28px;line-height:1.5;letter-spacing:-1px;margin-top:3px}.developer-quote{font-size:23px;line-height:1.8;margin-top:28px;color:#d9dfca}.developer-description{font-size:12px;color:#929d82;line-height:2.1;margin-top:19px;max-width:370px}.support-hours{display:flex;align-items:flex-start;gap:12px;margin-top:30px;font-size:10px;color:#a6b292}.support-hours>.square{margin-top:7px}.support-hours strong{font-family:var(--mono);font-weight:500;color:#d8dfca;font-size:13px;margin-left:8px}.support-hours small{display:block;font-size:9px;letter-spacing:.6px;color:#7e8b6e;margin-top:3px}.contact-card{border:1px solid #4b553b;background:#1b2018;padding:24px 27px 0;box-shadow:8px 8px 0 #0d100b50}.contact-card-top{display:flex;justify-content:space-between;align-items:center;color:#a1ac8b}.contact-card-top .mono{font-size:9px}.contact-card-top .icon{width:17px;height:17px;color:var(--accent)}.contact-card h3{font-size:17px;font-weight:500;margin:12px 0 23px}.contact-card-body{display:flex;align-items:center;gap:24px;padding-bottom:24px}.qr-preview{position:relative;width:155px;height:158px;flex-shrink:0;overflow:hidden;background:white;border:7px solid white;padding:0}.qr-preview img{max-width:none;width:141%;height:auto;position:absolute;top:-90px;left:-21%}.qr-preview>span{position:absolute;inset:auto -1px -1px;background:#111e;color:white;font-size:9px;padding:4px 0;text-align:center;opacity:0;transition:opacity .2s}.qr-preview:hover>span,.qr-preview:focus-visible>span{opacity:1}.contact-details .mono{display:block;font-size:8px;letter-spacing:1.7px;color:#889776}.group-number{font-family:var(--mono);font-size:20px;font-weight:500;letter-spacing:.7px;display:block;margin:5px 0 10px;color:#e2e9d2}.copy-button{background:transparent;border:1px solid #4c5a3c;display:flex;align-items:center;gap:17px;padding:6px 11px;font-size:10px;color:#bdcca6}.copy-button .icon{width:13px;height:13px}.copy-button:hover{border-color:var(--accent);color:var(--accent)}.contact-details>p{font-size:10px;color:#82926e;margin-top:14px;line-height:1.9}.contact-card-bottom{border-top:1px solid #38472b;padding:13px 0;font-size:9px;color:#859570;letter-spacing:.7px}
.site-footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding-top:37px}.site-footer .brand{font-size:13px;gap:10px}.site-footer>p{font-size:11px;color:#869476}.back-top{font-size:11px;color:#a3b192}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2d3825;padding:21px 0 24px;margin-top:32px;color:#778768;font-size:8px;letter-spacing:1px}.footer-bottom a:hover{color:var(--accent)}
dialog{padding:25px 28px 22px;background:#1b1d19;color:var(--text);border:1px solid #69724e;width:min(470px,calc(100% - 32px));max-height:calc(100dvh - 36px);overflow:auto;box-shadow:12px 12px 0 #0004}dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top>.mono{color:#aab895;font-size:9px}.icon-button{padding:5px;background:none;border:0;display:grid;place-items:center;color:#c0c9b0}.icon-button:hover{color:var(--accent)}dialog h2{font-size:24px;margin-top:14px}#dialog-description{font-size:11px;color:#a3b08f;margin-top:7px}.dialog-qr{width:auto;max-width:100%;height:min(42dvh,340px);object-fit:contain;margin:18px auto;background:white}.selected-plan{font-size:11px;background:#eed23f12;color:#e6d478;border-left:2px solid var(--accent);padding:7px 11px;margin-top:12px}.selected-plan[hidden]{display:none}.dialog-actions{display:flex;flex-direction:column;gap:9px}.dialog-actions .button{font-size:11px;min-height:40px}.button-secondary{background:transparent}.dialog-hours{text-align:center;font-size:10px;color:#909f7d;margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,16px);background:var(--accent);color:#232619;padding:10px 20px;font-size:12px;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;box-shadow:4px 4px 0 #0005;max-width:calc(100% - 30px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-note{padding:15px 30px;border:1px solid var(--accent);color:var(--accent);font-size:12px}dialog #toast{position:sticky;transform:none}
@keyframes shield-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:1550px){.hero-inner{min-height:720px}.hero{min-height:788px}.shield-stage{height:550px}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.header-inner{width:calc(100% - 48px)}.navigation{gap:20px}.brand{font-size:15px}.hero-inner{min-height:620px}.hero{min-height:680px}.shield-stage{height:460px}.hero-actions{gap:20px}.hero-requirements{gap:10px;font-size:9px}.plan{padding:20px 13px 16px}.price strong{font-size:35px}.price small{font-size:15px}.price>span{font-size:9px}.plan h3{font-size:20px}.plan-top>span{font-size:9px}.plan-facts p{font-size:9px}.plan-facts strong{font-size:10px}.developer-layout{gap:45px}.contact-card{padding-inline:20px}.contact-card-body{gap:16px}.qr-preview{width:135px;height:138px}.qr-preview img{top:-77px}.group-number{font-size:18px}.section-heading{gap:60px}.guide-layout{gap:55px}}
@media(max-width:960px){.hero-inner{grid-template-columns:1.1fr .9fr;gap:0}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{font-size:12px;padding-inline:15px}.hero-requirements{flex-wrap:wrap;white-space:normal;gap:10px}.hero-product{font-size:10px;letter-spacing:1px}.eyebrow{font-size:8px;letter-spacing:1px}.shield-stage{height:370px}.stage-caption{font-size:7px;letter-spacing:.5px}.stage-footer{font-size:6px;letter-spacing:.5px}.shield-label{font-size:7px;bottom:26px;letter-spacing:.8px;padding:5px 8px}.hero-description{font-size:13px}h1{font-size:51px}.header-contact{display:none}.feature{padding-right:22px}.feature+.feature{padding-left:22px}.feature h3{font-size:15px}.feature p{font-size:12px;min-height:124px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:37px 15px}.plan{padding:24px 22px 18px}.plan h3{font-size:22px}.price strong{font-size:42px}.price>span,.plan-top>span{font-size:10px}.plan-facts p{font-size:11px}.plan-facts strong{font-size:12px}.plan:nth-child(4),.plan:nth-child(5){grid-column:auto}.rules-panel{grid-template-columns:160px 1fr}.rule-columns{grid-template-columns:1fr;gap:12px;margin-top:19px}.rule-columns p span br{display:none}.rule-columns strong{margin-left:10px}.rules-title{padding-inline:20px}.developer-layout{grid-template-columns:1fr;gap:35px}.developer-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center}.developer-person{grid-column:1/-1}.developer-quote{font-size:23px}.developer-description{margin-top:26px}.support-hours{grid-column:1/-1;margin-top:23px}.contact-card{max-width:600px;width:100%;padding-inline:25px}.contact-card-body{gap:30px}.group-number{font-size:24px}.guide-layout{grid-template-columns:1fr 1.4fr;gap:35px}.section-marker{font-size:9px}.strip-inner{font-size:10px;gap:14px}.strip-label{font-size:10px}.hero-bottom{padding-top:0}.section{padding-block:76px}}
@media(max-width:680px){html{scroll-padding-top:83px}.wrap{width:calc(100% - 40px)}.site-header{height:68px}.header-inner{width:calc(100% - 32px);gap:12px}.brand{font-size:14px;gap:8px}.brand img{width:28px;height:32px}.brand-divider{padding-inline:8px}.menu-toggle{display:block}.navigation{display:none;position:absolute;left:0;right:0;top:67px;background:#171916;border-bottom:1px solid #444b39;padding:16px 25px 23px;flex-direction:column;gap:0}.navigation.is-open{display:flex}.navigation a{padding:12px 0;font-size:14px}.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)}.hero{min-height:auto}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:46px 0 0}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero-product{margin-top:25px;font-size:10px}.hero h1{font-size:clamp(44px,11.7vw,67px);margin:14px 0 17px;letter-spacing:-2px;line-height:1.26}.hero-description{font-size:13px;line-height:1.9}.hero-actions{gap:22px;margin-top:25px;flex-wrap:nowrap}.hero-actions .button{padding-inline:14px;font-size:11px;gap:13px;min-height:46px}.hero-actions .text-link{font-size:11px;gap:9px}.hero-requirements{font-size:8px;gap:11px;margin-top:24px;flex-wrap:nowrap}.hero-shade{background:linear-gradient(180deg,#111213b0,#111213b0 40%,#11121315 65%,#111213a0)}.shield-stage{height:340px;width:min(400px,100%);align-self:center;margin-top:22px}.stage-caption{top:9px;font-size:7px}.stage-footer{bottom:0;font-size:6px}.shield-label{bottom:30px;font-size:7px}.cross-one{top:65px}.cross-two{bottom:60px}.hero-bottom{padding:20px 0}.scroll-hint{font-size:7px;letter-spacing:1px;gap:9px}.motion-toggle{font-size:9px}.strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;padding-block:20px;font-size:10px}.strip-label{grid-column:1/-1;margin-bottom:3px}.strip-inner>span:not(:first-child){border-left:1px solid #444937;padding-left:13px}.section{padding-block:61px}.section-marker{font-size:8px;letter-spacing:1px;margin-bottom:27px;gap:10px}.section-marker>span:last-child{font-family:var(--body);font-size:9px;letter-spacing:.3px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}h2{font-size:30px;letter-spacing:-1px;line-height:1.45}.section-heading p{font-size:12px;line-height:2}.feature-grid{grid-template-columns:1fr}.feature,.feature+.feature{padding:27px 0;border-left:0;display:grid;grid-template-columns:65px 1fr;column-gap:16px}.feature+.feature{border-top:1px solid var(--line)}.feature-symbol{grid-row:1/4;font-size:28px;margin-top:2px}.feature h3{font-size:15px;margin-bottom:10px}.feature p{font-size:12px;min-height:0}.feature-footnote{grid-column:2;font-size:8px;margin-top:16px}.compatibility-note{flex-direction:column;gap:10px;padding-top:22px;font-size:10px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 12px;padding-top:8px}.plan{padding:21px 15px 16px}.plan-top{flex-wrap:wrap;gap:2px}.plan-top>span{font-size:9px}.plan h3{font-size:22px}.price{margin-top:23px;gap:3px}.price strong{font-size:36px;letter-spacing:-2px}.price small{font-size:15px}.price>span{font-size:9px;margin-left:1px}.plan-quota{font-size:10px;padding-bottom:18px}.plan-facts{padding-block:17px}.plan-facts p{font-size:9px}.plan-facts strong{font-size:10px}.plan-button{font-size:11px;min-height:42px;padding-inline:10px}.plan-support{font-size:9px}.plan-ribbon{height:24px;font-size:9px;letter-spacing:.5px}.plan:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.plan:last-child .plan-top{grid-column:1}.plan:last-child .price{grid-column:1;grid-row:2;margin:17px 0}.plan:last-child .plan-quota{grid-column:1;grid-row:3;border:0;padding:0}.plan:last-child .plan-facts{grid-column:2;grid-row:1/3;padding:5px 0 14px;justify-content:center}.plan:last-child .plan-button{grid-column:2;grid-row:3}.plan:last-child .plan-support{grid-column:1/-1;text-align:right;margin-top:13px}.pricing-caption{font-size:9px;margin-top:18px}.rules-panel{grid-template-columns:1fr;margin-top:28px}.rules-title{border-right:0;border-bottom:1px solid #363a30;padding:18px 20px;display:flex;align-items:center;gap:20px}.rules-title h3{margin:0;font-size:15px;line-height:1.5}.rules-title h3 br{display:none}.rules-title .mono{font-size:8px}.rules-content{padding:20px}.rules-content>p{font-size:11px;line-height:2}.rule-columns{gap:14px}.rule-columns p{font-size:10px}.rule-columns strong{font-size:10px}.purchase-note{gap:9px;font-size:9px;line-height:1.9}.guide-layout{grid-template-columns:1fr;gap:27px}.guide-heading>p{font-size:12px;margin-top:17px}.guide-heading>p br{display:none}.guide-heading>.text-link,.guide-motif{display:none}.faq-list summary{font-size:12px;gap:12px;padding-block:21px}.faq-number{font-size:9px}.faq-answer{padding:0 10px 22px 26px;font-size:11px;line-height:2.1}.developer-layout{gap:30px}.developer-copy{display:block}.developer-person{gap:13px}.pixel-avatar{width:52px;height:56px;font-size:24px}.developer-person h2{font-size:24px}.developer-quote{font-size:21px;margin-top:24px}.developer-description{font-size:11px;margin-top:17px}.support-hours{margin-top:23px}.contact-card{padding:21px 18px 0;box-shadow:5px 5px 0 #0d100b50}.contact-card h3{font-size:15px;margin-bottom:20px}.contact-card-body{gap:18px}.qr-preview{width:126px;height:130px}.qr-preview img{top:-72px}.qr-preview>span{opacity:1;font-size:8px}.group-number{font-size:18px;letter-spacing:0}.contact-details>p{font-size:9px}.copy-button{font-size:9px;gap:10px;padding:6px 9px}.contact-card-bottom{font-size:8px;letter-spacing:.4px}.site-footer{padding-top:29px;grid-template-columns:1fr auto;gap:17px}.site-footer .brand{font-size:12px}.site-footer>p{grid-column:1;font-size:10px}.back-top{grid-column:2;grid-row:1/3;font-size:10px}.footer-bottom{flex-wrap:wrap;gap:10px 20px;margin-top:8px;font-size:7px;padding-block:18px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:18px 20px;max-height:calc(100dvh - 24px)}dialog h2{font-size:21px}.dialog-qr{height:min(43dvh,300px);margin-block:14px}.dialog-actions .button{min-height:38px;padding:7px 12px}.dialog-hours{font-size:9px;margin-top:12px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero-actions{gap:14px}.hero-actions .button{font-size:10px;padding-inline:11px;gap:10px}.hero-actions .text-link{font-size:10px}.hero-requirements{gap:8px;font-size:7px}.eyebrow{letter-spacing:.9px}.contact-card-body{gap:12px}.qr-preview{width:113px;height:117px}.qr-preview img{top:-64px}.group-number{font-size:16px}.price strong{font-size:32px}.plan{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep every QR module inside the crop; instructions sit outside the code. */
.qr-block{flex-shrink:0}.qr-preview{height:auto;aspect-ratio:1}.qr-preview img{top:-80%}.qr-hint{display:block;text-align:center;color:#9daa8a;font-size:8px;margin-top:7px;letter-spacing:.3px}
.dialog-qr-frame{position:relative;width:min(250px,36dvh,100%);aspect-ratio:1;margin:19px auto 17px;background:#fff;overflow:hidden;border:12px solid white}
.dialog-qr-frame .dialog-qr{position:absolute;max-width:none;width:141%;height:auto;left:-21%;top:-80%;margin:0;object-fit:initial}
.dialog-feedback{font-size:11px;line-height:1.6;color:var(--accent);text-align:center;min-height:18px;margin-top:7px}

/* Native-client shield animation; reference-site background without extra tint. */
#code-wave{opacity:1}.hero-shade{display:none}#pixel-shield{position:relative;inset:auto;width:100%;height:100%;z-index:0;animation:none;filter:none}.shield-stage:after{display:none}.shield-label{display:none}

/* One continuous, viewport-sized code field behind every section. */
:root { --header-height: 82px; }
body { isolation: isolate; }
.page-background {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
#code-wave { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.hero, .pricing-section, .developer-section { background: transparent; background-image: none; }
.compatibility-strip { background: rgb(20 21 22 / 58%); }
.site-header { height: var(--header-height); }
.brand img { width: 36px; height: 36px; aspect-ratio: 1; object-fit: cover; border-radius: 7px; }
.site-footer .brand img { width: 28px; height: 28px; border-radius: 5px; }

/* Navigation + hero fill the first viewport; the next section starts below it. */
.hero {
  height: calc(100vh - var(--header-height));
  height: calc(100dvh - var(--header-height));
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
}
.hero-inner {
  min-height: 0;
  height: 100%;
  grid-template-columns: 1.08fr 1fr;
  gap: 30px;
}
.hero-copy { padding: 24px 0; }
.hero h1 { font-size: clamp(38px, 4vw, 61px); line-height: 1.23; letter-spacing: -2px; margin: 23px 0 20px; }
.hero-description { color: #b5b9ae; font-size: 14px; text-shadow: 0 2px 8px #000; }
.hero-actions { margin-top: 28px; }
.hero-requirements { margin-top: 25px; }
.hero .shield-stage { height: min(550px, 100%); max-height: calc(100dvh - 180px); margin-top: 0; }
.hero-bottom { padding-top: 10px; padding-bottom: 23px; }
.hero .stage-footer { bottom: 0; }
.hero .stage-caption { top: 0; }

/* Cursor light moves within the currently hovered plan, with keyboard parity. */
.plan {
  isolation: isolate;
  --pointer-x: 50%;
  --pointer-y: 50%;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.plan::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(260px circle at var(--pointer-x) var(--pointer-y), rgb(238 210 63 / 22%), transparent 72%);
  opacity: 0;
  transition: opacity 180ms ease;
}
.plan.is-pointer-active, .plan.is-keyboard-active {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px rgb(238 210 63 / 20%), 0 15px 35px rgb(0 0 0 / 30%), 0 0 24px rgb(238 210 63 / 9%);
  transform: translateY(-5px);
}
.plan.is-pointer-active::before, .plan.is-keyboard-active::before { opacity: 1; }
.plan-featured { border-color: #9a8a3b; }
.plan-quota b { font-family: var(--body); }

@media (min-width: 681px) and (max-height: 700px) {
  .hero-copy { padding-block: 15px; }
  .hero h1 { font-size: clamp(33px, 3.8vw, 48px); margin-block: 16px; }
  .hero-actions { margin-top: 19px; }
  .hero-requirements { margin-top: 18px; }
  .hero-bottom { padding-block: 4px 14px; }
}

@media (max-width: 960px) and (min-width: 681px) {
  .hero-inner { gap: 12px; grid-template-columns: 1.15fr 1fr; }
  .hero h1 { font-size: clamp(35px, 4.5vw, 43px); }
  .hero-description { font-size: 12px; }
  .hero-actions { gap: 14px; }
}

@media (max-width: 680px) {
  :root { --header-height: 68px; }
  .brand img { width: 32px; height: 32px; border-radius: 6px; }
  .hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    align-items: stretch;
    gap: 10px;
    padding-block: 22px 6px;
  }
  .hero-copy { padding: 0; }
  .hero .eyebrow { font-size: 8px; letter-spacing: 1px; line-height: 1.5; }
  .hero h1 { font-size: clamp(29px, 8.7vw, 42px); line-height: 1.17; letter-spacing: -1.1px; margin: 17px 0 13px; }
  .hero-description { font-size: 11px; line-height: 1.8; }
  .hero-actions { margin-top: 18px; gap: 20px; }
  .hero-actions .button { min-height: 42px; padding-block: 9px; }
  .hero-requirements { margin-top: 17px; font-size: 8px; line-height: 1.5; }
  .hero .shield-stage { height: 100%; min-height: 0; max-height: 380px; width: min(400px, 100%); align-self: center; justify-self: center; }
  .hero .stage-caption { top: 0; font-size: 6px; }
  .hero .stage-footer { bottom: 0; font-size: 6px; }
  .hero-bottom { padding-block: 4px 15px; }
  .hero .scroll-hint { line-height: 1.4; }
}

@media (max-width: 680px) and (max-height: 700px) {
  .hero-inner { padding-top: 14px; gap: 6px; }
  .hero .eyebrow { font-size: 7px; }
  .hero h1 { font-size: clamp(27px, 8vw, 33px); margin-block: 11px 9px; }
  .hero-actions { margin-top: 12px; gap: 16px; }
  .hero-actions .button { min-height: 37px; padding-block: 7px; }
  .hero-requirements { margin-top: 12px; font-size: 7px; }
  .hero-bottom { padding-bottom: 10px; }
  .hero .stage-caption, .hero .stage-footer { display: none; }
}

@media (max-height: 500px) and (orientation: landscape) {
  :root { --header-height: 56px; }
  .hero-inner { display: grid; grid-template-columns: 1.2fr 1fr; grid-template-rows: minmax(0, 1fr); align-items: center; padding-block: 12px; }
  .hero-copy { padding: 0; }
  .hero h1 { font-size: clamp(24px, 3.6vw, 36px); margin-block: 10px; line-height: 1.13; }
  .hero .eyebrow { display: none; }
  .hero-description { font-size: 10px; }
  .hero-actions { margin-top: 12px; gap: 12px; }
  .hero-actions .button { min-height: 34px; padding: 6px 11px; font-size: 10px; }
  .hero-actions .text-link { font-size: 10px; }
  .hero-requirements { margin-top: 10px; font-size: 7px; }
  .hero .shield-stage { max-height: 100%; height: 100%; }
  .hero .stage-caption, .hero .stage-footer { display: none; }
  .hero-bottom { padding-block: 0 7px; }
  .hero .scroll-hint, .hero .motion-toggle { font-size: 8px; }
  .navigation { top: calc(var(--header-height) - 1px); }
}

@media (prefers-reduced-motion: reduce) {
  .plan.is-pointer-active, .plan.is-keyboard-active { transform: none; }
}