/* DW28 V3 — cold white, ink black, cobalt accents; aligned upright panels. */
:root{--ink:#202329;--muted:#6d7076;--line:#dadde3;--green:#5c5f65;--paper:#eef1f7;--radius:18px;--orange:#56595f}
body{background:#eef1f7}.shell{width:min(1320px,calc(100% - 96px))}.reviewbar{background:#14171d;color:#afb2b8;border-bottom:1px solid #ffffff0b;font-size:10px;letter-spacing:.4px;padding:6px}.reviewbar a{color:#e5e8ee}.nav{background:#14171ded;border-bottom:1px solid #ffffff12;color:#dfe2e8;backdrop-filter:blur(24px)}.nav .shell{height:76px}.brand{font-size:21px;color:#f1f4fa;font-weight:600}.brand small{color:#9b9ea4;font-size:10px;letter-spacing:1.8px}.brandmark{background:linear-gradient(135deg,#ebeef4,#abaeb4 45%,#d9dce2 70%,#f9fcff);color:#292c32;box-shadow:inset 0 1px 1px #fff,0 0 25px #d6d9df18;position:relative;overflow:hidden}.brandmark:after{content:"";position:absolute;inset:-50%;background:linear-gradient(125deg,transparent 43%,#ffffffa8 49%,transparent 55%);transform:translateX(-60%)}.brand:hover .brandmark:after{transform:translateX(60%);transition:transform .7s}.nav a:hover{color:white}.nav nav{font-size:12px;gap:32px}.nav .pill{font-size:11px}.primary{background:linear-gradient(135deg,#f1f4fa 0%,#bdc0c6 24%,#ebeef4 43%,#fafdff 51%,#c1c4ca 72%,#e0e3e9 100%);color:#25282e;border:1px solid #ebeef4;box-shadow:inset 0 1px 0 #ffffffdc,inset 0 -2px 4px #62656b45,0 8px 24px #14171d26;position:relative;isolation:isolate;overflow:hidden;font-weight:650;transition:box-shadow .25s,transform .25s}.primary:before{content:"";position:absolute;z-index:-1;inset:-100%;background:conic-gradient(from 0deg at var(--hx,50%) 50%,transparent 20%,#ffffffe6 27%,transparent 34%,#91949a50 50%,transparent 65%);transform:rotate(0);opacity:.3;transition:transform .8s,opacity .3s}.primary:hover:before{transform:rotate(80deg);opacity:.8}.primary:hover{box-shadow:inset 0 1px 0 white,0 0 30px #e2e5eb25;transform:translateY(-2px)}.primary:active{transform:translateY(1px)}
.hero{position:relative;isolation:isolate;grid-template-columns:1.08fr 1.05fr;gap:22px;padding:54px 0 34px;min-height:705px;color:#e8ebf1;align-items:center}.hero:before{content:"";z-index:-3;position:absolute;inset:0 calc((1320px - 100vw)/2);background:#14171d}.hero:after{content:"";position:absolute;z-index:-2;inset:0 -48px;background:radial-gradient(ellipse at 76% 41%,#7e818726,transparent 55%),linear-gradient(90deg,transparent 49.9%,#ffffff03 50%,transparent 50.1%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:630px}.hero .eyebrow{font-size:10px;color:#b6b9bf;letter-spacing:2px;display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;background:#d7dae0;border-radius:50%;box-shadow:0 0 12px #d7dae0}.hero h1{font-size:clamp(40px,4.6vw,66px);letter-spacing:-2px;line-height:1.19;font-weight:560;margin-bottom:23px;color:#f1f4fa}.hero h1 em{background:linear-gradient(100deg,#dfe2e8,#bdc0c6 45%,#e8ebf1);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lede{color:#b1b4ba;font-size:14px;line-height:1.9;margin-bottom:24px}.hero .composer{background:linear-gradient(145deg,#3d404670,#1d2026ea);backdrop-filter:blur(20px);border:1px solid #a6a9af40;border-radius:17px;box-shadow:inset 0 1px 0 #e3e6ec12,0 20px 50px #0003;padding:16px 18px 15px;position:relative;overflow:hidden}.hero .composer:before{content:"";position:absolute;height:1px;background:linear-gradient(90deg,transparent,#e6e9ef,transparent);left:18%;right:40%;top:0;opacity:.7;pointer-events:none}.composer-label{font-size:12px;letter-spacing:.3px;color:#e1e4ea}.composer-label small{color:#a3a6ac;font-size:10px}.hero textarea{color:#e8ebf1;min-height:83px;font-size:13px;padding:6px 4px}.hero textarea::placeholder{color:#acafb5}.mode{font-size:11px;color:#a7aab0;padding:5px 11px}.mode[aria-pressed=true]{background:#c7cad01c;color:#e6e9ef;box-shadow:inset 0 0 0 1px #cbced424}.hero .filetools button{background:#e4e7ed0a;border:1px solid #e4e7ed1a;color:#bec1c7;font-size:11px}.hero .composer-bottom .primary{min-width:131px;font-size:12px;padding:10px 18px}.hero .context-tag{background:#e4e7ed1a;border:1px solid #dde0e620;color:#dee1e7}.hero .fine{color:#92959b;font-size:10px;line-height:1.7}.hero .trustline{color:#afb2b8;font-size:10px;gap:22px}.hero .trustline b{color:#dee1e7}.hero-visual{height:600px;min-height:0;background:transparent;border-radius:0;overflow:visible;position:relative;isolation:isolate;z-index:1}.hero-visual:after{display:none}.hero-visual canvas{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;z-index:1}.scene-fallback{position:absolute;width:78%;height:78%;left:11%;top:8%;opacity:.75;color:#cfd2d8}.scene-fallback svg{width:100%;height:100%}.hero-visual.rendered .scene-fallback{display:none}.scene-halo{position:absolute;width:70%;height:62%;left:15%;top:15%;border-radius:50%;background:radial-gradient(ellipse,#c5c8ce0d 0%,#c9ccd208 35%,transparent 70%);filter:blur(24px);z-index:0}.scene-label{position:absolute;left:14px;top:14px;font-size:9px;letter-spacing:2px;color:#9da0a6;z-index:3}.motion-button{position:absolute;top:3px;right:0;z-index:5;background:#dee1e70a;border:1px solid #dee1e727;border-radius:20px;padding:8px 12px;color:#b2b5bb;font-size:10px;min-height:34px}.motion-button:disabled{opacity:.6}.scene-annotation{position:absolute;left:28%;right:20%;bottom:12px;text-align:center;font-size:9px;color:#989ba1;letter-spacing:1px;z-index:2}.scene-cross{position:absolute;color:#a9acb2;font-size:18px;opacity:.45;z-index:2}.scene-cross.a{top:68px;right:30px}.scene-cross.b{bottom:100px;left:30px}.scene-caption{position:absolute;z-index:4;font-size:9px;letter-spacing:2px;color:#b0b3b9;pointer-events:none}.scene-caption.a{left:4%;top:38%}.scene-caption.b{right:1%;top:60%}.scene-card{position:absolute;z-index:4;background:linear-gradient(130deg,#f1f4fa10,#d5d8de06 40%,#a7aab016);border:1px solid #e5e8ee32;border-radius:13px;backdrop-filter:blur(16px);padding:13px 15px;box-shadow:0 20px 40px #06090f2e,inset 0 1px 0 #ffffff12;transform-style:flat;transition:transform .6s cubic-bezier(.2,.8,.2,1);color:#dfe2e8}.scene-card small{display:block;font-size:8px;letter-spacing:1.5px;color:#aaadb3}.scene-card strong{font-size:20px;font-weight:500;display:block;line-height:1.5;letter-spacing:.5px}.scene-card span{font-size:10px;color:#b2b5bb}.scene-card.market-mini{left:8%;bottom:67px;width:230px;display:flex;gap:11px;padding:8px;transform:none}.market-mini img{width:63px;height:65px;object-fit:cover;border-radius:8px;filter:brightness(.85) saturate(.65)}.market-mini strong{font-size:14px;margin-top:3px}.market-mini span{font-size:9px}.scene-card.catalog-mini{top:82px;left:14px;width:154px;transform:none}.scene-card.research-mini{top:225px;right:-4px;width:150px;transform:none}.mini-line{display:flex;align-items:end;height:26px;gap:5px;margin-top:8px}.mini-line i{display:block;width:5px;background:#cacdd38c;border-radius:2px}.scene-notes{display:flex;align-items:center;justify-content:space-between;gap:16px;position:absolute;left:14px;right:0;bottom:48px;z-index:0;border-bottom:1px solid #dde0e618;padding-bottom:9px;font-size:8px;color:#989ba1;letter-spacing:2px}.scene-notes span:first-child{margin-left:280px}.connection-band{position:relative;display:grid;grid-template-columns:1fr 2.5fr;gap:50px;align-items:center;background:#14171d;color:#cccfd5;padding:24px 0 34px;isolation:isolate}.connection-band:before{content:"";background:#14171d;position:absolute;inset:0 calc((1320px - 100vw)/2);z-index:-1}.connection-band>p{font-size:11px;color:#999ca2;margin:0}.connection-track{display:flex;justify-content:space-between;gap:15px;align-items:center}.connection-track span{font-size:13px;letter-spacing:3px;white-space:nowrap}.connection-track i{flex:1;height:1px;background:linear-gradient(90deg,#b8bbc10d,#b8bbc150,#b8bbc10d);position:relative;overflow:hidden}.connection-track i:after{content:"";position:absolute;width:30px;height:1px;background:#e6e9ef;animation:signal 4s linear infinite}.connection-track i:nth-child(4):after{animation-delay:-2s}@keyframes signal{from{transform:translateX(-30px)}to{transform:translateX(180px)}}
section.block{padding:60px 0;border-top:0;position:relative}.section-head{margin-bottom:30px}.section-head h2{font-size:34px;font-weight:550;letter-spacing:-1px}.section-head .eyebrow{color:#787b81;font-size:9px;letter-spacing:2px}.section-head p{font-size:12px}.textlink{font-size:11px}.board{gap:20px;align-items:stretch;perspective:none}.card{background:linear-gradient(145deg,#ffffffdf,#fafdffaf);border:1px solid #d0d3d9;border-radius:17px;box-shadow:0 15px 40px #31343a10,inset 0 1px 0 white;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;padding:26px;will-change:auto}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(450px circle at var(--px,50%) var(--py,0%),#d2d5db35,transparent 65%);opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.card:hover{box-shadow:0 20px 45px #2f323820}.card h3{font-size:20px}.card .kicker{letter-spacing:1.5px;font-size:9px}.card p{font-size:12px}.pathcard{background:linear-gradient(135deg,#dbdee4,#edf0f6)}.chartbody{gap:28px;margin:28px 0}.donut{box-shadow:4px 11px 18px #30333921,inset 0 0 0 1px #3033390c;border:4px solid #edf0f6;transform:rotate(-90deg);width:130px;height:130px}.donut:before{box-shadow:inset 3px 5px 10px #3c3f4518;background:#fafdff}.metric strong{font-size:29px;font-weight:500;letter-spacing:-1px}.metric small{font-size:10px}.sw button{background:#ffffffe0}.sourcing-map div{background:#f3f6fc;border-color:#dee1e7}.cardfoot{margin-top:22px}.cardfoot button{position:relative}.cardfoot button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s}.cardfoot button:hover:after{width:100%}
#sourcing{border-top:1px solid #d2d5db;padding-top:45px}.browse{grid-template-columns:230px 1fr;gap:55px}.scenario-tabs{border-left:1px solid #d0d3d9;padding-left:14px}.scenario-tabs button{border-radius:3px;padding:13px 16px;transition:background .3s,padding .3s}.scenario-tabs button[aria-pressed=true]{background:#32353b;padding-left:22px;box-shadow:3px 5px 0 #b0b3b945}.mix-title h3{font-size:23px;font-weight:500}.mix-title p{font-size:12px}.mix-groups{gap:18px}.mix-group{background:#f6f9ff;border:0;border-bottom:2px solid #bec1c7;border-radius:3px;padding:22px 18px;box-shadow:0 8px 20px #31343a05;transition:transform .3s}.mix-group:hover{transform:translateY(-6px)}.mix-group .num{color:#84878d;font-size:10px}.catalog button{border:1px solid #d4d7dd;background:transparent;transition:background .2s,color .2s,transform .2s}.catalog button:hover{background:#3c3f45;color:#edf0f6;transform:translateY(-2px)}
#research{position:relative;isolation:isolate;margin-top:12px;color:#e1e4ea;padding:60px 0 65px}#research:before{content:"";background:#1e2127;position:absolute;inset:0 calc((1320px - 100vw)/2);z-index:-1}#research .section-head .eyebrow{color:#a4a7ad}#research .section-head p{color:#a4a7ad}#research .textlink{border-color:#6d7076}.research-grid{grid-template-columns:1.05fr 1fr;gap:34px}.feature-research{border:1px solid #b1b4ba3d;background:radial-gradient(ellipse at 90% 0,#90939930,transparent 70%),linear-gradient(145deg,#34373de0,#24272d);border-radius:12px;padding:34px;box-shadow:inset 0 1px 0 #e5e8ee12;min-height:320px;position:relative;overflow:hidden}.feature-research:after{content:"";position:absolute;right:-72px;top:30px;width:210px;height:210px;border:1px solid #dde0e610;border-radius:50%;box-shadow:0 0 0 32px #dde0e605,0 0 0 64px #dde0e603;pointer-events:none}.feature-research h3{font-size:27px;letter-spacing:-.5px;margin-top:28px}.feature-research p{color:#b6b9bf}.research-tags{color:#c1c4ca}.feature-research .cardfoot{margin-top:30px}.research-list{gap:0}.research-row{border:0;border-bottom:1px solid #dde0e622;background:transparent;border-radius:0;padding:18px 0;transition:padding .25s}.research-row:hover{padding-left:12px}.research-row h3{font-size:17px;font-weight:500}.research-row small{color:#a0a3a9;font-size:9px;letter-spacing:1px}.research-row p{font-size:11px;color:#a7aab0}.field{grid-template-columns:1.15fr 1fr;gap:60px}.field img{height:350px;border-radius:6px;filter:saturate(.8);box-shadow:12px 12px 0 #dadde3;transition:filter .4s,transform .4s}.field img:hover{filter:saturate(1);transform:translateY(-3px)}.field .eyebrow{color:#7d8086;font-size:10px;letter-spacing:2px}.field h3{font-size:36px;line-height:1.35;letter-spacing:-1px}.field p{font-size:13px}.field .fine{font-size:10px}.milestones strong{font-size:27px;letter-spacing:-1px}.milestones{gap:48px}.faq details{border:0;border-top:1px solid #c5c8ce;background:transparent;border-radius:0;padding:20px 0}.faq summary{font-size:14px}.faq{gap:14px 38px}.footer{background:#e4e7ed;border-top:1px solid #cfd2d8;color:#72757b;padding:26px 0 55px;font-size:11px}.float-consult{background:#33363c;color:#e5e8ee;border:1px solid #85888e;box-shadow:0 8px 30px #24272d2a}.toast{background:#dadde3;color:#2b2e34;box-shadow:0 10px 30px #0002}dialog{background:#eef1f7;border:1px solid #e2e5eb;box-shadow:0 25px 100px #0006}dialog::backdrop{background:#0c0f15b3;backdrop-filter:blur(10px)}.summary-box{background:#e5e8ee}.review-label{color:#63666c}.dialog-top .close{background:#e2e5eb}.dialog-actions .primary{border-color:#b4b7bd}.reveal-enter{animation:arrive .7s cubic-bezier(.16,1,.3,1) both}@keyframes arrive{from{opacity:.7;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}body.motion-paused .connection-track i:after{animation-play-state:paused}
@media(max-width:1416px){.hero:before,.connection-band:before,#research:before{left:-48px;right:-48px}}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.hero:before,.connection-band:before,#research:before{left:-24px;right:-24px}.hero{gap:10px;grid-template-columns:1.1fr 1fr;min-height:690px}.hero h1{font-size:47px}.hero-visual{height:570px}.scene-card.catalog-mini{left:0}.scene-card.research-mini{right:0;top:260px;width:125px;padding:10px}.scene-card.market-mini{left:0;bottom:75px;width:210px}.scene-notes span:first-child{margin-left:210px}.scene-caption.b{display:none}.scene-card.catalog-mini{width:133px}.connection-band{grid-template-columns:1fr 2.1fr;gap:22px}.connection-track span{font-size:12px;letter-spacing:1px}.connection-track{gap:12px}.board{grid-template-columns:1fr 1fr}.board .pathcard{grid-column:1/-1}.path{flex-direction:row}.section-head h2{font-size:31px}.browse{gap:24px;grid-template-columns:180px 1fr}.research-grid{gap:25px}.feature-research{padding:25px}.field{gap:36px}.field h3{font-size:30px}.field img{height:310px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.reviewbar{font-size:9px;letter-spacing:0;padding:6px}.nav .shell{height:62px}.brand{font-size:17px}.brand small{font-size:8px;letter-spacing:1.2px}.navright .pill{font-size:10px;padding:8px 12px;min-height:36px}.hero:before,.connection-band:before,#research:before{left:-18px;right:-18px}.hero{grid-template-columns:1fr;gap:8px;min-height:0;padding:32px 0 10px}.hero:after{inset:0 -18px;background:radial-gradient(ellipse at 70% 75%,#7e818726,transparent 65%)}.hero h1{font-size:42px;line-height:1.2;letter-spacing:-1.5px;margin-bottom:18px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:18px;gap:6px}.hero .lede{font-size:12px;line-height:1.8;margin-bottom:20px}.hero .composer{padding:14px 13px;border-radius:15px}.composer-label{font-size:11px}.composer-label small{font-size:9px;letter-spacing:0}.hero textarea{font-size:12px;min-height:95px}.mode{font-size:10px;padding:5px 7px}.hero .composer-bottom .primary{min-width:108px;padding:9px 12px;font-size:11px;min-height:42px}.hero .filetools button{font-size:10px;padding:8px}.hero .fine{font-size:9px}.hero .trustline{font-size:9px;gap:15px;margin-top:15px}.hero-visual{height:370px;margin-top:14px}.scene-label{left:0;top:0;font-size:8px;letter-spacing:1.1px}.motion-button{top:-8px;font-size:9px;min-height:32px;padding:6px 10px}.scene-card.catalog-mini{width:114px;top:45px;padding:10px 12px;left:0}.scene-card strong{font-size:16px}.scene-card small{font-size:7px}.scene-card span{font-size:8px}.scene-card.research-mini{top:167px;right:0;width:110px;padding:10px 12px}.mini-line{height:17px;gap:4px}.mini-line i{width:4px;max-height:17px}.scene-card.market-mini{bottom:32px;left:4%;width:192px;padding:7px}.market-mini img{width:46px;height:49px}.market-mini strong{font-size:12px}.market-mini span{font-size:8px}.scene-annotation{bottom:5px;left:0;right:0;font-size:8px}.scene-caption{display:none}.scene-cross.a{top:45px;right:10px}.scene-cross.b{bottom:70px;left:10px}.scene-notes{bottom:13px;font-size:7px;left:0;right:0}.scene-notes span:first-child{margin-left:220px}.connection-band{grid-template-columns:1fr;gap:14px;padding:18px 0 26px}.connection-band>p{font-size:10px}.connection-track span{font-size:11px;letter-spacing:2px}.connection-track{gap:12px}section.block{padding:38px 0}.section-head{margin-bottom:24px;gap:10px}.section-head h2{font-size:27px;letter-spacing:-.7px}.section-head p{font-size:11px}.section-head .eyebrow{font-size:8px;letter-spacing:1.6px}.textlink{font-size:10px}.board{grid-template-columns:1fr;gap:15px}.board .pathcard{grid-column:auto}.path{flex-direction:column}.card{padding:22px}.card h3{font-size:19px}.card p{font-size:12px}.chartbody{gap:28px;margin:25px 0;justify-content:space-around}.donut{width:124px;height:124px}.metric strong{font-size:27px}.card .kicker{font-size:9px}.cardfoot{margin-top:16px}.browse{grid-template-columns:1fr;gap:22px}.scenario-tabs{border:0;padding-left:0;flex-direction:row;gap:6px;flex-wrap:wrap}.scenario-tabs button{padding:8px 10px;font-size:10px;border:1px solid #d0d3d9;border-radius:4px}.scenario-tabs button[aria-pressed=true]{padding:8px 10px;box-shadow:1px 2px 0 #b0b3b945}.mix-title h3{font-size:19px}.mix-title p{font-size:11px}.mix-title .pill{font-size:10px;padding:8px 11px}.mix-groups{gap:10px}.mix-group{padding:16px}.mix-group strong{font-size:13px}.mix-group p{font-size:11px}#research{padding:40px 0}.research-grid{grid-template-columns:1fr;gap:16px}.feature-research{min-height:0;padding:25px}.feature-research h3{font-size:23px;line-height:1.5;margin:19px 0}.feature-research p{font-size:12px}.research-tags{font-size:9px}.research-row h3{font-size:15px}.field{grid-template-columns:1fr;gap:24px}.field img{height:230px;box-shadow:7px 7px 0 #dadde3}.field h3{font-size:30px}.field p{font-size:12px}.field .fine{font-size:9px}.milestones{margin:20px 0}.milestones strong{font-size:25px}.faq{gap:4px}.faq summary{font-size:13px}.footer{font-size:10px}.float-consult{font-size:11px;padding:11px 14px}.toast{font-size:12px}.card{will-change:auto}}
@media(max-width:360px){.hero h1{font-size:36px}.hero .eyebrow{letter-spacing:.8px}.hero .trustline{gap:10px}.composer-label small{font-size:8px}.mode{padding:5px 6px;font-size:9px}.hero .filetools button{padding:7px;font-size:9px}.hero .composer-bottom .primary{min-width:95px;font-size:10px}.scene-card.research-mini{width:96px}.chartbody{gap:13px}.donut{width:112px;height:112px}.metric strong{font-size:25px}.section-head h2{font-size:24px}.mix-title h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.card,.mix-group,.field img,.primary{transform:none!important}}

.scene-card.catalog-mini strong{font-size:16px;white-space:nowrap}.flow-symbol{align-items:center;height:26px;gap:5px}.flow-symbol i{width:7px;height:7px;background:#cccfd5;border-radius:50%;box-shadow:0 0 7px #cccfd540}.flow-symbol b{width:20px;height:1px;background:linear-gradient(90deg,#cccfd580,#cccfd520)}@media(max-width:760px){.scene-card.catalog-mini strong{font-size:12px}.flow-symbol{height:20px}.flow-symbol b{width:13px}}

@media(max-width:760px){.scene-notes{display:none}.scene-card.research-mini strong{font-size:13px;white-space:nowrap}.data-table{table-layout:fixed;overflow-wrap:anywhere}.data-table th:first-child,.data-table td:first-child{width:16%}}

.section-head h2,.feature-research h3{text-wrap:balance}@media(max-width:760px){.section-head{display:grid;grid-template-columns:1fr;align-items:start;gap:12px}.section-head>.textlink{justify-self:start}}

/* V3 visual system. Cobalt marks actions; neutral surfaces carry information. */
:root{--ink:#161a22;--muted:#626d7d;--line:#dce1e9;--paper:#f6f7fa;--green:#315ddd;--orange:#315ddd;--lime:#e8eeff;--radius:14px}
body{background:var(--paper)}
.reviewbar,.hero:before,.connection-band,.connection-band:before{background:#0e1117}
.reviewbar{color:#99a2b2}.reviewbar a{color:#c9d3e7}
.nav{background:#0e1117f2;color:#cbd1dc}.brand{color:#f7f9fc}.brand small{color:#98a3b5}
.brandmark{background:#f5f7fc;color:#151922;box-shadow:none;border-radius:8px}
.hero{color:#eef2f8}.hero:after{background:radial-gradient(ellipse at 76% 41%,#4274eb12,transparent 56%)}
.hero h1{color:#f7f9fc}.hero h1 em{background:none;color:#90adff;-webkit-text-fill-color:initial}
.hero .eyebrow{color:#a6b9e7}.status-dot{background:#8daaff;box-shadow:0 0 12px #7295ff70}
.hero .lede{color:#aeb7c8}.hero .composer{background:#171c26;border:1px solid #323b4e;box-shadow:0 12px 32px #0002;border-radius:12px}
.hero .composer:before{background:linear-gradient(90deg,transparent,#7f9dff,transparent);opacity:.55}
.composer-label{color:#e3e9f4}.composer-label small{color:#9ba8bd}
.hero textarea{color:#f2f5fc}.hero textarea::placeholder{color:#9da9bd}
.mode{color:#a9b2c3}.mode[aria-pressed=true]{background:#2950a72e;color:#b6caff;box-shadow:inset 0 0 0 1px #7299ff40}
.hero .filetools button{background:#202734;border-color:#343e50;color:#c2cbda}
.hero .context-tag{background:#23335a;border-color:#38538c;color:#c9d9ff}
.hero .fine{color:#97a3b6}.hero .trustline{color:#9ca8ba}.hero .trustline b{color:#c7d5f5}
.primary{background:#315ddd;color:#fff;border:1px solid #567bef;box-shadow:inset 0 1px 0 #ffffff24,0 4px 14px #2148af20;transition:background .2s,box-shadow .2s}
.primary:before{background:linear-gradient(105deg,transparent 30%,#ffffff0b 50%,transparent 70%);transform:none!important;opacity:.5}
.primary:hover,.primary:active{background:#244fcf;transform:none;box-shadow:0 4px 20px #315ddd25}
.hero-visual{height:600px}.scene-halo{background:radial-gradient(ellipse,#558aff10,transparent 70%)}
.scene-fallback{color:#9ab7ff}.scene-label,.scene-annotation,.scene-caption{color:#a0aec7}
.motion-button{background:#1a202b;border-color:#34415a;color:#b7c5df}
.scene-cross{color:#6f91dc}.scene-notes{display:none}
.scene-cards{position:absolute;left:0;right:0;bottom:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;z-index:4}
.scene-card,.scene-card.catalog-mini,.scene-card.research-mini,.scene-card.market-mini{position:relative;inset:auto;width:auto;height:108px;margin:0;padding:14px 12px;transform:none!important;border-radius:10px;background:#19212edd;border:1px solid #46557580;color:#edf2ff;box-shadow:0 12px 28px #0002;transition:border-color .2s}
.scene-card small{color:#9aafd3;font-size:8px;letter-spacing:1px;margin-bottom:8px}
.scene-card strong,.scene-card.catalog-mini strong,.scene-card.research-mini strong,.market-mini strong{font-size:15px;font-weight:550;line-height:1.5;letter-spacing:0;margin:0;white-space:nowrap}
.scene-card span{display:block;font-size:10px;line-height:1.6;color:#b0bdd2;margin-top:3px}
.scene-card.market-mini{display:block}.market-mini img{display:none}
.mini-line{display:none}.scene-annotation{left:0;right:0;bottom:22px}
.connection-band{color:#d4ddec}.connection-band>p{color:#9eaabd}
.connection-track i{background:linear-gradient(90deg,#859cc710,#859cc750,#859cc710)}.connection-track i:after{background:#9db8ff}
.section-head .eyebrow,.field .eyebrow{color:#315ddd}
.board{perspective:none}.card{background:#fff;border-color:#dce1e9;box-shadow:0 7px 25px #0f1c3606;border-radius:12px;transition:border-color .2s,box-shadow .2s;will-change:auto}
.card:before{background:radial-gradient(450px circle at var(--px,50%) var(--py,0%),#5681ed0a,transparent 65%)}
.card:hover{border-color:#aebfe1;box-shadow:0 9px 28px #142a500b;transform:none!important}
.pathcard{background:#edf2fc}.donut{border-color:#edf1f8;box-shadow:none;transform:rotate(-90deg)}.donut:before{background:#fff;box-shadow:none}
.sw button[aria-pressed=true]{background:#eaf0ff;border-color:#a0b4e8;color:#244dae}
.sourcing-map div{background:#f6f8fc;border-color:#e2e7ef}.textlink{border-color:#b1bdcf}
#sourcing{border-color:#dce1e9}.scenario-tabs{border-color:#dce1e9}
.scenario-tabs button[aria-pressed=true]{background:#e7edfc;color:#214bb8;box-shadow:none;border-color:#b6c7f3}
.mix-group{background:#fff;border:1px solid #e0e5ee;border-bottom:2px solid #a8bbe5;border-radius:8px;box-shadow:none}.mix-group:hover{transform:none}
.mix-group .num{color:#49649a}.catalog button{border-color:#d5ddeb}.catalog button:hover{background:#e8eeff;color:#234ebd;transform:none}
#research{color:#f0f3f9}#research:before{background:#111620}
#research .section-head .eyebrow{color:#8facf3}#research .section-head p{color:#a6b2c7}#research .textlink{border-color:#536889}
.feature-research{border-color:#39465c;background:#1b2332;box-shadow:none}.feature-research .eyebrow{color:#a7bfff}
.feature-research p{color:#b8c2d5}.research-tags{color:#a4b8df}.feature-research .cardfoot{border-color:#39465c}.feature-research .cardfoot button{color:#aac2ff}
.research-row{border-color:#3b475d}.research-row small{color:#9bb4ee}.research-row p{color:#aab7ce}.research-row:hover{padding-left:0}
.field img{box-shadow:none;border-radius:10px}.field img:hover{transform:none}.faq details{border-color:#d1d9e5}
.footer{background:#edf0f5;border-color:#dbe1eb;color:#687386}.float-consult{background:#315ddd;color:#fff;border-color:#5c7de5;box-shadow:0 8px 28px #183e9b26}.float-consult span{background:#ffffff24;color:#fff}
.toast{background:#182238;color:#edf3ff}dialog{background:#fff;border-color:#dde5f0}dialog::backdrop{background:#071225aa}.summary-box{background:#f0f4fb}.review-label{color:#315ddd}.dialog-top .close{background:#edf1f7}.dialog-actions .primary{border-color:#567bef}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#7499ff}
.card,.scene-card,.mix-group,.feature-research,.research-row,.field img,.composer{transform:none!important}
.reveal-enter{animation:none;opacity:1;transform:none}
@media(max-width:1100px) and (min-width:761px){.hero:after{inset:0 -24px}.scene-cards{gap:7px}.scene-card,.scene-card.catalog-mini,.scene-card.research-mini,.scene-card.market-mini{padding:12px 8px}.scene-card strong,.scene-card.catalog-mini strong,.scene-card.research-mini strong{font-size:12px}.scene-card span{font-size:9px}.scene-card small{font-size:7px;letter-spacing:.4px}}
@media(max-width:760px){
 .hero:after{background:radial-gradient(ellipse at 70% 75%,#4274eb12,transparent 65%)}
 .hero-visual{height:410px}.hero-visual canvas{height:340px;top:-12px}
 .scene-cards{bottom:35px;gap:7px}.scene-card,.scene-card.catalog-mini,.scene-card.research-mini,.scene-card.market-mini{height:96px;padding:12px 8px;border-radius:8px}
 .scene-card small{font-size:6.5px;letter-spacing:.4px;margin-bottom:7px}
 .scene-card strong,.scene-card.catalog-mini strong,.scene-card.research-mini strong{font-size:12px}
 .scene-card span{font-size:8px;line-height:1.65;margin-top:4px}.scene-annotation{bottom:8px;font-size:8px}
 .scene-caption{display:none}.scene-cross.b{bottom:155px}
}
@media(max-width:360px){.scene-cards{gap:5px}.scene-card,.scene-card.catalog-mini,.scene-card.research-mini,.scene-card.market-mini{padding:10px 6px}.scene-card strong,.scene-card.catalog-mini strong,.scene-card.research-mini strong{font-size:10px}.scene-card small{font-size:6px;letter-spacing:0}.scene-card span{font-size:7.5px}}
