:root{color-scheme:dark;--bg: #05070a;--bg-elevated: #0c1016;--bg-panel: rgba(14, 19, 27, .8);--bg-overlay: rgba(5, 7, 10, .92);--line: rgba(130, 145, 160, .22);--line-strong: rgba(180, 192, 204, .28);--text: #eef2f5;--text-muted: #aab4bf;--text-dim: #77818c;--accent: #d8dde2;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--sans: Inter, "Segoe UI", sans-serif;--max-width: 1240px;--shadow: 0 22px 60px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:radial-gradient(circle at top right,rgba(93,105,118,.15),transparent 30%),linear-gradient(180deg,#05070a,#06090d 45%,#05070a);color:var(--text)}a{color:inherit;text-decoration:none}button,a{transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background-color .18s ease}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img,svg{display:block;max-width:100%}.app-shell{min-height:100vh;position:relative;overflow-x:clip}.app-shell:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;opacity:.22;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 92%)}.site-main{position:relative;z-index:1}.floating-menu-wrap{position:sticky;top:16px;z-index:36;width:min(calc(100% - 48px),var(--max-width));margin:16px auto -66px}.floating-menu{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid rgba(216,223,230,.18);border-radius:12px;background:#151b238c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;box-shadow:var(--shadow)}.floating-menu__brand{font-family:"IBM Plex Sans",var(--sans);font-weight:400;letter-spacing:.01em;font-size:1.05rem;padding-left:12px}.floating-menu__contact{border:1px solid rgba(229,235,241,.88);background:#ebf0f6eb;color:#0a0d12;border-radius:2px;min-height:44px;padding:0 30px;font-size:1rem;font-weight:400}.floating-menu__hamburger{width:44px;height:44px;border:1px solid rgba(229,235,241,.65);border-radius:2px;background:#04080e73;display:grid;align-content:center;justify-items:center;gap:5px}.floating-menu__hamburger span{width:16px;height:1px;background:var(--text)}.floating-menu__contact:hover,.floating-menu__hamburger:hover{transform:translateY(-1px)}.copy-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:50;border:1px solid var(--line-strong);background:#10161eeb;color:var(--text);border-radius:8px;padding:10px 16px;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.site-footer__nav a:hover,.overlay-nav__link:hover,.text-link:hover{color:var(--text)}.menu-button{border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:#0b0f15b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.menu-button:hover,.button:hover,.section-dock:hover{border-color:var(--line-strong);transform:translateY(-1px)}.menu-button.is-active{background:#141b24f5}.section-dock{position:fixed;left:24px;bottom:24px;z-index:35;border:1px solid var(--line);border-radius:18px;background:#0a0e13d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:14px 16px;min-width:132px;display:grid;gap:8px;box-shadow:var(--shadow)}.section-dock__index{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.86rem;letter-spacing:.08em}.section-dock__divider{width:28px;height:1px;background:var(--line-strong)}.section-dock__label{color:var(--text-muted);font-size:.78rem}.section-dock__hamburger,.section-dock__hamburger:before,.section-dock__hamburger:after{display:block;width:18px;height:1px;background:var(--text);position:relative}.section-dock__hamburger:before,.section-dock__hamburger:after{content:"";position:absolute;left:0}.section-dock__hamburger:before{top:-5px}.section-dock__hamburger:after{top:5px}.section-dock--menu{min-width:unset;padding:16px}.overlay-nav{position:fixed;inset:0;background:var(--bg-overlay);z-index:40;opacity:0;pointer-events:none;transition:opacity .22s ease}.overlay-nav.is-open{opacity:1;pointer-events:auto}.overlay-nav__panel{min-height:100vh;max-width:var(--max-width);margin:0 auto;padding:36px 24px 56px;display:flex;flex-direction:column;gap:48px}.overlay-nav__header,.section-heading--inline{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.overlay-nav__title{margin:6px 0 0;font-size:1.2rem}.overlay-nav__content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:18px;border-top:1px solid var(--line)}.overlay-nav__group-title{margin:0 0 16px;font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.overlay-nav__list{display:grid;gap:14px}.overlay-nav__link{color:var(--text-muted);font-size:clamp(1.1rem,2vw,1.5rem)}.home-page{width:min(calc(100% - 48px),var(--max-width));margin:0 auto;padding-top:0}.page-shell{width:min(calc(100% - 48px),var(--max-width));margin:0 auto;padding-top:110px}.page-shell{padding-bottom:120px}.page-shell--with-rail{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px}.page-rail{position:sticky;top:120px;align-self:start}.page-content{min-width:0}.section-frame{min-height:88vh;padding:80px 0;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line);opacity:0;transform:translateY(30px);transition:opacity .52s ease,transform .52s ease}.section-frame:first-child{border-top:0}.section-frame.is-visible{opacity:1;transform:translateY(0)}.section-frame--hero{min-height:100vh;padding:0;border-top:0}.section-frame--compact{min-height:68vh}.split-layout,.detail-section--two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center}.hero-video__content h1,.page-header h1,.case-study-hero h1,.section-heading h2,.final-cta h2{max-width:12ch;font-size:clamp(2.7rem,6vw,5.6rem);line-height:.94;margin:0 0 20px;letter-spacing:-.05em}.page-intro,.section-heading p,.case-study-hero .page-intro,.card p,.case-study-card__body p{color:var(--text-muted);line-height:1.6;max-width:64ch}.card-tags,.metric-strip,.button-row,.link-list,.lessons-index{display:flex;flex-wrap:wrap;gap:12px}.card-tags span,.metric-strip__item,.diagram-chip,.scope-diagram__index{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:10px 12px;border-radius:999px;color:var(--text-muted);background:#0e1218b3}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);min-height:48px;padding:0 18px;border-radius:999px;font-family:var(--mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.button--primary{background:var(--text);color:#06090d;border-color:transparent}.button--secondary{background:#0b0f15b8}.hero-video{position:relative;min-height:100vh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;overflow:hidden;display:grid;place-items:center}.hero-video__media,.hero-video__overlay{position:absolute;inset:0}.hero-video__media{width:100%;height:100%;object-fit:cover}.hero-video__overlay{background:linear-gradient(180deg,#04080e9e,#04080e80 48%,#03060ab8),radial-gradient(circle at center,#070c120d,#070c1280);z-index:1}.hero-video__content{position:relative;z-index:2;text-align:center;padding:0 16px}.hero-video__content h1{margin:0;max-width:16ch;font-family:"IBM Plex Sans",var(--sans);font-weight:300;letter-spacing:-.01em;line-height:1.02;font-size:clamp(2rem,5.2vw,4.3rem)}.hero-video__down{position:absolute;z-index:2;bottom:26px;left:50%;transform:translate(-50%);width:28px;height:28px;display:grid;place-items:center;color:#eef2f5f2;font-size:1.25rem}.section-heading{margin-bottom:28px}.home-slideshow{min-height:84vh;padding:34px 0 72px;border-top:1px solid var(--line)}.slide-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:24px}.slide-tab{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:4px;min-height:44px;background:#0a0e14b3;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.slide-tab span{position:relative;z-index:2}.slide-tab__progress{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:1;background:linear-gradient(90deg,#e5ecf3f5,#e5ecf38c);transform-origin:left center}.slide-tab.is-active{color:var(--text);border-color:#d6dde480;background:#0f141ce0}.home-slideshow .section-heading h2{max-width:24ch;font-size:clamp(1.3rem,2.1vw,2rem);line-height:1.16;letter-spacing:-.02em}.home-slideshow__stage{position:relative;border:1px solid var(--line);border-radius:22px;min-height:68vh;background:#0a0e13b8;padding:26px}.slide-panel{display:none;animation:fade-slide .34s ease}.slide-panel.is-active{display:block}@keyframes fade-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eyebrow,.card-label,.diagram-shell__label,.technology-line,.site-footer__tagline{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow,.card-label,.diagram-shell__label,.technology-line{color:var(--text-dim)}.text-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.text-link:after{content:"→"}.card-grid{display:grid;gap:18px}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.stack-grid{display:grid;gap:20px}.card{background:linear-gradient(180deg,#0f141be0,#080b10e6),#0a0e13cc;border:1px solid var(--line);border-radius:22px;padding:24px;min-width:0}.impact-card,.case-study-card{min-height:100%}.card-index{margin-bottom:18px;font-family:var(--mono);color:var(--text-dim)}.case-study-card__header h3,.card h3,.lesson-card h3{margin:0 0 12px;font-size:1.35rem;letter-spacing:-.03em}.case-study-card__body{display:grid;gap:18px;margin:20px 0}.card-list{margin:14px 0 0;padding-left:18px;display:grid;gap:10px;color:var(--text-muted)}.technology-line,.lesson-takeaway{margin-top:18px}.lesson-hook{color:var(--text)}.diagram-flow,.scope-diagram{border:1px solid var(--line);border-radius:24px;padding:24px;background:#0a0e13c7}.diagram-flow{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.diagram-flow__step{display:flex;align-items:center;gap:14px}.diagram-arrow{color:var(--text-dim)}.scope-diagram{display:grid;gap:14px}.scope-diagram__step{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center}.scope-diagram__label{border-bottom:1px solid var(--line);padding-bottom:14px}.page-header,.case-study-hero,.final-cta{padding:0 0 30px}.case-study-hero,.detail-section,.scope-grid{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.scope-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.scope-grid__item{border:1px solid var(--line);border-radius:18px;padding:18px;background:#0b0f15b8}.diagram-shell{border:1px solid var(--line);border-radius:26px;padding:20px;background:#0a0e13c7}.architecture-diagram{width:100%;height:auto}.architecture-diagram__edge{stroke:#6f7985;stroke-width:2}.architecture-diagram__node{fill:#0f141b;stroke:#aab4c040}.architecture-diagram__text{fill:#eef2f5;font-family:var(--mono);font-size:15px;letter-spacing:.06em}.lessons-index{margin-bottom:24px}.lessons-index a,.link-list a{border:1px solid var(--line);padding:10px 12px;border-radius:999px;color:var(--text-muted)}.site-footer{position:relative;z-index:1;border-top:1px solid var(--line)}.site-footer__inner{width:min(calc(100% - 48px),var(--max-width));margin:0 auto;padding:28px 0 48px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.site-footer__tagline{color:var(--text-muted);max-width:40ch}.site-footer__nav{display:grid;gap:8px}.site-footer__nav-group{display:grid;gap:10px}.site-footer__heading{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}@media(max-width:1100px){.slide-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid--four,.card-grid--three,.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-shell--with-rail{grid-template-columns:1fr}.page-rail{position:static}}@media(max-width:860px){.floating-menu-wrap,.home-page,.page-shell,.site-footer__inner{width:calc(100% - 32px)}.split-layout,.detail-section--two-column,.overlay-nav__content,.site-footer__inner,.card-grid--two,.card-grid--three,.card-grid--four,.scope-grid{grid-template-columns:1fr}.slide-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.section-frame,.section-frame--hero{min-height:auto;padding:72px 0}.hero-video__content h1,.page-header h1,.case-study-hero h1,.section-heading h2,.final-cta h2{max-width:none;font-size:clamp(1.85rem,11vw,3.1rem)}.home-slideshow .section-heading h2{font-size:clamp(1.05rem,5.5vw,1.45rem);line-height:1.2}.section-frame--hero{min-height:100vh;padding:0}.floating-menu{grid-template-columns:1fr auto;grid-template-areas:"brand hamburger" "contact contact"}.floating-menu__brand{grid-area:brand}.floating-menu__hamburger{grid-area:hamburger;justify-self:end}.floating-menu__contact{grid-area:contact;width:100%}.overlay-nav__panel{padding-inline:16px}.overlay-nav__header,.section-heading--inline{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.section-frame{opacity:1;transform:none}}