@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500&display=swap";
:root{--ink:#172033;--blue:#2563eb;--muted:#64748b;--line:#dce3ed;--pale:#f6f8fb;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font:15px/1.55 Inter,Arial,sans-serif}.shell{width:min(calc(100% - 48px),var(--max));margin:auto}.header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffffff2;align-items:center;height:76px;display:flex;position:sticky;top:0}.header-inner{align-items:center;gap:30px;width:100%;display:flex}.logo{line-height:0;text-decoration:none;display:inline-flex}.logo svg{width:145px;height:36px;display:block}nav{gap:25px;margin-left:auto;display:flex}nav a,.footer-links a{color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}nav a:hover,.footer-links a:hover{color:var(--blue)}.button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:13px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.button:hover{background:#1d4ed8;transform:translateY(-1px)}.arrow{font-size:21px;line-height:.6}.header-cta{padding:10px 14px;font-size:13px}.eyebrow{color:var(--muted);letter-spacing:1.25px;text-transform:uppercase;margin:0 0 15px;font:500 10px IBM Plex Mono,monospace}.hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;padding:96px 0 92px;display:grid}.hero h1,.section-title h2,.product-callout h2,.founder-copy h2,.contact h2{letter-spacing:-3.3px;max-width:760px;margin:0;font-size:clamp(43px,5vw,69px);line-height:.98}.lead{color:#475569;max-width:575px;margin:25px 0 30px;font-size:18px;line-height:1.48}.actions{align-items:center;gap:23px;display:flex}.text-link{color:var(--ink);align-items:center;gap:9px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--blue)}.process-visual{border:1px solid var(--line);background:linear-gradient(120deg,#fbfcfe,#f2f6fb);grid-template-columns:1fr 44px 1.1fr;align-items:center;min-height:390px;padding:25px;display:grid;position:relative}.process-side{align-self:stretch;padding:15px}.visual-label{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:19px;font:500 10px IBM Plex Mono,monospace;display:block}.old-route,.new-route{gap:9px;display:grid}.old-route>*,.new-route>*{border:1px solid var(--line);background:#fff;padding:10px 12px;font-size:12px;font-style:normal;display:block}.old-route i{color:#64748b}.old-route i:before,.new-route i:before{content:"↳";color:#94a3b8;margin-right:8px}.old-route i:nth-child(3),.old-route i:nth-child(5){margin-left:20px}.new-route b{color:var(--blue);border-color:#b9cdfb}.new-route i{border-color:#b9cdfb}.new-route strong{background:var(--ink);border-color:var(--ink);color:#fff}.process-arrow{text-align:center;color:var(--blue);font-size:34px}.after{background:#edf4ff}.section{border-top:1px solid var(--line);padding:92px 0}.section-title{margin-bottom:36px}.section-title h2{letter-spacing:-2.5px;font-size:clamp(35px,3.8vw,52px)}.section-title>p:not(.eyebrow){max-width:650px;color:var(--muted);margin:12px 0 0;font-size:16px}.problem-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.problem-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:180px;padding:23px 28px}.problem-grid span,.project-heading span{color:var(--blue);letter-spacing:.8px;text-transform:uppercase;font:500 10px IBM Plex Mono,monospace}.problem-grid h3{letter-spacing:-.7px;max-width:340px;margin:28px 0 7px;font-size:19px;line-height:1.18}.problem-grid p{max-width:430px;color:var(--muted);margin:0;font-size:13px}.system-section,.ai-section,.work-section{background:var(--pale)}.system-visual{border:1px solid var(--line);background:#fff;grid-template-columns:1fr .92fr 1fr;gap:0;min-height:330px;display:grid}.source-list{flex-wrap:wrap;align-content:center;gap:10px;padding:32px;display:flex}.source-list span{border:1px solid var(--line);color:#475569;background:#fff;padding:8px 11px;font-size:12px}.system-core{text-align:center;background:#eef4ff;border-left:1px solid #c7d7fb;border-right:1px solid #c7d7fb;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.system-core .logo{margin-bottom:17px}.system-core .logo svg{width:43px;height:43px}.system-core b{color:var(--blue);font-size:19px}.system-core small{color:#475569;max-width:195px;margin-top:10px;font-size:11px;line-height:1.5}.outcome{flex-direction:column;justify-content:center;padding:32px;display:flex}.outcome span{letter-spacing:-.6px;font-size:19px;font-weight:700}.outcome i{background:#d8e7ff;height:8px;margin-top:15px;display:block}.outcome i:nth-of-type(2){background:#bcd4ff;width:77%}.outcome i:nth-of-type(3){background:#94bcff;width:53%}.outcome strong{margin-top:25px;font-size:12px}.projects .section-title{max-width:750px}.project-list{gap:24px;display:grid}.project{border:1px solid var(--line);background:#fff;grid-template-columns:42% 58%;display:grid}.product-visual{background:#12213a;min-height:310px;padding:22px;position:relative;overflow:hidden}.product-visual>span{z-index:2;color:#a9c8ff;font:500 11px IBM Plex Mono,monospace;position:relative}.visual-grid{grid-template-columns:repeat(4,1fr);align-content:end;gap:7px;display:grid;position:absolute;inset:62px 29px 28px}.visual-grid i{background:#18304f;border:1px solid #395270;height:24%;display:block}.visual-grid i:nth-child(2){background:#1e3e67;height:47%}.visual-grid i:nth-child(3){background:#285590;height:72%}.visual-grid i:nth-child(4){height:38%}.visual-grid i:nth-child(5){background:#285590;height:56%}.visual-grid i:nth-child(6){background:#3770bb;height:82%}.visual-line{transform-origin:0;background:#5c82b2;height:1px;position:absolute;bottom:46px;left:34px;right:33px;transform:rotate(-18deg)}.product-02{background:#19243a}.product-02 .visual-grid{grid-template-columns:repeat(3,1fr);align-content:stretch}.product-02 .visual-grid i{background:#203858;height:auto!important}.product-02 .visual-grid i:nth-child(2),.product-02 .visual-grid i:nth-child(5){background:#2b5a93}.product-03{background:#0f1f2d}.product-03 .visual-grid{grid-template-columns:repeat(6,1fr);gap:5px}.product-03 .visual-grid i:nth-child(odd){background:#245e9b}.product-copy{padding:29px 32px}.project-heading h3{letter-spacing:-1.2px;margin:11px 0 8px;font-size:27px}.project-heading p{color:#475569;max-width:550px;margin:0;font-size:15px}dl{margin:26px 0 0}dl div{border-top:1px solid var(--line);grid-template-columns:115px 1fr;gap:15px;padding:13px 0;display:grid}dt{font-size:12px;font-weight:700}dd{color:#526176;margin:0;font-size:13px}.project dl div:last-child dd{color:var(--blue);font-weight:600}.ai-layout{grid-template-columns:1.1fr .9fr;gap:52px;display:grid}.ai-list{border-top:1px solid var(--line)}.ai-list>div{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr;column-gap:14px;padding:16px 0;display:grid}.ai-list span{width:27px;height:27px;color:var(--blue);border:1px solid #bcd4ff;grid-row:span 2;place-items:center;font:500 10px IBM Plex Mono,monospace;display:grid}.ai-list h3{letter-spacing:-.5px;margin:0;font-size:16px}.ai-list p{color:var(--muted);margin:3px 0 0;font-size:13px}.principle{color:#fff;background:#172033;flex-direction:column;justify-content:center;align-self:stretch;padding:36px;display:flex}.principle .eyebrow{color:#9fc1ff}.principle h2{letter-spacing:-2px;margin:0;font-size:clamp(29px,3vw,42px);line-height:1.05}.principle>p:last-child{color:#c9d3e2;margin:23px 0 0;font-size:14px}.product-callout{border:1px solid var(--line);background:#fff;padding:48px}.product-callout h2{max-width:670px;font-size:clamp(37px,4vw,55px)}.product-callout>p:not(.eyebrow){color:#526176;max-width:650px;margin:17px 0 31px;font-size:17px}.direction-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.direction-list span{margin-right:17px;padding:12px 17px 12px 0;font-size:13px;font-weight:700}.direction-list span+span:before{content:"·";color:#9aabc2;position:relative;left:-17px}.product-callout strong{margin-top:23px;font-size:14px;display:block}.timeline{grid-template-columns:repeat(5,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}.timeline li{padding-top:35px;position:relative}.timeline li:before{content:"";background:#b8c5d5;height:1px;position:absolute;top:13px;left:0;right:0}.timeline li:first-child:before{left:20px}.timeline li:last-child:before{right:calc(100% - 20px)}.timeline span{z-index:1;background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font:500 10px IBM Plex Mono,monospace;display:grid;position:absolute;top:0}.timeline h3{letter-spacing:-.4px;max-width:160px;margin:0;font-size:15px;line-height:1.25}.founder-section{grid-template-columns:.8fr 1.2fr;align-items:end;gap:70px;display:grid}.founder-copy h2{font-size:clamp(38px,4vw,54px)}.role{margin:16px 0 0;font-size:15px;font-weight:700}.stack{color:var(--blue);margin:6px 0 0;font:500 12px IBM Plex Mono,monospace}.founder-text{color:#475569;max-width:570px;margin:0;font-size:18px;line-height:1.55}.contact{color:#fff;background:#172033;padding:82px 0}.contact-inner{grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;display:grid}.contact .eyebrow{color:#9fc1ff}.contact h2{font-size:clamp(38px,4vw,57px)}.contact p:not(.eyebrow){color:#c5d1e2;max-width:600px;margin:20px 0 0;font-size:16px}.contact-action{flex-direction:column;align-items:flex-start;gap:17px;display:flex}.contact-action>a:last-child{color:#d5e3ff;font-size:14px}footer{padding:35px 0}.footer-inner{grid-template-columns:1.3fr 1fr 1fr;align-items:end;gap:25px;display:grid}.footer-inner p{max-width:340px;color:var(--muted);margin:10px 0 0;font-size:11px}.footer-links{flex-wrap:wrap;gap:13px;display:flex}.footer-links a{font-size:11px}.footer-email{color:var(--ink);justify-self:end;font-size:12px;font-weight:700;text-decoration:none}@media (max-width:700px){.hero{grid-template-columns:1fr;gap:46px;padding:66px 0}.hero-copy{max-width:670px}.process-visual{max-width:730px}.section{padding:68px 0}.project{grid-template-columns:38% 62%}.project-copy{padding:25px}.ai-layout,.contact-inner{grid-template-columns:1fr;gap:30px}.principle{min-height:330px}.founder-section{gap:35px}.timeline{gap:12px}.system-visual{min-height:280px}.header{height:68px}nav{display:none}.header-cta{margin-left:auto}}@media (max-width:600px){.shell{width:min(calc(100% - 32px),var(--max))}.header .logo svg{width:128px;height:auto}.header-cta{padding:9px 11px;font-size:12px}.header-cta .arrow{display:none}.hero{padding:50px 0 58px}.hero h1{letter-spacing:-2.7px;font-size:45px}.lead{font-size:16px}.actions{flex-direction:column;align-items:flex-start;gap:19px}.process-visual{grid-template-columns:1fr;gap:12px;min-height:auto;padding:14px}.process-side{padding:13px}.process-arrow{height:25px;transform:rotate(90deg)}.old-route i:nth-child(3),.old-route i:nth-child(5){margin-left:12px}.section{padding:58px 0}.section-title{margin-bottom:27px}.section-title h2{letter-spacing:-2px;font-size:37px}.problem-grid{grid-template-columns:1fr}.problem-grid article{min-height:auto;padding:20px}.problem-grid h3{margin-top:22px}.system-visual{grid-template-columns:1fr;min-height:auto}.source-list{padding:22px}.system-core{border:1px solid #c7d7fb;border-left:0;border-right:0;min-height:210px}.outcome{min-height:210px;padding:25px}.project{grid-template-columns:1fr}.product-visual{min-height:220px}.project-copy{padding:22px 20px}.project-heading h3{font-size:24px}dl{margin-top:20px}dl div{grid-template-columns:1fr;gap:3px;padding:11px 0}.ai-layout{gap:0}.principle{min-height:390px;margin:30px -16px -58px;padding:28px 16px}.product-callout{padding:27px 22px}.product-callout h2{letter-spacing:-2px;font-size:39px}.direction-list span{margin-right:11px;padding-right:11px}.direction-list span+span:before{left:-11px}.timeline{grid-template-columns:1fr;gap:0}.timeline li{min-height:72px;padding:0 0 22px 48px}.timeline li:before{width:1px;height:auto;inset:27px auto -3px 13px}.timeline li:first-child:before{left:13px}.timeline li:last-child:before{display:none}.timeline span{top:14px}.timeline h3{padding-top:17px}.founder-section{grid-template-columns:1fr;gap:28px}.founder-copy h2{font-size:43px}.founder-text{font-size:16px}.contact{padding:59px 0}.contact h2{letter-spacing:-2.2px;font-size:42px}.footer-inner{grid-template-columns:1fr;gap:21px}.footer-email{justify-self:start}.footer-links{order:3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
