:root{color-scheme:light dark;--bg:#fbfaf7;--surface:#fff;--sunk:#f3f1ec;--text:#15131c;--muted:#5b5866;--line:#e6e2ea;--dot:#dad5e2;--brand:#ff7a45;--accent:#5b3df5;--accent-hover:#4a2fe0;--accent-ink:#fff;--accent-soft:#ece8ff;--danger:#b4231a;--danger-soft:#fbe4df;--warn:#8a5a00;--warn-soft:#f8ecd0;--glow-a:#5b3df529;--glow-b:#ff7a4524;--shadow:0 1px 2px #1410280a, 0 8px 24px #1410280f;--radius:18px;--max:1160px;--font-display:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;font-family:var(--font-body)}@media (prefers-color-scheme:dark){:root{--bg:#0c0b11;--surface:#17151f;--sunk:#121019;--text:#f2f0f7;--muted:#a29fae;--line:#2a2734;--dot:#353140;--brand:#ff8a5c;--accent:#8f7bff;--accent-hover:#a594ff;--accent-ink:#0c0b11;--accent-soft:#221d3d;--danger:#ff8a7a;--danger-soft:#3a1915;--warn:#f3c25e;--warn-soft:#33270f;--glow-a:#8f7bff33;--glow-b:#ff7a4529;--shadow:0 1px 2px #0000004d, 0 12px 32px #0006}}.brand-mark{flex:none;width:26px;height:26px}@media (prefers-color-scheme:dark){.brand-mark{box-shadow:0 0 0 1px var(--line);border-radius:7px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px;overflow-x:clip}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16.5px;line-height:1.6;display:flex;overflow-x:clip}main{flex:1}img,svg{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);font-optical-sizing:auto;color:var(--text)}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 16px}@media (width>=761px){.wrap{padding:0 32px}}.skip-link{z-index:20;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:8px 14px;font-weight:600;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{color:var(--accent-ink);transform:none}.site-header{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(14px);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.brand{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand small{color:var(--muted);font-family:var(--font-mono);letter-spacing:0;font-size:13px;font-weight:400}.site-nav{align-items:center;gap:4px;font-size:15px;display:flex}.site-nav a{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:6px 14px;text-decoration:none;transition:color .15s,background .15s}.site-nav a:hover{color:var(--text);background:var(--sunk)}.site-nav a[aria-current=page]{color:var(--text);background:var(--surface);border-color:var(--line)}.site-nav .nav-auth{justify-content:flex-end;min-width:76px;display:inline-flex}.site-nav a.nav-cta{border-color:var(--line);background:var(--surface);color:var(--text);font-weight:600}.site-nav a.nav-cta:hover{border-color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);margin-top:96px;font-size:13px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:28px;padding-bottom:40px;display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text)}.site-footer nav{flex-wrap:wrap;gap:4px 16px;display:flex}.hero{isolation:isolate;padding:96px 0 64px;position:relative}.hero:before{content:"";z-index:-1;background-image:radial-gradient(var(--dot) 1.2px, transparent 1.7px);background-size:24px 24px;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(60% 85% at 50% 0,#000 25%,#0000 75%);mask-image:radial-gradient(60% 85% at 50% 0,#000 25%,#0000 75%)}.hero h1{letter-spacing:-.04em;max-width:16ch;margin:0 0 20px;font-size:clamp(40px,7vw,80px);font-weight:800;line-height:1}.hero h1 .dot{color:var(--brand)}.hero .lead{max-width:620px;color:var(--muted);margin:0;font-size:clamp(18px,2.2vw,21px);line-height:1.5}.hero .lead strong{color:var(--text);font-weight:650}.tool-hero{grid-template-columns:auto 1fr;align-items:center;gap:40px;padding-bottom:56px;display:grid}.tool-hero h1{max-width:none;margin-bottom:14px;font-size:clamp(48px,8vw,92px)}.tool-hero .subhead{max-width:640px;color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(21px,2.8vw,28px);font-weight:650;line-height:1.25}.tool-icon{width:132px;height:132px;box-shadow:0 24px 48px -20px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:30px}.eyebrow{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:4px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);min-height:50px;color:var(--text);font:inherit;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:15.5px;font-weight:600;text-decoration:none;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--muted);color:var(--text);transform:translateY(-1px)}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 24px -12px color-mix(in srgb, var(--accent) 80%, transparent)}.btn-primary:hover{border-color:var(--accent-hover);background:var(--accent-hover);color:var(--accent-ink)}.btn svg{flex:none;width:18px;height:18px}.btn-sm{min-height:42px;padding:0 18px;font-size:14.5px}.meta{color:var(--muted);font-family:var(--font-mono);margin:18px 0 0;font-size:13px}section{padding:48px 0}.kicker{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:12.5px;display:inline-flex}.kicker:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}h2{letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(28px,4.2vw,44px);font-weight:750;line-height:1.08}h3{letter-spacing:-.015em;margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.25}.section-lead{max-width:680px;color:var(--muted);margin:-8px 0 32px;font-size:17.5px}.stage-wide{border:1px solid var(--line);background-color:var(--sunk);background-image:radial-gradient(var(--dot) 1.2px, transparent 1.7px);background-size:22px 22px;border-radius:28px;padding:48px;position:relative;overflow:hidden}.window{border:1px solid var(--line);background:var(--surface);max-width:920px;box-shadow:var(--shadow);border-radius:14px;margin:0 auto;overflow:hidden}.window-bar{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:16px;height:42px;padding:0 16px;display:flex}.window-dots{gap:6px;display:inline-flex}.window-dots i{background:var(--dot);border-radius:50%;width:10px;height:10px}.window-url{background:var(--sunk);min-width:0;max-width:340px;color:var(--muted);font-family:var(--font-mono);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;margin:0 auto;padding:3px 14px;font-size:12px;overflow:hidden}.window-bar:after{content:"";flex:none;width:42px}.preview{grid-template-columns:1fr 290px;display:grid}.preview .page{padding:28px}.page .skel{background:var(--sunk);border-radius:6px;height:12px;margin-bottom:10px}.page .skel.title{background:var(--line);width:45%;height:18px;margin-bottom:14px}.page .skel.short{width:70%;margin-bottom:22px}.feed{border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:12px;height:236px;position:relative;overflow:hidden}.feed-badge{z-index:1;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:500;position:absolute;top:10px;right:10px}.feed-track{gap:10px;padding:14px;animation:9s linear infinite feed-scroll;display:grid}.feed-track i{border:1px solid var(--line);background:linear-gradient(var(--sunk), var(--sunk)) 56px 14px / 45% 9px no-repeat, linear-gradient(var(--sunk), var(--sunk)) 56px 31px / 28% 9px no-repeat, radial-gradient(circle at 26px 27px, var(--line) 14px, transparent 14.5px), var(--surface);border-radius:10px;height:54px;display:block}@keyframes feed-scroll{to{transform:translateY(-384px)}}.preview .panel{border-left:1px solid var(--line);background:var(--bg);padding:18px;font-size:14px}.panel-head{font-family:var(--font-display);align-items:center;gap:10px;margin-bottom:16px;font-weight:700;display:flex}.panel-head img{border-radius:7px;width:26px;height:26px}.panel .row{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:10px;padding:12px}.panel .label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.panel .chips{gap:6px;margin-top:8px;display:flex}.panel .chip{border:1px solid var(--line);text-align:center;white-space:nowrap;border-radius:999px;flex:1;padding:4px 10px;font-size:13px}.panel .chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.panel .bar{background:var(--line);border-radius:3px;height:6px;margin-top:12px;position:relative}.panel .bar i{background:var(--accent);border-radius:3px;width:35%;height:100%;display:block}.panel .bar i:after{content:"";border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:35%;transform:translate(-50%,-50%)}.panel .fake-btns{gap:8px;margin-top:10px;display:flex}.panel .fake-btn{text-align:center;background:var(--accent);color:var(--accent-ink);border-radius:9px;flex:1;padding:8px;font-weight:600}.panel .fake-btn.ghost{border:1px solid var(--line);color:var(--text);background:0 0}.callout{border:1px solid var(--line);background:var(--surface);border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:40px;padding:40px;display:grid}.callout h2{margin-bottom:16px}.callout p{color:var(--muted);margin:0 0 14px;font-size:17px}.callout p:last-child{margin-bottom:0}.callout ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.callout li{border:1px solid var(--line);background:var(--bg);border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-weight:600;display:flex}.callout li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.callout li span{color:var(--muted);font-family:var(--font-mono);margin-left:auto;font-size:12.5px;font-weight:400}.feature-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;display:grid}.feature-group{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:28px}.feature-group>p{color:var(--muted);margin:0 0 16px;font-size:15.5px}.ticks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ticks li{padding-left:28px;font-size:15.5px;position:relative}.ticks li:before{content:"";border-bottom:2px solid var(--accent);border-left:2px solid var(--accent);width:14px;height:8px;position:absolute;top:5px;left:2px;transform:rotate(-45deg)}.ticks li strong{font-weight:650}.ticks li span{color:var(--muted);display:block}.privacy-band{background:var(--accent-soft);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 48px;padding:40px;display:grid}.privacy-band h2{margin-bottom:12px}.privacy-band p{color:var(--muted);margin:0;font-size:17px}.privacy-band .ticks li{font-size:16px}.pro-head{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:24px;display:flex}.pro-head h2{margin:0}.pro-badge{background:var(--brand);color:#15131c;font-family:var(--font-mono);letter-spacing:.06em;vertical-align:middle;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.pro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}.plans{gap:14px;display:grid}.plan{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:24px 26px;position:relative}.plan.best{border:2px solid var(--accent);box-shadow:0 18px 40px -24px color-mix(in srgb, var(--accent) 80%, transparent)}.plan h3{align-items:center;gap:10px;margin:0 0 6px;font-size:17px;display:flex}.plan .save{background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600}.plan .price{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:40px;font-weight:800;line-height:1.1}.plan .price span{color:var(--muted);letter-spacing:0;font-size:17px;font-weight:500}.plan .billed{color:var(--muted);margin:4px 0 0;font-size:15px}.pro-cta{margin-top:6px}.pro-cta .btn{width:100%}.pro-cta p{color:var(--muted);text-align:center;margin:12px 0 0;font-size:14.5px}.pro-features{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:28px}.pro-features h3{margin-bottom:18px}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);counter-increment:step;padding:24px}.steps li:before{content:counter(step);color:var(--accent);font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:14px;font-size:44px;font-weight:800;line-height:1;display:block}.steps h3{font-size:18px}.steps p{color:var(--muted);margin:0;font-size:15.5px}.notes{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:24px 0 0;padding:0;list-style:none;overflow:hidden}.notes li{color:var(--muted);padding:16px 24px 16px 50px;font-size:15.5px;position:relative}.notes li+li{border-top:1px solid var(--line)}.notes li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:26px;left:26px}.faq{border-top:1px solid var(--line);max-width:820px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary h3{margin:0;font-size:18px}.faq summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:10px;height:10px;margin-right:6px;transition:transform .15s;transform:rotate(45deg)translate(-2px,-2px)}.faq details[open] summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.faq summary:hover h3{color:var(--accent)}.faq .answer{color:var(--muted);padding:0 4px 22px}.faq .answer p{max-width:700px;margin:0}.support{border:1px solid var(--line);background:var(--surface);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:36px 40px;display:flex}.support h2{margin-bottom:8px}.support p{max-width:560px;color:var(--muted);margin:0}.support .actions{margin-top:0}code,kbd{font-family:var(--font-mono);font-size:.9em}:not(pre)>code{background:var(--sunk);border-radius:5px;padding:1px 6px}kbd{border:1px solid var(--line);background:var(--surface);color:var(--text);border-bottom-width:2px;border-radius:6px;padding:1px 7px}.prose{max-width:720px}.prose .hero{padding-bottom:32px}.prose .hero h1{max-width:none;font-size:clamp(40px,7vw,68px)}.prose h2{margin:48px 0 12px;font-size:26px}.prose p,.prose li{line-height:1.75}.prose ul{padding-left:22px}.prose li{margin-bottom:8px}.prose li::marker{color:var(--accent)}.draft-note{border:1px solid color-mix(in srgb, var(--warn) 35%, transparent);background:var(--warn-soft);color:var(--warn);border-radius:12px;margin:0 0 28px;padding:12px 16px;font-size:15px;font-weight:600}.summary-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0 0 8px;padding:20px 24px}.summary-box p{margin:0}@media (width<=900px){.callout,.privacy-band,.pro-grid{grid-template-columns:1fr}}@media (width<=760px){.hero{padding:56px 0 40px}.tool-hero{grid-template-columns:1fr;gap:22px;padding-bottom:32px}.tool-icon{border-radius:20px;width:84px;height:84px}section{padding:36px 0}.stage-wide{border-radius:20px;padding:14px}.preview{grid-template-columns:1fr}.preview .page{padding:18px}.feed{height:170px}.preview .panel{border-left:0;border-top:1px solid var(--line)}.callout,.privacy-band,.support{border-radius:20px;padding:24px}.feature-group,.pro-features{border-radius:18px;padding:22px}.site-header .wrap{gap:8px}.site-nav{gap:0}.site-nav a{padding:6px 9px;font-size:14px}.brand{gap:8px;font-size:18px}.callout li{flex-wrap:wrap;row-gap:2px}.callout li span{flex-basis:100%;margin-left:20px}}@media (width<=440px){.brand small{display:none}}@media (width<=380px){.site-nav a{padding:6px 7px;font-size:13.5px}.actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
