:root{--bg: #0c0b0a;--bg-raise: #151412;--fg: #f2efe9;--muted: #9a958c;--faint: #66625b;--line: rgba(242, 239, 233, .12);--line-strong: rgba(242, 239, 233, .24);--accent: #f2efe9;--accent-rgb: 242, 239, 233;--page-tint: var(--bg);--brand: #ffcf5c;--brand-accent: var(--live-accent, var(--brand));--font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-body: "Geist", "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter: clamp(16px, 4vw, 56px);--maxw: 1440px;--radius: 14px;--radius-phone: clamp(22px, 2.4vw, 34px);--ease: cubic-bezier(.2, .7, .1, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--step-0: clamp(15px, .95rem + .1vw, 17px);--step-1: clamp(18px, 1rem + .4vw, 22px);--step-2: clamp(24px, 1.2rem + 1.2vw, 36px);--step-3: clamp(34px, 1.4rem + 2.6vw, 64px);--step-4: clamp(46px, 1.6rem + 5.4vw, 120px);--step-5: clamp(56px, 1.8rem + 8vw, 184px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px;background:var(--bg)}body{margin:0;min-height:100svh;background-color:var(--page-tint);color:var(--fg);font:400 var(--step-0) / 1.55 var(--font-body);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;transition:background-color .9s var(--ease)}body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}::selection{background:rgba(var(--accent-rgb),.85);color:#0c0b0a}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:var(--gutter);top:-60px;z-index:200;padding:10px 16px;background:var(--fg);color:var(--bg);border-radius:999px;font-weight:600}.skip-link:focus{top:12px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.kicker{display:inline-flex;align-items:center;gap:10px;font:500 12px / 1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.display{font-family:var(--font-display);font-weight:700;font-optical-sizing:auto;letter-spacing:-.035em;line-height:.92}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;background:var(--accent);color:#0c0b0a;font-weight:600;font-size:15px;letter-spacing:-.005em;transition:transform .35s var(--ease-out),background-color .35s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong)}.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--fg)}.btn svg{width:16px;height:16px;flex:none}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:500;border-bottom:1px solid var(--line-strong);padding-bottom:2px;transition:border-color .3s var(--ease),color .3s var(--ease)}.link-arrow:hover{border-color:var(--accent);color:var(--accent)}.link-arrow svg{width:14px;height:14px;transition:transform .35s var(--ease-out)}.link-arrow:hover svg{transform:translate(2px,-2px)}.status{display:inline-flex;align-items:center;gap:8px;font:500 12px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.18)}.status[data-state=live]:before{animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(var(--accent-rgb),0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease-out),transform 1.1s var(--ease-out);transition-delay:var(--delay, 0s)}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}.reveal{opacity:1;transform:none}}.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background-color .4s var(--ease),backdrop-filter .4s var(--ease)}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;transition:height .4s var(--ease)}.nav.is-scrolled{background:#0c0b0ab8;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 var(--line)}.nav.is-scrolled .nav-bar{height:60px}.nav-left{display:flex;align-items:baseline;gap:12px;min-width:0}.nav-brand{display:inline-flex;align-items:center;gap:11px}.brand-icon{--s: 32px;display:flex;align-items:center;justify-content:center;flex:none;width:var(--s);height:var(--s);overflow:hidden;border-radius:calc(var(--s) * .22);background:#0c0b0a;box-shadow:inset 0 0 0 1px #f2efe933}.brand-icon>span{font:italic 400 calc(var(--s) * 1.05) / 1 var(--font-serif);color:var(--brand-accent);-webkit-text-stroke:calc(var(--s) * .022) var(--brand-accent);transform:translate(4%,-14%);transition:color .8s var(--ease),-webkit-text-stroke-color .8s var(--ease)}.wordmark{display:inline-flex;align-items:baseline;font-size:25px;line-height:1;white-space:nowrap}.wordmark-sans{font-family:var(--font-display);font-weight:800;letter-spacing:-.055em}.wordmark-serif{margin-left:-.04em;font:italic 400 1.2em / 1 var(--font-serif);color:var(--brand-accent);transition:color .8s var(--ease)}.nav-crumb{color:var(--muted);font-size:15px;white-space:nowrap}.nav-crumb:hover{color:var(--fg)}.nav-links{display:flex;align-items:center;gap:28px;font-size:15px}.nav-links a{position:relative;color:var(--muted);transition:color .3s var(--ease)}.nav-links a:hover{color:var(--fg)}.nav-links a:not(.nav-github):after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.nav-github{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;color:var(--fg)!important;box-shadow:inset 0 0 0 1px var(--line-strong)}.nav-github svg{width:15px;height:15px}.nav-github:hover{box-shadow:inset 0 0 0 1px var(--fg)}.nav-toggle{display:none;height:36px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:inset 0 0 0 1px var(--line-strong)}.nav-menu{position:fixed;inset:0;z-index:-1;padding-top:96px;background:var(--bg)}.nav-menu-inner{display:flex;flex-direction:column}.nav-menu-inner a{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font:700 clamp(40px,11vw,64px) / 1 var(--font-display);letter-spacing:-.04em;animation:menu-in .6s var(--ease-out) both;animation-delay:calc(var(--i) * 50ms)}.nav-menu-inner a .mono{font-size:12px;font-weight:400;letter-spacing:.1em;color:var(--muted)}.nav-menu-inner a svg{width:.5em;height:.5em}@keyframes menu-in{0%{opacity:0;transform:translateY(18px)}}html.menu-open{overflow:hidden}@media(max-width:820px){.nav-links{display:none}.nav-toggle{display:inline-flex;align-items:center}.nav.is-open{background:var(--bg)}}.phone{position:relative;aspect-ratio:9 / 19.5;padding:clamp(4px,.45vw,7px);border-radius:var(--radius-phone);background:linear-gradient(160deg,#2a2825,#121110 60%);box-shadow:inset 0 0 0 1px #ffffff17,0 1px #ffffff0f,0 50px 90px -40px #000000d9}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:calc(var(--radius-phone) - clamp(4px,.45vw,7px));background:#000;isolation:isolate}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none}.browser{overflow:hidden;border-radius:var(--radius);background:#161513;box-shadow:inset 0 0 0 1px #ffffff17,0 60px 120px -50px #000000e6}.browser-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:38px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07)}.browser-bar:after{content:"";width:42px}.browser-dots{display:flex;gap:7px}.browser-dots i{width:10px;height:10px;border-radius:50%;background:#ffffff24}.browser-url{justify-self:center;padding:4px 14px;border-radius:7px;background:#ffffff0d;font:400 12px / 1.2 var(--font-mono);color:var(--muted)}.browser-view{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}.browser-view>img{width:100%;height:100%;object-fit:cover;object-position:top left;-webkit-user-select:none;user-select:none}.footer{position:relative;margin-top:clamp(80px,14vw,200px);border-top:1px solid var(--line);overflow:hidden}.footer-top{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding-top:64px}.footer-say .kicker{display:flex;margin-bottom:18px}.footer-github{display:inline-flex;align-items:center;gap:.3em;font:700 clamp(26px,7.4vw,64px) / 1 var(--font-display);letter-spacing:-.04em;transition:color .3s var(--ease)}.footer-github svg{width:.7em;height:.7em;flex:none}.footer-github svg:last-child{width:.5em;height:.5em;transition:transform .4s var(--ease-out)}.footer-github:hover svg:last-child{transform:translate(4px,-4px)}.footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}.footer-cols .kicker{margin-bottom:16px}.footer-cols li+li{margin-top:8px}.footer-cols a{color:var(--muted);transition:color .3s var(--ease)}.footer-cols a:hover{color:var(--fg)}.footer-mark{margin-top:56px;padding-inline:var(--gutter);font:800 clamp(96px,30vw,470px) / .78 var(--font-display);letter-spacing:-.055em;color:#f2efe90b;white-space:nowrap;-webkit-user-select:none;user-select:none}.footer-mark-serif{margin-left:-.04em;font:italic 400 1.2em / .78 var(--font-serif);letter-spacing:-.01em;color:#ffcf5c29}.footer-base{display:flex;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:28px;border-top:1px solid var(--line);font:400 12px / 1.4 var(--font-mono);letter-spacing:.06em;color:var(--muted)}@media(max-width:820px){.footer-top{grid-template-columns:1fr}.footer-base{flex-direction:column}}.live-line{display:flex;flex-wrap:wrap;gap:10px 28px;font:400 12px / 1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.live-line b{font-weight:500;color:var(--fg)}.live-item{display:inline-flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#ff4655;animation:pulse-red 2s var(--ease) infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ff465599}70%,to{box-shadow:0 0 0 8px #ff465500}}.tabular{font-variant-numeric:tabular-nums}.section{padding-block:clamp(88px,11vw,168px) 0}.section-head{margin-bottom:clamp(36px,5vw,64px)}.section-head .kicker{margin-bottom:18px}.section-title{max-width:18ch;font-size:var(--step-4);line-height:.96;text-wrap:balance}.section-title .serif{color:var(--muted)}.section-sub{max-width:56ch;margin-top:20px;font-size:var(--step-1);color:var(--muted)}.btn{color:var(--on-accent, #0c0b0a)}.btn.btn-ghost{color:var(--fg)}.btn-lg{height:56px;padding:0 26px;font-size:16px}.btn-meta{padding-left:10px;margin-left:2px;border-left:1px solid rgba(12,11,10,.25);font:500 13px / 1 var(--font-mono);opacity:.8}.btn.is-disabled{background:var(--bg-raise);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.meta{display:inline-block;font:400 12px / 1.5 var(--font-mono);letter-spacing:.06em;color:var(--muted)}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:500;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong)}.badge svg{width:14px;height:14px}.badge-strong{background:rgba(var(--accent-rgb),.16);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.5)}.checks li{display:flex;align-items:baseline;gap:12px;line-height:1.5}.checks li+li{margin-top:12px}.checks svg{flex:none;width:15px;height:15px;color:var(--accent);transform:translateY(2px)}.back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);transition:color .3s var(--ease)}.back:hover{color:var(--fg)}.back svg{width:15px;height:15px}a.inline,.notice a,.need-list a,.page-sub a,.istep a,.fact-card a{color:var(--fg);text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.7);text-underline-offset:4px}.nav-crumb{font-size:16px;font-weight:500;color:var(--fg)}.nav-links a.active{color:var(--fg)}.nav-github svg{width:13px;height:13px}.footer-lead{max-width:30ch;font:600 var(--step-2) / 1.2 var(--font-display);letter-spacing:-.02em}.footer-inline{color:var(--brand-accent)}.footer-cols a{display:inline-flex;align-items:center;gap:6px}.footer-cols a svg{width:12px;height:12px}.hero{position:relative;padding-top:clamp(116px,15vh,168px);overflow:hidden}.hero:before{content:"";position:absolute;inset:-20% -10% auto 40%;height:90%;z-index:-1;background:radial-gradient(50% 50% at 50% 50%,rgba(255,207,92,.1),transparent 70%)}.hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px)}.hero-kicker{flex-wrap:wrap;margin-bottom:26px}.hero-title{font-size:clamp(50px,1.4rem + 5.6vw,128px);line-height:.92;text-wrap:balance}.hero-title .serif{color:var(--brand)}.hero-sub{max-width:50ch;margin-top:30px;font-size:var(--step-1);line-height:1.55;color:#f2efe9c2}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.hero-cta .btn:first-child{--accent: var(--brand)}.hero-stack{position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:center}.hero-icon{position:absolute;width:44%;height:auto;border-radius:22%;box-shadow:0 40px 70px -30px #000000e6,0 0 0 1px #ffffff0f;animation:float 9s var(--ease) infinite}.hero-icon-0{left:6%;top:8%;rotate:-9deg}.hero-icon-1{right:4%;top:2%;rotate:7deg;animation-delay:-2s}.hero-icon-2{left:14%;bottom:4%;rotate:5deg;animation-delay:-4s}.hero-icon-3{right:10%;bottom:12%;width:34%;rotate:-6deg;animation-delay:-6s}@keyframes float{50%{translate:0 -14px}}.notice{display:flex;align-items:flex-start;gap:14px;max-width:880px;margin-top:clamp(48px,7vw,88px);padding:18px 22px;border-radius:16px;background:#f2efe90a;box-shadow:inset 0 0 0 1px var(--line)}.notice-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#ffcf5c29;color:var(--brand)}.notice-icon svg{width:17px;height:17px}.notice p{font-size:15px;line-height:1.55;color:#f2efe9cc}.notice strong{color:var(--fg)}.notice-warn .notice-icon{background:#ef6a5b29;color:#ef8a7d}.tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}.tcard{position:relative;display:flex;flex-direction:column;gap:22px;padding:clamp(24px,2.6vw,36px);overflow:hidden;border-radius:24px;background:linear-gradient(160deg,rgba(var(--accent-rgb),.1),#f2efe905 55%);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .4s var(--ease),translate .5s var(--ease-out)}.tcard:hover{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.55);translate:0 -3px}.tcard-head{display:flex;align-items:center;gap:18px}.tcard-icon img{width:80px;height:80px;border-radius:20px;box-shadow:0 20px 40px -20px #000000e6;transition:rotate .5s var(--ease-out),scale .5s var(--ease-out)}.tcard:hover .tcard-icon img{rotate:-4deg;scale:1.05}.tcard-head .kicker{margin-bottom:8px;color:var(--accent)}.tcard-name{font-size:clamp(32px,1.2rem + 2vw,52px);line-height:.95}.tcard-tagline{max-width:44ch;font-size:var(--step-1);line-height:1.45;color:#f2efe9c7}.tcard-foot{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.tcard-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:36px}.steps3 li{padding-top:22px;border-top:1px solid var(--line)}.steps3-n,.tstep-n{font-size:12px;color:var(--brand-accent)}.steps3 h3{margin-top:14px;font:600 24px / 1.15 var(--font-display);letter-spacing:-.02em}.steps3 p{margin-top:10px;color:var(--muted)}.need{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}.need-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}.need-list li{display:flex;gap:16px}.need-list svg{flex:none;width:22px;height:22px;margin-top:3px;color:var(--brand)}.need-list h3{font:600 19px / 1.2 var(--font-display);letter-spacing:-.015em}.need-list p{margin-top:6px;font-size:15px;color:var(--muted)}.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:600 19px / 1.3 var(--font-display);letter-spacing:-.01em;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{position:relative;flex:none;width:14px;height:14px}.faq-plus:before,.faq-plus:after{content:"";position:absolute;inset:6px 0 auto;height:2px;border-radius:1px;background:var(--accent, var(--fg));transition:rotate .35s var(--ease-out)}.faq-plus:after{rotate:90deg}.faq-item[open] .faq-plus:after{rotate:0deg}.faq-item p{max-width:62ch;padding-bottom:22px;color:var(--muted);line-height:1.65}.faq-more{margin-top:28px}.tool-hero{padding-top:clamp(108px,14vh,150px);position:relative}.tool-hero:before{content:"";position:absolute;inset:0 0 auto 30%;height:100%;z-index:-1;background:radial-gradient(45% 45% at 65% 40%,rgba(var(--accent-rgb),.13),transparent 70%)}.tool-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,5vw,72px)}.tool-id{display:flex;align-items:center;gap:18px;margin-top:32px}.tool-icon{border-radius:23%;box-shadow:0 24px 50px -24px #000000e6,0 0 0 1px #ffffff0f}.tool-id .kicker{color:var(--accent)}.tool-name{margin-top:24px;font-size:clamp(54px,1.6rem + 5.4vw,132px);font-weight:800;line-height:.86;letter-spacing:-.05em}.tool-name:after{content:".";color:var(--accent)}.tool-pitch{margin-top:18px;font-size:var(--step-3);line-height:1.05;color:var(--accent)}.tool-summary{max-width:52ch;margin:24px 0 26px;font-size:var(--step-1);line-height:1.55;color:#f2efe9c7}.tool-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin:32px 0 14px}.tool-hero-shot{min-width:0}.tool-hero-icon{display:grid;place-items:center}.tool-hero-icon img{width:min(380px,80%);border-radius:23%;rotate:6deg;box-shadow:0 60px 100px -40px #000000e6}.tool-problem-text{max-width:34ch;margin-top:22px;font:600 var(--step-3) / 1.12 var(--font-display);letter-spacing:-.025em;text-wrap:pretty}.tsteps{display:flex;flex-direction:column;gap:clamp(64px,8vw,120px)}.tstep{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:clamp(28px,4vw,64px)}.tstep:nth-child(2n) .tstep-copy{order:2}.tstep-text{grid-template-columns:minmax(0,1fr)}.tstep-text .tstep-copy{order:0!important}.tstep-copy h3{margin-top:14px;font-size:var(--step-3);line-height:1}.tstep-copy p{max-width:48ch;margin-top:16px;font-size:17px;line-height:1.65;color:var(--muted)}.tstep-n{color:var(--accent)}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(48px,6vw,80px)}.gallery-item{overflow:hidden;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line),0 20px 40px -24px #000c;transition:translate .4s var(--ease-out)}.gallery-item:hover{translate:0 -3px}.gallery-item img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top left}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}.features li{padding-top:22px;border-top:1px solid var(--line)}.features h3{font:600 20px / 1.2 var(--font-display);letter-spacing:-.02em}.features h3:before{content:"";display:block;width:9px;height:9px;margin-bottom:16px;border-radius:3px;background:var(--accent)}.features p{margin-top:10px;font-size:15px;color:var(--muted)}.facts,.install-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.install-more{grid-template-columns:repeat(3,minmax(0,1fr))}.fact-card{padding:clamp(24px,3vw,36px);border-radius:22px;background:#f2efe908;box-shadow:inset 0 0 0 1px var(--line)}.fact-card .kicker{margin-bottom:20px}.fact-card>p:not(.kicker){color:var(--muted)}.card-title{margin-bottom:12px;font-size:var(--step-2);line-height:1}.fact-privacy{display:flex;gap:12px;font-size:17px;line-height:1.55;color:var(--fg)!important}.fact-privacy svg{flex:none;width:20px;height:20px;margin-top:3px;color:var(--accent)}.fact-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.fact-dl dt{font:400 11px / 1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.fact-dl dd{margin:6px 0 0;font-size:14px;overflow-wrap:anywhere}.history{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}.history-list>li{padding:22px 0;border-top:1px solid var(--line)}.history-head{display:flex;align-items:baseline;gap:16px}.history-version{font-size:var(--step-2);color:var(--accent)}.history-list ul{margin-top:14px}.history-list ul li{position:relative;padding-left:18px;color:var(--muted)}.history-list ul li+li{margin-top:6px}.history-list ul li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.tool-end{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:clamp(28px,4vw,56px);border-radius:28px;background:linear-gradient(140deg,rgba(var(--accent-rgb),.16),#f2efe905 60%);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}.tool-end-title{margin:22px 0 12px;font-size:var(--step-3)}.tool-end-actions{display:flex;flex-direction:column;align-items:flex-end;gap:22px}.next-tool{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.next-tool-name{display:inline-flex;align-items:center;gap:10px;font:600 20px / 1 var(--font-display)}.next-tool-name img{border-radius:9px}.next-tool-name svg{width:16px;height:16px;color:var(--accent);transition:translate .35s var(--ease-out)}.next-tool:hover svg{translate:4px 0}.macwin{overflow:hidden;border-radius:12px;background:#1d1c1a;box-shadow:inset 0 0 0 1px #ffffff1a,0 50px 100px -40px #000000e6}.macwin-bar,.mock-bar{position:relative;display:flex;align-items:center;height:34px;padding:0 14px;background:#2a2826;border-bottom:1px solid rgba(0,0,0,.4)}.macwin-dots{display:flex;gap:7px}.macwin-dots i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.macwin-dots i:nth-child(2){background:#febc2e}.macwin-dots i:nth-child(3){background:#28c840}.macwin-title,.mock-title{position:absolute;left:50%;translate:-50% 0;font-size:12px;font-weight:600;color:#f2efe9b3;white-space:nowrap}.macwin-view{position:relative;display:block;width:100%;background:#fff}.macwin-view img{width:100%}button.macwin-view{cursor:zoom-in}.macwin-zoom{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0c0b0abf;color:#fff;opacity:0;translate:0 6px;transition:opacity .3s var(--ease),translate .3s var(--ease-out)}.macwin-zoom svg{width:16px;height:16px}button.macwin-view:hover .macwin-zoom,button.macwin-view:focus-visible .macwin-zoom{opacity:1;translate:0 0}.lightbox{width:min(1400px,96vw);max-width:none;max-height:96vh;padding:0;border:0;background:transparent;color:var(--fg);overflow:visible}.lightbox::backdrop{background:#080706db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox-figure img{max-height:84vh;width:auto;max-width:100%;margin-inline:auto;border-radius:10px;box-shadow:0 40px 80px -30px #000000e6}.lightbox-figure figcaption{display:flex;justify-content:center;gap:14px;margin-top:14px;font-size:14px;color:#f2efe9bf}.lightbox-controls{position:fixed;top:16px;right:16px;display:flex;gap:8px}.lightbox-controls button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f2efe91f;color:#fff}.lightbox-controls button:hover{background:#f2efe938}.lightbox-controls svg{width:18px;height:18px}.page-hero{padding-top:clamp(120px,16vh,176px)}.page-title{max-width:16ch;margin-top:20px;font-size:clamp(48px,1.4rem + 5vw,116px);line-height:.92}.page-title .serif{color:var(--brand)}.page-sub{max-width:56ch;margin-top:26px;font-size:var(--step-1);color:#f2efe9c2}.isteps{display:flex;flex-direction:column;gap:clamp(72px,9vw,132px)}.istep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);scroll-margin-top:96px}.istep-copy h2{margin:14px 0 18px;font-size:var(--step-3);line-height:1}.istep-copy p{max-width:52ch;font-size:17px;line-height:1.65;color:#f2efe9c7}.istep-copy p svg{display:inline;width:15px;height:15px;vertical-align:-2px}.istep .tstep-n{color:var(--brand)}.checks-compact{margin-top:18px}.checks-compact li{position:relative;padding-left:26px;color:#f2efe9c7}.checks-compact li:before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:#5fd39a}.checks-compact li.is-no:before{background:#ef6a5b}.istep-downloads{display:grid;gap:10px;margin-top:24px}.mini-dl{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 10px 10px 12px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line)}.mini-dl img{border-radius:10px}.mini-dl>span{font-weight:600}.mini-dl .btn{height:42px;padding:0 16px;font-size:14px}.sub-steps{counter-reset:sub}.sub-steps li{position:relative;padding-left:40px;color:#f2efe9d1;line-height:1.55;counter-increment:sub}.sub-steps li+li{margin-top:14px}.sub-steps li:before{content:counter(sub);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffcf5c29;color:var(--brand);font:600 13px / 1 var(--font-mono)}.note{margin-top:18px;padding:12px 16px;border-radius:12px;background:#5fd39a14;box-shadow:inset 0 0 0 1px #5fd39a4d;font-size:15px!important}.more{margin-top:14px;border-top:1px solid var(--line)}.more summary{padding:14px 0 6px;font-weight:600;cursor:pointer}.more p{font-size:15px!important}pre{margin:12px 0 0;padding:14px 16px;overflow-x:auto;border-radius:12px;background:#050505;box-shadow:inset 0 0 0 1px var(--line)}code{font:400 13px / 1.5 var(--font-mono);color:#e8e4dc}.sums{overflow-x:auto}.sums table{width:100%;min-width:720px;border-collapse:collapse}.sums th,.sums td{padding:14px 12px 14px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}.sums thead th{font:500 11px / 1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sums code{font-size:12px;word-break:break-all}.help-tool-head{display:flex;gap:18px;align-items:flex-start}.help-tool-head img{border-radius:14px}.help-tool-head>div{min-width:0}.help-tool-head .section-title{font-size:var(--step-3)}.help-tool-head .kicker{color:var(--accent)}.help-tool-head .link-arrow{margin-top:18px}.notfound-list{display:grid;gap:10px;max-width:420px;margin-top:28px}.notfound-list a{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);font-weight:600}.notfound-list img{border-radius:10px}.notfound-list svg{width:15px;height:15px;margin-left:auto}.mock{overflow:hidden;border-radius:12px;background:#ecebe8;color:#1d1d1f;box-shadow:0 40px 90px -40px #000000e6,0 0 0 1px #ffffff14;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}.mock-bar{background:#dcdad6;border-bottom-color:#c9c6c1}.mock-title{color:#4a4845}.mock-body{padding:24px}.mock-about .mock-body{display:flex;flex-direction:column;align-items:center;padding:28px 28px 24px}.mock-laptop{width:150px;height:92px;border-radius:8px 8px 2px 2px;background:linear-gradient(160deg,#a8b9d8,#5f6f93);box-shadow:0 0 0 5px #222,0 12px 0 -2px #bdbbb6}.mock-model{margin-top:28px;font-size:20px;font-weight:700}.mock-rows{width:100%;max-width:300px;margin-top:18px}.mock-rows div{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:7px;font-size:14px}.mock-rows dt{color:#6b6965}.mock-rows dd{margin:0;font-weight:600}.mock-rows .is-hi{background:#fff3c4;box-shadow:inset 0 0 0 2px #f2c230}.mock-files{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:14px 0}.mock-file{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;text-align:center}.mock-file img{width:64px;height:64px;border-radius:14px}.mock-zip{display:grid;place-items:center;width:56px;height:64px;border-radius:6px;background:#fff;box-shadow:0 1px 3px #0003;font:700 12px / 1 var(--font-mono);color:#6b6965}.mock-arrow{padding:6px 12px;border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:#6b6965}.mock-move{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}.mock-small .mock-body{display:grid;place-items:center;min-height:150px}.mock-target{box-shadow:0 0 0 3px var(--brand),0 40px 90px -40px #000000e6}.mock-file.is-ghost{opacity:.55}.mock-drag{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand);color:#0c0b0a;animation:nudge 1.8s var(--ease) infinite}.mock-drag svg{width:20px;height:20px}@keyframes nudge{50%{translate:6px 0}}.mock-stack{display:grid;place-items:center}.mock-alert{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(320px,100%);padding:26px 22px 18px;border-radius:18px;background:#ecebe8;color:#1d1d1f;text-align:center;box-shadow:0 40px 90px -40px #000000e6;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}.mock-alert img{width:64px;height:64px;border-radius:14px}.mock-alert-title{font-size:14px;font-weight:700}.mock-alert-text{font-size:12px;color:#4a4845;margin-bottom:6px}.mock-btn{display:block;width:100%;padding:7px 10px;border-radius:8px;background:#fff;font-size:13px;font-weight:500;text-align:center;box-shadow:0 1px 2px #00000026}.mock-btn.is-primary{background:#2f7cf6;color:#fff}.mock-settings .mock-body{padding:22px}.mock-section{margin-bottom:10px;font-size:13px;font-weight:700}.mock-setting{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:10px;background:#fff;font-size:13px}.mock-setting .mock-btn{width:auto;align-self:flex-end;padding:7px 16px}.mock-btn.is-pulse{animation:ring 2.2s var(--ease) infinite}@keyframes ring{0%{box-shadow:0 0 #2f7cf699}70%,to{box-shadow:0 0 0 12px #2f7cf600}}@media(max-width:960px){.hero-inner,.tool-hero-inner,.need,.faq-wrap,.history,.istep,.tool-end{grid-template-columns:minmax(0,1fr)}.hero-stack{max-width:360px}.tstep{grid-template-columns:minmax(0,1fr)}.tstep:nth-child(2n) .tstep-copy{order:0}.features,.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.install-more{grid-template-columns:minmax(0,1fr)}.tool-end-actions,.next-tool{align-items:flex-start}}@media(max-width:960px){.tool-hero-shot:not(.tool-hero-icon){display:none}}@media(max-width:720px){.tool-problem-text{font-size:25px}.tgrid,.steps3,.need-list,.features,.facts{grid-template-columns:minmax(0,1fr)}.mock-move{grid-template-columns:minmax(0,1fr);justify-items:center}.mock-drag{rotate:90deg}.fact-dl{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.hero-icon,.mock-drag,.mock-btn.is-pulse{animation:none}}.demo{display:grid;gap:clamp(20px,3vw,40px);padding:clamp(20px,3vw,40px);border-radius:28px;background:#f2efe908;box-shadow:inset 0 0 0 1px var(--line)}.demo-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.demo-label{font:500 12px / 1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.demo-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-note{margin-top:12px;font-size:13px;color:var(--faint)}.chip{height:36px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong);transition:box-shadow .3s var(--ease),background-color .3s var(--ease)}.chip:hover{box-shadow:inset 0 0 0 1px var(--fg)}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-strong)}.segmented button{height:34px;padding:0 15px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);transition:background-color .3s var(--ease),color .3s var(--ease)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--on-accent, #0c0b0a)}.mosaik{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.mosaik-area{margin:0 0 14px;padding:14px 16px 16px;border:0;border-radius:16px;background:#f2efe908;box-shadow:inset 0 0 0 1px var(--line)}.mosaik-area legend{display:contents}.mosaik-area legend span:first-child{display:inline-block;margin-bottom:12px;font:600 16px / 1.2 var(--font-display)}.mosaik-count{float:right;font:500 12px / 1.6 var(--font-mono);color:#ffcf5c}.mosaik-count.is-ok{color:var(--accent)}.mosaik-count.is-over{color:#ef8a7d}.mosaik-tasks{display:flex;flex-wrap:wrap;gap:8px;clear:both}.task{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:10px;font-size:13px;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color .25s var(--ease),box-shadow .25s var(--ease),translate .2s var(--ease-out)}.task:hover{translate:0 -1px}.task-id{font-weight:700}.task-p{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.task[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:none}.task[aria-pressed=true] .task-p{color:inherit;opacity:.75}.mosaik-result{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}.mosaik-status{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;font-size:14px}.mosaik-status strong{display:inline-flex;align-items:center;gap:8px;font:700 18px / 1.2 var(--font-display)}.mosaik-status svg{width:18px;height:18px}.mosaik-status.is-ok{background:rgba(var(--accent-rgb),.16);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.5)}.mosaik-status.is-warn{background:#ffcf5c1a;box-shadow:inset 0 0 0 1px #ffcf5c66}.meters li{display:grid;grid-template-columns:96px 1fr 48px;align-items:center;gap:12px;padding:5px 0;font-size:14px}.meter-bar{height:8px;border-radius:4px;background:#f2efe914;overflow:hidden}.meter-fill{display:block;height:100%;border-radius:4px;background:#ffcf5c;transition:width .4s var(--ease-out),background-color .3s var(--ease)}.meter-fill.is-ok{background:var(--accent)}.meter-fill.is-over{background:#ef6a5b}.meter-num{font-size:12px;text-align:right;color:var(--muted)}.paper{max-height:360px;overflow:auto;padding:20px 22px;border-radius:6px;background:#fdfdfb;color:#3b4a54;box-shadow:0 30px 60px -30px #000000e6;font-family:Helvetica Neue,Arial,sans-serif}.paper-subject{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#5fa8a0}.paper-title{margin-top:4px;font-size:17px;font-weight:700}.paper-line{margin:10px 0 12px;padding-bottom:6px;border-bottom:1px solid #d6dde0;font-size:12px}.paper table{width:100%;border-collapse:collapse;font-size:11px}.paper th{padding:5px 6px;background:#e6f2f0;text-align:left}.paper td{padding:5px 6px;border-bottom:1px solid #edf0f1;vertical-align:top}.paper td:first-child{font-weight:700;white-space:nowrap}.paper tfoot td{font-weight:700;border-bottom:0}.paper-empty{color:#8a979e;font-style:italic}.waben{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}.waben-board{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:20px;background:#fdf7e8}.waben-svg{width:100%;max-width:460px}.waben-final{display:flex;align-items:center;gap:14px}.waben-svg-small{width:150px}.waben-final-label{font:600 13px / 1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8a6a1a}.hex-shape{fill:#fff;stroke:#1f2a4a;stroke-width:2;transition:fill .4s var(--ease)}.hex-shape.is-center{fill:#d9d4c7}.hex-lines line{stroke:#c9c2b0;stroke-width:1}.hex-core{fill:#e8e1cf;stroke:#c9c2b0}.hex.is-done .hex-shape{fill:#ffe7a6}.num{cursor:pointer;outline:none}.num text{font:700 19px var(--font-body);fill:#1f2a4a;pointer-events:none;font-variant-numeric:tabular-nums}.num-hit{fill:transparent;transition:fill .2s var(--ease)}.num:hover .num-hit,.num:focus-visible .num-hit{fill:#f5b32359}.num:focus-visible .num-hit{stroke:#1f2a4a;stroke-width:2}.hex.is-done .num{cursor:default}.num.is-answer .num-hit{fill:#1f2a4a}.num.is-answer text{fill:#fff}.num.is-part .num-hit{fill:transparent;stroke:#1f2a4a;stroke-width:2}.num.is-wrong .num-hit{fill:#ef6a5b80}.num.is-wrong{animation:shake .4s var(--ease)}@keyframes shake{25%{translate:-3px 0}75%{translate:3px 0}}.num.final text{font-size:15px}.num.final.is-empty text{fill:#b5ad97;font-weight:500}.num.final.is-empty{cursor:default}.num.final.is-answer .hex-shape{fill:#1f2a4a}.num.final.is-answer text{fill:#fff}.waben-side{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.waben-task{font:600 19px / 1.35 var(--font-display);letter-spacing:-.01em}.waben-eqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;width:100%}.waben-eqs li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font:500 15px / 1.2 var(--font-mono);color:var(--faint);box-shadow:inset 0 0 0 1px var(--line)}.waben-eqs li .mono{display:inline-flex;color:var(--accent);font-size:12px}.waben-eqs li .mono svg{width:13px;height:13px}.waben-eqs li.is-done{color:var(--fg);background:rgba(var(--accent-rgb),.12)}.waben-eqs li.is-final{grid-column:1 / -1}.voci{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}.voci-sheet .segmented{margin-bottom:16px}.voci-sheet .macwin{animation:fade-in .4s var(--ease)}@keyframes fade-in{0%{opacity:.4}}.voci-cost{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:20px;background:rgba(var(--accent-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}.range{display:flex;flex-direction:column;gap:12px}.range>span{display:flex;justify-content:space-between;font-weight:500}.range input{width:100%;accent-color:var(--accent)}.voci-total{display:flex;flex-direction:column;gap:4px}.voci-total .display{font-size:var(--step-3);line-height:1;color:var(--accent)}.voci-unit{color:var(--muted)}.voci-hint{font-size:14px;color:var(--muted)}.mittag{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.mittag-pick{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.mittag-day{width:100%;margin:0;padding:12px 14px;border:0;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line)}.mittag-day legend{float:left;width:100%;margin-bottom:8px;font:600 15px / 1.2 var(--font-display)}.mittag-day.is-off legend{color:var(--muted)}.mittag-check{display:inline-flex;gap:8px;font-size:14px;color:var(--muted)}.mittag-option{display:flex;align-items:baseline;gap:10px;clear:both;padding:4px 0;font-size:14px;cursor:pointer}.mittag-option input,.mittag-check input{accent-color:var(--accent)}.mittag-option .mono{margin-right:6px;font-size:11px;color:var(--accent)}.menu-card{position:sticky;top:96px;padding:clamp(24px,3vw,36px);border-radius:8px;background:var(--paper);color:#2a241e;box-shadow:0 40px 80px -36px #000000e6;border-top:10px solid var(--season);transition:background-color .4s var(--ease),border-color .4s var(--ease)}.menu-kicker{font:600 11px / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--season)}.menu-title{margin:8px 0 18px;font:800 34px / 1 var(--font-display);letter-spacing:-.03em}.menu-card li{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-top:1px solid rgba(42,36,30,.12)}.menu-day{font-weight:700;color:var(--season)}.menu-dish{display:flex;flex-direction:column;gap:3px;font-weight:600}.menu-vegi{font-size:13px;font-weight:400;color:#6b6158}.menu-none{font-style:italic;color:#8f857a}@media(max-width:960px){.mosaik,.waben,.voci,.mittag{grid-template-columns:minmax(0,1fr)}.mosaik-result,.menu-card{position:static}}@media(max-width:520px){.waben-eqs{grid-template-columns:minmax(0,1fr)}.menu-card li{grid-template-columns:minmax(0,1fr);gap:4px}.meters li{grid-template-columns:84px 1fr 40px}}