:root{--color-paper:oklch(97.5% .012 236);--color-paper-cool:oklch(95.5% .024 240);--color-paper-raised:oklch(94.5% .019 238);--color-card:oklch(100% 0 0);--color-ink:oklch(20% .045 250);--color-body:oklch(43% .04 252);--color-muted:oklch(50% .036 252);--color-accent-soft:oklch(91% .055 254);--color-accent-text:oklch(55% .19 258);--color-success:oklch(66% .16 148);--color-success-strong:oklch(52% .15 148);--color-rule:oklch(89% .018 244);--color-rule-strong:oklch(82% .026 246);--color-dot:oklch(65% .08 258/.42);--color-grid:oklch(74% .035 250/.28);--color-focus:oklch(65% .17 258/.36);--glass-tint:72%;--glass-highlight:inset 0 1px 0 oklch(100% 0 0/.5);--shadow-soft:0 18px 54px oklch(20% .045 250/.07);--shadow-stage:0 28px 90px oklch(20% .045 250/.13);--shadow-ink:0 22px 60px oklch(20% .045 250/.28);--shadow-accent:0 16px 34px oklch(55% .19 258/.22);--color-deep:oklch(20% .045 250);--color-ink-soft:oklch(86% .018 248);--color-accent:oklch(55% .19 258);--color-accent-pale:oklch(91% .055 254);--color-white:oklch(100% 0 0);--color-black:oklch(0% 0 0);--font-display:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-2xs:8px;--space-xs:12px;--space-sm:18px;--space-md:26px;--space-lg:40px;--space-xl:64px;--space-2xl:88px;--space-3xl:112px;--space-nav:74px;--text-xs:12px;--text-sm:14px;--text-md:18px;--text-lg:20px;--text-xl:24px;--text-2xl:34px;--layout-max:1750px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--rule-hairline:1px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.18s;--dur-base:.26s}@media (prefers-color-scheme:dark){:root{--color-paper:oklch(13% .022 254);--color-paper-cool:oklch(16% .028 252);--color-paper-raised:oklch(20% .032 250);--color-card:oklch(21% .035 254);--color-ink:oklch(96% .012 240);--color-body:oklch(80% .022 245);--color-muted:oklch(64% .03 248);--color-accent-soft:oklch(32% .09 258);--color-accent-text:oklch(68% .19 258);--color-success:oklch(72% .17 150);--color-success-strong:oklch(60% .16 150);--color-rule:oklch(100% 0 0/.12);--color-rule-strong:oklch(100% 0 0/.2);--color-dot:oklch(75% .09 258/.4);--color-grid:oklch(65% .05 250/.22);--color-focus:oklch(75% .16 258/.45);--glass-tint:60%;--glass-highlight:inset 0 1px 0 oklch(100% 0 0/.09);--shadow-soft:0 18px 54px oklch(0% 0 0/.45);--shadow-stage:0 28px 90px oklch(0% 0 0/.55);--shadow-ink:0 22px 60px oklch(0% 0 0/.6);--shadow-accent:0 16px 34px oklch(68% .19 258/.35)}}:root[data-theme=dark]{--color-paper:oklch(13% .022 254);--color-paper-cool:oklch(16% .028 252);--color-paper-raised:oklch(20% .032 250);--color-card:oklch(21% .035 254);--color-ink:oklch(96% .012 240);--color-body:oklch(80% .022 245);--color-muted:oklch(64% .03 248);--color-accent-soft:oklch(32% .09 258);--color-accent-text:oklch(68% .19 258);--color-success:oklch(72% .17 150);--color-success-strong:oklch(60% .16 150);--color-rule:oklch(100% 0 0/.12);--color-rule-strong:oklch(100% 0 0/.2);--color-dot:oklch(75% .09 258/.4);--color-grid:oklch(65% .05 250/.22);--color-focus:oklch(75% .16 258/.45);--glass-tint:60%;--glass-highlight:inset 0 1px 0 oklch(100% 0 0/.09);--shadow-soft:0 18px 54px oklch(0% 0 0/.45);--shadow-stage:0 28px 90px oklch(0% 0 0/.55);--shadow-ink:0 22px 60px oklch(0% 0 0/.6);--shadow-accent:0 16px 34px oklch(68% .19 258/.35)}:root[data-theme=light]{--color-paper:oklch(97.5% .012 236);--color-paper-cool:oklch(95.5% .024 240);--color-paper-raised:oklch(94.5% .019 238);--color-card:oklch(100% 0 0);--color-ink:oklch(20% .045 250);--color-body:oklch(43% .04 252);--color-muted:oklch(50% .036 252);--color-accent-soft:oklch(91% .055 254);--color-accent-text:oklch(55% .19 258);--color-success:oklch(66% .16 148);--color-success-strong:oklch(52% .15 148);--color-rule:oklch(89% .018 244);--color-rule-strong:oklch(82% .026 246);--color-dot:oklch(65% .08 258/.42);--color-grid:oklch(74% .035 250/.28);--color-focus:oklch(65% .17 258/.36);--glass-tint:72%;--glass-highlight:inset 0 1px 0 oklch(100% 0 0/.5);--shadow-soft:0 18px 54px oklch(20% .045 250/.07);--shadow-stage:0 28px 90px oklch(20% .045 250/.13);--shadow-ink:0 22px 60px oklch(20% .045 250/.28);--shadow-accent:0 16px 34px oklch(55% .19 258/.22)}:root{color:var(--color-body);background:var(--color-paper);font:16px/1.5 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, var(--color-grid) 1px, transparent 1px), linear-gradient(var(--color-grid) 1px, transparent 1px), var(--color-paper);background-size:72px 72px;min-width:320px;margin:0}button,select,textarea{font:inherit}button{cursor:pointer}img,svg{display:block}#root{min-height:100dvh}.site-shell{min-height:100dvh;overflow-x:clip}.nav{z-index:30;min-height:var(--space-nav);padding:0 var(--space-lg);border-bottom:var(--rule-hairline) solid var(--color-rule);background:color-mix(in oklch, var(--color-paper) 90%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand,.nav-right,.nav-links,.hero-pill,.hero-actions,.proof-strip,.card-topline,.mode-tabs,.board-topline,.board-output,.mode-flow,.resource-card,.footer{align-items:center;display:flex}.brand{gap:var(--space-sm);color:var(--color-ink);text-decoration:none}.brand-mark{border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-white);background:var(--color-accent);place-items:center;font-weight:850;display:grid}.brand strong,.brand small{line-height:1.05;display:block}.brand small{color:var(--color-muted);font-size:var(--text-xs);margin-top:3px}.nav-right{gap:var(--space-sm)}.nav-links{gap:var(--space-2xs)}.nav-links a{border-radius:var(--radius-sm);min-height:40px;color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap;padding:10px 13px;font-weight:720;text-decoration:none}.nav-links a:hover{background:var(--color-paper-raised)}.nav-links .nav-cta{color:var(--color-white);background:var(--color-accent);box-shadow:var(--shadow-accent)}.nav-links .nav-cta:hover{background:var(--color-accent);transform:translateY(-2px)}.icon-button{border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-ink);background:var(--color-card);place-items:center;display:inline-grid}.mobile-only{display:none}.hero-section{gap:var(--space-2xl);min-height:calc(100dvh - var(--space-nav));max-width:var(--layout-max);padding:var(--space-2xl) var(--space-lg) var(--space-xl);grid-template-columns:minmax(0,.9fr) minmax(440px,1fr);align-items:center;margin:0 auto;display:grid}.hero-copy{min-width:0;max-width:720px}.hero-pill{gap:var(--space-2xs);width:fit-content;margin-bottom:var(--space-md);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-ink);background:var(--color-card);font-size:var(--text-sm);padding:8px 11px;font-weight:760;text-decoration:none}.hero-pill svg,.kicker,.card-topline,.surface-card>svg:last-child,.service-card svg,.resource-card svg,.board-topline{color:var(--color-accent-text)}.hero-copy h1{max-width:760px;color:var(--color-ink);font-family:var(--font-display);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(44px,5.8vw,82px);font-weight:760;line-height:.98}.hero-subtitle{max-width:650px;margin:var(--space-md) 0 0;color:var(--color-body);font-size:var(--text-lg);line-height:1.58}.hero-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap}.primary-button,.secondary-button{border-radius:var(--radius-sm);min-height:48px;font-size:var(--text-sm);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:820;text-decoration:none;display:inline-flex}.primary-button{color:var(--color-white);background:var(--color-accent);box-shadow:var(--shadow-accent);border:0}.secondary-button{border:var(--rule-hairline) solid var(--color-rule);color:var(--color-ink);background:var(--color-card)}.primary-button:hover,.secondary-button:hover,.surface-card:hover,.service-card:hover,.case-card:hover,.resource-card:hover{transform:translateY(-2px)}.primary-button:active,.secondary-button:active,.mode-tab:active{transform:translateY(1px)}.demo-stack{position:relative}.product-stage{border:var(--rule-hairline) solid var(--color-rule-strong);border-radius:var(--radius-xl);background:radial-gradient(circle at 18% 18%, var(--color-accent-soft), transparent 30%), linear-gradient(135deg, var(--color-card), var(--color-paper-cool));box-shadow:var(--shadow-stage);padding:26px 26px 100px;position:relative;overflow:hidden}.product-stage:before{content:"";background-image:radial-gradient(var(--color-dot) 1.2px, transparent 1.2px), linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);-webkit-mask-image:radial-gradient(circle at 52% 42%, var(--color-black) 20%, transparent 76%);mask-image:radial-gradient(circle at 52% 42%, var(--color-black) 20%, transparent 76%);background-size:18px 18px,64px 64px,64px 64px;position:absolute;inset:0}.stage-header,.stage-status,.storyboard,.workbench-card{z-index:1;position:relative}.stage-status{border-radius:var(--radius-pill);background:var(--color-deep);max-width:300px;box-shadow:var(--shadow-soft);flex:none;align-items:center;gap:9px;padding:8px 14px 8px 10px;display:flex;position:relative}.stage-status-dot{border-radius:var(--radius-pill);background:var(--color-accent-pale);width:8px;height:8px;animation:status-pulse 1.6s var(--ease-in-out) infinite;flex:none}.stage-status-text{color:var(--color-ink-soft);font-family:var(--font-mono);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.stage-status-text strong{color:var(--color-white);font-weight:650}.stage-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:22px;display:flex}.stage-header-title{gap:3px;min-width:0;display:grid}.stage-header-caption{color:var(--color-muted);font-size:var(--text-sm);max-width:42ch;margin:8px 0 0;line-height:1.4}.stage-header span,.card-topline span,.board-topline span,.kicker{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:850}.stage-header strong{color:var(--color-ink);font-size:var(--text-md)}.storyboard{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:relative}.story-connector{border-radius:var(--radius-pill);background:var(--color-rule-strong);z-index:0;height:2px;position:absolute;top:21px;overflow:hidden}.story-connector:after{content:"";background:var(--color-accent);width:0%;transition:width .9s var(--ease-in-out);position:absolute;inset:0}.story-connector.is-filled:after{width:100%}.story-connector.is-flowing:after{background:linear-gradient(90deg, var(--color-accent) 0%, color-mix(in oklch, var(--color-accent) 45%, white) 50%, var(--color-accent) 100%);background-size:200% 100%;animation:1.1s linear infinite connector-flow}.story-node{z-index:1;flex-direction:column;align-items:flex-start;min-width:0;padding:0 14px 0 0;display:flex;position:relative}.story-icon-wrap{width:42px;height:42px;margin-bottom:var(--space-xs);position:relative}.story-glow{border-radius:var(--radius-md);background:radial-gradient(circle, var(--color-accent) 0%, transparent 70%);filter:blur(13px);opacity:0;transition:opacity var(--dur-base) var(--ease-out);position:absolute;inset:-12px}.story-icon{z-index:1;border-radius:var(--radius-sm);border:var(--rule-hairline) solid var(--color-rule);width:42px;height:42px;color:var(--color-muted);background:var(--color-paper-cool);transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);place-items:center;display:grid;position:relative}.story-icon svg{width:19px;height:19px}.story-status{z-index:2;border-radius:var(--radius-pill);border:2.5px solid var(--color-rule);background:var(--color-card);width:15px;height:15px;color:var(--color-white);transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.story-status svg{width:9px;height:9px}.story-node--active .story-glow{opacity:.55;animation:status-pulse 1.4s var(--ease-in-out) infinite}.story-node--active .story-icon{color:var(--color-white);background:linear-gradient(150deg, var(--color-accent), var(--color-deep));box-shadow:var(--shadow-accent);border-color:#0000;transform:translateY(-2px)scale(1.06)}.story-node--active .story-status{border-color:var(--color-accent);background:var(--color-accent);animation:status-pulse 1.4s var(--ease-in-out) infinite}.story-node--active .story-meta em{color:var(--color-white);background:var(--color-accent);border-color:#0000}.story-node--active strong{color:var(--color-accent-text)}.story-node--done .story-glow{opacity:.2}.story-node--done .story-icon{color:var(--color-accent-text);background:var(--color-accent-soft);border-color:var(--color-accent-text)}.story-node--done .story-status{border-color:var(--color-success);background:var(--color-success)}.story-meta{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:6px;display:flex}.story-meta span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.story-meta em{font-style:normal;font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;color:var(--color-muted);background:var(--color-paper-cool);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-pill);transition:color var(--dur-base) ease, background var(--dur-base) ease, border-color var(--dur-base) ease;padding:2px 6px;font-size:9.5px}.story-node strong{color:var(--color-ink);transition:color var(--dur-base) ease;line-height:1.12}.story-node small{margin-top:var(--space-xs);color:var(--color-muted);font-size:var(--text-xs);font-weight:720;line-height:1.25;display:block}.workbench-card{z-index:2;gap:var(--space-sm);padding:var(--space-md);border:var(--rule-hairline) solid var(--color-rule-strong);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--color-deep) 88%, transparent);color:var(--color-white);box-shadow:var(--shadow-ink), var(--glass-highlight);-webkit-backdrop-filter:blur(20px);margin:-34px 8% 0 22%;display:grid;position:relative}.workbench-title{color:var(--color-ink-soft);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;font-weight:850;display:flex}.workbench-card p{font-size:var(--text-md);margin:0;font-weight:760}.analysis-stream{gap:7px;display:grid}.stream-row{border:var(--rule-hairline) solid color-mix(in oklch, var(--color-white) 14%, transparent);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--color-white) 8%, transparent);min-height:32px;transition:background var(--dur-base) ease, border-color var(--dur-base) ease;align-items:center;gap:10px;padding:6px 10px;display:flex}.stream-icon-wrap{flex:none;width:26px;height:26px;position:relative}.stream-icon{border-radius:var(--radius-sm);border:var(--rule-hairline) solid color-mix(in oklch, var(--color-white) 16%, transparent);background:color-mix(in oklch, var(--color-black) 20%, transparent);width:26px;height:26px;color:var(--color-ink-soft);transition:background var(--dur-base) ease, border-color var(--dur-base) ease, color var(--dur-base) ease;place-items:center;display:grid}.stream-icon svg{width:14px;height:14px}.stream-status{border-radius:var(--radius-pill);border:2px solid color-mix(in oklch, var(--color-white) 16%, transparent);background:color-mix(in oklch, var(--color-black) 20%, transparent);width:11px;height:11px;color:var(--color-white);transition:background var(--dur-base) ease, border-color var(--dur-base) ease;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.stream-row--running .stream-icon{color:var(--color-accent-pale);background:color-mix(in oklch, var(--color-accent) 22%, transparent);border-color:var(--color-accent)}.stream-row--running .stream-status{border-color:var(--color-accent);background:0 0;border-top-color:#0000;animation:.7s linear infinite spin}.stream-row--done .stream-icon{color:var(--color-white);background:var(--color-accent);border-color:var(--color-accent)}.stream-row--done .stream-status{background:var(--color-success);border-color:var(--color-success)}.workbench-card small,.workbench-title span,.stream-row{color:var(--color-ink-soft);font-size:var(--text-sm)}.mid-cta{justify-content:space-between;align-items:center;gap:var(--space-md);max-width:var(--layout-max);margin:0 auto var(--space-3xl);padding:var(--space-lg);border-radius:var(--radius-xl);border:var(--rule-hairline) solid var(--color-rule);background:color-mix(in oklch, var(--color-accent) 7%, var(--color-paper-cool));flex-wrap:wrap;display:flex}.mid-cta-copy{gap:5px;max-width:46ch;display:grid}.mid-cta-copy strong{color:var(--color-ink);font-size:var(--text-lg);font-weight:780}.mid-cta-copy span{color:var(--color-body);font-size:var(--text-sm)}@media (width<=1100px){.mid-cta{margin:0 var(--space-lg) var(--space-xl)}}@media (width<=760px){.mid-cta{margin:0 var(--space-sm) var(--space-lg);padding:var(--space-md)}}.proof-strip{border-block:var(--rule-hairline) solid var(--color-rule);background:color-mix(in oklch, var(--color-card) var(--glass-tint), transparent);-webkit-backdrop-filter:blur(20px);justify-content:center}.proof-strip div{width:min(33.333%,390px);min-height:98px;padding:var(--space-md) var(--space-lg)}.proof-strip div+div{border-left:var(--rule-hairline) solid var(--color-rule)}.proof-strip strong,.proof-strip span{display:block}.proof-strip strong{color:var(--color-ink)}.proof-strip span{color:var(--color-muted);font-size:var(--text-sm);margin-top:5px}.section,.contact-section,.footer{max-width:var(--layout-max);padding:var(--space-3xl) var(--space-lg);margin:0 auto}.platform-section,.resource-section{position:relative}.platform-section{background:0 0;border:0;border-radius:0;overflow:visible}.resource-section{background:0 0;border:0;border-radius:0}.platform-section:before{content:none;z-index:0;background-image:radial-gradient(var(--color-dot) 1.2px, transparent 1.2px), linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-position:0 0,-1px -1px,-1px -1px;background-size:20px 20px,72px 72px,72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 82% 10%,#000 0%,#0000 65%);mask-image:radial-gradient(70% 60% at 82% 10%,#000 0%,#0000 65%)}.platform-section>*{z-index:1;position:relative}.section-heading,.resource-lead{max-width:850px}.section-heading.compact{max-width:720px}.section h2,.contact-section h2,.workflow-copy h2,.resource-lead h2,.footer-statement strong{color:var(--color-ink);font-family:var(--font-display);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(34px,4.2vw,58px);font-weight:740;line-height:1.03}.section-heading p,.workflow-copy p,.resource-lead p,.contact-section p{max-width:710px;margin:var(--space-sm) 0 0;color:var(--color-body);font-size:var(--text-md);line-height:1.58}.surface-layout{gap:var(--space-sm);margin-top:var(--space-xl);grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:stretch;display:grid}.surface-stack{gap:var(--space-sm);display:grid}.surface-card,.service-card,.mode-board{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(3px)saturate(1.08);background:linear-gradient(135deg,#0d1c2d57,#0714232e);border:1px solid #8badd12e;box-shadow:inset 0 1px #ffffff14,0 18px 46px #0000001f}.surface-card{min-height:232px;padding:var(--space-md);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);position:relative}.surface-card--primary{background:radial-gradient(circle at 18% 10%,#2f93ff29,#0000 42%),linear-gradient(135deg,#0d1c2d61,#07142333);flex-direction:column;min-height:420px;display:flex}.surface-card--primary h3{max-width:640px;font-size:var(--text-2xl)}.surface-card--primary p{max-width:620px;font-size:var(--text-lg)}.surface-signal{border-radius:var(--radius-pill);width:fit-content;color:var(--color-accent-text);font-family:var(--font-mono);font-size:var(--text-xs);background:#05101c29;border:1px solid #8badd12e;align-items:center;gap:10px;margin-top:auto;padding:11px 13px;display:flex}.surface-card:hover,.service-card:hover,.mode-board:hover{background:linear-gradient(135deg,#10243a6b,#0c1b2f3d);border-color:#2f93ff57;box-shadow:inset 0 1px #ffffff1a,0 22px 56px #00000029}.service-card .service-topline span{font-size:var(--text-xl);color:var(--color-accent-text);white-space:nowrap;font-weight:780;line-height:1}.service-card .service-topline{margin-bottom:var(--space-sm);flex-direction:column;align-items:flex-start;gap:16px}.service-topline{align-items:flex-start;gap:16px;display:flex}.service-card .service-topline svg{flex:0 0 50px;width:50px;height:50px}.service-card p{font-size:var(--text-md);line-height:1.45}.surface-card h3,.service-card h3,.case-card h3,.mode-board h3{margin:var(--space-lg) 0 var(--space-xs);color:var(--color-ink);font-size:var(--text-xl);line-height:1.1}.surface-card p,.service-card p,.case-card p,.mode-board p{color:var(--color-body);margin:0;line-height:1.56}.surface-card>svg:last-child{right:var(--space-md);bottom:var(--space-md);position:absolute}.workflow-section,.resource-section,.contact-section{gap:var(--space-2xl);grid-template-columns:minmax(0,.78fr) minmax(420px,1fr);align-items:start;display:grid}.mode-tabs{gap:var(--space-2xs);margin-top:var(--space-lg);flex-wrap:wrap}.mode-tab{border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-sm);min-height:42px;color:var(--color-ink);background:color-mix(in oklch, var(--color-card) var(--glass-tint), transparent);-webkit-backdrop-filter:blur(20px);padding:0 15px;font-weight:780}.mode-tab.active{border-color:var(--color-accent);color:var(--color-white);background:var(--color-accent)}.mode-board{min-height:430px;padding:var(--space-lg)}.board-topline{justify-content:space-between}.mode-board h3{margin-top:var(--space-2xl);font-size:var(--text-2xl)}.board-output{gap:var(--space-xs);margin-top:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-accent-soft);font-weight:740}.board-output svg{flex:none}.mode-flow{justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-xl);padding:var(--space-sm);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.mode-flow svg{color:var(--color-accent);flex:none}.service-grid,.case-grid,.resource-grid{gap:var(--space-sm);margin-top:var(--space-xl);display:grid}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card{min-height:250px;padding:var(--space-md)}.case-grid{grid-template-columns:1.15fr .95fr .95fr}.case-card{min-height:292px;padding:var(--space-md);position:relative;overflow:hidden}.case-card:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(124deg, transparent 47%, var(--color-rule-strong) 47.6%, var(--color-rule-strong) 48.4%, transparent 49%), linear-gradient(58deg, transparent 61%, var(--color-rule-strong) 61.6%, var(--color-rule-strong) 62.4%, transparent 63%), radial-gradient(circle 3.5px at 26% 66%, var(--color-accent) 97%, transparent), radial-gradient(circle 3.5px at 60% 30%, var(--color-accent) 97%, transparent), radial-gradient(circle 3.5px at 84% 58%, var(--color-accent) 97%, transparent);opacity:.5;width:128px;height:96px;position:absolute;top:0;right:0}.case-card>*{z-index:1;position:relative}.case-card{border-color:color-mix(in oklch, var(--color-accent) 22%, var(--color-rule));box-shadow:var(--shadow-soft), var(--glass-highlight), 0 0 0 1px transparent;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out)}.case-card:hover{border-color:color-mix(in oklch, var(--color-accent) 45%, var(--color-rule))}.case-icon-wrap{width:62px;height:62px;margin-bottom:var(--space-sm);border-radius:var(--radius-pill);color:var(--color-accent-text);background:var(--color-accent-soft);box-shadow:0 0 0 6px color-mix(in oklch, var(--color-accent) 8%, transparent);place-items:center;display:grid;position:relative}.case-icon-badge{border-radius:var(--radius-pill);width:22px;height:22px;color:var(--color-white);background:var(--color-accent);border:2px solid var(--color-card);place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.case-card>span{color:var(--color-accent-text);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:850}.tag-list{margin-top:var(--space-lg);flex-wrap:wrap;gap:8px;display:flex}.tag-list small{border-radius:var(--radius-pill);border:var(--rule-hairline) solid color-mix(in oklch, var(--color-accent) 18%, var(--color-rule));color:var(--color-ink);background:var(--color-paper-raised);align-items:center;gap:6px;padding:7px 12px 7px 10px;font-weight:720;display:inline-flex}.tag-list small svg{color:var(--color-accent-text);flex:none}.work-heading-row{position:relative}.work-heading-row .section-heading{z-index:1;position:relative}.work-motif{z-index:0;pointer-events:none;width:min(42%,580px);display:none;position:absolute;top:-12px;right:0}.work-motif img{filter:drop-shadow(0 18px 40px color-mix(in oklch, var(--color-accent) 30%, transparent))}@media (width>=900px){.work-motif{display:block}}.work-trust{margin:var(--space-2xl) 0 0;padding-top:var(--space-lg);border-top:var(--rule-hairline) solid var(--color-rule);color:var(--color-ink);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;display:flex}.work-trust svg{color:var(--color-accent-text);margin-right:4px}.work-trust .accent{color:var(--color-accent-text);font-weight:650}.resource-grid{margin-top:0}.resource-card{justify-content:space-between;gap:var(--space-sm);min-height:88px;padding:var(--space-sm);border-radius:var(--radius-lg);color:var(--color-ink);-webkit-backdrop-filter:blur(3px)saturate(1.08);transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:linear-gradient(135deg,#0d1c2d57,#0714232e);border:1px solid #8badd12e;text-decoration:none;box-shadow:inset 0 1px #ffffff14,0 18px 46px #0000001f}.resource-card:hover{background:linear-gradient(135deg,#10243a6b,#0c1b2f3d);border-color:#2f93ff57;box-shadow:inset 0 1px #ffffff1a,0 22px 56px #00000029}.resource-card span{flex:1;min-width:0}.resource-card strong,.resource-card small{display:block}.resource-card small{color:var(--color-muted);margin-top:4px;line-height:1.4}.resource-card-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.resource-card-tag{font-style:normal;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);background:var(--color-paper-cool);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-pill);padding:2px 7px;font-size:10px}.resource-card--soon,.resource-card--soon svg{color:var(--color-muted)}.contact-section{gap:var(--space-xl);margin-bottom:var(--space-lg);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-xl);background:radial-gradient(circle at 10% 15%, var(--color-accent-soft), transparent 38%), radial-gradient(circle at 28% 78%, color-mix(in oklch, var(--color-success) 30%, transparent), transparent 30%), color-mix(in oklch, var(--color-card) var(--glass-tint), transparent);box-shadow:var(--shadow-soft), var(--glass-highlight);-webkit-backdrop-filter:blur(20px);grid-template-columns:minmax(0,.88fr) minmax(520px,1fr);align-items:start;position:relative;overflow:hidden}.contact-section:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle 3px at 8% 62%, var(--color-accent) 97%, transparent), radial-gradient(circle 2.5px at 15% 71%, var(--color-accent) 97%, transparent), radial-gradient(circle 2px at 21% 79%, var(--color-accent) 97%, transparent), radial-gradient(circle 1.5px at 26% 86%, var(--color-accent) 97%, transparent);opacity:.5;position:absolute;inset:0}.contact-section>*{z-index:1;position:relative}.contact-copy{gap:var(--space-sm);display:grid}.contact-label{border-radius:var(--radius-pill);width:fit-content;color:var(--color-accent-text);font-family:var(--font-mono);font-size:var(--text-xs);background:#05101c1f;border:1px solid #8badd133;padding:8px 11px;font-weight:750}.consult-brief{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(3px)saturate(1.08);background:linear-gradient(135deg,#0d1c2d47,#07142324);border:1px solid #8badd12e}.consult-brief strong{color:var(--color-ink);font-size:var(--text-md);display:block}.consult-brief ul{margin:var(--space-sm) 0 0;gap:12px;padding:0;list-style:none;display:grid}.consult-brief li{color:var(--color-body);align-items:flex-start;gap:10px;line-height:1.42;display:flex}.consult-brief svg{color:var(--color-accent-text);flex:none;margin-top:2px}.lead-form{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(3px)saturate(1.08);background:linear-gradient(135deg,#0d1c2d57,#0714232e);border:1px solid #8badd12e;display:grid;box-shadow:inset 0 1px #ffffff14,0 18px 46px #0000001f}.form-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lead-form label{color:var(--color-ink);font-size:var(--text-sm);gap:8px;font-weight:820;display:grid}.lead-form select,.lead-form input,.lead-form textarea{border:var(--rule-hairline) solid var(--color-rule-strong);border-radius:var(--radius-md);width:100%;color:var(--color-ink);background:color-mix(in oklch, var(--color-card) 84%, transparent);font:inherit}.lead-form select,.lead-form input{min-height:48px;padding:0 13px}.lead-form textarea{resize:vertical;min-height:132px;padding:13px}.full-field{grid-column:1/-1}.lead-form-feedback{border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-cool);color:var(--color-ink);font-size:var(--text-sm);margin:0;padding:12px 14px;font-weight:720}.lead-form-feedback--error{border-color:color-mix(in oklch, #ff6b6b 45%, var(--color-rule));background:color-mix(in oklch, #ff6b6b 12%, var(--color-paper-cool))}.form-note{color:var(--color-muted);line-height:1.45}.primary-button:disabled{cursor:not-allowed;opacity:.72;transform:none}.lead-form select:focus,.lead-form input:focus,.lead-form textarea:focus,.nav-links a:focus-visible,.hero-pill:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.mode-tab:focus-visible,.icon-button:focus-visible,.resource-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.footer{align-items:start;gap:var(--space-2xl);border-top:var(--rule-hairline) solid var(--color-rule)}.footer-statement{max-width:520px}.footer-statement strong{font-size:clamp(28px,3.2vw,42px);display:block}.footer-statement span{margin-top:var(--space-sm);color:var(--color-body);display:block}.footer-index{gap:var(--space-lg);flex:1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.footer-index h3{margin:0 0 var(--space-xs);color:var(--color-ink);font-size:var(--text-sm)}.footer-index a{width:fit-content;color:var(--color-muted);font-size:var(--text-sm);margin-top:8px;text-decoration:none;display:block}.footer-index a:hover{color:var(--color-accent-text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes connector-flow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--color-accent) 30%, transparent);opacity:.72}50%{opacity:1;box-shadow:0 0 0 8px #0000}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.surface-card,.service-card,.case-card,.case-detail-panel,.mode-board,.resource-card,.consult-brief,.lead-form,.story-node,.workbench-card,.stage-header,.stage-status,.mode-tab,.contact-section,.proof-strip{background:var(--color-card);-webkit-backdrop-filter:none}.workbench-card{background:var(--color-deep)}}@media (width<=1100px){.hero-section,.workflow-section,.resource-section,.contact-section,.footer{grid-template-columns:1fr}.surface-layout,.case-grid,.service-grid,.footer-index{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.nav{min-height:66px;padding:0 var(--space-sm)}.mobile-only{display:inline-grid}.nav-links{top:66px;right:var(--space-xs);left:var(--space-xs);padding:var(--space-xs);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-stage);flex-direction:column;align-items:stretch;display:none;position:absolute}.nav-links.open{display:flex}.nav-links a{min-height:42px}.hero-section,.section,.contact-section,.footer{padding:var(--space-xl) var(--space-sm)}.hero-section{gap:var(--space-lg);min-height:auto}.hero-copy h1{font-size:42px}.hero-subtitle{font-size:var(--text-md)}.product-stage{border-radius:var(--radius-lg)}.story-connector{display:none}.stage-header{flex-wrap:wrap}.stage-status{width:100%;max-width:none}.storyboard{row-gap:var(--space-lg);grid-template-columns:1fr}.story-node{padding:0}.workbench-card{width:auto;margin:var(--space-sm)}.proof-strip{flex-direction:column;align-items:stretch}.proof-strip div{width:auto;min-height:auto;padding:var(--space-sm)}.proof-strip div+div{border-top:var(--rule-hairline) solid var(--color-rule);border-left:0}.surface-layout,.service-grid,.case-grid,.footer-index{grid-template-columns:1fr}.surface-card--primary{min-height:340px}.surface-signal{flex-wrap:wrap}.service-card .service-topline span{white-space:normal}.mode-board{min-height:auto;padding:var(--space-md)}.mode-board h3{margin-top:var(--space-lg);font-size:var(--text-xl)}.mode-flow{grid-template-columns:1fr;justify-items:start;display:grid}.contact-section{margin-inline:var(--space-sm);padding:var(--space-lg) var(--space-sm)}.lead-form{padding:var(--space-sm)}.form-grid{grid-template-columns:1fr}}.work-section{max-width:none;margin:var(--space-2xl) calc(50% - 50vw);padding:var(--space-3xl) max(var(--space-lg), calc((100vw - var(--layout-max)) / 2 + var(--space-lg)));color:var(--color-white);background:radial-gradient(circle at 78% 15%, color-mix(in oklch, var(--color-accent) 24%, transparent), transparent 30%), radial-gradient(circle at 16% 48%, color-mix(in oklch, var(--color-accent) 16%, transparent), transparent 36%), linear-gradient(180deg, #030b14 0%, #061120 52%, #030912 100%);border-block:1px solid color-mix(in oklch, var(--color-accent) 22%, transparent);position:relative;overflow:hidden}.work-section:before{content:"";pointer-events:none;background-image:linear-gradient(color-mix(in oklch, var(--color-accent) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--color-accent) 14%, transparent) 1px, transparent 1px);background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.work-section:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000006b);height:180px;position:absolute;inset:auto 0 0}.work-heading-row,.work-section .case-grid,.work-trust{z-index:1;position:relative}.work-heading-row{gap:var(--space-xl);grid-template-columns:minmax(0,.98fr) minmax(360px,.72fr);align-items:start;display:grid}.work-section .section-heading{max-width:820px}.work-section .kicker{color:#2f93ff;letter-spacing:.22em}.work-section .section-heading h2{max-width:820px;color:var(--color-white);text-shadow:0 0 28px #3291ff33}.work-section .section-heading h2:after{content:".";color:#2f93ff}.work-section .section-heading p{color:#ecf4ffbd;max-width:660px}.work-motif{pointer-events:none;width:min(100%,570px);display:block;position:relative;top:-42px}.work-motif picture,.work-motif img{width:100%;height:auto;display:block}.work-motif img{opacity:.9;filter:drop-shadow(0 28px 70px #2f93ff57)}.work-section .case-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;margin-top:30px}.work-section .case-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(3px)saturate(1.08);min-height:292px;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:radial-gradient(circle at 18% 0,#2f93ff1f,#0000 36%),linear-gradient(135deg,#0d1c2d57,#0714232e);border:1px solid oklch(76.3947% .124647 251.356/.58);flex-direction:column;padding:28px 30px 26px;display:flex;box-shadow:inset 0 1px #ffffff14,0 18px 46px #0000001f}.work-section .case-card--expanded{background:radial-gradient(circle at 18% 0,#2f93ff29,#0000 40%),linear-gradient(135deg,#10243a6b,#0c1b2f3d);border-color:#74b7ffc7;box-shadow:inset 0 1px #ffffff1a,0 22px 56px #00000029}.work-section .case-card:before{display:none}.case-card-head{align-items:center;gap:22px;margin-bottom:22px;display:flex}.case-title-block{min-width:0}.case-title-block span{color:#2f93ff;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-weight:850;line-height:1.2;display:block}.case-image-wrap{border-radius:var(--radius-pill);background:radial-gradient(circle,#2f93ff33,#0000 66%),#10233db3;border:1px solid oklch(76.3947% .124647 251.356/.58);flex:none;width:88px;height:88px;margin-bottom:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 0 7px #2f93ff14}.case-image-wrap img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;transform:scale(1.08)}.work-section .case-icon-badge{background:#2f93ff;border-color:#071423}.work-section .case-card>span,.case-card-head>span{color:#2f93ff;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:850}.work-section .case-card>span{display:none}.work-section .case-card h3{color:var(--color-white);margin:0;font-size:clamp(25px,1.85vw,32px);line-height:1.08}.work-section .case-card p{color:#ecf4ffbd;max-width:390px;font-size:var(--text-sm);line-height:1.45}.case-card-footer{justify-items:start;gap:14px;margin-top:auto;padding-top:28px;display:grid}.work-section .tag-list{gap:10px;width:100%;margin-top:0;padding-top:0}.work-section .tag-list small{color:var(--color-white);background:#030d1885;border-color:#74b7ff52;box-shadow:inset 0 1px #ffffff12}.work-section .tag-list small svg{color:#2f93ff}.case-toggle{border-radius:var(--radius-pill);min-height:44px;color:var(--color-white);font:inherit;font-size:var(--text-sm);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:#030d1885;border:1px solid #74b7ff5c;align-self:flex-start;align-items:center;gap:8px;margin-top:0;padding:10px 13px;font-weight:820;display:inline-flex}.case-toggle:hover,.case-toggle:focus-visible{background:#2f93ff29;border-color:#74b7ffad}.case-toggle:focus-visible{outline-offset:3px;outline:3px solid #74b7ff6b}.case-toggle:active{transform:translateY(1px)}.case-toggle svg{color:#2f93ff;transition:transform var(--dur-fast) var(--ease-out)}.case-toggle[aria-pressed=true]{background:#2f93ff2e;border-color:#74b7ffb8}.case-toggle[aria-pressed=true] svg{transform:rotate(90deg)}.case-detail-panel{z-index:1;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);background:radial-gradient(circle at 12% 0,#2f93ff24,#0000 38%),linear-gradient(#091c31bd,#030d1894);border:1px solid #74b7ff5c;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);margin-top:24px;padding:28px 30px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,0 22px 70px #00000038}.case-detail-panel-head{align-content:start;gap:10px;display:grid}.case-detail-panel-head span{color:#2f93ff;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:850}.case-detail-panel-head h3{color:var(--color-white);margin:0;font-size:clamp(26px,2.4vw,38px);line-height:1.04}.work-section .case-detail-panel-head p{color:#ecf4ffbd;max-width:520px;font-size:var(--text-md);line-height:1.5}.case-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.case-detail-row{gap:7px;min-width:0;display:grid}.case-detail-row span{color:#2f93ff;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:760}.work-section .case-detail-row p{max-width:none;font-size:var(--text-sm);line-height:1.5}.work-trust{margin:var(--space-2xl) 0 0;padding-top:var(--space-md);color:var(--color-white);font-size:var(--text-lg);border-top:1px solid #74b7ff33;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;display:flex}.work-trust svg,.work-trust .accent{color:#2f93ff}.work-trust strong,.work-trust span{line-height:1.2}@media (width<=1100px){.work-heading-row,.work-section .case-grid{grid-template-columns:1fr}.work-motif{max-width:620px;margin:-30px 0 0 auto;top:auto}}@media (width<=760px){.work-section{margin-block:var(--space-xl);padding:var(--space-xl) var(--space-sm)}.work-motif{margin-top:0}.case-card-head{align-items:center;gap:16px}.case-image-wrap{width:72px;height:72px}.case-title-block span{letter-spacing:.1em;margin-bottom:9px}.case-detail-panel{gap:var(--space-md);margin-top:var(--space-sm);padding:var(--space-sm);grid-template-columns:1fr}.case-detail-grid{grid-template-columns:1fr;gap:16px}.work-trust{font-size:var(--text-md);justify-content:flex-start}}