:root{color-scheme:dark;--bg:#081a16;--ink:#f0f6f2;--muted:#9aacA5;--dim:#667d72;--mint:#a5f4cb;--line:#b5ead51b;--surface:#10271f;--gold:#e5cd94;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.6;background-image:radial-gradient(ellipse at 70% 9%,#205f4633,transparent 28%),radial-gradient(ellipse at 5% 42%,#174c3c20,transparent 20%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button:disabled{cursor:wait}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.22}h1,h2{font-weight:650;letter-spacing:-.055em}em{font-style:normal;color:var(--mint)}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:11px;font-weight:550;letter-spacing:.14em;color:var(--mint);display:flex;align-items:center;gap:9px}.status-dot{height:6px;width:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px #a5f4cb0d;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 22px;border-radius:10px;border:1px solid transparent;background:var(--mint);color:#102d21;font-weight:600;font-size:14px;line-height:1.4;transition:background .2s,translate .2s,box-shadow .2s;white-space:nowrap}.button:hover{background:#c1ffdc;translate:0 -2px;box-shadow:0 8px 30px #a5f4cb15}.button.small{min-height:38px;font-size:12px;padding:8px 13px;border-radius:8px;gap:8px}.button.small svg{width:17px;height:17px}.button svg{width:20px;height:20px}.button .arrow-icon{width:16px;margin-left:8px}.button.secondary{background:#ffffff05;color:var(--ink);border:1px solid #b5ead532}.button.secondary:hover{background:#ffffff0b}.button.pro-button{background:var(--gold);color:#342b19}.button.pro-button:hover{background:#f4dfa9}.full-width{width:100%}.skip-link{position:fixed;z-index:99;left:20px;top:-90px;background:var(--mint);color:var(--bg);padding:10px 16px;border-radius:6px}.skip-link:focus{top:15px}.site-header{position:relative;z-index:10;margin:22px auto 0;width:min(1288px,calc(100% - 64px));height:70px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;background:#0b211bd6;border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(20px);box-shadow:0 12px 45px #00000016}.brand{display:flex;align-items:center;gap:9px;min-width:170px}.brand img{width:42px;height:42px;object-fit:contain}.brand>span{font-weight:650;font-size:18px;line-height:1.2;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;font-weight:400;margin-top:3px}.site-header nav{display:flex;gap:34px;align-items:center}.site-header nav a{font-size:12px;color:#b1c2b9;transition:color .2s}.site-header nav a:hover{color:var(--mint)}.mobile-menu{display:none}.hero{position:relative;display:grid;grid-template-columns:.96fr 1.1fr;gap:24px;align-items:center;padding-block:116px 110px;min-height:714px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:25px}.hero h1{font-size:clamp(44px,4.65vw,68px);line-height:1.17;letter-spacing:-.065em;white-space:nowrap}.hero h1 em{display:inline-block;margin-top:8px}.hero-description{font-size:14px;line-height:1.95;color:var(--muted);margin-top:27px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:35px;flex-wrap:wrap}.hero-actions .primary{padding-inline:18px;font-size:13px}.text-button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:#d4e2da;font-size:12px;transition:color .2s}.text-button:hover{color:var(--mint)}.play-outline{display:grid;place-items:center;width:27px;height:27px;border:1px solid #78988a66;border-radius:50%}.play-outline svg{width:11px;height:11px;fill:currentColor;stroke:none;margin-left:1px}.hero-meta{display:flex;gap:19px;margin-top:24px;color:#789385;font-size:10px}.hero-meta span{display:flex;align-items:center;gap:4px}.hero-meta svg{width:12px;height:12px;stroke:#7dbd98}.hero-visual{position:relative;margin-left:0;isolation:isolate;min-width:0}.visual-halo{position:absolute;width:670px;max-width:125%;aspect-ratio:1;left:15%;top:50%;translate:-10% -50%;background:radial-gradient(ellipse,#73d9a719,transparent 68%);z-index:-1}.little-label{position:absolute;right:19px;top:-39px;font-size:10px;letter-spacing:.02em;color:#93b7a3;display:flex;gap:8px;align-items:center}.little-label .status-dot{width:4px;height:4px}.demo-browser{position:relative;width:calc(100% + 22px);border:1px solid #6b988557;border-radius:13px;background:#15242b;box-shadow:0 40px 100px #0006,0 0 80px #3cae7020;transform:perspective(1600px) rotateY(-5deg) rotateX(2deg);transform-origin:left center}.browser-chrome{height:37px;display:flex;align-items:center;padding:0 12px;gap:16px;border-radius:13px 13px 0 0;background:#263839;border-bottom:1px solid #ffffff08}.traffic{display:flex;gap:5px;align-items:center}.traffic i{width:7px;height:7px;border-radius:50%;background:#ff867b}.traffic i:nth-child(2){background:#e2c06e}.traffic i:nth-child(3){background:#76b992}.browser-address{border:1px solid #ffffff0c;display:flex;align-items:center;justify-content:center;gap:7px;flex:1;background:#172a29;border-radius:5px;font-size:8px;color:#839d91;height:22px}.browser-address svg{width:9px;height:9px}.browser-plus{font-size:15px;color:#9ab0a4}.mini-app{display:flex;height:355px;border-radius:0 0 12px 12px;overflow:hidden}.mini-sidebar{position:relative;width:122px;flex-shrink:0;padding:15px 11px;background:#122027;border-right:1px solid #ffffff0a;font-size:9px;color:#9cabb8}.mini-brand{display:flex;align-items:center;gap:5px;color:#e9f3f0;margin-bottom:23px}.mini-brand img{width:29px;height:29px;object-fit:contain}.mini-brand b{font-size:13px;line-height:1.1}.mini-brand small{display:block;font-size:6px;font-weight:400;letter-spacing:1px;margin-top:3px;color:#99aeb0}.mini-side-heading{font-size:7px;color:#647e85;letter-spacing:1px;margin-bottom:6px;padding-left:6px}.mini-date{display:flex;justify-content:space-between;margin-block:3px;padding:6px;border-radius:5px}.mini-date.active{background:#36594b4d;color:#a8e6c3}.mini-date span{color:#738d83;font-size:8px}.mini-divider{border-top:1px solid #ffffff09;margin:17px 0 12px}.mini-group{padding:7px 6px;font-size:8px;display:flex;gap:7px}.mini-group span{color:var(--mint);font-size:11px;line-height:1}.mini-bottom{position:absolute;bottom:15px;display:flex;gap:6px;align-items:center;font-size:9px}.mini-bottom svg{width:11px;height:11px}.mini-content{min-width:0;flex:1;padding:18px 15px;background:#1b2831}.mini-top{display:flex;align-items:center;gap:10px;margin-bottom:20px}.mini-top b{font-size:16px;font-weight:600;line-height:1.3;white-space:nowrap}.mini-top small{display:block;font-size:7px;font-weight:400;color:#7a929b;margin-top:4px}.mini-search{display:flex;align-items:center;gap:5px;font-size:7px;padding:5px 8px;border:1px solid #3b4a554d;border-radius:5px;flex:1;color:#8ca1aa;white-space:nowrap}.mini-search svg{width:9px;height:9px}.mini-archive{white-space:nowrap;font-size:7px;padding:6px 7px;background:#267f62;color:#c7f7db;border-radius:4px}.demo-row{background:#1f303a;border:1px solid #ffffff09;border-radius:6px;padding:9px 10px 0;margin-bottom:11px;overflow:hidden}.demo-row-head{display:flex;justify-content:space-between;font-size:7px;color:#94abb3;margin-bottom:9px}.demo-row-head span{color:#627f89;letter-spacing:1px}.demo-tab-rail{display:flex;position:relative;min-width:0;height:31px;overflow:hidden;padding-left:3px;isolation:isolate}.demo-tab{position:relative;flex:0 0 111px;margin-left:-8px;display:flex;gap:5px;align-items:center;height:30px;min-width:0;font-size:7px;background:#2b3d48;border:0;border-radius:8px 8px 0 0;box-shadow:-3px 0 6px #0004;padding:0 10px;color:#c2d0d7;transition:background .2s;white-space:nowrap;text-align:left}.demo-tab:first-child{margin-left:0}.demo-tab:before,.demo-tab:after{content:"";position:absolute;width:8px;height:8px;bottom:0;pointer-events:none}.demo-tab:before{left:-8px;border-bottom-right-radius:7px;box-shadow:3px 3px 0 2px #2b3d48}.demo-tab:after{right:-8px;border-bottom-left-radius:7px;box-shadow:-3px 3px 0 2px #2b3d48}.demo-tab img{width:13px;height:13px;object-fit:contain;flex-shrink:0}.demo-tab span{overflow:hidden;text-overflow:ellipsis}.demo-tab:hover,.demo-tab.is-active{z-index:20;background:#36544e}.demo-tab:hover:before,.demo-tab.is-active:before{box-shadow:3px 3px 0 2px #36544e}.demo-tab:hover:after,.demo-tab.is-active:after{box-shadow:-3px 3px 0 2px #36544e}.demo-local{display:flex;align-items:center;gap:4px;font-size:7px;color:#69897d;padding-top:5px}.demo-local svg{width:9px;height:9px}.demo-local span{margin-left:auto;color:#627f84}.demo-preview{position:absolute;width:244px;right:21px;top:208px;border:1px solid #829c8b5c;border-radius:9px;background:#21332e;box-shadow:0 18px 50px #0008,0 1px 0 #ffffff0a;z-index:4;transform:rotate(2deg);transition:translate .25s,opacity .25s}.preview-bar{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#97b5a3;font-size:11px;letter-spacing:2px}.nine-dots{font-size:15px}.demo-preview>img{width:calc(100% - 12px);margin:0 6px;border-radius:4px;aspect-ratio:1.6;object-fit:cover}.preview-description{display:flex;align-items:center;gap:7px;padding:10px 11px}.preview-description>img{width:20px;height:20px;object-fit:contain}.preview-description b{font-size:9px;font-weight:500;display:block;line-height:1.5}.preview-description small{font-size:7px;color:#8da599;display:block}.snapshot-dot{width:4px;height:4px;border-radius:50%;background:var(--mint);margin-left:auto}.visual-note{position:absolute;left:18px;bottom:-58px;color:#a2bfac;display:flex;gap:10px;align-items:center;font-size:9px;transform:rotate(-4deg)}.visual-note svg{width:21px;height:21px;stroke:#92bb9f}.visual-note span{line-height:1.9}.visual-note b{font-weight:400;color:#cde6d4}.note-line{position:absolute;width:65px;height:40px;left:148px;top:-10px;border-bottom:1px solid #7fa38e;border-right:1px solid #7fa38e;border-radius:0 0 50px 0;rotate:-30deg}.demo-caption{position:relative;text-align:right;margin:52px 0 -35px;font-size:8px;color:#5f7d6d}.pain-strip{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:29px 0;gap:20px}.pain-strip>div{display:flex;align-items:center;gap:16px}.pain-number{font:10px ui-monospace,monospace;color:#628a74}.pain-strip p{font-size:12px;color:var(--muted)}.pain-strip strong{display:block;font-size:15px;font-weight:500;color:#d7e5db;margin-top:4px}.strip-arrow{color:#496e58;font-size:24px;font-weight:200}.film-section{padding-top:116px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px;gap:24px}.section-heading h2{font-size:42px;line-height:1.3;margin-top:14px}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);padding-bottom:4px}.film-poster{position:relative;display:block;text-align:left;width:100%;height:510px;overflow:hidden;border-radius:18px;border:1px solid #90bf9733;background:#133a29;color:var(--ink);padding:0;isolation:isolate;transition:border-color .25s}.film-poster:before{content:"";position:absolute;inset:0;background-image:radial-gradient(at 5% 90%,#7bbb7d35,transparent 60%),linear-gradient(112deg,#102c20 40%,#375b3429);z-index:-1}.film-poster:hover{border-color:#a5f4cb77}.poster-topline{position:absolute;left:38px;right:38px;top:26px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#a4c4a4}.poster-left{position:absolute;left:6%;top:24%;z-index:2}.poster-kicker{font-size:9px;letter-spacing:.18em;color:#8ba98b;line-height:1.7}.poster-left h3{font-size:58px;line-height:1.2;letter-spacing:-.04em;margin-top:14px;font-weight:550}.poster-play{margin-top:28px;display:flex;align-items:center;gap:10px;font-size:11px;color:#e7f9e5}.poster-play svg{fill:currentColor;stroke:0;width:11px;height:11px}.poster-play:before{content:"";position:absolute;width:36px;height:36px;left:-12px;bottom:-10px;border:1px solid #aecfa87a;border-radius:50%}.poster-play{padding-left:0;margin-left:12px}.poster-screen{position:absolute;left:43%;top:22%;width:73%;border-radius:11px;overflow:hidden;border:1px solid #a9d0b74d;transform:perspective(1200px) rotateY(-14deg) rotateZ(-6deg);box-shadow:-25px 30px 70px #0006}.poster-screen img{width:100%;filter:brightness(.88)}.poster-orbit{position:absolute;width:590px;height:590px;border:1px solid #c5f0b111;border-radius:50%;left:-100px;top:80px;z-index:-1;box-shadow:0 0 0 70px #d7e7ae03,0 0 0 140px #d7e7ae03}.poster-logo{position:absolute;bottom:20px;right:27px;width:75px;rotate:8deg;filter:drop-shadow(0 10px 25px #0005)}.section-caption{display:flex;justify-content:space-between;margin-top:14px;color:#5f7d6b;font-size:10px}.features-section{padding-top:130px}.showcase-tabs{display:flex;gap:8px;margin-top:40px;margin-bottom:18px}.showcase-tabs button{flex:1;padding:15px 20px;border:1px solid transparent;background:none;text-align:left;color:#7d9b87;border-radius:10px;font-size:13px;transition:background .2s,color .2s,border-color .2s}.showcase-tabs button span{font:10px ui-monospace,monospace;opacity:.6;margin-right:15px}.showcase-tabs button[aria-selected=true]{background:#a5f4cb0b;border-color:#a5f4cb2b;color:#d8f9e4}.showcase-tabs button:hover{color:var(--mint)}.showcase{border:1px solid #6e94814a;border-radius:13px;overflow:hidden;background:#14242b;box-shadow:0 25px 90px #0004}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:#1d3031;border-bottom:1px solid #ffffff0a;font-size:10px;color:#7fa294}.showcase-toolbar>.traffic{min-width:100px}.actual-badge{color:#aac2b1;background:#92bda514;border-radius:4px;padding:3px 7px;font-size:8px}.showcase>img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;transition:opacity .15s}.showcase-copy{color:#789682;text-align:center;font-size:12px;padding-top:18px;line-height:1.8;min-height:58px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:55px}.feature-grid article{padding:0 0 25px;border-bottom:1px solid var(--line)}.feature-icon{display:grid;place-items:center;width:39px;height:39px;background:#a5f4cb0a;border:1px solid #a5f4cb20;border-radius:10px;color:#97cbaa;margin-bottom:21px}.feature-icon svg{width:19px;height:19px}.feature-grid h3{font-size:18px;font-weight:550;letter-spacing:-.03em}.feature-grid p{margin-top:14px;color:#8ca495;font-size:12px;line-height:1.95;max-width:320px}.feature-tag{font-size:9px;letter-spacing:.07em;color:#5d806b;display:inline-block;margin-top:22px}.privacy-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:125px;border-bottom:1px solid var(--line)}.privacy-section h2{font-size:42px;line-height:1.3;margin-top:16px}.privacy-section p:not(.eyebrow){font-size:12px;color:#8da796;line-height:2;margin-top:20px}.privacy-illustration{position:relative;height:320px;display:grid;place-items:center}.privacy-ring{position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid #92c8a21b;box-shadow:0 0 0 32px #a5f4cb04,0 0 0 64px #a5f4cb02;background:radial-gradient(circle,#32684b38,transparent 70%)}.privacy-illustration>svg{width:114px;height:114px;stroke-width:.7;stroke:#9ccdab;filter:drop-shadow(0 0 25px #8cd9a933);transform:rotate(-9deg)}.privacy-chip{position:absolute;bottom:58px;right:90px;font-size:9px;letter-spacing:.16em;background:#193a28;border:1px solid #4d715536;padding:8px 13px;border-radius:7px;rotate:-8deg;color:#96bf9a}.privacy-dot{position:absolute;border-radius:50%;background:#709a7a;width:6px;height:6px}.dot-one{top:54px;left:28%}.dot-two{bottom:69px;right:25%;width:3px;height:3px}.privacy-points{display:flex;gap:21px;margin-top:20px;font-size:10px;color:#a2c7aa;flex-wrap:wrap}.privacy-points span{display:flex;align-items:center;gap:5px}.privacy-points svg{width:12px;height:12px}.inline-link{display:inline-flex;gap:12px;align-items:center;font-size:11px;color:#d1ead7;margin-top:27px}.inline-link svg{width:14px;height:14px;transition:translate .2s}.inline-link:hover svg{translate:5px 0}.pricing-section{padding-block:126px;display:grid;grid-template-columns:.95fr 1fr 1fr;gap:22px}.pricing-intro{padding:15px 20px 0 0}.pricing-intro .eyebrow{font-size:9px}.pricing-intro h2{font-size:39px;line-height:1.3;margin-top:18px}.pricing-intro>p:not(.eyebrow){font-size:12px;line-height:2;color:#8ea594;margin-top:23px}.price-flower{font-family:serif;font-size:95px;line-height:1;color:#63896b;margin-top:39px;rotate:-12deg;display:inline-block}.pricing-card{position:relative;border:1px solid #88b59329;border-radius:13px;padding:28px;display:flex;flex-direction:column;background:linear-gradient(145deg,#ffffff04,transparent)}.plan-name{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:550}.plan-name>span:not(.pro-pill){font-size:8px;letter-spacing:.12em;font-weight:400;color:#829e89}.pro-pill{display:inline-flex;justify-content:center;align-items:center;font-size:8px;letter-spacing:.12em;font-weight:600;color:#ddc488;border:1px solid #c5a5683d;background:#d6b36112;padding:4px 7px;border-radius:5px;line-height:1}.price{font-size:51px;line-height:1.3;letter-spacing:-.05em;margin-top:28px;font-weight:550}.price small{font-size:10px;font-weight:400;color:#799883;letter-spacing:0;margin-left:12px}.pricing-card>p{font-size:11px;color:#8ea797;margin-top:9px}.pricing-card ul{list-style:none;padding:22px 0 27px;margin:24px 0 0;border-top:1px solid var(--line);display:grid;gap:14px;flex:1}.pricing-card li{font-size:11px;line-height:1.7;position:relative;padding-left:21px;color:#b8cdbf}.pricing-card li:before{content:"✓";position:absolute;left:0;color:#6eac83;font-size:12px}.pricing-card .button{font-size:12px;min-height:44px;padding:11px 18px;justify-content:space-between}.pricing-card .button svg{width:16px;height:16px}.pricing-card.pro{border-color:#c7af703e;background:radial-gradient(at 80% 0,#c9b56a0b,transparent 60%)}.pro .price{color:#f0ddab}.pro .price small{color:#a69c7b}.pro li:before{color:#c6b178}.pro-footnote{position:absolute;bottom:-27px;left:0;right:0;text-align:center;font-size:9px;color:#7d886f}.faq-section{padding-block:40px 105px;display:grid;grid-template-columns:1fr 1.65fr;gap:80px}.faq-section h2{font-size:32px;margin-top:17px}.faq-section>div>p:not(.eyebrow){font-size:12px;color:#829d8c;margin-top:21px;line-height:2}.faq-list{margin-top:-10px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{list-style:none;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#c4dacb}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#739c80;font-size:20px;line-height:1;transition:rotate .2s}.faq-list details[open] summary>span{rotate:45deg}.faq-list details p{color:#819b89;font-size:11px;line-height:2;margin:16px 30px 1px 0}.closing{position:relative;padding:85px 0 105px;text-align:center;border-top:1px solid var(--line)}.closing:before{content:"";position:absolute;inset:0 -10%;background:radial-gradient(ellipse at 50% 80%,#438f5622,transparent 60%);pointer-events:none;z-index:-1}.closing>img{margin:0 auto 25px;object-fit:contain;filter:drop-shadow(0 10px 30px #62eaa220)}.closing .eyebrow{justify-content:center;font-size:8px}.closing h2{font-size:46px;line-height:1.3;margin-top:19px}.closing h2 em{display:inline-block;margin-top:4px}.closing .button{margin-top:33px;font-size:12px;padding-inline:22px}.closing-meta{margin-top:18px;font-size:9px;color:#6a8a73}.site-footer{border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between;padding:27px 0 36px;font-size:10px;color:#678873}.footer-brand{display:flex;gap:7px;align-items:center;font-size:12px;color:#bed3c3;font-weight:550}.footer-brand span{color:#6e957d;font-size:10px;font-weight:400;margin-left:4px}.site-footer>div{display:flex;gap:22px}.site-footer a:hover{color:var(--mint)}dialog{padding:0;color:var(--ink);border:1px solid #6c9b7b66;border-radius:18px;background:#10271e;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 48px);box-shadow:0 40px 120px #0009}dialog::backdrop{background:#020b08cc;backdrop-filter:blur(12px)}.dialog-panel{position:relative;padding:38px}.dialog-close{border:1px solid #9dc2a62b;border-radius:50%;background:#ffffff07;padding:7px;display:grid;place-items:center;width:32px;height:32px;color:#abc4b2}.dialog-panel>.dialog-close{position:absolute;right:18px;top:17px}.dialog-close svg{width:15px;height:15px}.dialog-close:hover{color:white;background:#ffffff12}.dialog-panel h2{font-size:25px;letter-spacing:-.03em;margin-top:17px}.dialog-intro{font-size:11px;line-height:1.9;color:#90ac99;margin-top:13px}.install-steps{list-style:none;margin:27px 0;padding:0;display:grid;gap:23px}.install-steps li{display:flex;gap:16px}.install-steps li>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #a5f4cb26;border-radius:8px;color:#91caa4;background:#a5f4cb09;font:10px ui-monospace,monospace}.install-steps h3{font-size:13px;margin:3px 0 7px;font-weight:550}.install-steps p{font-size:11px;line-height:1.9;color:#8aa793}.copy-address{display:inline-flex;font-size:10px;align-items:center;gap:8px;border:1px solid #a5f4cb22;border-radius:4px;background:#06180f;padding:2px 7px;color:#a4d4b5;margin-block:4px}.copy-address span{font-size:8px;color:#719f80}.install-note{color:#6f8f7a;font-size:10px;line-height:1.9;margin-top:15px}.contact-row{display:flex;gap:12px;margin:0 0 24px}.contact-row a{font-size:11px;color:var(--gold);border:1px solid #d1bb812e;border-radius:5px;padding:6px 12px}.video-dialog{width:min(1080px,calc(100% - 40px));background:#0c2118;overflow:auto}.video-dialog-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}.video-dialog-top h2{font-size:12px;font-weight:450;letter-spacing:0;color:#b8d0bf}.video-dialog video{width:100%;display:block;aspect-ratio:16/9;background:#0a1c14}.video-description{font-size:9px;text-align:center;padding:12px;color:#789782}.toast{position:fixed;bottom:28px;left:50%;translate:-50% 10px;opacity:0;padding:10px 18px;border:1px solid #a5f4cb3c;border-radius:8px;background:#173c2e;color:#e3f6e8;font-size:12px;pointer-events:none;transition:translate .2s,opacity .2s;z-index:100}.toast.visible{opacity:1;translate:-50% 0}body.modal-open{overflow:hidden}
.visual-halo{width:100%;max-width:none;left:0;translate:0 -50%}.closing:before{inset:0}.hero-copy{animation:arrive .7s both}.hero-visual{animation:arrive 1s .12s both}@keyframes arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(min-width:1550px){.hero{padding-block:140px 140px}.hero h1{font-size:72px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero{gap:16px;grid-template-columns:.95fr 1fr;min-height:650px;padding-block:100px}.hero h1{font-size:51px}.hero-actions{gap:18px}.hero-actions .text-button{font-size:10px}.hero-actions .primary{font-size:12px;padding-inline:14px}.hero-description{font-size:13px}.mini-sidebar{width:104px;padding:13px 8px}.mini-content{padding:18px 10px}.mini-search{display:none}.mini-top{justify-content:space-between}.demo-preview{width:216px;right:8px;top:213px}.mini-app{height:345px}.demo-tab{flex-basis:95px}.demo-caption{font-size:7px}.visual-note{font-size:8px}.poster-left h3{font-size:52px}.film-poster{height:460px}.pricing-card{padding:23px}.pricing-intro h2{font-size:33px}.pricing-section{gap:16px}.pricing-card li{font-size:10px}.privacy-section{gap:40px}.faq-section{gap:50px}.site-header nav{gap:24px}.footer-note{display:none}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:75px;padding-block:72px 80px;text-align:center;min-height:0}.hero-copy .eyebrow,.hero-actions,.hero-meta{justify-content:center}.hero h1{font-size:62px}.hero-description{font-size:14px}.hero-visual{width:650px;max-width:95%;margin:0 auto}.demo-browser{width:100%;transform:perspective(1600px) rotateY(-3deg) rotateX(2deg);text-align:left}.mini-app{height:365px}.mini-sidebar{width:130px;padding:18px 12px}.mini-content{padding:21px 18px}.mini-top{margin-bottom:25px}.mini-search{display:flex}.mini-archive{padding:7px 10px}.demo-row{padding-top:12px;margin-bottom:14px}.demo-row-head{font-size:8px}.demo-tab{flex-basis:125px;font-size:8px}.demo-preview{width:250px;right:22px;top:212px}.visual-note{bottom:-53px;left:40px;text-align:left}.demo-caption{margin-top:50px}.little-label{top:-33px;right:12px}.pain-strip{gap:15px}.pain-strip>div{gap:8px}.pain-strip p{font-size:10px}.pain-strip strong{font-size:12px}.film-section{padding-top:90px}.section-heading h2,.privacy-section h2{font-size:36px}.section-heading>p{font-size:11px}.film-poster{height:385px}.poster-left h3{font-size:44px}.poster-topline{font-size:7px;left:26px;right:26px}.poster-left{top:23%}.poster-kicker{font-size:7px}.poster-logo{width:58px}.features-section{padding-top:90px}.showcase-tabs button{font-size:11px;padding:12px}.showcase-tabs button span{margin-right:8px}.feature-grid{gap:25px;margin-top:40px}.feature-grid h3{font-size:15px}.feature-grid p{font-size:11px}.privacy-section{padding-block:90px;gap:20px}.privacy-illustration{height:260px}.privacy-ring{width:180px;height:180px}.privacy-illustration>svg{width:90px;height:90px}.privacy-chip{right:30px;bottom:40px}.privacy-section p:not(.eyebrow){font-size:11px}.privacy-points{gap:10px;font-size:9px}.pricing-section{grid-template-columns:1fr 1fr;padding-block:85px;gap:20px}.pricing-intro{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 0 15px}.pricing-intro .eyebrow{grid-column:1 / -1}.pricing-intro h2{font-size:35px}.pricing-intro>p:not(.eyebrow){justify-self:end;margin:0}.price-flower{display:none}.pricing-card{padding:28px}.pricing-card li{font-size:11px}.faq-section{grid-template-columns:1fr 1.5fr;gap:35px}.faq-section h2{font-size:26px}.faq-list summary{font-size:12px}.faq-list details p{font-size:10px}.closing{padding-block:70px 80px}.closing h2{font-size:42px}.site-header nav{gap:18px}.site-header nav a{font-size:11px}.brand{min-width:auto}.brand>span{font-size:16px}.site-header{height:65px}.site-header .brand img{width:36px;height:36px}.header-download .arrow-icon{display:none}.section-caption{font-size:8px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 28px);margin-top:14px;padding:9px 11px;height:60px;border-radius:13px}.brand{gap:7px}.brand>span{font-size:15px}.brand small{font-size:8px}.site-header .brand img{width:34px;height:34px}.header-download{margin-left:auto!important;margin-right:12px}.button.small{font-size:10px;padding:8px 10px;min-height:33px}.button.small svg{width:15px;height:15px}.mobile-menu{width:28px;display:grid;gap:5px;border:0;background:none;padding:5px 2px}.mobile-menu span{height:1px;width:20px;background:#9abcaa}.site-header nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:18px;background:#10281f;border:1px solid #85b69533;border-radius:11px;box-shadow:0 20px 40px #0005;grid-template-columns:1fr 1fr;gap:20px}.site-header.menu-open nav{display:grid}.site-header nav a{font-size:12px}.hero{padding-block:57px 67px;gap:62px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.06em;margin-bottom:20px}.hero h1{font-size:48px;letter-spacing:-.065em}.hero h1 em{margin-top:7px}.hero-description{font-size:12px;line-height:2;margin-top:22px}.hero-actions{gap:18px;margin-top:27px}.hero-actions .primary{font-size:11px;min-height:46px;padding:10px 13px;gap:7px}.hero-actions .primary svg{width:17px;height:17px}.hero-actions .primary .arrow-icon{width:13px;margin-left:3px}.hero-actions .text-button{font-size:10px;gap:6px}.play-outline{width:24px;height:24px}.hero-meta{gap:12px;font-size:8px;margin-top:21px}.hero-meta svg{width:10px}.hero-visual{max-width:100%;width:100%}.little-label{font-size:8px;top:-28px}.demo-browser{transform:none;border-radius:10px}.browser-chrome{height:28px;padding:0 8px;gap:9px;border-radius:10px 10px 0 0}.traffic{gap:4px}.traffic i{height:5px;width:5px}.browser-address{height:17px;font-size:6px;gap:4px}.browser-address svg{width:8px;height:8px}.browser-plus{font-size:11px}.mini-app{height:269px}.mini-sidebar{width:83px;padding:13px 6px;font-size:7px}.mini-brand{gap:3px;margin-bottom:15px}.mini-brand img{width:22px;height:22px}.mini-brand b{font-size:10px}.mini-brand small{font-size:5px;margin-top:2px}.mini-side-heading{font-size:6px;letter-spacing:0;padding-left:4px}.mini-date{padding:5px 4px;font-size:7px}.mini-date span{font-size:6px}.mini-divider{margin:13px 0 10px}.mini-group{font-size:6px;padding:5px 4px;gap:4px}.mini-group span{font-size:9px}.mini-bottom{bottom:12px;font-size:7px;gap:3px}.mini-bottom svg{width:9px;height:9px}.mini-content{padding:14px 10px}.mini-top{margin-bottom:15px}.mini-top b{font-size:12px}.mini-top small{font-size:5px}.mini-archive{font-size:5px;padding:4px 5px}.mini-search{display:none}.demo-row{padding:8px 6px 0;margin-bottom:9px;border-radius:5px}.demo-row-head{font-size:6px;margin-bottom:7px}.demo-row-head span{font-size:5px;letter-spacing:0}.demo-tab-rail{height:25px}.demo-tab{height:25px;flex-basis:87px;font-size:6px;padding:0 8px;gap:3px;border-radius:7px 7px 0 0}.demo-tab img{width:11px;height:11px}.demo-local{font-size:5px;padding-top:4px;gap:2px}.demo-local svg{width:7px;height:7px}.demo-preview{width:167px;right:11px;top:151px;border-radius:7px;rotate:0deg}.preview-bar{height:20px;font-size:8px;padding:0 8px}.nine-dots{font-size:12px}.preview-description{padding:7px;gap:4px}.preview-description>img{width:15px;height:15px}.preview-description b{font-size:7px}.preview-description small{font-size:5px}.visual-note{left:3px;bottom:-40px;font-size:7px;gap:6px}.visual-note svg{width:18px;height:18px}.note-line{left:111px;width:43px;height:28px;top:-11px}.demo-caption{font-size:6px;margin-top:40px}.pain-strip{flex-direction:column;align-items:stretch;padding-block:23px;gap:16px}.pain-strip>div{gap:15px}.pain-number{font-size:9px}.pain-strip p{font-size:11px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.pain-strip strong{font-size:13px;display:inline;margin:0}.strip-arrow{display:none}.film-section{padding-top:68px}.section-heading{display:block;margin-bottom:24px}.section-heading h2,.privacy-section h2{font-size:31px;line-height:1.35}.eyebrow{font-size:8px;letter-spacing:.11em}.section-heading>p{margin-top:18px;font-size:11px;line-height:1.8}.film-poster{height:370px;border-radius:12px}.poster-topline{top:17px;left:19px;right:19px;font-size:6px}.poster-topline span:first-child{font-size:7px}.poster-left{left:7%;top:19%}.poster-kicker{font-size:6px}.poster-left h3{font-size:34px;margin-top:12px}.poster-play{font-size:9px;margin-top:22px;gap:8px;margin-left:10px}.poster-play:before{width:29px;height:29px;left:-10px;bottom:-7px}.poster-play svg{width:9px;height:9px}.poster-screen{left:43%;top:43%;width:101%;transform:perspective(1000px) rotateY(-18deg) rotateZ(-7deg)}.poster-logo{width:48px;right:15px;top:55px;bottom:auto}.section-caption{font-size:7px;gap:12px;line-height:1.8}.section-caption span:last-child{text-align:right;max-width:110px}.features-section{padding-top:70px}.showcase-tabs{gap:5px;margin-top:28px;margin-bottom:12px}.showcase-tabs button{font-size:9px;line-height:1.5;padding:10px 8px}.showcase-tabs button span{display:block;font-size:7px;margin-bottom:3px;margin-right:0}.showcase-toolbar{font-size:7px;padding:9px 10px}.showcase-toolbar>.traffic{min-width:auto}.actual-badge{font-size:5px;padding:2px 4px}.showcase{border-radius:8px}.showcase>img{aspect-ratio:1.35;object-fit:cover;object-position:top left}.showcase-copy{font-size:10px;text-align:left;padding-top:13px;min-height:65px}.feature-grid{grid-template-columns:1fr;gap:27px;margin-top:25px}.feature-grid article{position:relative;padding-left:56px;padding-bottom:26px}.feature-icon{position:absolute;top:0;left:0;width:35px;height:35px;border-radius:8px}.feature-icon svg{width:17px}.feature-grid h3{font-size:16px}.feature-grid p{font-size:11px;max-width:none;margin-top:10px}.feature-tag{font-size:8px;margin-top:13px}.privacy-section{grid-template-columns:1fr;gap:26px;padding-block:48px 65px}.privacy-illustration{height:235px}.privacy-ring{width:170px;height:170px}.privacy-illustration>svg{width:86px;height:86px}.privacy-chip{bottom:31px;right:18%;font-size:8px}.privacy-section>div:last-child{padding-inline:5px}.privacy-section h2{margin-top:13px}.privacy-section p:not(.eyebrow){font-size:11px;margin-top:17px}.privacy-points{gap:17px;font-size:9px;margin-top:18px}.inline-link{font-size:10px;margin-top:22px}.pricing-section{grid-template-columns:1fr;gap:18px;padding-block:65px 70px}.pricing-intro{display:block;padding:0 0 14px}.pricing-intro h2{font-size:32px;margin-top:14px}.pricing-intro>p:not(.eyebrow){font-size:11px;margin-top:20px}.pricing-card{padding:26px}.pricing-card .price{margin-top:19px;font-size:46px}.pricing-card ul{margin-top:20px;padding-block:21px 24px;gap:12px}.pricing-card li{font-size:11px}.pricing-card.pro{margin-top:3px}.pro-footnote{position:static;margin-top:12px;font-size:8px}.faq-section{grid-template-columns:1fr;gap:27px;padding-block:12px 65px}.faq-section h2{font-size:28px;margin-top:13px}.faq-section>div>p:not(.eyebrow){font-size:11px;line-height:1.8;margin-top:14px}.faq-section>div>p:not(.eyebrow) br{display:none}.faq-list details{padding-block:18px}.faq-list summary{font-size:12px}.faq-list details p{font-size:11px;margin-right:20px}.closing{padding-block:58px 65px}.closing>img{width:65px;height:65px;margin-bottom:20px}.closing h2{font-size:36px;margin-top:16px}.closing .eyebrow{font-size:7px}.closing .button{margin-top:27px;min-height:47px;font-size:11px}.closing-meta{font-size:8px;margin-top:16px}.site-footer{flex-wrap:wrap;justify-content:center;gap:18px;padding-block:24px 32px}.site-footer>div{gap:22px;font-size:9px}.footer-brand{width:100%;justify-content:center;font-size:12px}.dialog-panel{padding:31px 23px}.dialog-panel h2{font-size:22px;padding-right:15px}.dialog-panel>.dialog-close{top:14px;right:14px}.install-steps{gap:19px}.install-steps li{gap:12px}.install-steps p{font-size:11px}.dialog-panel .button{font-size:12px;min-height:47px}.video-dialog{width:calc(100% - 20px);border-radius:10px}.video-dialog-top{padding:10px 12px}.video-dialog-top h2{font-size:10px}.video-description{font-size:7px;padding:10px}.toast{font-size:11px;max-width:calc(100% - 30px);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.demo-browser{transform:none}}

@media(max-width:600px){.hero h1{font-size:clamp(39px,12.3vw,48px)}}
/* First-screen player: one video instance, started only by an explicit click. */
.hero-video-visual{scroll-margin-top:100px}.hero-player-frame{position:relative;width:calc(100% + 22px);overflow:hidden;border:1px solid #6b988557;border-radius:14px;background:#14281d;box-shadow:0 32px 100px #0006,0 0 80px #3cae7018}.hero-player-frame .browser-chrome{border-radius:13px 13px 0 0}.hero-video-stage{position:relative;aspect-ratio:16/9;background:#0a2015}.hero-video-stage video{display:block;width:100%;height:100%;object-fit:contain}.hero-player-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;background:linear-gradient(0deg,#03170ff2,transparent 40%,#06150d0a);color:#e8f8ec;width:100%;padding:0;border-radius:0;text-align:left}.hero-player-play[hidden]{display:none}.hero-play-circle{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#c4f8d9ed;color:#113823;box-shadow:0 0 0 10px #b4e4ca14,0 12px 35px #0004;backdrop-filter:blur(10px);transition:scale .2s,box-shadow .2s}.hero-play-circle svg{width:26px;height:26px;fill:currentColor;stroke:0;margin-left:4px}.hero-player-play:hover .hero-play-circle{scale:1.07;box-shadow:0 0 0 14px #b4e4ca1e,0 12px 35px #0004}.hero-play-caption{position:absolute;left:23px;right:23px;bottom:18px;line-height:1.6}.hero-play-caption b{font-size:13px;font-weight:550;display:block}.hero-play-caption small{color:#8eb49d;font-size:9px;display:block;margin-top:3px}.hero-duration{position:absolute;right:0;bottom:2px;font:10px ui-monospace,monospace;color:#b3cdb9;background:#ffffff0a;padding:3px 7px;border:1px solid #ffffff0d;border-radius:4px}.hero-video-note{display:flex;justify-content:space-between;width:calc(100% + 22px);font-size:10px;color:#83a690;margin-top:16px}.hero-video-note span:last-child{font-size:9px;color:#628b70}.music-credit{margin-top:10px;font-size:8px;line-height:1.8;color:#567860;max-width:100%}.music-credit a{text-decoration:underline;text-underline-offset:3px}.music-credit a:hover{color:#badcc1}.hero-video-visual .little-label{right:0;top:-34px}.hero-video-visual .visual-halo{inset:auto;width:110%;max-width:110%;left:-5%;top:50%;translate:0 -50%}.features-section{padding-top:110px}
@media(max-width:900px){.hero-video-visual{max-width:95%}.hero-player-frame,.hero-video-note{width:100%}.music-credit{text-align:left}.hero-play-circle{width:80px;height:80px}}
@media(max-width:600px){.hero-video-visual{max-width:100%}.hero-player-frame{border-radius:10px}.hero-player-frame .browser-chrome{border-radius:9px 9px 0 0}.hero-play-circle{width:56px;height:56px;box-shadow:0 0 0 7px #b4e4ca14,0 10px 25px #0004}.hero-play-circle svg{width:20px;height:20px}.hero-play-caption{left:14px;right:14px;bottom:11px}.hero-play-caption b{font-size:10px}.hero-play-caption small{font-size:7px;margin-top:2px}.hero-duration{font-size:8px;bottom:1px}.hero-video-note{font-size:9px;margin-top:11px}.hero-video-note span:last-child{font-size:8px}.music-credit{font-size:7px;margin-top:7px;line-height:1.9}.hero-video-visual .little-label{top:-26px;font-size:8px}.features-section{padding-top:68px}}
/* A restrained glass control replaces the large filled disc. */
.hero-play-circle{width:auto;height:auto;min-width:161px;padding:13px 19px 13px 14px;display:flex;align-items:center;gap:12px;border-radius:17px;background:linear-gradient(135deg,#e5fff014,#e5fff006),#10251ed9;border:1px solid #defbe447;color:#e5faeb;box-shadow:0 12px 32px #0005,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(18px);transition:translate .2s,background .2s,border-color .2s,box-shadow .2s}.hero-play-glyph{display:grid;place-items:center;width:35px;height:35px;border:1px solid #baf5ce38;background:#baf5ce0d;border-radius:50%}.hero-play-glyph svg{width:13px;height:13px;fill:#d5f9e2;stroke:none;margin-left:2px}.hero-play-text{display:block;text-align:left;line-height:1.35}.hero-play-text b{display:block;font-size:13px;letter-spacing:.04em;font-weight:550}.hero-play-text small{display:block;font-size:8px;color:#8fb59c;margin-top:4px;letter-spacing:.08em}.hero-player-play:hover .hero-play-circle{scale:1;translate:0 -2px;box-shadow:0 16px 38px #0006,inset 0 1px 0 #ffffff0f;border-color:#d1fbd475;background:linear-gradient(135deg,#e5fff01c,#e5fff008),#153426eb}.hero-player-play:focus-visible .hero-play-circle{outline:2px solid #a5f4cb;outline-offset:5px}.hero-player-play:focus-visible{outline-offset:0}
@media(max-width:600px){.hero-play-circle{min-width:136px;padding:10px 14px 10px 11px;gap:9px;border-radius:14px}.hero-play-glyph{width:29px;height:29px}.hero-play-glyph svg{width:11px;height:11px}.hero-play-text b{font-size:11px}.hero-play-text small{font-size:7px;margin-top:3px}.hero-play-caption b{font-size:9px}}
.store-download[aria-disabled=true]{cursor:not-allowed;background:#b6d5c51c;color:#acc7b5;border-color:#b4dcc22e;box-shadow:none;translate:none}.store-download[aria-disabled=true]:hover{background:#b6d5c51c;box-shadow:none;translate:none}.store-pending{font-size:8px;line-height:1.5;padding:3px 6px;border:1px solid #acd3b82b;border-radius:4px;color:#8fae99;white-space:nowrap;letter-spacing:.03em}.store-availability{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:15px;font-size:10px;color:#6c8e77}.local-install-link{font:inherit;font-size:10px;border:0;border-bottom:1px solid #9fbea642;padding:0;background:none;color:#aacdb4;line-height:1.6}.local-install-link:hover{color:#d0f2d8}.hero-meta{margin-top:17px}.closing-local{margin-top:13px}.store-install-option{margin-top:22px;padding-bottom:21px;border-bottom:1px solid #9fc4aa20}.store-install-option>p{font-size:10px;color:#7ea18a;margin-top:8px}.local-install-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;margin-top:23px;gap:10px}.local-install-heading span{color:#799d84;font-size:9px;font-weight:400}.store-pending[hidden]{display:none}.store-availability .local-install-link{font-size:10px}.closing>.store-download{font-size:12px}
@media(max-width:900px){.store-availability{justify-content:center}}
@media(max-width:600px){.hero-actions .store-download{font-size:10px;min-height:45px;padding:11px;gap:6px}.hero-actions .store-download svg{width:16px;height:16px}.store-pending{font-size:7px;padding:2px 4px}.store-availability{font-size:9px;gap:6px;margin-top:13px}.store-availability .local-install-link{font-size:9px}.closing>.store-download{font-size:10px;padding-inline:13px;gap:7px}.closing-local .local-install-link{font-size:9px}.store-install-option .store-download{font-size:10px!important;padding-inline:10px;gap:7px}.local-install-heading{font-size:12px}}

/* Related projects */
.site-footer{flex-wrap:wrap}.friend-links{flex:0 0 100%;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding-top:16px;border-top:1px solid var(--line);font-size:11px}.friend-links-label{color:var(--dim)}.friend-links a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:9px;color:#afc8bb;transition:color .2s}.friend-links a>span{color:#789385;font-size:10px}.friend-links a:hover,.friend-links a:hover>span{color:var(--mint)}@media(max-width:600px){.friend-links{justify-content:center;gap:10px 16px}.friend-links a{gap:7px}}

/* Equal emphasis for the two installation paths. */
.download-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:520px}
.download-actions .download-choice{min-width:0;width:100%;min-height:56px;margin:0;padding:14px 13px;gap:9px;font-size:13px;font-weight:600;background:var(--mint);color:#102d21;border:1px solid #c1ffdc66;box-shadow:inset 0 1px 0 #ffffff29}
.download-actions .download-choice svg{width:19px;height:19px}
.download-actions .download-choice:hover{background:#c1ffdc}
.download-actions .download-choice[aria-disabled=true],.download-actions .download-choice[aria-disabled=true]:hover{background:var(--mint);color:#102d21;border-color:#c1ffdc66;box-shadow:inset 0 1px 0 #ffffff29;translate:none}
.download-actions .store-pending,.download-actions .download-badge{font-size:8px;line-height:1.5;padding:3px 5px;border:1px solid #17472c26;border-radius:4px;background:#17472c0a;color:#295d40;white-space:nowrap;font-weight:500;letter-spacing:0}
.hero-video-link{margin-top:19px}.hero-video-link .text-button{font-size:12px;color:#c2d8ca}.hero-meta{margin-top:19px}
.store-availability{font-size:10px;color:#93b59f;margin-top:12px;gap:5px 10px}
.closing .download-actions{margin:30px auto 0}.closing .download-actions .button{margin-top:0;min-height:56px;font-size:13px}
@media(min-width:601px) and (max-width:1100px){.download-actions{max-width:500px;margin-inline:auto}}
@media(max-width:600px){.download-actions{grid-template-columns:1fr;gap:10px;max-width:360px;margin-inline:auto}.download-actions .download-choice,.closing .download-actions .download-choice{min-height:52px;font-size:13px;padding:13px 16px;gap:10px}.download-actions .download-choice svg{width:19px;height:19px}.download-actions .store-pending,.download-actions .download-badge{font-size:9px}.hero-video-link{margin-top:18px}.hero-video-link .text-button{font-size:11px}.store-availability{font-size:9px;justify-content:center}.closing .download-actions{margin-top:27px}}

/* Community and voluntary support. */
.nav-sponsor{border:1px solid #a5f4cb38;border-radius:8px;padding:8px 11px;color:var(--mint);background:#a5f4cb09;font-size:11px}.nav-sponsor:hover{background:#a5f4cb18}.site-header nav{gap:24px}
.wall-section {
  width: 100%;
  margin: 0 0 96px;
  padding: 72px 0 92px;
  background:
    radial-gradient(circle at 12% 14%, rgba(168, 255, 207, 0.12), transparent 24%),
    radial-gradient(circle at 78% 28%, rgba(143, 216, 255, 0.10), transparent 28%),
    rgba(0, 0, 0, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(255, 255, 255, 0.06);
  overflow: visible;
}

.wall-heading {
  text-align: center;
  margin-bottom: 42px;
}

.wall-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  max-width: 760px;
  margin: 22px auto 0;
}

.wall-composer textarea {
  min-height: 86px;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.07);
  color: white;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.wall-composer textarea::placeholder {
  color: rgba(248, 251, 248, 0.42);
}

.wall-composer textarea:focus {
  border-color: rgba(168, 255, 207, 0.42);
}

.wall-composer button {
  align-self: stretch;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  padding: 0 20px;
  background: linear-gradient(180deg, #ffffff, #dfe9e3);
  color: #092018;
  font-weight: 820;
}

.wall-composer button:disabled {
  cursor: default;
  opacity: 0.62;
}

.wall-status {
  min-height: 22px;
  margin: 10px 0 0;
  color: rgba(248, 251, 248, 0.68);
  font-size: 13px;
  font-weight: 700;
}

.sticky-wall {
  position: relative;
  display: block;
  height: auto;
  min-height: 780px;
  width: 100%;
  padding: 18px 8px 80px;
}

.sticky-wall::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.54) 1px, transparent 1.5px),
    radial-gradient(circle, rgba(168, 255, 207, 0.26) 1px, transparent 1.5px);
  background-position: 0 0, 28px 36px;
  background-size: 74px 74px, 92px 92px;
  opacity: 0.30;
}

.wall-note {
  position: absolute;
  z-index: var(--note-z, 1);
  --note-rotate: -1.4deg;
  --note-left: 0px;
  --note-top: 0px;
  --note-tape-x: 50%;
  top: var(--note-top);
  left: var(--note-left);
  width: clamp(210px, 16.5vw, 292px);
  min-height: 142px;
  margin: 0;
  padding: 18px;
  border-radius: 6px;
  color: #1b1d20;
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, z-index 0ms;
  transform: rotate(var(--note-rotate));
  user-select: none;
}

.wall-note::before {
  position: absolute;
  top: -9px;
  left: var(--note-tape-x);
  width: 48px;
  height: 15px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.35);
  content: "";
  transform: translateX(-50%);
}

.wall-note p {
  margin-bottom: 18px;
  font-size: 17px;
  font-weight: 760;
  line-height: 1.45;
}

.wall-note span {
  color: rgba(27, 29, 32, 0.58);
  font-size: 12px;
  font-weight: 800;
}

.wall-note.yellow {
  background: #ffd166;
}

.wall-note.blue {
  background: #9ecbff;
}

.wall-note.green {
  background: #a8e6b2;
}

.wall-note.pink {
  background: #ff9a8d;
}

.wall-note.purple {
  background: #c7a7ff;
}

.wall-note:hover,
.wall-note.is-active {
  z-index: 10;
  box-shadow: 0 30px 58px rgba(0, 0, 0, 0.34);
}

.wall-note:hover,
.wall-note.is-active {
  transform: translateY(-8px) rotate(var(--note-rotate)) scale(1.04);
}


.wall-heading h2{font-size:clamp(38px,4vw,54px);margin-top:18px}
.wall-intro{color:var(--muted);font-size:15px;margin-top:18px;line-height:1.8}
.wall-heading>.eyebrow{justify-content:center}.wall-input{display:block;min-width:0;text-align:left}.wall-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:8px}.wall-label span{font-variant-numeric:tabular-nums}
.wall-composer textarea{display:block;width:100%;font-family:inherit;font-size:14px;line-height:1.7;max-height:300px}
.wall-composer button{align-self:end;min-height:105px;font-size:14px}
.wall-privacy{font-size:11px;color:var(--muted);margin-top:12px}.wall-privacy a{text-decoration:underline;text-underline-offset:3px}
.wall-status[data-error=true]{color:#f1b7a7}.wall-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sticky-wall{isolation:isolate}.wall-note{width:var(--note-width,clamp(210px,16.5vw,292px));overflow-wrap:anywhere}
.wall-note p{white-space:pre-wrap}.wall-note:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
.wall-empty{position:relative;display:grid;place-items:center;min-height:300px;color:#8aa995;text-align:center;font-size:14px}
.sticky-wall:has(.wall-empty){min-height:520px;padding-bottom:60px}
.wall-more{display:block;margin:12px auto 0;border:1px solid var(--line);border-radius:8px;background:transparent;padding:8px 15px;color:#bad5c5;font-size:12px}.wall-more[hidden]{display:none}
@media(max-width:620px){.wall-section{padding:56px 0 72px}.wall-heading{width:calc(100% - 48px)}.wall-composer{grid-template-columns:1fr}.wall-composer button{min-height:48px;padding:12px 20px}.wall-intro{font-size:13px}.sticky-wall{display:flex;flex-direction:column;min-height:auto;padding-inline:24px}.wall-note{position:relative;top:auto;left:auto;width:100%;margin:12px 0;transform:rotate(0deg)}.wall-note:hover,.wall-note.is-active{transform:translateY(-4px) scale(1.01)}.wall-empty{min-height:170px}.sticky-wall:has(.wall-empty){min-height:200px}}
@media(prefers-reduced-motion:reduce){.wall-note{transition:none}}
#sponsor-dialog{width:min(780px,calc(100vw - 40px));max-width:none}.sponsor-panel{display:grid;grid-template-columns:1fr 300px;gap:30px;padding:42px;align-items:center}.sponsor-intro .eyebrow{font-size:8px;letter-spacing:.08em}.sponsor-intro h2{font-size:31px;margin-top:18px}.sponsor-intro>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);margin-top:20px}.sponsor-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:26px}.sponsor-methods button{font-size:12px;border-radius:9px;border:1px solid #b5ead526;background:#ffffff04;color:#bdd5c6;padding:10px 13px;transition:background .2s,border-color .2s}.sponsor-methods button[aria-selected=true]{background:#a5f4cb16;color:var(--mint);border-color:#a5f4cb80}.sponsor-intro .sponsor-note{font-size:9px!important;color:#89a390!important}.sponsor-qr-panel{text-align:center}.sponsor-qr{padding:16px;border-radius:16px;background:#fff;box-shadow:0 12px 35px #0002;aspect-ratio:1;display:grid;place-items:center}.sponsor-qr img{width:100%;height:100%;object-fit:contain;min-height:0}.sponsor-qr-panel>p{font-size:11px;margin-top:14px;color:#b8d2c1}
@media(max-width:1000px){.site-header nav{gap:17px}}
@media(max-width:700px){#sponsor-dialog{width:calc(100vw - 24px)}.sponsor-panel{grid-template-columns:1fr;gap:22px;padding:32px 22px 25px}.sponsor-intro h2{font-size:27px}.sponsor-intro>p:not(.eyebrow){font-size:11px;margin-top:13px}.sponsor-methods{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}.sponsor-methods button{padding:9px 3px;font-size:11px}.sponsor-qr-panel{width:min(280px,100%);margin:auto}.sponsor-qr-panel>p{margin-top:11px}.sponsor-intro .sponsor-note{margin-top:12px!important}.site-header .nav-sponsor{font-size:12px}}


.footer-sponsor{font:inherit;border:0;padding:0;background:none;color:#a5d7b7}.footer-sponsor:hover{color:var(--mint)}.site-footer>div{flex-wrap:wrap;justify-content:center}

/* Author replies are a second piece of paper attached over the lower edge. */
.wall-note.has-reply{padding-bottom:18px}
.wall-note .reply-note{position:relative;margin:24px -10px 0 10px;padding:16px 18px 17px;background:#d8f1de;color:#204332;border-radius:5px;box-shadow:0 9px 22px #0003;transform:rotate(.8deg);border-top:1px solid #fafff480;overflow-wrap:anywhere}
.wall-note .reply-note::before{content:'';position:absolute;top:-7px;right:23px;width:34px;height:13px;background:#ffffff65;transform:rotate(-8deg)}
.wall-note .reply-note strong{display:block;font-size:11px;line-height:1.5;letter-spacing:.04em;color:#387454;margin-bottom:7px}
.wall-note .reply-note p{font-size:14px;line-height:1.65;font-weight:550;white-space:pre-wrap;margin:0}
@media(max-width:620px){.wall-note .reply-note{margin:24px 0 0 5px;padding:14px}.wall-note.has-reply{margin-bottom:24px}}
