:root{--font-display: "Bricolage Grotesque", "Schibsted Grotesk", system-ui, sans-serif;--font-body: "Newsreader", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-section: clamp(2.5rem, .5rem + 5vw, 5.5rem);--text-hero: clamp(3.2rem, 1rem + 7vw, 8.625rem);--text-finalizer: clamp(3rem, .5rem + 6vw, 7rem);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--t: .18s cubic-bezier(.16, 1, .3, 1);--w-narrow: 640px;--w-default: 1000px;--w-wide: 1440px;--color-peach: #FFDDC2;--color-peach-deep: #F8C9A3;--color-cream: #FFF5E4;--color-ink: #1F2D6E;--color-ink-soft: #3A4990;--color-cherry: #E5495C;--color-mint: #7BB293;--color-butter: #F7D14A;--bg-base: var(--color-peach);--brand: var(--color-cherry);--brand-soft: var(--color-peach);--brand-deep: var(--color-ink);--nav-h: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-padding-top:calc(var(--nav-h) + 16px);background:var(--bg-base)}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--color-ink);background:transparent;padding-top:var(--nav-h)}img,svg{display:block;max-width:100%;height:auto}h1,h2,h3,h4{text-wrap:balance;line-height:1;font-weight:400}p,li{text-wrap:pretty}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}.grain-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.35;mix-blend-mode:multiply;width:200px;height:200px;background-size:200px 200px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:color-mix(in oklab,var(--brand) 22%,transparent);color:var(--color-ink)}:focus-visible{outline:1.5px solid var(--color-ink);outline-offset:3px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--w-wide);margin:0 auto;padding:0 var(--space-10)}.container-narrow{width:100%;max-width:var(--w-narrow);margin:0 auto;padding:0 var(--space-6)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:transparent;transition:background .24s ease}.nav.is-scrolled{background:color-mix(in oklab,var(--color-peach) 85%,transparent);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);border-bottom:2px solid color-mix(in oklab,var(--color-ink) 12%,transparent)}.nav-inner{max-width:var(--w-wide);margin:0 auto;padding:0 var(--space-10);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.logo{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--color-ink);flex-shrink:0;text-decoration:none;transition:opacity var(--t)}.logo:hover{opacity:.7}.logo-emblem{width:36px;height:36px;border-radius:50%;background:var(--color-cherry);border:2px solid var(--color-ink);display:grid;place-items:center;color:var(--color-cream);font-family:var(--font-display);font-weight:700;font-size:18px;flex-shrink:0}.logo-emblem img{display:none}.nav-pill{display:flex;gap:4px;font-family:var(--font-display);font-weight:500;font-size:14px;background:var(--color-cream);border:2px solid var(--color-ink);border-radius:var(--radius-full);padding:5px}.nav-pill a{padding:8px 16px;border-radius:var(--radius-full);color:var(--color-ink);text-decoration:none;transition:background var(--t);white-space:nowrap}.nav-pill a:hover{background:var(--color-peach-deep)}.btn-install{font-family:var(--font-display);font-weight:600;font-size:14px;background:var(--color-ink);color:var(--color-cream);border:2px solid var(--color-ink);padding:11px 18px;border-radius:var(--radius-full);cursor:pointer;box-shadow:3px 3px 0 var(--color-cherry);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:box-shadow var(--t),transform var(--t);white-space:nowrap}.btn-install:hover{transform:translateY(-1px);box-shadow:4px 4px 0 var(--color-cherry)}.btn-install:active{transform:translateY(0);box-shadow:2px 2px 0 var(--color-cherry)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:18px;background:var(--color-ink);color:var(--color-cream);border:2px solid var(--color-ink);padding:18px 28px;border-radius:var(--radius-full);cursor:pointer;box-shadow:5px 5px 0 var(--color-cherry);text-decoration:none;transition:box-shadow var(--t),transform var(--t);white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--color-cherry)}.btn:active{transform:translateY(0);box-shadow:3px 3px 0 var(--color-cherry)}.btn-light{background:var(--color-cream);color:var(--color-ink);border-color:var(--color-cream);box-shadow:5px 5px 0 var(--color-cherry)}.btn-light:hover{background:#fff}.kicker{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--color-cherry);letter-spacing:.18em;text-transform:uppercase;background:var(--color-cream);border:2px solid var(--color-ink);padding:6px 12px;border-radius:var(--radius-full)}.word-pill{display:inline-flex;align-items:baseline;gap:10px;padding:10px 18px;background:var(--pill-bg, var(--color-cream));color:var(--pill-ink, var(--color-ink));border:2px solid var(--color-ink);border-radius:var(--radius-full);box-shadow:3px 3px 0 var(--color-ink);white-space:nowrap}.word-pill .word{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.01em}.word-pill .word-lang{font-family:var(--font-mono);font-size:10px;color:var(--color-cherry);letter-spacing:.08em}.word-pill--dark .word-lang{color:var(--color-cream);opacity:.85}.section-kicker{margin-bottom:var(--space-5)}.section-h2{font-family:var(--font-display);font-weight:800;font-size:var(--text-section);line-height:.9;letter-spacing:-.04em;color:var(--color-ink);margin-top:var(--space-5)}.section-h2 em{font-family:var(--font-body);font-style:italic;font-weight:400;color:var(--color-cherry)}.section-sub{font-family:var(--font-body);font-size:clamp(1rem,.9rem + .5vw,1.2rem);line-height:1.5;color:var(--color-ink-soft);max-width:46ch}.site-footer{padding:var(--space-6) 0;background:var(--bg-base);border-top:2px solid var(--color-ink)}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:var(--color-ink-soft);letter-spacing:.06em;text-transform:uppercase}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{transition:color var(--t)}.footer-links a:hover{color:var(--color-ink)}.footer-copy a{text-decoration:underline;text-underline-offset:3px}.legal-section{padding:clamp(var(--space-20),8vw,var(--space-32)) 0 clamp(var(--space-24),10vw,var(--space-32));background:var(--bg-base)}.legal-section h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;letter-spacing:-.03em;color:var(--color-ink);margin:var(--space-2) 0 0}.legal-date{color:var(--color-ink-soft);font-size:var(--text-sm);margin:var(--space-4) 0 clamp(var(--space-12),5vw,var(--space-16))}.legal-body h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--color-ink);margin:clamp(var(--space-10),5vw,var(--space-16)) 0 var(--space-3)}.legal-body p,.legal-body li{color:var(--color-ink-soft);line-height:1.8;margin:0 0 var(--space-3)}.legal-body ul{padding-left:var(--space-6);margin:0 0 var(--space-3)}.legal-body a{color:var(--color-ink);text-decoration:underline;text-underline-offset:3px}.legal-body code{font-family:var(--font-mono);font-size:.88em;background:var(--color-cream);border:1px solid var(--color-ink);padding:2px 6px;border-radius:var(--radius-sm)}@media(max-width:768px){.container,.nav-inner{padding-inline:var(--space-5)}.nav-pill{display:none}.site-footer .container{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer-links{margin-left:0}}@media(max-width:480px){.container,.nav-inner{padding-inline:var(--space-4)}}.hero{padding:calc(var(--space-10) + var(--nav-h)) var(--space-10) var(--space-20);position:relative;overflow:hidden}.hero-grid{max-width:var(--w-wide);margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-8);align-items:center}.hero-left{position:relative}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--color-cherry);letter-spacing:.16em;text-transform:uppercase;background:var(--color-cream);border:2px solid var(--color-ink);padding:6px 12px;border-radius:var(--radius-full)}.hero-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--color-cherry);flex-shrink:0}.hero h1{font-family:var(--font-display);font-weight:800;font-size:var(--text-hero);line-height:.86;letter-spacing:-.045em;margin:var(--space-6) 0 0;color:var(--color-ink)}.hero h1 em{font-family:var(--font-body);font-style:italic;font-weight:400;color:var(--color-cherry);letter-spacing:-.02em}.hero-sub{font-family:var(--font-body);font-size:clamp(1.1rem,.9rem + .7vw,1.25rem);line-height:1.5;color:var(--color-ink);max-width:46ch;margin-top:var(--space-8)}.hero-cta{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-9);flex-wrap:wrap}.hero-cta-meta{font-family:var(--font-mono);font-size:10px;color:var(--color-ink-soft);line-height:1.6;letter-spacing:.04em;text-transform:uppercase}.hero-right{position:relative;height:620px}.jar-wrapper{position:relative;width:100%;height:100%}.jar-starburst{position:absolute;top:-10px;left:-24px;width:120px;height:120px;transform:rotate(-12deg);z-index:2}.jar-starburst-sq{position:absolute;inset:0;background:var(--color-cherry);border-radius:6px}.jar-starburst-sq:nth-child(2){transform:rotate(22.5deg)}.jar-starburst-sq:nth-child(3){transform:rotate(45deg)}.jar-starburst-text{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-cream);font-family:var(--font-display);font-weight:700;font-size:14px;text-align:center;line-height:1.05;padding:14px;letter-spacing:-.01em;z-index:1}.jar-lid{position:absolute;top:60px;left:10%;right:10%;height:46px;background:var(--color-cherry);border:3px solid var(--color-ink);border-radius:14px 14px 6px 6px;box-shadow:6px 6px 0 var(--color-ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--color-cream);letter-spacing:.18em;text-transform:uppercase;z-index:1}.jar-body{position:absolute;inset:100px 0 0;background:var(--color-cream);border:3px solid var(--color-ink);border-radius:24px 24px 80px 80px/24px 24px 110px 110px;box-shadow:8px 10px 0 var(--color-ink);overflow:hidden}.jar-highlight{position:absolute;top:24px;left:20px;width:32px;bottom:120px;background:#fff9;border-radius:20px;pointer-events:none}.jar-fill{position:absolute;left:0;right:0;bottom:0;height:58%;background:var(--color-peach-deep);border-top:2px dashed var(--color-ink)}.jar-stats{position:absolute;right:18px;bottom:18px;text-align:right;font-family:var(--font-mono);font-size:10px;color:var(--color-ink);letter-spacing:.06em;line-height:1.5;z-index:1}.jar-float-1{position:absolute;top:0;left:40%;transform:rotate(-10deg);z-index:3}.jar-float-2{position:absolute;top:18px;right:-24px;transform:rotate(6deg);z-index:3}.jar-pill-1{position:absolute;left:12%;top:34%;transform:rotate(-7deg);z-index:1}.jar-pill-2{position:absolute;left:45%;top:30%;transform:rotate(4deg);z-index:1}.jar-pill-3{position:absolute;left:18%;top:48%;transform:rotate(3deg);z-index:1}.jar-pill-4{position:absolute;left:42%;top:55%;transform:rotate(-3deg);z-index:1}.jar-pill-5{position:absolute;left:14%;top:68%;transform:rotate(2deg);z-index:1}.jar-pill-6{position:absolute;left:46%;top:74%;transform:rotate(-2deg);z-index:1}.jar-pill-7{position:absolute;left:12%;top:85%;transform:rotate(-1deg);z-index:1}.marquee-bar{background:var(--color-ink);color:var(--color-cream);border-top:3px solid var(--color-ink);border-bottom:3px solid var(--color-ink);padding:18px 0;overflow:hidden;white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:clamp(1rem,.7rem + 1.2vw,1.375rem);letter-spacing:-.005em}.marquee-track{display:inline-block;animation:marquee-scroll 24s linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}.demo{padding:var(--space-24) var(--space-10) var(--space-20);position:relative}.demo-head{max-width:var(--w-wide);margin:0 auto var(--space-8);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8)}.demo-head .section-h2{max-width:700px}.demo-head .section-sub{max-width:34ch;flex-shrink:0;margin:0}.browser-frame{max-width:var(--w-wide);margin:0 auto;background:var(--color-cream);border:3px solid var(--color-ink);border-radius:20px;overflow:hidden;box-shadow:10px 10px 0 var(--color-ink)}.browser-chrome{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-peach-deep);border-bottom:3px solid var(--color-ink)}.browser-dots{display:flex;gap:8px;flex-shrink:0}.browser-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-ink)}.browser-tab{background:var(--color-cream);border:2px solid var(--color-ink);border-radius:10px 10px 0 0;padding:8px 14px 8px 12px;margin-bottom:-12px;font-family:var(--font-mono);font-size:11px;color:var(--color-ink);display:flex;align-items:center;gap:10px;margin-left:8px}.browser-tab-dot{width:10px;height:10px;border-radius:50%;background:var(--color-cherry)}.browser-tab-x{color:var(--color-ink-soft);margin-left:4px}.browser-url{flex:1 1 auto;margin-left:16px;max-width:500px;background:var(--color-cream);border:2px solid var(--color-ink);border-radius:var(--radius-full);padding:8px 16px;font-family:var(--font-mono);font-size:11px;color:var(--color-ink-soft);display:flex;align-items:center;gap:8px}.browser-url-secure{color:var(--color-mint)}.browser-ext-badge{width:32px;height:32px;border-radius:50%;background:var(--color-cherry);border:2px solid var(--color-ink);display:grid;place-items:center;color:var(--color-cream);font-family:var(--font-display);font-weight:700;font-size:15px;position:relative;flex-shrink:0;margin-left:auto}.browser-ext-badge-count{position:absolute;top:-6px;right:-6px;background:var(--color-ink);color:var(--color-butter);border:2px solid var(--color-cream);border-radius:var(--radius-full);padding:1px 5px;min-width:18px;height:18px;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:700}.browser-body{display:flex;align-items:stretch;min-height:500px}.demo-article{flex:1 1 auto;padding:40px 56px 56px;background:var(--color-cream);color:var(--color-ink);font-family:var(--font-body);position:relative;min-height:500px}.demo-article-source{font-family:var(--font-mono);font-size:10px;color:var(--color-cherry);letter-spacing:.18em;text-transform:uppercase}.demo-article h3{font-family:var(--font-body);font-style:italic;font-weight:500;font-size:clamp(1.5rem,1rem + 2vw,2.75rem);line-height:1.05;margin:12px 0 8px;letter-spacing:-.01em;color:var(--color-ink)}.demo-article-byline{font-family:var(--font-mono);font-size:11px;color:var(--color-ink-soft);margin-bottom:24px}.demo-article p{font-size:clamp(1rem,.9rem + .4vw,1.0625rem);line-height:1.65;color:var(--color-ink);margin:0 0 16px;max-width:560px}.demo-highlight{background:var(--color-butter);padding:1px 4px;border-radius:4px}.demo-highlight-active{background:var(--color-butter);padding:1px 4px;border-radius:4px;border-bottom:2px solid var(--color-cherry);cursor:pointer;position:relative;display:inline-block}.demo-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--color-ink);color:var(--color-cream);border:2px solid var(--color-ink);border-radius:14px;padding:10px 14px;font-family:var(--font-display);font-size:13px;font-weight:500;white-space:nowrap;box-shadow:4px 4px 0 var(--color-cherry);z-index:2}.demo-tooltip-plus{color:var(--color-butter);margin-right:6px}.demo-tooltip-arrow{position:absolute;top:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--color-ink);border-top:2px solid var(--color-ink);border-left:2px solid var(--color-ink)}.demo-panel{width:340px;flex:0 0 340px;background:var(--color-peach);border-left:3px solid var(--color-ink);padding:20px 22px;display:flex;flex-direction:column;gap:18px;font-family:var(--font-body)}.demo-panel-header{display:flex;align-items:center;justify-content:space-between}.demo-panel-logo{display:flex;align-items:center;gap:10px}.demo-panel-logo-icon{width:28px;height:28px;border-radius:50%;background:var(--color-cherry);border:2px solid var(--color-ink);display:grid;place-items:center;color:var(--color-cream);font-family:var(--font-display);font-weight:700;font-size:15px}.demo-panel-logo-name{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--color-ink)}.demo-panel-count{font-family:var(--font-mono);font-size:10px;color:var(--color-ink-soft);letter-spacing:.06em}.demo-card{background:var(--color-cream);border:2px solid var(--color-ink);border-radius:20px;padding:18px 18px 16px;box-shadow:4px 4px 0 var(--color-ink)}.demo-card-tag{font-family:var(--font-mono);font-size:9px;color:var(--color-cherry);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}.demo-card-word{font-family:var(--font-body);font-style:italic;font-weight:500;font-size:40px;line-height:1;color:var(--color-ink)}.demo-card-pron{font-family:var(--font-mono);font-size:10px;color:var(--color-ink-soft);margin-top:4px}.demo-card-def{font-family:var(--font-body);font-size:15px;line-height:1.45;color:var(--color-ink);margin-top:12px;padding-top:12px;border-top:1px dashed var(--color-ink)}.demo-card-ex{font-family:var(--font-body);font-style:italic;font-size:13px;line-height:1.5;color:var(--color-ink-soft);margin-top:10px}.demo-card-btns{display:flex;gap:8px;margin-top:14px}.demo-card-btn-primary{flex:1 1 auto;font-family:var(--font-display);font-weight:600;font-size:13px;background:var(--color-ink);color:var(--color-cream);border:2px solid var(--color-ink);padding:10px 14px;border-radius:var(--radius-full);cursor:pointer;text-align:center}.demo-card-btn-secondary{font-family:var(--font-display);font-weight:600;font-size:13px;background:transparent;color:var(--color-ink);border:2px solid var(--color-ink);padding:10px 14px;border-radius:var(--radius-full);cursor:pointer}.demo-recent-label{font-family:var(--font-mono);font-size:10px;color:var(--color-ink-soft);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}.demo-recent-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px dashed var(--color-ink)}.demo-recent-w{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--color-ink)}.demo-recent-l{font-family:var(--font-mono);font-size:9px;color:var(--color-cherry);margin-left:8px;letter-spacing:.08em}.demo-recent-g{font-family:var(--font-body);font-size:12px;color:var(--color-ink-soft);margin-top:2px}.demo-recent-t{font-family:var(--font-mono);font-size:10px;color:var(--color-ink-soft)}.demo-panel-footer{margin-top:auto;background:var(--color-cherry);color:var(--color-cream);border:2px solid var(--color-ink);border-radius:var(--radius-full);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:3px 3px 0 var(--color-ink)}.demo-panel-footer-count{font-family:var(--font-display);font-weight:600;font-size:14px;line-height:1.1}.demo-panel-footer-sub{font-family:var(--font-mono);font-size:9px;opacity:.9;letter-spacing:.1em}.demo-panel-footer-cta{font-family:var(--font-display);font-weight:700;font-size:14px}.how{padding:var(--space-20) var(--space-10) var(--space-10);position:relative}.how-head{max-width:var(--w-wide);margin:0 auto var(--space-10);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8)}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:var(--w-wide);margin:0 auto}.step{padding:32px 28px;border:2px solid var(--color-ink);border-radius:28px;display:flex;flex-direction:column;gap:14px;box-shadow:6px 6px 0 var(--color-ink);position:relative}.step:nth-child(1){background:var(--color-butter)}.step:nth-child(2){background:var(--color-mint)}.step:nth-child(3){background:var(--color-peach-deep)}.step:nth-child(4){background:var(--color-cherry);color:var(--color-cream)}.step-num{font-family:var(--font-display);font-weight:700;font-size:clamp(2.5rem,4vw,4rem);line-height:1;letter-spacing:-.04em;color:var(--color-ink)}.step:nth-child(4) .step-num{color:var(--color-cream);opacity:.8}.step h4{font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,.9rem + .8vw,1.5rem);line-height:1.15;color:var(--color-ink)}.step:nth-child(4) h4{color:var(--color-cream)}.step p{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--color-ink)}.step:nth-child(4) p{color:var(--color-cream);opacity:.9}.comparison{padding:var(--space-10) var(--space-10) var(--space-20)}.comparison-inner{max-width:var(--w-wide);margin:0 auto}.comparison-head{margin-bottom:var(--space-9)}.comparison-head .section-sub{margin-top:var(--space-5)}.comparison-table{background:var(--color-cream);border:3px solid var(--color-ink);border-radius:28px;overflow:hidden;box-shadow:8px 8px 0 var(--color-ink)}.comparison-header{display:grid;grid-template-columns:1.1fr 1fr 1fr;background:var(--color-ink);color:var(--color-cream)}.comparison-header-cell{padding:18px 24px}.comparison-header-cell+.comparison-header-cell{border-left:2px solid var(--color-ink-soft)}.comparison-header-cell:last-child{background:var(--color-cherry)}.comparison-header-name{font-family:var(--font-display);font-weight:600;font-size:clamp(1rem,.8rem + .6vw,1.125rem)}.comparison-header-date{font-family:var(--font-mono);font-size:10px;opacity:.8;letter-spacing:.1em;margin-top:4px}.comparison-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-top:2px solid var(--color-ink)}.comparison-row:nth-child(odd){background:var(--color-cream)}.comparison-row:nth-child(2n){background:var(--color-peach)}.comparison-cell{padding:20px 24px;font-size:clamp(.875rem,.8rem + .3vw,1rem);line-height:1.4}.comparison-cell+.comparison-cell{border-left:2px solid var(--color-ink)}.comparison-cell-label{font-family:var(--font-display);font-weight:600;color:var(--color-ink)}.comparison-cell-old{font-family:var(--font-body);color:var(--color-ink-soft);display:flex;align-items:center;gap:12px}.comparison-cell-new{font-family:var(--font-body);color:var(--color-ink);display:flex;align-items:center;gap:12px}.comparison-badge{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-ink);display:grid;place-items:center;flex:0 0 auto;font-family:var(--font-display);font-weight:700;font-size:13px}.comparison-badge-x{background:var(--color-peach-deep);color:var(--color-ink)}.comparison-badge-check{background:var(--color-mint);color:var(--color-cream)}.comparison-old-text{text-decoration:line-through;text-decoration-color:var(--color-ink-soft);text-decoration-thickness:1.5px}.benefits{padding:var(--space-16) var(--space-10) var(--space-20)}.benefits-inner{max-width:var(--w-wide);margin:0 auto}.benefits-head{margin-bottom:var(--space-8)}.benefits-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit{padding:28px 24px;border:2px solid var(--color-ink);border-radius:24px;box-shadow:5px 5px 0 var(--color-ink);display:flex;flex-direction:column;gap:12px;min-height:220px}.benefit:nth-child(1){background:var(--color-cream)}.benefit:nth-child(2){background:var(--color-mint)}.benefit:nth-child(3){background:var(--color-butter)}.benefit:nth-child(4){background:var(--color-peach-deep)}.benefit:nth-child(5){background:var(--color-cream)}.benefit:nth-child(6){background:var(--color-cherry)}.benefit-icon{width:56px;height:56px;border-radius:50%;background:var(--color-cream);color:var(--color-ink);border:2px solid var(--color-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:28px}.benefit:nth-child(6) .benefit-icon{background:var(--color-peach)}.benefit h3{font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,.9rem + .7vw,1.375rem);line-height:1.15;color:var(--color-ink);margin-top:6px}.benefit:nth-child(6) h3{color:var(--color-cream)}.benefit p{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--color-ink)}.benefit:nth-child(6) p{color:var(--color-cream);opacity:.9}.languages{padding:var(--space-10) var(--space-10) var(--space-20)}.languages-inner{max-width:var(--w-wide);margin:0 auto}.languages-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-9);gap:var(--space-10)}.languages-head .section-sub{max-width:42ch}.languages-grid{display:flex;flex-wrap:wrap;gap:14px;background:var(--color-cream);border:3px solid var(--color-ink);border-radius:28px;padding:36px 28px;box-shadow:8px 8px 0 var(--color-ink)}.lang-pill{display:inline-flex;align-items:baseline;gap:8px;padding:10px 16px;border:2px solid var(--color-ink);border-radius:var(--radius-full);box-shadow:3px 3px 0 var(--color-ink);font-family:var(--font-display);font-weight:600;font-size:clamp(.9rem,.8rem + .4vw,1.0625rem);color:var(--color-ink)}.lang-pill.dark{color:var(--color-cream)}.lang-code{font-family:var(--font-mono);font-size:9px;opacity:.7;letter-spacing:.08em;color:var(--color-ink-soft)}.lang-pill.dark .lang-code{color:var(--color-cream)}.lang-pill-more{display:inline-flex;align-items:center;padding:10px 16px;border:2px dashed var(--color-ink);border-radius:var(--radius-full);font-family:var(--font-body);font-style:italic;font-size:clamp(.9rem,.8rem + .3vw,1rem);color:var(--color-ink-soft);transform:rotate(2deg)}.faq{padding:var(--space-10) var(--space-10) var(--space-20)}.faq-inner{max-width:var(--w-wide);margin:0 auto}.faq-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-9);gap:var(--space-8)}.faq-list{list-style:none;display:flex;flex-direction:column;gap:14px}.faq-item{background:transparent;border:2px solid var(--color-ink);border-radius:20px;overflow:hidden;transition:background .15s,box-shadow .15s}.faq-item[open]{background:var(--color-cream)}.faq-item:nth-child(3n+1)[open]{box-shadow:5px 5px 0 var(--color-cherry)}.faq-item:nth-child(3n+2)[open]{box-shadow:5px 5px 0 var(--color-butter)}.faq-item:nth-child(3n+3)[open]{box-shadow:5px 5px 0 var(--color-mint)}.faq-item summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:var(--font-display);font-weight:600;font-size:clamp(1rem,.85rem + .7vw,1.375rem);color:var(--color-ink);line-height:1.25;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-toggle{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:transparent;color:var(--color-ink);border:2px solid var(--color-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1;transition:transform .15s,background .15s,color .15s}.faq-item:nth-child(3n+1)[open] .faq-toggle{background:var(--color-cherry);color:var(--color-cream);transform:rotate(45deg)}.faq-item:nth-child(3n+2)[open] .faq-toggle{background:var(--color-butter);color:var(--color-ink);transform:rotate(45deg)}.faq-item:nth-child(3n+3)[open] .faq-toggle{background:var(--color-mint);color:var(--color-cream);transform:rotate(45deg)}.faq-body{padding:0 26px 26px;font-family:var(--font-body);font-size:clamp(1rem,.9rem + .3vw,1.0625rem);line-height:1.55;color:var(--color-ink);max-width:780px}.faq-body a{color:var(--color-cherry);text-decoration:underline;text-underline-offset:3px}.finalizer{padding:var(--space-20) var(--space-10) var(--space-10)}.finalizer-inner{max-width:var(--w-wide);margin:0 auto;background:var(--color-ink);color:var(--color-cream);border:3px solid var(--color-ink);border-radius:40px;padding:clamp(var(--space-12),5vw,var(--space-24)) clamp(var(--space-8),4vw,var(--space-16));position:relative;overflow:hidden;box-shadow:10px 10px 0 var(--color-cherry)}.finalizer-pills{position:absolute;inset:0;pointer-events:none;overflow:hidden}.finalizer-pill-1{position:absolute;top:30px;right:60px;transform:rotate(8deg)}.finalizer-pill-2{position:absolute;top:100px;right:200px;transform:rotate(-6deg)}.finalizer-pill-3{position:absolute;top:170px;right:90px;transform:rotate(4deg)}.finalizer-inner h2{font-family:var(--font-display);font-weight:800;font-size:var(--text-finalizer);line-height:.88;letter-spacing:-.045em;margin:0;max-width:760px;position:relative}.finalizer-inner h2 em{font-family:var(--font-body);font-style:italic;font-weight:400;color:var(--color-butter)}.finalizer-inner>p{font-family:var(--font-body);font-size:clamp(1rem,.9rem + .5vw,1.25rem);line-height:1.5;color:color-mix(in oklab,var(--color-peach) 70%,transparent);max-width:56ch;margin-top:var(--space-6);position:relative}.finalizer-cta{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-9);flex-wrap:wrap;position:relative}.finalizer-cta-meta{font-family:var(--font-mono);font-size:11px;color:var(--color-peach);line-height:1.6;letter-spacing:.06em;text-transform:uppercase}@media(max-width:1200px){.hero-grid{grid-template-columns:1fr 1fr}.hero-right{height:500px}.demo-panel{width:280px;flex:0 0 280px}}@media(max-width:1024px){.steps,.benefits-grid{grid-template-columns:repeat(2,1fr)}.comparison-header,.comparison-row{grid-template-columns:1fr 1fr 1fr}.languages-head,.faq-head{flex-direction:column;align-items:flex-start}}@media(max-width:900px){.demo-panel,.browser-url{display:none}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr}.hero-right{display:none}.how-head{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.comparison-header,.comparison-row{grid-template-columns:1fr}.comparison-cell+.comparison-cell{border-left:none;border-top:1px solid var(--color-ink)}.comparison-header-cell+.comparison-header-cell{border-left:none;border-top:2px solid var(--color-ink-soft)}.demo-head{flex-direction:column;align-items:flex-start}.demo-head .section-sub,.finalizer-pills{display:none}.finalizer-inner h2{font-size:clamp(2.5rem,8vw,4rem)}.hero,.demo,.how,.comparison,.benefits,.languages,.faq,.finalizer{padding-inline:var(--space-5)}}@media(max-width:600px){.steps,.benefits-grid{grid-template-columns:1fr}}