:root{--sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--accent-1: 90 155 255;--accent-2: 46 99 224;--r-panel: 24px;--r-tile: 18px;--r-ico: 12px;--r-pill: 999px;--r-chip: 14px;--v-txt: rgba(20, 23, 30, .92);--v-muted: rgba(28, 32, 42, .62);--v-faint: rgba(28, 32, 42, .44);--v-up: #0e9e5c;--v-up-strong: #0b7a46;--v-down: #d23a3d;--v-degraded: #b7791f;--v-unknown: rgba(28, 32, 42, .62);--v-idle: rgba(22, 25, 32, .34);--v-glass: rgba(255, 255, 255, .55);--v-glass2: rgba(255, 255, 255, .5);--v-brd: rgba(255, 255, 255, .65);--v-hi: rgba(255, 255, 255, .9);--v-hi2: rgba(255, 255, 255, .8);--v-shadow: rgba(30, 42, 72, .14);--v-shadow-tile: rgba(30, 42, 72, .1);--v-hover: rgba(255, 255, 255, .78);--v-rule: rgba(24, 30, 48, .14);--v-kbdbrd: rgba(24, 30, 48, .2);--v-btnhover: rgba(255, 255, 255, .72);--v-sep: #ffffff;--v-tick-idle: rgba(24, 30, 48, .16);--v-legend-idle: rgba(24, 30, 48, .22);--v-tile: rgba(255, 255, 255, .52);--v-tilebrd: rgba(255, 255, 255, .62);--v-tilehi: rgba(255, 255, 255, .85);--v-ico-hi: rgba(255, 255, 255, .5);--v-chip: rgba(255, 255, 255, .55);--v-chipbrd: rgba(255, 255, 255, .6);--v-focus-fill: rgba(255, 255, 255, .75);--v-field: rgba(255, 255, 255, .62);--v-field-fill: #e9eef8;--accent: #8fb8ff;--accent-mid: #5a9bff;--accent-3: #2e63e0;--on-accent: #fff;--amb: rgba(58, 108, 224, .16);--bg-1: #eef3fb;--bg-2: #e2eaf6}.dark{--v-txt: rgba(255, 255, 255, .93);--v-muted: rgba(255, 255, 255, .54);--v-faint: rgba(255, 255, 255, .36);--v-up: #43d18e;--v-up-strong: #43d18e;--v-down: #f0686b;--v-degraded: #f5b34a;--v-unknown: rgba(255, 255, 255, .54);--v-idle: rgba(255, 255, 255, .4);--v-glass: rgba(255, 255, 255, .055);--v-glass2: rgba(255, 255, 255, .05);--v-brd: rgba(255, 255, 255, .09);--v-hi: rgba(255, 255, 255, .14);--v-hi2: rgba(255, 255, 255, .1);--v-shadow: rgba(0, 0, 0, .34);--v-shadow-tile: rgba(0, 0, 0, .28);--v-hover: rgba(255, 255, 255, .085);--v-rule: rgba(255, 255, 255, .14);--v-kbdbrd: rgba(255, 255, 255, .16);--v-btnhover: rgba(255, 255, 255, .12);--v-sep: #0b0d16;--v-tick-idle: rgba(255, 255, 255, .14);--v-legend-idle: rgba(255, 255, 255, .18);--v-tile: rgba(255, 255, 255, .055);--v-tilebrd: rgba(255, 255, 255, .08);--v-tilehi: rgba(255, 255, 255, .12);--v-ico-hi: rgba(255, 255, 255, .14);--v-chip: rgba(255, 255, 255, .06);--v-chipbrd: rgba(255, 255, 255, .08);--v-focus-fill: rgba(255, 255, 255, .09);--v-field: rgba(255, 255, 255, .07);--v-field-fill: #171b24;--amb: rgba(58, 108, 224, .26);--bg-1: #0d1526;--bg-2: #080b14}[data-theme=blue]{--accent: #8fb8ff;--accent-mid: #5a9bff;--accent-3: #2e63e0;--on-accent: #fff;--accent-1: 90 155 255;--accent-2: 46 99 224}[data-theme=teal]{--accent: #7fe3dc;--accent-mid: #2bc4bc;--accent-3: #0e938d;--on-accent: #04140f;--accent-1: 43 196 188;--accent-2: 14 147 141}[data-theme=green]{--accent: #63e6a6;--accent-mid: #22c67d;--accent-3: #0e9a5c;--on-accent: #05130d;--accent-1: 34 198 125;--accent-2: 14 154 92}[data-theme=yellow]{--accent: #ffdc7a;--accent-mid: #ffc72e;--accent-3: #c79310;--on-accent: #241b00;--accent-1: 255 199 46;--accent-2: 199 147 16}[data-theme=orange]{--accent: #ffc08f;--accent-mid: #ff8a3d;--accent-3: #e06a12;--on-accent: #2a1400;--accent-1: 255 138 61;--accent-2: 224 106 18}[data-theme=red]{--accent: #ff9a9c;--accent-mid: #ff5a5c;--accent-3: #d63437;--on-accent: #fff;--accent-1: 255 90 92;--accent-2: 214 52 55}[data-theme=pink]{--accent: #ff9ec8;--accent-mid: #ff5ca0;--accent-3: #d63a7c;--on-accent: #fff;--accent-1: 255 92 160;--accent-2: 214 58 124}[data-theme=purple]{--accent: #c4b4ff;--accent-mid: #9b7cff;--accent-3: #6a4fcf;--on-accent: #fff;--accent-1: 155 124 255;--accent-2: 106 79 207}.dark[data-theme=blue]{--amb: rgba(58, 108, 224, .26);--bg-1: #0d1526;--bg-2: #080b14}.dark[data-theme=teal]{--amb: rgba(30, 190, 180, .22);--bg-1: #08201f;--bg-2: #061413}.dark[data-theme=green]{--amb: rgba(28, 176, 118, .22);--bg-1: #0a1b15;--bg-2: #07110d}.dark[data-theme=yellow]{--amb: rgba(220, 176, 44, .2);--bg-1: #181407;--bg-2: #100c05}.dark[data-theme=orange]{--amb: rgba(230, 120, 48, .22);--bg-1: #1b1209;--bg-2: #120b06}.dark[data-theme=red]{--amb: rgba(220, 74, 84, .22);--bg-1: #1b0f13;--bg-2: #120a0c}.dark[data-theme=pink]{--amb: rgba(236, 80, 150, .22);--bg-1: #210e1a;--bg-2: #150a11}.dark[data-theme=purple]{--amb: rgba(150, 110, 246, .24);--bg-1: #150e26;--bg-2: #0d0916}:root:not(.dark)[data-theme=blue]{--amb: rgba(58, 108, 224, .16);--bg-1: #eef3fb;--bg-2: #e2eaf6}:root:not(.dark)[data-theme=teal]{--amb: rgba(30, 190, 180, .15);--bg-1: #e9f6f6;--bg-2: #d9eeee}:root:not(.dark)[data-theme=green]{--amb: rgba(28, 176, 118, .15);--bg-1: #ecf6f1;--bg-2: #deeee6}:root:not(.dark)[data-theme=yellow]{--amb: rgba(210, 168, 40, .16);--bg-1: #f9f4e3;--bg-2: #f2ebd1}:root:not(.dark)[data-theme=orange]{--amb: rgba(230, 120, 48, .15);--bg-1: #fbf1e8;--bg-2: #f5e5d6}:root:not(.dark)[data-theme=red]{--amb: rgba(214, 58, 62, .15);--bg-1: #fbeef0;--bg-2: #f5e1e5}:root:not(.dark)[data-theme=pink]{--amb: rgba(236, 80, 150, .15);--bg-1: #fbeef5;--bg-2: #f5dfeb}:root:not(.dark)[data-theme=purple]{--amb: rgba(150, 110, 246, .16);--bg-1: #f2eefb;--bg-2: #e7dff6}.app-surface{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E") repeat,radial-gradient(1100px 560px at 12% -12%,rgb(var(--accent-1) / .12),transparent 60%),radial-gradient(900px 520px at 102% -6%,rgb(var(--accent-2) / .1),transparent 55%),radial-gradient(1000px 600px at 55% 42%,rgb(var(--accent-1) / .07),transparent 60%),radial-gradient(900px 560px at 8% 96%,rgb(var(--accent-2) / .08),transparent 60%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%)}.dark .app-surface{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E") repeat,radial-gradient(1100px 560px at 12% -12%,rgb(var(--accent-1) / .14),transparent 60%),radial-gradient(900px 520px at 102% -6%,rgb(var(--accent-2) / .12),transparent 55%),radial-gradient(1000px 600px at 55% 42%,rgb(var(--accent-1) / .09),transparent 60%),radial-gradient(900px 560px at 8% 96%,rgb(var(--accent-2) / .1),transparent 60%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--v-txt);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-surface{min-height:100vh;min-height:100svh;color:var(--v-txt);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}.mono{font-family:var(--mono)}.glass{background:var(--v-glass);border:1px solid var(--v-brd);border-top-color:var(--v-hi);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 18px 50px -24px var(--v-shadow)}.cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:15px;font-weight:600;line-height:1;padding:14px 22px;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .25s ease,background .2s ease}.cta:focus-visible{outline:2px solid var(--accent-mid);outline-offset:3px}.cta-primary{color:#fff;background:linear-gradient(135deg,var(--accent-mid),var(--accent-3));box-shadow:0 10px 26px -10px var(--accent-3)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px var(--accent-3)}.cta-glass{color:var(--v-txt);background:var(--v-glass);border-color:var(--v-brd);border-top-color:var(--v-hi);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cta-glass:hover{transform:translateY(-2px);background:var(--v-hover)}.cta-note{font-family:var(--mono);font-size:11px;color:var(--v-faint);margin-left:2px}.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.nav{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;background:var(--v-glass);border-bottom:1px solid var(--v-rule);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.nav-inner{display:flex;align-items:center;gap:20px;width:100%}.wordmark{font-size:21px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,var(--accent-mid),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;gap:22px;margin-left:18px;font-size:14px;color:var(--v-muted)}.nav-links a:hover{color:var(--v-txt)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-right .nav-gh-mobile{display:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--r-pill);background:var(--v-glass);border:1px solid var(--v-brd);border-top-color:var(--v-hi);color:var(--v-txt);cursor:pointer}.icon-btn:hover{background:var(--v-hover)}.icon-btn:focus-visible{outline:2px solid var(--accent-mid);outline-offset:2px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:72px 0 40px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--v-muted);padding:7px 14px;border-radius:var(--r-pill);background:var(--v-chip);border:1px solid var(--v-chipbrd)}.eyebrow .led{width:8px;height:8px;border-radius:999px;background:var(--v-up);box-shadow:0 0 10px var(--v-up)}h1.headline{font-size:56px;line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:20px 0 18px}.headline .grad{background:linear-gradient(120deg,var(--accent-mid),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.subhead{font-size:18px;line-height:1.5;color:var(--v-muted);max-width:33em;margin:0 0 26px}.hero-meta{margin-top:22px;font-family:var(--mono);font-size:12.5px;color:var(--v-faint)}.frame{border-radius:var(--r-panel);overflow:hidden;background:var(--v-glass);border:1px solid var(--v-brd);border-top-color:var(--v-hi);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 40px 90px -40px var(--v-shadow)}.frame-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--v-rule)}.frame-dot{width:11px;height:11px;border-radius:999px;background:var(--v-idle)}.frame-url{margin-left:12px;font-family:var(--mono);font-size:12px;color:var(--v-faint)}.frame img{display:block;width:100%;height:auto}.band{text-align:center;padding:76px 0;max-width:760px;margin:0 auto}.band .kicker,.section-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--accent-mid);text-transform:uppercase}.band h2{font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:14px 0 16px}.band p{font-size:17px;line-height:1.6;color:var(--v-muted)}.section{padding:40px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:30px;letter-spacing:-.02em;margin:10px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{border-radius:var(--r-tile);padding:22px 20px;background:var(--v-tile);border:1px solid var(--v-tilebrd);border-top-color:var(--v-tilehi);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px -18px var(--v-shadow-tile);transition:transform .18s ease}.feature-card:hover{transform:translateY(-2px)}.feature-card .fc-badge{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--accent-mid)}.feature-card h3{font-size:18px;margin:12px 0 8px;letter-spacing:-.01em}.feature-card p{font-size:14px;line-height:1.55;color:var(--v-muted);margin:0}.shots{display:grid;gap:40px}.shot{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.shot.rev .frame{order:2}.shot-caption h3{font-size:24px;letter-spacing:-.02em;margin:12px 0 10px}.shot-caption p{color:var(--v-muted);line-height:1.6;font-size:16px;margin:0}.shot .frame.phone{max-width:300px;margin:0 auto}.shot-placeholder{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--v-faint);background:radial-gradient(600px 300px at 30% 0%,rgb(var(--accent-1) / .12),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-2))}.shot-placeholder.phone{aspect-ratio:9 / 16}.compare{border-radius:var(--r-panel);overflow:hidden;background:var(--v-glass);border:1px solid var(--v-brd);border-top-color:var(--v-hi);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.compare table{width:100%;border-collapse:collapse;font-size:14.5px}.compare th,.compare td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--v-rule)}.compare thead th{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--v-muted);font-weight:600}.compare tbody th{text-align:left;font-weight:600;color:var(--v-txt)}.compare .home{color:var(--accent-mid);font-weight:700}.compare .yes{color:var(--v-up);font-weight:700}.compare .warn{color:var(--v-degraded)}.compare .no{color:var(--v-faint)}.compare tr:last-child td,.compare tr:last-child th{border-bottom:none}.honesty{margin:20px auto 0;max-width:720px;text-align:center;color:var(--v-muted);font-size:15px;line-height:1.6}.selfhost{text-align:center;padding:20px 0 10px}.code{position:relative;max-width:640px;margin:24px auto 0;text-align:left;border-radius:var(--r-tile);background:var(--v-field);border:1px solid var(--v-brd);border-top-color:var(--v-hi);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:18px 20px;font-family:var(--mono);font-size:14px}.code pre{margin:0;overflow-x:auto;color:var(--v-txt)}.code .prompt{color:var(--accent-mid);-webkit-user-select:none;user-select:none}.copy-btn{position:absolute;top:12px;right:12px;min-height:34px;padding:0 14px;border-radius:var(--r-pill);font-family:var(--mono);font-size:12px;color:var(--v-txt);background:var(--v-glass);border:1px solid var(--v-brd);border-top-color:var(--v-hi);cursor:pointer}.copy-btn:hover{background:var(--v-hover)}.copy-btn:focus-visible{outline:2px solid var(--accent-mid);outline-offset:2px}.footer{margin-top:60px;border-top:1px solid var(--v-rule);background:var(--v-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding:44px 0}.footer h4{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-faint);margin:0 0 14px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.footer a{color:var(--v-muted);font-size:14px}.footer a:hover{color:var(--v-txt)}.footer .tag{color:var(--v-muted);font-size:14px;line-height:1.6;margin:12px 0 0;max-width:26em}.footer-bottom{border-top:1px solid var(--v-rule);padding:18px 0;font-size:12.5px;color:var(--v-faint);text-align:center}@media (max-width: 1199px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 819px){.hero{grid-template-columns:1fr;padding-top:48px}.shot,.shot.rev .frame{grid-template-columns:1fr;order:0}h1.headline{font-size:44px}}@media (max-width: 480px){.wrap{padding:0 18px}h1.headline{font-size:38px}.feature-grid{grid-template-columns:1fr}.nav-links,.nav-star{display:none}.nav-right .nav-gh-mobile{display:inline-flex}.cta-row{flex-direction:column;align-items:stretch}.cta{justify-content:center;min-height:52px}.footer-inner{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}