@layer reset,base,theme,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,svg,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}}@layer base{:root{color-scheme:light;--white: light-dark(#ffffff, #0d0f12);--paper: light-dark(#f6f5f3, #0b0c0e);--ink: light-dark(#1a1916, #f3f2f0);--orange: light-dark(#ff5b1f, #ff6c36);--orange-deep: light-dark(#d6420c, #ff5b1f);--orange-soft: light-dark(#ffe9df, #2c160f);--grey-50: light-dark(#efeeec, #141619);--grey-100: light-dark(#e4e2de, #1e2126);--grey-300: light-dark(#b8b5ae, #5c626e);--grey-500: light-dark(#76726a, #a3aab6);--grey-700: light-dark(#3a3833, #d1d6de);--grid-color: light-dark(rgba(26, 25, 22, .04), rgba(243, 242, 240, .03));--grain-opacity: .015;--shadow-color: light-dark(rgba(26, 25, 22, .08), rgba(0, 0, 0, .5));--glass-bg: light-dark(rgba(246, 245, 243, .75), rgba(11, 12, 14, .75));--glass-border: light-dark(rgba(26, 25, 22, .06), rgba(243, 242, 240, .06));--max: 1240px;--ease: cubic-bezier(.22, 1, .36, 1)}html[data-theme=dark]{color-scheme:dark;--grain-opacity: .022}html[data-theme=light]{color-scheme:light;--grain-opacity: .015}body{font-family:Archivo,sans-serif;background-color:var(--paper);color:var(--ink);overflow-x:hidden;position:relative;transition:background-color .5s var(--ease),color .5s var(--ease)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:var(--grain-opacity);transition:opacity .5s var(--ease);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.8;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:60px 60px}::selection{background-color:var(--orange);color:#fff}h1,h2,h3,h4{font-family:Fraunces,serif;font-weight:600;line-height:1.1;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,7vw,6.5rem);font-weight:300;letter-spacing:-.04em;text-wrap:balance}h2{font-size:clamp(2rem,4.5vw,3.25rem);text-wrap:balance}h3{font-size:clamp(1.35rem,2.5vw,1.85rem)}p{font-size:clamp(1rem,1.1vw,1.25rem);line-height:1.6;color:var(--grey-500);text-wrap:pretty}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}html{scrollbar-color:var(--orange) var(--grey-100);scrollbar-width:thin}}@layer theme{.wrap{max-width:var(--max);margin:0 auto;padding:0 32px;position:relative;z-index:1}}@layer components{nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background-color:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);transition:background-color .5s var(--ease),border-color .5s var(--ease),padding .3s var(--ease)}nav.scrolled{padding:14px 32px;box-shadow:0 4px 30px var(--shadow-color)}nav .brand{font-family:Space Mono,monospace;font-weight:700;font-size:20px;letter-spacing:-1.5px;color:var(--ink);display:inline-flex;align-items:center}nav .brand>*{margin-right:-2px}nav .brand>*:last-child{margin-right:0}nav .brand b{color:var(--orange)}nav .nav-controls{display:flex;align-items:center;gap:32px}nav .links{display:flex;gap:28px}nav .links a{font-family:Space Mono,monospace;font-size:13px;color:var(--grey-700);letter-spacing:.5px;position:relative;padding:4px 0;transition:color .3s var(--ease)}nav .links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--orange);transition:width .3s var(--ease)}nav .links a:hover{color:var(--ink)}nav .links a:hover:after{width:100%}.theme-toggle{background:none;border:1px solid var(--grey-300);color:var(--ink);cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .3s var(--ease),transform .3s var(--ease)}.theme-toggle:hover{border-color:var(--orange);transform:rotate(15deg)}.theme-toggle svg{width:18px;height:18px;fill:currentColor;transition:fill .3s var(--ease)}@media (max-width: 768px){nav .links{display:none}}header{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:160px 0 100px;overflow:hidden}.hero-mark{position:absolute;right:-4vw;top:50%;transform:translateY(-50%);font-family:Fraunces,serif;font-weight:900;font-size:42vw;line-height:.8;color:var(--grey-50);z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:-.05em;transition:color .5s var(--ease)}.hero-content{position:relative;z-index:2}.eyebrow{font-family:Space Mono,monospace;font-size:clamp(11px,1.2vw,13px);letter-spacing:3px;text-transform:uppercase;color:var(--orange-deep);display:flex;align-items:center;gap:14px;margin-bottom:34px}.eyebrow:before{content:"";width:46px;height:2px;background-color:var(--orange);display:inline-block}h1 em{font-style:italic;color:var(--orange);font-weight:300}.hero-sub{margin-top:32px;font-size:clamp(1.1rem,1.8vw,1.35rem);max-width:54ch;color:var(--grey-700);line-height:1.6;font-weight:400}.hero-cta{margin-top:48px;display:flex;gap:18px;flex-wrap:wrap}.btn{font-family:Space Mono,monospace;font-size:14px;letter-spacing:.5px;padding:16px 32px;border-radius:4px;cursor:pointer;transition:all .3s var(--ease);display:inline-flex;align-items:center;gap:10px;font-weight:700;border:none}.btn-primary{background-color:var(--orange);color:#fff}.btn-primary:hover{background-color:var(--orange-deep);transform:translateY(-2px);box-shadow:0 12px 30px -8px var(--orange)}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--grey-300)}.btn-ghost:hover{border-color:var(--ink);background-color:var(--grey-50)}section{padding:140px 0;position:relative;border-top:1px solid var(--grey-100)}.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:80px}.sec-num{font-family:Space Mono,monospace;font-size:14px;color:var(--orange-deep);font-weight:700}.sec-title{font-family:Fraunces,serif;font-weight:600;letter-spacing:-.02em;line-height:1}.doing{background-color:var(--white)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background-color:var(--grey-100);border:1px solid var(--grey-100);box-shadow:0 10px 40px -10px var(--shadow-color)}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.card{background-color:var(--white);padding:56px 44px;position:relative;transition:background-color .4s var(--ease)}.card:hover{background-color:var(--paper)}.card .c-num{font-family:Space Mono,monospace;font-size:13px;color:var(--grey-300);margin-bottom:26px;display:block;transition:color .3s var(--ease)}.card:hover .c-num{color:var(--orange)}.card h3{font-family:Fraunces,serif;font-weight:600;font-size:28px;margin-bottom:18px;letter-spacing:-.01em}.card p{color:var(--grey-500);line-height:1.65;font-size:16px}.card .bar{position:absolute;left:0;top:0;height:3px;width:0;background-color:var(--orange);transition:width .5s var(--ease)}.card:hover .bar{width:100%}.playground{background-color:var(--paper)}.play-container{display:grid;grid-template-columns:350px 1fr;border:1px solid var(--grey-100);background-color:var(--white);min-height:500px;box-shadow:0 20px 50px -15px var(--shadow-color)}@media (max-width: 950px){.play-container{grid-template-columns:1fr}}.play-tabs{border-right:1px solid var(--grey-100);display:flex;flex-direction:column}@media (max-width: 950px){.play-tabs{border-right:none;border-bottom:1px solid var(--grey-100);flex-direction:row;overflow-x:auto}}.tab-btn{background:none;border:none;padding:24px 32px;text-align:left;cursor:pointer;font-family:Space Mono,monospace;font-size:14px;color:var(--grey-500);border-bottom:1px solid var(--grey-50);transition:all .3s var(--ease);display:flex;flex-direction:column;gap:6px}@media (max-width: 950px){.tab-btn{flex:1;padding:18px 24px;min-width:180px;border-bottom:none;border-right:1px solid var(--grey-50)}}.tab-btn:hover{background-color:var(--grey-50);color:var(--ink)}.tab-btn.active{background-color:var(--paper);color:var(--orange-deep);border-left:3px solid var(--orange)}@media (max-width: 950px){.tab-btn.active{border-left:none;border-bottom:3px solid var(--orange)}}.tab-btn span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--grey-300)}.tab-btn.active span{color:var(--orange)}.play-viewer{padding:44px;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--paper);position:relative}.diagram-wrapper{flex-grow:1;display:flex;align-items:center;justify-content:center;min-height:280px;position:relative}.diagram-pane{position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;transform:scale(.97);transition:opacity .4s var(--ease),transform .4s var(--ease);display:flex;align-items:center;justify-content:center}.diagram-pane.active{opacity:1;pointer-events:all;transform:scale(1)}.diagram-pane svg{max-height:300px;width:100%}.flow-line{stroke-dasharray:8;animation:dash 20s linear infinite}.flow-pulse{animation:pulse 2s infinite ease-in-out}@keyframes dash{to{stroke-dashoffset:-1000}}@keyframes pulse{0%,to{opacity:.2}50%{opacity:1}}.play-info{margin-top:32px;border-top:1px solid var(--grey-100);padding-top:24px}.play-info h4{font-size:20px;margin-bottom:10px}.play-info p{font-size:15px;line-height:1.6}.ticker{background-color:var(--orange);color:#fff;padding:26px 0;overflow:hidden;white-space:nowrap;border-top:1px solid var(--orange-deep);border-bottom:1px solid var(--orange-deep);position:relative;z-index:10}.ticker .run{display:inline-block;animation:scroll 35s linear infinite}.ticker span{font-family:Fraunces,serif;font-weight:600;font-size:32px;padding:0 32px;letter-spacing:-.01em}.ticker span:after{content:"✦";font-size:16px;margin-left:64px;vertical-align:middle;opacity:.6}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.strip{background-color:var(--ink);color:var(--paper);border-top:none}.strip .sec-title{color:#fff}.strip .sec-num{color:var(--orange)}.approach-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}@media (max-width: 900px){.approach-grid{grid-template-columns:1fr;gap:48px}}.approach-grid .lead{font-family:Fraunces,serif;font-weight:300;font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.4;letter-spacing:-.01em;color:#fff}.approach-grid .lead em{color:var(--orange);font-style:italic}.stack{display:flex;flex-direction:column}.stack .row{display:flex;gap:24px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.1);align-items:baseline}.stack .row:first-child{border-top:1px solid rgba(255,255,255,.1)}.stack .k{font-family:Space Mono,monospace;font-size:14px;color:var(--orange);min-width:44px;font-weight:700}.stack .v{font-size:16.5px;color:var(--grey-300);line-height:1.6}.stack .v b{color:#fff;font-weight:600;display:block;margin-bottom:4px}.who{background-color:var(--paper)}.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background-color:var(--grey-100);border:1px solid var(--grey-100);box-shadow:0 10px 40px -10px var(--shadow-color)}@media (max-width: 768px){.who-grid{grid-template-columns:1fr}}.who-cell{background-color:var(--white);padding:64px 54px;transition:background-color .3s var(--ease)}.who-cell:hover{background-color:var(--grey-50)}.who-cell .tag{font-family:Space Mono,monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--orange-deep);margin-bottom:22px;font-weight:700;display:block}.who-cell h3{font-family:Fraunces,serif;font-weight:600;font-size:32px;margin-bottom:18px;letter-spacing:-.02em}.who-cell p{color:var(--grey-500);line-height:1.7;font-size:16.5px}.contact-section{background-color:var(--white)}.contact-grid{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;margin:0 auto;gap:48px}.contact-info h3{font-size:clamp(28px,4vw,48px);margin-bottom:20px}.contact-info p{max-width:50ch;margin:0 auto}.contact-details{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:64px;width:100%;margin-top:24px}@media (max-width: 600px){.contact-details{flex-direction:column;gap:32px;align-items:center}}.contact-item{display:flex;flex-direction:column;gap:6px}.contact-label{font-family:Space Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--orange-deep);font-weight:700}.contact-value{font-size:18px;font-weight:500}.contact-value a:hover{color:var(--orange);text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:28px}.form-group{position:relative;display:flex;flex-direction:column}.form-group input,.form-group textarea{padding:16px 4px;border:none;border-bottom:1.5px solid var(--grey-300);background:transparent;color:var(--ink);outline:none;font-size:16px;transition:border-color .3s var(--ease);width:100%}.form-group textarea{min-height:120px;resize:vertical;field-sizing:content}.form-group label{position:absolute;left:4px;top:16px;color:var(--grey-500);pointer-events:none;transition:transform .3s var(--ease),color .3s var(--ease),font-size .3s var(--ease);font-size:16px}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{transform:translateY(-24px);font-size:11px;font-family:Space Mono,monospace;letter-spacing:1px;color:var(--orange-deep)}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--orange)}.form-group input:user-invalid,.form-group textarea:user-invalid{border-bottom-color:#e03131}.form-group input:user-invalid~label,.form-group textarea:user-invalid~label{color:#e03131}.form-group .error-msg{font-family:Space Mono,monospace;font-size:11px;color:#e03131;margin-top:6px;display:none}.form-group input:user-invalid~.error-msg,.form-group textarea:user-invalid~.error-msg{display:block}.toast-container{position:fixed;bottom:32px;right:32px;z-index:1000;display:flex;flex-direction:column;gap:12px}.toast{background-color:var(--ink);color:var(--paper);padding:16px 24px;border-left:4px solid var(--orange);box-shadow:0 10px 30px var(--shadow-color);font-family:Space Mono,monospace;font-size:13px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(20px);animation:toast-in .4s var(--ease) forwards}@keyframes toast-in{to{opacity:1;transform:translateY(0)}}footer{background-color:var(--ink);color:var(--paper);padding:140px 0 60px;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.05)}.foot-mark{position:absolute;left:-2vw;bottom:-10vh;font-family:Fraunces,serif;font-weight:900;font-size:36vw;color:#ffffff05;line-height:.8;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:-.05em}.foot-content{position:relative;z-index:2}.foot-content h2{font-family:Fraunces,serif;font-weight:400;font-size:clamp(2.25rem,5.5vw,5rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:48px;max-width:15ch}.foot-content h2 em{font-style:italic;color:var(--orange);font-weight:300}.foot-meta{margin-top:100px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.foot-meta .brand{font-family:Space Mono,monospace;font-weight:700;font-size:18px}.foot-meta .brand b{color:var(--orange)}.foot-meta .small{font-family:Space Mono,monospace;font-size:12px;color:var(--grey-300);letter-spacing:.5px}}@layer utilities{@media (prefers-reduced-motion: no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(40px);animation:fade-in-up auto var(--ease) forwards;animation-timeline:view();animation-range:entry 10% entry 40%}.reveal.in{opacity:unset;transform:unset;transition:none}}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}}
