:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;--fs-xs:.78rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:clamp(1.15rem, .9rem + .6vw, 1.3rem);--fs-h3:clamp(1.25rem, 1.05rem + .6vw, 1.5rem);--fs-h2:clamp(1.85rem, 1.2rem + 2vw, 2.9rem);--fs-h1:clamp(2.4rem, 1.4rem + 3.6vw, 4.4rem);--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--section-y:clamp(4rem, 2.5rem + 5vw, 7.5rem);--container:1180px;--gutter:clamp(1.1rem, .6rem + 2.2vw, 2.5rem);--header-h:68px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--ease:cubic-bezier(.22, 1, .36, 1);--t-fast:.16s;--t-med:.32s;--t-slow:.7s;--tt:#16a34a;--tt-soft:#16a34a1f;--pl:#4f6ef7;--pl-soft:#4f6ef724;--bt:#12a089;--bt-soft:#12a08924;--bezel:#0d0e11;--bezel-edge:#2a2c33}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--bg-tint:#eef0f4;--surface:#fff;--surface-2:#f9f9fb;--surface-3:#f0f1f4;--text:#0c0d10;--text-2:#3b3d45;--muted:#6b6e78;--border:#0c0d1014;--border-strong:#0c0d1024;--primary:#0c0d10;--primary-fg:#fff;--primary-hover:#26282e;--inverse-bg:#0c0d10;--inverse-text:#f5f5f7;--inverse-muted:#a3a6af;--header-bg:#f5f5f7b8;--shadow-sm:0 1px 2px #0c0d100d, 0 1px 1px #0c0d1008;--shadow-md:0 1px 2px #0c0d100a, 0 8px 24px -8px #0c0d101a;--shadow-lg:0 2px 4px #0c0d100a, 0 24px 60px -18px #0c0d1038;--glow-a:#16a34a24;--glow-b:#4f6ef724;--grid-line:#0c0d100b}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0b0d;--bg-tint:#101115;--surface:#141519;--surface-2:#181a1f;--surface-3:#1f2127;--text:#f3f4f6;--text-2:#c9cbd2;--muted:#9a9da8;--border:#ffffff14;--border-strong:#ffffff26;--primary:#f3f4f6;--primary-fg:#0a0b0d;--primary-hover:#fff;--inverse-bg:#f3f4f6;--inverse-text:#0a0b0d;--inverse-muted:#4b4e57;--header-bg:#0a0b0db3;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #00000059, 0 10px 30px -10px #0009;--shadow-lg:0 2px 6px #0006, 0 30px 70px -20px #000000bf;--glow-a:#16a34a29;--glow-b:#4f6ef733;--grid-line:#ffffff0a;--bezel-edge:#34363e}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}body,.site-header,.card,.btn,.theme-toggle{transition:background-color var(--t-med) var(--ease), color var(--t-med) var(--ease), border-color var(--t-med) var(--ease)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}p a,li a,.faq-answer a{text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:text-decoration-color var(--t-fast)}p a:hover,li a:hover,.faq-answer a:hover{text-decoration-color:currentColor}h1,h2,h3,h4{letter-spacing:-.025em;color:var(--text);margin:0;font-weight:650;line-height:1.1}h1{font-size:var(--fs-h1);letter-spacing:-.04em;line-height:1.02}h2{font-size:var(--fs-h2);letter-spacing:-.035em}h3{font-size:var(--fs-h3)}p{margin:0}code{font-family:var(--font-mono);background:var(--surface-3);border:1px solid var(--border);border-radius:6px;padding:.12em .4em;font-size:.88em}:focus-visible{outline:2px solid var(--pl);outline-offset:3px;border-radius:8px}::selection{background:var(--pl-soft)}.skip-link{z-index:100;border-radius:var(--r-sm);background:var(--primary);color:var(--primary-fg);padding:.6rem 1rem;font-weight:600;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y)}.section-tight{padding-block:calc(var(--section-y) * .6)}.muted{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(18px);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--border)}.header-inner{align-items:center;gap:var(--s-4);height:var(--header-h);padding-top:env(safe-area-inset-top,0);grid-template-columns:1fr auto 1fr;display:grid}.logo{letter-spacing:-.02em;justify-self:start;align-items:center;gap:.6rem;font-size:1.02rem;font-weight:650;display:inline-flex}.logo-mark{background:var(--primary);width:32px;height:32px;color:var(--primary-fg);box-shadow:var(--shadow-sm);transition:transform var(--t-med) var(--ease);border-radius:10px;place-items:center;font-size:.95rem;font-weight:700;display:grid}.logo:hover .logo-mark{transform:rotate(-6deg)scale(1.04)}.nav{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:2px;padding:4px;display:flex}.nav a{border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--muted);transition:color var(--t-fast), background-color var(--t-fast);padding:.42rem .95rem;font-weight:500;position:relative}.nav a:hover{color:var(--text);background:var(--surface-3)}.nav a[aria-current=page]{color:var(--primary-fg);background:var(--primary)}.header-actions{justify-self:end;align-items:center;gap:var(--s-2);display:flex}.theme-toggle{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);place-items:center;padding:0;display:inline-grid;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--border-strong)}.theme-toggle svg{width:18px;height:18px;transition:transform var(--t-med) var(--ease), opacity var(--t-med) var(--ease);grid-area:1/1}.theme-toggle .icon-moon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle .icon-sun{opacity:0;transform:rotate(-90deg)scale(.5)}[data-theme=dark] .theme-toggle .icon-moon{opacity:0;transform:rotate(90deg)scale(.5)}[data-theme=dark] .theme-toggle .icon-sun{opacity:1;transform:rotate(0)scale(1)}.nav-toggle{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);cursor:pointer;width:40px;height:40px;padding:0;display:none;position:relative}.nav-toggle span{background:var(--text);height:1.6px;transition:transform var(--t-med) var(--ease), top var(--t-med) var(--ease);border-radius:2px;position:absolute;left:12px;right:12px}.nav-toggle span:first-child{top:15px}.nav-toggle span:last-child{top:23px}.nav-toggle[aria-expanded=true] span:first-child{top:19px;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{top:19px;transform:rotate(-45deg)}.mobile-nav{padding:var(--s-2) var(--gutter) var(--s-4);border-top:1px solid var(--border);animation:menu-in var(--t-med) var(--ease);gap:2px;display:grid}.mobile-nav[hidden]{display:none}.mobile-nav a{border-bottom:1px solid var(--border);align-items:center;min-height:48px;padding:.85rem .25rem;font-weight:500;display:flex}.mobile-nav a:last-child{border-bottom:0}.mobile-nav a[aria-current=page]{color:var(--text);font-weight:650}.mobile-nav a[aria-current=page]:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:.6rem}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}.btn{border-radius:var(--r-pill);min-height:44px;font:inherit;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease), background-color var(--t-fast), color var(--t-fast), border-color var(--t-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.95rem;font-weight:550;display:inline-flex}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:var(--primary);color:var(--primary-fg);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--border-strong);transform:translateY(-1px)}.btn-ghost{color:var(--text);background:0 0;padding-inline:.9rem}.btn-ghost:hover{background:var(--surface-3)}.btn-sm{min-height:38px;font-size:var(--fs-sm);padding:.45rem 1rem}.btn .arrow{transition:transform var(--t-fast) var(--ease)}.btn:hover .arrow{transform:translate(2px,-2px)}.btn:hover .arrow-down{transform:translateY(2px)}.btn:hover .arrow-right{transform:translate(3px)}.play-badge{flex:none;width:18px;height:18px}.pill{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:var(--fs-xs);color:var(--text-2);align-items:center;gap:.55rem;padding:.38rem .85rem .38rem .7rem;font-weight:550;display:inline-flex}.pill-dot{background:var(--tt);width:7px;height:7px;box-shadow:0 0 0 0 var(--tt);border-radius:50%;animation:2.4s ease-out infinite pulse}.pill-dot.is-pl{background:var(--pl)}@keyframes pulse{0%{box-shadow:0 0 #16a34a73}70%,to{box-shadow:0 0 0 7px #16a34a00}}.eyebrow{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.chip-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chip-list li{border-radius:var(--r-pill);font-size:var(--fs-xs);color:var(--text-2);background:var(--surface-3);border:1px solid var(--border);padding:.3rem .7rem;font-weight:550}.trust-row{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;gap:.55rem 1.3rem;display:flex}.trust-item{align-items:center;gap:.45rem;display:inline-flex}.trust-item svg{color:var(--tt);flex:none}.trust-item b{color:var(--text);font-weight:600}.hero{isolation:isolate;padding-block:clamp(2.5rem,1rem + 5vw,6rem) clamp(3rem,1rem + 5vw,6.5rem);position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 60% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 70% at 60% 40%,#000 30%,#0000 75%)}.hero:after{content:"";z-index:-1;aspect-ratio:1.4;background:radial-gradient(closest-side at 35% 45%, var(--glow-a), transparent 70%), radial-gradient(closest-side at 70% 60%, var(--glow-b), transparent 70%);filter:blur(10px);width:min(900px,120vw);animation:18s ease-in-out infinite alternate drift;position:absolute;top:-20%;right:-15%}@keyframes drift{to{transform:translate(-4%,5%)scale(1.06)}}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,1rem + 4vw,5rem);display:grid}.hero-copy{justify-items:start;gap:var(--s-5);display:grid}.hero-copy h1{max-width:13ch}.hero-copy h1 .soft{color:var(--muted)}.lede{font-size:var(--fs-lg);color:var(--muted);max-width:34rem;line-height:1.55}.lede strong{color:var(--text);font-weight:600}.hero-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.app-hero-id{align-items:center;gap:var(--s-3);display:flex}.app-icon{width:64px;height:64px;box-shadow:var(--shadow-md);border:1px solid var(--border);background:var(--surface);object-fit:cover;border-radius:18px;flex:none}.app-icon-lg{border-radius:20px;width:76px;height:76px}.app-hero-id .app-name{letter-spacing:-.02em;font-size:1.05rem;font-weight:650}.app-hero-id .app-sub{font-size:var(--fs-sm);color:var(--muted)}.hero-visual{perspective:1400px;place-items:center;min-height:560px;display:grid;position:relative}.hero-visual .device{position:absolute}.hero-visual .device-back{width:46%;animation:9s ease-in-out infinite float-a;top:6%;left:6%;transform:rotate(-6deg)}.hero-visual .device-front{width:48%;animation:10s ease-in-out infinite float-b;top:14%;right:6%;transform:rotate(4deg)}.hero-visual-single .device-back{opacity:.92;width:44%;top:12%;left:4%}.hero-visual-single .device-front{z-index:2;width:52%;top:2%;right:10%;transform:rotate(0)}@keyframes float-a{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(-5deg)translateY(-12px)}}@keyframes float-b{0%,to{transform:rotate(4deg)translateY(0)}50%{transform:rotate(3deg)translateY(-16px)}}.hero-visual-single .device-front{animation-name:float-c}@keyframes float-c{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-badge{z-index:3;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:.6rem;padding:.6rem .9rem .6rem .6rem;font-weight:600;display:inline-flex;position:absolute}.hero-badge img{border-radius:10px;width:34px;height:34px}.hero-badge small{color:var(--muted);font-weight:500;font-size:var(--fs-xs);display:block}.hero-badge-a{bottom:10%;left:0}.hero-badge-b{top:4%;right:0}.hero-badge-c{top:12%;left:0}.device{background:var(--bezel);box-shadow:0 0 0 1px var(--bezel-edge) inset, 0 0 0 1px #0003, var(--shadow-lg);border-radius:34px;padding:9px;position:relative}.device:before{content:"";z-index:2;background:#000;border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:17px;left:50%;box-shadow:0 0 0 1.5px #1c1d22}.device img{background:#15161a;border-radius:26px;width:100%;height:auto}.device.is-card{box-shadow:0 0 0 1px var(--border), var(--shadow-lg);background:0 0;border-radius:26px;padding:0}.device.is-card:before{display:none}.device.is-card img{border-radius:26px}.section-head{gap:var(--s-4);max-width:44rem;margin-bottom:clamp(2rem,1rem + 3vw,3.5rem);display:grid}.section-head.center{text-align:center;justify-items:center;margin-inline:auto}.section-head p{font-size:var(--fs-md);color:var(--muted);max-width:38rem}.section-head-row{justify-content:space-between;align-items:end;gap:var(--s-5);margin-bottom:clamp(1.75rem,1rem + 2vw,2.75rem);display:flex}.section-head-row .section-head{margin-bottom:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.lift{transition:transform var(--t-med) var(--ease), box-shadow var(--t-med) var(--ease), border-color var(--t-med) var(--ease), background-color var(--t-med) var(--ease)}@media (hover:hover){.lift:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-4px)}}.showcase{gap:var(--s-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.showcase-card{--accent:var(--tt);--accent-soft:var(--tt-soft);border-radius:var(--r-xl);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.showcase-card.is-pl{--accent:var(--pl);--accent-soft:var(--pl-soft)}.showcase-card.is-btop{--accent:var(--bt);--accent-soft:var(--bt-soft)}.showcase-card.is-wide{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch}.showcase-card.is-wide .showcase-media{margin:var(--s-4) var(--s-4) var(--s-4) 0;border-radius:var(--r-lg);border-bottom:1px solid var(--border);min-height:280px}@media (width<=860px){.showcase-card.is-wide{grid-template-columns:minmax(0,1fr)}.showcase-card.is-wide .showcase-media{margin:0 var(--s-4) 0;border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0}}.showcase-body{gap:var(--s-4);padding:clamp(1.5rem,1rem + 1.5vw,2.5rem);padding-bottom:var(--s-5);display:grid}.showcase-top{align-items:center;gap:var(--s-4);display:flex}.showcase-top .label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600}.showcase-card h3{letter-spacing:-.03em;font-size:clamp(1.6rem,1.2rem + 1vw,2.1rem)}.showcase-card .tagline{color:var(--muted);font-size:var(--fs-md);max-width:30rem}.showcase-actions{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.showcase-media{min-height:300px;margin-inline:var(--s-4);border-radius:var(--r-lg) var(--r-lg) 0 0;background:radial-gradient(120% 90% at 50% 0%, var(--accent-soft), transparent 70%), var(--surface-2);border:1px solid var(--border);border-bottom:0;justify-content:center;gap:4%;padding:2rem 1.25rem 0;display:flex;position:relative;overflow:hidden}.showcase-media .device{width:30%;transition:transform var(--t-slow) var(--ease);border-radius:26px;flex:none;align-self:flex-start;padding:6px}.showcase-media .device img{border-radius:21px}.showcase-media .device.is-card{padding:0}.showcase-media .device:nth-child(2){margin-top:1.5rem}.showcase-media .device:nth-child(3){margin-top:3rem}@media (hover:hover){.showcase-card:hover .showcase-media .device:first-child{transform:translateY(-8px)rotate(-1.5deg)}.showcase-card:hover .showcase-media .device:nth-child(2){transform:translateY(-14px)}.showcase-card:hover .showcase-media .device:nth-child(3){transform:translateY(-8px)rotate(1.5deg)}}.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,1rem + 4vw,5rem);display:grid}.about-copy{gap:var(--s-5);justify-items:start;display:grid}.about-copy p{color:var(--muted);font-size:var(--fs-md);max-width:34rem}.principles{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.principle{padding:var(--s-5);gap:var(--s-2);align-content:start;display:grid}.principle h3{letter-spacing:-.015em;font-size:1.05rem}.principle p{color:var(--muted);font-size:var(--fs-sm)}.icon-box{background:var(--surface-3);border:1px solid var(--border);width:40px;height:40px;color:var(--text);margin-bottom:var(--s-2);border-radius:12px;place-items:center;display:grid}.icon-box svg{width:19px;height:19px}.icon-box.tt{color:var(--tt);background:var(--tt-soft);border-color:#0000}.icon-box.pl{color:var(--pl);background:var(--pl-soft);border-color:#0000}.icon-box.bt{color:var(--bt);background:var(--bt-soft);border-color:#0000}.feature-grid{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-btop .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{gap:var(--s-2);align-content:start;padding:clamp(1.25rem,1rem + .8vw,1.75rem);display:grid}.feature h3{letter-spacing:-.015em;font-size:1.08rem}.feature p{color:var(--muted);font-size:.95rem}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,1rem + 5vw,6rem);display:grid}.split+.split{margin-top:clamp(4rem,2rem + 5vw,7rem)}.split.reverse .split-media{order:-1}.split-copy{gap:var(--s-4);justify-items:start;display:grid}.split-copy p{color:var(--muted);font-size:var(--fs-md);max-width:34rem}.check-list{margin:var(--s-2) 0 0;gap:.6rem;padding:0;list-style:none;display:grid}.check-list li{color:var(--text-2);align-items:flex-start;gap:.65rem;display:flex}.check-list li:before{content:"";background:var(--tt-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 12px no-repeat;border-radius:50%;flex:none;width:20px;height:20px;margin-top:2px}.page-pl .check-list li:before{background-color:var(--pl-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f6ef7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}.page-btop .check-list li:before{background-color:var(--bt-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312a089' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}.split-media{border-radius:var(--r-xl);background:radial-gradient(90% 80% at 50% 20%, var(--accent-soft,var(--tt-soft)), transparent 70%), var(--surface-2);border:1px solid var(--border);justify-content:center;padding:clamp(1.5rem,1rem + 2vw,3rem);display:flex;position:relative;overflow:hidden}.page-pl .split-media{--accent-soft:var(--pl-soft)}.page-btop .split-media{--accent-soft:var(--bt-soft)}.split-media .device{width:min(280px,62%)}.gallery-section{overflow:hidden}.gallery-controls{gap:var(--s-2);flex:none;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:46px;height:46px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--t-fast) var(--ease), opacity var(--t-fast), border-color var(--t-fast);border-radius:50%;place-items:center;display:grid}.icon-btn:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn svg{width:18px;height:18px}.shot-gallery{position:relative}.shot-gallery-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:1rem max(var(--gutter), calc((100vw - var(--container)) / 2)) 2.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:clamp(.9rem,.5rem + 1vw,1.5rem);margin:-1rem 0 -1.5rem;display:flex;overflow-x:auto}.shot-gallery-track::-webkit-scrollbar{display:none}.shot-gallery-track>*{scroll-snap-align:center;flex:none}.shot-frame{width:clamp(200px,17vw,250px);transition:transform var(--t-med) var(--ease);margin:0}@media (hover:hover){.shot-frame:hover{transform:translateY(-6px)}}.shot-frame .device{border-radius:30px;padding:7px}.shot-frame .device img{border-radius:24px}.shot-frame .device.is-card{padding:0}.shot-skel{aspect-ratio:9/18;background:linear-gradient(100deg, var(--surface-3) 30%, var(--surface) 50%, var(--surface-3) 70%);background-size:300% 100%;border-radius:28px;width:clamp(200px,17vw,250px);animation:1.6s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.shot-empty{color:var(--muted);text-align:center;padding:var(--s-6) var(--gutter)}.gallery-note{margin-top:var(--s-4);font-size:var(--fs-sm);color:var(--muted)}.distro-groups{gap:clamp(2rem,1rem + 2vw,3rem);display:grid}.distro-group-head{justify-content:space-between;align-items:baseline;gap:var(--s-4);margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--border);display:flex}.distro-group-head h3{font-size:1.1rem}.distro-group-head span{font-size:var(--fs-sm);color:var(--muted)}.distro-grid{gap:var(--s-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.distro-card{border-radius:var(--r-md);align-content:start;gap:.35rem;min-height:112px;padding:1.1rem 1.2rem;display:grid;position:relative}.distro-card-top{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.distro-name{align-items:center;gap:.6rem;display:flex}.distro-mono{color:#fff;background:var(--c,#555);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:grid}.distro-card h4{letter-spacing:-.01em;font-size:1rem}.distro-card p{color:var(--muted);font-size:var(--fs-sm)}.distro-card.is-recommended{border-color:color-mix(in srgb, var(--pl) 45%, transparent);box-shadow:0 0 0 3px var(--pl-soft), var(--shadow-sm)}.distro-card.is-soon{background:var(--surface-2);border-style:dashed}.distro-card.is-soon .distro-mono{filter:saturate(.4);opacity:.7}.distro-tag{border-radius:var(--r-pill);letter-spacing:.02em;white-space:nowrap;padding:.18rem .55rem;font-size:.7rem;font-weight:650}.tag-light{color:#0e7490;background:#0e74901f}.tag-recommended{color:var(--pl);background:var(--pl-soft)}.tag-soon{color:var(--muted);background:var(--surface-3)}.tag-stable{color:var(--tt);background:var(--tt-soft)}[data-theme=dark] .tag-light{color:#67e8f9;background:#67e8f91f}[data-theme=dark] .tag-recommended{color:#93a8ff}[data-theme=dark] .tag-stable{color:#4ade80}.faq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,1rem + 4vw,5rem);display:grid}.faq-layout .section-head{top:calc(var(--header-h) + 2rem);margin-bottom:0;position:sticky}.faq-list{gap:var(--s-3);display:grid}.faq-card{border-radius:var(--r-md);overflow:hidden}.faq-card summary{justify-content:space-between;align-items:center;gap:var(--s-4);cursor:pointer;min-height:56px;padding:1.15rem 1.35rem;font-weight:600;list-style:none;display:flex}.faq-card summary::-webkit-details-marker{display:none}.faq-card summary:after{content:"";background:var(--surface-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 12px no-repeat;width:26px;height:26px;transition:transform var(--t-med) var(--ease);border-radius:50%;flex:none}.faq-card[open] summary:after{transform:rotate(45deg)}.faq-answer{color:var(--muted);padding:0 1.35rem 1.25rem}.faq-card[open] .faq-answer{animation:menu-in var(--t-med) var(--ease)}.faq-more{margin:var(--s-3) 0 0}.faq-page h1{letter-spacing:-.03em;margin:.35rem 0 .75rem;font-size:clamp(2rem,1.4rem + 2.4vw,3.1rem);line-height:1.08}.faq-page .section-head{max-height:calc(100vh - var(--header-h) - 4rem);overflow:auto}.faq-page .hero-actions{margin-top:var(--s-5)}.faq-toc{margin-top:var(--s-6);gap:var(--s-3);display:grid}.faq-toc ol{border-left:1px solid var(--border);gap:1px;margin:0;padding:0;list-style:none;display:grid}.faq-toc a{font-size:var(--fs-sm);color:var(--muted);transition:color var(--t-fast);padding:.32rem 0 .32rem 1rem;display:block}.faq-toc a:hover{color:var(--text)}.faq-groups{gap:var(--s-7,3rem);display:grid}.faq-group-title{letter-spacing:-.01em;margin:0 0 var(--s-4);font-size:1.15rem}.faq-card{scroll-margin-top:calc(var(--header-h) + 1.5rem)}.cta-band{align-items:center;gap:var(--s-6);border-radius:var(--r-xl);background:var(--inverse-bg);color:var(--inverse-text);isolation:isolate;grid-template-columns:minmax(0,1fr) auto;padding:clamp(2rem,1rem + 4vw,4rem);display:grid;position:relative;overflow:hidden}.cta-band:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow-a), transparent), radial-gradient(closest-side at 70% 40%, var(--glow-b), transparent);opacity:.9;height:140%;position:absolute;inset:auto -10% -60% 40%}.cta-band h2{color:var(--inverse-text);max-width:18ch}.cta-band p{color:var(--inverse-muted);margin-top:var(--s-3);max-width:34rem}.cta-band p a{color:var(--inverse-text)}.cta-band code{border-color:color-mix(in srgb, var(--inverse-text) 20%, transparent);color:var(--inverse-text);background:0 0}.cta-band .btn-primary{background:var(--inverse-text);color:var(--inverse-bg)}.cta-band .btn-secondary{color:var(--inverse-text);border-color:color-mix(in srgb, var(--inverse-text) 25%, transparent);box-shadow:none;background:0 0}.cta-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.cta-band .app-icon{border-color:#0000}.legal-layout{padding-block:clamp(2.5rem, 1rem + 4vw, 5rem) var(--section-y);grid-template-columns:240px minmax(0,70ch);justify-content:center;align-items:start;gap:clamp(2rem,1rem + 4vw,5rem);display:grid}.toc{top:calc(var(--header-h) + 2rem);gap:var(--s-3);max-height:calc(100vh - var(--header-h) - 4rem);display:grid;position:sticky;overflow:auto}.toc ol{border-left:1px solid var(--border);gap:1px;margin:0;padding:0;list-style:none;display:grid}.toc a{font-size:var(--fs-sm);color:var(--muted);transition:color var(--t-fast), border-color var(--t-fast);border-left:2px solid #0000;margin-left:-1px;padding:.38rem 0 .38rem 1rem;display:block}.toc a:hover{color:var(--text)}.toc a.is-active{color:var(--text);border-left-color:var(--text);font-weight:550}.legal-header{gap:var(--s-3);padding-bottom:var(--s-6);margin-bottom:var(--s-6);border-bottom:1px solid var(--border);display:grid}.legal-header h1{font-size:clamp(2.2rem,1.5rem + 2.5vw,3.4rem)}.legal-meta-row{align-items:center;gap:var(--s-3);color:var(--muted);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.legal-meta-row .app-icon{border-radius:10px;width:36px;height:36px}.legal-prose{color:var(--text-2);font-size:1.02rem;line-height:1.75}.legal-prose section{padding-block:var(--s-4)}.legal-prose h2{letter-spacing:-.02em;margin:var(--s-4) 0 var(--s-3);color:var(--text);font-size:1.35rem}.legal-prose p+p,.legal-prose ul+p,.legal-prose p+ul{margin-top:var(--s-3)}.legal-prose ul{margin:var(--s-3) 0 0;padding-left:1.2rem}.legal-prose li+li{margin-top:.35rem}.legal-prose li::marker{color:var(--muted)}.site-footer{border-top:1px solid var(--border);background:var(--bg-tint);padding-block:clamp(3rem, 2rem + 3vw, 4.5rem) calc(1.5rem + env(safe-area-inset-bottom,0))}.footer-grid{gap:var(--s-6);grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));display:grid}.footer-brand{gap:var(--s-3);align-content:start;justify-items:start;display:grid}.footer-brand p{color:var(--muted);font-size:var(--fs-sm);max-width:22rem}.footer-col h2{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s-4);font-weight:600}.footer-col ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.footer-col a{font-size:var(--fs-sm);color:var(--text-2);transition:color var(--t-fast)}.footer-col a:hover{color:var(--text)}.footer-bottom{justify-content:space-between;gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;margin-top:clamp(2.5rem,2rem + 2vw,3.5rem);display:flex}.reveal-ready .reveal{opacity:0;transition:opacity var(--t-slow) var(--ease), transform var(--t-slow) var(--ease);transition-delay:var(--d,0s);transform:translateY(18px)}.reveal-ready .reveal.is-visible{opacity:1;transform:none}.legal-page .reveal,.reveal-ready .legal-page .reveal{opacity:1!important;transform:none!important}.video-section .video-facade{margin-top:var(--s-6);width:min(100%,920px);margin-inline:auto}.video-facade{aspect-ratio:16/9;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);background:#0a0b0d;position:relative;overflow:hidden}.video-facade img,.video-facade iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-facade img{object-fit:cover}.video-facade-btn{cursor:pointer;width:100%;height:100%;color:inherit;background:0 0;border:0;padding:0;position:absolute;inset:0}.video-facade-btn:focus-visible{outline:2px solid var(--primary);outline-offset:-4px}.video-play{color:#fff;width:72px;height:72px;transition:transform var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);background:#0c0d10d6;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000047}.video-play svg{width:28px;height:28px;margin-left:3px}@media (hover:hover){.video-facade-btn:hover .video-play{background:#0c0d10f0;transform:translate(-50%,-50%)scale(1.06)}}[data-theme=dark] .video-play{color:#0a0b0d;background:#f3f4f6eb}[data-theme=dark] .video-facade-btn:hover .video-play{background:#fff}.video-fallback{margin-top:var(--s-3);text-align:center;font-size:var(--fs-sm)}.video-link{font-size:var(--fs-sm);color:var(--text-2);align-self:center;padding:.35rem .15rem;font-weight:600;text-decoration:none}.video-link:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.soon-label,a.soon-label,span.soon-label{cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.soon-label:hover,.btn.soon-label:hover{filter:none;background:var(--surface-2);color:var(--text-2);border-color:var(--border-strong);transform:none}@media (width<=1100px){.distro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-badge-b,.hero-badge-c{display:none}}@media (width<=1023px){.legal-layout{grid-template-columns:minmax(0,70ch)}.toc{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@media (width<=960px){.hero-grid,.about-grid,.split,.faq-layout{grid-template-columns:minmax(0,1fr)}.split.reverse .split-media{order:0}.faq-layout .section-head{position:static}.faq-page .section-head{max-height:none;overflow:visible}.faq-toc{display:none}.hero-visual{aspect-ratio:1.1;width:100%;max-width:560px;min-height:0;margin-inline:auto}.cta-band{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.showcase{grid-template-columns:minmax(0,1fr)}:root{--header-h:60px}.header-inner{grid-template-columns:1fr auto}.nav,.header-cta{display:none}.nav-toggle{display:inline-block}.header-actions{gap:var(--s-2)}.site-header .header-actions+.nav-toggle{margin-left:calc(var(--s-2) * -1 + 4px)}}@media (width<=640px){.hero{padding-top:2rem}.hero-copy{gap:var(--s-4)}.hero-actions .btn,.cta-actions .btn{flex:auto}.hero-visual{aspect-ratio:.95}.hero-badge{font-size:var(--fs-xs);padding:.45rem .7rem .45rem .45rem}.hero-badge img{width:28px;height:28px}.hero-badge-a{bottom:2%}.feature-grid,.principles{grid-template-columns:minmax(0,1fr)}.distro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.distro-card{min-height:0;padding:.95rem}.distro-card-top{flex-wrap:wrap}.distro-mono{width:30px;height:30px}.section-head-row{flex-direction:column;align-items:start}.gallery-controls{display:none}.shot-frame,.shot-skel{width:62vw;max-width:260px}.showcase-media{min-height:240px;margin-inline:var(--s-3)}.footer-grid{gap:var(--s-5);grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column}.device{border-radius:26px;padding:6px}.device img{border-radius:21px}.device:before{width:7px;height:7px;top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal-ready .reveal{opacity:1;transform:none}}.guide-card{margin-bottom:var(--s-5,2rem);padding:clamp(1.25rem,1rem + 1.5vw,2.25rem)}.guide-card h2:first-child{margin-top:0}.guide-steps{margin:var(--s-3,.75rem) 0 0;padding-left:1.3rem}.guide-steps li+li{margin-top:.6rem}.guide-card code{background:var(--border);color:var(--text);word-break:break-word;border-radius:6px;padding:.1em .35em;font-size:.9em}.doc-page{max-width:860px;margin-inline:auto;padding-block:clamp(2rem,1rem + 3vw,3.5rem) clamp(2.5rem,1.5rem + 3vw,4rem)}.doc-page-header{padding-bottom:var(--s-5);margin-bottom:var(--s-5)}.doc-viewer{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-3);flex-direction:column;height:70vh;min-height:420px;display:flex;overflow:hidden}.doc-toolbar{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border-strong);background:var(--surface-2);flex-wrap:wrap;flex:none;display:flex}.doc-tabs{gap:var(--s-1);display:flex}.doc-tabs a{border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--muted);transition:color var(--t-fast), background-color var(--t-fast), border-color var(--t-fast);border:1px solid #0000;padding:.4rem .8rem;font-weight:500}.doc-tabs a:hover{color:var(--text)}.doc-tabs a.is-active{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.doc-date{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums}.doc-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:clamp(.75rem,.4rem + 1.5vw,1.5rem);position:relative;overflow-y:auto}.doc-scroll:focus-visible{outline:2px solid var(--border-strong);outline-offset:-2px}.doc-paper{background:var(--surface);border:1px solid var(--border);border-radius:6px;max-width:70ch;margin-inline:auto;padding:clamp(1.25rem,.6rem + 3vw,3rem);font-size:.97rem;line-height:1.7}.doc-part+.doc-part{margin-top:var(--s-7);padding-top:var(--s-6);border-top:1px solid var(--border-strong)}.doc-part>h2{scroll-margin-top:var(--s-4);margin-top:0;font-size:1.6rem}.doc-lead{color:var(--text)}.doc-paper h3{letter-spacing:-.01em;margin:var(--s-3) 0 var(--s-2);color:var(--text);font-size:1.08rem}.doc-paper section{padding-block:var(--s-3)}@media (width<=640px){.doc-viewer{border-radius:var(--r-sm);height:75vh}.doc-date{width:100%}}
