:root{--bg:#f5f1ea;--ink:#080808;--graphite:#2b2b2b;--body:#46443f;--muted:#807b71;--line:#d8d2c8;--card:#ece6dc;--panel:#fbf8f2;--accent:#b7ff2a;--font-head:"Inter Tight", sans-serif;--font-body:"Geist", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-width:320px;font-size:17px;line-height:1.6;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4.5vw,56px)}.kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.kicker:before{content:"";background:var(--accent);border:1px solid var(--ink);width:8px;height:8px;display:inline-block}.display{font-family:var(--font-head);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(42px,9vw,96px);font-weight:600;line-height:.98}.h2{font-family:var(--font-head);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(30px,6vw,52px);font-weight:600;line-height:1.02}.h3{font-family:var(--font-head);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600;line-height:1.15}.lede{color:var(--body);text-wrap:pretty;max-width:620px;font-size:clamp(16px,2.2vw,19px)}.body-text{color:var(--body);text-wrap:pretty}.mono-sm{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);font-size:12px}.hl{background:var(--accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 8px}.btn{font-family:var(--font-body);border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:10px;padding:15px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.btn:hover{box-shadow:0 3px 0 0 var(--ink);transform:translateY(-2px)}.btn-primary{background:var(--accent)}.btn .arr{font-family:var(--font-mono);transition:transform .18s}.btn:hover .arr{transform:translate(4px)}.section{border-top:1px solid var(--line);padding:104px 0}.section-head{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:64px;display:flex}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(26px)}[data-reveal].revealed{opacity:1;transform:none}.no-motion *,.no-motion :before,.no-motion :after{transition:none!important;animation:none!important}.no-motion [data-reveal],.no-motion .node{opacity:1;transform:none}.no-motion .problem-line:after{width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}[data-reveal],.node{opacity:1;transform:none}.problem-line:after{width:100%}}.site-header{z-index:50;background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:72px;display:flex}.wordmark{font-family:var(--font-head);letter-spacing:.12em;font-size:22px;font-weight:700}.nav{gap:36px;display:flex}.nav a{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);border-bottom:2px solid #0000;padding-bottom:2px;font-size:12px;text-decoration:none;transition:border-color .15s}.nav a:hover{border-bottom-color:var(--accent)}.site-header .btn{padding:10px 20px;font-size:14px}.hero{padding:56px 0 96px}.hero-kicker-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sysmap{border:1px solid var(--line);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:-1px -1px;background-size:56px 56px;border-radius:2px;height:360px;position:relative;overflow:hidden}.sysmap svg{position:absolute;inset:0}.sysmap-field{width:1168px;height:100%;margin:0 auto;position:relative}.sysmap line{stroke:var(--graphite);stroke-width:1.2px;stroke-dasharray:5 6;animation:1.4s linear infinite dashflow}@keyframes dashflow{to{stroke-dashoffset:-22px}}.node{background:var(--panel);border:1px solid var(--ink);min-width:148px;box-shadow:3px 3px 0 0 color-mix(in oklab, var(--ink) 12%, transparent);opacity:0;border-radius:2px;padding:12px 16px 11px;animation:.55s forwards nodein;position:absolute;transform:translateY(14px)}.node.hot{background:var(--accent)}@keyframes nodein{to{opacity:1;transform:none}}.node-top{align-items:center;gap:8px;margin-bottom:3px;display:flex}.node-idx{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:10px}.node.hot .node-idx{color:var(--graphite)}.node-dot{background:var(--accent);border:1px solid var(--ink);border-radius:50%;width:7px;height:7px;margin-left:auto;animation:2.4s ease-in-out infinite pulse}.node.hot .node-dot{background:var(--ink);border-color:var(--ink)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.6)}}.node-name{font-family:var(--font-head);letter-spacing:-.01em;font-size:18px;font-weight:600}.node-sub{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);margin-top:2px;font-size:10.5px}.node.hot .node-sub{color:var(--graphite)}.hero-copy{text-align:center;flex-direction:column;align-items:center;gap:32px;padding:72px 0 0;display:flex}.hero-copy .lede{max-width:680px;margin:0 auto}.hero-ctas{gap:14px;display:flex}.positioning-grid{grid-template-columns:1fr 1fr;gap:96px;margin-top:64px;display:grid}.problem-list{border-right:1px solid var(--line);flex-direction:column;gap:22px;padding-right:64px;display:flex}.problem-line{font-family:var(--font-head);letter-spacing:-.01em;color:var(--muted);width:fit-content;font-size:23px;font-weight:500;position:relative}.problem-line:after{content:"";background:var(--graphite);width:0;height:1.5px;transition:width .6s;position:absolute;top:56%;left:0}.revealed .problem-line:after{width:100%}.revealed .problem-line:nth-child(2):after{transition-delay:.15s}.revealed .problem-line:nth-child(3):after{transition-delay:.3s}.revealed .problem-line:nth-child(4):after{transition-delay:.45s}.problem-line:nth-child(2){margin-left:32px}.problem-line:nth-child(4){margin-left:48px}.fix-col{flex-direction:column;justify-content:center;gap:24px;display:flex}.services-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:20px;max-width:1280px;margin:0 auto;padding:4px 56px 28px;display:flex;overflow-x:auto}.service-card{scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:2px;flex-direction:column;flex:0 0 396px;gap:18px;min-height:320px;padding:36px 32px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.service-card:hover{border-color:var(--ink);transform:translateY(-6px);box-shadow:0 14px 28px -18px #08080859}.service-num{font-family:var(--font-mono);letter-spacing:.12em;color:var(--graphite);justify-content:space-between;font-size:12px;display:flex}.service-card .tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.tag-chip{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--line);background:var(--bg);color:var(--graphite);border-radius:2px;padding:5px 10px;font-size:11px}.case-row{grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:72px 0;display:grid}.case-row+.case-row{border-top:1px solid var(--line)}.case-copy{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.case-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--accent);margin-top:8px;padding-bottom:3px;font-size:12.5px;text-decoration:none}.case-link:hover{background:var(--accent)}.vignette{background:var(--card);border:1px solid var(--line);border-radius:2px;justify-content:center;align-items:center;min-height:340px;padding:48px;transition:border-color .2s;display:flex}.case-row:hover .vignette{border-color:var(--ink)}.vg-card{background:var(--panel);border:1px solid var(--ink);box-shadow:4px 4px 0 0 color-mix(in oklab, var(--ink) 12%, transparent);border-radius:2px;width:100%;max-width:440px}.vg-pad{padding:26px 28px}.vg-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.vg-rule{border-top:1px solid var(--line)}.vg-row{align-items:center;gap:14px;padding:13px 0;display:flex}.vg-row+.vg-row{border-top:1px solid var(--line)}.vg-rank{font-family:var(--font-mono);width:24px;color:var(--muted);font-size:12px}.vg-row.first .vg-rank{color:var(--ink);font-weight:600}.vg-pill{font-family:var(--font-mono);letter-spacing:.06em;background:var(--accent);border:1px solid var(--ink);border-radius:2px;margin-left:auto;padding:3px 8px;font-size:10px}.vg-bar{background:var(--line);border-radius:4px;height:8px}.vg-strike{color:var(--muted);text-decoration:line-through}.vg-browser-top{border-bottom:1px solid var(--ink);align-items:center;gap:8px;padding:12px 16px;display:flex}.vg-circle{border:1px solid var(--ink);border-radius:50%;width:9px;height:9px}.vg-url{font-family:var(--font-mono);color:var(--graphite);background:var(--card);border:1px solid var(--line);border-radius:2px;margin:0 auto;padding:4px 14px;font-size:11px}.vg-cal{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.vg-day{aspect-ratio:1;border:1px solid var(--line);background:var(--bg);border-radius:2px}.vg-day.on{background:var(--accent);border-color:var(--ink)}.vg-day.half{background:var(--card);border-color:var(--graphite)}.method-grid{grid-template-columns:380px 1fr;gap:96px;display:grid}.method-left{flex-direction:column;align-self:start;gap:24px;display:flex;position:sticky;top:136px}.method-rail{border-left:1px solid var(--graphite);flex-direction:column;gap:72px;padding-left:56px;display:flex}.method-step{flex-direction:column;gap:14px;max-width:560px;display:flex;position:relative}.method-step:before{content:"";background:var(--bg);border:1.5px solid var(--ink);border-radius:50%;width:15px;height:15px;position:absolute;top:8px;left:-64px}.method-step.active:before{background:var(--accent)}.method-num{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);font-size:12px}.cta-section{border-top:1px solid var(--line);background:var(--ink);color:var(--bg);padding:128px 0}.cta-section .display{max-width:1000px;font-size:clamp(34px,6.6vw,72px)}.cta-section .btn{border-color:var(--accent);color:var(--ink)}.cta-inner{flex-direction:column;align-items:flex-start;gap:48px;display:flex}.cta-kicker{color:color-mix(in oklab, var(--bg) 60%, transparent)}.cta-kicker:before{border-color:var(--accent)}.site-footer{background:var(--ink);color:var(--bg);padding:0 0 32px}.footer-top{border-top:1px solid color-mix(in oklab, var(--bg) 18%, transparent);justify-content:space-between;align-items:center;padding:40px 0;display:flex}.footer-top .mono-sm{color:color-mix(in oklab, var(--bg) 55%, transparent)}.footer-top a{color:var(--bg);border-bottom:1px solid var(--accent);text-decoration:none}.footer-wordmark{font-family:var(--font-head);letter-spacing:.04em;text-align:center;color:color-mix(in oklab, var(--bg) 14%, transparent);-webkit-user-select:none;user-select:none;font-size:clamp(96px,24vw,220px);font-weight:700;line-height:.85}@media (width<=1000px){.section{padding:72px 0}.section-head{flex-direction:column;align-items:flex-start;gap:28px;margin-bottom:48px}.hero{padding:40px 0 64px}.positioning-grid{grid-template-columns:1fr;gap:48px}.problem-list{border-right:none;border-bottom:1px solid var(--line);padding-bottom:40px;padding-right:0}.case-row{gap:48px;padding:56px 0}.method-grid{grid-template-columns:1fr;gap:48px}.method-left{position:static}.method-rail{gap:56px;padding-left:40px}.method-step:before{left:-48px}.cta-section{padding:88px 0}.cta-inner{gap:36px}}@media (width<=720px){body{font-size:16px}.site-header .container{height:60px}.nav{display:none}.site-header .btn{padding:9px 16px;font-size:13px}.hero-kicker-row{flex-direction:column;align-items:flex-start;gap:6px}.hero-kicker-row .mono-sm{display:none}.hero-copy{gap:24px;padding-top:48px}.hero-ctas{flex-direction:column;align-items:stretch;width:100%;max-width:320px}.hero-ctas .btn{justify-content:center}.sysmap{background:0 0;border:none;border-radius:0;height:auto;overflow:visible}.sysmap svg{display:none}.sysmap-field{flex-direction:column;gap:28px;width:100%;height:auto;display:flex}.node{width:100%;min-width:0;box-shadow:2px 2px 0 0 color-mix(in oklab, var(--ink) 12%, transparent);margin:0;padding:16px 18px;opacity:1!important;position:relative!important;top:0!important;left:0!important;transform:none!important}.node:not(:last-child):after{content:"↓";font-family:var(--font-mono);color:var(--muted);font-size:16px;line-height:1;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.section{padding:56px 0}.section-head{margin-bottom:36px}.problem-line{font-size:19px}.problem-line:nth-child(2),.problem-line:nth-child(4){margin-left:0}.services-strip{gap:14px;padding:4px 20px 24px}.service-card{flex-basis:82vw;min-height:0;padding:28px 24px}.case-row{grid-template-columns:1fr;gap:28px;padding:44px 0}.case-copy{order:-1}.vignette{min-height:0;padding:28px}.vg-card{max-width:100%}.method-rail{gap:44px;padding-left:32px}.method-step:before{width:13px;height:13px;left:-40px}.cta-section{padding:64px 0}.cta-inner{gap:28px}.footer-top{flex-direction:column;align-items:flex-start;gap:16px;padding:32px 0}}@media (width<=400px){.container{padding:0 16px}.service-card{flex-basis:86vw}}