:root{--bg: #080908;--panel: #111211;--panel-2: #171817;--line: #2a2c29;--line-soft: rgba(245, 232, 206, .12);--cream: #f4e7cf;--cream-2: #ddcdb4;--muted: #8d8982;--orange: #ff643c;--yellow: #f4a913;--green: #39c767;--blue: #1258b6;--red: #d71b1f;--max: 1240px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--mono);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a,button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#080908d6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}.logo-card{display:inline-block;width:248px;overflow:hidden;border-radius:13px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px #0000000d}.logo-card img{width:100%;aspect-ratio:2.5 / 1;object-fit:cover}.logo-card--compact{width:112px;border-radius:8px}.main-nav{display:flex;justify-content:center;gap:30px}.main-nav a{text-decoration:none;color:var(--muted);font-size:12px;transition:color .2s ease}.main-nav a:hover{color:var(--cream)}.beta-pill,.platform-chip{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);text-decoration:none;font-size:11px;white-space:nowrap}.status-dot{width:7px;height:7px;background:var(--green);display:inline-block;border-radius:50%;margin-right:6px;box-shadow:0 0 15px #39c76773}.hero{min-height:790px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding-block:72px}.eyebrow{margin:0;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.eyebrow.orange{color:var(--orange)}.eyebrow.cream{color:var(--cream)}.hero h1,.section-heading h2,.problem-grid h2,.local-grid h2,.details-card h2,.final-inner h2{font-family:var(--display);font-stretch:condensed;font-weight:900;text-transform:uppercase;margin:0;letter-spacing:.015em}.hero h1{font-size:clamp(72px,8vw,128px);line-height:.83;margin-top:26px}.hero h1 span{color:var(--orange)}.lede{color:#c8c0b5;font-size:clamp(16px,1.5vw,21px);line-height:1.6;max-width:690px;margin:34px 0 0}.hero-actions,.final-actions{display:flex;align-items:center;gap:24px;margin-top:34px;flex-wrap:wrap}.button{min-height:58px;display:inline-flex;align-items:center;gap:13px;padding:0 22px;text-decoration:none;border-radius:10px;font-weight:800;font-size:14px;border:1px solid transparent;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button--cream{background:var(--cream);color:#111}.button--dark{background:#101110;color:var(--cream);border-color:#2b2d2a}.button-play{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#0b542d;font-size:10px}.button-link{background:transparent;border:0;padding:14px 0;font:inherit;color:var(--cream-2);cursor:pointer;font-size:13px}.button-link--dark{color:#2a2722}.arrow-icon{display:inline-block;margin-left:4px}.trust-row{margin-top:28px;display:flex;gap:12px;align-items:center;color:#6e6d69;font-size:11px}.trust-row i{width:3px;height:3px;border-radius:50%;background:#464844}.hero-art{position:relative;min-height:520px}.fabric-card{position:absolute;inset:80px 0 auto 30px;transform:rotate(2.5deg);border-radius:20px;overflow:hidden;box-shadow:0 36px 100px #00000073;border:1px solid rgba(244,231,207,.15)}.fabric-card:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px #764c1d14;pointer-events:none}.mini-note{position:absolute;background:#151615;border:1px solid #33342f;padding:14px 16px;border-radius:10px;display:flex;gap:12px;align-items:center;font-size:11px;box-shadow:0 18px 60px #0000004d}.mini-note b{color:var(--orange)}.mini-note span{color:#aaa59d}.note-one{left:-15px;bottom:95px;transform:rotate(-3deg)}.note-two{right:-8px;bottom:35px;transform:rotate(3deg)}.stitch-cross{position:absolute;color:var(--yellow);font-size:28px;font-weight:900}.cross-a{right:8%;top:8%;transform:rotate(15deg)}.cross-b{left:12%;top:38px;color:var(--green);transform:rotate(-12deg)}.app-preview{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0b0c0b;box-shadow:0 40px 120px #0000005c}.preview-topbar{height:54px;padding-inline:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#73746f;font-size:11px}.preview-image-wrap{background:#090a09}.preview-image-wrap img{width:100%}.problem-section{padding-block:160px 140px}.problem-grid{margin-top:36px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.problem-grid h2{font-size:clamp(54px,6.6vw,96px);line-height:.92}.problem-grid h2 span{color:#555650}.problem-copy{border-left:1px solid var(--line);padding-left:30px;color:#a39e95;line-height:1.75;font-size:15px}.problem-copy p:first-child{color:var(--cream-2)}.workflow-section{border-block:1px solid var(--line);background:#0c0d0c;padding-block:120px}.section-heading{display:grid;grid-template-columns:.35fr 1.65fr;gap:40px;align-items:start}.section-heading h2{font-size:clamp(48px,6vw,86px);line-height:.92}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:70px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-card{min-height:300px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#101110}.feature-card:nth-child(2),.feature-card:nth-child(3){background:#0c0d0c}.feature-num{color:var(--orange);font-weight:900;font-size:12px}.feature-card h3{margin:74px 0 18px;font-size:22px;color:var(--cream)}.feature-card p{margin:0;color:#85847f;line-height:1.75;font-size:13px;max-width:500px}.wave-section{padding-block:120px}.fake-player{border:1px solid var(--line);border-radius:18px;background:#0e0f0e;padding:34px}.fake-player-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.fake-player-head h3{margin:10px 0 0;font-family:var(--display);font-size:clamp(42px,5vw,68px);letter-spacing:.03em}.review-chips{display:flex;gap:8px;flex-wrap:wrap}.review-chips span{border:1px solid #3a352c;color:#8e897f;border-radius:999px;padding:8px 12px;font-size:10px}.review-chips .active{background:var(--yellow);color:#221d14;border-color:var(--cream);font-weight:900}.wave-shell{margin-top:36px;position:relative;border:1px solid #2b2d2a;border-radius:14px;padding:26px 28px 28px;overflow:hidden}.round-play{width:50px;height:50px;border:0;border-radius:50%;background:var(--cream);color:#0d6338;cursor:pointer}.waveform{height:180px;display:flex;align-items:center;gap:3px;position:relative;margin-top:18px}.waveform i{display:block;flex:1 1 0;min-width:2px;border-radius:2px;background:#4f514e;transition:height .2s ease}.waveform i.played{background:var(--orange);opacity:.65}.marker{position:absolute;width:1px;top:0;bottom:0;background:var(--orange)}.marker b{position:absolute;top:-10px;left:50%;transform:translate(-50%,-50%);width:25px;height:25px;background:var(--orange);border-radius:50%;display:grid;place-items:center;font-size:10px}.marker-a{left:36%}.marker-b{left:74%}.wave-notes{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:20px;color:#b8b1a8;font-size:12px}.wave-notes b{color:var(--orange);margin-right:8px}.local-section{background:var(--cream);color:#151410;padding-block:120px}.local-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px}.local-grid h2{font-size:clamp(60px,7vw,105px);line-height:.86;margin-top:24px}.local-grid h2 span{color:#b42d20}.local-copy{border-top:1px solid rgba(21,20,16,.25)}.local-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid rgba(21,20,16,.25)}.local-item span{color:#a6492e;font-size:11px;font-weight:800}.local-item p{margin:0;font-size:14px;line-height:1.7}.details-section{padding-block:120px;display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.details-card,.formats-card{border:1px solid var(--line);border-radius:16px;padding:36px;min-height:450px}.details-card h2{font-size:clamp(50px,5.5vw,80px);line-height:.9;max-width:800px;margin-top:40px}.details-list{margin-top:60px;display:flex;flex-wrap:wrap;gap:8px}.details-list span{border:1px solid #343630;border-radius:999px;padding:10px 13px;color:#95918a;font-size:11px}.formats-card{background:#111211;display:flex;flex-direction:column}.format-cloud{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:50px}.format{min-height:72px;display:grid;place-items:center;border-radius:9px;color:#111;font-family:var(--display);font-size:24px}.format-0{background:#0c8043;color:var(--cream)}.format-1{background:var(--red);color:var(--cream)}.format-2{background:var(--yellow)}.format-3{background:var(--blue);color:var(--cream)}.formats-note{margin-top:auto;color:var(--muted);font-size:11px;line-height:1.6}.install-section{padding-block:130px;border-top:1px solid var(--line)}.install-heading{grid-template-columns:.35fr 1.65fr}.install-intro{grid-column:2;max-width:760px;color:#99958e;line-height:1.7}.install-grid{list-style:none;padding:0;margin:70px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.install-grid li{min-height:240px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.install-grid li>span{color:var(--orange);font-size:11px;font-weight:900}.install-grid p{margin:70px 0 0;color:#9a968f;font-size:12px;line-height:1.7}.install-grid strong{color:var(--cream)}.security-note{color:#74736f;max-width:900px;font-size:11px;line-height:1.7;margin-top:24px}.apple-link{display:inline-block;color:var(--cream-2);margin-top:16px;font-size:12px}.faq-section{padding-block:100px 140px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:36px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.faq-grid article{padding:28px;min-height:190px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.faq-grid h3{margin:0 0 20px;font-size:16px}.faq-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.final-cta{background:var(--cream);color:#171511;padding-block:110px}.final-inner{text-align:center;display:flex;flex-direction:column;align-items:center}.final-logo{width:380px;max-width:70vw;margin-bottom:44px}.final-logo .logo-card{width:100%}.final-inner h2{font-size:clamp(72px,9vw,140px);line-height:.82;margin-top:22px}.final-inner>p:not(.eyebrow){max-width:690px;color:#4d463b;font-size:15px;line-height:1.7}.final-actions{justify-content:center}.footer{border-top:1px solid #2a2b28;min-height:110px}.footer-inner{min-height:110px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;color:#676862;font-size:10px}.footer-inner span:nth-child(2){text-align:center}.modal{position:fixed;inset:0;z-index:100;background:#000000db;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-panel{position:relative;width:min(1100px,100%);border:1px solid #3a3b37;border-radius:18px;overflow:hidden;background:#090a09;box-shadow:0 40px 140px #000000b3}.modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;z-index:3;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#000000a6;color:var(--cream);font-size:20px;cursor:pointer}.demo-video{width:100%;display:block;max-height:80vh;background:#000}.demo-fallback{position:relative}.demo-fallback img{width:100%;opacity:.45}.demo-fallback-copy{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px}.demo-fallback-copy p{color:var(--cream)}.demo-fallback-copy code{color:var(--orange)}@media(max-width:980px){.main-nav{display:none}.header-inner{grid-template-columns:auto 1fr}.beta-pill{justify-self:end}.hero{grid-template-columns:1fr;min-height:auto;padding-top:100px}.hero-art{min-height:500px}.problem-grid,.local-grid,.details-section{grid-template-columns:1fr;gap:50px}.section-heading,.install-heading{grid-template-columns:1fr;gap:20px}.install-intro{grid-column:1}.install-grid{grid-template-columns:repeat(2,1fr)}.local-grid h2{font-size:clamp(58px,12vw,100px)}.formats-card{min-height:390px}}@media(max-width:680px){.shell{width:min(calc(100% - 24px),var(--max))}.site-header{position:relative}.header-inner{height:74px;gap:12px}.logo-card--compact{width:92px}.beta-pill{font-size:9px;padding:7px 9px}.hero{padding-top:64px;padding-bottom:60px;gap:20px}.hero h1{font-size:clamp(67px,21vw,105px)}.lede{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{gap:8px;flex-wrap:wrap}.hero-art{min-height:360px}.fabric-card{inset:45px 0 auto}.note-one{left:4px;bottom:50px}.note-two{right:0;bottom:0}.mini-note{max-width:72%;font-size:9px}.preview-topbar{font-size:9px}.problem-section{padding-block:100px}.problem-grid{gap:36px}.problem-grid h2{font-size:clamp(48px,14vw,70px)}.problem-copy{padding-left:18px}.workflow-section{padding-block:90px}.section-heading h2{font-size:clamp(46px,13vw,72px)}.feature-grid{grid-template-columns:1fr;margin-top:44px}.feature-card{min-height:250px}.feature-card h3{margin-top:50px}.wave-section{padding-block:80px}.fake-player{padding:20px}.fake-player-head{flex-direction:column}.wave-shell{padding-inline:16px}.waveform{height:125px;gap:2px}.waveform i:nth-child(odd){display:none}.wave-notes{grid-template-columns:1fr}.local-section{padding-block:90px}.details-section{padding-block:80px}.details-card,.formats-card{padding:24px}.details-card h2{font-size:clamp(48px,13vw,68px)}.install-section{padding-block:90px}.install-grid{grid-template-columns:1fr;margin-top:44px}.install-grid li{min-height:190px}.install-grid p{margin-top:45px}.faq-grid{grid-template-columns:1fr}.final-cta{padding-block:90px}.final-inner h2{font-size:clamp(70px,20vw,105px)}.footer-inner{grid-template-columns:1fr 1fr;padding-block:22px}.footer-inner span:nth-child(2){display:none}.footer-inner span:last-child{text-align:right}}
