:root{color-scheme:dark;--bg: #101217;--bg-soft: #171b23;--panel: #202631;--text: #f5f7fb;--muted: #b8c0cf;--line: rgba(255, 255, 255, .12);--lime: #bdf36b;--coral: #ff6f61;--cyan: #66d9ef;--violet: #a78bfa;--shadow: 0 24px 70px rgba(0, 0, 0, .32);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(102,217,239,.16),transparent 32rem),radial-gradient(circle at 85% 12%,rgba(255,111,97,.14),transparent 28rem),linear-gradient(145deg,#101217,#151821 54%,#0e1116);color:var(--text);line-height:1.5;text-rendering:optimizeLegibility}body.has-sticky-ad{padding-bottom:92px}a{color:inherit}.site-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 40px}.hero{position:relative;display:grid;gap:16px;min-height:72vh;align-content:center;overflow:hidden;padding:76px 0 48px}.hero-home{min-height:62vh}.eyebrow,.card-kicker{margin:0;color:var(--lime);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:0;font-size:clamp(3.3rem,14vw,8.5rem);line-height:.9;letter-spacing:0}h2{margin-bottom:10px;font-size:clamp(1.7rem,6vw,3rem);line-height:1;letter-spacing:0}h3{margin-bottom:8px;font-size:1.45rem}.subtitle{max-width:680px;margin-bottom:0;color:var(--cyan);font-size:clamp(1.45rem,5vw,2.7rem);font-weight:750;line-height:1.08}.hero-copy,.app-card p,.home-summary p,.text-columns p,.about-band p,.principle-grid p,.step-grid p,.faq-list p,.feature-grid p,.policy-content p{max-width:680px;margin-bottom:0;color:var(--muted);font-size:1rem}.brand-mark{display:flex;align-items:end;gap:7px;width:86px;height:54px;margin-bottom:12px}.brand-mark span{display:block;width:18px;border-radius:999px;background:var(--coral);box-shadow:0 0 30px #ff6f6159}.brand-mark span:nth-child(1){height:26px}.brand-mark span:nth-child(2){height:48px;background:var(--lime)}.brand-mark span:nth-child(3){height:36px;background:var(--cyan)}.section{padding:28px 0 48px}.section-heading{margin-bottom:20px}.text-section{padding-top:16px}.text-columns{display:grid;gap:16px}.app-card,.principle-grid article,.step-grid article,.faq-list article,.feature-grid article,.policy-content{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 82%,transparent);box-shadow:var(--shadow)}.app-card-grid{display:grid;gap:16px}.app-card{display:grid;gap:18px;align-items:center;padding:20px}.app-icon{display:grid;width:58px;aspect-ratio:1;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--lime),var(--cyan));color:#101217;font-size:1.8rem;font-weight:900}.app-icon-level{background:linear-gradient(135deg,#f5cf4f,#bdf36b)}.button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-weight:800;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:var(--lime);color:#101217}.button-secondary{border-color:var(--line);background:#ffffff0d;color:var(--text)}.back-link{position:absolute;top:28px;left:0;color:var(--muted);font-weight:800;text-decoration:none}.back-link:hover,.site-footer a:hover,.policy-content a:hover{color:var(--lime)}.product-hero{padding-right:0}.phone-mockup{position:relative;width:min(280px,72vw);aspect-ratio:.68;margin:24px 0 8px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#151922;box-shadow:var(--shadow)}.phone-mockup:before{content:"";position:absolute;inset:12px;border-radius:20px;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.08) 49% 51%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(255,255,255,.08) 49% 51%,transparent 52%);background-size:54px 54px}.map-grid{position:absolute;inset:34px 28px;border-radius:18px;background:linear-gradient(135deg,transparent 44%,rgba(189,243,107,.48) 45% 49%,transparent 50%),linear-gradient(45deg,transparent 54%,rgba(102,217,239,.32) 55% 59%,transparent 60%)}.pin{position:absolute;right:54px;bottom:88px;display:grid;width:52px;aspect-ratio:1;place-items:center;border-radius:50% 50% 50% 8px;background:var(--coral);color:#101217;font-weight:950;transform:rotate(-45deg)}.pin:first-letter{transform:rotate(45deg)}.route-line{position:absolute;left:46px;bottom:92px;width:128px;height:72px;border-bottom:5px dotted var(--lime);border-left:5px dotted var(--lime);border-radius:0 0 0 42px}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.feature-grid{display:grid;gap:14px;padding:12px 0 48px}.principle-grid,.step-grid,.faq-list{display:grid;gap:14px}.feature-grid article{padding:20px}.principle-grid article,.step-grid article,.faq-list article{padding:20px}.feature-grid span,.step-grid span{display:inline-block;margin-bottom:24px;color:var(--coral);font-weight:900}.feature-grid h2,.feature-grid h3,.step-grid h3,.principle-grid h3,.faq-list h3{margin-bottom:8px}.feature-grid h2,.feature-grid h3,.step-grid h3{font-size:1.4rem;line-height:1.15}.about-band{display:grid;gap:18px;padding:32px 0 56px}.language-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}.language-list li{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0d;color:var(--text);font-weight:750}.level-hero{--lime: #d3f26a}.level-preview{position:relative;width:min(310px,78vw);aspect-ratio:.78;margin:24px 0 8px}.level-frame{position:absolute;inset:0;display:grid;align-content:center;gap:28px;padding:28px;border:1px solid rgba(245,207,79,.28);border-radius:28px;background:linear-gradient(145deg,rgba(245,207,79,.16),transparent 46%),#151922;box-shadow:var(--shadow)}.level-frame:before,.level-frame:after{content:"";position:absolute;background:#f5cf4f57}.level-frame:before{top:50%;right:26px;left:26px;height:2px}.level-frame:after{top:26px;bottom:26px;left:50%;width:2px}.bubble-track{position:relative;z-index:1;height:56px;border:2px solid rgba(245,207,79,.76);border-radius:999px;background:#101217c2}.bubble-track span{position:absolute;top:7px;left:50%;width:40px;aspect-ratio:1;border-radius:50%;background:#d3f26a;box-shadow:0 0 30px #d3f26a73;transform:translate(-50%)}.angle-readout{position:relative;z-index:1;color:#f5cf4f;font-size:3.2rem;font-weight:900;text-align:center}.policy-page{padding-top:88px}.policy-hero{display:grid;gap:12px;padding-bottom:24px}.policy-hero h1{font-size:clamp(2.4rem,10vw,5.8rem);line-height:.96}.policy-content{display:grid;gap:12px;padding:20px}.policy-content h2{margin:18px 0 0;font-size:1.25rem}.policy-content h2:first-child{margin-top:0}.policy-content a{color:var(--cyan)}.site-footer{display:flex;flex-wrap:wrap;gap:12px 22px;width:min(1120px,100% - 32px);margin:0 auto;padding:20px 0 34px;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.site-footer a{text-decoration:none}.ad-banner{display:grid;gap:8px;width:min(100%,970px);min-height:90px;margin:32px auto}ins.adsbygoogle[data-ad-status=unfilled],.ad-banner:has(ins.adsbygoogle[data-ad-status=unfilled]){display:none!important}.ad-banner .adsbygoogle{width:100%;min-height:90px}.ad-banner-loading{overflow:hidden}.ad-banner-loading .adsbygoogle{visibility:hidden}.ad-label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}.ad-layout-rectangle{max-width:336px;min-height:280px}.ad-layout-rectangle .adsbygoogle,.ad-layout-in-feed .adsbygoogle{min-height:250px}.ad-layout-in-feed,.ad-layout-responsive{max-width:100%}.ad-top{margin-top:8px;margin-bottom:42px}.ad-section{padding:0 0 34px}.ad-home-late{margin-top:0;margin-bottom:0;padding-top:18px;border-top:1px solid var(--line)}.ad-mid{margin-top:8px;margin-bottom:48px}.ad-footer{margin-top:12px;margin-bottom:30px}.ad-placeholder{display:grid;place-items:center;border:1px dashed rgba(255,255,255,.24);border-radius:8px;background:#ffffff0a;color:var(--muted)}.ad-placeholder-text{font-size:.9rem}.ad-sticky-bottom{position:fixed;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:center;min-height:76px;padding:8px 52px 8px 12px;border-top:1px solid var(--line);background:#101217f5;box-shadow:0 -12px 34px #00000047}.ad-sticky-inner{width:min(100%,728px);min-height:60px;margin:0}.ad-sticky-inner .adsbygoogle{min-height:60px}.ad-sticky-close{position:absolute;top:10px;right:12px;display:grid;width:34px;aspect-ratio:1;place-items:center;border:1px solid var(--line);border-radius:8px;background:#ffffff14;color:var(--text);cursor:pointer;font:inherit;font-size:1.35rem;line-height:1}@media(min-width:700px){.site-shell{width:min(1120px,100% - 56px);padding-top:36px}.app-card{grid-template-columns:auto 1fr auto;padding:24px}.app-card-grid,.feature-grid,.principle-grid,.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.text-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.text-columns p{max-width:none}.site-footer{width:min(1120px,100% - 56px)}}@media(max-width:699px){body.has-sticky-ad{padding-bottom:104px}.ad-banner{width:100%;margin:28px auto}.ad-top,.ad-mid,.ad-footer{margin-right:0;margin-left:0}.ad-sticky-bottom{min-height:86px;padding-right:48px;padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media(min-width:980px){.product-hero{min-height:76vh;padding-right:390px}.phone-mockup{position:absolute;right:16px;top:50%;margin:0;transform:translateY(-50%) rotate(3deg)}.level-preview{position:absolute;right:16px;top:50%;margin:0;transform:translateY(-50%) rotate(2deg)}}
