:root{--bg-0:#f6f8fb;--bg-1:#eef1f5;--glass:rgba(255,255,255,0.72);--stroke:rgba(16,24,33,0.10);--stroke-strong:rgba(16,24,33,0.18);--text:#16202b;--text-dim:#56616f;--teal:#14b8a6;--accent:#0d9488;--violet:#6d5efc;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 700px at 70% -10%,#dcf3ef 0,transparent 60%),radial-gradient(900px 600px at 10% 110%,#e7e6fb 0,transparent 55%),var(--bg-0);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--stroke);position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.nav-brand{display:flex;align-items:baseline;gap:10px;font-weight:700;letter-spacing:1px}.nav-brand .mark{color:var(--accent)}.nav-links{display:flex;gap:22px;align-items:center;font-size:14px}.container{max-width:1040px;margin:0 auto;padding:0 32px}.btn{display:inline-block;background:var(--teal);color:#04201d;font-weight:700;padding:11px 22px;border-radius:10px;border:none;cursor:pointer;font-size:15px}.btn:hover{filter:brightness(1.08);text-decoration:none}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--stroke-strong)}.btn.block{display:block;width:100%;text-align:center}.clay-bg{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.clay-bg .clay-grid{position:absolute;inset:-2px;opacity:.5;background-image:linear-gradient(var(--stroke) 1px,transparent 1px),linear-gradient(90deg,var(--stroke) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(120% 78% at 50% 18%,#000 0,transparent 72%);mask-image:radial-gradient(120% 78% at 50% 18%,#000 0,transparent 72%);animation:cbGrid 44s linear infinite}.cb-blob{position:absolute;border-radius:42% 58% 63% 37%/45% 42% 58% 55%;filter:blur(48px);will-change:transform,border-radius;animation:cbMorph var(--m,22s) ease-in-out infinite,cbDrift var(--d,32s) ease-in-out infinite}.cb-1{width:560px;height:560px;top:-130px;left:6%;opacity:.34;--m:21s;--d:34s;background:radial-gradient(closest-side,var(--teal) 60%,transparent)}.cb-2{width:640px;height:640px;top:-80px;right:3%;opacity:.3;--m:27s;--d:41s;background:radial-gradient(closest-side,var(--violet) 60%,transparent)}.cb-3{width:460px;height:460px;top:32vh;left:42%;opacity:.22;--m:18s;--d:29s;background:radial-gradient(closest-side,var(--teal) 58%,transparent)}.cb-4{width:520px;height:520px;top:58vh;left:4%;opacity:.16;--m:24s;--d:37s;background:radial-gradient(closest-side,var(--violet) 55%,transparent)}.cb-shard{position:absolute;border:1px solid var(--stroke-strong);border-radius:14px;background:color-mix(in srgb,var(--glass) 50%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;will-change:transform,opacity;animation:cbShard 17s ease-in-out infinite}.cb-s1{width:232px;height:142px;top:20vh;right:11%;animation-delay:2s}.cb-s2{width:182px;height:116px;top:47vh;left:11%;animation-delay:9s}.cb-s3{width:204px;height:128px;top:11vh;left:25%;animation-delay:13s}@keyframes cbMorph{0%,to{border-radius:42% 58% 63% 37%/45% 42% 58% 55%}34%{border-radius:61% 39% 44% 56%/58% 57% 43% 42%}67%{border-radius:47% 53% 59% 41%/39% 61% 40% 60%}}@keyframes cbDrift{0%,to{transform:translate(0) rotate(0deg) scale(1)}50%{transform:translate(44px,-32px) rotate(180deg) scale(1.08)}}@keyframes cbGrid{to{background-position:40px 40px,40px 40px}}@keyframes cbShard{0%,to{opacity:0;transform:scale(.92) translateY(10px)}42%,58%{opacity:.5;transform:scale(1) translateY(0)}}.hero{text-align:center;padding:118px 0 92px;position:relative}.hero-inner{display:flex;flex-direction:column;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--stroke-strong);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:7px 15px 7px 12px;border-radius:999px;margin-bottom:28px}.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 color-mix(in srgb,var(--teal) 55%,transparent);animation:cbPulse 2.6s ease-out infinite}@keyframes cbPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--teal) 55%,transparent)}70%,to{box-shadow:0 0 0 9px transparent}}.hero h1{font-size:66px;line-height:1.02;margin:0 0 20px;letter-spacing:-1.6px;max-width:15ch}.hero h1 .accent{background:linear-gradient(115deg,var(--teal),var(--violet) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero p{font-size:19px;color:var(--text-dim);max-width:620px;margin:0 auto 32px;line-height:1.65}.hero-cta{display:flex;gap:14px;justify-content:center}.hero-scroll{margin-top:34px;font-size:12.5px;letter-spacing:.5px;color:var(--text-dim);opacity:.8;animation:cbBob 2.8s ease-in-out infinite}@keyframes cbBob{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(3px);opacity:.9}}.features-section{position:relative}.feat-intro{text-align:center;margin:8px auto 6px}.feat-intro h2{font-size:30px;letter-spacing:-.6px;margin:0 0 6px}.feat-intro .muted{font-size:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;padding:30px 0 100px}.feature{position:relative;overflow:hidden;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);padding:26px 24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 44px rgba(20,33,61,.07);animation:cbEmerge .8s cubic-bezier(.2,.7,.2,1) both;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature:before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55}.feature:hover{transform:translateY(-4px);border-color:var(--stroke-strong);box-shadow:0 18px 54px rgba(20,33,61,.12)}.feature .ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;font-size:20px;margin-bottom:15px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent)}.feature h3{margin:0 0 8px;font-size:17px}.feature p{margin:0;color:var(--text-dim);font-size:14px;line-height:1.6}@keyframes cbEmerge{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.feature.featured{grid-column:span 2;grid-row:span 2;padding:32px 30px;display:flex;flex-direction:column;border-color:color-mix(in srgb,var(--accent) 42%,var(--stroke));background:linear-gradient(158deg,color-mix(in srgb,var(--teal) 9%,var(--glass)) 0,color-mix(in srgb,var(--violet) 7%,var(--glass)) 100%);box-shadow:0 16px 54px rgba(20,33,61,.1)}.feat-canvas{margin-top:auto;padding-top:26px;display:grid;grid-gap:9px;gap:9px;grid-template-columns:1.6fr 1fr;grid-auto-rows:minmax(46px,1fr);min-height:160px}.feat-canvas span{border-radius:9px;border:1px solid var(--stroke-strong);background:color-mix(in srgb,var(--glass) 65%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:cbTile 6.5s ease-in-out infinite}.feat-canvas span:first-child{grid-row:1/span 2;background:linear-gradient(150deg,color-mix(in srgb,var(--teal) 15%,var(--glass)),var(--glass))}.feat-canvas span:nth-child(2){animation-delay:.9s}.feat-canvas span:nth-child(3){animation-delay:1.7s;background:linear-gradient(150deg,color-mix(in srgb,var(--violet) 13%,var(--glass)),var(--glass))}.feat-canvas span:nth-child(4){grid-column:1/span 2;animation-delay:2.6s}@keyframes cbTile{0%,to{opacity:.55;transform:translateY(2px)}50%{opacity:1;transform:translateY(0)}}.feature.featured:before{opacity:.9}.feature.featured .ic{width:48px;height:48px;font-size:24px}.feature.featured h3{font-size:25px;letter-spacing:-.4px;margin-bottom:10px}.feature.featured p{font-size:15.5px;line-height:1.65;max-width:44ch}.feat-badge{display:inline-block;margin-bottom:13px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding:5px 11px;border-radius:999px}@media (prefers-reduced-motion:reduce){.cb-blob,.cb-shard,.clay-grid,.feat-canvas span,.feature,.hero-eyebrow .dot,.hero-scroll{animation:none!important}.cb-shard{opacity:.28}.feat-canvas span{opacity:.8}.feature{opacity:1;transform:none}}.card{background:var(--glass);border:1px solid var(--stroke-strong);border-radius:var(--radius);padding:32px;max-width:460px;margin:48px auto}.price{font-size:46px;font-weight:800}.price small{font-size:16px;color:var(--text-dim);font-weight:400}.checklist{list-style:none;padding:0;margin:22px 0}.checklist li{padding:7px 0 7px 26px;position:relative;color:var(--text-dim)}.checklist li:before{content:"✓";color:var(--accent);position:absolute;left:0}.field{width:100%;background:var(--bg-1);border:1px solid var(--stroke);border-radius:10px;color:var(--text);padding:11px 14px;font-size:15px;margin-bottom:12px}.field:focus{outline:none;border-color:var(--accent)}.oauth-row{display:flex;gap:10px;margin-bottom:18px}.divider{text-align:center;font-size:12px;margin:16px 0}.divider,.muted{color:var(--text-dim)}.muted{font-size:14px;line-height:1.6}.notice{background:rgba(140,125,255,.12);border:1px solid var(--violet);border-radius:10px;padding:12px 14px;color:var(--text);margin-bottom:18px}.foot,.notice{font-size:13px}.foot{border-top:1px solid var(--stroke);padding:28px 0;color:var(--text-dim);text-align:center}.foot-links{margin-top:8px;display:flex;gap:18px;justify-content:center}.legal{max-width:760px;margin:48px auto 40px;padding:0 32px;line-height:1.7}.legal h1{font-size:34px;margin:0 0 6px;letter-spacing:-.5px}.legal h2{font-size:20px;margin:30px 0 8px}.legal li,.legal p{color:var(--text-dim);font-size:15px}.legal ul{padding-left:22px;margin:8px 0}.legal strong{color:var(--text)}h2.section{font-size:30px;margin:8px 0 4px}.center,h2.section{text-align:center}.tiers{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px;max-width:860px;margin:30px auto 28px;align-items:start}.tier{position:relative;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);padding:30px 28px}.tier.featured{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tier-name{font-size:13px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--text-dim)}.tier .price{margin:8px 0 2px}.tier>.muted{min-height:66px;margin-top:6px}.tier .checklist{margin:18px 0 22px}.tier .btn.block{margin-top:4px}.tier-badge{position:absolute;top:-11px;right:20px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 11px;border-radius:999px}.checklist li.support{margin-top:14px;padding:11px 14px 11px 40px;border-radius:10px;color:var(--text);font-weight:600;line-height:1.5;background:color-mix(in srgb,var(--violet) 12%,transparent);border:1px solid color-mix(in srgb,var(--violet) 34%,transparent)}.checklist li.support:before{content:"◈";color:var(--violet);left:15px;top:11px;font-size:14px}.nowrap{white-space:nowrap}.info-dot{margin-left:6px;width:17px;height:17px;border-radius:999px;border:1px solid color-mix(in srgb,var(--violet) 55%,transparent);background:color-mix(in srgb,var(--violet) 12%,transparent);color:var(--violet);font-size:11px;font-weight:700;font-style:italic;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;transition:background .15s ease,border-color .15s ease}.info-dot:hover{background:color-mix(in srgb,var(--violet) 22%,transparent);border-color:var(--violet)}.info-dot[aria-expanded=true]{background:var(--violet);color:#fff;border-color:var(--violet)}.info-pop{flex-basis:100%;margin-top:10px;padding:14px 16px;border-radius:10px;background:color-mix(in srgb,var(--violet) 8%,transparent);border:1px solid color-mix(in srgb,var(--violet) 28%,transparent);color:var(--text-dim);font-size:13px;line-height:1.6}.info-pop p{margin:0 0 9px}.info-pop p:last-child{margin-bottom:0}.info-pop strong{color:var(--text)}@media (max-width:800px){.tiers{grid-template-columns:1fr}.tier>.muted{min-height:0}}.blog-head{padding:64px 0 8px}.blog-head h1{font-size:44px;margin:0 0 8px;letter-spacing:-1px}.blog-head .muted{font-size:17px;max-width:620px}.blog-empty{margin-top:24px}.post-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px;padding:28px 0 80px}.post-card{display:flex;flex-direction:column;overflow:hidden;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);transition:border-color .15s,transform .15s}.post-card:hover{text-decoration:none;border-color:var(--stroke-strong);transform:translateY(-2px)}.post-cover{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--bg-1)}.post-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px}.post-meta{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.post-title{font-size:20px;margin:0;color:var(--text);line-height:1.25;letter-spacing:-.3px}.post-excerpt{margin:0;color:var(--text-dim);font-size:14px;line-height:1.6}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tag{font-size:11px;color:var(--accent);border:1px solid var(--stroke-strong);border-radius:999px;padding:3px 10px;letter-spacing:.3px}.article{max-width:720px;margin:0 auto;padding:40px 0 72px}.article-back{display:inline-block;font-size:14px;color:var(--text-dim);margin-bottom:24px}.article-back:hover{color:var(--accent);text-decoration:none}.article-title{font-size:40px;line-height:1.12;letter-spacing:-1px;margin:0 0 14px}.article-meta{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:28px}.article-cover{width:100%;border-radius:var(--radius);border:1px solid var(--stroke);margin-bottom:32px}.article-body{color:var(--text);font-size:17px;line-height:1.75}.article-body>:first-child{margin-top:0}.article-body h1,.article-body h2,.article-body h3,.article-body h4{color:var(--text);line-height:1.25;letter-spacing:-.4px;margin:2em 0 .6em}.article-body h2{font-size:27px}.article-body h3{font-size:21px}.article-body h4{font-size:18px}.article-body p{margin:0 0 1.3em;color:#33404d}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.article-body ol,.article-body ul{margin:0 0 1.3em;padding-left:1.4em;color:#33404d}.article-body li{margin:.4em 0}.article-body img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--stroke);margin:1.2em 0}.article-body blockquote{margin:1.4em 0;padding:4px 20px;border-left:3px solid var(--violet);color:var(--text-dim);font-style:italic}.article-body hr{border:none;border-top:1px solid var(--stroke);margin:2.4em 0}.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--bg-1);border:1px solid var(--stroke);border-radius:5px;padding:1px 6px}.article-body pre{background:var(--bg-1);border:1px solid var(--stroke);border-radius:var(--radius);padding:18px 20px;overflow-x:auto;margin:1.4em 0}.article-body pre code{background:none;border:none;padding:0;font-size:14px;line-height:1.6}.article-body table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px;display:block;overflow-x:auto}.article-body td,.article-body th{border:1px solid var(--stroke);padding:8px 12px;text-align:left}.article-body th{background:var(--glass)}.article-foot{margin-top:48px;padding-top:22px;border-top:1px solid var(--stroke)}@media (max-width:800px){.features{grid-template-columns:1fr}.feature.featured{grid-column:auto;grid-row:auto;padding:26px 24px}.feature.featured h3{font-size:21px}.hero{padding:84px 0 60px}.hero h1{font-size:42px;letter-spacing:-1px}.feat-intro h2{font-size:24px}.post-list{grid-template-columns:1fr}.article-title{font-size:32px}}