:root{--bg: #f7f9fb;--bg-alt: #eef2f5;--surface-1: #ffffff;--surface-2: #f1f5f8;--surface-3: #e6edf2;--border-soft: rgba(15, 27, 36, .12);--border-strong: rgba(15, 27, 36, .2);--text-strong: #0f1b24;--text-muted: #42515f;--text-soft: #6b7b88;--accent: #2bb7a7;--accent-strong: #1a8f86;--accent-warm: #f4b73a;--accent-contrast: #062623;--ring: rgba(43, 183, 167, .35);--glow-1: rgba(43, 183, 167, .18);--glow-2: rgba(244, 183, 58, .18);--glow-3: rgba(15, 27, 36, .08);--radius-sm: 14px;--radius-md: 18px;--radius-lg: 26px;--shadow-soft: 0 12px 26px rgba(15, 27, 36, .16);--shadow-strong: 0 26px 60px rgba(15, 27, 36, .2);--font-sans: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-serif: "Fraunces", "Times New Roman", serif}@media(prefers-color-scheme:dark){:root{--bg: #0b1318;--bg-alt: #0f1a21;--surface-1: #111f26;--surface-2: #15262f;--surface-3: #1b2f3a;--border-soft: rgba(236, 243, 247, .12);--border-strong: rgba(236, 243, 247, .2);--text-strong: #ecf3f7;--text-muted: #c3d1db;--text-soft: #90a4b3;--accent: #40d1c1;--accent-strong: #22a79a;--accent-warm: #f2c14b;--accent-contrast: #04211e;--ring: rgba(64, 209, 193, .35);--glow-1: rgba(64, 209, 193, .2);--glow-2: rgba(242, 193, 75, .18);--glow-3: rgba(236, 243, 247, .06);--shadow-soft: 0 14px 30px rgba(5, 10, 13, .45);--shadow-strong: 0 26px 60px rgba(5, 10, 13, .55)}}[data-theme=dark]{--bg: #0b1318;--bg-alt: #0f1a21;--surface-1: #111f26;--surface-2: #15262f;--surface-3: #1b2f3a;--border-soft: rgba(236, 243, 247, .12);--border-strong: rgba(236, 243, 247, .2);--text-strong: #ecf3f7;--text-muted: #c3d1db;--text-soft: #90a4b3;--accent: #40d1c1;--accent-strong: #22a79a;--accent-warm: #f2c14b;--accent-contrast: #04211e;--ring: rgba(64, 209, 193, .35);--glow-1: rgba(64, 209, 193, .2);--glow-2: rgba(242, 193, 75, .18);--glow-3: rgba(236, 243, 247, .06);--shadow-soft: 0 14px 30px rgba(5, 10, 13, .45);--shadow-strong: 0 26px 60px rgba(5, 10, 13, .55)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text-strong);background-color:var(--bg);background-image:radial-gradient(circle at 18% 16%,var(--glow-1),transparent 58%),radial-gradient(circle at 78% 14%,var(--glow-2),transparent 56%),radial-gradient(circle at 35% 82%,var(--glow-3),transparent 64%),linear-gradient(150deg,var(--bg),var(--bg-alt));background-attachment:fixed}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(120deg,var(--glow-1),transparent 60%),linear-gradient(220deg,var(--glow-2),transparent 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E");mix-blend-mode:screen;pointer-events:none;z-index:-1}main{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;margin:0}p{margin:0}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-strong)}button{cursor:pointer;border:none;font-family:inherit}::selection{background:var(--ring);color:var(--text-strong)}.skip-link{position:absolute;top:16px;left:16px;padding:10px 16px;background:var(--accent-warm);color:var(--accent-contrast);border-radius:10px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;transform:translateY(-200%);transition:transform .2s ease;z-index:200}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--accent-warm);outline-offset:3px;box-shadow:0 0 0 4px var(--ring)}.container{max-width:1180px;margin:0 auto;padding:0 24px}.section{padding:clamp(48px,8vw,104px) 0}html{scroll-padding-top:80px}@media(max-width:640px){.section{padding:48px 0}}.landing{padding:clamp(48px,8vw,104px) 0}.download-page{min-height:100vh}.download-hero{padding:clamp(48px,8vw,104px) 0 clamp(48px,10vw,120px)}.download-intro{display:grid;gap:16px;max-width:620px;margin-bottom:clamp(48px,8vw,84px);text-align:center;margin-left:auto;margin-right:auto}.download-title{text-align:center;max-width:620px;margin-left:auto;margin-right:auto}.license-intro{display:grid;gap:16px;max-width:640px;margin:0 auto clamp(36px,6vw,64px);text-align:center}.license-card-wrap{display:grid;place-items:center}.download-lead{font-size:1.05rem;line-height:1.7;color:var(--text-muted)}.download-grid{display:grid;gap:clamp(18px,4vw,28px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.download-card{background:linear-gradient(160deg,#ffffffe6,#f4f7fae6);border-radius:clamp(20px,4vw,28px);border:1px solid var(--border-soft);box-shadow:var(--shadow-strong);padding:clamp(22px,4vw,32px);display:grid;gap:16px}.download-card.is-featured{border-color:#2bb7a773;box-shadow:0 26px 48px #0f1b2438;padding:clamp(26px,4.6vw,36px)}.download-grid.is-reordered .download-card:not(.is-featured){border:1px solid rgba(15,27,36,.08);box-shadow:none;background:transparent;padding:clamp(18px,3.2vw,24px)}[data-theme=dark] .download-card{background:linear-gradient(160deg,#101c24f2,#0e181fe6)}@media(prefers-color-scheme:dark){.download-card{background:linear-gradient(160deg,#101c24f2,#0e181fe6)}}.download-card.is-available{border-color:#2bb7a766;box-shadow:0 20px 40px #0f1b242e}.download-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.download-os{font-size:clamp(1.4rem,2.6vw,2rem)}.download-card.is-featured .download-os{font-size:clamp(1.55rem,3vw,2.2rem)}.download-card.is-featured .download-meta{text-align:center}.download-grid.is-reordered .download-card:not(.is-featured) .download-os{font-size:clamp(1.2rem,2.2vw,1.7rem)}.download-os-meta{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);margin-top:8px}.download-status{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-strong);padding:6px 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-3)}[data-theme=dark] .download-status{color:var(--text-strong);background:#40d1c12e;border-color:#40d1c173}@media(prefers-color-scheme:dark){.download-status{color:var(--text-strong);background:#40d1c12e;border-color:#40d1c173}}.download-card.is-available .download-status{background:linear-gradient(140deg,var(--accent),var(--accent-warm));color:var(--accent-contrast);border-color:transparent}.download-grid.is-reordered .download-card:not(.is-featured) .download-status{background:#fff9;color:var(--text-soft);border-color:transparent}[data-theme=dark] .download-grid.is-reordered .download-card:not(.is-featured) .download-status{background:#40d1c12e;color:var(--text-strong);border-color:#40d1c173}[data-theme=dark] .download-grid.is-reordered .download-card:not(.is-featured){background:transparent;border-color:#ffffff14}@media(prefers-color-scheme:dark){.download-grid.is-reordered .download-card:not(.is-featured){background:transparent;border-color:#ffffff14}.download-grid.is-reordered .download-card:not(.is-featured) .download-status{background:#40d1c12e;color:var(--text-strong);border-color:#40d1c173}}.download-copy{color:var(--text-muted);line-height:1.6}.download-meta{color:var(--text-soft);font-size:.85rem}@media(min-width:860px){.download-grid.is-reordered{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:calc(clamp(24px,5vw,40px) + 50px)}.download-grid.is-reordered .download-card.is-featured{grid-column:1 / -1;justify-self:center;width:min(560px,100%)}.download-grid.is-reordered .download-card:not(.is-featured){margin-top:calc(clamp(12px,3vw,22px) + 50px)}}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:clamp(32px,6vw,56px);position:relative}.brand-mark{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;font-weight:600;letter-spacing:.02em;width:fit-content}.brand-id{display:inline-flex;align-items:center;gap:12px}.brand-logo{width:40px;height:40px;border-radius:12px;background:#fcfcfc;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);flex:0 0 auto;display:grid;place-items:center;overflow:hidden}.brand-logo img{width:100%;height:100%;display:block}.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--accent-warm));box-shadow:0 6px 18px #0f1b2433}.brand-name{font-size:.95rem;color:var(--text-strong);text-transform:uppercase;letter-spacing:.18em}.landing-nav{display:flex;gap:clamp(16px,3vw,32px);align-items:center;font-size:.9rem}.landing-cta{display:inline-flex;flex-direction:column;align-items:flex-end;gap:6px}.landing-cta-note{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease;align-self:flex-end}.landing-cta-note:hover{color:var(--text-strong);text-decoration-color:var(--text-strong)}.landing-nav a{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.landing-nav a.nav-highlight{color:var(--accent)}.landing-nav a:hover{color:var(--text-strong)}.landing-nav a.nav-highlight:hover{color:var(--accent-warm)}.landing-inner{display:grid;gap:clamp(32px,6vw,64px);align-items:start}.landing-copy{display:grid;gap:20px;max-width:560px;animation:hero-rise .6s ease both;position:relative;z-index:2}.eyebrow{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--text-soft)}.landing-title{font-size:clamp(2.2rem,4.6vw,4.2rem);color:var(--text-strong);letter-spacing:-.02em}.hero-highlight{color:var(--accent);font-weight:650}.landing-lead{font-size:1.1rem;line-height:1.7;color:var(--text-muted)}.landing-subtle{font-size:.98rem;line-height:1.7;color:var(--text-soft)}.landing-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-btn,.secondary-btn{min-height:46px;padding:12px 22px;border-radius:999px;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.primary-btn{background:linear-gradient(140deg,var(--accent),var(--accent-warm));color:var(--accent-contrast);box-shadow:0 12px 24px #0f1b242e;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 16px 30px #0f1b243d}.secondary-btn{background:var(--surface-2);color:var(--text-strong);border:1px solid var(--border-soft);box-shadow:inset 0 0 0 1px #ffffff0f;transition:border .2s ease,background .2s ease}.download-cta{flex-direction:column;align-items:center;gap:4px;min-height:40px;padding:8px 18px}.download-cta-label{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.download-cta-sub{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft)}.secondary-btn:hover{border-color:var(--border-strong);background:var(--surface-3)}.hero-media{position:relative;animation:hero-rise .7s ease .08s both;z-index:1;margin-left:clamp(-32px,-4vw,0px);margin-right:clamp(-200px,-25vw,-80px)}.hero-shot{display:block;line-height:0;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);transition:transform .4s ease}.hero-shot:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.hero-shot-img{width:100%;height:auto;display:block;border-radius:clamp(10px,1.5vw,16px);box-shadow:0 4px 8px #0f1b240f,0 12px 32px #0f1b241a,0 32px 64px #0f1b2429;transition:box-shadow .4s ease}.hero-shot:hover .hero-shot-img{box-shadow:0 6px 12px #0f1b2414,0 20px 40px #0f1b241f,0 40px 80px #0f1b242e}.hero-shot-img.is-dark{display:none}.hero-glow{position:absolute;bottom:-20%;left:5%;right:5%;height:50%;background:radial-gradient(ellipse at center,rgba(43,183,167,.18) 0%,transparent 70%);filter:blur(50px);pointer-events:none;z-index:-1}[data-theme=dark] .hero-shot-img{box-shadow:0 2px 4px #0003,0 8px 24px #0000004d,0 24px 48px #00000059}[data-theme=dark] .hero-shot:hover .hero-shot-img{box-shadow:0 4px 8px #00000040,0 16px 32px #00000059,0 32px 64px #0006}[data-theme=dark] .hero-glow{background:radial-gradient(ellipse at center,rgba(43,183,167,.12) 0%,transparent 70%)}@media(prefers-color-scheme:dark){.hero-shot-img{box-shadow:0 2px 4px #0003,0 8px 24px #0000004d,0 24px 48px #00000059}.hero-shot:hover .hero-shot-img{box-shadow:0 4px 8px #00000040,0 16px 32px #00000059,0 32px 64px #0006}.hero-glow{background:radial-gradient(ellipse at center,rgba(43,183,167,.12) 0%,transparent 70%)}.hero-shot-img.is-light{display:none}.hero-shot-img.is-dark{display:block}}.media-frame{background:linear-gradient(160deg,#ffffff8c,#ffffff1a);border-radius:clamp(20px,4vw,32px);padding:18px;border:1px solid var(--border-soft);box-shadow:var(--shadow-strong);position:relative;overflow:hidden}[data-theme=dark] .media-frame{background:linear-gradient(160deg,#101c24f2,#101c2480)}[data-theme=dark] .hero-shot-img.is-light{display:none}[data-theme=dark] .hero-shot-img.is-dark{display:block}[data-theme=dark] .brand-logo,[data-theme=dark] .footer-logo{background:#22394c}@media(prefers-color-scheme:dark){.media-frame{background:linear-gradient(160deg,#101c24f2,#101c2480)}.brand-logo,.footer-logo{background:#22394c}}.media-frame:before{content:"";position:absolute;inset:10px;border-radius:clamp(16px,3vw,26px);border:1px dashed var(--border-soft);pointer-events:none}.media-top{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-2);border-radius:16px;border:1px solid var(--border-soft);margin-bottom:16px}.media-dots{display:inline-flex;gap:6px}.media-dots span{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.media-url{font-size:.75rem;color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase}.media-body{display:grid;grid-template-columns:64px 1fr;gap:16px;background:var(--surface-1);border-radius:20px;border:1px solid var(--border-soft);padding:16px}.media-rail{display:grid;gap:12px;align-content:start}.rail-pill{height:18px;border-radius:999px;background:linear-gradient(120deg,var(--surface-3),var(--surface-2));border:1px solid var(--border-soft)}.media-tiles{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.tile-card{background:linear-gradient(150deg,var(--surface-2),var(--surface-1));border-radius:18px;border:1px solid var(--border-soft);padding:14px;min-height:120px;display:grid;gap:12px;box-shadow:var(--shadow-soft)}.tile-head{display:inline-flex;align-items:center;gap:8px}.tile-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.tile-title{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft)}.tile-lines{display:grid;gap:8px}.tile-lines span{height:10px;border-radius:999px;background:var(--surface-3)}.tile-lines span:nth-child(2){width:80%}.tile-lines span:nth-child(3){width:60%}.tile-block{height:100%;border-radius:14px;background:linear-gradient(130deg,var(--surface-3),var(--surface-2))}.media-play{position:absolute;right:24px;bottom:22px;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--surface-1);border:1px solid var(--border-soft);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);box-shadow:var(--shadow-soft)}.play-icon{width:26px;height:26px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--accent-warm));position:relative;box-shadow:0 10px 24px #0f1b2433}.play-icon:after{content:"";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--accent-contrast)}.palette-section{padding-top:clamp(48px,8vw,120px)}.how-section{padding-top:clamp(64px,10vw,120px)}.pricing-section,.faq-section{padding-top:clamp(56px,9vw,120px)}.site-footer{padding:clamp(56px,9vw,120px) 0 clamp(36px,6vw,80px);border-top:1px solid var(--border-soft)}.footer-grid{display:grid;gap:clamp(20px,4vw,32px);padding:clamp(22px,4vw,36px)}.footer-brand,.footer-nav,.footer-links,.footer-form{position:relative;z-index:1}.footer-brand{display:grid;gap:12px;align-content:start}.footer-logo{width:48px;height:48px;border-radius:14px;background:#fcfcfc;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);display:grid;place-items:center;overflow:hidden}.footer-logo img{width:100%;height:100%;display:block}.footer-copy{color:var(--text-soft);line-height:1.6;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}.footer-nav,.footer-links{display:grid;gap:10px;font-size:.9rem}.footer-nav a,.footer-links a{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.footer-nav a:hover,.footer-links a:hover{color:var(--text-strong)}.footer-form .waitlist-field input{min-height:46px;padding-right:140px}.footer-form .waitlist-field button{position:absolute;right:4px;top:4px;bottom:4px;min-height:0;padding:0 18px}.footer-form .waitlist-field{position:relative;align-items:center}.faq-header{display:grid;gap:16px;max-width:640px;margin-bottom:clamp(28px,5vw,48px)}.faq-grid{display:grid;gap:16px}.faq-item{background:linear-gradient(150deg,var(--surface-2),var(--surface-1));border-radius:clamp(18px,3vw,24px);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);padding:clamp(16px,3vw,24px);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.faq-item[open]{border-color:#2bb7a766;box-shadow:0 20px 36px #0f1b242e}.faq-item:hover{border-color:var(--border-strong);transform:translateY(-1px)}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-size:clamp(1.05rem,2vw,1.4rem);color:var(--text-strong);font-family:var(--font-serif)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-soft);font-size:1rem;transition:transform .2s ease,background .2s ease,color .2s ease}.faq-item[open] summary:after{content:"−";transform:rotate(180deg);background:var(--accent);color:var(--accent-contrast);border-color:transparent}.faq-item p{margin-top:12px;color:var(--text-muted);line-height:1.6;max-width:720px}.pricing-header{display:grid;gap:16px;max-width:640px;margin-bottom:clamp(28px,5vw,48px)}.pricing-grid{display:grid;gap:clamp(18px,4vw,28px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pricing-card{background:linear-gradient(160deg,#ffffffd9,#f6f9fcd9);border-radius:clamp(20px,4vw,28px);border:1px solid var(--border-soft);box-shadow:var(--shadow-strong);padding:clamp(22px,4vw,32px);display:flex;flex-direction:column;gap:16px}[data-theme=dark] .pricing-card{background:linear-gradient(160deg,#101c24f2,#0e181fe6)}@media(prefers-color-scheme:dark){.pricing-card{background:linear-gradient(160deg,#101c24f2,#0e181fe6)}}.pricing-card--featured{border-color:#2bb7a766;box-shadow:0 20px 40px #0f1b242e;position:relative;overflow:hidden}.pricing-card--featured:before{content:"";position:absolute;inset:12px;border-radius:calc(var(--radius-lg) - 12px);border:1px dashed rgba(43,183,167,.35);pointer-events:none}.pricing-tag{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-soft)}.pricing-heading{display:grid;gap:10px}.pricing-price{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:var(--text-strong);display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.pricing-badge{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);padding:4px 10px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-2);display:inline-flex}.pricing-desc{color:var(--text-muted);line-height:1.6}.pricing-list{list-style:none;display:grid;gap:10px;padding:0;margin:0;color:var(--text-soft)}.pricing-list li{position:relative;padding-left:22px}.pricing-list li:before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--accent-warm));box-shadow:0 6px 12px #0f1b242e}.pricing-cta{margin-top:auto}.pricing-card .primary-btn,.pricing-card .secondary-btn{width:fit-content;min-width:220px;align-self:center}.how-header{display:grid;gap:16px;max-width:640px;margin-bottom:clamp(28px,5vw,48px)}.how-controls{display:flex;justify-content:flex-end;margin-bottom:clamp(18px,4vw,28px)}.how-toggle,.how-new-tile{min-width:120px;min-height:34px;padding:6px 14px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);background:var(--surface-3);border-color:var(--border-strong)}.how-toggle:hover,.how-new-tile:hover{background:var(--surface-2)}.how-toggle:active,.how-new-tile:active{background:var(--accent);color:var(--accent-contrast);border-color:transparent;transform:translateY(1px)}.how-frame{background:linear-gradient(160deg,#ffffffb3,#ffffff1f);border-radius:clamp(20px,4vw,30px);border:1px solid var(--border-soft);box-shadow:var(--shadow-strong);padding:clamp(14px,2.6vw,20px);position:relative}[data-theme=dark] .how-frame{background:linear-gradient(160deg,#101c24f2,#101c248c)}@media(prefers-color-scheme:dark){.how-frame{background:linear-gradient(160deg,#101c24f2,#101c248c)}}.how-frame:before{content:"";position:absolute;inset:10px;border-radius:clamp(16px,3vw,26px);border:1px dashed var(--border-soft);pointer-events:none}.how-frame-top{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-2);border-radius:16px;border:1px solid var(--border-soft);margin-bottom:clamp(12px,2.4vw,18px);position:relative;z-index:1;justify-content:space-between}.how-frame-dots{display:inline-flex;gap:6px}.how-frame-dots span{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.how-frame-url{font-size:.75rem;color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;margin-right:auto;margin-left:2px}.how-grid{display:grid;gap:clamp(12px,2.4vw,20px);align-items:stretch;align-content:stretch;height:clamp(520px,60vw,760px);position:relative;z-index:1;margin-bottom:clamp(16px,2.6vw,24px);padding:clamp(6px,1.2vw,12px)}.how-card{background:linear-gradient(150deg,var(--surface-2),var(--surface-1));border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);padding:clamp(12px,2.4vw,20px);margin:0;display:grid;gap:12px;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.how-media{border-radius:calc(var(--radius-lg) - 10px);border:1px solid var(--border-soft);background:var(--surface-3);overflow:hidden;align-self:start;height:100%;min-height:0}.how-media img,.how-media video{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.how-browser{display:grid;grid-template-rows:auto 1fr;height:100%;border-radius:calc(var(--radius-lg) - 12px);border:1px solid var(--border-soft);background:linear-gradient(150deg,var(--surface-2),var(--surface-1));overflow:hidden}.how-browser-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-2);border-bottom:1px solid var(--border-soft)}.how-browser-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.how-browser-url{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);margin-left:6px}.how-browser-body{display:grid;gap:10px;padding:14px;background:linear-gradient(180deg,var(--surface-3),var(--surface-2))}.how-browser-line{height:10px;border-radius:999px;background:var(--surface-1)}.how-browser-line:nth-child(2){width:80%}.how-browser-line:nth-child(3){width:65%}.how-browser-line:nth-child(4){width:72%}.how-caption{font-size:.95rem;line-height:1.6;color:var(--text-muted)}.how-caption-hint{display:none;color:var(--text-muted);opacity:.7}.how-card[draggable=true]{cursor:grab}.how-card.is-highlighted{border-color:var(--accent);box-shadow:0 0 0 1px #2bb7a759,0 24px 50px #0f1b243d,0 0 28px var(--glow-1);transform:translateY(-2px)}.how-card.is-dragging{opacity:.6;cursor:grabbing}.how-card.is-drop-target{outline:2px dashed var(--accent-warm);outline-offset:6px}.how-grid[data-layout=grid]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-auto-flow:row;column-gap:clamp(4px,.9vw,8px);row-gap:clamp(4px,.9vw,8px);height:auto}.how-grid[data-layout=grid] .how-card{grid-template-rows:auto auto}.how-grid[data-layout=grid] .how-media{aspect-ratio:1604 / 1080;height:auto}.how-grid[data-layout=split-horizontal]{grid-template-columns:3fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-flow:row}.how-grid[data-layout=split-horizontal] .how-card,.how-grid[data-layout=split-vertical] .how-card{position:relative;grid-template-rows:minmax(0,1fr);gap:0}.how-grid[data-layout=split-horizontal] .how-card:first-child{grid-template-rows:auto auto;gap:12px}.how-grid[data-layout=split-horizontal] .how-card:first-child .how-media{aspect-ratio:1604 / 1080;height:auto;align-self:start}.how-grid[data-layout=split-horizontal] .how-caption,.how-grid[data-layout=split-vertical] .how-caption{position:absolute;left:clamp(12px,2vw,18px);right:clamp(12px,2vw,18px);bottom:clamp(12px,2vw,18px);margin:0;padding:clamp(10px,1.6vw,14px);border-radius:calc(var(--radius-lg) - 14px);color:var(--text-soft);background:linear-gradient(180deg,#0c121600,#0c1216b3)}.how-grid[data-layout=split-horizontal] .how-card:first-child .how-caption{position:static;padding:0;border-radius:0;color:var(--text-muted);background:none}.how-grid[data-layout=split-horizontal] .how-card:first-child .how-caption-hint{display:block;margin-top:.85em}.how-grid[data-layout=split-horizontal] .how-card:first-child .how-media img,.how-grid[data-layout=split-horizontal] .how-card:first-child .how-media video{object-position:top center}.how-grid[data-layout=split-horizontal] .how-card:not(:first-child) .how-caption,.how-grid[data-layout=split-vertical] .how-card:not(:first-child) .how-caption{display:none}.how-grid[data-layout=split-vertical] .how-card:first-child{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto;gap:clamp(12px,2vw,20px);align-items:start}.how-grid[data-layout=split-vertical] .how-card:first-child .how-media{aspect-ratio:1604 / 1080;height:auto;align-self:start}.how-grid[data-layout=split-vertical] .how-card:first-child .how-media{height:100%;align-self:stretch}.how-grid[data-layout=split-vertical] .how-card:first-child .how-caption{position:static;align-self:start;padding:0;border-radius:0;color:var(--text-muted);background:none}.how-grid[data-layout=split-vertical] .how-card:first-child .how-caption-hint{display:block;margin-top:.85em}.how-grid[data-layout=split-horizontal] .how-card:first-child{grid-column:1 / 2;grid-row:1 / 4}.how-grid[data-layout=split-horizontal] .how-card:not(:first-child){grid-column:2 / 3}.how-grid[data-layout=split-horizontal] .how-card:nth-child(2){grid-row:1 / 2}.how-grid[data-layout=split-horizontal] .how-card:nth-child(3){grid-row:2 / 3}.how-grid[data-layout=split-horizontal] .how-card:nth-child(4){grid-row:3 / 4}.how-grid[data-layout=split-vertical]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:3fr 2fr;grid-auto-flow:row}.how-grid[data-layout=split-vertical] .how-card:first-child{grid-column:1 / 4;grid-row:1 / 2}.how-grid[data-layout=split-vertical] .how-card:not(:first-child){grid-row:2 / 3}.how-grid[data-layout=split-vertical] .how-card:nth-child(2){grid-column:1 / 2}.how-grid[data-layout=split-vertical] .how-card:nth-child(3){grid-column:2 / 3}.how-grid[data-layout=split-vertical] .how-card:nth-child(4){grid-column:3 / 4}.waitlist-popup{position:fixed;inset:0;display:grid;place-items:center;padding:clamp(20px,6vw,40px);z-index:300;opacity:0;pointer-events:none;transition:opacity .25s ease}.waitlist-popup.is-open{opacity:1;pointer-events:auto}.waitlist-backdrop{position:absolute;inset:0;background:#0910148c;backdrop-filter:blur(10px)}.waitlist-card{position:relative;z-index:1;width:min(560px,100%);border-radius:clamp(20px,4vw,28px);background:linear-gradient(160deg,#fffffff2,#f6f9fce6);border:1px solid var(--border-soft);box-shadow:var(--shadow-strong);padding:clamp(24px,4vw,36px);display:grid;gap:20px;transform:translateY(14px) scale(.98);transition:transform .25s ease}.waitlist-popup.is-open .waitlist-card{transform:translateY(0) scale(1)}[data-theme=dark] .waitlist-card{background:linear-gradient(160deg,#101c24fa,#0e181feb)}@media(prefers-color-scheme:dark){.waitlist-card{background:linear-gradient(160deg,#101c24fa,#0e181feb)}}.waitlist-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.waitlist-mark{display:inline-flex;align-items:center;gap:10px}.waitlist-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(140deg,var(--accent),var(--accent-warm));box-shadow:0 8px 16px #0f1b2433}.waitlist-tag{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-soft)}.waitlist-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-strong);display:grid;place-items:center;font-size:1.2rem;line-height:1;transition:background .2s ease,border .2s ease}.waitlist-close:hover{background:var(--surface-3);border-color:var(--border-strong)}.waitlist-body{display:grid;gap:16px}.waitlist-body h2{font-size:clamp(1.8rem,3vw,2.4rem)}.waitlist-body p{color:var(--text-muted);line-height:1.6}.waitlist-form{display:grid;gap:12px}.waitlist-label{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}.waitlist-field{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.waitlist-field input{flex:1 1 220px;min-height:48px;border-radius:999px;border:1px solid var(--border-soft);padding:0 18px;font-size:.95rem;background:var(--surface-1);color:var(--text-strong);box-shadow:inset 0 0 0 1px #ffffff1f}.waitlist-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.waitlist-meta{font-size:.85rem;color:var(--text-soft)}.waitlist-meta .license-code,.waitlist-meta code{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-strong);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #ffffff1f}.waitlist-meta .license-copy{background:none;border:none;padding:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);transition:color .2s ease}.waitlist-meta .license-copy:hover{color:var(--text-strong)}@keyframes hero-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.palette{background:linear-gradient(140deg,var(--surface-2),var(--surface-1));border-radius:var(--radius-lg);padding:clamp(24px,4vw,40px);box-shadow:var(--shadow-strong);border:1px solid var(--border-soft);position:relative;overflow:hidden}.palette:before{content:"";position:absolute;inset:18px;border-radius:calc(var(--radius-lg) - 10px);border:1px dashed var(--border-soft);pointer-events:none}.palette-grid{display:grid;gap:16px;position:relative;z-index:1}.swatch-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.swatch{background:var(--surface-2);border-radius:var(--radius-md);padding:16px;display:grid;gap:10px;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)}.swatch-color{height:52px;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff1a}.swatch-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.swatch-value{font-size:.85rem;color:var(--text-muted)}.tone-panel{display:grid;gap:12px;padding:18px;border-radius:var(--radius-md);background:linear-gradient(130deg,var(--surface-3),var(--surface-2));border:1px solid var(--border-soft)}.tone-title{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.tone-text{font-size:1rem;line-height:1.6;color:var(--text-strong)}.tone-meta{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}@media(min-width:960px){.landing-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,.7fr) minmax(0,1.1fr);align-items:start}}@media(max-width:720px){.landing-header{flex-direction:column}.download-intro{text-align:center;margin-left:auto;margin-right:auto}.download-card-head{flex-direction:column;align-items:flex-start}.landing-nav{flex-wrap:wrap;justify-content:center}.landing-cta{align-items:center}.landing-actions{justify-content:center}.landing-copy{text-align:center}.how-header,.faq-header{text-align:center;margin-left:auto;margin-right:auto}.footer-grid{text-align:center}.footer-nav,.footer-links{justify-items:center}.footer-form .waitlist-field{justify-content:center}.footer-brand{justify-items:center}.how-controls{justify-content:center}.hero-media{order:2;margin-left:0;margin-right:0}.hero-shot,.hero-shot:hover{transform:none}.media-body{grid-template-columns:1fr}.media-rail{grid-auto-flow:column;grid-auto-columns:1fr}.media-play{position:static;margin-top:16px;justify-content:center}.how-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-auto-flow:row;height:auto;margin-bottom:0}.how-grid[data-layout=grid],.how-grid[data-layout=split-horizontal],.how-grid[data-layout=split-vertical]{grid-template-columns:1fr;grid-template-rows:auto;grid-auto-flow:row}.how-media{aspect-ratio:4 / 3;height:auto}.how-grid[data-layout=split-horizontal] .how-card,.how-grid[data-layout=split-vertical] .how-card{grid-template-rows:minmax(0,1fr) auto;gap:12px}.how-grid[data-layout=split-horizontal] .how-caption,.how-grid[data-layout=split-vertical] .how-caption{position:static;display:block;padding:0;border-radius:0;color:var(--text-muted);background:none}.how-controls,.how-frame-top .how-toggle,.how-frame-top .how-new-tile{display:none}.how-frame{padding:12px}.how-frame:before{inset:8px}.how-grid[data-layout=split-horizontal],.how-grid[data-layout=split-vertical]{grid-template-columns:1fr;grid-template-rows:auto}.how-grid[data-layout=split-horizontal] .how-card:first-child,.how-grid[data-layout=split-vertical] .how-card:first-child{grid-column:auto;grid-row:auto}.how-grid[data-layout=split-horizontal] .how-card:not(:first-child),.how-grid[data-layout=split-vertical] .how-card:not(:first-child){grid-column:auto;grid-row:auto}}.legal-page{text-align:left;max-width:680px}.legal-page h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.25rem}.legal-page p{font-size:.95rem;line-height:1.7;color:var(--text-muted)}.legal-page ul{padding-left:1.5rem;color:var(--text-muted);font-size:.95rem;line-height:1.7}.legal-page a{color:var(--accent)}.document-page{text-align:left;max-width:720px}.document-page h2{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;margin-top:2.5rem;margin-bottom:.5rem}.document-page h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;margin-top:1.75rem;margin-bottom:.25rem}.document-page p{font-size:.95rem;line-height:1.7;color:var(--text-muted)}.document-page ul,.document-page ol{padding-left:1.5rem;color:var(--text-muted);font-size:.95rem;line-height:1.7}.document-page li{margin-bottom:.25rem}.document-page a{color:var(--accent)}.document-page code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85em;background:var(--surface-soft);padding:.15em .4em;border-radius:4px}.document-page pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;margin:1rem 0}.document-page pre code{background:none;padding:0;font-size:.85rem;line-height:1.6;color:var(--text)}.document-page table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.document-page th,.document-page td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.document-page th{font-weight:600;color:var(--text);background:var(--surface-soft)}.document-page td{color:var(--text-muted)}.document-page td code{font-size:.8rem}.document-page hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.document-page strong{color:var(--text);font-weight:600}
