:root{--bg:#f5f5f2;--bg-elev:#fff;--fg:#1e2225;--fg-muted:#5a6066;--on-dark-muted:#c5cace;--border:#e1e2dd;--asphalt:#25292d;--yellow:#ffc61a;--yellow-hover:#f2b600;--yellow-tint:#fff5d1;--yellow-ink:#855700;--green:#0f8a48;--green-lit:#4ade80;--green-tint:#e4f6ec;--red:#d92d27;--ring:#1a73e8;--shadow:0 1px 2px #1e22250a, 0 8px 24px -12px #1e22252e;--display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--text:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg);color:var(--fg);font-family:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#1e22250d 1px,#0000 1px);background-size:22px 22px;margin:0;font-size:1rem;line-height:1.5}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;font-weight:600}h1{font-size:clamp(2.5rem,5.4vw,4rem);line-height:1.03}h2{max-width:24ch;font-size:clamp(1.75rem,3.4vw,2.25rem);line-height:1.15}h3{font-size:1.25rem;line-height:1.4}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:1152px;margin-inline:auto;padding-inline:20px}.wrap-narrow{max-width:800px}.nav{z-index:20;background:var(--asphalt);color:#fff;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1152px;height:64px;margin-inline:auto;padding-inline:20px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-links{color:var(--on-dark-muted);gap:28px;font-size:.875rem;display:flex}.nav-links a{text-decoration:none}.nav-links a:hover{color:#fff}.button{border:1px solid var(--yellow);background:var(--yellow);height:52px;color:var(--fg);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding-inline:28px;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.button:hover{background:var(--yellow-hover);border-color:var(--yellow-hover)}.button-small{height:36px;padding-inline:16px;font-size:.875rem}.button-quiet{color:#fff;box-shadow:none;background:0 0;border-color:#ffffff59}.button-quiet:hover{background:#ffffff14;border-color:#fff}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.eyebrow{color:var(--yellow-ink);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:.75rem;font-weight:600}.tag{background:var(--green-tint);color:#0b6636;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.tag i{background:var(--green);border-radius:50%;width:6px;height:6px}.tag-plain{color:#fff;background:#ffffff1a;font-size:.8125rem}.tag-amber{background:var(--yellow-tint);color:var(--yellow-ink)}.hero{background:var(--asphalt);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";background:repeating-linear-gradient(90deg, var(--yellow) 0 56px, transparent 56px 104px);height:5px;position:absolute;bottom:28px;left:0;right:0}.orb{filter:blur(64px);pointer-events:none;border-radius:50%;position:absolute}.orb-green{opacity:.16;background:#22c55e;width:512px;height:512px;top:-160px;right:0}.orb-amber{opacity:.16;background:#ef4444;width:480px;height:480px;bottom:-224px;left:-96px}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;padding-block:80px 96px;display:grid;position:relative}.hero h1{margin-top:20px}.underlined{color:var(--yellow);display:inline-block;position:relative}.underlined svg{width:100%;height:.17em;position:absolute;bottom:-.1em;left:0}.lede{max-width:34em;color:var(--on-dark-muted);margin-top:24px;font-size:1.125rem;line-height:1.55}.lede strong{color:#fff;font-weight:600}.hero-foot{max-width:26em;color:var(--on-dark-muted);align-items:center;gap:12px;margin-top:24px;font-size:.875rem;display:flex}.emoji-stack{flex:none;display:flex}.emoji-stack i{border:1px solid var(--border);background:var(--bg-elev);border-radius:50%;place-items:center;width:32px;height:32px;margin-left:-8px;font-size:.875rem;font-style:normal;display:grid}.emoji-stack i:first-child{margin-left:0}.try{color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:24px}.try-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.try-note{color:var(--fg-muted);font-size:.875rem}.try h2{margin-top:16px;font-size:1.5rem;line-height:1.33}.try-lede{color:var(--fg-muted);margin-top:4px;font-size:.875rem}.slider{color:var(--fg-muted);margin-top:16px;font-size:.875rem;display:block}.slider span{justify-content:space-between;margin-bottom:4px;display:flex}.slider b{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600}.slider input{width:100%;height:24px;accent-color:var(--yellow-hover);cursor:pointer;margin:0;display:block}.result{background:var(--asphalt);color:#fff;text-align:center;border-radius:20px;margin-top:20px;padding:20px}.result-label{letter-spacing:.18em;text-transform:uppercase;opacity:.8;font-size:.75rem;font-weight:600}.result-values{justify-content:center;gap:40px;margin-top:8px;font-size:.875rem;display:flex}.result-values p{opacity:.9}.result-values b{font-family:var(--display);letter-spacing:-.02em;color:var(--green-lit);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:600;line-height:1.15;display:block}.result-note{opacity:.8;margin-top:10px;font-size:.8125rem}.scenarios.try-tabs{background:var(--bg);margin-top:16px;display:flex}.try-tabs label{text-align:center;flex:auto}.try-body{flex-direction:column;min-height:448px;display:flex}.try-body .result{flex-direction:column;flex:1;justify-content:center;margin-top:16px;display:flex}.scenarios.chips{background:0 0;border:0;margin-top:14px;padding:0}.chips label{border:1px solid var(--border);font-size:.8125rem}.chips .is-on{border-color:var(--asphalt)}.reading{margin-top:16px}.reading-head{color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;font-size:.875rem;display:flex}.reading-head b{font-family:var(--display);letter-spacing:-.02em;color:var(--fg);font-size:1.25rem;font-weight:600}.mix{border-radius:6px;gap:2px;height:12px;margin-top:8px;display:flex;overflow:hidden}.mix i{display:block}.mix-legend{color:var(--fg-muted);flex-wrap:wrap;gap:2px 12px;margin-top:8px;font-size:.8125rem;display:flex}.mix-legend li{align-items:center;gap:5px;display:flex}.mix-legend i{border-radius:3px;width:9px;height:9px}.mix-jeepney{background:var(--yellow)}.mix-motorcycle{background:var(--asphalt)}.mix-car{background:#9aa3aa}.mix-motorela{background:#5fb7e5}.reading-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.reading-facts div{background:var(--bg);border-radius:12px;padding:8px 10px}.reading-facts dt{color:var(--fg-muted);font-size:.75rem}.reading-facts dd{font-size:.875rem;font-weight:600;line-height:1.25}.result-compact{padding:14px 18px}.result-action{margin-top:4px;font-weight:600;line-height:1.35}.lights{color:var(--on-dark-muted);grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;font-size:.8125rem;display:grid}.lights b{color:#fff;margin-top:8px;font-weight:600;display:block}.light{border-radius:50%;width:34px;height:34px;margin-inline:auto;display:block}.light-green{background:var(--green-lit)}.light-red{background:#ef4444}.light-normal{background:#5a6066}.chat{background:var(--bg);border-radius:20px;flex-direction:column;flex:1;margin-top:16px;padding:16px;display:flex}.chat-bubble{max-width:90%;padding:10px 14px;font-size:.9375rem;line-height:1.4}.chat-question{background:var(--asphalt);color:#fff;border-radius:16px 16px 4px;align-self:flex-end;font-weight:500}.chat-from{color:var(--fg-muted);margin-top:14px;font-size:.75rem}.chat-answer{border:1px solid var(--border);background:var(--bg-elev);border-radius:16px 16px 16px 4px;align-self:flex-start;margin-top:4px}.chat-note{color:var(--fg-muted);margin-top:10px;font-size:.8125rem}.reading-facts-flood{margin-top:16px}.result-values-compare b{color:#fff}.result-values-compare p:last-child b{color:var(--green-lit)}.stats{background:var(--bg-elev);border-block:1px solid var(--border)}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:32px;display:grid}.stat-value{font-family:var(--display);letter-spacing:-.02em;font-size:1.75rem;font-weight:600;line-height:1.2}.stat-label{color:var(--fg-muted);margin-top:2px;font-size:.875rem}.section{padding-block:clamp(64px,8vw,96px)}.section-white{background:var(--bg-elev);border-block:1px solid var(--border)}.section-lede{max-width:34em;color:var(--fg-muted);margin-top:16px}.grid{gap:20px;margin-top:40px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:24px}.card-page{background:var(--bg);box-shadow:none}.card-raised{border-radius:28px}.card p{color:var(--fg-muted)}.card h3+p{margin-top:8px}.pain{border-top:3px solid var(--red);flex-direction:column;justify-content:space-between;gap:20px;display:flex}.card .fix{border-top:1px solid var(--border);color:var(--fg);gap:10px;padding-top:16px;font-weight:500;display:flex}.fix span{background:var(--green-tint);width:22px;height:22px;color:var(--green);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:700;display:grid}.steps li{display:block}.step-number{font-family:var(--display);letter-spacing:-.02em;color:#e0b53a;margin-bottom:12px;font-size:2.25rem;font-weight:600;line-height:1;display:block}.step-end{background:var(--asphalt);border-color:var(--asphalt);color:#fff}.card.step-end p{color:#ffffffd9}.step-end a{color:var(--yellow);text-underline-offset:4px;margin-top:16px;font-weight:600;display:inline-block}.person{flex-direction:column;display:flex}.bubbles{justify-items:end;gap:8px;margin-top:auto;padding-top:24px;display:grid}.card .bubble{background:var(--asphalt);color:#fff;border-radius:18px 18px 4px;max-width:90%;padding:10px 16px;font-weight:500}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;display:grid}.checks{gap:12px;margin-top:24px;display:grid}.checks li{padding-left:30px;position:relative}.checks li:before{content:"";border-left:2px solid var(--green);border-bottom:2px solid var(--green);width:13px;height:7px;position:absolute;top:5px;left:3px;transform:rotate(-45deg)}.tiles{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.tile{border:1px solid var(--border);text-align:center;border-radius:20px;padding:20px 8px}.tile b{font-family:var(--display);letter-spacing:-.02em;font-size:1.125rem;font-weight:600;display:block}.tile span{color:var(--fg-muted);margin-top:2px;font-size:.75rem;display:block}.tile-later{opacity:.65;border-style:dashed}.card .tiles-note{margin-top:20px;font-size:.875rem}.feature-icon{background:var(--yellow-tint);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:16px;font-size:1.25rem;display:grid}.demo-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.demo-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scenarios{border:1px solid var(--border);background:var(--bg-elev);border-radius:24px;flex-wrap:wrap;gap:4px;margin:0;padding:4px;display:flex}.scenarios label{color:var(--fg-muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.875rem;font-weight:500;position:relative}.scenarios input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.scenarios .is-on{background:var(--asphalt);color:#fff}.scenarios label:has(:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.pause{border:1px solid var(--border);background:var(--bg-elev);min-width:5em;height:42px;color:var(--fg);font:inherit;cursor:pointer;border-radius:999px;padding-inline:16px;font-size:.875rem;font-weight:500}.pause:hover{border-color:var(--fg-muted)}.demo-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.panel{background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:20px}.panel-title{font-family:var(--display);letter-spacing:-.02em;margin-bottom:16px;font-size:1.25rem;font-weight:600}.panel canvas{aspect-ratio:1;border-radius:16px;width:100%;display:block}.panel-phase{min-height:1.5em;color:var(--fg-muted);margin-top:14px;font-size:.875rem}.panel-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.panel-stats div{background:var(--bg);border-radius:16px;padding:12px 16px}.panel-stats dt{color:var(--fg-muted);font-size:.875rem}.panel-stats dd{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.875rem;font-weight:600;line-height:1.2}.demo-note{color:var(--fg-muted);max-width:70ch;margin-top:20px;font-size:.875rem}.faq{margin-top:32px}.faq details{border-top:1px solid var(--border)}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{font-family:var(--display);letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding-block:18px;font-size:1.125rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.plus{border:1px solid var(--border);background:var(--bg-elev);border-radius:50%;flex:none;width:28px;height:28px;position:relative}.plus:before,.plus:after{content:"";background:var(--fg);height:1.5px;transition:transform .15s;position:absolute;top:12.5px;left:8px;right:8px}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}.faq p{max-width:62ch;color:var(--fg-muted);padding-bottom:18px}.section-closing{padding-top:0}.closing{background:var(--asphalt);color:#fff;text-align:center;border-radius:28px;padding:56px 32px;position:relative;overflow:hidden}.closing>:not(.orb){position:relative}.closing h2{max-width:none}.closing p{color:#ffffffd9;max-width:36em;margin:16px auto 0;font-size:1.125rem}.actions-center{justify-content:center}.closing-link{text-underline-offset:4px;padding-inline:16px;font-weight:500}.orb-closing-green{opacity:.2;background:#22c55e;width:288px;height:288px;top:-96px;right:-48px}.orb-closing-amber{opacity:.2;background:#ef4444;width:288px;height:288px;bottom:-128px;left:-48px}.footer{background:var(--bg-elev);border-top:1px solid var(--border);color:var(--fg-muted);font-size:.875rem}.footer-grid{grid-template-columns:1.4fr 1fr 1.4fr;gap:32px;padding-block:48px;display:grid}.footer .wordmark{color:var(--fg)}.footer-about{max-width:26em;margin-top:12px}.footer h3{font-family:var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--fg);margin-bottom:12px;font-size:.75rem;font-weight:600}.footer ul{gap:8px;display:grid}.footer a{text-decoration:none}.footer a:hover{color:var(--fg);text-decoration:underline}@media (width<=1000px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.hero-grid,.two-col,.grid-2,.grid-3,.demo-panels{grid-template-columns:minmax(0,1fr)}.hero-grid{padding-block:48px 64px}.try-body{min-height:0}.nav-links{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:minmax(0,1fr)}.closing{padding:40px 20px}}@media (width<=480px){.grid-4{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.plus:before,.plus:after{transition:none}}