:root{--kiwi-seed:#0d1512;--kiwi-ink:#12251a;--kiwi-shell:#8b5e3c;--kiwi-flesh:#8db354;--kiwi-bright:#aacb5d;--kiwi-flesh-text:#506c37;--kiwi-cream:#e1eedb;--kiwi-frost:#eaf3ee;--kiwi-snow:#f7f9f5}.dev-only{display:none}.simple-only{display:block}:root[data-mode=dev] .dev-only{display:initial}:root[data-mode=dev] a.nav__link.dev-only{display:inline-flex}:root[data-mode=dev] .footer__links a.dev-only{display:inline}:root[data-mode=dev] section.dev-only{display:block}:root[data-mode=simple] a.nav__support.dev-only,:root[data-mode=simple] a.btn.dev-only{display:none}:root[data-mode=dev] a.nav__support.dev-only{display:inline-grid}:root[data-mode=dev] a.btn.dev-only{display:inline-flex}@media (width<=460px){:root[data-mode=dev] a.nav__support.dev-only{display:none}}:root[data-mode=dev] .simple-only,.hero__mode--dev,:root[data-mode=dev] .hero__mode--simple{display:none}:root[data-mode=dev] .hero__mode--dev{display:block}.mode-toggle{--seg-w:88px;border:1px solid var(--border-strong);background:var(--nav-hover-bg);white-space:nowrap;border-radius:999px;align-items:stretch;margin-left:.15rem;padding:2px;transition:border-color .25s,background .25s,box-shadow .25s;display:inline-flex;position:relative}.mode-toggle:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--card-glow)}:root[data-mode=dev] .mode-toggle{background:var(--tile-fill-ghost)}.mode-toggle__slider{width:var(--seg-w);z-index:0;background:linear-gradient(#cfe0bd,#9db785);border-radius:999px;transition:transform .38s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 1px 4px #00000038}:root[data-mode=dev] .mode-toggle__slider{transform:translateX(var(--seg-w))}.mode-toggle__kiwi-lead{z-index:2;line-height:0;display:block;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.mode-toggle__extra{opacity:0;z-index:0;width:11px;height:11px;line-height:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute;transform:scale(0)}.mode-toggle__extra--2{top:3px;left:13px}.mode-toggle__extra--3{bottom:3px;left:17px}:root[data-mode=dev] .mode-toggle__extra{opacity:.92;transform:scale(1)}:root[data-mode=dev] .mode-toggle__extra--2{transition-delay:.12s}:root[data-mode=dev] .mode-toggle__extra--3{transition-delay:.2s}:root[data-mode=simple] .mode-toggle__extra{transition:transform .22s,opacity .18s}.mode-toggle__kiwi{display:block}.mode-toggle__seg{z-index:1;width:var(--seg-w);cursor:pointer;height:26px;color:var(--nav-ink-dim);background:0 0;border:0;place-items:center;padding-left:18px;font-family:inherit;font-size:.82rem;font-weight:650;line-height:1;transition:color .2s;display:inline-grid;position:relative}:root[data-mode=simple] .mode-toggle__seg--simple,:root[data-mode=dev] .mode-toggle__seg--dev{color:#10210b}.mode-toggle__seg:not([aria-checked=true]):hover{color:var(--nav-ink)}.mode-toggle__seg:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:999px}.kiwi__skin{fill:var(--kiwi-bright);stroke:var(--kiwi-flesh);stroke-width:.6px}.kiwi__flesh{fill:#e9f2c9}:root[data-theme=dark] .kiwi__flesh{fill:#d8ecb0}.kiwi__core{fill:#f6f9e8}.kiwi__seeds circle{fill:#2b2411}.mode-toggle__tip{white-space:nowrap;background:var(--bg-3);border:1px solid var(--border-strong);color:var(--text-dim);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;z-index:5;border-radius:10px;padding:.4rem .65rem;font-size:.76rem;font-weight:550;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-4px)}.mode-toggle:hover .mode-toggle__tip,.mode-toggle:focus-within .mode-toggle__tip{opacity:1;transform:translateY(0)}.mode-toggle__tip--dev,:root[data-mode=dev] .mode-toggle__tip--simple{display:none}:root[data-mode=dev] .mode-toggle__tip--dev{display:inline}@media (width<=680px){.mode-toggle{--seg-w:74px}.mode-toggle__seg{padding-left:16px;font-size:.76rem}.mode-toggle__tip{display:none}}@media (width<=460px){.mode-toggle{--seg-w:58px}.mode-toggle__kiwi-lead{left:2px}.mode-toggle__kiwi-lead .mode-toggle__kiwi{width:11px;height:11px}.mode-toggle__seg{padding-left:16px;font-size:.64rem}.mode-toggle__extra,.nav__support-text{display:none}.nav__support{padding:.5rem .6rem}}@media (width<=365px){.mode-toggle{--seg-w:54px}.mode-toggle__kiwi-lead .mode-toggle__kiwi{width:10px;height:10px}.mode-toggle__seg{padding-left:15px;font-size:.6rem}}@media (width<=680px){:root[data-mode=dev] a.nav__link.dev-only{display:none}}:root[data-mode=dev] .dev-reveal{animation:.55s cubic-bezier(.22,1,.36,1) both dev-rise}:root[data-mode=dev] #features.dev-reveal{animation-delay:20ms}:root[data-mode=dev] #layouts.dev-reveal{animation-delay:.1s}:root[data-mode=dev] #config.dev-reveal{animation-delay:.18s}:root[data-mode=dev] #cli.dev-reveal{animation-delay:.26s}:root[data-mode=dev] #start.dev-reveal{animation-delay:.34s}@keyframes dev-rise{0%{opacity:0;transform:translateY(26px)scale(.985)}to{opacity:1;transform:none}}:root[data-mode=dev] #features .card{animation:.5s cubic-bezier(.22,1,.36,1) both dev-rise}:root[data-mode=dev] #features .card:first-child{animation-delay:60ms}:root[data-mode=dev] #features .card:nth-child(2){animation-delay:.12s}:root[data-mode=dev] #features .card:nth-child(3){animation-delay:.18s}:root[data-mode=dev] #features .card:nth-child(4){animation-delay:.24s}:root[data-mode=dev] #features .card:nth-child(5){animation-delay:.3s}:root[data-mode=dev] #features .card:nth-child(6){animation-delay:.36s}.mode-flourish .nav__inner{animation:.85s nav-glow}@keyframes nav-glow{0%{box-shadow:0 0 #0000}35%{box-shadow:0 8px 34px -6px var(--glow)}to{box-shadow:0 0 #0000}}.hero__kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem;font-size:.82rem;font-weight:650;display:inline-block}.link-arrow{color:var(--accent);align-items:center;gap:.35rem;font-weight:600;transition:gap .2s;display:inline-flex}.link-arrow:hover{gap:.6rem}.what{grid-template-columns:1fr;align-items:center;gap:clamp(1.75rem,4vw,3rem);display:grid}@media (width>=820px){.what{grid-template-columns:1.05fr .95fr}}.what__copy h2{letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.12}.what__copy p{color:var(--text-dim);max-width:52ch;margin:0 0 1.25rem;font-size:clamp(1rem,2.2vw,1.1rem)}.what__art{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(.6rem,2vw,1.1rem);display:grid}.what__win{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-3);box-shadow:var(--shadow-sm);padding:10px;position:relative}.what__win span{background:var(--tile-fill);border:1px solid var(--tile-stroke);border-radius:6px;position:absolute}.what__win--messy span:first-child{width:55%;height:50%;top:10%;left:8%}.what__win--messy span:nth-child(2){width:55%;height:48%;top:26%;left:30%}.what__win--messy span:nth-child(3){width:45%;height:42%;top:44%;left:16%}.what__win--messy span:nth-child(4){width:40%;height:40%;top:12%;left:45%}.what__win--tidy span{background:var(--tile-fill-accent)}.what__win--tidy span:first-child{width:40%;height:40%;top:9%;left:8%}.what__win--tidy span:nth-child(2){width:40%;height:40%;top:9%;left:52%}.what__win--tidy span:nth-child(3){width:40%;height:40%;top:51%;left:8%}.what__win--tidy span:nth-child(4){width:40%;height:40%;top:51%;left:52%}.what__arrow{color:#fff;background:linear-gradient(180deg, var(--kiwi-bright), var(--kiwi-flesh));width:clamp(40px,8vw,54px);height:clamp(40px,8vw,54px);box-shadow:0 8px 24px -6px var(--glow);border-radius:50%;place-items:center;display:grid}@media (width<=520px){.what__art{grid-template-columns:1fr;width:100%;max-width:300px;margin-inline:auto}.what__arrow{margin-inline:auto;transform:rotate(90deg)}}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:clamp(1rem,2.4vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.step{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.5rem,3vw,2rem);transition:transform .22s,border-color .22s,box-shadow .25s;position:relative}.step:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-4px)}.step__num{color:#fff;background:linear-gradient(180deg, var(--kiwi-bright), var(--kiwi-flesh));width:42px;height:42px;box-shadow:0 8px 20px -8px var(--glow), inset 0 1px 0 #ffffff4d;border-radius:50%;place-items:center;margin-bottom:1rem;font-size:1.1rem;font-weight:750;display:grid}.step h3{letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.14rem}.step p{color:var(--text-dim);margin:0;font-size:.98rem}@media (width>=720px){.step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--border-strong), transparent);width:1.5rem;height:2px;position:absolute;top:calc(clamp(1.5rem,3vw,2rem) + 21px);right:-.75rem}}.ba{grid-template-columns:1fr;gap:clamp(1rem,2.4vw,1.5rem);margin-bottom:clamp(1.5rem,4vw,2.25rem);display:grid}@media (width>=720px){.ba{grid-template-columns:1fr 1fr}}.ba__card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-3);padding:clamp(1.4rem,3vw,1.85rem)}.ba__card--after{background:var(--card-bg);border-color:var(--border-strong);box-shadow:var(--shadow)}.ba__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1rem;font-size:.76rem;font-weight:700;display:inline-block}.ba__label--good{color:var(--accent)}.ba__card p{color:var(--text-dim);margin:1rem 0 0;font-size:.98rem}.ba__art{aspect-ratio:16/8;border-radius:var(--radius-sm);background:var(--bg-0);border:1px solid var(--border);position:relative;overflow:hidden}.ba__art span{border:1px solid var(--tile-stroke);border-radius:5px;position:absolute}.ba__art--before span{background:var(--tile-fill)}.ba__art--before span:first-child{width:46%;height:60%;top:12%;left:6%}.ba__art--before span:nth-child(2){width:46%;height:58%;top:30%;left:26%}.ba__art--before span:nth-child(3){width:42%;height:52%;top:14%;left:48%}.ba__art--before span:nth-child(4){width:40%;height:44%;top:48%;left:18%}.ba__art--before span:nth-child(5){width:34%;height:46%;top:44%;left:58%}.ba__art--after span{background:var(--tile-fill-accent)}.ba__art--after span:first-child{width:43%;height:76%;top:12%;left:5%}.ba__art--after span:nth-child(2){width:43%;height:36%;top:12%;left:52%}.ba__art--after span:nth-child(3){width:20%;height:36%;top:52%;left:52%}.ba__art--after span:nth-child(4){width:20%;height:36%;top:52%;left:75%}.perks{margin:0;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:.85rem clamp(1rem,3vw,2rem);max-width:760px;margin-inline:auto;padding:0;list-style:none;display:grid}.perks li{color:var(--text);align-items:center;gap:.7rem;font-size:.98rem;font-weight:550;display:flex}.perks__check{color:#fff;background:linear-gradient(180deg, var(--kiwi-bright), var(--kiwi-flesh));width:26px;height:26px;box-shadow:0 4px 12px -4px var(--glow);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.split .wrap{grid-template-columns:1fr;align-items:center;gap:clamp(1.75rem,4vw,2.5rem);display:grid}@media (width>=860px){.split .wrap{grid-template-columns:1fr 1.1fr}.split--reverse .split__copy{order:2}}.split .wrap>.code{min-width:0}.split__copy h2{letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(1.6rem,3.6vw,2.3rem);line-height:1.14}.split__copy p{color:var(--text-dim);max-width:48ch;margin:0}.code .str{color:#d8b06a}.code .num{color:#7fd0a0}.code .fn{color:var(--kiwi-bright)}.quote-band{padding-block:clamp(.75rem,2vw,1.5rem) clamp(1.75rem,4vw,2.75rem)}.quote-band__mark{text-align:center;max-width:54ch;margin:0 auto;position:relative}.quote-band__mark p{letter-spacing:-.01em;color:var(--text);text-wrap:balance;margin:0;font-size:clamp(1.3rem,3.4vw,1.9rem);font-weight:650;line-height:1.32}.quote-band__mark:before{content:"“";color:var(--accent);opacity:.14;pointer-events:none;z-index:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,12vw,7rem);line-height:1;position:absolute;top:-.3em;left:50%;transform:translate(-50%)}.quote-card{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--card-bg);max-width:720px;box-shadow:var(--shadow-sm);margin:0 auto;padding:clamp(1.6rem,4vw,2.3rem) clamp(1.8rem,5vw,2.6rem);position:relative}.quote-card:before{content:"";background:url(/_astro/kiwi-mark.DunMWQhD.svg) center / 18px no-repeat, var(--bg-1);border:1px solid var(--border-strong);width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:-14px;left:clamp(1.4rem,4vw,2rem)}.quote-card p{letter-spacing:-.005em;color:var(--text);text-wrap:balance;margin:.2rem 0 .9rem;font-size:clamp(1.05rem,2.4vw,1.28rem);font-weight:550;line-height:1.5}.quote-card__byline{color:var(--text-faint);font-size:.88rem;font-weight:600;display:block}.quote-card--dev p{font-family:var(--font)}.quote-card__byline--two{flex-direction:column;gap:.15rem;display:flex}.quote-card__byline-main{color:var(--text-faint);font-size:.88rem;font-weight:600}a.quote-card__byline-main{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px;transition:color .2s,text-decoration-color .2s}a.quote-card__byline-main:hover{color:var(--accent);text-decoration-color:var(--accent)}.quote-card__byline-sub{color:var(--text-faint);opacity:.8;font-size:.78rem;font-style:italic;font-weight:500}.quote-aside{max-width:46ch;margin:1.1rem 0 0}.quote-aside p{color:var(--text-faint);margin:0;font-size:.92rem;font-style:italic;line-height:1.5}.quote-aside--center{text-align:center;margin-inline:auto}.quote-aside--left{margin-top:1.4rem}.quote-aside--footer{max-width:38ch;margin-top:.9rem}.quote-aside--demo{text-align:center;max-width:900px;margin:.85rem auto 0;padding-bottom:.25rem}.cta-band{position:relative;overflow:hidden}.cta-band__inner{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--card-bg);max-width:680px;box-shadow:var(--shadow-glow), var(--shadow);margin-inline:auto;padding:clamp(2.25rem,6vw,3.5rem) clamp(1.5rem,5vw,3rem);position:relative}.cta-band__inner:before{content:"";border-radius:inherit;background:radial-gradient(600px 220px at 50% -10%, var(--card-glow), transparent 70%);pointer-events:none;position:absolute;inset:0}.cta-band__inner>*{position:relative}.cta-band__inner h2{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.12}.cta-band__inner p{color:var(--text-dim);max-width:46ch;margin:0 auto 1.6rem;font-size:clamp(1rem,2.2vw,1.12rem)}.cta-band .hero__cta{margin-bottom:0}.req--center{justify-content:center;margin-inline:auto}@media (prefers-reduced-motion:reduce){.mode-toggle__slider,.mode-toggle__extra,.mode-toggle__tip,.theme-toggle__thumb{transition:none}:root[data-mode=dev] .dev-reveal,:root[data-mode=dev] #features .card,.mode-flourish .nav__inner{animation:none}.step:hover,.link-arrow:hover{transform:none}}:root{--sp-1:.5rem;--sp-2:.75rem;--sp-3:1rem;--sp-4:1.5rem;--sp-5:2rem;--sp-6:3rem;--sp-7:4.5rem;--sp-8:7rem;--radius-sm:10px;--radius:16px;--radius-lg:24px;--maxw:1120px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}:root,:root[data-theme=dark]{color-scheme:dark;--bg-0:#0a100d;--bg-1:var(--kiwi-seed);--bg-2:#101a16;--bg-3:#14201c;--border:#89b58924;--border-strong:#89b58947;--text:var(--kiwi-frost);--text-dim:#9fb3ab;--text-faint:#7a8c85;--accent:var(--kiwi-bright);--accent-deep:var(--kiwi-flesh);--glow:#8db35473;--hero-bg-top:#162017;--hero-bg-bot:var(--bg-1);--hero-ink:var(--text);--hero-ink-dim:var(--text-dim);--hero-glow:#8db35438;--hero-mark-shadow:0 12px 34px #8db35447;--wash-a:#8db35424;--wash-b:#b07b501a;--nav-ink:var(--text);--nav-ink-dim:var(--text-dim);--nav-hover-bg:#aacb5d1a;--nav-scrolled-bg:#0a100db8;--card-bg:linear-gradient(180deg, var(--bg-3), #0d151299);--card-glow:#aacb5d1f;--ghost-bg:#aacb5d0f;--ghost-ink:var(--text);--ghost-border:var(--border-strong);--ghost-hover-bg:#aacb5d1f;--ghost-hover-border:var(--accent);--pill-ink:var(--accent);--pill-bg:#b07b5024;--pill-border:#b07b505c;--pill-dot:var(--kiwi-bright);--pill-dot-glow:#aacb5de6;--code-bg:var(--bg-0);--code-bar-bg:#00000040;--code-dot-idle:#384a38;--tile-fill:#aacb5d2e;--tile-fill-accent:#aacb5d66;--tile-fill-ghost:#aacb5d14;--tile-stroke:var(--kiwi-bright);--tile-stroke-ghost:#aacb5d66;--shadow-sm:0 2px 8px #00000059;--shadow:0 12px 40px #00000073;--shadow-glow:0 30px 90px -20px var(--glow);--kofi-bg:#b07b5024;--kofi-ink:var(--text);--kofi-border:#b07b505c;--kofi-hover-bg:#b07b503d}:root[data-theme=light]{color-scheme:light;--bg-0:var(--kiwi-cream);--bg-1:var(--kiwi-snow);--bg-2:#ecf3e9;--bg-3:#fff;--border:#12251a1f;--border-strong:#12251a38;--text:var(--kiwi-ink);--text-dim:#55635c;--text-faint:#5f6c65;--accent:var(--kiwi-flesh-text);--accent-deep:var(--kiwi-flesh);--glow:#8db35459;--hero-bg-top:#fafbf9;--hero-bg-bot:var(--bg-2);--hero-ink:var(--text);--hero-ink-dim:var(--text-dim);--hero-glow:#8db3542e;--hero-mark-shadow:0 10px 28px #12251a29;--wash-a:#8db35414;--wash-b:#8b5e3c12;--nav-ink:var(--hero-ink);--nav-ink-dim:var(--hero-ink-dim);--nav-hover-bg:#8db3541f;--nav-scrolled-bg:#f7f9f5d1;--card-bg:linear-gradient(180deg, var(--bg-3), var(--bg-1));--card-glow:#8db3541a;--ghost-bg:#12251a0a;--ghost-ink:var(--hero-ink);--ghost-border:#12251a47;--ghost-hover-bg:#12251a14;--ghost-hover-border:var(--hero-ink);--pill-ink:var(--accent);--pill-bg:#8b5e3c1f;--pill-border:#8b5e3c57;--pill-dot:var(--kiwi-shell);--pill-dot-glow:#8b5e3c8c;--code-bg:#14231a;--code-bar-bg:#00000047;--code-dot-idle:#384a38;--tile-fill:#6d8b4129;--tile-fill-accent:#6d8b4157;--tile-fill-ghost:#6d8b4114;--tile-stroke:var(--accent-deep);--tile-stroke-ghost:#6d8b4166;--shadow-sm:0 2px 10px #12251a1a;--shadow:0 14px 40px #12251a24;--shadow-glow:0 26px 80px -24px var(--glow);--kofi-bg:#8b5e3c1a;--kofi-ink:var(--text);--kofi-border:#8b5e3c52;--kofi-hover-bg:#8b5e3c2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(1200px 600px at 50% -8%, var(--wash-a), transparent 60%), radial-gradient(900px 700px at 90% 8%, var(--wash-b), transparent 55%);position:fixed;inset:0}.wrap{width:100%;max-width:var(--maxw);z-index:1;margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.5rem);position:relative}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--sp-1);left:var(--sp-1);z-index:100;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-3);color:var(--text);font-weight:600;text-decoration:none;transition:transform .15s;position:fixed;transform:translateY(-150%)}.skip-link:focus{outline:2px solid var(--accent);outline-offset:2px;transform:translateY(0)}.nav{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,backdrop-filter .3s;position:sticky;top:0}.nav.scrolled{background:var(--nav-scrolled-bg);-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--border)}.nav__inner{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-block:.85rem;display:flex}@media (width<=560px){.nav__brand span{display:none}}@media (width<=460px){.nav__inner{gap:.4rem}.nav__link{padding-inline:.55rem}.nav__link--guide{padding-inline:.5rem;font-size:.9rem}.lang-switch__opt{min-width:22px;padding-inline:.3rem}}@media (width<=400px){.nav .wrap{padding-inline:.7rem}.nav__inner{gap:.3rem}}.nav__brand{letter-spacing:-.01em;color:var(--nav-ink);align-items:center;gap:.6rem;font-size:1.05rem;font-weight:650;transition:color .3s;display:inline-flex}.nav__mark{filter:drop-shadow(0 2px 6px #0000002e);width:28px;height:28px;transition:filter .3s;display:block}.nav.scrolled .nav__mark{filter:drop-shadow(0 2px 6px #0006)}.nav__links{align-items:center;gap:.3rem;display:flex}.nav__link{color:var(--nav-ink-dim);border-radius:var(--radius-sm);padding:.5rem .85rem;font-size:.95rem;font-weight:550;transition:color .2s,background .2s}.nav__link:hover{color:var(--nav-ink);background:var(--nav-hover-bg)}.nav__support{border-radius:var(--radius-sm);border:1px solid var(--kofi-border);background:var(--kofi-bg);place-items:center;width:36px;height:30px;transition:background .2s,border-color .2s;display:inline-grid}.nav__support:hover{background:var(--kofi-hover-bg);border-color:var(--kofi-ink)}@media (width<=460px){.nav__support{display:none}}.kofi-icon{flex-shrink:0;width:18px;height:14px;display:block}.theme-toggle{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-left:.15rem;padding:0;display:inline-grid}.theme-toggle__track{border:1px solid var(--border-strong);background:var(--nav-hover-bg);border-radius:999px;width:52px;height:30px;transition:background .25s,border-color .25s;display:block;position:relative}.theme-toggle__thumb{color:#fff8e6;background:linear-gradient(#f6c453,#e0932f);border-radius:50%;place-items:center;width:24px;height:24px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),background .25s;display:grid;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #00000047}:root[data-theme=dark] .theme-toggle__thumb{color:#10210b;background:linear-gradient(#cfe0bd,#9db785);transform:translate(22px)}.theme-toggle:hover .theme-toggle__track{border-color:var(--accent)}.theme-toggle:hover .theme-toggle__thumb{box-shadow:0 3px 10px #00000052}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle svg{display:block}.theme-toggle__sun,.theme-toggle__moon{grid-area:1/1;transition:opacity .2s}.theme-toggle__moon,:root[data-theme=dark] .theme-toggle__sun{opacity:0}:root[data-theme=dark] .theme-toggle__moon{opacity:1}@media (prefers-reduced-motion:reduce){.theme-toggle__thumb{transition:none}}.lang-switch{border:1px solid var(--border-strong);background:var(--nav-hover-bg);white-space:nowrap;border-radius:999px;align-items:center;gap:1px;margin-left:.15rem;padding:2px;transition:border-color .25s;display:inline-flex}.lang-switch:hover{border-color:var(--accent)}.lang-switch__opt{min-width:26px;height:24px;color:var(--nav-ink-dim);letter-spacing:.02em;border-radius:999px;place-items:center;padding-inline:.4rem;font-size:.78rem;font-weight:650;line-height:1;transition:color .2s,background .2s;display:inline-grid}.lang-switch__opt:hover{color:var(--nav-ink)}.lang-switch__opt[aria-current=true]{color:#10210b;background:linear-gradient(#cfe0bd,#9db785);box-shadow:0 1px 4px #00000038}.lang-switch__opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-switch__sep{background:var(--border-strong);width:1px;height:14px}.btn{border-radius:var(--radius);cursor:pointer;will-change:transform;border:1px solid #0000;align-items:center;gap:.55rem;padding:.85rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .18s,box-shadow .25s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:linear-gradient(180deg, var(--kiwi-flesh), #627d3a);color:#fff;text-shadow:0 1px 1px #00000029;box-shadow:0 10px 30px -8px var(--glow), inset 0 1px 0 #fff3}.btn--primary:hover{box-shadow:0 16px 40px -8px var(--glow), inset 0 1px 0 #ffffff4d}.btn--ghost,.btn--ghost-light{background:var(--ghost-bg);color:var(--ghost-ink);border-color:var(--ghost-border)}.btn--ghost:hover,.btn--ghost-light:hover{background:var(--ghost-hover-bg);border-color:var(--ghost-hover-border)}.pill,.pill--light{color:var(--pill-ink);background:var(--pill-bg);border:1px solid var(--pill-border);letter-spacing:.01em;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.82rem;font-weight:550;display:inline-flex}.pill__dot{background:var(--pill-dot);width:7px;height:7px;box-shadow:0 0 10px var(--pill-dot-glow);border-radius:50%}section{z-index:1;padding-block:clamp(3.5rem, 9vw, var(--sp-8));scroll-margin-top:5.5rem;position:relative}.tint{background:var(--bg-2);border-block:1px solid var(--border)}.section-head{text-align:center;max-width:640px;margin:0 auto clamp(2rem,5vw,3.25rem)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.8rem;font-weight:650;display:inline-block}.section-head h2{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.12}.section-head p{color:var(--text-dim);margin:0;font-size:clamp(1rem,2.2vw,1.12rem)}.hero{text-align:center;background:linear-gradient(180deg, var(--hero-bg-top) 0%, var(--hero-bg-bot) 78%, var(--hero-bg-bot) 100%);padding-block:clamp(1.75rem,4.5vw,3rem) clamp(3.5rem,8vw,6rem);position:relative;overflow:hidden}.hero__glow{aspect-ratio:1;background:radial-gradient(circle, var(--hero-glow), transparent 68%);filter:blur(10px);z-index:0;pointer-events:none;width:min(900px,120vw);position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero .wrap{z-index:1;position:relative}.hero__seam{background:linear-gradient(180deg, transparent, var(--bg-1));pointer-events:none;z-index:0;height:clamp(90px,16vw,160px);position:absolute;bottom:0;left:0;right:0}.hero__mark{width:auto;height:clamp(160px,26vw,230px);filter:drop-shadow(var(--hero-mark-shadow));margin:0 auto clamp(1rem,2.5vw,1.5rem)}.hero__mark--dark,:root[data-theme=dark] .hero__mark--light{display:none}:root[data-theme=dark] .hero__mark--dark{display:block}.hero h1{letter-spacing:-.03em;max-width:24ch;color:var(--hero-ink);text-wrap:balance;margin:0 auto 1rem;font-size:clamp(2rem,5.2vw,3.4rem);line-height:1.07}.hero__mode--dev h1{max-width:19ch}.hero__sub{color:var(--hero-ink-dim);text-wrap:balance;max-width:60ch;margin:0 auto clamp(1.75rem,4vw,2.25rem);font-size:clamp(1.05rem,2.6vw,1.3rem)}.hero__sub b{color:var(--hero-ink);font-weight:700}.hero__cta{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-bottom:1.35rem;display:flex}.demo__frame{border-radius:var(--radius-lg);border:1px solid var(--border-strong);max-width:900px;box-shadow:var(--shadow-glow), var(--shadow);aspect-ratio:16/9;background:#000;margin-inline:auto;position:relative;overflow:hidden}.demo__frame video{object-fit:cover;width:100%;height:100%;display:block}.demo__overlay{cursor:pointer;background:radial-gradient(circle,#0a100d26,#0a100d8c);border:0;place-items:center;width:100%;padding:0;transition:opacity .35s,visibility .35s;display:grid;position:absolute;inset:0}.demo__overlay[hidden]{opacity:0;visibility:hidden;pointer-events:none}.demo__play{background:linear-gradient(180deg, var(--kiwi-bright), var(--kiwi-flesh));width:clamp(64px,12vw,90px);height:clamp(64px,12vw,90px);box-shadow:0 12px 40px -6px var(--glow), inset 0 1px 0 #ffffff59;border-radius:50%;place-items:center;transition:transform .2s,box-shadow .25s;display:grid}.demo__overlay:hover .demo__play{box-shadow:0 18px 55px -6px var(--glow), inset 0 1px 0 #fff6;transform:scale(1.07)}.demo__play svg{margin-left:5px}.demo__caption{text-align:center;color:var(--text-faint);margin-top:1rem;font-size:.95rem}.grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(1rem,2.2vw,1.4rem);display:grid}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.4rem,3vw,1.85rem);transition:transform .22s,border-color .22s,box-shadow .25s,background .25s;position:relative;overflow:hidden}.card:after{content:"";background:radial-gradient(340px 180px at var(--mx,50%) 0%, var(--card-glow), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-4px)}.card:hover:after{opacity:1}.card__icon{border:1px solid var(--border-strong);width:46px;height:46px;color:var(--accent);background:#8db35424;border-radius:12px;place-items:center;margin-bottom:1rem;display:grid}.card__icon svg{width:24px;height:24px}.card h3{letter-spacing:-.01em;margin:0 0 .45rem;font-size:1.15rem}.card p{color:var(--text-dim);margin:0;font-size:.97rem}.layouts{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(1rem,2.2vw,1.4rem);display:grid}.layout-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.2rem,2.5vw,1.5rem);transition:transform .22s,border-color .22s}.layout-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.layout-card__diagram{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg-0);border:1px solid var(--border);width:100%;margin-bottom:1rem;overflow:hidden}.layout-card__diagram svg{width:100%;height:100%;display:block}.layout-card h3{font-size:1.05rem;font-family:var(--mono);color:var(--accent);letter-spacing:-.01em;margin:0 0 .3rem}.layout-card p{color:var(--text-dim);margin:0;font-size:.92rem}.tile{fill:var(--tile-fill);stroke:var(--tile-stroke);stroke-width:1.4px}.tile--accent{fill:var(--tile-fill-accent);stroke:var(--tile-stroke);stroke-width:1.6px}.tile--ghost{fill:var(--tile-fill-ghost);stroke:var(--tile-stroke-ghost);stroke-width:1.2px;stroke-dasharray:3 3}.quickstart .wrap{grid-template-columns:1fr;align-items:center;gap:clamp(1.75rem,4vw,2.5rem);display:grid}@media (width>=820px){.quickstart .wrap{grid-template-columns:1.05fr 1fr}}.quickstart .code{min-width:0}.quickstart__codes{flex-direction:column;gap:.9rem;min-width:0;display:flex}.quickstart__alt>summary{cursor:pointer;color:var(--text-dim);border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.25rem 0;font-size:.88rem;list-style:none;display:inline-flex}.quickstart__alt>summary::-webkit-details-marker{display:none}.quickstart__alt>summary:hover{color:var(--text)}.quickstart__alt-chevron{flex:none;transition:transform .2s}.quickstart__alt[open] .quickstart__alt-chevron{transform:rotate(90deg)}.quickstart__alt .code{margin-top:.65rem}.quickstart h2{letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(1.6rem,3.6vw,2.3rem);line-height:1.14}.quickstart p{color:var(--text-dim);max-width:46ch;margin:0 0 1.5rem}.req{color:var(--text-faint);align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.85rem;display:flex}.code{background:var(--code-bg);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.code__bar{background:var(--code-bar-bg);border-bottom:1px solid #aacb5d24;align-items:center;gap:.5rem;padding:.7rem 1rem;display:flex}.code__dot{background:var(--code-dot-idle);border-radius:50%;width:11px;height:11px}.code__dot:first-child{background:var(--kiwi-shell)}.code__dot:nth-child(2){background:#a98a4b}.code__dot:nth-child(3){background:var(--kiwi-flesh)}.code__title{color:#93a583;font-size:.78rem;font-family:var(--mono)}.code__copy{color:#cddbc2;font-size:.74rem;font-family:var(--font);cursor:pointer;background:#aacb5d1a;border:1px solid #aacb5d52;border-radius:8px;align-items:center;gap:.35rem;margin-left:auto;padding:.25rem .55rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.code__copy:hover{color:#f4f8ee;background:#aacb5d2e;border-color:#aacb5d8c}.code__copy:focus-visible{outline:2px solid var(--kiwi-bright);outline-offset:2px}.code__copy.is-copied{color:var(--kiwi-bright);border-color:var(--kiwi-bright)}.code pre{font-family:var(--mono);color:#eef3e6;margin:0;padding:1.2rem 1.25rem;font-size:.9rem;line-height:1.85;overflow-x:auto}.code .prompt{color:var(--kiwi-bright);user-select:none}.code .cmt{color:#93a583}.footer{border-top:1px solid var(--border);background:var(--bg-0);padding-block:clamp(2.5rem,6vw,4rem)}.footer .wrap{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.footer__brand{flex-direction:column;align-items:center;display:flex}.footer__logo{width:min(104px,40vw);height:auto;margin-inline:auto;display:block}.footer__name{color:var(--text);letter-spacing:-.01em;margin:.5rem 0 0;font-weight:650}.footer__tag{color:var(--text-dim);margin:0}.footer__kofi{border-radius:var(--radius-sm);color:var(--text-dim);background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;margin:.9rem 0 .2rem;padding:.3rem .6rem;font-size:.9rem;font-weight:550;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.footer__kofi:hover{color:var(--kofi-ink);background:var(--kofi-bg);border-color:var(--kofi-border)}.footer__links{flex-wrap:wrap;justify-content:center;gap:.35rem 1.5rem;margin-top:.6rem;display:flex}.footer__links a{color:var(--text-dim);font-size:.95rem;transition:color .2s}.footer__links a:hover{color:var(--accent)}.footer__copy{color:var(--text-faint);margin:0;font-size:.85rem}.footer__credit{color:var(--text-faint);opacity:.82;margin:.35rem 0 0;font-size:.78rem}.footer__credit a{color:inherit;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px;font-weight:600;transition:color .2s,text-decoration-color .2s}.footer__credit a:hover{color:var(--accent);text-decoration-color:var(--accent)}.footer__daily{color:var(--text-faint);opacity:.9;margin:1rem 0 0;font-size:.8rem;font-style:italic}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.btn:hover,.card:hover,.layout-card:hover,.footer__kofi:hover{transform:none}*{scroll-behavior:auto!important}}@media (width<=460px){.theme-toggle__track{width:44px}:root[data-theme=dark] .theme-toggle__thumb{transform:translate(16px)}.lang-switch{margin-left:0}.lang-switch__opt{min-width:20px;height:22px;padding-inline:.25rem;font-size:.72rem}}@media (width<=365px){.nav__inner{gap:.25rem}.nav__links{gap:.2rem}.nav__link--guide{padding-inline:.3rem;font-size:.85rem}.theme-toggle__track{width:40px}:root[data-theme=dark] .theme-toggle__thumb{transform:translate(12px)}}:root[lang=ja] h1,:root[lang=ja] h2,:root[lang=ja] h3{word-break:keep-all;overflow-wrap:anywhere}:root[lang=ja] .nav__link,:root[lang=ja] .btn,:root[lang=ja] .eyebrow,:root[lang=ja] .mode-toggle__seg,:root[lang=ja] .lang-switch__opt{word-break:keep-all}