:root{color-scheme:light dark;--brand-terracotta:#d07a55;--brand-sand:#e7c2a6;--brand-linen:#faf2e9;--brand-taupe:#b7a395;--brand-umber:#4a403b;--bg:#faf2e9;--surface:#fef9f4;--surface-2:#f5e6d8;--sunken:#f1ddca;--border:#d4c6ba;--border-strong:#b7a395;--border-input:#928277;--text:#4a403b;--text-muted:#6e6159;--accent:#d07a55;--accent-display:#c46f4a;--accent-strong:#a3512d;--accent-soft:#f2decb;--highlight:#e7c2a6;--on-accent:#faf2e9;--ink-deep:#201713;--on-dark:#faf2e9;--success-soft:#daf1dd;--success:#27713d;--warning-soft:#f8e7d0;--warning:#885a00;--danger-soft:#ffe2de;--danger:#ad3b35;--info-soft:#d8edff;--info:#326893;--shadow-ring:0 0 0 1.5px var(--border);--shadow-soft:-4px 4px 6px 0 color-mix(in oklch, var(--brand-umber) 12%, transparent);--shadow-xs:0 1px 2px -1px color-mix(in oklch, var(--brand-umber) 10%, transparent), 0 1px 3px 0 color-mix(in oklch, var(--brand-umber) 10%, transparent);--shadow-ambient:0 16px 80px 0 color-mix(in oklch, var(--brand-umber) 8%, transparent);--shadow-button:0 .6px 1.08px -1.25px color-mix(in oklch, var(--brand-umber) 72%, transparent), 0 2.29px 4.12px -2.5px color-mix(in oklch, var(--brand-umber) 64%, transparent), 0 10px 18px -3.75px color-mix(in oklch, var(--brand-umber) 25%, transparent);--glow-glass:inset 3px 3px 47px 5px color-mix(in oklch, var(--brand-linen) 62%, transparent), inset -3px -3px 15px 5px color-mix(in oklch, var(--brand-taupe) 15%, transparent);--edge-dark:inset 0 -1px 0 color-mix(in oklch, var(--brand-linen) 8%, transparent), inset 0 1px 0 color-mix(in oklch, var(--brand-linen) 16%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#201713;--surface:#2a211c;--surface-2:#352a24;--sunken:#19110c;--border:#4a403b;--border-strong:#796a62;--border-input:#827269;--text:#faf2e9;--text-muted:#b7a395;--accent:#d07a55;--accent-display:#d07a55;--accent-strong:#d37d58;--accent-soft:#422b21;--highlight:#5f4c42;--on-accent:#1c1410;--ink-deep:#201713;--on-dark:#faf2e9;--success-soft:#152d1a;--success:#5aa26b;--warning-soft:#33230a;--warning:#c08933;--danger-soft:#3a1d1a;--danger:#e66f64;--info-soft:#12283b;--info:#6198c6;--shadow-ring:0 0 0 1.5px var(--border);--shadow-soft:-4px 4px 6px 0 color-mix(in oklch, var(--brand-umber) 24%, transparent);--shadow-xs:0 1px 2px -1px color-mix(in oklch, var(--brand-umber) 20%, transparent), 0 1px 3px 0 color-mix(in oklch, var(--brand-umber) 20%, transparent);--shadow-ambient:0 16px 80px 0 color-mix(in oklch, var(--brand-umber) 16%, transparent);--shadow-button:0 .6px 1.08px -1.25px color-mix(in oklch, var(--brand-umber) 100%, transparent), 0 2.29px 4.12px -2.5px color-mix(in oklch, var(--brand-umber) 100%, transparent), 0 10px 18px -3.75px color-mix(in oklch, var(--brand-umber) 50%, transparent);--glow-glass:inset 3px 3px 47px 5px color-mix(in oklch, var(--brand-linen) 62%, transparent), inset -3px -3px 15px 5px color-mix(in oklch, var(--brand-taupe) 15%, transparent);--edge-dark:inset 0 -1px 0 color-mix(in oklch, var(--brand-linen) 8%, transparent), inset 0 1px 0 color-mix(in oklch, var(--brand-linen) 16%, transparent)}}:root[data-theme=dark]{--bg:#201713;--surface:#2a211c;--surface-2:#352a24;--sunken:#19110c;--border:#4a403b;--border-strong:#796a62;--border-input:#827269;--text:#faf2e9;--text-muted:#b7a395;--accent:#d07a55;--accent-display:#d07a55;--accent-strong:#d37d58;--accent-soft:#422b21;--highlight:#5f4c42;--on-accent:#1c1410;--ink-deep:#201713;--on-dark:#faf2e9;--success-soft:#152d1a;--success:#5aa26b;--warning-soft:#33230a;--warning:#c08933;--danger-soft:#3a1d1a;--danger:#e66f64;--info-soft:#12283b;--info:#6198c6;--shadow-ring:0 0 0 1.5px var(--border);--shadow-soft:-4px 4px 6px 0 color-mix(in oklch, var(--brand-umber) 24%, transparent);--shadow-xs:0 1px 2px -1px color-mix(in oklch, var(--brand-umber) 20%, transparent), 0 1px 3px 0 color-mix(in oklch, var(--brand-umber) 20%, transparent);--shadow-ambient:0 16px 80px 0 color-mix(in oklch, var(--brand-umber) 16%, transparent);--shadow-button:0 .6px 1.08px -1.25px color-mix(in oklch, var(--brand-umber) 100%, transparent), 0 2.29px 4.12px -2.5px color-mix(in oklch, var(--brand-umber) 100%, transparent), 0 10px 18px -3.75px color-mix(in oklch, var(--brand-umber) 50%, transparent);--glow-glass:inset 3px 3px 47px 5px color-mix(in oklch, var(--brand-linen) 62%, transparent), inset -3px -3px 15px 5px color-mix(in oklch, var(--brand-taupe) 15%, transparent);--edge-dark:inset 0 -1px 0 color-mix(in oklch, var(--brand-linen) 8%, transparent), inset 0 1px 0 color-mix(in oklch, var(--brand-linen) 16%, transparent)}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.a3478140.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-500.11ed6908.woff2)format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-400.2ef7e02e.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-400-italic.1c043c41.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Satoshi Fallback;src:local(Arial),local(Helvetica),local(Liberation Sans);size-adjust:98.62%;ascent-override:102.41%;descent-override:24.34%;line-gap-override:10.14%}@font-face{font-family:Serif Fallback;src:local(Arial),local(Helvetica),local(Liberation Sans);size-adjust:79.99%;ascent-override:123.77%;descent-override:38.76%;line-gap-override:0%}:root{--font-sans:"Satoshi", "Satoshi Fallback", system-ui, sans-serif;--font-serif:"Instrument Serif", "Serif Fallback", Georgia, serif;--text-display:clamp(2.75rem, 6.4vw, 5.5rem);--text-h2:clamp(2rem, 3.6vw, 3.375rem);--text-h3:clamp(1.25rem, 1.6vw, 1.5rem);--text-lead:clamp(1.0625rem, 1.3vw, 1.25rem);--text-body:1.0625rem;--text-small:.875rem;--text-xs:.8125rem;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:36px;--r-pill:1000px;--page-max:1200px;--gutter:clamp(16px, 4vw, 32px);--section:clamp(64px, 9vw, 112px);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-hero:cubic-bezier(.12, .23, .17, .99);--ease-editorial:cubic-bezier(.3, 0, .3, 1);--ease-ui:cubic-bezier(.4, 0, .2, 1);--dur-ui:.15s;--dur-reveal:.65s;--dur-hero:.9s}@view-transition{navigation:auto}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;hanging-punctuation:first last;scroll-padding-top:96px}body{color:var(--text);font:400 var(--text-body) / 1.6 var(--font-sans);font-kerning:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;margin:0;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:var(--accent-strong);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}::selection{background:var(--highlight);color:var(--text)}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px;border-radius:6px}h1,h2,h3{text-wrap:balance;margin:0;font-weight:500}p{text-wrap:pretty;margin:0}.serif{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:400}.serif-italic{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.tnum{font-variant-numeric:tabular-nums}.sprite{width:0;height:0;position:absolute;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:1000;background:var(--accent-strong);color:var(--on-accent);border-radius:var(--r-pill);padding:12px 18px;font-weight:500;position:absolute;top:-100px;left:16px}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--page-max);padding-inline:var(--gutter);margin-inline:auto}.muted{color:var(--text-muted)}.small{font-size:var(--text-small)}.grain{isolation:isolate;position:relative}body:before{content:"";z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background:url(/img/grain.3535c01f.webp);position:fixed;inset:-50%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body:before{mix-blend-mode:screen}}:root[data-theme=dark] body:before{mix-blend-mode:screen}@media (prefers-reduced-motion:no-preference){body:before{animation:.9s step-end infinite grain-shift}}@keyframes grain-shift{0%{transform:translate(0)}17%{transform:translate(-7%,4%)}33%{transform:translate(5%,-6%)}50%{transform:translate(-3%,-9%)}67%{transform:translate(8%,3%)}83%{transform:translate(-6%,7%)}to{transform:translate(0)}}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.btn{border-radius:var(--r-pill);min-height:48px;font:500 1rem / 1 var(--font-sans);white-space:nowrap;transition:transform var(--dur-ui) var(--ease-ui), background-color var(--dur-ui) var(--ease-ui);justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-strong);color:var(--on-accent);box-shadow:var(--shadow-button)}.btn-primary:hover{background:color-mix(in oklch, var(--accent-strong) 90%, var(--text))}.btn-glass{background:color-mix(in oklch, var(--bg) 70%, transparent);color:var(--text);box-shadow:var(--shadow-ring), var(--glow-glass)}.btn-glass:hover{background:var(--surface)}.link-arrow{align-items:center;gap:6px;font-weight:500;display:inline-flex}.link-arrow .icon{transition:transform var(--dur-ui) var(--ease-ui)}.link-arrow:hover .icon{transform:translate(3px)}.nav{z-index:50;border-bottom:1px solid var(--border);background-color:color-mix(in oklch, var(--bg) 82%, transparent);backdrop-filter:blur(18px)saturate(140%);position:sticky;top:0}.nav-inner{grid-template-columns:1fr auto;align-items:center;gap:16px;height:64px;display:grid}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.125rem;font-weight:500;text-decoration:none;display:inline-flex}.brand-mark{width:28px;height:28px;color:var(--accent-strong)}.nav-links{display:none}.nav-right{justify-self:end;align-items:center;gap:12px;display:flex}.nav-right .btn{min-height:40px;padding:0 16px;font-size:.9375rem}.nav-link{color:var(--text);border-radius:var(--r-pill);padding:8px 12px;font-size:.9375rem;text-decoration:none}.nav-link:hover,.nav-link[aria-current=page]{background:var(--accent-soft)}.lang-link{font-size:var(--text-small);color:var(--text-muted);align-items:center;gap:8px;padding:8px 4px;text-decoration:none;display:inline-flex}.lang-link:hover{color:var(--text)}.flag{--flag-red:red;--flag-white:#fff;width:20px;height:14px;box-shadow:0 0 0 1px var(--border);border-radius:3px;flex:none;overflow:hidden}.flag-red{fill:var(--flag-red)}.flag-white{fill:var(--flag-white)}.flag-globe{width:18px;height:18px}.lang-link[aria-current=true]{color:var(--text);font-weight:500}@media (width>=900px){.nav-inner{grid-template-columns:1fr auto 1fr;height:72px}.nav-links{gap:4px;display:flex}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.nav{animation-name:nav-frost;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll();animation-range:0 48px}}}@keyframes nav-frost{0%{backdrop-filter:none;background-color:#0000;border-bottom-color:#0000}to{background-color:color-mix(in oklch, var(--bg) 82%, transparent);border-bottom-color:var(--border);backdrop-filter:blur(18px)saturate(140%)}}@media (width<=899px){.nav-right .btn{display:none}}.hero{padding-block:clamp(32px, 6vw, 80px) var(--section);background:radial-gradient(60% 50% at 88% 8%, color-mix(in oklch, var(--brand-terracotta) 10%, transparent), transparent 70%), radial-gradient(80% 60% at 0% 100%, color-mix(in oklch, var(--surface-2) 70%, transparent), transparent 70%)}.hero-grid{align-items:center;gap:48px;display:grid}@media (width>=960px){.hero-grid{grid-template-columns:7fr 5fr;gap:56px}}.display{font-size:var(--text-display);letter-spacing:-.04em;font-weight:500;line-height:.98}.display .serif-italic{letter-spacing:-.02em;color:var(--accent-display);font-size:1.08em}.ink{white-space:nowrap;position:relative}.ink:after{content:"";background:var(--accent);transform-origin:0;border-radius:1em;height:.07em;position:absolute;bottom:.02em;left:.02em;right:.08em}.lead{max-width:34ch;font-size:var(--text-lead);color:var(--text-muted);margin-top:24px;line-height:1.55}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px;display:flex}.url-card{border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-ring), var(--shadow-soft), var(--shadow-ambient);margin:0;padding:20px}.url-card-title{font-size:.9375rem;font-weight:500}.url-field{border-radius:var(--r-md);background:var(--sunken);min-height:56px;box-shadow:inset 0 0 0 1.5px var(--border-input);align-items:center;gap:8px;margin-top:12px;padding:6px 6px 6px 16px;display:flex}.url-field .prefix{color:var(--text-muted)}.url-field .value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.url-field .fake-btn{background:var(--accent-strong);min-height:44px;color:var(--on-accent);white-space:nowrap;border-radius:12px;align-items:center;padding:0 16px;font-size:.9375rem;font-weight:500;display:inline-flex}.chips{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.chip{border-radius:var(--r-pill);background:var(--accent-soft);font-size:var(--text-small);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.chip .icon{width:16px;height:16px;color:var(--accent)}@media (width<=520px){.url-field{flex-wrap:wrap;padding:12px}.url-field .fake-btn{justify-content:center;width:100%}}.section{padding-block:var(--section)}.section-tint{background:color-mix(in oklch, var(--surface-2) 62%, transparent)}.h2{font-size:var(--text-h2);letter-spacing:-.03em;max-width:18ch;line-height:1.06}.h2 .serif-italic{color:var(--accent-display)}.section-lead{max-width:60ch;color:var(--text-muted);font-size:var(--text-lead);margin-top:16px}.h3{font-size:var(--text-h3);letter-spacing:-.02em;font-weight:500;line-height:1.2}.bento{gap:16px;margin-top:48px;display:grid}@media (width>=900px){.bento{grid-template-rows:auto auto;grid-template-columns:1.25fr 1fr}.bento .cell-queue{grid-row:span 2}}.cell{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-ring), var(--shadow-soft);flex-direction:column;gap:12px;padding:clamp(20px,3vw,32px);display:flex}.cell p{color:var(--text-muted);max-width:52ch}.cell-draft{background:linear-gradient(160deg, var(--accent-soft), var(--surface) 70%)}.cell-wp{background:linear-gradient(200deg, var(--surface-2), var(--sunken))}.queue{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.queue li{border-radius:var(--r-md);background:var(--bg);box-shadow:var(--shadow-ring);grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;padding:12px 14px;display:grid}.queue .why{font-size:var(--text-small);color:var(--text-muted);grid-column:2}.badge{border-radius:var(--r-pill);font-size:var(--text-xs);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:2px 8px;font-weight:500;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.p0{color:var(--danger);background:var(--danger-soft)}.p1{color:var(--accent-strong);background:var(--accent-soft)}.p2{color:var(--warning);background:var(--warning-soft)}.p3{color:var(--text-muted);background:var(--sunken)}.example-tag{font-size:var(--text-xs);color:var(--text-muted)}.diff{gap:8px;margin-top:4px;display:grid}.diff div{border-radius:var(--r-sm);font-size:var(--text-small);padding:10px 12px;line-height:1.45}.diff .now{background:var(--sunken);color:var(--text-muted)}.diff .next{background:var(--success-soft);color:var(--text)}.diff b{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:2px;font-weight:500;display:block}.hw{--hw-t:20s;--hw-w:4.4s;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-ring), var(--shadow-soft), var(--shadow-ambient);margin-top:48px;padding:clamp(14px,2.4vw,28px)}.hw-top{font-size:var(--text-small);align-items:center;gap:10px;margin-bottom:20px;display:flex}.hw-dots{gap:6px;display:flex}.hw-dots i{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.hw-live{border-radius:var(--r-pill);font-size:var(--text-xs);color:var(--success);background:var(--success-soft);align-items:center;gap:6px;padding:2px 10px;font-weight:500;display:inline-flex}.hw-live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.hw-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hw-step{grid-template-columns:auto 1fr;align-content:start;align-items:center;gap:2px 10px;display:grid}.hw-n{background:var(--sunken);width:30px;height:30px;color:var(--text-muted);box-shadow:inset 0 0 0 1.5px var(--border);font-size:var(--text-xs);font-variant-numeric:tabular-nums;border-radius:50%;grid-row:1/span 2;place-items:center;display:grid;position:relative}.hw-n b{z-index:1;font-weight:600;position:relative}.hw-n:before{content:"";background:var(--accent-strong);opacity:0;border-radius:50%;position:absolute;inset:0}.hw-ck{z-index:2;background:var(--text);color:var(--bg);opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.hw .hw-ck .icon{width:16px;height:16px}.hw-t{font-size:1.0625rem;font-weight:500;line-height:1.2}.hw-d{font-size:var(--text-xs);color:var(--text-muted);grid-column:2;line-height:1.35}.hw-bar{border-radius:var(--r-pill);background:var(--border);grid-column:1/-1;height:3px;margin-top:12px;overflow:hidden}.hw-bar i{border-radius:inherit;background:var(--accent-strong);transform-origin:0;height:100%;display:block}.hw-stage{gap:14px;margin-top:20px;display:grid}.hw-panel{border-radius:var(--r-lg);background:var(--bg);min-width:0;box-shadow:var(--shadow-ring);flex-direction:column;gap:12px;padding:16px;display:flex}.hw-ph{font-size:var(--text-small);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hw-ph b{font-weight:600}.hw-ph span{font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right;color:var(--text-muted)}.hw-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hw-row,.hw-task,.hw-ver,.hw-now,.hw-next{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-ring);font-size:var(--text-small);padding:10px 12px}.hw-row{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.hw .hw-row .icon{width:16px;height:16px;color:var(--success)}.hw-row em{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-muted);font-style:normal}.hw-task{grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;display:grid}.hw-task .hw-why{font-size:var(--text-xs);color:var(--text-muted);grid-column:2}.hw-diff{gap:8px;display:grid}.hw-next{background:var(--accent-soft)}.hw-diff b{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:2px;font-weight:500;display:block}.hw-approve{align-items:center;gap:12px;display:flex}.hw-btn{border-radius:var(--r-pill);background:var(--accent-strong);color:var(--on-accent);font-size:var(--text-small);white-space:nowrap;padding:8px 18px;font-weight:500}.hw-undo{font-size:var(--text-xs);color:var(--text-muted);flex:1;gap:6px;display:grid}.hw-drain,.hw-meter{border-radius:var(--r-pill);background:var(--border);height:4px;overflow:hidden}.hw-drain i,.hw-meter i{border-radius:inherit;background:var(--text-muted);transform-origin:0;height:100%;display:block}.hw-meter{height:6px}.hw-meter i{background:var(--success)}.hw-ver{grid-template-columns:minmax(0,1fr) 64px auto;align-items:center;gap:10px;display:grid}.hw-ok{border-radius:var(--r-pill);background:var(--success-soft);font-size:var(--text-xs);color:var(--success);padding:2px 8px;font-style:normal;font-weight:500}.hw-banner{border-radius:var(--r-md);background:var(--accent-strong);color:var(--on-accent);font-size:var(--text-small);align-items:center;gap:8px;margin:0;padding:10px 14px;font-weight:500;display:flex}.hw .hw-banner .icon{flex:none;width:16px;height:16px}.hw-loop{border-radius:var(--r-lg);background:var(--bg);box-shadow:var(--shadow-ring);font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0 0;padding:12px 14px;display:flex}.hw-loop b{font-weight:500}.hw-loop>span:last-child{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.hw-spin{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-strong);border-radius:50%;place-items:center;display:grid}.hw .hw-spin .icon{width:16px;height:16px}@media (width>=900px){.hw-stage{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.hw-steps{gap:6px}.hw-step{text-align:center;grid-template-columns:1fr;justify-items:center;gap:6px}.hw-n{grid-row:auto}.hw-t{font-size:var(--text-xs)}.hw-d{display:none}.hw-bar{margin-top:2px}.hw-loop>span:last-child{margin-left:0}}@media (prefers-reduced-motion:no-preference){.hw-stage{grid-template-columns:minmax(0,1fr);gap:0}.hw-panel{opacity:0;animation:hw-panel var(--hw-t) linear infinite;animation-delay:calc(var(--i) * var(--hw-w));grid-area:1/1}.hw-p1,.hw-s1{--i:0}.hw-p2,.hw-s2{--i:1}.hw-p3,.hw-s3{--i:2}.hw-p4,.hw-s4{--i:3}.hw-p4{animation-name:hw-panel-last}.hw-n:before{animation:hw-turn var(--hw-t) linear infinite;animation-delay:calc(var(--i) * var(--hw-w))}.hw-n b{animation:hw-turn-text var(--hw-t) linear infinite;animation-delay:calc(var(--i) * var(--hw-w))}.hw-s1 .hw-ck{animation:hw-done-1 var(--hw-t) linear infinite}.hw-s2 .hw-ck{animation:hw-done-2 var(--hw-t) linear infinite}.hw-s3 .hw-ck{animation:hw-done-3 var(--hw-t) linear infinite}.hw-s4 .hw-ck{animation:hw-done-4 var(--hw-t) linear infinite}.hw-s1 .hw-bar i{animation:hw-fill-1 var(--hw-t) linear infinite}.hw-s2 .hw-bar i{animation:hw-fill-2 var(--hw-t) linear infinite}.hw-s3 .hw-bar i{animation:hw-fill-3 var(--hw-t) linear infinite}.hw-s4 .hw-bar i{animation:hw-fill-4 var(--hw-t) linear infinite}.hw-in{opacity:0;animation:hw-in var(--hw-t) var(--ease-out) infinite;animation-delay:calc(var(--i) * var(--hw-w) + var(--d,0s))}.hw-p4 .hw-in{animation-name:hw-in-last}.hw-list>:first-child{--d:.3s}.hw-list>:nth-child(2){--d:.7s}.hw-list>:nth-child(3){--d:1.1s}.hw-list>:nth-child(4){--d:1.5s}.hw-diff>:first-child{--d:.3s}.hw-diff>:nth-child(2){--d:.8s}.hw-approve{--d:1.3s}.hw-banner{--d:1.9s}.hw-btn{animation:hw-press var(--hw-t) linear infinite;animation-delay:calc(var(--i) * var(--hw-w) + 2.2s)}.hw-approve .hw-drain i{animation:hw-drain var(--hw-t) linear infinite;animation-delay:calc(var(--i) * var(--hw-w) + 2.4s)}.hw-ver .hw-meter i{animation:hw-grow var(--hw-t) var(--ease-out) infinite;animation-delay:calc(var(--i) * var(--hw-w) + var(--d,0s) + .3s)}.hw-spin{animation:hw-spin var(--hw-t) var(--ease-out) infinite}.hw:hover *,.hw:hover :before,.hw:hover :after{animation-play-state:paused}}@keyframes hw-panel{0%{opacity:0}2.5%,20.5%{opacity:1}22.5%,to{opacity:0}}@keyframes hw-panel-last{0%{opacity:0}3.5%,32%{opacity:1}34%,to{opacity:0}}@keyframes hw-turn{0%{opacity:0}1%,21%{opacity:1}23%,to{opacity:0}}@keyframes hw-turn-text{0%,22%{color:var(--on-accent)}23%,to{color:var(--text-muted)}}@keyframes hw-done-1{0%,21.5%{opacity:0}23%,96%{opacity:1}to{opacity:0}}@keyframes hw-done-2{0%,43.5%{opacity:0}45%,96%{opacity:1}to{opacity:0}}@keyframes hw-done-3{0%,65.5%{opacity:0}67%,96%{opacity:1}to{opacity:0}}@keyframes hw-done-4{0%,87.5%{opacity:0}89%,96%{opacity:1}to{opacity:0}}@keyframes hw-fill-1{0%{opacity:1;transform:scaleX(0)}22%,96%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes hw-fill-2{0%,22%{opacity:1;transform:scaleX(0)}44%,96%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes hw-fill-3{0%,44%{opacity:1;transform:scaleX(0)}66%,96%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes hw-fill-4{0%,66%{opacity:1;transform:scaleX(0)}88%,96%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes hw-in{0%{opacity:0;transform:translateY(8px)}4%{opacity:1;transform:none}20%{opacity:1;transform:none}22%,to{opacity:0;transform:none}}@keyframes hw-in-last{0%{opacity:0;transform:translateY(8px)}4%,33.5%{opacity:1;transform:none}35%,to{opacity:0;transform:none}}@keyframes hw-press{0%,3%{transform:none}1.5%{transform:scale(.94)}to{transform:none}}@keyframes hw-drain{0%{transform:scaleX(1)}8%,to{transform:scaleX(0)}}@keyframes hw-grow{0%{transform:scaleX(0)}10%,to{transform:scaleX(1)}}@keyframes hw-spin{0%,89%{transform:none}97%,to{transform:rotate(360deg)}}.compare{gap:16px;margin-top:40px;display:grid}@media (width>=800px){.compare{grid-template-columns:1fr 1fr}}.serp{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-ring);padding:20px}.serp-label{font-size:var(--text-xs);margin-bottom:12px;font-weight:500;display:inline-block}.serp-url{font-size:var(--text-xs);color:var(--text-muted)}.serp-title{color:var(--info);margin-top:4px;font-size:1.1875rem;line-height:1.3}.serp-desc{font-size:var(--text-small);color:var(--text-muted);margin-top:6px}.serp-after{box-shadow:0 0 0 1.5px var(--success), var(--shadow-soft)}.checks{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.dark{margin-inline:var(--gutter);border-radius:var(--r-xl);color:var(--on-dark);background:linear-gradient(160deg, var(--brand-umber), var(--ink-deep));overflow:clip}.dark .h2 .serif-italic{color:var(--brand-sand)}.dark .section-lead,.dark li p{color:color-mix(in oklch, var(--on-dark) 78%, transparent)}.dark-grid{align-items:center;gap:48px;display:grid}@media (width>=960px){.dark-grid{grid-template-columns:1fr 1fr}}.points{gap:20px;margin:32px 0 0;padding:0;list-style:none;display:grid}.points li{grid-template-columns:auto 1fr;gap:4px 14px;display:grid}.points .icon{color:var(--brand-sand);margin-top:3px}.points h3{font-size:1.0625rem;font-weight:500}.points p{grid-column:2;font-size:.9875rem}.tg{gap:14px;display:grid}.tg-msg{border-radius:var(--r-lg);background:color-mix(in oklch, var(--on-dark) 7%, transparent);box-shadow:var(--edge-dark);padding:18px 20px}.tg-msg:first-child{rotate:-2deg}.tg-msg:nth-child(2){margin-left:12%;rotate:1.5deg}.tg-msg:nth-child(3){margin-right:8%;rotate:-1deg}.tg-head{font-size:var(--text-xs);color:color-mix(in oklch, var(--on-dark) 70%, transparent);justify-content:space-between;gap:12px;display:flex}.tg-msg p{margin-top:8px}.tg-actions{gap:8px;margin-top:14px;display:flex}.tg-actions span{font-size:var(--text-small);background:color-mix(in oklch, var(--on-dark) 12%, transparent);border-radius:12px;padding:8px 14px;font-weight:500}.tg-actions span:first-child{background:var(--brand-sand);color:var(--ink-deep)}.spec{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:40px}.spec th,.spec td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:16px 12px}.spec thead th{font-size:var(--text-small);color:var(--text-muted);font-weight:500}.spec tbody th{font-weight:500}.spec .price{white-space:nowrap;font-size:1.25rem;font-weight:500}.table-scroll{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);overflow-x:auto}.pricing-controls{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.seg-control{border-radius:var(--r-pill);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--border);border:0;margin:0;padding:4px;display:inline-flex}.seg-control legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.seg-control label{border-radius:var(--r-pill);cursor:pointer;padding:8px 16px;font-size:.9375rem;position:relative}.seg-control input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg-control label:has(input:checked){background:var(--surface);box-shadow:var(--shadow-xs), var(--shadow-ring);font-weight:500}.seg-control label:has(input:focus-visible){outline:2px solid var(--accent-strong);outline-offset:2px}.tiers{gap:16px;margin-top:32px;display:grid}@media (width>=900px){.tiers{grid-template-columns:repeat(3,1fr)}}.tier{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-ring), var(--shadow-soft);flex-direction:column;gap:16px;padding:28px;display:flex}.tier h2,.tier h3{font-size:1.375rem;font-weight:500}.tier-for{color:var(--text-muted);font-size:var(--text-small)}.amount{letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;column-gap:6px;font-size:clamp(2rem,3.4vw,2.75rem);font-weight:500;line-height:1;display:flex}.amount [data-show=idr]{font-size:.82em}.amount small{white-space:nowrap;letter-spacing:0;color:var(--text-muted);font-size:.95rem;font-weight:400}.save{font-size:var(--text-small);color:var(--success);font-weight:500}.feat{gap:10px;margin:0;padding:0;font-size:.9875rem;list-style:none;display:grid}.feat li{grid-template-columns:auto 1fr;gap:10px;display:grid}.feat .icon{width:18px;height:18px;color:var(--accent-strong);margin-top:4px}.agency{border-radius:var(--r-xl);color:var(--on-dark);background:radial-gradient(90% 70% at 100% 0%, color-mix(in oklch, var(--brand-terracotta) 34%, transparent), transparent 62%), linear-gradient(150deg, var(--brand-umber), var(--ink-deep));gap:24px;margin-top:16px;padding:clamp(24px,4vw,40px);display:grid}.agency .tier-for,.agency .amount small,.agency .muted-on-dark{color:color-mix(in oklch, var(--on-dark) 75%, transparent)}.agency .save,.agency .feat .icon{color:var(--brand-sand)}@media (width>=900px){.agency{grid-template-columns:1fr 1.4fr;align-items:start}.agency .feat{grid-template-columns:1fr 1fr}}.pricing-head .wrap{text-align:center;justify-items:center;display:grid}.pricing-head .section-lead{max-width:58ch}.pricing-head .pricing-controls{justify-content:center}.save-chip{border-radius:var(--r-pill);background:var(--success-soft);color:var(--success);font-size:var(--text-xs);white-space:nowrap;margin-left:8px;padding:3px 8px;font-weight:500}.plan{gap:18px}.plan-top{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.plan-ic{border-radius:var(--r-sm);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-strong);flex:none;place-items:center;display:grid}:is(.tier,.agency,.addon,.mini-tier) .plan-ic .icon{width:18px;height:18px}.plan-badge{border-radius:var(--r-pill);background:var(--accent-strong);color:var(--on-accent);font-size:var(--text-xs);white-space:nowrap;margin-left:auto;padding:5px 11px;font-weight:500}.plan-badge-quiet{background:var(--accent-soft);color:var(--accent-strong);justify-self:start;margin-left:0}.plan-price{border-top:1px solid var(--border);padding-top:18px}.plan-sub{font-size:var(--text-small);color:var(--text-muted);margin-top:8px}.plan-sub .save{margin-left:4px}.plan-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:6px;font-weight:600}.btn-block{width:100%}.btn-line{color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong);background:0 0}.btn-line:hover{background:var(--surface-2)}.tier.is-featured{background:linear-gradient(180deg, var(--accent-soft), var(--surface) 42%);box-shadow:0 0 0 1.5px var(--accent-strong), var(--shadow-ambient)}.agency .plan-ic{background:color-mix(in oklch, var(--on-dark) 14%, transparent);color:var(--brand-sand)}.agency .plan-sub{color:color-mix(in oklch, var(--on-dark) 75%, transparent)}.btn-sand{background:var(--brand-sand);color:var(--ink-deep);justify-self:start;margin-top:6px}.btn-sand:hover{background:color-mix(in oklch, var(--brand-sand) 86%, var(--on-dark))}.pay-strip{font-size:var(--text-small);color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:32px 0 0;padding:0;list-style:none;display:flex}.pay-strip li{align-items:center;gap:8px;display:inline-flex}.pricing .pay-strip .icon{width:16px;height:16px;color:var(--accent-strong)}.spec-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-ring), var(--shadow-soft);margin-top:32px;padding:0 20px;overflow:hidden}.spec-card .table-scroll{margin-inline:0;padding-inline:0}.spec-card .spec{margin-top:0}.spec-card tbody tr:last-child>*{border-bottom:0}.spec-compare .is-featured{background:color-mix(in oklch, var(--accent-soft) 60%, transparent)}.spec-compare thead .is-featured{color:var(--accent-strong);font-weight:600}.na{font-size:var(--text-small);color:var(--text-muted)}@media (width<=639px){.spec-card{padding:0 6px}.spec-card .spec th,.spec-card .spec td{padding:14px 8px}}.extra-grid{gap:16px;margin-top:32px;display:grid}.extra-grid .spec-card{min-width:0;margin-top:0}.spec-compare{min-width:540px}.spec-compare tbody th{min-width:10rem}.addon{border-radius:var(--r-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-ring), var(--shadow-soft);align-content:start;gap:12px;padding:28px;display:grid}.addon h3{font-size:1.25rem;font-weight:500}@media (width>=900px){.extra-grid{grid-template-columns:1.7fr 1fr;align-items:start}}.mini-tiers{gap:14px;margin:36px 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.mini-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1040px){.mini-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}}.mini-tier{border-radius:var(--r-lg);background:var(--surface);height:100%;box-shadow:var(--shadow-ring), var(--shadow-soft);color:var(--text);grid-template-rows:auto 1fr auto auto;gap:12px;padding:22px;text-decoration:none;display:grid;position:relative}.mini-tier .plan-badge{box-shadow:var(--shadow-button);position:absolute;top:-11px;right:18px}.mini-name{font-size:1.125rem;font-weight:500}.mini-for{font-size:var(--text-small);color:var(--text-muted)}.mini-tier .amount{font-size:clamp(1.75rem,2.4vw,2.125rem)}.mini-alt{font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--text-muted)}.mini-premium{background:linear-gradient(180deg, var(--accent-soft), var(--surface) 48%);box-shadow:0 0 0 1.5px var(--accent-strong), var(--shadow-ambient)}.mini-agency{color:var(--on-dark);background:radial-gradient(90% 70% at 100% 0%, color-mix(in oklch, var(--brand-terracotta) 34%, transparent), transparent 62%), linear-gradient(150deg, var(--brand-umber), var(--ink-deep));box-shadow:var(--shadow-soft)}.mini-agency .mini-for,.mini-agency .mini-alt,.mini-agency .amount small{color:color-mix(in oklch, var(--on-dark) 75%, transparent)}.mini-agency .plan-ic{background:color-mix(in oklch, var(--on-dark) 14%, transparent);color:var(--brand-sand)}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.mini-tier{transition:transform var(--dur-ui) var(--ease-ui), box-shadow var(--dur-ui) var(--ease-ui)}.mini-tier:hover{transform:translateY(-4px)}}[data-show]{display:none}[data-cur=idr] [data-show~=idr],[data-cur=usd] [data-show~=usd]{display:revert}[data-cur]:has(#cur-usd:checked) [data-show~=idr],[data-cur]:has(#cur-idr:checked) [data-show~=usd]{display:none}[data-cur]:has(#cur-usd:checked) [data-show~=usd],[data-cur]:has(#cur-idr:checked) [data-show~=idr]{display:revert}[data-period=y],.pricing:has(#per-y:checked) [data-period=m]{display:none}.pricing:has(#per-y:checked) [data-period=y]{display:revert}.faq{border-top:1px solid var(--border);margin-top:40px}.faq details{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;justify-content:space-between;gap:24px;padding:22px 0;font-size:1.125rem;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{transition:transform var(--dur-ui) var(--ease-ui)}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{max-width:68ch;color:var(--text-muted);padding-bottom:22px}@media (width>=900px){.faq-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:64px;display:grid}.faq-grid .faq{margin-top:0}}.end-cta{text-align:center}.end-cta .h2,.end-cta .section-lead{margin-inline:auto}.end-cta .hero-cta{justify-content:center}.doc-head{padding-block:clamp(40px,6vw,72px) 24px}.doc-head h1{letter-spacing:-.035em;font-size:clamp(2.25rem,4.6vw,3.75rem);line-height:1.04}.doc-meta{font-size:var(--text-small);color:var(--text-muted);margin-top:12px}.prose{max-width:68ch;padding-bottom:var(--section)}.prose h2{letter-spacing:-.02em;margin:48px 0 12px;font-size:1.5rem;line-height:1.25}.prose h3{margin:28px 0 8px;font-size:1.125rem}.prose p,.prose ul,.prose ol,.prose table{margin:0 0 16px}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:6px}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-small)}.prose th,.prose td{overflow-wrap:anywhere;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 8px}.prose code{background:var(--sunken);border-radius:6px;padding:1px 6px;font-size:.9em}.note{border-radius:var(--r-md);background:var(--info-soft);color:var(--text);font-size:var(--text-small);padding:16px 18px}.foot{border-top:1px solid var(--border);font-size:var(--text-small);color:var(--text-muted);padding-block:40px 48px}.foot-row{flex-wrap:wrap;justify-content:space-between;gap:16px 32px;display:flex}.foot nav{flex-wrap:wrap;gap:8px 20px;display:flex}.foot a{color:var(--text-muted);text-decoration:none}.foot a:hover{color:var(--text);text-decoration:underline}@media (prefers-reduced-motion:no-preference){.ink:after{animation:ink-in var(--dur-hero) var(--ease-hero) .3s backwards}.url-card{animation:rise-in var(--dur-hero) var(--ease-hero) .12s backwards}.chips .chip{animation:chip-in .42s var(--ease-out) backwards;animation-delay:1.4s}.chips .chip:nth-child(2){animation-delay:1.56s}.chips .chip:nth-child(3){animation-delay:1.72s}.chips .chip:nth-child(4){animation-delay:1.88s}.chips .chip:nth-child(5){animation-delay:2.04s}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}@supports (animation-timeline:view()){.reveal{animation-name:reveal-in;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:backwards;animation-timeline:view();animation-range:entry}}}@keyframes ink-in{0%{transform:scaleX(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}}@keyframes chip-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes reveal-in{0%{opacity:0;transform:perspective(1000px)rotateX(14deg)translateY(28px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section.plans{padding-top:0}.agency-head{align-content:start;gap:10px;display:grid}.agency-head .amount{margin-top:8px}.read-progress{z-index:70;background:var(--accent-strong);transform-origin:0;pointer-events:none;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@supports not (animation-timeline:scroll()){.read-progress{display:none}}@media (prefers-reduced-motion:no-preference){.url-field .fake-btn{animation:press .42s var(--ease-out) 1.25s}.hero-cta .btn{animation:lift-in .6s var(--ease-hero) backwards}.hero-cta .btn+.btn{animation-delay:80ms}.btn .icon{transition:transform var(--dur-ui) var(--ease-ui)}.btn:hover .icon{transform:translate(3px)}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-1px)}.btn:hover:active{transform:scale(.97)}.cell,.tier,.serp,.agency,.tg-msg{transition:transform var(--dur-ui) var(--ease-ui), box-shadow var(--dur-ui) var(--ease-ui)}.cell:hover,.tier:hover,.serp:hover,.agency:hover{box-shadow:var(--shadow-ring), var(--shadow-ambient);transform:perspective(1000px)rotateX(3deg)translateY(-4px)}.queue li{transition:transform var(--dur-ui) var(--ease-ui)}.queue li:hover{transform:translate(4px)}}.tiers .tier,.agency{animation:nudge-up .7s var(--ease-hero) backwards}.tiers .tier:nth-child(2){animation-delay:70ms}.tiers .tier:nth-child(3){animation-delay:.14s}.agency{animation-delay:.21s}[data-cur] [data-show],.pricing [data-period]{animation:swap-in .28s var(--ease-out)}.seg-control label{transition:background-color var(--dur-ui) var(--ease-ui), box-shadow var(--dur-ui) var(--ease-ui), transform var(--dur-ui) var(--ease-ui)}.seg-control label:active{transform:scale(.96)}.faq details{interpolate-size:allow-keywords}.faq details::details-content{opacity:0;block-size:0;transition:block-size .32s var(--ease-out), opacity .24s var(--ease-out), content-visibility .32s allow-discrete;overflow:clip}.faq details[open]::details-content{opacity:1;block-size:auto}.nav{view-transition-name:site-nav}::view-transition-old(root){animation:vt-out .16s var(--ease-out) both}::view-transition-new(root){animation:vt-in .28s var(--ease-out) both}@supports (animation-timeline:view()){.section .h2,.section .section-lead,.queue li,.checks .chip,.points li,.spec tbody tr,.faq details,.end-cta .hero-cta,.prose h2,.prose>ul,.prose>table{animation-name:reveal-in;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:backwards;animation-timeline:view();animation-range:entry entry 80%}.queue li{animation-name:slide-in}.tg-msg{animation-name:msg-in}.tg-msg:nth-child(2){animation-range:entry 20% cover 30%}.tg-msg:nth-child(3){animation-range:entry 40% cover 40%}.checks .chip:nth-child(2){animation-range:entry 20% cover 25%}.checks .chip:nth-child(3){animation-range:entry 40% cover 30%}.diff .next{animation-name:write-in;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:backwards;animation-timeline:view();animation-range:entry 60% cover 45%}.section .h2 .serif-italic{animation-name:tilt-in;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:backwards;animation-timeline:view();animation-range:entry 20% cover 30%;display:inline-block}}@supports (animation-timeline:scroll()){.read-progress{animation-name:progress;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root)}}}@keyframes type-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes caret{50%{opacity:0}to{opacity:0}}@keyframes press{40%{transform:scale(.96)}}@keyframes lift-in{0%{opacity:0;transform:translateY(10px)}}@keyframes nudge-up{0%{transform:perspective(1200px)rotateX(12deg)translateY(28px)}}@keyframes swap-in{0%{opacity:.2;transform:translateY(4px)}}@keyframes slide-in{0%{opacity:0;transform:perspective(800px)rotateY(18deg)translate(-18px)}}@keyframes msg-in{0%{opacity:0;transform:translateZ(-160px)rotateY(-28deg)translateY(20px)}}@keyframes write-in{0%{clip-path:inset(0 100% 0 0 round 12px)}to{clip-path:inset(0 round 12px)}}@keyframes tilt-in{0%{opacity:.3;transform:translateY(.12em)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes progress{to{transform:scaleX(1)}}@keyframes bob{50%{transform:translateY(-8px)rotate(-4deg)}}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}.hero,.end-cta{overflow:clip}.floor{z-index:-1;perspective:520px;perspective-origin:50% 0;pointer-events:none;height:58%;position:absolute;inset:auto 0 0;mask-image:linear-gradient(#0000 8%,#000 100%)}.floor-end{height:70%}.floor-plane{--grid-line:color-mix(in oklch, var(--brand-terracotta) 22%, transparent);transform-origin:50% 0;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:64px 64px;width:220%;height:260%;position:absolute;top:0;left:-60%;transform:rotateX(74deg)}.stage{perspective:1400px;perspective-origin:30% 40%}.stage-inner{transform-style:preserve-3d;position:relative;transform:rotateY(-14deg)rotateX(7deg)}.stage-inner .url-card,.stage-inner .url-card>div{transform-style:preserve-3d}.url-field{transform:translateZ(22px)}.chips{transform:translateZ(40px)}.ghost{border-radius:var(--r-xl);pointer-events:none;position:absolute;inset:0}.ghost-1{background:linear-gradient(160deg, var(--accent-soft), var(--surface-2));box-shadow:var(--shadow-ring);opacity:.9;transform:translateZ(-70px)translate(26px,-26px)}.ghost-2{background:linear-gradient(160deg, color-mix(in oklch, var(--brand-terracotta) 45%, var(--surface-2)), var(--surface-2));box-shadow:var(--shadow-ring);opacity:.7;transform:translateZ(-140px)translate(52px,-52px)}@media (width<=959px){.stage-inner{transform:rotateY(-6deg)rotateX(5deg)}.ghost-1{transform:translateZ(-40px)translate(14px,-14px)}.ghost-2{transform:translateZ(-80px)translate(28px,-28px)}}.tg{perspective:1100px;transform-style:preserve-3d}@media (width>=900px){.tg-msg:first-child{transform:rotateY(-12deg)translateZ(10px)}.tg-msg:nth-child(2){transform:rotateY(-12deg)translateZ(40px)}.tg-msg:nth-child(3){transform:rotateY(-12deg)translateZ(-20px)}}@media (prefers-reduced-motion:no-preference){.floor-plane{animation:7s linear infinite floor-move}.stage-inner{animation:7s ease-in-out infinite float}@supports (animation-timeline:scroll()){.stage{animation-name:stage-tilt;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 80vh}}.ghost-1{animation:ghost-in .9s var(--ease-hero) .25s backwards}.ghost-2{animation:ghost-in .9s var(--ease-hero) .38s backwards}}@keyframes floor-move{to{transform:rotateX(74deg)translateY(64px)}}@keyframes float{50%{translate:0 -10px;rotate:y 4deg}}@keyframes stage-tilt{to{opacity:.6;rotate:x 14deg;scale:.94}}@keyframes ghost-in{0%{opacity:0;transform:translateZ(0)translate(0)}}.foot-entity{max-width:72ch;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:20px;line-height:1.6}.mega-trigger{font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:.9375rem;display:inline-flex}.mega-trigger .icon{width:16px;height:16px;transition:rotate var(--dur-ui) var(--ease-ui)}body:has(.mega:popover-open) .mega-trigger{background:var(--accent-soft)}body:has(.mega:popover-open) .mega-trigger .icon{rotate:180deg}.menu-btn{border-radius:var(--r-pill);background:var(--accent-soft);width:44px;height:44px;color:var(--text);cursor:pointer;border:0;place-items:center;display:inline-grid}@media (width>=900px){.nav-right .menu-btn{display:none}}.mega{border-radius:var(--r-xl);background:var(--surface);width:min(1120px,100vw - 32px);max-height:calc(100dvh - 92px);color:var(--text);box-shadow:var(--shadow-ring), var(--shadow-ambient);transform-origin:50% 0;border:0;margin:0 auto;padding:28px;position:fixed;inset:76px 0 auto;overflow:auto}.mega::backdrop{background:color-mix(in oklch, var(--text) 16%, transparent)}.mega-head{display:none}.mega-grid{grid-template-columns:repeat(3,1fr) 1.05fr;gap:28px;display:grid}.mega-h{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-weight:500}.mega-col ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.mega-item{border-radius:var(--r-md);color:var(--text);transition:background-color var(--dur-ui) var(--ease-ui), transform var(--dur-ui) var(--ease-ui);grid-template-columns:36px 1fr;align-items:start;gap:12px;padding:10px;text-decoration:none;display:grid}.mega-item:hover,.mega-item:focus-visible{background:var(--surface-2)}.mega-item b{font-weight:500;display:block}.mega-item small{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;line-height:1.45;display:block}.mega-ico{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-strong);border-radius:10px;place-items:center;display:grid}.mega-card{border-radius:var(--r-lg);color:var(--on-dark);background:linear-gradient(150deg, var(--brand-umber), var(--ink-deep));flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex;position:relative;overflow:hidden}.mega-card .mega-h{color:var(--brand-sand)}.mega-card p:not(.mega-h){font-size:var(--text-small);color:color-mix(in oklch, var(--on-dark) 80%, transparent)}.mega-card-mark{width:120px;height:120px;color:color-mix(in oklch, var(--brand-sand) 22%, transparent);position:absolute;bottom:-18px;right:-18px;rotate:-18deg}.mega-lang{color:color-mix(in oklch, var(--on-dark) 80%, transparent);display:none}@media (width<=899px){.mega{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:16px 16px 32px;inset:0}.mega-head{justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:500;display:flex}.mega-grid{grid-template-columns:1fr;gap:20px}.mega-lang{display:inline-flex}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.mega{opacity:0;transition:opacity .22s var(--ease-out), transform .36s var(--ease-out), overlay .36s allow-discrete, display .36s allow-discrete;transform:perspective(1400px)rotateX(-12deg)translateY(-10px)}.mega:popover-open{opacity:1;transform:none}@starting-style{.mega:popover-open{opacity:0;transform:perspective(1400px)rotateX(-12deg)translateY(-10px)}}.mega::backdrop{opacity:0;transition:opacity .22s var(--ease-out), overlay .22s allow-discrete, display .22s allow-discrete}.mega:popover-open::backdrop{opacity:1}@starting-style{.mega:popover-open::backdrop{opacity:0}}.mega:popover-open .mega-col li,.mega:popover-open .mega-card{animation:mega-in .42s var(--ease-out) backwards}.mega:popover-open .mega-col:nth-child(2) li{animation-delay:60ms}.mega:popover-open .mega-col:nth-child(3) li{animation-delay:.12s}.mega:popover-open .mega-card{animation-delay:.18s}.mega:popover-open .mega-col li:nth-child(2){animation-delay:40ms}.mega:popover-open .mega-col li:nth-child(3){animation-delay:80ms}.mega:popover-open .mega-col li:nth-child(4){animation-delay:.12s}.mega-item:hover .mega-ico{transform:perspective(300px)rotateY(-18deg)translateZ(6px)}.mega-ico{transition:transform var(--dur-ui) var(--ease-out)}}@keyframes mega-in{0%{opacity:0;transform:translateY(8px)}}.stage-inner{transform:rotateY(calc(-14deg + var(--tx,0) * 9deg)) rotateX(calc(7deg - var(--ty,0) * 7deg));transition:transform .6s var(--ease-out)}@media (width<=959px){.stage-inner{transform:rotateY(-6deg)rotateX(5deg)}}@media (hover:hover) and (pointer:fine){.cell,.tier,.serp,.agency{position:relative}.cell:after,.tier:after,.serp:after,.agency:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--sx,50%) var(--sy,50%), color-mix(in oklch, var(--brand-terracotta) 16%, transparent), transparent 70%);transition:opacity var(--dur-ui) var(--ease-ui);position:absolute;inset:0}.cell:hover:after,.tier:hover:after,.serp:hover:after,.agency:hover:after{opacity:1}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.theme-btn{display:none}.js .theme-btn{display:inline-grid}.theme-btn .icon{transition:opacity var(--dur-ui) var(--ease-ui), rotate .4s var(--ease-out), scale .4s var(--ease-out);opacity:0;grid-area:1/1;rotate:-90deg;scale:.6}:root:not([data-theme]) .ti-system,:root[data-theme=light] .ti-light,:root[data-theme=dark] .ti-dark{opacity:1;rotate:0deg;scale:1}@media (prefers-reduced-motion:no-preference){.theme-vt::view-transition-old(root){animation:none}.theme-vt::view-transition-new(root){animation:theme-reveal .56s var(--ease-out) both}}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,0))}to{clip-path:circle(150vmax at var(--vt-x,50%) var(--vt-y,0))}}@media (width<=599px){.nav-right .lang-link span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}main{overflow-x:clip}.story-h2{max-width:none}.about-h1{max-width:16ch}.about-lead{max-width:52ch}.story{gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (width>=900px){.story{grid-template-columns:repeat(3,1fr)}}.story-step{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-ring), var(--shadow-soft);padding:clamp(20px,3vw,32px);position:relative}.story-year{color:var(--accent-display);font-size:clamp(2.25rem,4vw,3rem);line-height:1;display:block}.story-step h3{margin-top:16px;font-size:1.125rem;font-weight:500}.story-step p{color:var(--text-muted);max-width:40ch;margin-top:6px}.name-art{text-align:center;justify-items:center;gap:16px;margin:0;display:grid}.name-word{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.25rem);line-height:1}.name-word .serif-italic{color:var(--brand-sand)}.name-art figcaption{font-size:var(--text-small);color:color-mix(in oklch, var(--on-dark) 70%, transparent)}.values{gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (width>=900px){.values{grid-template-columns:repeat(3,1fr)}}.kicker{font-size:var(--text-small);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-display);margin-bottom:16px;font-weight:500}.url-field input.value{color:var(--text);font:inherit;background:0 0;border:0;outline:none;padding:0}.url-field input.value::placeholder{color:var(--text-muted)}.url-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent-strong), 0 0 0 4px color-mix(in oklch, var(--accent) 22%, transparent)}.url-field button.fake-btn{font:inherit;cursor:pointer;border:0;font-weight:500}.url-field button.fake-btn:hover{background:color-mix(in oklch, var(--accent-strong) 88%, var(--text))}.end-form{text-align:left;max-width:560px;margin:32px auto 0}.end-note{text-align:center;font-size:var(--text-small);color:var(--text-muted);margin-top:14px}.end-note .link-arrow{margin-left:8px}.why{gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (width>=760px){.why{grid-template-columns:repeat(2,1fr)}}.why-icon{width:22px;height:22px;color:var(--accent-display)}.stage:has(.url-card:hover,.url-card:focus-within) .stage-inner{animation-play-state:paused}.stage:has(.url-card:focus-within) .stage-inner{transform:rotateY(-3deg)rotateX(2deg)}.mascot{border-radius:var(--r-lg);box-shadow:var(--shadow-ring), var(--shadow-soft);background:#fff;overflow:hidden}.mascot-video{width:100%;height:auto;display:block}.mascot-end{width:min(56vw,220px);margin:0 auto 28px;rotate:-2deg}.mascot-faq{width:min(52vw,240px);margin-top:32px;rotate:2deg}.mascot-name{width:min(72vw,320px);box-shadow:0 0 0 6px color-mix(in oklch, var(--on-dark) 14%, transparent), 0 24px 48px -16px color-mix(in oklch, var(--ink-deep) 70%, transparent);rotate:-2deg}.mascot-lost{width:min(64vw,240px);margin-bottom:28px}@media (prefers-reduced-motion:no-preference){.mascot{transition:rotate .4s var(--ease-out), scale .4s var(--ease-out)}.mascot:hover{rotate:0deg;scale:1.03}}.audit-result{text-align:left;margin-top:16px}.audit-status{color:var(--text-muted);font-size:var(--text-small);margin:0}.audit-status.err{color:var(--danger)}.audit-title{margin:0 0 12px;font-size:1.0625rem;font-weight:500}.audit-list{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.audit-item{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-ring);padding:14px 16px}.audit-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audit-tag{border-radius:var(--r-pill);background:var(--accent-soft);color:var(--text);padding:2px 10px;font-size:.75rem;font-weight:500}.audit-tag.p0{color:var(--danger);background:var(--danger-soft)}.audit-tag.p1{color:var(--warning)}.audit-meta{color:var(--text-muted);font-size:var(--text-small);margin:6px 0 0}.audit-ev{font-size:var(--text-small);color:var(--text-muted);overflow-wrap:anywhere;margin:8px 0 0;padding:0;list-style:none}.audit-ev code{color:var(--text);font-size:.8125rem}.audit-note{color:var(--text-muted);font-size:var(--text-small);margin:0 0 12px}.audit-ts{margin-top:8px}
