:root{--color-bg: #f5f7fb;--color-sidebar: #ffffff;--color-card: rgba(255,255,255,.5);--color-border: rgba(255,255,255,.4);--color-text: #0f172a;--color-text-secondary: #475569;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-danger: #ef4444;--color-success: #22c55e;--color-warning: #f59e0b;--bg: var(--color-bg);--panel: var(--color-card);--text: var(--color-text);--muted: var(--color-text-secondary);--border: var(--color-border);--brand: var(--color-primary);--danger: var(--color-danger);--ok: var(--color-success);--warn: var(--color-warning);--glass-bg: rgba(255,255,255,.5);--glass-border: rgba(255,255,255,.35);--glass-blur: 24px;--glass-shadow: 0 8px 32px rgba(15,23,42,.06);--shadow: 0 12px 30px rgba(15, 23, 42, .06);--shadow-sm: 0 8px 22px rgba(15, 23, 42, .05);--shadow-lg: 0 22px 55px rgba(15, 23, 42, .1);--radius: 24px;--radius-sm: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(59,130,246,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(124,58,237,.04) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 20% 80%,rgba(59,130,246,.04) 0%,transparent 55%);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659;border-radius:var(--radius-sm)}.container{width:min(1100px,calc(100% - 2rem));margin:0 auto}.nav{position:sticky;top:.65rem;z-index:50;display:flex;justify-content:center;padding:0 1rem}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:min(1100px,100%);padding:.5rem 1.25rem;background:#ffffff8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:999px;box-shadow:0 4px 24px #0f172a0f;transition:padding .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.nav--scrolled .nav-inner{padding:.35rem 1.25rem;background:#ffffffb8;box-shadow:0 8px 32px #0f172a1a;border-color:#ffffff80}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.2px}.brand:hover{text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));box-shadow:0 4px 12px #3b82f640;display:inline-block;transition:box-shadow .3s ease}.brand:hover .brand-mark{box-shadow:0 4px 20px #3b82f666}.brand-mark-img{display:block;width:36px;height:36px;background:transparent;box-shadow:none;object-fit:contain}.nav-links{display:flex;align-items:center;gap:.25rem;color:var(--muted);font-size:.9rem;font-weight:500}.nav-links a{padding:.4rem .7rem;border-radius:999px;position:relative;transition:color .28s ease,transform .28s cubic-bezier(.4,0,.2,1);isolation:isolate}.nav-links a:before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(135deg,#3b82f61a,#7c3aed14);opacity:0;transform:scale(.85);transition:opacity .28s ease,transform .28s cubic-bezier(.4,0,.2,1);z-index:-1}.nav-links a:hover{text-decoration:none;color:var(--text);transform:translateY(-1px)}.nav-links a:hover:before{opacity:1;transform:scale(1)}.nav-links a.active{color:var(--color-primary)}.nav-links a.active:before{opacity:1;transform:scale(1);background:linear-gradient(135deg,#3b82f61f,#7c3aed1a)}.nav-links a.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 6px #3b82f680}.nav-cta{margin-left:.5rem}.nav-cta:before,.nav-cta:after{display:none!important}.hero{padding:5rem 0 3.5rem}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}.h1{font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.1;margin:0 0 1rem;letter-spacing:-.03em;font-weight:700}.lead{color:var(--muted);font-size:1.1rem;margin:0 0 1.6rem;line-height:1.7}.section-title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;margin:0 0 1rem}.kicker{color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .6rem}.small{font-size:.875rem;color:var(--muted)}.btn-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.7rem 1.4rem;border:1px solid rgba(255,255,255,.35);background:#ffffff73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);cursor:pointer;font-weight:600;font-size:.9rem;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);transform:translate(-100%);transition:transform .5s ease}.btn:hover:before{transform:translate(100%)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659}.btn:hover{transform:translateY(-2px);background:#ffffffa6;border-color:#ffffff80;box-shadow:0 8px 24px #0f172a14;text-decoration:none}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-color:transparent;color:#fff;box-shadow:0 4px 16px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),#1d4ed8);border-color:transparent;box-shadow:0 8px 28px #3b82f659;filter:brightness(1.05)}.btn-danger{background:linear-gradient(135deg,var(--color-danger),#dc2626);border-color:transparent;color:#fff;box-shadow:0 4px 16px #ef44444d}.micro{margin-top:.9rem;color:var(--muted);font-size:.875rem}.card{border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-3px);border-color:#ffffff8c;box-shadow:0 16px 48px #0f172a14}.card:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659,0 16px 48px #0f172a14}a.card:hover{text-decoration:none}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius)}.screenshot{height:auto;border-radius:var(--radius);border:1px solid rgba(255,255,255,.3);background:#ffffff40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden;padding:.65rem}.screenshot:after{content:"";position:absolute;inset:0;background:radial-gradient(450px 260px at 30% 20%,rgba(59,130,246,.15),transparent 60%);z-index:0;pointer-events:none}.screenshot-img{width:100%;height:auto;display:block;position:relative;z-index:1;border-radius:calc(var(--radius) - 8px);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 24px #0f172a14}.section{padding:4.5rem 0}.pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.pill{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.35rem .7rem;font-size:.85rem;color:var(--muted);background:#ffffff59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}.grid-3>*{height:100%}@media(max-width:1020px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid-3{grid-template-columns:1fr}}.feature{padding:1.4rem;height:100%}.feature h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.feature p{margin:0;color:var(--muted);font-size:.95rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.tool-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:1.5rem;align-items:start}@media(max-width:900px){.tool-hero{grid-template-columns:1fr}}.tool-shot-card{padding:1.25rem}.tool-shot-hint{padding:.75rem .25rem .25rem}.screenshot--tool{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center}.screenshot-img--tool{max-height:100%;width:100%;height:100%;object-fit:contain}@media(max-width:900px){.split{grid-template-columns:1fr}}.hr{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);margin:1.6rem 0;border:none}.footer{padding:4rem 0 3rem;border-top:none;color:var(--muted);font-size:.95rem}.footer a{color:var(--text);transition:color .2s ease,transform .2s ease;display:inline-block}.footer a:hover{color:var(--color-primary);transform:translateY(-1px);text-decoration:none}.prose p{color:var(--muted);line-height:1.75}.prose h2{margin-top:2.5rem;font-weight:600}.prose h3{font-weight:600}.prose a{color:var(--color-primary)}.prose a:hover{text-decoration:underline}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.9rem .85rem;border-bottom:1px solid rgba(255,255,255,.25);vertical-align:top}.table th{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.input,input[type=email],input[type=text]{width:100%;max-width:420px;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.35);background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);font-family:inherit;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.input:focus,input[type=email]:focus,input[type=text]:focus{outline:none;border-color:#3b82f666;box-shadow:0 0 0 4px #3b82f61f,0 0 20px #3b82f614}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#7c3aed);z-index:100;width:0%;transition:width 50ms linear;border-radius:0 2px 2px 0}[data-anim],[data-anim-stagger]>*{will-change:transform,opacity}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #3b82f633}50%{box-shadow:0 0 40px #3b82f666}}@keyframes gradient-sweep{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glitch{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}10%{clip-path:inset(20% 0 60% 0);transform:translate(-3px,2px)}20%{clip-path:inset(50% 0 20% 0);transform:translate(3px,-1px)}30%{clip-path:inset(10% 0 70% 0);transform:translate(-2px,1px)}40%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-2px)}50%{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes checkmark-draw{0%{stroke-dashoffset:48}to{stroke-dashoffset:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hr-animated{height:1px;border:none;margin:2rem 0;background:linear-gradient(90deg,transparent,var(--color-primary),#7c3aed,transparent);background-size:200% 100%;animation:gradient-sweep 4s ease infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-anim]{opacity:1!important;transform:none!important}html{scroll-behavior:auto}}@media(max-width:768px){.nav{top:.4rem}.nav-inner{padding:.4rem .9rem}.h1{font-size:clamp(1.8rem,6vw,2.5rem)}.section{padding:3rem 0}.hero{padding:3.5rem 0 2.5rem}.nav-links{gap:.1rem;font-size:.8rem}.nav-links a{padding:.3rem .45rem}}