:root{--ink:#effffb;--muted:#91aaa6;--accent:#20d6c7;--dark:#020b0c;--line:rgba(210,255,247,.15);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--dark);scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--ink)}a{color:inherit;text-decoration:none}.concept-nav{position:fixed;z-index:20;left:0;right:0;top:0;height:88px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(2,11,12,.72);backdrop-filter:blur(20px)}.concept-brand{display:flex;align-items:center;gap:11px;font-size:.72rem;font-weight:900;letter-spacing:.19em}.concept-brand img{filter:drop-shadow(0 7px 18px rgba(32,214,199,.24))}.concept-nav nav{display:flex;gap:28px}.concept-nav nav a,.back-link{color:#78938e;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.concept-nav nav a:hover,.concept-nav nav a[aria-current=page],.back-link:hover{color:var(--accent)}.back-link{justify-self:end}.concept-hero{position:relative;isolation:isolate;min-height:100svh;padding:140px clamp(20px,6vw,94px) 60px;display:grid;grid-template-columns:minmax(430px,.84fr) minmax(520px,1.16fr);grid-template-rows:auto 1fr;column-gap:6vw;overflow:hidden}.concept-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(rgba(32,214,199,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(32,214,199,.04) 1px,transparent 1px),#020b0c;background-size:8vw 8vw}.concept-index{grid-column:1/-1;margin:0;color:#647e79;font-size:.64rem;font-weight:850;letter-spacing:.22em}.concept-copy{align-self:end;padding-bottom:25px}.concept-kicker{display:block;color:var(--accent);font-size:.67rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.concept-copy h1{margin:17px 0 30px;font-size:clamp(4.3rem,7.5vw,9rem);font-weight:520;line-height:.76;letter-spacing:-.09em}.concept-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55}.concept-actions{display:flex;gap:13px;margin-top:38px}.concept-primary,.concept-secondary{min-height:55px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.8rem;font-weight:900}.concept-primary{background:var(--accent);color:#01201e}.concept-primary:hover{background:#70f4e6;transform:translateY(-2px)}.concept-secondary{border:1px solid var(--line)}.concept-secondary:hover{border-color:#effffb}.concept-visual{position:relative;align-self:stretch;min-height:620px}

/* Expanded story system: one visual idea per viewport, one commercial path. */
.hero-trust{margin-top:22px!important;color:#67827d!important;font-size:.68rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.motion-toggle{position:absolute;z-index:4;right:clamp(20px,6vw,94px);bottom:26px;min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:rgba(2,11,12,.72);color:#9ab5b0;font:800 .64rem/1 inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.motion-toggle:hover{border-color:var(--accent);color:var(--accent)}.queue-track b{max-width:210px!important;font-size:.82rem!important;text-align:right}.motion-paused .lane i,.motion-paused .queue-track article,.motion-paused .recovery-split:after,.motion-paused .recovery-pulse i{animation-play-state:paused!important}
.concept-bridge,.signal-field,.flow-field,.build-field,.control-field,.diagnosis-field,.concept-close{padding:clamp(88px,11vw,170px) clamp(20px,6vw,94px)}.concept-bridge{min-height:78svh;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr;gap:5vw;align-items:end;border-bottom:1px solid var(--line)}.concept-bridge .concept-kicker{align-self:start}.concept-bridge h2{grid-column:2;margin:0;max-width:1100px;font-size:clamp(4rem,8vw,9.2rem);font-weight:520;line-height:.81;letter-spacing:-.085em}.concept-bridge>p{grid-column:2;max-width:670px;margin:20px 0 0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.6}
.signal-field>header,.flow-field>header,.build-field>header,.diagnosis-field>header{display:grid;grid-template-columns:1fr 2fr;gap:4vw;margin-bottom:clamp(55px,7vw,100px)}.signal-field h2,.flow-field h2,.build-field h2,.diagnosis-field h2,.control-field h2,.concept-close h2{margin:0;font-size:clamp(3.5rem,7vw,8rem);font-weight:520;line-height:.84;letter-spacing:-.08em}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.signal-grid article{min-height:320px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.signal-grid article:last-child{border-right:0}.signal-grid article>span,.build-steps article>span,.flow-card header>span{color:var(--accent);font-size:.67rem;font-weight:900;letter-spacing:.14em}.signal-grid h3{margin:auto 0 14px;font-size:clamp(1.8rem,3vw,3.5rem);font-weight:540;letter-spacing:-.055em}.signal-grid p{margin:0;color:var(--muted);line-height:1.55}
.flow-field{background:#061415}.flow-field>header>p{grid-column:2;max-width:620px;margin:25px 0 0;color:var(--muted);line-height:1.6}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border:1px solid var(--line)}.flow-card{min-height:480px;padding:30px;display:flex;flex-direction:column;background:#020b0c;cursor:pointer;transition:background .25s ease}.flow-card:hover,.flow-card.active{background:#0b2828}.flow-card header{display:flex;gap:18px;align-items:baseline}.flow-card h3{margin:0;font-size:clamp(1.6rem,2.6vw,3rem);font-weight:540;line-height:1;letter-spacing:-.055em}.flow-compare{margin:auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center}.flow-compare p{margin:0;color:#8fa9a4;line-height:1.45}.flow-compare small{display:block;margin-bottom:10px;color:#5f7b76;font-size:.58rem;font-weight:900;letter-spacing:.12em}.flow-compare i{color:var(--accent);font-style:normal;transition:transform .35s ease}.flow-card.active .flow-compare i{transform:translateX(7px)}.flow-card footer{padding-top:20px;border-top:1px solid var(--line);color:var(--accent);font-size:.7rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.build-field{background:#e8eeea;color:#061b1c}.build-field .concept-kicker{color:#087b73}.build-field>header h2{grid-column:2}.build-steps{border-top:1px solid rgba(6,27,28,.2)}.build-steps article{min-height:190px;display:grid;grid-template-columns:90px minmax(240px,1fr) minmax(280px,1fr);gap:4vw;align-items:center;border-bottom:1px solid rgba(6,27,28,.2)}.build-steps article>span{color:#078f85}.build-steps h3{margin:0;font-size:clamp(2rem,4vw,4.7rem);font-weight:540;letter-spacing:-.065em}.build-steps p{margin:0;color:#4c625f;line-height:1.55}
.control-field{min-height:80svh;display:grid;grid-template-columns:1.4fr .6fr;gap:9vw;align-items:center}.control-field>div>p{max-width:700px;margin:32px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.65}.control-field ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.control-field li{padding:28px 0;border-bottom:1px solid var(--line)}.control-field li strong,.control-field li span{display:block}.control-field li strong{font-size:1.25rem}.control-field li span{margin-top:8px;color:var(--muted);line-height:1.5}
.market-fact{padding:clamp(70px,8vw,120px) clamp(20px,6vw,94px);display:grid;grid-template-columns:.6fr .7fr 1.3fr auto;gap:4vw;align-items:center;background:var(--accent);color:#02201e}.market-fact>span{font-size:.65rem;font-weight:900;letter-spacing:.16em}.market-fact>strong{font-size:clamp(5rem,10vw,11rem);font-weight:520;line-height:.72;letter-spacing:-.09em}.market-fact p{margin:0;line-height:1.55}.market-fact a{padding-bottom:5px;border-bottom:1px solid rgba(2,32,30,.4);font-size:.76rem;font-weight:900}
.diagnosis-field{background:#041213}.diagnosis-options{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.diagnosis-options button{min-height:110px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);font:800 clamp(.9rem,1.3vw,1.15rem)/1 inherit;cursor:pointer}.diagnosis-options button:last-child{border-right:0}.diagnosis-options button:hover,.diagnosis-options button[aria-pressed=true]{background:var(--accent);color:#03201e}.diagnosis-result{min-height:160px;padding:34px 0;display:grid;grid-template-columns:1fr 2fr;gap:4vw;align-items:start}.diagnosis-result span{color:var(--accent);font-size:.66rem;font-weight:900;letter-spacing:.15em}.diagnosis-result p{max-width:650px;margin:0;color:var(--muted);font-size:1.1rem;line-height:1.55}.diagnosis-cta{margin-left:33.333%}
.concept-close{position:relative;isolation:isolate;min-height:85svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}.concept-close h2{max-width:1200px;margin:20px 0 45px}.concept-close>p{margin:24px 0 0;color:var(--muted);font-size:.75rem}.concept-close:after{content:"";position:absolute;z-index:-1;right:-15vw;width:55vw;aspect-ratio:1;border:1px solid rgba(32,214,199,.13);border-radius:50%;box-shadow:0 0 0 8vw rgba(32,214,199,.018),0 0 0 16vw rgba(32,214,199,.012)}
.library-hero{min-height:82svh;padding:clamp(150px,18vw,250px) clamp(22px,6vw,100px) 90px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border-bottom:1px solid var(--line)}.library-hero h1{margin:18px 0 30px;font-size:clamp(4.8rem,11vw,12rem);line-height:.78;letter-spacing:-.095em;font-weight:520}.library-hero>p{max-width:760px;margin:0 0 36px;color:var(--muted);font-size:1.12rem;line-height:1.65}.library-grid{padding:1px clamp(22px,6vw,100px) clamp(100px,12vw,180px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.library-card{min-height:480px;padding:38px;display:flex;flex-direction:column;background:var(--dark);transition:background .25s ease,color .25s ease}.library-card:hover{background:#0b2729}.library-card-main{background:var(--accent);color:#03201e}.library-card-main:hover{background:#9ff3e6}.library-card>span{font-size:.65rem;font-weight:900;letter-spacing:.11em;color:var(--accent)}.library-card-main>span{color:#07534c}.library-card h2{margin:auto 0 20px;font-size:clamp(3.2rem,6vw,7rem);line-height:.84;letter-spacing:-.075em;font-weight:520}.library-card p{max-width:510px;margin:0;color:var(--muted);line-height:1.6}.library-card-main p{color:#07534c}.library-card small{margin-top:35px;font-weight:800}.library-rule{padding:clamp(100px,13vw,200px) clamp(22px,6vw,100px);background:#effffb;color:#03201e}.library-rule h2{margin:18px 0 25px;font-size:clamp(4rem,9vw,10rem);line-height:.82;letter-spacing:-.09em;font-weight:520}.library-rule p{max-width:740px;color:#315e59;font-size:1.1rem;line-height:1.65}
@media(max-width:900px){.concept-nav{height:128px;padding:14px 20px;display:flex;align-items:flex-start;backdrop-filter:none}.concept-nav nav{position:absolute;left:0;right:0;top:76px;bottom:auto;height:52px;padding:0 10px;background:#031516;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.concept-hero{min-height:100svh;padding-top:160px}.motion-toggle{position:absolute;right:20px;bottom:24px}.concept-bridge,.signal-field,.flow-field,.build-field,.control-field,.diagnosis-field,.concept-close{padding:82px 20px}.concept-bridge{min-height:0;display:block}.concept-bridge h2{margin-top:60px;font-size:clamp(3.5rem,16vw,5.8rem)}.concept-bridge>p{margin-top:30px}.signal-field>header,.flow-field>header,.build-field>header,.diagnosis-field>header{display:block}.signal-field h2,.flow-field h2,.build-field h2,.diagnosis-field h2,.control-field h2,.concept-close h2{margin-top:18px;font-size:clamp(3.4rem,15vw,5.7rem)}.signal-grid,.flow-grid{grid-template-columns:1fr}.signal-grid article{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}.signal-grid article:last-child{border-bottom:0}.flow-field>header>p{margin-top:22px}.flow-card{min-height:390px}.build-field>header h2{grid-column:auto}.build-steps article{padding:34px 0;display:grid;grid-template-columns:42px 1fr;gap:15px}.build-steps p{grid-column:2}.control-field{min-height:0;display:block}.control-field ul{margin-top:60px}.market-fact{grid-template-columns:1fr;gap:26px}.market-fact>strong{font-size:7rem}.market-fact a{justify-self:start}.diagnosis-options{grid-template-columns:1fr 1fr}.diagnosis-options button{min-height:88px;border-bottom:1px solid var(--line)}.diagnosis-options button:nth-child(2){border-right:0}.diagnosis-result{grid-template-columns:1fr;gap:18px}.diagnosis-cta{margin-left:0}.concept-close{min-height:760px}.queue-track b{font-size:.7rem!important;max-width:135px!important}}

/* 01 — a live race between automated and manual work. */
body[data-concept=velocity] .concept-hero:after{content:"";position:absolute;z-index:-1;inset:88px 0 0 43%;background:linear-gradient(90deg,transparent,rgba(32,214,199,.06))}.race{position:absolute;inset:8% 0 5%;display:flex;flex-direction:column;justify-content:center}.race-clock{display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:26px;border-bottom:1px solid var(--line)}.race-clock span,.lane span,.lane b,.race>p{color:#708b86;font-size:.62rem;font-weight:900;letter-spacing:.16em}.race-clock strong{color:var(--accent);font-size:clamp(2.5rem,5vw,6rem);font-weight:520;line-height:.8;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.lane{position:relative;height:124px;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}.lane i{position:absolute;left:3%;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.04)}.lane-fast i{border-color:var(--accent);box-shadow:0 0 38px rgba(32,214,199,.48);animation:fast-lane 3.2s cubic-bezier(.2,.8,.2,1) infinite}.lane-slow i{animation:slow-lane 8s ease-in-out infinite}.lane-fast b{color:var(--accent)}.race>p{margin:24px 0 0;text-transform:uppercase}.race:after{content:"";position:absolute;right:18%;top:25%;bottom:12%;width:1px;background:repeating-linear-gradient(to bottom,var(--accent) 0 7px,transparent 7px 14px)}

/* 02 — work items stack up against a visible gate. */
body[data-concept=bottleneck] .concept-hero:before{background:linear-gradient(120deg,#020b0c 0 52%,#061c1d 52% 100%)}.queue{position:absolute;inset:7% 0;display:grid;grid-template-rows:auto 1fr}.queue-total{display:flex;align-items:end;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--line)}.queue-total span{max-width:220px;color:#78928d;font-size:.64rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.queue-total strong{font-size:clamp(2.8rem,5vw,6rem);font-weight:520;line-height:.8;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.queue-track{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;padding-right:18%}.queue-track article{min-height:90px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:rgba(2,11,12,.78);animation:queue-push 6s ease-in-out infinite}.queue-track article:nth-child(2){animation-delay:-1.5s}.queue-track article:nth-child(3){animation-delay:-3s}.queue-track article:nth-child(4){animation-delay:-4.5s}.queue-track span{color:#8ba5a0;font-size:.65rem;font-weight:900;letter-spacing:.16em}.queue-track b{color:var(--accent);font-size:1.4rem}.queue-gate{position:absolute;right:3%;top:24%;bottom:8%;width:13%;display:grid;place-items:center;border-left:4px solid var(--accent);background:linear-gradient(90deg,rgba(32,214,199,.12),transparent)}.queue-gate span{writing-mode:vertical-rl;color:var(--accent);font-size:.65rem;font-weight:900;letter-spacing:.2em}

/* 03 — value moves from loss into a recoverable turquoise field. */
body[data-concept=recovery]{--accent:#35ead8}body[data-concept=recovery] .concept-hero:after{content:"";position:absolute;z-index:-1;right:-16vw;bottom:-35vw;width:70vw;aspect-ratio:1;border:1px solid rgba(53,234,216,.2);border-radius:50%;box-shadow:0 0 0 9vw rgba(53,234,216,.025),0 0 0 18vw rgba(53,234,216,.018)}.recovery{position:absolute;inset:8% 0 2%;display:flex;flex-direction:column;justify-content:center}.recovery-number span,.recovery-number small{display:block;color:#78928d;font-size:.64rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.recovery-number strong{display:block;margin:23px 0 17px;color:var(--accent);font-size:clamp(4.4rem,8vw,9.5rem);font-weight:520;line-height:.78;letter-spacing:-.085em;font-variant-numeric:tabular-nums}.recovery-split{position:relative;height:11px;margin-top:58px;display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.1)}.recovery-split:before{content:"";position:absolute;inset:0 50% 0 0;background:#354441}.recovery-split:after{content:"";position:absolute;inset:0 0 0 50%;background:var(--accent);box-shadow:0 0 45px rgba(53,234,216,.55);animation:recover-fill 4s ease-in-out infinite alternate}.recovery-split span{position:relative;z-index:2;margin-top:25px;color:#758f8a;font-size:.62rem;font-weight:900;letter-spacing:.15em}.recovery-split span:last-child{text-align:right;color:var(--accent)}.recovery-pulse{position:absolute;right:8%;bottom:5%;width:160px;aspect-ratio:1}.recovery-pulse i{position:absolute;inset:40%;border:1px solid var(--accent);border-radius:50%;animation:recover-pulse 3s ease-out infinite}.recovery-pulse i:nth-child(2){animation-delay:1s}.recovery-pulse i:nth-child(3){animation-delay:2s}

@keyframes fast-lane{0%{transform:translateX(0)}75%,100%{transform:translateX(540px)}}@keyframes slow-lane{0%{transform:translateX(0)}75%,100%{transform:translateX(180px)}}@keyframes queue-push{0%,100%{transform:translateX(0);border-color:var(--line)}50%{transform:translateX(9%);border-color:rgba(32,214,199,.38)}}@keyframes recover-fill{from{transform:scaleX(.72);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes recover-pulse{0%{transform:scale(.2);opacity:.9}100%{transform:scale(4);opacity:0}}

@media(max-width:900px){.concept-nav{height:76px;grid-template-columns:1fr auto}.concept-nav nav{position:fixed;left:0;right:0;bottom:0;height:66px;padding:0 10px;justify-content:space-around;align-items:center;background:#031516;border-top:1px solid var(--line)}.concept-nav nav a{font-size:.58rem}.back-link{display:none}.concept-hero{min-height:calc(100svh - 66px);padding:108px 20px 92px;display:flex;flex-direction:column}.concept-index{margin-bottom:45px}.concept-copy{order:1;padding:0}.concept-copy h1{font-size:clamp(3.8rem,17vw,6rem)}.concept-copy>p{font-size:.96rem}.concept-actions{flex-direction:column}.concept-visual{order:2;min-height:520px;margin-top:40px}.race,.queue,.recovery{inset:3% 0}.race-clock,.queue-total{display:block}.race-clock strong,.queue-total strong{display:block;margin-top:20px}.lane{height:105px}.race:after{right:9%}.queue-track{padding-right:14%}.queue-track article{min-height:76px;padding:16px}.queue-track b{font-size:1rem}.recovery-number strong{font-size:clamp(4rem,17vw,6rem)}.recovery-pulse{width:110px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(max-width:900px){.library-hero{min-height:760px;padding:145px 20px 80px}.library-hero h1{font-size:clamp(4.4rem,20vw,7rem)}.library-grid{padding:1px 20px 90px;grid-template-columns:1fr}.library-card{min-height:370px;padding:28px}.library-rule{padding:100px 20px}.library-rule h2{font-size:clamp(4rem,18vw,6.5rem)}}