@font-face{font-family:Geist;src:url('assets/geist-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#09090b;--surface:#111114;--line:#27272d;--text:#f6f5f8;--muted:#92919e;--violet:#b18aff;--orange:#ffae59;--max:1220px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid var(--violet);outline-offset:5px}::selection{background:#774ac4;color:#fff}.skip{position:fixed;top:10px;left:10px;background:white;color:black;padding:12px;transform:translateY(-160%);z-index:100}.skip:focus{transform:none}.site-header{max-width:1500px;margin:auto;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:24px;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-mark{width:30px;height:31px}.brand-word{width:116px;height:27px}.site-header nav{display:flex;gap:27px;align-items:center;font-size:14px;color:#bbb9c2}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:51px;padding:0 23px;border-radius:9px;font-size:15px;font-weight:550;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:21px;font-weight:400}.button-small{background:#ededf0;color:#18171a;min-height:41px;font-size:13px;padding:0 16px;gap:13px}.button-primary{background:linear-gradient(110deg,#ac7eec,#c3a0f6 65%,#d5baf9);color:#170f22;border:1px solid #dabafa;box-shadow:0 0 25px #ac74fa17}.button-primary:hover{box-shadow:0 0 26px #ac74fa38}.button-quiet{background:transparent;color:#d5d2da;font-weight:400;gap:9px}.button-quiet:hover{background:#ffffff07}.menu-toggle{display:none}.hero{padding-top:63px}.hero-copy{text-align:center;padding:0 24px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:500;text-transform:uppercase;color:#b9b6c3;margin:0 0 24px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px}.tiny-mark{color:var(--violet);font-size:19px;line-height:1}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.2vw,86px);letter-spacing:-.068em;font-weight:520;line-height:1.04;margin-bottom:24px}h1 span{color:#a7a3b2}.hero-description{font-size:17px;line-height:1.65;color:#aaa7b4;margin:0 auto 26px;letter-spacing:-.012em}.hero-actions{display:flex;justify-content:center;gap:10px}.product-area{max-width:var(--max);margin:55px auto 0;position:relative;padding:0 20px;scroll-margin-top:24px}.product-area:before{content:"";position:absolute;inset:12% 10% 19%;background:linear-gradient(110deg,#7042ae40,transparent 50%,#bf732120);filter:blur(85px);pointer-events:none}.product-frame{position:relative;border:1px solid #ffffff27;border-radius:14px;overflow:hidden;box-shadow:0 20px 100px #0009,0 0 0 5px #ffffff02;background:#0f0f11}.product-top{height:38px;background:#17171c;border-bottom:1px solid #ffffff0a;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:12px;color:#dcdae2}.product-top>span{display:flex;gap:8px;align-items:center}.top-divider{margin:0 6px;color:#55515e}.muted{color:var(--muted)}.expand{background:none;border:0;padding:6px;color:#92909e;display:flex}.expand:hover{color:white}.product-viewport{width:100%;aspect-ratio:3148/1820;overflow:hidden;position:relative}.product-canvas{position:relative;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.product-image{width:100%;height:100%;object-fit:contain}.product-focus{position:absolute;left:26.2%;top:32.2%;width:44.4%;height:27.6%;border:1px solid #d1afff99;box-shadow:0 0 0 1600px #08070c99,0 0 30px #a157fd55;opacity:0;transition:opacity .7s,left 1.2s,top 1.2s,width 1.2s,height 1.2s;border-radius:21px;pointer-events:none}.product-viewport[data-scene="1"] .product-focus{opacity:1}.product-viewport[data-scene="2"] .product-focus{opacity:1;left:27.4%;top:70.6%;width:42%;height:12.3%;border-radius:18px}.product-viewport[data-scene="3"] .product-focus{opacity:1;left:73.4%;top:34.4%;width:20.5%;height:58%;border-radius:18px}.scene-controls{max-width:640px;display:flex;align-items:stretch;justify-content:center;gap:5px;position:relative;margin:25px auto 0}.scene{position:relative;overflow:hidden;background:transparent;color:#8d8998;border:0;border-bottom:1px solid #343039;padding:15px 13px 17px;text-align:left;flex:1;font-size:14px;white-space:nowrap;transition:color .2s}.scene.active{color:#f6f1ff}.scene:hover{color:#fff}.scene-number{font-size:11px;color:#767080;margin-right:9px}.scene.active .scene-number{color:#ba93f5}.scene-progress{position:absolute;bottom:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#a874ed,#edb188)}.scene.active .scene-progress{animation:scene-progress 6.5s linear forwards}.scene-controls.paused .scene-progress{animation-play-state:paused}.playback{border:1px solid #302a38;background:#151218;width:38px;height:38px;align-self:center;flex-shrink:0;border-radius:50%;margin-left:15px;font-size:14px;color:#bbb4c8}.scene-caption{text-align:center;font-size:15px;line-height:1.6;color:#b1acbc;min-height:24px;position:relative;margin:21px auto 8px}.prototype-note{text-align:center;font-size:11px;color:#605b6c;margin:0;position:relative}.connection-strip{max-width:1180px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:64px auto 0;display:flex;align-items:center;gap:70px;padding:26px 0;color:#8c8795;font-size:14px;line-height:1.6}.connection-strip>span{min-width:138px;font-size:13px}.connection-strip strong{color:#d1cbd8;font-weight:450}.connection-items{display:flex;flex:1;align-items:center;justify-content:space-between;gap:15px}.connection-items span{white-space:nowrap;color:#c5bfce;font-size:14px}.connection-items i{width:24px;height:1px;background:#37313f}.section-wrap{max-width:var(--max);margin:auto;padding:125px 20px}.section-heading .eyebrow,.network-copy .eyebrow,.offers .eyebrow,.vision .eyebrow{color:var(--violet);margin-bottom:22px}h2{font-size:clamp(37px,4.25vw,58px);line-height:1.08;letter-spacing:-.052em;font-weight:480;margin-bottom:27px}h2 span{color:#8d8899}.section-heading>p:last-child{font-size:17px;line-height:1.65;color:#a7a0b2}.commerce-layout{display:grid;grid-template-columns:.93fr 1fr;gap:90px;margin-top:47px;align-items:center}.editorial-list article{display:flex;gap:25px;border-top:1px solid #2c2732;padding:27px 0 18px}.editorial-list article:last-child{padding-bottom:0}.item-number{font-size:12px;color:#7b7089;padding-top:5px}.editorial-list h3{font-size:19px;letter-spacing:-.025em;font-weight:500;margin-bottom:11px}.editorial-list p{color:#9992a4;font-size:15px;line-height:1.7;margin-bottom:7px}.decision-showcase{background:linear-gradient(150deg,#1d1527,#111014 67%);border:1px solid #372942;border-radius:17px;overflow:hidden;min-height:385px}.showcase-head{display:flex;justify-content:space-between;align-items:center;padding:23px 24px;color:#94889f;font-size:11px}.supply-ai{font-size:15px;color:#e2d4ed}.supply-ai span{color:#f5ae63;margin-left:4px}.decision-crop{height:135px;position:relative;overflow:hidden;margin:14px 19px 23px;border-radius:17px;border:1px solid #7c3dc052;box-shadow:0 5px 30px #05000855}.decision-crop img{position:absolute;width:238%;height:auto;max-width:none;top:50%;left:50%;transform:translate(-48.4%,-76.7%)}.showcase-bottom{padding:0 30px 29px}.intelligence-line{display:block;width:34px;height:2px;background:linear-gradient(90deg,#a458ff,#ffb637);margin-bottom:20px}.showcase-bottom h3{font-size:23px;font-weight:450;letter-spacing:-.04em;margin-bottom:10px}.showcase-bottom p{font-size:15px;line-height:1.65;color:#a198ad;margin:0}.network-section{background:#101013;border-top:1px solid #25222c;border-bottom:1px solid #25222c}.network-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:105px;padding-bottom:105px}.network-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#a49dad;max-width:460px;margin-bottom:28px}.text-link{font-size:14px;display:inline-flex;gap:40px;align-items:center;padding-bottom:8px;border-bottom:1px solid #675578;color:#e5d7f3}.text-link span{font-size:21px}.shared-view{padding-top:5px}.partner-row{display:grid;grid-template-columns:1fr 1fr;gap:35px;text-align:center}.partner-row>div{display:flex;flex-direction:column;align-items:center}.role-icon{width:48px;height:48px;border:1px solid #7f5ca44a;background:linear-gradient(135deg,#3c2254,#1f1728);color:#dbb8fa;border-radius:13px;font-size:19px;display:grid;place-items:center;margin-bottom:15px}.role-icon.logistics{background:linear-gradient(135deg,#54331b,#221c18);border-color:#93653255;color:#ffd1a8}.partner-row strong{font-size:17px;font-weight:450;margin-bottom:7px}.partner-row div>span:last-child{font-size:12px;color:#92889e}.network-lines{height:80px;display:flex;align-items:center;justify-content:center;padding:0 22%;gap:18px}.network-lines span{flex:1;height:1px;background:linear-gradient(90deg,#9b6cce55,#bd9be8)}.network-lines span:last-child{background:linear-gradient(90deg,#b99ae8,#d28d5255)}.network-lines img{width:28px;height:30px}.shared-data{padding:26px 25px 23px;border:1px solid #443649;background:linear-gradient(115deg,#1c1722,#171419);border-radius:14px;text-align:center}.shared-data .eyebrow{color:#d3c1e4;font-size:10px;letter-spacing:.12em;margin-bottom:21px;display:block}.shared-data>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #352b3c;padding-top:19px;font-size:12px;color:#b7a9c5}.shared-data p{color:#e2d9e9;font-size:19px;letter-spacing:-.025em;line-height:1.35;margin:25px 0 0}.offers-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.offers-heading h2{margin-bottom:0}.audience-switch{display:flex;padding:4px;border:1px solid #302b38;border-radius:9px;background:#131116;gap:2px}.audience-switch button{background:transparent;border:0;font-size:13px;border-radius:5px;padding:11px 18px;color:#92899e}.audience-switch button.selected{background:#312639;color:#f5eaff;box-shadow:0 1px 5px #0003}.plans{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #35303e;border-bottom:1px solid #35303e}.plan{padding:33px 30px 25px;border-right:1px solid #302a38;display:flex;flex-direction:column;min-height:351px}.plan:first-child{padding-left:0}.plan:last-child{border:0;padding-right:0}.plan-featured{background:linear-gradient(180deg,#a96aeb0a,transparent)}.plan-index{color:#91829f;font-size:10px;letter-spacing:.11em;margin-bottom:26px}.plan h3{font-size:30px;letter-spacing:-.045em;font-weight:450;margin-bottom:12px}.plan-desc{font-size:15px;line-height:1.55;color:#b7acbf;min-height:47px;margin-bottom:19px}.plan ul{list-style:none;padding:0;font-size:13px;color:#a195af;line-height:1.9;margin:0 0 27px}.plan li:before{content:"—";color:#675672;margin-right:8px}.plan-body{font-size:14px;line-height:1.65;color:#9e92ac;max-width:280px;margin-bottom:28px}.plan-link{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;background:transparent;border:0;border-top:1px solid #393040;color:#cfb6e6;font-size:13px;text-align:left;gap:10px}.plan-link span{font-size:20px}.offers-foot{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:22px}.offers-foot p{margin:0;font-size:14px;color:#b5a5c2}.offers-foot>span{font-size:10px;color:#6e607b;text-align:right}.vision{border-top:1px solid #26212d;padding-top:105px;padding-bottom:112px}.vision h2{max-width:1000px;font-size:clamp(35px,3.8vw,52px)}.vision-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:940px;margin:35px 0 22px}.vision-columns p{font-size:16px;line-height:1.75;color:#a196ac}.closing{text-align:center;padding:100px 24px 98px;border-top:1px solid #28202f;background:radial-gradient(ellipse at 50% 110%,#41205c45,transparent 60%),#0c0a0f}.closing .eyebrow{color:#a994bc;margin-bottom:22px}.closing h2{font-size:clamp(48px,6vw,80px);font-weight:460;line-height:1.05;margin-bottom:30px}.closing h2 span{color:#b093ca}.closing>p:last-child{font-size:13px;color:#8e7b9d;margin:20px 0 0}footer{max-width:1500px;margin:auto;padding:30px 42px;display:flex;align-items:center;gap:35px;border-top:1px solid #221b29}footer>span{font-size:12px;color:#81728d}.footer-note{margin-left:auto;color:#63576d}dialog{background:#151018;color:var(--text);border:1px solid #4a335b;border-radius:18px;padding:38px;max-width:480px;width:calc(100% - 36px);box-shadow:0 20px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog>img{margin-bottom:30px}dialog .eyebrow{margin:24px 0 16px;font-size:11px;color:var(--violet)}dialog h2{font-size:43px}dialog p{color:#b8aabd;line-height:1.7;font-size:16px}dialog .dialog-note{font-size:12px;color:#8f7c9a;margin:24px 0}.dialog-close{position:absolute;right:14px;top:10px;background:none;border:0;color:#b4a2c4;font-size:30px;padding:5px 10px}body.modal-open{overflow:hidden}#image-dialog{max-width:1500px;width:96vw;padding:0;max-height:95vh;overflow:auto}.image-dialog-header{position:sticky;top:0;z-index:1;background:#17121d;padding:17px 22px;display:flex;align-items:center;justify-content:space-between}.image-dialog-header h2{font-size:15px;letter-spacing:0;margin:0}.image-dialog-header .dialog-close{position:static;line-height:1;padding:0 4px}#image-dialog>img{margin:0;width:100%;height:auto}#image-dialog>p{padding:15px 20px;margin:0;font-size:11px}.hero-copy{animation:enter .7s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scene-progress{from{width:0}to{width:100%}}
@media(min-width:1600px){.site-header{max-width:1600px}.hero{padding-top:80px}.product-area{margin-top:65px}}
@media(max-width:1100px){.site-header{padding:0 25px;gap:20px}.site-header nav{gap:19px;font-size:12px}.header-cta{font-size:12px;gap:8px;padding:0 12px}.brand-mark{width:26px}.brand-word{width:100px}.hero{padding-top:58px}.connection-strip{margin-left:30px;margin-right:30px;gap:30px}.connection-items{gap:12px}.connection-items span{font-size:12px}.connection-items i{width:10px}.section-wrap{padding:90px 35px}.commerce-layout{gap:45px}.network-layout{gap:55px}.editorial-list article{gap:18px}.decision-crop{height:115px}.showcase-head{font-size:10px;padding:22px 20px}.plan{padding:28px 22px}.plan h3{font-size:27px}.offers-foot{align-items:flex-start}.product-area{padding:0 30px}footer{padding:28px 30px}}
@media(max-width:800px){.site-header{height:76px;position:relative}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:22px 25px;background:#111014;z-index:20;border-bottom:1px solid #38303f;flex-direction:column;align-items:flex-start;gap:22px;font-size:16px}.site-header nav.open{display:flex}.menu-toggle{display:flex;gap:12px;align-items:center;background:none;border:0;font-size:14px;margin-left:auto;color:#bcb4c7}.menu-toggle span{font-size:20px}.header-cta{display:none}.hero{padding-top:47px}h1{font-size:clamp(42px,7.8vw,62px)}.hero-description{font-size:16px;max-width:530px}.product-area{margin-top:40px;padding:0 20px}.scene-controls{max-width:570px}.scene{padding:12px 8px 15px;font-size:13px}.scene-number{margin-right:6px}.playback{margin-left:7px}.connection-strip{align-items:flex-start;gap:25px;margin-top:40px}.connection-items{flex-wrap:wrap;justify-content:flex-start;gap:13px 20px}.connection-items i{display:none}.section-wrap{padding:75px 25px}.commerce-layout{gap:35px;grid-template-columns:1fr 1fr}.editorial-list h3{font-size:17px}.editorial-list p{font-size:14px}.editorial-list article{gap:13px;padding-top:24px}.decision-showcase{min-height:360px}.decision-crop{height:95px;margin:23px 13px}.showcase-head>span:last-child{display:none}.showcase-bottom{padding:0 22px 28px}.showcase-bottom h3{font-size:21px}.showcase-bottom p{font-size:14px}.network-layout{grid-template-columns:1fr;gap:40px}.network-copy>p:not(.eyebrow){max-width:630px}.shared-view{max-width:530px;width:100%;margin:auto}.plans{grid-template-columns:1fr}.plan,.plan:first-child,.plan:last-child{padding:26px 0;border-right:0;border-bottom:1px solid #33293e;min-height:0}.plan-featured{background:none}.plan:last-child{border-bottom:0}.plan-index{margin-bottom:14px}.plan-desc{min-height:0;margin-bottom:17px}.plan-body{max-width:100%;margin-bottom:20px}.plan-link{font-size:14px}.offers-foot{flex-direction:column;gap:10px}.offers-foot>span{text-align:left}.vision-columns{gap:35px}.vision-columns p{font-size:15px}footer{gap:23px}footer>span:not(.footer-note){display:none}}
@media(max-width:550px){html{scroll-padding-top:35px}.site-header{padding:0 20px;height:71px}.site-header nav{top:71px}.hero{padding-top:39px}.hero-copy{padding:0 17px}.hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:22px}h1{font-size:clamp(35px,8.5vw,47px);line-height:1.08;letter-spacing:-.061em;margin-bottom:22px}.hero-description{font-size:15px;line-height:1.65;max-width:365px}.desktop-break{display:none}.hero-actions{flex-direction:column;align-items:center;gap:5px}.button{font-size:14px;min-height:47px;padding:0 20px}.button-quiet{min-height:40px}.product-area{margin-top:29px;padding:0 12px}.product-top{font-size:11px;padding:0 11px;height:34px}.product-top .top-divider{margin:0 2px}.product-top .muted{font-size:10px}.product-viewport{aspect-ratio:auto;height:390px}.product-canvas{width:800px;height:462.5px;left:50%;transform:translateX(-49%) scale(.84);transform-origin:top center}.product-viewport[data-scene="1"] .product-canvas{transform:translateX(-52.3%) translateY(-50px) scale(.88)}.product-viewport[data-scene="2"] .product-canvas{transform:translateX(-50.5%) translateY(-145px) scale(.93)}.product-viewport[data-scene="3"] .product-canvas{transform:translateX(-79%) translateY(-10px) scale(.85)}.scene-controls{gap:0;margin-top:15px}.scene{font-size:11px;padding:14px 4px 13px;text-align:center}.scene-number{display:block;font-size:10px;margin:0 0 6px}.playback{width:30px;height:30px;font-size:11px;margin-left:7px}.scene-caption{font-size:13px;max-width:335px;line-height:1.6;margin-top:17px;min-height:42px}.prototype-note{font-size:9px}.connection-strip{padding:21px 0;gap:20px;margin:34px 22px 0}.connection-strip>span{min-width:95px;font-size:11px}.connection-items{gap:8px 13px}.connection-items span{font-size:10px}.section-wrap{padding:65px 22px}.eyebrow{font-size:10px;letter-spacing:.1em}.section-heading .eyebrow,.network-copy .eyebrow,.offers .eyebrow,.vision .eyebrow{margin-bottom:19px}h2{font-size:37px;line-height:1.1;letter-spacing:-.05em}.section-heading>p:last-child,.network-copy>p:not(.eyebrow){font-size:15px;line-height:1.65}.section-heading>p:last-child br{display:none}.commerce-layout{grid-template-columns:1fr;gap:30px;margin-top:25px}.editorial-list article{padding-top:22px;gap:18px}.editorial-list h3{font-size:18px}.editorial-list p{font-size:14px}.decision-showcase{min-height:335px}.showcase-head>span:last-child{display:block;font-size:9px}.decision-crop{height:111px;margin:11px 16px 24px}.showcase-bottom{padding-left:24px}.showcase-bottom h3{font-size:22px}.showcase-bottom p{font-size:14px}.network-layout{gap:36px}.partner-row{gap:20px}.partner-row strong{font-size:15px}.partner-row div>span:last-child{font-size:10px}.shared-data{padding:24px 15px}.shared-data>div{font-size:10px;gap:5px}.shared-data p{font-size:18px}.offers-heading{display:block;margin-bottom:27px}.audience-switch{display:inline-flex;margin-top:27px}.audience-switch button{padding:10px 16px;font-size:12px}.plan h3{font-size:28px}.plan-index{font-size:9px}.plan-desc{font-size:14px}.plan-body,.plan ul{font-size:13px}.plan-link{font-size:13px}.offers-foot p{font-size:12px}.offers-foot>span{font-size:9px}.vision h2{font-size:34px}.vision-columns{grid-template-columns:1fr;gap:0;margin-top:25px;margin-bottom:18px}.vision-columns p{font-size:14px;line-height:1.8}.text-link{font-size:12px;gap:25px}.closing{padding:73px 20px}.closing h2{font-size:57px}.closing .eyebrow{font-size:9px}.closing>p:last-child{max-width:240px;line-height:1.6;margin:17px auto 0;font-size:11px}footer{padding:26px 22px;gap:15px}.footer-note{font-size:9px;text-align:right;max-width:98px;line-height:1.6}footer .brand-mark{width:23px}footer .brand-word{width:91px}dialog{padding:30px}dialog h2{font-size:37px}dialog p{font-size:14px}.image-dialog-header h2{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene.active .scene-progress{width:100%}}

/* Shared page language: dark canvas, white information, restrained colored actions. */
body[data-page=vision] .page-hero.vision-manifesto-hero { text-align: left; padding: 100px 30px 85px; }
body[data-page=vision] .page-hero.vision-manifesto-hero h1 { font-size: clamp(57px,7.2vw,100px); line-height: 1.01; letter-spacing: -.06em; max-width: 1100px; margin-bottom: 34px; }
body[data-page=vision] .page-hero.vision-manifesto-hero>p:not(.eyebrow) { margin-left: 0; max-width: 680px; font-size: 19px; line-height: 1.8; }
.vision-read { display: inline-flex; gap: 35px; align-items: center; font-size: 14px; color: #c3a7d5; padding: 14px 0 0; }
.vision-read span { font-size: 23px; }
.vision-chapter { padding-top: 105px; padding-bottom: 105px; }
.vision-chapter.commerce-future { border-top: 1px solid #34263c; }
.vision-chapter .manifesto-index { font-size: 12px; letter-spacing: .13em; margin-bottom: 35px; color: #a992b8; }
.vision-two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; margin-top: 36px; }
.vision-two-columns p:not(.lead-text) { font-size: 17px; line-height: 1.85; color: #aa9ab6; margin-bottom: 23px; }
.vision-two-columns .lead-text { font-size: 24px; line-height: 1.55; letter-spacing: -.02em; color: #ded3e6; }
.commerce-horizons { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 50px; border-top: 1px solid #46334f; }
.commerce-horizons article { padding: 28px 25px 20px; border-right: 1px solid #2f2238; }
.commerce-horizons article:first-child { padding-left: 0; }
.commerce-horizons article:last-child { border: 0; padding-right: 0; }
.commerce-horizons article>span { font-size: 12px; color: #8f739f; }
.commerce-horizons h3 { font-size: 33px; font-weight: 450; letter-spacing: -.045em; margin: 25px 0 18px; }
.commerce-horizons p { font-size: 16px; line-height: 1.8; color: #a895b6; margin-bottom: 0; }
.vision-emphasis { font-size: 23px; line-height: 1.5; letter-spacing: -.03em; color: #c4acD6; margin: 50px 0 0; max-width: 700px; }
.vision-common-ground { margin-top: 43px; border-top: 1px solid #4c3757; border-bottom: 1px solid #4c3757; }
.vision-actors { display: flex; justify-content: space-between; gap: 20px; padding: 25px 0; font-size: 16px; color: #bba5ca; }
.vision-shared-line { display: flex; align-items: center; gap: 26px; padding: 30px 0; border-top: 1px solid #33243d; }
.vision-shared-line>div { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 35px; row-gap: 12px; }
.vision-shared-line strong { font-size: 27px; font-weight: 450; letter-spacing: -.03em; color: #e4d3ef; }
.vision-shared-line span { font-size: 16px; color: #a38caf; line-height: 1.65; }
.truth-foundation .text-link { margin-top: 20px; }
.vision-agent-statement { background: linear-gradient(125deg,#20102d,#100b15 70%); border-top: 1px solid #3f2850; border-bottom: 1px solid #3f2850; }
.vision-agent-statement h2 { font-size: clamp(47px,6.15vw,85px); line-height: 1.07; letter-spacing: -.055em; max-width: 1100px; }
.vision-agent-statement h2>span { color: #c5a2e1; }
.vision-agent-statement .vision-two-columns { margin-top: 52px; }
.vision-two-columns p.vision-horizon-note { font-size: 14px; color: #897294; padding-top: 17px; border-top: 1px solid #3e2948; }
.vision-grounded h2 { max-width: 1050px; }
.vision-closing .hero-actions { margin-top: 35px; }
@media(max-width:900px) {
  body[data-page=vision] .page-hero.vision-manifesto-hero { padding: 70px 30px; }
  body[data-page=vision] .page-hero.vision-manifesto-hero h1 { font-size: 70px; }
  .vision-two-columns { gap: 42px; }
  .vision-two-columns .lead-text { font-size: 21px; }
  .vision-actors { flex-wrap: wrap; justify-content: flex-start; gap: 17px 40px; }
  .commerce-horizons h3 { font-size: 28px; }
}
@media(max-width:600px) {
  body[data-page=vision] .page-hero.vision-manifesto-hero { padding: 52px 22px; }
  body[data-page=vision] .page-hero.vision-manifesto-hero h1 { font-size: clamp(40px,10.2vw,57px); line-height: 1.07; letter-spacing: -.055em; margin-bottom: 28px; }
  body[data-page=vision] .page-hero.vision-manifesto-hero>p:not(.eyebrow) { font-size: 17px; line-height: 1.8; }
  .vision-read { font-size: 13px; line-height: 1.6; gap: 20px; }
  .vision-two-columns { grid-template-columns: 1fr; gap: 5px; margin-top: 25px; }
  .vision-two-columns .lead-text { font-size: 22px; }
  .vision-two-columns p:not(.lead-text) { font-size: 16px; line-height: 1.8; }
  .commerce-horizons { grid-template-columns: 1fr; margin-top: 30px; }
  .commerce-horizons article,.commerce-horizons article:first-child,.commerce-horizons article:last-child { padding: 25px 0; border-right: 0; border-bottom: 1px solid #34223f; }
  .commerce-horizons article:last-child { border-bottom: 0; }
  .commerce-horizons h3 { font-size: 31px; margin-top: 16px; }
  .vision-emphasis { margin-top: 27px; font-size: 24px; }
  .vision-actors { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; font-size: 14px; line-height: 1.65; }
  .vision-shared-line { align-items: flex-start; gap: 18px; }
  .vision-shared-line img { flex-shrink: 0; width: 26px; height: 27px; margin-top: 3px; }
  .vision-shared-line strong { font-size: 23px; }
  .vision-shared-line span { font-size: 15px; }
  .vision-agent-statement h2 { font-size: clamp(35px,8.9vw,51px); line-height: 1.13; }
  .vision-agent-statement .vision-two-columns { margin-top: 35px; }
  .vision-two-columns p.vision-horizon-note { font-size: 14px; }
}
.visible-paths { display: none; }
.commerce-subnav { display: flex; justify-content: center; gap: 34px; padding: 18px 25px; border-bottom: 1px solid #2d2534; background: #110e15; font-size: 14px; color: #9f90ae; }
.commerce-subnav a[aria-current] { color: #dfc2f4; }
.commerce-subnav a:hover { color: #fff; }
.product-paths { padding-bottom: 70px; }
.path-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 23px; margin-top: 42px; }
.path-card { padding: 32px; border-radius: 15px; border: 1px solid #51334f; background: linear-gradient(145deg,#231424,#100e14); transition: border-color .2s,transform .2s; }
.path-card:hover { transform: translateY(-3px); border-color: #b182c9; }
.path-commerce { background: linear-gradient(145deg,#291916,#151013 65%); border-color: #583b34; }
.path-audience { color: #b593b7; font-size: 12px; letter-spacing: .07em; display: block; margin-bottom: 26px; }
.path-commerce .path-audience { color: #c29b80; }
.path-card h3 { font-size: 40px; font-weight: 450; letter-spacing: -.05em; display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.path-card h3 span { font-size: 28px; color: #bc94d3; }
.path-commerce h3 span { color: #d9a072; }
.path-card p { font-size: 17px; line-height: 1.7; color: #b6a0bd; max-width: 440px; }
.path-card>div { border-top: 1px solid #4f344755; padding-top: 21px; margin-top: 30px; display: flex; gap: 30px; color: #bba4c2; font-size: 14px; }
.commerce-pillars { padding-top: 45px; border-bottom: 1px solid #302330; }
.commerce-pillars .usecase-tabs button { font-size: 23px; font-weight: 450; padding: 22px 5px; letter-spacing: -.035em; }
.commerce-pillars .usecase-tabs button span { display: block; font-size: 14px; letter-spacing: 0; font-weight: 400; color: #95809f; margin-top: 10px; }
.pillar-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; padding-top: 42px; align-items: center; min-height: 355px; }
.pillar-panel h3 { font-size: 39px; line-height: 1.15; letter-spacing: -.04em; font-weight: 450; }
.pillar-panel h3>span { color: #a58ab6; }
.pillar-panel>div>p:not(.eyebrow) { font-size: 17px; line-height: 1.75; color: #a997b6; }
.pillar-outline { border: 1px solid #462e50; border-radius: 12px; padding: 5px 26px; background: #130e19; }
.pillar-outline>div { display: flex; flex-direction: column; padding: 24px 0; gap: 10px; border-bottom: 1px solid #35213e; }
.pillar-outline strong { color: #dfc6ec; font-size: 18px; font-weight: 450; }
.pillar-outline span { color: #a88bb9; font-size: 14px; }
.pillar-outline>a { display: flex; justify-content: space-between; padding: 24px 0; color: #bc8add; font-size: 14px; gap: 15px; }
.home-integrations { display: grid; grid-template-columns: 1.2fr .8fr; gap: 85px; border-bottom: 1px solid #302337; }
.home-integrations>div>p:not(.eyebrow) { font-size: 17px; line-height: 1.8; color: #ac91bd; }
.integration-shortcuts { display: flex; flex-direction: column; justify-content: center; }
.integration-shortcuts>a { display: flex; flex-direction: column; padding: 25px 0; gap: 12px; border-top: 1px solid #3e294c; }
.integration-shortcuts span { font-size: 12px; color: #ab80bf; text-transform: uppercase; letter-spacing: .08em; }
.integration-shortcuts strong { font-size: 24px; font-weight: 450; letter-spacing: -.025em; color: #cfb2e1; }
.growth-path { display: grid; grid-template-columns: repeat(3,1fr); margin: 65px auto 0; max-width: 1050px; border-top: 1px solid #49323f; border-bottom: 1px solid #49323f; text-align: left; }
.growth-path>div { padding: 30px; border-right: 1px solid #33252e; }
.growth-path>div:last-child { border: 0; }
.growth-path span { color: #b89486; font-size: 12px; letter-spacing: .09em; display: block; margin-bottom: 22px; }
.growth-path strong { font-size: 29px; letter-spacing: -.035em; font-weight: 450; }
.growth-path p { font-size: 14px; color: #aa8b9c; line-height: 1.7; margin: 15px 0 0; }
.growth-stories { margin-top: 55px; }
.growth-stories article { display: grid; grid-template-columns: 1fr 1fr; column-gap: 70px; border-top: 1px solid #3b2639; padding: 35px 0; }
.growth-stories .item-number { grid-column: 1/-1; margin-bottom: 20px; color: #bc91a6; }
.growth-stories h3 { font-size: 30px; line-height: 1.2; letter-spacing: -.035em; font-weight: 450; margin-bottom: 0; }
.growth-stories p { font-size: 17px; color: #ac92b4; line-height: 1.8; }
.growth-stories a { grid-column: 2; color: #c394d8; font-size: 14px; margin-top: 12px; }
.integration-destinations { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 42px; }
.integration-destinations>a { position: relative; border-top: 1px solid #503056; padding: 25px 28px 25px 0; display: flex; flex-direction: column; gap: 14px; }
.integration-destinations strong { font-size: 22px; font-weight: 450; letter-spacing: -.03em; color: #ddc3ed; }
.integration-destinations span { color: #a98bb8; font-size: 15px; line-height: 1.5; }
.integration-destinations span[aria-hidden] { position: absolute; right: 0; top: 23px; font-size: 22px; color: #ca94ed; }
.fulfillment-chain { display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 65px; padding: 30px 15px; border-top: 1px solid #42313e; border-bottom: 1px solid #42313e; }
.fulfillment-chain>span { color: #e1bbc9; font-size: 19px; letter-spacing: -.02em; }
.fulfillment-chain i { font-style: normal; color: #926975; }
.operation-rows { margin-top: 45px; }
.operation-rows article { display: grid; grid-template-columns: 45px .9fr 1.1fr; gap: 26px; padding: 28px 0; border-top: 1px solid #402a3b; align-items: baseline; }
.operation-rows article>span { font-size: 13px; color: #ba929e; }
.operation-rows h3 { font-size: 25px; font-weight: 450; letter-spacing: -.035em; margin: 0; }
.operation-rows p { font-size: 17px; color: #aa909f; line-height: 1.75; margin: 0; }
.commerce-entry-links { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; padding-top: 35px; padding-bottom: 65px; }
.commerce-entry-links>a { border-top: 1px solid #4a2f40; padding-top: 27px; }
.commerce-entry-links>a>span { color: #b58b9d; font-size: 12px; letter-spacing: .08em; }
.commerce-entry-links h2 { font-size: 39px; margin: 22px 0 15px; display: flex; justify-content: space-between; }
.commerce-entry-links h2 span { color: #b790bd; }
.commerce-entry-links p { font-size: 16px; line-height: 1.7; color: #ad8dac; }
@media(max-width:900px) {
  .visible-paths { display: flex; justify-content: center; gap: 36px; border-bottom: 1px solid #35263c; padding: 17px 20px; background: #151018; font-size: 15px; color: #cbb4d8; }
  .visible-paths a[aria-current] { color: #fff; text-decoration: underline; text-decoration-color: #b68ad6; text-underline-offset: 7px; }
  .path-card { padding: 27px; }
  .pillar-panel { gap: 40px; }
  .pillar-panel h3 { font-size: 32px; }
  .home-integrations { gap: 40px; }
  .growth-path>div { padding: 25px 18px; }
  .growth-path strong { font-size: 24px; }
  .growth-stories article { column-gap: 35px; }
  .fulfillment-chain { gap: 13px; }
  .fulfillment-chain>span { font-size: 16px; }
  .operation-rows article { grid-template-columns: 30px .9fr 1.1fr; gap: 18px; }
  .operation-rows h3 { font-size: 21px; }
  .integration-destinations { gap: 18px; }
  .integration-destinations strong { font-size: 19px; }
}
@media(max-width:600px) {
  .visible-paths { padding: 16px 17px; gap: 30px; font-size: 14px; }
  .commerce-subnav { justify-content: flex-start; flex-wrap: wrap; gap: 15px 21px; font-size: 13px; padding: 17px 22px; }
  .path-cards { grid-template-columns: 1fr; gap: 17px; margin-top: 30px; }
  .path-card { padding: 27px; }
  .path-card h3 { font-size: 36px; }
  .path-card p { font-size: 16px; }
  .path-audience { font-size: 12px; line-height: 1.7; }
  .path-card>div { gap: 20px; font-size: 13px; }
  .commerce-pillars { padding-top: 10px; }
  .commerce-pillars .usecase-tabs { flex-direction: row; }
  .commerce-pillars .usecase-tabs button { font-size: 22px; padding: 20px 10px; }
  .commerce-pillars .usecase-tabs button span { font-size: 12px; line-height: 1.5; }
  .pillar-panel { grid-template-columns: 1fr; gap: 28px; padding-top: 30px; }
  .pillar-panel h3 { font-size: 33px; }
  .pillar-panel>div>p:not(.eyebrow) { font-size: 16px; }
  .pillar-outline { padding: 2px 22px; }
  .pillar-outline strong { font-size: 18px; }
  .home-integrations { grid-template-columns: 1fr; gap: 33px; }
  .home-integrations>div>p:not(.eyebrow) { font-size: 16px; }
  .growth-path { grid-template-columns: 1fr; margin-top: 38px; }
  .growth-path>div { padding: 27px 5px; border-right: 0; border-bottom: 1px solid #35252e; }
  .growth-path span { margin-bottom: 12px; }
  .growth-path strong { font-size: 28px; }
  .growth-path p { font-size: 15px; }
  .growth-stories article { grid-template-columns: 1fr; }
  .growth-stories h3 { margin-bottom: 20px; font-size: 28px; }
  .growth-stories p { font-size: 16px; }
  .growth-stories a { grid-column: auto; }
  .integration-destinations { grid-template-columns: 1fr; gap: 0; margin-top: 30px; }
  .integration-destinations strong { font-size: 23px; }
  .fulfillment-chain { gap: 12px; padding: 24px 0; flex-wrap: wrap; margin-top: 38px; }
  .fulfillment-chain>span { font-size: 16px; }
  .operation-rows article { grid-template-columns: 25px 1fr; gap: 15px; }
  .operation-rows h3 { font-size: 23px; }
  .operation-rows p { grid-column: 2; font-size: 16px; }
  .commerce-entry-links { grid-template-columns: 1fr; gap: 20px; }
  .commerce-entry-links h2 { font-size: 37px; }
}
[hidden] { display: none !important; }
.site-header { position: relative; z-index: 30; }
.site-header nav { gap: 27px; }
.site-header nav a[aria-current], .audience-menu .current { color: #fff; }
.site-header nav a[aria-current] { text-decoration: underline; text-underline-offset: 7px; text-decoration-color: #b18aff; }
.audience-menu { position: relative; }
.audience-menu summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; }
.audience-menu summary::-webkit-details-marker { display: none; }
.audience-menu summary:focus-visible, summary:focus-visible { outline: 2px solid var(--violet); outline-offset: 6px; }
.audience-dropdown { position: absolute; width: 290px; top: calc(100% + 22px); left: -24px; padding: 8px; border: 1px solid #37313f; border-radius: 12px; background: #17131d; box-shadow: 0 15px 50px #0008; }
.audience-dropdown a { display: flex; flex-direction: column; padding: 16px; border-radius: 7px; gap: 7px; }
.audience-dropdown a:hover { background: #ffffff06; }
.audience-dropdown strong { font-weight: 500; color: #e6ddef; }
.audience-dropdown span { font-size: 13px; color: #9c8daa; }
.hero .eyebrow { font-size: 13px; }
.prototype-note, .plan-index, .offers-foot>span, .form-prototype, .connector-kind, .manifesto-index, .case-label { font-size: 12px; }
.hero-description { font-size: 18px; }
.scene-number { font-size: 12px; }
.showcase-head { font-size: 12px; }
.section-note { color: #8f849b; font-size: 14px; line-height: 1.7; margin: 30px 0 0; max-width: 860px; }
.page-hero { max-width: 1280px; margin: auto; padding: 85px 30px 70px; }
.page-hero h1 { font-size: clamp(49px, 5.4vw, 76px); line-height: 1.06; margin-bottom: 30px; }
.page-hero .eyebrow { color: var(--violet); font-size: 12px; }
.page-hero>p:not(.eyebrow), .split-hero>div>p:not(.eyebrow) { color: #aaa1b5; font-size: 18px; line-height: 1.7; max-width: 740px; margin-bottom: 28px; }
.page-hero>h1>span, .split-hero h1 span { color: #a49aaF; }
.page-hero:not(.split-hero) { text-align: center; }
.page-hero:not(.split-hero)>p { margin-left: auto; margin-right: auto; }
.split-hero { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 65px; padding-top: 94px; padding-bottom: 96px; }
.split-hero h1 { font-size: clamp(43px, 4.6vw, 64px); }
.split-hero .hero-actions { justify-content: flex-start; gap: 3px; flex-wrap: wrap; }
.feature-band { background: #111014; border-top: 1px solid #29232f; border-bottom: 1px solid #29232f; }
.lead-text { font-size: 21px; line-height: 1.65; color: #d6cbdF; max-width: 820px; }
.ai-story, .proof-section, .wms-story, .offer-principles { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.ai-story>div>p:not(.eyebrow), .proof-section>div>p:not(.eyebrow), .wms-story>div>p:not(.eyebrow) { color: #a99bb5; line-height: 1.75; font-size: 17px; }
.ai-story .lead-text, .proof-section .lead-text, .wms-story .lead-text { color: #ddd1e7 !important; font-size: 21px !important; }
.numbered-features { display: grid; grid-template-columns: repeat(3,1fr); gap: 50px; margin-top: 55px; }
.numbered-features article { border-top: 1px solid #382e42; padding-top: 25px; }
.numbered-features article>span { color: var(--violet); font-size: 13px; display: block; margin-bottom: 30px; }
.numbered-features h3 { font-size: 22px; font-weight: 450; letter-spacing: -.03em; }
.numbered-features p { color: #a497b0; font-size: 16px; line-height: 1.75; }
.flow-line { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 50px; gap: 0; }
.flow-line>div { border-top: 1px solid #594361; padding: 25px 26px 10px 0; position: relative; }
.flow-line>div:not(:first-child) { padding-left: 25px; }
.flow-line>div:before { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #b18aff; background: #16101d; left: 0; top: -4px; }
.flow-line span { color: #b495ce; font-size: 13px; }
.flow-line h3 { font-size: 23px; letter-spacing: -.025em; font-weight: 450; margin: 26px 0 14px; }
.flow-line p { font-size: 16px; line-height: 1.7; color: #a99ab5; }
.flow-line.three { grid-template-columns: repeat(3,1fr); }
.future-section { border-top: 1px solid #282130; }
.future-section p:not(.eyebrow) { max-width: 820px; color: #b0a2bd; font-size: 18px; line-height: 1.8; }
.future-section .text-link { margin-top: 20px; }
.commerce-map { border: 1px solid #3b2c46; background: linear-gradient(150deg,#211629,#101014); border-radius: 18px; padding: 37px 30px; text-align: center; }
.map-top { display: flex; justify-content: center; gap: 50px; }
.map-top>span { padding: 14px 25px; border: 1px solid #493655; border-radius: 8px; color: #d4b5ec; font-size: 17px; }
.map-stem { height: 41px; width: 1px; background: #644a79; margin: auto; }
.map-center { display: flex; flex-direction: column; align-items: center; gap: 12px; border-top: 1px solid #44334f; border-bottom: 1px solid #44334f; padding: 28px 0; }
.map-center strong { font-size: 28px; font-weight: 500; letter-spacing: -.03em; }
.map-center>span { color: #a993b9; font-size: 14px; }
.map-base { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; color: #b1a0bd; padding-top: 25px; }
.map-caption { font-size: 15px; line-height: 1.65; color: #b6a4c3; margin-top: 32px; }
.use-cases { border-top: 1px solid #2a2230; }
.usecase-tabs { display: flex; gap: 10px; border-bottom: 1px solid #382b41; margin-top: 40px; }
.usecase-tabs button { flex: 1; background: none; border: 0; color: #9f8dae; font-size: 15px; padding: 20px 12px; border-bottom: 2px solid transparent; text-align: left; }
.usecase-tabs button[aria-selected=true] { color: #ecdcfa; border-color: #bd8aed; }
.case-panel { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 100px; padding: 45px 0 0; min-height: 325px; }
.case-label { display: block; color: #aa89c1; margin-bottom: 20px; letter-spacing: .1em; }
.case-panel h3 { font-size: 34px; letter-spacing: -.04em; line-height: 1.17; font-weight: 450; margin-bottom: 20px; }
.case-panel p { color: #a89bb4; font-size: 17px; line-height: 1.7; margin-bottom: 0; }
.case-panel ul, .network-compare ul { padding: 0; margin: 0; list-style: none; }
.case-panel li { font-size: 16px; padding: 19px 0; border-bottom: 1px solid #33263d; color: #c9b3dc; line-height: 1.6; }
.cost-stack { border: 1px solid #3c2e45; border-radius: 15px; overflow: hidden; }
.cost-stack>div { display: flex; justify-content: space-between; gap: 22px; padding: 23px; font-size: 14px; color: #a799b2; border-bottom: 1px solid #312739; }
.cost-stack>div:first-child { background: #201729; }
.cost-stack strong { font-weight: 450; color: #d9c5e9; }
.cost-stack>div>span+span { font-size: 12px; color: #80708f; }
.cost-stack .cost-result { flex-direction: column; background: linear-gradient(110deg,#342047,#1e1624); border: 0; padding-top: 29px; padding-bottom: 29px; }
.cost-result strong { font-size: 23px; letter-spacing: -.035em; }
.story-links { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 42px; }
.story-links>a { display: flex; flex-direction: column; gap: 18px; border-top: 1px solid #382b42; padding: 25px 0; }
.story-links>a>span { font-size: 14px; color: #9c89ac; }
.story-links strong { font-size: 23px; font-weight: 450; letter-spacing: -.03em; display: flex; justify-content: space-between; }
.story-links strong span { color: #bd91e5; }
.faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; border-top: 1px solid #2b2233; }
.faq-section h2 { font-size: 42px; }
.faq-list details { border-top: 1px solid #3a2c44; padding: 22px 0; }
.faq-list details:last-child { border-bottom: 1px solid #3a2c44; }
.faq-list summary { font-size: 17px; font-weight: 450; line-height: 1.6; list-style: none; cursor: pointer; padding-right: 30px; position: relative; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary:after { content: '+'; position: absolute; right: 0; top: -1px; color: #a485bc; font-size: 25px; }
.faq-list details[open] summary:after { content: '−'; }
.faq-list p { color: #a897b7; font-size: 16px; line-height: 1.8; margin: 18px 0 0; }
.faq-list a { display: inline-block; color: #c9a6e7; font-size: 14px; margin-top: 16px; }
.network-hero { padding-bottom: 0; }
.relationship-diagram { display: grid; grid-template-columns: 1fr 1.3fr 1fr; margin-top: 70px; padding: 35px 25px; border: 1px solid #493547; background: linear-gradient(110deg,#23142d,#171118 55%,#291b15); border-radius: 16px; align-items: center; gap: 20px; }
.relationship-side .eyebrow { color: #c299d7; margin-bottom: 20px; font-size: 12px; }
.relationship-side h3 { font-size: 25px; line-height: 1.25; letter-spacing: -.035em; font-weight: 450; margin-bottom: 18px; }
.relationship-side p { font-size: 12px; color: #9f879f; margin: 0; }
.relationship-center { display: flex; flex-direction: column; align-items: center; padding: 30px 20px; gap: 17px; border-left: 1px solid #5a355555; border-right: 1px solid #71473355; }
.relationship-center strong { font-weight: 450; font-size: 19px; }
.relationship-center span { font-size: 13px; color: #ad94ae; line-height: 1.6; }
.network-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-top: 45px; }
.network-compare article { border-top: 1px solid #594050; padding-top: 26px; }
.network-compare article>.eyebrow { color: #bf93c0; font-size: 12px; }
.network-compare h3 { font-size: 32px; line-height: 1.17; letter-spacing: -.04em; font-weight: 450; }
.network-compare p { color: #a999b6; font-size: 17px; line-height: 1.7; }
.network-compare li { padding: 12px 0; color: #c5b0d2; font-size: 15px; border-bottom: 1px solid #2c2232; }
.system-layers { text-align: center; }
.system-layers>div { border: 1px solid #553651; padding: 28px 24px; border-radius: 13px; background: #211520; }
.system-layers>div:last-child { background: #171419; border-color: #3c303e; }
.system-layers>div>span { font-size: 13px; color: #bd92af; display: block; margin-bottom: 16px; }
.system-layers strong { display: block; font-size: 27px; font-weight: 450; letter-spacing: -.035em; }
.system-layers p { font-size: 13px; color: #ac8fa6; margin: 18px 0 0; }
.layer-join { display: block; margin: 14px 0; font-size: 25px; color: #96728d; }
.expansion-story .text-link { margin-top: 28px; }
.integration-ribbon { display: flex; justify-content: center; align-items: center; gap: 35px; margin: 55px auto 0; padding: 30px; border-top: 1px solid #332939; border-bottom: 1px solid #332939; max-width: 850px; }
.integration-ribbon>span { font-size: 15px; color: #bda8cc; }
.integration-ribbon>span[aria-hidden] { font-size: 22px; color: #765a8c; }
.directory-heading { display: grid; grid-template-columns: 1fr .7fr; align-items: end; gap: 85px; }
.directory-heading h2 { margin-bottom: 0; }
.directory-heading>p { font-size: 16px; line-height: 1.75; color: #a38db3; margin-bottom: 0; }
.filter-group { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 37px; }
.filter-group button { border: 1px solid #36263f; background: #17101d; padding: 12px 18px; border-radius: 7px; font-size: 14px; color: #ae91c3; }
.filter-group button.selected { color: #ead7f7; background: #35243f; border-color: #765285; }
.filter-count { font-size: 13px; color: #8c759d; margin: 20px 0; }
.connector-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.connector-grid article { padding: 28px; border: 1px solid #34233e; background: #120d17; border-radius: 12px; display: flex; flex-direction: column; }
.connector-kind { display: block; letter-spacing: .08em; color: #9b70b3; margin-bottom: 27px; }
.connector-grid h3 { font-size: 24px; font-weight: 450; letter-spacing: -.04em; }
.connector-grid p { color: #a88db9; font-size: 16px; line-height: 1.7; }
.connector-grid details { margin-top: auto; margin-bottom: 25px; }
.connector-grid summary { cursor: pointer; font-size: 14px; color: #c6a5dc; line-height: 1.6; }
.connector-grid details p { font-size: 14px; margin-top: 14px; }
.connector-grid a { font-size: 14px; color: #d4aef1; padding-top: 17px; border-top: 1px solid #34233e; }
.offers-hero { padding-bottom: 0; }
body[data-page=offres] .offers { padding-top: 60px; }
body[data-page=offres] .offers-heading>div:first-child { display: none; }
body[data-page=offres] .offers-heading { justify-content: center; }
body[data-page=offres] .plan h3 { font-size: 34px; }
body[data-page=offres] .plan { min-height: 385px; }
.manifesto { border-top: 1px solid #312138; }
.manifesto-index { display: block; letter-spacing: .1em; color: #a581b8; margin-bottom: 35px; }
.manifesto h2 { font-size: clamp(42px,5.2vw,72px); max-width: 900px; }
.manifesto-text { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; max-width: 1000px; margin-top: 40px; }
.manifesto-text p { font-size: 18px; line-height: 1.75; color: #ad96ba; }
.neutrality { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start; }
.neutrality>div>p:not(.lead-text) { font-size: 17px; line-height: 1.75; color: #a98eb7; }
.principle-line { border-top: 1px solid #3e2948; padding: 22px 0; }
.principle-line strong { display: block; font-weight: 450; font-size: 18px; margin-bottom: 9px; }
.principle-line span { font-size: 15px; color: #af91be; line-height: 1.65; display: block; }
.belief-row { display: grid; grid-template-columns: 90px 1fr; gap: 35px; align-items: center; border-top: 1px solid #36263f; padding: 30px 0; max-width: 870px; }
.belief-row:first-of-type { margin-top: 40px; }
.color-sample { height: 76px; width: 76px; border-radius: 14px; border: 1px solid #695378; }
.black-sample { background: #08080b; }
.white-sample { background: #eeebf3; border-color: #e9e0f2; }
.intelligence-sample { background: linear-gradient(120deg,#9c44e6,#c851ab 56%,#ffb345); border-color: #b961b6; }
.belief-row h3 { font-size: 24px; font-weight: 450; letter-spacing: -.03em; margin-bottom: 12px; }
.belief-row p { font-size: 17px; color: #ac92bb; line-height: 1.7; margin: 0; }
.team-story { border-top: 1px solid #34203d; }
.team-rows { margin-top: 50px; }
.team-rows>div { display: grid; grid-template-columns: .55fr .8fr 1.1fr; gap: 35px; border-top: 1px solid #3b2944; align-items: baseline; padding: 25px 0; }
.team-rows strong { font-size: 25px; font-weight: 450; letter-spacing: -.03em; }
.team-rows span { font-size: 15px; color: #c6a4d9; }
.team-rows p { color: #a68bb5; font-size: 16px; line-height: 1.7; margin: 0; }
.demo-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 95px; padding-top: 80px; align-items: start; }
.demo-intro { padding-top: 27px; }
.demo-intro h1 { font-size: clamp(54px,5.5vw,76px); }
.demo-intro .eyebrow { color: var(--violet); font-size: 12px; }
.demo-agenda { margin-top: 45px; }
.demo-agenda>div { display: flex; gap: 24px; padding: 21px 0; border-top: 1px solid #3b2545; }
.demo-agenda span { font-size: 13px; color: #a970c6; padding-top: 5px; }
.demo-agenda p { font-size: 17px; line-height: 1.65; color: #b59bc4; margin: 0; }
.demo-reminder { display: flex; align-items: center; gap: 16px; margin-top: 40px; color: #9f7caf; line-height: 1.6; font-size: 14px; }
.demo-form-card { background: linear-gradient(140deg,#1c1223,#100b14); border: 1px solid #4b2c5c; border-radius: 17px; padding: 35px; }
.demo-form-card h2 { font-size: 28px; letter-spacing: -.04em; margin-bottom: 15px; }
.form-description { font-size: 15px; color: #ac8cbd; line-height: 1.7; margin-bottom: 27px; }
.demo-form-card label { display: block; font-size: 14px; color: #ceb0dd; margin-bottom: 21px; }
.demo-form-card input:not([type=radio]), .demo-form-card select, .demo-form-card textarea { width: 100%; display: block; background: #0e0912; border: 1px solid #483052; border-radius: 7px; min-height: 47px; padding: 12px 13px; color: #efe2f7; font: inherit; font-size: 16px; margin-top: 9px; }
.demo-form-card textarea { resize: vertical; }
.demo-form-card .demo-form { display: block; width: 100%; min-height: 560px; border: 0; margin-top: 8px; }
.demo-form-card input::placeholder, .demo-form-card textarea::placeholder { color: #725c80; }
.demo-form-card input:focus, .demo-form-card textarea:focus, .demo-form-card select:focus { outline: 2px solid #ab6dd4; outline-offset: 2px; }
.form-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.role-choice { padding: 0; border: 0; margin: 0 0 24px; display: flex; gap: 13px; }
.role-choice legend { font-size: 14px; color: #ccb0da; margin-bottom: 12px; }
.role-choice label { margin: 0; padding: 12px 9px; display: flex; align-items: center; gap: 6px; border: 1px solid #4c3458; border-radius: 7px; cursor: pointer; font-size: 12px; flex: 1; }
.role-choice label:has(input:checked) { background: #3b224c; border-color: #b47cdc; }
.role-choice input { accent-color: #c88aff; margin: 0; }
.optional { font-size: 12px; color: #9579a5; }
.form-submit { width: 100%; margin-top: 3px; }
.form-prototype { color: #9677a7; line-height: 1.7; margin: 20px 0 0; }
#demo-summary dl { margin: 30px 0; }
#demo-summary dt { font-size: 12px; color: #a078b7; margin-top: 19px; }
#demo-summary dd { font-size: 16px; color: #e5ccee; margin: 7px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
#demo-summary .button { margin-top: 28px; }
.full-footer { display: block; padding: 60px 42px 25px; }
.footer-top { display: flex; justify-content: space-between; gap: 60px; padding-bottom: 45px; }
.footer-brand p { font-size: 14px; line-height: 1.7; color: #9f87ac; margin: 22px 0 0; }
.footer-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 60px; }
.footer-links>div { display: flex; flex-direction: column; gap: 15px; }
.footer-links strong { color: #d2b9df; font-size: 13px; font-weight: 500; margin-bottom: 6px; }
.footer-links a { font-size: 14px; color: #9883a4; }
.footer-links a:hover { color: #e6cdf6; }
.footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid #2d1d34; padding-top: 24px; gap: 20px; color: #816b8e; font-size: 12px; }
.not-found { padding-top: 130px; padding-bottom: 150px; }
.home-section-link { margin-top: 25px; }
@media(max-width:1100px) {
  .site-header nav { gap: 22px; }
  .split-hero { gap: 40px; }
  .ai-story,.proof-section,.wms-story,.offer-principles,.neutrality { gap: 50px; }
  .numbered-features { gap: 30px; }
  .case-panel { gap: 50px; }
  .faq-section { gap: 50px; }
  .demo-layout { gap: 50px; }
  .demo-form-card { padding: 27px; }
  .footer-links { gap: 35px; }
  .directory-heading { gap: 40px; }
  .connector-grid article { padding: 23px; }
}
@media(max-width:800px) {
  .audience-menu { width: 100%; }
  .audience-menu summary { justify-content: space-between; }
  .audience-dropdown { position: static; width: 100%; margin-top: 17px; border-radius: 8px; box-shadow: none; }
  .site-header nav { gap: 22px; }
  .page-hero { padding: 60px 25px; }
  .page-hero h1 { font-size: 54px; }
  .split-hero { grid-template-columns: 1fr; gap: 50px; }
  .split-hero .commerce-map { max-width: 470px; width: 100%; margin: auto; }
  .numbered-features { grid-template-columns: 1fr; gap: 10px; }
  .numbered-features article { display: grid; grid-template-columns: 35px .7fr 1fr; gap: 20px; padding-top: 25px; }
  .numbered-features article>span { padding-top: 5px; }
  .numbered-features h3 { font-size: 21px; line-height: 1.4; }
  .numbered-features p { font-size: 15px; }
  .ai-story,.proof-section,.wms-story,.offer-principles { grid-template-columns: 1fr; gap: 35px; }
  .ai-story .decision-showcase { max-width: 520px; width: 100%; margin: auto; }
  .flow-line { grid-template-columns: 1fr 1fr; row-gap: 25px; }
  .flow-line>div:nth-child(3) { padding-left: 0; }
  .flow-line.three { grid-template-columns: 1fr; }
  .flow-line.three>div { padding-left: 0; }
  .flow-line h3 { margin-top: 17px; }
  .flow-line p { max-width: 550px; }
  .case-panel { gap: 35px; }
  .case-panel h3 { font-size: 30px; }
  .case-panel p { font-size: 16px; }
  .case-panel li { font-size: 15px; }
  .usecase-tabs button { font-size: 13px; line-height: 1.6; }
  .story-links { gap: 30px; }
  .story-links strong { font-size: 19px; }
  .faq-section { grid-template-columns: 1fr; gap: 25px; }
  .faq-section h2 { font-size: 39px; }
  .relationship-diagram { gap: 10px; padding: 25px 15px; }
  .relationship-side h3 { font-size: 20px; }
  .relationship-side p { font-size: 12px; line-height: 1.7; }
  .relationship-center { padding: 22px 10px; }
  .relationship-center strong { font-size: 17px; }
  .network-compare { gap: 40px; }
  .network-compare p { font-size: 16px; }
  .directory-heading { grid-template-columns: 1fr; gap: 15px; }
  .connector-grid { grid-template-columns: 1fr 1fr; }
  .connector-grid h3 { font-size: 23px; }
  .connector-grid p { font-size: 15px; }
  body[data-page=offres] .offers { padding-top: 5px; }
  body[data-page=offres] .plan { min-height: 0; }
  .neutrality { grid-template-columns: 1fr; gap: 20px; }
  .manifesto-text { gap: 35px; }
  .manifesto-text p { font-size: 17px; }
  .team-rows>div { grid-template-columns: .5fr 1fr; gap: 15px 30px; }
  .team-rows p { grid-column: 2; }
  .demo-layout { grid-template-columns: 1fr; max-width: 620px; gap: 40px; }
  .demo-intro h1 { font-size: 65px; }
  .demo-agenda { margin-top: 30px; }
  .demo-reminder { margin-top: 25px; }
  .footer-top { flex-direction: column; gap: 40px; }
  .footer-links { gap: 30px; }
}
@media(max-width:550px) {
  .hero .eyebrow { font-size: 12px; letter-spacing: .08em; }
  .hero-description { font-size: 16px; }
  .prototype-note { font-size: 12px; line-height: 1.6; padding: 0 15px; }
  .scene-caption { font-size: 14px; }
  .scene { font-size: 12px; }
  .scene-number { font-size: 12px; }
  .connection-strip>span,.connection-items span { font-size: 12px; }
  .connection-strip { gap: 15px; }
  .section-wrap { padding: 65px 22px; }
  .eyebrow,.section-heading .eyebrow,.network-copy .eyebrow { font-size: 12px; }
  .editorial-list p,.section-heading>p:last-child { font-size: 16px; }
  .plan-desc,.plan-body,.plan ul,.plan-link { font-size: 15px; }
  .plan-index,.offers-foot>span { font-size: 12px; }
  .offers-foot p { font-size: 14px; line-height: 1.6; }
  .role-icon+strong { font-size: 17px; }
  .partner-row div>span:last-child { font-size: 12px; line-height: 1.6; }
  .shared-data .eyebrow,.shared-data>div { font-size: 12px; }
  .shared-data>div { flex-wrap: wrap; justify-content: center; gap: 14px; }
  .closing>p:last-child { font-size: 14px; max-width: 290px; }
  .closing .eyebrow { font-size: 12px; }
  .page-hero { padding: 49px 22px; }
  .page-hero h1,.split-hero h1 { font-size: clamp(38px,9.3vw,49px); line-height: 1.1; letter-spacing: -.055em; }
  .page-hero>p:not(.eyebrow),.split-hero>div>p:not(.eyebrow) { font-size: 16px; }
  .page-hero .eyebrow { font-size: 12px; letter-spacing: .07em; }
  .split-hero { gap: 35px; }
  .split-hero .hero-actions { align-items: flex-start; }
  .commerce-map { padding: 27px 23px; }
  .map-caption { font-size: 14px; }
  .map-base { font-size: 12px; }
  .numbered-features { margin-top: 30px; }
  .numbered-features article { display: block; }
  .numbered-features article>span { margin-bottom: 15px; }
  .numbered-features h3 { font-size: 23px; margin-bottom: 16px; }
  .numbered-features p { font-size: 16px; }
  .flow-line { grid-template-columns: 1fr; margin-top: 35px; }
  .flow-line>div:not(:first-child) { padding-left: 0; }
  .flow-line p { font-size: 16px; }
  .lead-text { font-size: 19px; }
  .future-section p:not(.eyebrow) { font-size: 17px; }
  .section-note { font-size: 14px; }
  .usecase-tabs { flex-direction: column; gap: 0; }
  .usecase-tabs button { font-size: 14px; padding: 16px 12px; }
  .usecase-tabs button[aria-selected=true] { background: #201426; }
  .case-panel { grid-template-columns: 1fr; gap: 15px; padding-top: 30px; }
  .case-panel h3 { font-size: 30px; }
  .case-panel li { font-size: 16px; }
  .cost-stack>div { padding: 20px 17px; font-size: 14px; }
  .cost-stack>div>span+span { display: none; }
  .cost-result strong { font-size: 21px; }
  .story-links { grid-template-columns: 1fr; gap: 8px; margin-top: 28px; }
  .story-links strong { font-size: 21px; }
  .faq-section h2 { font-size: 35px; }
  .faq-list summary { font-size: 16px; }
  .faq-list p { font-size: 16px; }
  .relationship-diagram { grid-template-columns: 1fr; padding: 28px 22px; margin-top: 40px; gap: 20px; }
  .relationship-center { border: 0; border-top: 1px solid #6b3d5655; border-bottom: 1px solid #6b3d5655; padding: 26px 10px; }
  .relationship-side h3 { font-size: 24px; margin-bottom: 12px; }
  .relationship-side .eyebrow { margin-bottom: 15px; }
  .relationship-side p { font-size: 13px; }
  .network-compare { grid-template-columns: 1fr; gap: 40px; margin-top: 30px; }
  .network-compare h3 { font-size: 30px; }
  .system-layers strong { font-size: 24px; }
  .integration-ribbon { gap: 13px; padding: 25px 0; margin-top: 35px; }
  .integration-ribbon>span { font-size: 12px; max-width: 94px; line-height: 1.6; }
  .integration-ribbon>span[aria-hidden] { font-size: 19px; }
  .integration-ribbon img { width: 30px; height: 31px; }
  .directory-heading h2 { font-size: 35px; }
  .filter-group { gap: 8px; }
  .filter-group button { padding: 11px 13px; font-size: 13px; }
  .connector-grid { grid-template-columns: 1fr; }
  .connector-grid article { padding: 26px; }
  .connector-grid p { font-size: 16px; }
  .connector-kind { margin-bottom: 19px; }
  .connector-grid h3 { font-size: 25px; }
  .manifesto-index { letter-spacing: .07em; line-height: 1.8; }
  .manifesto h2 { font-size: 39px; }
  .manifesto-text { grid-template-columns: 1fr; gap: 0; margin-top: 28px; }
  .belief-row { grid-template-columns: 56px 1fr; gap: 21px; align-items: start; }
  .color-sample { width: 56px; height: 56px; border-radius: 11px; }
  .belief-row h3 { font-size: 23px; }
  .belief-row p { font-size: 16px; }
  .team-rows>div { grid-template-columns: 1fr; gap: 10px; }
  .team-rows p { grid-column: auto; font-size: 16px; }
  .team-rows { margin-top: 30px; }
  .demo-layout { padding-top: 30px; }
  .demo-intro h1 { font-size: 56px; }
  .demo-form-card { padding: 26px 21px; }
  .demo-form-card h2 { font-size: 26px; }
  .form-pair { grid-template-columns: 1fr; gap: 0; }
  .role-choice { flex-direction: column; gap: 9px; }
  .role-choice label { font-size: 14px; padding: 14px; }
  .form-prototype { font-size: 12px; }
  .demo-agenda p { font-size: 16px; }
  .full-footer { padding: 42px 22px 24px; }
  .footer-links { grid-template-columns: 1fr 1fr; gap: 32px 15px; }
  .footer-links>div:last-child { grid-column: 1 / -1; }
  .footer-links a { font-size: 14px; }
  .footer-bottom { font-size: 12px; flex-direction: column; gap: 12px; }
  .text-link { font-size: 14px; line-height: 1.5; }
  .vision-columns p { font-size: 16px; }
}

/* Mentions légales + coordonnées */
.legal { max-width: 820px; margin: 0 auto; padding: 0 30px 80px; }
.legal article { border-top: 1px solid var(--line); padding: 34px 0 10px; }
.legal h2 { font-size: 24px; margin-bottom: 16px; }
.legal p { color: #aaa1b5; font-size: 16px; line-height: 1.75; margin-bottom: 14px; }
.legal a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.legal-updated { color: var(--muted); font-size: 13px; margin-top: 30px; }
.legal-hero { padding-bottom: 30px; }

/* Version 04 — product imagery, meaningful color and visual storytelling. */
:root { --ai-gradient: linear-gradient(110deg,#a563ff 8%,#e35fc6 52%,#ffb56c 96%); --ai-violet:#ac6aff; --ai-pink:#ec68c3; --ai-amber:#ffb56c; }
.intelligence-text, .page-hero>h1>span.intelligence-text { background:var(--ai-gradient); background-clip:text; -webkit-background-clip:text; color:transparent; }
.button-primary { background:linear-gradient(115deg,#7932de,#922ba9 80%,#ab345e); border-color:#d28bf3; color:#fff; box-shadow:0 4px 27px #a541f834,inset 0 1px 0 #ffc59750; }
.button-primary:hover { box-shadow:0 6px 36px #c249ee65; border-color:#ffc49c; }
.button:focus-visible,button:focus-visible,a:focus-visible { outline:2px solid #f5c291; outline-offset:5px; }
.hero h1>span { background:var(--ai-gradient); background-clip:text; -webkit-background-clip:text; color:transparent; }
.hero .hero-copy { padding-bottom:8px; }
.hero-description { color:#bdb8c7; }
.product-area:before { inset:8% 4% 24%; background:linear-gradient(105deg,#752cff70,#d62d7950 56%,#ff900d42); filter:blur(75px); }
.product-frame { border-color:#bb75d179; box-shadow:0 30px 100px #0009,0 0 0 5px #a947e709; }
.product-focus { border:2px solid #e7b0ff; box-shadow:0 0 0 1600px #08070c9c,0 0 32px #c34bffb0,inset 0 0 14px #f8b26645; }
.scene.active .scene-progress { background:var(--ai-gradient); height:3px; }
.scene.active { color:#efd5ff; }
.site-header { max-width:1500px; gap:30px; }
.site-header>.brand { margin-right:auto; flex-shrink:0; }
.site-header .menu-toggle { order:4; }

/* Generous sections, short captions. Every visual demonstrates a relationship or a UI. */
.visual-chapter { max-width:1320px; margin:auto; padding:105px 44px; }
.visual-heading { margin:0 auto 60px; text-align:center; max-width:1100px; }
.visual-heading .eyebrow { color:#b9a0d1; font-size:12px; margin-bottom:23px; }
.visual-heading h2 { font-size:clamp(40px,5.1vw,72px); line-height:1.06; }
.visual-heading>p:not(.eyebrow) { font-size:19px; line-height:1.65; color:#aea5bb; margin:25px auto 0; max-width:650px; }
.visual-caption { text-align:center; font-size:21px; line-height:1.65; color:#b3aabe; margin:40px auto 0; max-width:760px; }
.visual-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:30px; margin:32px 0 0; }
.visual-chapter figure,.page-hero figure,.pillar-panel figure { margin:0; min-width:0; }
figcaption { font-size:12px; color:#a29aaE; line-height:1.6; text-align:center; }
.visual-chapter>figure>figcaption { margin-top:24px; }
.intelligence-chapter { padding-top:95px; }
.intelligence-cinema { border:1px solid #744789; border-radius:26px; padding:28px 30px 18px; background:radial-gradient(ellipse at 50% 0%,#49225855,transparent 70%),#111014; box-shadow:0 20px 90px #8b24dd26,0 0 45px #e83c9314; }
.cinema-top { display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:14px; color:#ae9abc; margin-bottom:24px; }
.supply-ai { display:inline-flex; align-items:center; gap:7px; color:#efd4ff; font-size:18px; font-weight:550; }
.supply-ai svg { width:23px; height:23px; stroke:#ffc275; }
.cinema-image { border-radius:18px; padding:2px; background:var(--ai-gradient); box-shadow:0 0 32px #cf4efb47,0 0 75px #ffa13713; overflow:hidden; }
.cinema-crop { aspect-ratio:3.65; overflow:hidden; position:relative; background:#050507; border-radius:16px; transition:aspect-ratio .55s; }
.cinema-crop img { position:absolute; width:227.3%; max-width:none; height:auto; left:-61.5%; top:0; transform:translateY(-66%); transition:transform .65s cubic-bezier(.2,.7,.2,1); }
[data-lens=priorities] .cinema-crop { aspect-ratio:2.72; }
[data-lens=priorities] .cinema-crop img { transform:translateY(-32.1%); }
.cinema-controls { display:flex; justify-content:center; gap:10px; margin:27px 0 18px; }
.cinema-controls button { border:1px solid #4b3658; background:#201727; color:#bca2cf; border-radius:30px; padding:12px 23px; display:flex; gap:28px; cursor:pointer; }
.cinema-controls button[aria-pressed=true] { background:linear-gradient(110deg,#7937b9,#723581); color:#fff; border-color:#d995eb; box-shadow:0 0 18px #c848ee35; }
.cinema-controls button span { color:#ffc28d; }

/* Shared truth: interact with one order, see both role views update together. */
.truth-scene { --status:#ffc077; position:relative; padding:54px 38px 24px; border:1px solid #463451; border-radius:26px; background:radial-gradient(ellipse at 50% 38%,#8726bb3d,transparent 65%),#0e0c12; text-align:left; }
.truth-scene[data-truth-state="1"] { --status:#a7c2ff; }
.truth-scene[data-truth-state="2"] { --status:#69e5b5; }
.truth-screens { display:grid; grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr); align-items:center; }
.truth-window { background:#1c1a23; border:1px solid #6a447c; border-radius:17px; overflow:hidden; box-shadow:0 25px 40px #0005; transform:perspective(900px) rotateY(6deg); }
.truth-logistics { transform:perspective(900px) rotateY(-6deg); }
.truth-window-head { display:flex; align-items:center; gap:12px; padding:18px; background:#222029; border-bottom:1px solid #3b3246; }
.truth-avatar { background:#3a244b; color:#d9b2ff; padding:8px; border-radius:10px; display:flex; }
.truth-logistics .truth-avatar { background:#28274f; color:#9fafef; }
.truth-window-head>span:nth-child(2) { font-size:16px; font-weight:500; }
.truth-window-head small { display:block; color:#a69ab8; margin-top:5px; font-size:12px; font-weight:400; }
.truth-window-head>i { margin-left:auto; background:#68d8b0; }
.status-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; flex-shrink:0; }
.truth-order { padding:28px 25px 24px; }
.truth-order>span { font-size:11px; letter-spacing:.11em; color:#a299af; }
.truth-order>strong { display:flex; align-items:center; justify-content:space-between; margin:18px 0 23px; font-size:39px; letter-spacing:-.04em; font-weight:450; }
.truth-order>strong>span { color:#9e93ac; font-size:20px; }
.truth-status { display:inline-flex; align-items:center; gap:8px; background:#050407; color:var(--status); border-radius:30px; border:1px solid currentColor; padding:8px 13px; font-size:12px; }
.truth-event { display:flex; align-items:center; gap:9px; font-size:12px; color:#c5b4d4; margin:0 20px; padding:16px 0; border-top:1px solid #3d3049; border-bottom:1px solid #3d3049; }
.truth-event>svg { width:21px; }
.event-check { color:var(--status); margin-left:auto; }
.truth-own { font-size:11px; color:#a29aaa; padding:17px 20px; margin:0; }
.truth-bridge { display:grid; grid-template-columns:1fr 66px 1fr; align-items:center; position:relative; }
.truth-bridge>span { height:2px; background:var(--ai-gradient); box-shadow:0 0 13px #bd6aff; }
.truth-bridge>div { display:flex; align-items:center; justify-content:center; height:66px; border:1px solid #c46afa; background:linear-gradient(140deg,#50217b,#1c1125); border-radius:19px; box-shadow:0 0 32px #bc38dd6b; }
.truth-bridge img { width:32px; height:34px; }
.truth-bridge small { position:absolute; top:82px; left:0; right:0; text-align:center; color:#c7a5de; font-size:12px; line-height:1.5; }
.truth-controls { display:flex; align-items:center; justify-content:center; gap:16px; margin:45px auto 18px; }
.truth-controls button { border:1px solid #51445e; border-radius:30px; background:#16121e; color:#bba8cd; padding:11px 19px; cursor:pointer; font-size:13px; transition:background .2s; }
.truth-controls button[aria-pressed=true] { border-color:var(--status); color:var(--status); background:#28202e; }
.truth-controls>span { color:#745b84; }
.truth-announcement { font-size:14px; color:#cec1da; text-align:center; margin:0 0 17px; }
.truth-scene figcaption { margin:0!important; color:#94869f; }
.truth-scene.is-updating .truth-event { animation:truth-update .55s ease-out; }
@keyframes truth-update { from { background:#b957ff45; } to { background:transparent; } }

/* B2C and B2B feed the same product view. */
.channels-scene { border:1px solid #543952; border-radius:24px; background:radial-gradient(ellipse at 50% 65%,#78359c45,transparent 70%),#141017; padding:28px 25px 20px; overflow:hidden; }
.channels-inputs { display:grid; grid-template-columns:1fr 1fr; gap:22px; text-align:left; }
.channels-inputs>div { display:grid; grid-template-columns:32px 1fr; align-items:center; column-gap:9px; padding:16px; background:#26212c; border:1px solid #5d4969; border-radius:12px; }
.channels-inputs svg { grid-row:1/3; color:#e9b095; }
.channels-inputs>div>span { color:#cdbbda; font-size:11px; }
.channels-inputs strong { font-size:30px; letter-spacing:-.04em; line-height:1.25; font-weight:500; }
.channels-inputs small { grid-column:1/-1; padding-top:10px; margin-top:10px; border-top:1px solid #4a3a53; font-size:11px; color:#a69ab3; }
.channels-join { display:flex; height:36px; width:55%; margin:0 auto 15px; }
.channels-join span { flex:1; border-bottom:1px solid #b169d5; position:relative; }
.channels-join span:first-child { border-left:1px solid #b169d5; border-radius:0 0 0 12px; }
.channels-join span:last-child { border-right:1px solid #d79790; border-radius:0 0 12px 0; }
.channels-join:after { content:''; height:15px; width:1px; background:#dc90db; position:relative; top:36px; left:-50%; }
.channels-core { display:flex; align-items:center; justify-content:center; gap:14px; margin:18px 0 23px; }
.channels-core>span { font-size:22px; letter-spacing:-.04em; text-align:left; }
.channels-core img { width:30px; height:32px; }
.channels-core small { display:block; color:#c0a7d0; font-size:11px; letter-spacing:0; margin-top:4px; }
.channels-product { border-radius:10px; border:1px solid #835397; overflow:hidden; box-shadow:0 8px 30px #0006; }
.channels-product img { width:100%; height:auto; display:block; }
.channels-scene figcaption { margin-top:15px; font-size:11px; }
.pillar-panel { gap:60px; }
.pillar-panel h3 { font-size:clamp(30px,3.2vw,43px); }
.pillar-panel .channels-scene { margin:0; }

/* An operational flow, followed by the context kept throughout. */
.fulfillment-scene { padding:32px; border:1px solid #52365b; border-radius:24px; background:radial-gradient(ellipse at 80% 100%,#9c426027,transparent 65%),#141017; }
.shipment-head { display:flex; align-items:center; justify-content:space-between; color:#cbb6dc; }
.shipment-head>span { font-size:11px; letter-spacing:.12em; }
.shipment-head svg { color:#daa1ec; }
.shipment-steps { list-style:none; display:flex; padding:0; margin:36px 0; justify-content:space-between; position:relative; gap:8px; }
.shipment-steps:before { content:''; height:1px; position:absolute; top:24px; left:9%; right:9%; background:var(--ai-gradient); }
.shipment-steps li { display:flex; align-items:center; flex-direction:column; gap:14px; z-index:1; flex:1; min-width:0; }
.shipment-steps svg { background:#2a1835; border:1px solid #9b60bb; border-radius:15px; width:49px; height:49px; padding:11px; color:#eab2f5; }
.shipment-steps li:nth-child(4) svg,.shipment-steps li:nth-child(5) svg { border-color:#9c695a; color:#ffbc8c; background:#2b1d25; }
.shipment-steps li>span { font-size:12px; color:#baadc8; }
.shipment-focus { display:grid; grid-template-columns:60px 1fr auto; align-items:center; gap:24px; background:#070509; border:1px solid #a459c4; border-radius:18px; padding:30px; box-shadow:0 0 24px #a839e523; }
.shipment-focus-icon { background:var(--ai-gradient); border-radius:17px; width:60px; height:60px; display:flex; align-items:center; justify-content:center; color:#3a134d; }
.shipment-focus>div>span { font-size:10px; letter-spacing:.09em; color:#b49cc4; }
.shipment-focus strong { font-size:34px; font-weight:450; line-height:1.1; letter-spacing:-.04em; display:block; margin-top:10px; }
.shipment-tags { display:flex; flex-direction:column; gap:9px; border-left:1px solid #44234c; padding-left:25px; }
.shipment-tags>span { background:#25162e; padding:8px 12px; border-radius:6px; color:#d9b5e3!important; font-size:11px!important; letter-spacing:0!important; }
.fulfillment-scene figcaption { margin-top:22px; }
.pillar-panel .fulfillment-scene { padding:25px; }
.pillar-panel .shipment-steps li>span { font-size:10px; }
.pillar-panel .shipment-focus { grid-template-columns:1fr; padding:22px; gap:12px; }
.pillar-panel .shipment-focus-icon { display:none; }
.pillar-panel .shipment-focus strong { font-size:30px; }
.pillar-panel .shipment-tags { flex-direction:row; flex-wrap:wrap; padding:0; border:0; }
.pillar-panel .shipment-tags>span { font-size:10px!important; padding:7px; }

/* Connection families are linked, without implying a verified connector catalog. */
.connections-scene { display:grid; grid-template-columns:1fr 1.05fr 1fr; align-items:center; padding:40px 25px 24px; border-radius:24px; border:1px solid #45324e; background:radial-gradient(ellipse at 50% 40%,#54217b60,transparent 70%),#100d15; }
.connection-bank { display:flex; flex-direction:column; gap:13px; z-index:1; }
.connection-bank a { display:flex; align-items:center; gap:13px; border:1px solid #5e4274; border-radius:12px; background:#21172c; padding:18px; min-width:0; }
.connection-bank a:hover { border-color:#dc9eff; background:#352144; }
.connection-bank svg { color:#c59be9; flex-shrink:0; }
.connection-bank span { font-size:14px; color:#e0cdee; }
.connection-bank small { color:#aa8cbd; margin-left:auto; }
.connections-backbone { display:flex; align-items:center; }
.connections-backbone>span { height:1px; flex:1; background:var(--ai-gradient); box-shadow:0 0 10px #da4cf9; }
.connections-backbone>div { padding:27px 10px; min-width:140px; text-align:center; border:1px solid #c474e1; border-radius:18px; background:#160b20; box-shadow:0 0 36px #be36da45; }
.connections-backbone img { width:39px; height:41px; margin:auto auto 14px; display:block; }
.connections-backbone strong { display:block; font-size:22px; font-weight:500; letter-spacing:-.03em; }
.connections-backbone>div>span { display:block; font-size:9px; color:#b89ccc; margin-top:9px; }
.connections-scene figcaption { grid-column:1/-1; margin-top:26px; }
.home-integrations { grid-template-columns:1fr; gap:40px; }
.home-integrations>div:first-child { text-align:center; }
.home-integrations>div:first-child>p { margin-left:auto; margin-right:auto; max-width:630px; }
.home-integrations>.connections-scene { margin:0; }
.integrations-hero>.connections-scene { margin-top:60px; }

/* The vision is shown through three buying contexts, rather than three text columns. */
.page-hero.vision-visual-hero { padding:105px 30px 75px; }
.page-hero.vision-visual-hero h1 { font-size:clamp(56px,7vw,99px); line-height:1.01; margin-bottom:30px; }
.page-hero.vision-visual-hero>p:not(.eyebrow) { font-size:20px; color:#bab1c3; }
.horizons-chapter { padding-top:60px; }
.horizons-scene { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.horizon-tile { min-height:440px; padding:28px 22px 24px; border-radius:25px; overflow:hidden; display:flex; flex-direction:column; }
.horizon-physical { background:linear-gradient(155deg,#e6cab6,#faf1e9 70%); color:#3b2421; }
.horizon-digital { background:linear-gradient(155deg,#2d214d,#191321 70%); border:1px solid #735284; }
.horizon-agent { background:radial-gradient(ellipse at 90% 8%,#a24b793d,transparent 70%),#23112e; border:1px solid #b16bd3; box-shadow:0 0 28px #b43af512; }
.horizon-label { font-size:11px; letter-spacing:.12em; color:#d7b2e8; }
.horizon-physical .horizon-label { color:#684746; }
.horizon-ui { margin:30px auto 24px; width:100%; max-width:260px; flex:1; }
.receipt-ui { background:#fffaf5; box-shadow:0 16px 28px #70503522; padding:23px; transform:rotate(-4deg); border-radius:5px; }
.receipt-ui>svg { display:block; margin:0 auto 13px; width:37px; height:37px; }
.receipt-ui>strong { display:block; text-align:center; font-size:23px; font-weight:550; letter-spacing:-.04em; }
.receipt-line { display:block; border-top:1px dashed #bdafa2; margin:18px 0; }
.receipt-ui>div { display:flex; justify-content:space-between; align-items:center; gap:7px; font-size:12px; margin:13px 0; }
.receipt-ui>div>svg { width:17px; height:17px; color:#795b50; }
.receipt-ui>small { display:block; font-size:11px; text-align:center; color:#6f5954; line-height:1.6; }
.shop-ui { border:1px solid #8f77a6; border-radius:12px; background:#f5f0fb; color:#271735; box-shadow:0 20px 35px #03000565; transform:rotate(3deg); overflow:hidden; }
.shop-toolbar { font-size:9px; background:#e7dcef; padding:13px; display:flex; justify-content:space-between; color:#655273; }
.shop-toolbar>span:first-child { letter-spacing:2px; font-size:6px; color:#a88dbd; }
.shop-product { display:flex; justify-content:center; align-items:center; height:105px; margin:16px 17px 0; background:#e8ddee; border-radius:8px; }
.shop-product>svg { width:54px; height:54px; stroke:#8e60aa; stroke-width:1; }
.shop-product-row { display:flex; justify-content:space-between; padding:18px; align-items:center; }
.shop-product-row strong { font-size:23px; font-weight:500; letter-spacing:-.05em; }
.shop-product-row>span { font-size:12px; color:#87679a; }
.shop-checkout { display:flex; justify-content:space-between; align-items:center; margin:0 16px 17px; background:#282034; color:#f9f2ff; border-radius:6px; padding:11px; font-size:10px; }
.shop-checkout svg { width:18px; height:18px; }
.agent-ui { padding:8px 1px 0; }
.agent-spark { width:60px; height:60px; border-radius:20px; display:flex; align-items:center; justify-content:center; background:var(--ai-gradient); color:#341648; box-shadow:0 0 35px #d743da4d; margin:0 0 21px; }
.agent-spark svg { width:34px; height:34px; }
.agent-request { background:#3b2648; border:1px solid #87509d; border-radius:14px 14px 3px 14px; padding:16px; font-size:16px; line-height:1.5; color:#f3deff; margin-left:15px; }
.agent-answer { margin:23px 0 0; font-size:14px; line-height:1.8; color:#d1afe1; }
.agent-answer>span { display:block; }
.agent-facts { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.agent-facts>i { padding:5px 9px; border:1px solid #975684; border-radius:20px; color:#ffc4b4; font-style:normal; font-size:10px; }
.horizon-tile h3 { font-size:20px; font-weight:500; letter-spacing:-.03em; margin:16px 0 0; }
.horizons-foundation { grid-column:1/-1; display:flex; justify-content:center; align-items:center; gap:22px; margin-top:16px; padding:26px 15px; border-top:1px solid #a55dae; border-bottom:1px solid #402a4d; }
.horizons-foundation>span { font-size:26px; font-weight:450; letter-spacing:-.04em; }
.horizons-foundation small { display:block; color:#b8a4c6; font-size:13px; line-height:1.6; letter-spacing:0; margin-top:9px; }
.horizons-scene>figcaption { grid-column:1/-1; margin-top:0!important; }
.vision-depth { max-width:950px; margin:38px auto 0; border-top:1px solid #493653; border-bottom:1px solid #493653; }
.vision-depth summary { display:flex; justify-content:space-between; gap:25px; padding:23px 0; cursor:pointer; font-size:15px; list-style:none; color:#d3bfe3; }
.vision-depth summary::-webkit-details-marker { display:none; }
.vision-depth summary>span { color:#d6a1f3; }
.vision-depth[open] summary>span { transform:rotate(45deg); }
.vision-depth>div { padding:8px 0 25px; max-width:850px; }
.vision-depth p { color:#a89bb5; line-height:1.8; font-size:16px; }
.agents-chapter { position:relative; }
.agents-chapter .visual-heading h2 { font-size:clamp(42px,5.6vw,78px); }
.future-workspace { background:#15111b; border:1px solid #75428a; border-radius:25px; padding:24px; box-shadow:0 20px 100px #942aaa29; }
.future-top { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:0 6px 24px; }
.future-top>span:first-child { display:flex; align-items:center; gap:10px; font-size:19px; font-weight:550; letter-spacing:-.04em; }
.future-top img { width:24px; height:26px; }
.future-label { font-size:10px; color:#bb9cce; border:1px solid #5e3b73; border-radius:25px; padding:7px 12px; }
.future-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:15px; border:1px solid #41304d; border-radius:18px; background:#211a2a; }
.future-kpis>div { padding:18px 20px; background:#0a070e; border:1px solid #3f2b4d; border-radius:12px; border-bottom:2px solid #d27ada; }
.future-kpis>div:nth-child(2) { border-bottom-color:#ffbb74; }
.future-kpis>div:nth-child(3) { border-bottom-color:#a482ed; }
.future-kpis span { color:#b39bc5; font-size:11px; display:block; margin-bottom:12px; }
.future-kpis strong { font-size:clamp(14px,1.6vw,23px); font-weight:500; letter-spacing:-.025em; line-height:1.2; }
.future-body { display:grid; grid-template-columns:.72fr 1.6fr; gap:24px; padding-top:24px; }
.future-conversation { padding:23px 15px; }
.future-conversation>p { margin:28px 0 21px; color:#bcaacb; font-size:14px; }
.future-conversation button { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; border:1px solid #493152; background:#231829; color:#bca4cc; padding:14px; margin:10px 0 0; border-radius:12px; font-size:13px; cursor:pointer; }
.future-conversation button>span { color:#ddaaee; }
.future-conversation button[aria-pressed=true] { border-color:#ca7cee; color:white; background:linear-gradient(110deg,#65379a,#48243d); box-shadow:0 0 20px #aa3fc825; }
.future-center { background:radial-gradient(ellipse at 0 100%,#7233b044,transparent 65%),#09060d; border-radius:19px; border:1px solid #c15dd4; box-shadow:0 0 25px #b94cef36; padding:28px; }
.future-center-top { display:flex; align-items:center; justify-content:space-between; color:#c894e4; font-size:10px; letter-spacing:.12em; }
.future-center-top svg { color:#ffb17c; }
.future-center h3 { font-size:clamp(29px,3.2vw,45px); line-height:1.1; letter-spacing:-.05em; font-weight:450; margin:25px 0; min-height:2.2em; }
.future-facts { display:flex; gap:8px; flex-wrap:wrap; }
.future-facts>span { font-size:11px; border-radius:20px; border:1px solid #653676; color:#d0b6df; padding:8px 12px; }
.future-human { border-top:1px solid #5b3365; margin-top:30px; padding-top:20px; }
.future-human>span { display:block; font-size:10px; letter-spacing:.12em; color:#bd8ccb; margin-bottom:12px; }
.future-human strong { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#ffd0a5; font-weight:450; font-size:16px; line-height:1.45; }
.future-human strong>span { font-size:22px; }
.future-workspace figcaption { margin:23px 15px 0!important; }
.future-workspace.is-updating .future-center { animation:topic-change .55s ease-out; }
@keyframes topic-change { from { opacity:.4; transform:translateY(8px); } to { opacity:1; transform:none; } }
.freedom-chapter { background:#f2edf4; color:#201824; margin-top:90px; }
.freedom-chapter .section-wrap { padding-top:110px; padding-bottom:95px; }
.freedom-chapter .eyebrow { color:#72537a; }
.freedom-chapter h2 { font-size:clamp(54px,7.4vw,103px); line-height:1.01; letter-spacing:-.06em; }
.freedom-chapter h2>span { color:#9654bc; }
.freedom-chapter .section-wrap>p:not(.eyebrow) { color:#695871; font-size:19px; line-height:1.7; margin-top:35px; }
.freedom-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; margin-top:65px; padding-top:40px; border-top:1px solid #c9b9d1; }
.freedom-principles>div>span { display:block; font-size:50px; line-height:1; color:#9354b0; margin-bottom:28px; }
.freedom-principles h3 { font-size:23px; font-weight:500; letter-spacing:-.04em; margin-bottom:14px; }
.freedom-principles p { font-size:15px; line-height:1.8; color:#6b5874; }
.europe-visual { padding-top:125px; padding-bottom:100px; }
.europe-visual>.eyebrow { color:#b191c9; }
.europe-horizon { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:65px 0; border-bottom:1px solid #443050; }
.europe-horizon>span:not(.horizon-arrow) { font-size:clamp(48px,7.6vw,105px); letter-spacing:-.07em; color:#f2e7f9; font-weight:450; }
.horizon-arrow { font-size:clamp(70px,10vw,140px); background:var(--ai-gradient); background-clip:text; -webkit-background-clip:text; color:transparent; line-height:1; }
.europe-visual>p:not(.eyebrow) { color:#af9abd; font-size:19px; line-height:1.7; margin-top:30px; }
.europe-visual .vision-depth { max-width:none; margin-top:45px; }
.network-hero>.truth-scene { margin-top:65px; }
.network-hero>p:not(.eyebrow) { max-width:620px; }
.network-compare { gap:35px; }
.path-commerce { background:linear-gradient(140deg,#4b2720,#281329 65%); border-color:#8d544c; }
.path-network { background:linear-gradient(140deg,#401861,#1b1425 65%); border-color:#805395; }
.path-audience,.path-commerce .path-audience { color:#d6aace; }
.path-card p { color:#c7b3d1; }
.path-card>div { color:#dfbcea; border-top-color:#91639a65; }
.cost-result { border-color:#b55ad4!important; background:linear-gradient(110deg,#512371,#362032)!important; }
.plan-featured { border-color:#9f5bcb!important; box-shadow:0 0 32px #a23cdf20; }

@media(min-width:901px) {
  .site-header #navigation { margin-left:5px; margin-right:auto; gap:26px; }
  .product-viewport[data-scene="1"] .product-canvas { transform:scale(1.15); transform-origin:49% 45%; }
  .product-viewport[data-scene="2"] .product-canvas { transform:scale(1.42); transform-origin:48% 79%; }
  .product-viewport[data-scene="3"] .product-canvas { transform:scale(1.12); transform-origin:89% 52%; }
}
@media(max-width:1100px) {
  .site-header { padding:0 25px; gap:22px; }
  .site-header #navigation { gap:20px; }
  .site-header .header-cta { font-size:12px; padding:12px 15px; }
  .visual-chapter { padding-left:30px; padding-right:30px; }
  .truth-screens { grid-template-columns:minmax(0,1fr) 115px minmax(0,1fr); }
  .horizon-tile { padding:24px 17px; }
  .horizon-tile h3 { font-size:18px; }
  .horizon-ui { margin-top:25px; }
}
@media(max-width:900px) {
  .site-header { gap:25px; }
  .site-header>.brand { margin-right:auto; }
  .site-header .menu-toggle { display:flex; align-items:center; gap:10px; margin-left:0; }
  .site-header #navigation.open { align-items:stretch; padding:25px; }
  .site-header #navigation>a { padding:10px 0; }
  .visual-chapter { padding-top:80px; padding-bottom:80px; }
  .visual-heading { margin-bottom:45px; }
  .visual-heading h2 { font-size:50px; }
  .truth-scene { padding:35px 24px 23px; }
  .truth-screens { grid-template-columns:minmax(0,1fr) 95px minmax(0,1fr); }
  .truth-bridge { grid-template-columns:1fr 55px 1fr; }
  .truth-bridge>div { height:55px; border-radius:16px; }
  .truth-bridge img { width:28px; height:30px; }
  .truth-bridge small { top:72px; font-size:10px; }
  .truth-window-head { padding:14px 12px; gap:8px; }
  .truth-window-head>span:nth-child(2) { font-size:13px; }
  .truth-avatar { padding:6px; }
  .truth-avatar svg { width:20px; height:20px; }
  .truth-order { padding:22px 16px; }
  .truth-order>strong { font-size:32px; }
  .truth-event { margin:0 13px; gap:6px; font-size:10px; }
  .truth-event svg { width:17px; }
  .truth-own { font-size:10px; padding:15px 13px; line-height:1.5; }
  .horizons-scene { gap:13px; }
  .horizon-tile { padding:23px 14px 20px; min-height:420px; }
  .horizon-label { font-size:9px; }
  .receipt-ui { padding:19px 14px; }
  .receipt-ui>strong { font-size:20px; }
  .receipt-ui>div { font-size:10px; }
  .shop-toolbar { padding:10px; font-size:8px; }
  .shop-product { margin:14px 12px 0; height:95px; }
  .shop-product-row { padding:14px; }
  .shop-checkout { margin:0 12px 15px; padding:9px; font-size:9px; }
  .agent-request { padding:13px; font-size:13px; margin-left:0; }
  .agent-answer { font-size:12px; }
  .agent-facts { gap:4px; }
  .agent-facts>i { padding:4px 7px; font-size:9px; }
  .horizon-tile h3 { font-size:16px; line-height:1.35; }
  .future-body { grid-template-columns:.75fr 1.4fr; gap:15px; }
  .future-kpis>div { padding:17px 14px; }
  .future-center { padding:23px; }
  .future-conversation { padding:20px 2px; }
  .future-conversation button { font-size:12px; padding:13px 10px; }
  .future-facts>span { font-size:10px; padding:6px 9px; }
  .future-human strong { font-size:14px; }
  .channels-scene { padding:23px 18px 18px; }
  .channels-inputs { gap:13px; }
  .channels-inputs>div { padding:12px; grid-template-columns:24px 1fr; }
  .channels-inputs svg { width:22px; }
  .channels-inputs>div>span { font-size:10px; }
  .channels-inputs strong { font-size:25px; }
  .channels-inputs small { font-size:10px; }
  .pillar-panel { gap:30px; }
  .pillar-panel .shipment-steps { flex-wrap:wrap; gap:17px; }
  .pillar-panel .shipment-steps li { min-width:20%; }
  .pillar-panel .shipment-steps:before { display:none; }
  .connections-scene { padding:27px 18px 20px; }
  .connection-bank a { padding:16px 12px; gap:8px; }
  .connection-bank svg { width:23px; }
  .connection-bank span { font-size:13px; }
  .connections-backbone>div { min-width:130px; padding:22px 8px; }
}
@media(max-width:600px) {
  .site-header { gap:22px; padding:0 19px; }
  .site-header>.brand { gap:7px; }
  .site-header .brand-mark { width:24px; height:25px; }
  .site-header .brand-word { width:95px; height:auto; }
  .site-header .menu-toggle { font-size:12px; gap:5px; }
  .site-header .header-cta { display:none; }
  .visual-chapter { padding:65px 20px; }
  .visual-heading { margin-bottom:33px; text-align:left; }
  .visual-heading .eyebrow { font-size:10px; margin-bottom:21px; }
  .visual-heading h2 { font-size:clamp(33px,8.7vw,49px); line-height:1.1; letter-spacing:-.055em; }
  .visual-heading>p:not(.eyebrow) { font-size:16px; margin-top:20px; }
  .visual-caption { font-size:17px; text-align:left; margin-top:27px; }
  .visual-actions { justify-content:flex-start; gap:20px; font-size:14px; }
  .intelligence-cinema { padding:17px 12px 16px; border-radius:18px; }
  .cinema-top { align-items:center; margin-bottom:17px; gap:10px; }
  .cinema-top>span:last-child { font-size:9px; text-align:right; max-width:100px; line-height:1.5; }
  .supply-ai { font-size:16px; }
  .supply-ai svg { width:20px; }
  .cinema-image { border-radius:12px; }
  .cinema-crop { aspect-ratio:1.8; border-radius:10px; }
  .cinema-crop img { width:440%; left:-121%; transform:translateY(-66%); }
  [data-lens=priorities] .cinema-crop { aspect-ratio:1.5; }
  [data-lens=priorities] .cinema-crop img { width:290%; left:-76%; transform:translateY(-32.1%); }
  .cinema-controls { margin:20px 0 15px; gap:8px; }
  .cinema-controls button { padding:10px 16px; font-size:12px; gap:19px; }
  .truth-scene { padding:25px 14px 20px; border-radius:20px; }
  .truth-screens { grid-template-columns:1fr; gap:0; }
  .truth-window,.truth-logistics { transform:none; }
  .truth-window-head { padding:13px 15px; }
  .truth-window-head>span:nth-child(2) { font-size:15px; }
  .truth-order { display:grid; grid-template-columns:1fr auto; align-items:center; gap:14px; padding:20px 17px; }
  .truth-order>span { grid-column:1/-1; font-size:10px; }
  .truth-order>strong { font-size:29px; margin:0; gap:20px; }
  .truth-order>strong>span { font-size:16px; }
  .truth-status { font-size:10px; padding:7px 10px; }
  .truth-event { padding:13px 0; font-size:11px; }
  .truth-own { padding:11px 14px; font-size:10px; }
  .truth-bridge { display:flex; justify-content:center; align-items:center; height:88px; gap:18px; }
  .truth-bridge>span { position:absolute; width:1px; height:17px; left:50%; top:0; }
  .truth-bridge>span:nth-of-type(2) { top:auto; bottom:0; }
  .truth-bridge>div { height:54px; width:54px; }
  .truth-bridge small { left:calc(50% + 42px); right:0; top:28px; font-size:10px; text-align:left; }
  .truth-controls { gap:8px; margin:26px 0 18px; }
  .truth-controls button { padding:10px 11px; font-size:11px; }
  .truth-controls>span { font-size:12px; }
  .truth-announcement { font-size:12px; line-height:1.6; }
  .truth-scene figcaption { font-size:10px; }
  .channels-inputs strong { font-size:29px; }
  .channels-inputs>div { padding:15px 12px; }
  .channels-inputs>div>span { font-size:10px; }
  .channels-core { margin:20px 0; }
  .channels-core>span { font-size:24px; }
  .pillar-panel .shipment-steps { flex-wrap:nowrap; gap:6px; }
  .pillar-panel .shipment-steps li { min-width:0; }
  .pillar-panel .shipment-steps svg { width:42px; height:42px; padding:9px; }
  .pillar-panel .shipment-steps li>span { font-size:9px; }
  .fulfillment-scene { padding:23px 15px; border-radius:20px; }
  .shipment-head>span { font-size:10px; }
  .shipment-steps { margin:26px 0; gap:5px; }
  .shipment-steps svg { width:42px; height:42px; padding:10px; border-radius:13px; }
  .shipment-steps:before { top:21px; }
  .shipment-steps li>span { font-size:9px; }
  .shipment-focus { grid-template-columns:1fr; padding:22px; gap:18px; }
  .shipment-focus-icon { width:47px; height:47px; border-radius:14px; }
  .shipment-focus strong { font-size:34px; }
  .shipment-tags { flex-direction:row; flex-wrap:wrap; padding:0; border:0; gap:7px; }
  .shipment-tags>span { padding:7px 9px; font-size:10px!important; }
  .fulfillment-scene figcaption { font-size:10px; }
  .connections-scene { grid-template-columns:1fr; padding:22px 14px; }
  .connection-bank { flex-direction:row; gap:9px; }
  .connection-bank a { flex:1; flex-direction:column; text-align:center; padding:14px 5px 11px; gap:10px; }
  .connection-bank span { font-size:10px; }
  .connection-bank small { display:none; }
  .connections-backbone { height:145px; flex-direction:column; }
  .connections-backbone>span { width:1px; flex:1; height:auto; }
  .connections-backbone>div { padding:13px 20px; min-width:180px; display:grid; grid-template-columns:32px 1fr; column-gap:12px; align-items:center; text-align:left; }
  .connections-backbone img { width:30px; height:31px; margin:0; grid-row:1/3; }
  .connections-backbone strong { font-size:21px; }
  .connections-backbone>div>span { font-size:8px; margin-top:6px; }
  .connections-scene figcaption { font-size:10px; margin-top:20px; }
  .page-hero.vision-visual-hero { padding:65px 22px 35px; text-align:left; }
  .page-hero.vision-visual-hero h1 { font-size:clamp(41px,10.5vw,62px); line-height:1.07; }
  .page-hero.vision-visual-hero>p:not(.eyebrow) { font-size:16px; margin-left:0; }
  .vision-visual-hero .vision-read { font-size:12px; line-height:1.5; gap:20px; }
  .horizons-scene { grid-template-columns:1fr; gap:17px; }
  .horizon-tile { min-height:0; padding:25px; display:grid; grid-template-columns:1fr 1fr; gap:22px 17px; align-items:center; }
  .horizon-label { grid-column:1/-1; font-size:10px; }
  .horizon-ui { margin:0; width:100%; }
  .horizon-tile h3 { font-size:clamp(22px,5.5vw,29px); letter-spacing:-.045em; align-self:center; line-height:1.14; margin:0; }
  .horizon-ui { min-height:225px; }
  .receipt-ui { padding:17px 12px; }
  .receipt-ui>svg { width:28px; height:28px; }
  .receipt-ui>strong { font-size:18px; }
  .receipt-ui>div { font-size:9px; }
  .receipt-line { margin:13px 0; }
  .receipt-ui>small { font-size:10px; }
  .shop-ui { min-height:0; }
  .shop-toolbar { padding:9px; font-size:7px; }
  .shop-product { height:82px; margin:12px 10px 0; }
  .shop-product svg { width:45px; height:45px; }
  .shop-product-row { padding:13px 11px; }
  .shop-product-row strong { font-size:20px; }
  .shop-checkout { padding:8px; font-size:8px; margin:0 10px 12px; gap:6px; }
  .agent-ui { padding:0; min-height:0; }
  .agent-spark { width:46px; height:46px; margin-bottom:16px; border-radius:16px; }
  .agent-spark svg { width:28px; height:28px; }
  .agent-request { font-size:11px; padding:10px; }
  .agent-answer { font-size:10px; margin-top:17px; }
  .agent-facts>i { font-size:8px; padding:4px 6px; }
  .horizons-foundation { padding:25px 0; gap:15px; margin-top:10px; }
  .horizons-foundation img { width:30px; height:32px; }
  .horizons-foundation>span { font-size:23px; }
  .horizons-foundation small { font-size:11px; max-width:245px; }
  .horizons-scene>figcaption { font-size:10px; }
  .vision-depth { margin-top:29px; }
  .vision-depth summary { font-size:13px; line-height:1.6; padding:20px 0; }
  .vision-depth p { font-size:15px; }
  .agents-chapter .visual-heading h2 { font-size:clamp(35px,9vw,49px); }
  .future-workspace { padding:15px; border-radius:20px; }
  .future-top { padding:4px 2px 19px; }
  .future-top>span:first-child { font-size:16px; gap:7px; }
  .future-top img { width:20px; height:22px; }
  .future-label { font-size:8px; padding:6px 8px; }
  .future-kpis { padding:9px; gap:7px; border-radius:14px; }
  .future-kpis>div { padding:12px 7px; border-radius:9px; }
  .future-kpis span { font-size:8px; margin-bottom:10px; }
  .future-kpis strong { font-size:11px; line-height:1.4; display:block; min-height:2.8em; }
  .future-body { grid-template-columns:1fr; padding-top:18px; gap:17px; }
  .future-conversation { padding:0 2px; }
  .future-conversation>p { display:inline-block; font-size:11px; float:right; margin:5px 0 0; }
  .future-conversation>div { display:flex; gap:7px; margin-top:6px; }
  .future-conversation button { padding:10px 8px; font-size:10px; line-height:1.5; gap:5px; width:auto; flex:1; margin-top:8px; }
  .future-conversation button>span { display:none; }
  .future-center { padding:22px 19px; border-radius:15px; }
  .future-center-top { font-size:9px; }
  .future-center h3 { font-size:33px; margin:24px 0 22px; }
  .future-facts { gap:6px; }
  .future-facts>span { font-size:9px; padding:6px 8px; }
  .future-human { margin-top:25px; padding-top:19px; }
  .future-human>span { font-size:9px; }
  .future-human strong { font-size:14px; }
  .future-workspace figcaption { font-size:10px; margin:20px 0 4px!important; }
  .freedom-chapter { margin-top:45px; }
  .freedom-chapter .section-wrap { padding:65px 22px 55px; }
  .freedom-chapter .eyebrow { font-size:10px; }
  .freedom-chapter h2 { font-size:clamp(49px,12.5vw,72px); }
  .freedom-chapter .section-wrap>p:not(.eyebrow) { font-size:16px; margin-top:28px; }
  .freedom-principles { grid-template-columns:1fr; gap:25px; margin-top:37px; padding-top:30px; }
  .freedom-principles>div { display:grid; grid-template-columns:47px 1fr; gap:0 17px; }
  .freedom-principles>div>span { font-size:36px; grid-row:1/3; margin-top:1px; }
  .freedom-principles h3 { font-size:23px; margin-bottom:10px; }
  .freedom-principles p { font-size:14px; margin-bottom:0; }
  .europe-visual { padding-top:70px; padding-bottom:60px; }
  .europe-visual>.eyebrow { font-size:10px; }
  .europe-horizon { padding:32px 0; gap:15px; }
  .europe-horizon>span:not(.horizon-arrow) { font-size:clamp(37px,10vw,62px); }
  .horizon-arrow { font-size:60px; }
  .europe-visual>p:not(.eyebrow) { font-size:16px; }
  .network-hero>.truth-scene,.integrations-hero>.connections-scene { margin-top:40px; }
}
@media(prefers-reduced-motion:reduce) {
  .cinema-crop,.cinema-crop img { transition:none; }
  .truth-scene.is-updating .truth-event,.future-workspace.is-updating .future-center { animation:none; }
}
/* Product excerpts used in the product paths and partner story. */
.path-art { display:block; width:100%; aspect-ratio:2.8; position:relative; overflow:hidden; margin:30px 0 0; border:1px solid #b375be66; border-radius:13px; background:#070609; }
.path-art img { position:absolute; max-width:none; width:260%; height:auto; left:-82%; top:0; }
.path-art-network img { width:460%; left:-332%; transform:translateY(-34.5%); }
.messages-cinema { padding:24px; border:1px solid #6b4283; border-radius:25px; background:radial-gradient(ellipse at 80% 0%,#7726aa35,transparent 80%),#141018; box-shadow:0 20px 80px #9d2ab51c; }
.messages-crop { position:relative; overflow:hidden; aspect-ratio:1.85; border-radius:17px; border:1px solid #76488a; background:#060408; }
.messages-crop img { position:absolute; width:142.8%; max-width:none; height:auto; left:-36.8%; top:0; transform:translateY(-27.4%); }
.messages-cinema figcaption { margin-top:21px; }
.growth-visual { max-width:740px; margin:60px auto 0; }
.growth-visual .channels-inputs>div { padding:22px; }
.growth-visual .channels-inputs strong { font-size:42px; }
.growth-visual .channels-inputs small,.growth-visual .channels-inputs>div>span { font-size:13px; }
.growth-visual .channels-core { margin:27px 0; }
.fulfillment-hero-visual { margin-top:65px; }
.fulfillment-hero-visual .fulfillment-scene { text-align:left; }
@media(max-width:600px) {
  .path-art { margin-top:23px; border-radius:9px; }
  .messages-cinema { padding:13px; border-radius:20px; }
  .messages-crop { aspect-ratio:.83; }
  .messages-crop img { width:418%; left:-300%; transform:translateY(-27.4%); }
  .messages-cinema figcaption { font-size:10px; margin-top:17px; }
  .growth-visual { margin-top:37px; }
  .growth-visual .channels-inputs>div { padding:17px 12px; }
  .growth-visual .channels-inputs strong { font-size:31px; }
  .growth-visual .channels-inputs small,.growth-visual .channels-inputs>div>span { font-size:10px; }
  .fulfillment-hero-visual { margin-top:40px; }
}
.vision-teaser-line { font-size:clamp(18px,2.2vw,26px); color:#bca3cd; line-height:1.7; margin:32px 0; }
@media(max-width:600px) {
  .future-conversation { display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; }
  .future-conversation>p { float:none; margin:0; font-size:10px; text-align:right; }
  .future-conversation>div { grid-column:1/-1; margin-top:0; }
}

/* V05 — commercial clarity; white for outcomes, black for the product, color for intelligence. */
.brand-hero { max-width:1400px; margin:15px auto 0; text-align:center; padding:94px 30px 48px; }
.brand-hero .eyebrow { color:#b3b4bc; font-size:13px; letter-spacing:.13em; }
.brand-hero h1 { font-size:clamp(47px,5.75vw,80px); line-height:1.07; letter-spacing:-.059em; margin:28px auto; max-width:1240px; }
.brand-hero h1>span { color:#c0c2c9; background:none; }
.brand-hero>p:not(.eyebrow) { color:#b8bac3; font-size:19px; line-height:1.7; margin:0 auto 32px; max-width:740px; }
.brand-hero .button-primary { background:#fafafa; border:1px solid white; color:#16171d; box-shadow:none; }
.brand-hero .button-primary:hover { background:#dadce2; }
.hero-business { display:flex; justify-content:center; align-items:center; gap:18px; margin-top:54px; font-size:13px; color:#a8abb5; }
.hero-business>span:first-child { font-weight:600; color:#e2e3e7; padding-right:18px; border-right:1px solid #4a4d56; }
.impact-section { background:#f2f3f5; padding:55px max(24px,calc((100vw - 1220px)/2)) 65px; color:#171a21; margin-top:25px; }
.impact-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.impact-intro h2 { font-size:25px; letter-spacing:-.04em; margin:0; }
.fiction-label { display:inline-flex; align-items:center; width:fit-content; font-size:12px; line-height:1.5; padding:7px 10px; border:1px solid #cbd0d8; border-radius:6px; color:#5d6570; background:#ffffff60; }
.impact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.impact-grid article { padding:30px 29px 25px; background:white; border:1px solid #e2e5e9; border-radius:19px; aspect-ratio:1.08; display:flex; flex-direction:column; }
.impact-category { color:#69717e; font-size:12px; letter-spacing:.11em; }
.impact-grid strong { font-size:clamp(62px,6.5vw,94px); font-weight:500; letter-spacing:-.075em; line-height:1.1; margin:30px 0 18px; }
.impact-grid strong>span { font-size:.45em; letter-spacing:-.04em; margin-left:5px; }
.impact-grid article:nth-child(1) strong { color:#2349cd; }
.impact-grid article:nth-child(2) strong { color:#147d67; }
.impact-grid article:nth-child(3) strong { color:#b65129; }
.impact-grid h3 { font-size:21px; line-height:1.2; letter-spacing:-.035em; margin-bottom:14px; font-weight:550; }
.impact-grid p { font-size:16px; color:#68717c; line-height:1.6; max-width:250px; margin-bottom:23px; }
.impact-grid small { font-size:12px; color:#747c88; margin-top:auto; }
.platform-section { padding:95px 20px 85px; background:#09090d; }
.platform-copy { text-align:center; }
.platform-copy .eyebrow { color:#b2a3c1; }
.platform-copy h2 { color:#f5f4f9; font-size:clamp(40px,4.8vw,66px); }
.platform-copy h2>span { color:#aaa9b6; }
.platform-copy>p:not(.eyebrow) { font-size:18px; color:#aaa7b7; line-height:1.65; }
.platform-section .product-area { margin-top:45px; }
@media(max-width:900px) { .impact-grid article { padding:25px 23px; aspect-ratio:auto; } .impact-grid h3 { font-size:19px; } }
@media(max-width:600px) { .brand-hero { padding:57px 22px 33px; margin-top:0; text-align:left; } .brand-hero h1 { font-size:clamp(38px,9.3vw,54px); line-height:1.1; margin:24px 0; } .brand-hero .eyebrow { font-size:12px; line-height:1.6; } .brand-hero>p:not(.eyebrow) { font-size:17px; } .brand-hero .hero-actions { justify-content:flex-start; flex-wrap:wrap; } .hero-business { margin-top:32px; justify-content:flex-start; font-size:12px; gap:12px; } .hero-business>span:first-child { padding-right:12px; } .impact-section { padding:33px 20px 42px; margin-top:0; } .impact-intro { flex-direction:column; align-items:flex-start; gap:15px; } .impact-intro h2 { font-size:25px; } .impact-grid { grid-template-columns:1fr; gap:13px; } .impact-grid article { padding:26px; } .impact-grid strong { font-size:77px; margin:24px 0 15px; } .impact-grid h3 { font-size:23px; } .impact-grid p { max-width:none; } .platform-section { padding:64px 0 52px; } .platform-copy { text-align:left; padding:0 22px; } .platform-copy h2 { font-size:40px; } .platform-copy>p:not(.eyebrow) { font-size:17px; } }
:root { --bg:#090a0d; --text:#f7f7f9; --muted:#9d9fa8; }
.brand-wrap { max-width:1280px; margin:0 auto; padding:86px 34px; }
.light-section { background:#f2f3f5; color:#181c23; }
.light-section .eyebrow { color:#606b78; }
.light-section h2 { color:#181c23; }
.light-section h2>span { color:#727984; }
.light-section .text-link { color:#202935; }
.section-lead { display:flex; justify-content:space-between; align-items:flex-end; gap:50px; margin-bottom:46px; }
.section-lead h2 { margin-bottom:0; font-size:clamp(37px,4.6vw,62px); }
.section-lead .eyebrow { font-size:12px; margin-bottom:22px; }
.section-lead>p { font-size:17px; line-height:1.7; color:#767e8b; margin:0 0 3px; max-width:370px; }
.section-lead>.fiction-label { font-size:12px; flex-shrink:0; padding:10px 14px; line-height:1.6; color:#64707b; }
.button-dark { background:#171b23; color:#fff; border:1px solid #171b23; box-shadow:none; }
.button-dark:hover { background:#343b48; border-color:#343b48; }
.button-primary,.header-cta { background:#f6f6f8; color:#191d26; border-color:#f6f6f8; box-shadow:none; }
.button-primary:hover,.header-cta:hover { background:#d7dbe3; color:#171b23; box-shadow:none; border-color:#d7dbe3; }
.site-header { border-color:#ffffff12; }
.site-header #navigation a { font-size:14px; color:#b6bac3; }
.site-header #navigation a:hover { color:white; }
.full-footer { background:#0e1015; border-color:#252a35; }
.footer-brand>small { font-size:12px; color:#8c95a5; }
.footer-brand>p { margin-bottom:15px; }
.footer-links a { color:#a8b0bf; }
.footer-links strong { color:#e3e7ed; }
.footer-bottom { color:#8e98a8; border-color:#2c313b; }
.closing { background:#101218; border-top:1px solid #262b35; }
.closing h2>span { color:#aeb6c4; }
.closing .eyebrow,.closing>p:last-child { color:#99a2b2; }
.commerce-preview .brand-wrap { padding-top:88px; padding-bottom:90px; }
.commerce-outcomes { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.commerce-outcomes>article { background:#fff; border:1px solid #e1e5eb; border-radius:24px; overflow:hidden; }
.outcome-copy { padding:34px 35px 18px; }
.case-kicker { color:#76818e; font-size:12px; letter-spacing:.12em; }
.outcome-copy h3 { color:#141c29; font-weight:500; font-size:43px; line-height:1.07; letter-spacing:-.05em; margin:22px 0; }
.outcome-copy p { color:#6d7784; font-size:17px; line-height:1.65; margin-bottom:18px; }
.outcome-copy .text-link { font-size:14px; }
.growth-proof-chart { margin:0; background:#edf2fc; padding:29px; border:1px solid #d0ddf1; border-radius:19px; color:#193c8e; }
.commerce-outcomes .growth-proof-chart { margin:18px 22px 22px; }
.chart-kicker { display:flex; justify-content:space-between; align-items:center; gap:15px; font-size:12px; letter-spacing:.05em; }
.chart-kicker .fiction-label { font-size:12px; padding:5px 8px; letter-spacing:0; background:#f6f8ff; border-color:#bacded; color:#556a93; }
.chart-main { display:flex; align-items:baseline; gap:18px; margin-top:25px; }
.chart-main>strong { font-size:70px; font-weight:500; letter-spacing:-.07em; line-height:1; }
.chart-main>strong>span { font-size:.48em; }
.chart-main>span { font-size:14px; line-height:1.5; max-width:130px; color:#5670a1; }
.revenue-bars { height:200px; display:flex; gap:25px; align-items:flex-end; justify-content:center; padding:10px 20px 0; border-bottom:1px solid #bacded; position:relative; margin-top:8px; }
.revenue-bars>div { display:flex; flex-direction:column; justify-content:flex-end; align-items:center; height:100%; width:83px; position:relative; }
.revenue-bars i { width:100%; height:var(--bar); background:#94afe6; border-radius:9px 9px 0 0; order:2; }
.revenue-bars>div:nth-child(2) i { background:#2d57d4; }
.revenue-bars>div>span { color:#4b659c; font-size:14px; padding-bottom:7px; }
.revenue-bars small { font-size:12px; color:#64799b; position:absolute; bottom:-25px; }
.chart-direction { font-size:52px; font-weight:300; color:#557ad2; align-self:center; }
.growth-proof-chart figcaption { font-size:12px; color:#60749a; margin-top:38px; }
.promise-preview { margin:36px 22px 22px; border-radius:19px; padding:30px; border:1px solid #c4dcd0; color:#225b45; background:#edf5f0; min-height:375px; }
.promise-preview>span { font-size:12px; letter-spacing:.07em; color:#638272; }
.promise-preview>div { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:34px; padding-bottom:27px; border-bottom:1px solid #c5dace; }
.promise-preview strong { font-size:43px; font-weight:450; letter-spacing:-.05em; }
.promise-tick { background:#cce5d8; color:#2a7650; border-radius:50%; width:44px; height:44px; display:flex; align-items:center; justify-content:center; font-size:25px; }
.promise-preview p { font-size:21px; line-height:1.5; margin:25px 0; color:#567765; }
.promise-preview small { color:#6c8a78; font-size:12px; }
.client-section { background:#fff; }
.client-feature { display:grid; grid-template-columns:1.12fr 1fr; gap:0; border:1px solid #e1e5e9; border-radius:25px; overflow:hidden; background:#f5f6f7; }
.client-photo { position:relative; min-height:595px; }
.client-photo img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:48% 50%; }
.client-photo>span { position:absolute; bottom:23px; left:23px; right:23px; width:fit-content; padding:10px 13px; border:1px solid #ffffff80; background:#ffffffdb; border-radius:8px; font-size:13px; color:#363e4b; backdrop-filter:blur(8px); }
.client-story { padding:43px; }
.client-story .case-kicker { font-size:12px; line-height:1.8; }
.client-result { display:block; font-size:95px; font-weight:500; letter-spacing:-.07em; line-height:1; margin:30px 0 14px; color:#2049c1; }
.client-result>span { font-size:.48em; }
.client-result-label { font-size:17px; line-height:1.55; color:#6d7682; }
.client-story blockquote { margin:35px 0 17px; color:#222b38; font-size:28px; letter-spacing:-.025em; line-height:1.35; }
.quote-role { font-size:12px; line-height:1.6; color:#777f8b; }
.client-detail { margin-top:28px; border-top:1px solid #d8dfe6; }
.client-detail summary { display:flex; align-items:center; justify-content:space-between; padding:21px 0 5px; font-size:15px; color:#354455; cursor:pointer; list-style:none; }
.client-detail summary::-webkit-details-marker { display:none; }
.client-detail[open] summary>span { transform:rotate(45deg); }
.client-detail p { font-size:16px; line-height:1.7; color:#6a7481; margin-top:20px; }
.client-quotes { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:35px; }
.client-quotes>article { padding:30px 0 0; border-top:1px solid #d8dfe7; }
.client-quotes>article>div { display:grid; grid-template-columns:auto 1fr; align-items:baseline; gap:9px 19px; }
.client-quotes .fiction-label { grid-column:1/-1; margin-bottom:15px; font-size:12px; background:#f3f5f7; }
.client-quotes strong { font-size:45px; color:#2b5446; letter-spacing:-.05em; font-weight:500; }
.client-quotes>article:nth-child(2) strong { color:#a55732; }
.client-quotes>article>div>span:last-child { font-size:15px; color:#737c88; }
.client-quotes blockquote { font-size:21px; line-height:1.5; color:#3f4a58; margin:25px 0 20px; max-width:530px; }
.client-quotes small { font-size:12px; color:#7a838f; }
.integrations-section { border-top:1px solid #e1e5e9; }
.integrations-heading { text-align:center; }
.integrations-heading h2 { font-size:clamp(37px,4.3vw,60px); margin-bottom:27px; }
.integrations-heading>p:not(.eyebrow) { color:#6e7886; font-size:18px; line-height:1.7; }
.integration-families { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:13px; margin:46px 0 35px; }
.integration-families>div { display:flex; flex-direction:column; align-items:center; text-align:center; background:white; border:1px solid #e0e5eb; border-radius:16px; padding:26px 12px; }
.integration-families svg { width:33px; height:33px; color:#536c95; margin-bottom:19px; }
.integration-families strong { font-size:17px; font-weight:550; color:#293747; }
.integration-families span { font-size:12px; color:#7d8897; line-height:1.5; margin-top:10px; }
.integration-reassurance { display:flex; justify-content:space-between; gap:25px; align-items:center; padding-top:22px; border-top:1px solid #d9e0e7; }
.integration-reassurance>span { font-size:13px; line-height:1.6; color:#7b8795; }
.integration-reassurance a { font-size:14px; color:#41546f; }
.network-invitation { background:#162e2b; color:#f0f7f3; }
.network-invitation .brand-wrap { padding-top:67px; padding-bottom:73px; }
.network-invitation .eyebrow { color:#9fbfb3; }
.network-invitation .brand-wrap>div { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:end; margin-top:26px; }
.network-invitation h2 { font-size:clamp(38px,4.1vw,57px); margin-bottom:0; }
.network-invitation h2>span { color:#a1bdb2; }
.network-invitation p { color:#b0c7bd; font-size:17px; line-height:1.75; margin-bottom:26px; }
.network-invitation .button-primary { background:#e5f0e9; color:#193d31; border-color:#e5f0e9; }
.commercial-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:65px; align-items:center; padding-top:67px; padding-bottom:82px; }
.commercial-hero .eyebrow { font-size:12px; color:#a9b0bd; line-height:1.6; }
.commercial-hero h1 { font-size:clamp(44px,4.6vw,64px); line-height:1.1; }
.commercial-hero h1>span { color:#a9b2c0; }
.commercial-hero>div>p:not(.eyebrow) { font-size:18px; color:#aab3c2; line-height:1.7; margin-bottom:32px; }
.quiet-jump { display:block; color:#a8b4c5; font-size:14px; margin-top:26px; }
.commercial-photo { margin:0; border-radius:24px; overflow:hidden; position:relative; min-height:540px; }
.commercial-photo:after { content:''; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,#0c1725ba); pointer-events:none; }
.commercial-photo img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:52% 50%; }
.commercial-photo figcaption { position:absolute; z-index:1; color:#526070; background:#ffffffd9; padding:7px 10px; border-radius:6px; font-size:12px; top:18px; left:18px; right:18px; width:fit-content; }
.photo-note { position:absolute; z-index:1; bottom:30px; left:29px; right:29px; display:flex; justify-content:space-between; align-items:end; gap:20px; }
.photo-note strong { font-size:34px; line-height:1.13; font-weight:450; letter-spacing:-.04em; color:white; }
.photo-note>span { font-size:12px; padding:8px 10px; border:1px solid #ffffff77; border-radius:6px; color:#f0f3f8; flex-shrink:0; }
.growth-split { display:grid; grid-template-columns:1.1fr .9fr; gap:85px; align-items:center; }
.growth-copy h2 { font-size:clamp(36px,4vw,54px); }
.large-copy { font-size:21px; line-height:1.6; color:#717d8b; max-width:460px; }
.outcome-lines { margin-top:35px; }
.outcome-lines>div { display:flex; gap:22px; padding:23px 0; border-top:1px solid #d4dce5; }
.outcome-lines>div>span { color:#8d99ab; font-size:12px; padding-top:4px; }
.outcome-lines p { margin:0; color:#727e8e; font-size:16px; line-height:1.7; }
.outcome-lines strong { display:block; color:#334155; font-weight:500; font-size:18px; margin-bottom:8px; }
.growth-split .growth-proof-chart { padding:33px; }
.growth-split .chart-main { flex-direction:column; align-items:flex-start; gap:16px; }
.growth-split .chart-main>strong { font-size:98px; }
.growth-split .chart-main>span { max-width:none; font-size:17px; }
.growth-split .revenue-bars { height:230px; margin-top:30px; }
.commercial-fulfillment { background:#0c0b10; }
.commercial-fulfillment .section-lead>p { color:#a7a5b4; }
.commercial-fulfillment .section-lead .eyebrow { color:#aaa1b7; }
.commercial-fulfillment h2>span { color:#a6a4b1; }
.commercial-fulfillment figure { margin:0; }
.value-trio { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:50px; }
.value-trio h3 { color:#e3dbea; font-size:24px; letter-spacing:-.04em; font-weight:500; }
.value-trio p { font-size:16px; line-height:1.7; color:#9f95ad; }
.offers-surface { background:#f2f3f5; color:#1d2735; padding-bottom:70px; }
.light-plans { padding-bottom:30px; }
.light-plans .eyebrow { color:#667487; }
.light-plans h2>span { color:#7a8493; }
.light-plans .audience-switch { background:#e2e6ed; border-color:#d1d8e2; }
.light-plans .audience-switch button { color:#727f90; }
.light-plans .audience-switch button.selected { background:white; color:#27394f; box-shadow:0 1px 5px #213d5b13; }
.light-plans .plans { gap:18px; margin-top:42px; }
.light-plans .plan { background:white; color:#233044; border:1px solid #d8e0e9; border-radius:17px; padding:30px; }
.light-plans .plan-featured { background:#eff3fc; border-color:#9cafcd!important; box-shadow:none; }
.light-plans .plan-index { color:#6a7e99; font-size:12px; }
.light-plans .plan h3 { color:#263a58; font-size:32px; }
.light-plans .plan-desc { color:#566a86; font-size:17px; }
.light-plans .plan-body { font-size:16px; line-height:1.65; color:#7a879a; max-width:none; }
.light-plans .plan-link { color:#2f496d; border-color:#d1dce9; }
.light-plans .offers-foot { color:#6d7d92; }
.light-plans .offers-foot p { color:#617187; font-size:15px; }
.light-plans .offers-foot>span { color:#8390a2; font-size:12px; }
.compact-faq { padding-top:18px; padding-bottom:0; }
.compact-faq details { border-top:1px solid #d4dee8; }
.compact-faq details:last-child { border-bottom:1px solid #d4dee8; }
.compact-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 0; font-size:17px; color:#42566e; list-style:none; cursor:pointer; }
.compact-faq summary::-webkit-details-marker { display:none; }
.compact-faq p { font-size:16px; color:#778497; line-height:1.8; max-width:870px; margin:0 0 27px; }
.compact-faq a { color:#486b9b; display:inline-block; margin-bottom:25px; font-size:14px; }
.inline-connection { text-align:center; padding-top:65px; padding-bottom:65px; }
.inline-connection h2 { font-size:40px; color:#e1e5ed; }
.inline-connection p { font-size:18px; line-height:1.7; color:#97a4b9; }
.inline-connection .text-link { color:#afbfd6; }
.network-brand-hero { padding-bottom:78px; }
.network-value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; }
.network-value-grid article { background:white; border:1px solid #dee6e3; border-radius:18px; padding:31px; }
.network-value-grid article>span { font-size:12px; color:#799589; }
.network-value-grid h3 { color:#365349; font-size:30px; font-weight:500; line-height:1.13; letter-spacing:-.045em; margin:38px 0 23px; }
.network-value-grid p { color:#7b8c84; font-size:17px; line-height:1.7; }
.network-truth h2>span { color:#a9bcb3; }
.network-truth .eyebrow { color:#9bb6a9; }
.network-truth .section-lead>p { color:#a1b2a9; }
.network-truth .truth-scene { margin:0; background:radial-gradient(ellipse at 50% 40%,#2a64492e,transparent 70%),#101915; border-color:#3b5f4d; }
.network-truth .truth-window { border-color:#486a5b; background:#17231c; }
.network-truth .truth-window-head { background:#1d2a22; border-color:#3a5345; }
.network-truth .truth-avatar { color:#b2d9c1; background:#2c4436; }
.network-truth .truth-window-head small,.network-truth .truth-own { color:#90ad9b; }
.network-truth .truth-bridge>div { background:#223e2e; border-color:#75a78b; box-shadow:0 0 25px #5db78320; }
.network-truth .truth-bridge>span { background:#8fc2a3; box-shadow:none; }
.network-truth .truth-bridge small { color:#a2beaC; }
.network-truth .truth-event { border-color:#38523f; color:#adc4b7; }
.network-truth .truth-controls button { border-color:#455c4c; background:#18241c; color:#a6b9ab; }
.network-truth .truth-controls button[aria-pressed=true] { color:var(--status); border-color:var(--status); }
.network-truth .truth-announcement { color:#b0c6b9; }
.network-truth .truth-scene figcaption { color:#8ca496; }
.network-example { background:#eaf2ee; }
.network-example-content { display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:35px; }
.network-example h2 { font-size:44px; color:#2b4d3e; }
.network-example h2>span { color:#7b9588; }
.network-example blockquote { margin:5px 0 0; font-size:27px; line-height:1.4; letter-spacing:-.025em; color:#416451; }
.network-example cite { display:block; font-size:12px; color:#789182; font-style:normal; letter-spacing:0; margin-top:25px; }
.vision-brand-hero { padding-bottom:85px; }
.vision-brand-hero h1 { max-width:1000px; }
.vision-horizons .horizons-scene { margin:0; }
.vision-horizons .horizons-foundation { border-color:#c8cfda; }
.vision-horizons .horizons-foundation>img { filter:invert(1); }
.vision-horizons .horizons-foundation>span { color:#39475c; }
.vision-horizons .horizons-foundation small { color:#7c8797; }
.vision-horizons .horizons-scene>figcaption { color:#7e8896; }
.collective-vision h2 { font-size:clamp(42px,5vw,68px); }
.collective-vision h2>span { color:#a7b1c0; }
.collective-vision .eyebrow { color:#9eabbd; }
.collective-actors { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #344051; border-bottom:1px solid #344051; padding:37px 0; margin:40px 0; }
.collective-actors>span { font-size:25px; color:#c8d1df; letter-spacing:-.03em; }
.collective-actors i { font-style:normal; color:#7088ac; font-size:24px; }
.collective-vision>p:not(.eyebrow) { color:#9eacc0; font-size:21px; line-height:1.7; max-width:750px; }
.collective-vision .vision-depth { max-width:none; border-color:#374254; }
.collective-vision .vision-depth summary { color:#b6c2d5; }
.collective-vision .vision-depth p { color:#99a7bd; }
.vision-ai-statement { background:#121017; border-top:1px solid #30213e; border-bottom:1px solid #30213e; }
.vision-ai-statement .eyebrow { color:#b29cbf; }
.vision-ai-statement h2 { font-size:clamp(46px,6.1vw,85px); line-height:1.07; }
.vision-ai-statement .brand-wrap>p:not(.eyebrow) { color:#b4a2c0; font-size:20px; line-height:1.7; margin-top:30px; }
.vision-cap { display:block; font-size:13px; color:#887291; margin-top:25px; }
body[data-page=vision] .freedom-chapter { background:#f5f6f8; margin-top:0; }
body[data-page=vision] .freedom-chapter h2>span { color:#4d658c; }
body[data-page=vision] .freedom-chapter .eyebrow,body[data-page=vision] .freedom-chapter .section-wrap>p:not(.eyebrow),body[data-page=vision] .freedom-principles p { color:#748094; }
body[data-page=vision] .freedom-principles>div>span { color:#6b83a7; }
body[data-page=vision] .freedom-principles { border-color:#d0dae6; }
body[data-page=vision] .europe-horizon>span:not(.horizon-arrow) { color:#e0e6ef; }
body[data-page=vision] .horizon-arrow { background:none; color:#91a5c4; }
.demo-intro .eyebrow { color:#aab7c9; }
.demo-intro .lead-text { color:#aab4c4; }
.demo-intro h1>span { color:#aeb8ca; }
.demo-reminder { border-color:#344051; background:#181e2a; color:#abb9cf; }
.demo-form-card { background:#f2f4f8; border-color:#d3dbe7; color:#29364a; }
.demo-form-card h2 { color:#2f405c; }
.demo-form-card .form-description,.demo-form-card .form-prototype,.demo-form-card .optional { color:#7d8aa0; }
.demo-form-card label,.demo-form-card legend { color:#526984; }
.demo-form-card input:not([type=radio]),.demo-form-card select,.demo-form-card textarea { background:white; border-color:#c7d2e1; color:#31445e; }
.demo-form-card input::placeholder,.demo-form-card textarea::placeholder { color:#8b99ae; }
.demo-form-card .role-choice label { background:#e1e7f1; border-color:#ccd6e4; color:#526b8a; }
.demo-form-card .button-primary { background:#263b5a; border-color:#263b5a; color:white; }
.demo-form-card #demo-summary dt { color:#7c8da5; }
.demo-form-card #demo-summary dd { color:#364e71; }

@media(max-width:1000px) {
 .brand-wrap { padding-left:28px; padding-right:28px; }
 .section-lead { gap:35px; } .section-lead>p { max-width:300px; font-size:16px; }
 .outcome-copy { padding:29px 27px 18px; } .outcome-copy h3 { font-size:37px; }
 .chart-kicker { flex-wrap:wrap; gap:10px; } .chart-main { gap:13px; } .chart-main>strong { font-size:61px; }
 .promise-preview { min-height:371px; padding:27px; } .promise-preview strong { font-size:36px; }
 .client-story { padding:32px; } .client-story blockquote { font-size:25px; } .client-result { font-size:83px; }
 .integration-families { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .network-invitation .brand-wrap>div { gap:50px; }
 .commercial-hero { gap:40px; } .commercial-photo { min-height:495px; }
 .commercial-hero h1 { font-size:47px; } .photo-note { left:23px; right:23px; gap:12px; } .photo-note strong { font-size:28px; }
 .growth-split { gap:48px; } .growth-split .growth-proof-chart { padding:27px; } .growth-split .chart-main>strong { font-size:83px; }
 .network-value-grid { gap:17px; } .network-value-grid article { padding:25px; } .network-value-grid h3 { font-size:26px; }
 .collective-actors>span { font-size:22px; }
}
@media(max-width:760px) {
 .section-lead { flex-direction:column; align-items:flex-start; gap:24px; }
 .section-lead>p { max-width:580px; } .section-lead>.fiction-label { width:fit-content; }
 .client-feature { grid-template-columns:1fr; } .client-photo { min-height:390px; } .client-story { padding:35px; }
 .client-quotes>article>div { grid-template-columns:1fr; } .client-quotes .fiction-label { margin-bottom:12px; }
 .commercial-hero { grid-template-columns:1fr; gap:39px; } .commercial-hero h1 { font-size:55px; } .commercial-photo { min-height:390px; }
 .growth-split { grid-template-columns:1fr; gap:35px; } .growth-split .growth-proof-chart { max-width:570px; width:100%; }
 .network-value-grid { grid-template-columns:1fr; } .network-value-grid article { display:grid; grid-template-columns:35px 1fr; gap:15px; padding:29px; }
 .network-value-grid article>span { padding-top:5px; } .network-value-grid h3 { margin:0; font-size:29px; } .network-value-grid p { grid-column:2; margin-bottom:0; }
 .network-example-content { grid-template-columns:1fr; gap:25px; } .network-example h2 { font-size:43px; }
 .collective-actors { flex-wrap:wrap; justify-content:flex-start; gap:20px; } .collective-actors>span { font-size:24px; }
}
@media(max-width:600px) {
 .brand-wrap { padding:62px 22px; }
 .section-lead { margin-bottom:32px; gap:23px; }
 .section-lead h2 { font-size:clamp(35px,9vw,46px); line-height:1.1; }
 .section-lead .eyebrow { font-size:12px; line-height:1.6; margin-bottom:20px; }
 .section-lead>p { font-size:16px; } .section-lead>.fiction-label { font-size:12px; padding:8px 11px; }
 .commerce-preview .brand-wrap { padding-top:58px; padding-bottom:59px; }
 .commerce-outcomes { grid-template-columns:1fr; gap:21px; }
 .commerce-outcomes>article { border-radius:19px; }
 .outcome-copy { padding:27px 25px 12px; } .outcome-copy h3 { font-size:38px; } .outcome-copy p { font-size:16px; }
 .commerce-outcomes .growth-proof-chart { margin:18px 15px 15px; padding:24px; }
 .chart-kicker { font-size:12px; } .chart-main { margin-top:23px; gap:16px; } .chart-main>strong { font-size:65px; } .chart-main>span { font-size:14px; }
 .revenue-bars { height:175px; padding-left:5px; padding-right:5px; gap:21px; } .revenue-bars>div { width:70px; }
 .promise-preview { margin:23px 15px 15px; padding:25px; min-height:345px; } .promise-preview>span { font-size:12px; line-height:1.7; } .promise-preview strong { font-size:39px; }
 .client-photo { min-height:320px; } .client-photo>span { left:17px; right:17px; bottom:17px; font-size:12px; }
 .client-story { padding:29px 24px; } .client-result { font-size:86px; margin-top:26px; } .client-result-label { font-size:16px; }
 .client-story blockquote { font-size:26px; margin-top:28px; } .client-detail summary { font-size:15px; }
 .client-quotes { grid-template-columns:1fr; gap:26px; margin-top:31px; } .client-quotes>article { padding-top:26px; }
 .client-quotes>article>div { grid-template-columns:auto 1fr; gap:12px 15px; } .client-quotes strong { font-size:43px; } .client-quotes>article>div>span:last-child { font-size:14px; line-height:1.5; }
 .client-quotes blockquote { font-size:20px; } .client-quotes small { line-height:1.65; display:block; }
 .integrations-heading { text-align:left; } .integrations-heading h2 { font-size:38px; } .integrations-heading>p:not(.eyebrow) { font-size:17px; }
 .integration-families { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:32px; }
 .integration-families>div { padding:24px 11px; } .integration-families strong { font-size:18px; } .integration-families span { font-size:12px; }
 .integration-reassurance { flex-direction:column; align-items:flex-start; gap:21px; } .integration-reassurance>span { font-size:12px; }
 .network-invitation .brand-wrap { padding-top:53px; padding-bottom:60px; } .network-invitation .brand-wrap>div { grid-template-columns:1fr; gap:24px; }
 .network-invitation h2 { font-size:39px; } .network-invitation p { font-size:17px; }
 .commercial-hero { padding-top:50px; padding-bottom:48px; } .commercial-hero h1 { font-size:clamp(39px,10vw,53px); } .commercial-hero>div>p:not(.eyebrow) { font-size:17px; }
 .commercial-photo { min-height:370px; border-radius:19px; } .commercial-photo figcaption { font-size:12px; line-height:1.5; right:15px; left:15px; top:15px; }
 .photo-note strong { font-size:31px; } .photo-note>span { font-size:12px; }
 .growth-copy h2 { font-size:39px; } .large-copy { font-size:20px; } .outcome-lines>div { gap:18px; padding:22px 0; }
 .growth-split .growth-proof-chart { padding:28px; } .growth-split .chart-main>strong { font-size:86px; } .growth-split .revenue-bars { height:210px; }
 .value-trio { grid-template-columns:1fr; gap:17px; margin-top:31px; } .value-trio>div { padding-top:22px; border-top:1px solid #3c2d44; }
 .value-trio h3 { font-size:25px; margin-bottom:15px; } .value-trio p { font-size:16px; margin-bottom:0; }
 .offers-surface { padding-bottom:49px; } .light-plans { padding-bottom:24px; } .light-plans .offers-heading { gap:27px; }
 .light-plans .offers-heading h2 { font-size:38px; } .light-plans .plans { margin-top:29px; gap:15px; }
 .light-plans .plan { padding:28px 25px; } .light-plans .plan-desc { font-size:17px; } .light-plans .plan-body { font-size:16px; }
 .light-plans .offers-foot { gap:17px; } .light-plans .offers-foot p { font-size:14px; } .light-plans .offers-foot>span { line-height:1.6; }
 .compact-faq { padding-top:8px; padding-bottom:0; } .compact-faq summary { font-size:16px; line-height:1.5; padding:22px 0; } .compact-faq p { font-size:16px; }
 .inline-connection { padding-top:51px; padding-bottom:51px; } .inline-connection h2 { font-size:33px; } .inline-connection p { font-size:17px; }
 .network-brand-hero { padding-bottom:55px; } .network-value-grid article { padding:25px 22px; grid-template-columns:24px 1fr; gap:14px; }
 .network-value-grid h3 { font-size:28px; } .network-value-grid p { font-size:16px; }
 .network-example h2 { font-size:36px; } .network-example blockquote { font-size:25px; } .network-example cite { font-size:12px; line-height:1.6; }
 .vision-brand-hero { padding-bottom:59px; } .vision-brand-hero h1 { font-size:clamp(41px,10.6vw,58px); }
 .collective-vision h2 { font-size:40px; } .collective-actors { padding:26px 0; margin:29px 0; gap:17px; }
 .collective-actors>span { font-size:21px; } .collective-actors i { font-size:20px; }
 .collective-vision>p:not(.eyebrow) { font-size:18px; }
 .vision-ai-statement h2 { font-size:clamp(36px,9.3vw,50px); } .vision-ai-statement .brand-wrap>p:not(.eyebrow) { font-size:18px; }
 .vision-cap { font-size:12px; line-height:1.7; }
 .demo-layout { padding-top:46px; } .demo-intro .lead-text { font-size:19px; }
}
.market-expansion { margin:25px 22px 22px; border-radius:19px; border:1px solid #cddbee; background:#edf2fc; padding:29px; color:#355080; }
.market-title { display:flex; gap:17px; align-items:center; margin:31px 0; }
.market-title>svg { width:44px; height:44px; color:#5b7aaa; flex-shrink:0; }
.market-title>strong { font-size:28px; font-weight:450; letter-spacing:-.04em; line-height:1.12; color:#2d4b7d; }
.market-path { display:grid; grid-template-columns:1fr 20px 1fr 20px 1fr; align-items:center; gap:8px; margin:37px 0 28px; }
.market-path>div { display:flex; flex-direction:column; align-items:center; text-align:center; min-width:0; }
.market-path>div>span { font-size:36px; color:#315dcc; letter-spacing:-.055em; font-weight:500; padding:15px 5px; border-top:1px solid #9ab5dc; border-bottom:1px solid #9ab5dc; width:100%; background:#f9fbff; }
.market-path>div:first-child>span { color:#577398; background:#dce6f5; }
.market-path strong { color:#47658f; font-size:14px; font-weight:450; margin:15px 0 9px; }
.market-path small { color:#6c86ab; font-size:12px; line-height:1.4; min-height:2.8em; }
.market-join { color:#8ea9d0; font-size:22px; margin-top:-62px; }
.market-expansion figcaption { color:#7389aa; font-size:12px; }
@media(max-width:1000px) { .market-expansion { padding:25px; } .market-title>strong { font-size:25px; } .market-path { gap:5px; grid-template-columns:1fr 15px 1fr 15px 1fr; } .market-path strong { font-size:13px; } .market-title>svg { width:37px; height:37px; } }
@media(max-width:600px) {
 .impact-grid article { display:grid; grid-template-columns:112px minmax(0,1fr); column-gap:18px; row-gap:8px; padding:22px; align-items:center; }
 .impact-grid .impact-category { display:none; }
 .impact-grid strong { grid-column:1; grid-row:1/3; font-size:52px; margin:0; }
 .impact-grid strong>span { font-size:.43em; margin-left:3px; }
 .impact-grid h3 { grid-column:2; font-size:18px; line-height:1.25; margin:0; }
 .impact-grid small { grid-column:2; font-size:12px; margin:0; }
 .market-expansion { margin:24px 15px 15px; padding:25px; }
 .market-title { gap:13px; margin:28px 0; }
 .market-title>strong { font-size:26px; }
 .market-path { gap:5px; margin-top:32px; }
 .market-path>div>span { font-size:30px; padding:14px 4px; }
 .market-path strong { font-size:12px; }
 .market-path small { font-size:12px; }
 .market-join { font-size:18px; }
}
@media(max-width:360px) { .impact-grid article { grid-template-columns:97px minmax(0,1fr); column-gap:13px; padding:20px; } .impact-grid strong { font-size:47px; } .impact-grid h3 { font-size:17px; } .market-expansion { padding:22px 18px; } }

/* Product persona colors from SupplyOS-Design-main/src/App.tsx. */
:root {
  --commerce-accent:hsl(262 83% 58%);
  --commerce-ink:#6024ba;
  --commerce-light:#c7a4ff;
  --commerce-soft:#f3edfc;
  --commerce-border:#d9c8f0;
  --network-accent:hsl(217 91% 60%);
  --network-ink:#2455ae;
  --network-light:#9cc6ff;
  --network-soft:#edf4ff;
  --network-border:#c4d7f4;
  --persona-accent:var(--commerce-accent);
  --persona-ink:var(--commerce-ink);
  --persona-light:var(--commerce-light);
  --persona-soft:var(--commerce-soft);
  --persona-border:var(--commerce-border);
}
body[data-page=network],.light-plans[data-plan-audience=logistics],.demo-layout[data-persona=logistics] {
  --persona-accent:var(--network-accent);
  --persona-ink:var(--network-ink);
  --persona-light:var(--network-light);
  --persona-soft:var(--network-soft);
  --persona-border:var(--network-border);
}
.light-plans[data-plan-audience=brands] {
  --persona-accent:var(--commerce-accent);
  --persona-ink:var(--commerce-ink);
  --persona-light:var(--commerce-light);
  --persona-soft:var(--commerce-soft);
  --persona-border:var(--commerce-border);
}
/* Same identities in the menu and in the two product journeys. */
.commercial-hero .eyebrow,.commercial-hero .quiet-jump { color:var(--commerce-light); }
.commercial-hero h1>span { color:#c9b4e6; }
.commercial-hero .button-primary { color:var(--commerce-ink); border-color:var(--commerce-light); }
.commerce-preview .eyebrow,.growth-copy .eyebrow,.outcome-copy .case-kicker { color:var(--commerce-ink); }
.commerce-preview .button-dark { background:var(--commerce-ink); border-color:var(--commerce-ink); }
.commerce-preview .button-dark:hover { background:#4e1b9b; }
.outcome-copy .text-link { color:var(--commerce-ink); }
/* Brand results share a violet identity; this is not a semantic status palette. */
.impact-grid article:nth-child(1) strong,.impact-grid article:nth-child(2) strong,.impact-grid article:nth-child(3) strong,.client-result,.client-quotes strong,.client-quotes>article:nth-child(2) strong { color:var(--commerce-ink); }
.impact-grid article { border-top-color:var(--commerce-border); }
.growth-proof-chart,.market-expansion { background:var(--commerce-soft); border-color:var(--commerce-border); color:var(--commerce-ink); }
.chart-kicker .fiction-label { background:#faf7ff; color:#78559b; border-color:var(--commerce-border); }
.chart-main>strong,.market-path>div>span { color:var(--commerce-accent); }
.chart-main>span,.growth-proof-chart figcaption,.revenue-bars small,.market-path small,.market-expansion figcaption { color:#806397; }
.revenue-bars { border-color:var(--commerce-border); }
.revenue-bars i { background:#c5a8e9; }
.revenue-bars>div:nth-child(2) i { background:var(--commerce-accent); }
.revenue-bars>div>span,.chart-direction,.market-title>svg,.market-join { color:#9b72c8; }
.market-title>strong,.market-path strong { color:#71499c; }
.market-path>div>span { border-color:#c6a8e8; background:#fcf9ff; }
.market-path>div:first-child>span { color:#9266bd; background:#e9ddf6; }
.promise-preview { background:#f5f0fb; border-color:var(--commerce-border); color:#6b438e; }
.promise-preview>span,.promise-preview small { color:#876b9a; }
.promise-preview>div { border-color:var(--commerce-border); }
.promise-preview p { color:#7a5b90; }
.promise-tick { background:#e5d6f5; color:var(--commerce-ink); }
/* Logistics stays blue on light surfaces as well as on its dark product scene. */
.network-invitation { background:#122645; color:#f0f6ff; }
.network-invitation .eyebrow { color:#9fc1f3; }
.network-invitation h2>span { color:#acc7ee; }
.network-invitation p { color:#b4c8e4; }
.network-invitation .button-primary { background:#e8f1ff; color:var(--network-ink); border-color:#b1cef7; }
.network-brand-hero .eyebrow { color:var(--network-light); }
.network-brand-hero h1>span { color:#a9c8f5; }
.network-brand-hero .button-primary { color:var(--network-ink); border-color:var(--network-light); }
.network-brand-hero .button-quiet { color:#adc9ed; }
.network-outcomes .eyebrow { color:var(--network-ink); }
.network-value-grid article { border-color:var(--network-border); }
.network-value-grid article>span { color:#6990c2; }
.network-value-grid h3 { color:#30598f; }
.network-value-grid p { color:#7387a3; }
.network-truth h2>span { color:#acc9f1; }
.network-truth .eyebrow { color:#8bb9f4; }
.network-truth .section-lead>p { color:#a1b9d8; }
.network-truth .truth-scene { background:radial-gradient(ellipse at 50% 40%,#287ad02d,transparent 70%),#101824; border-color:#365887; }
.network-truth .truth-window { border-color:#3c638f; background:#182336; }
.network-truth .truth-window-head { background:#1d2c43; border-color:#345379; }
.network-truth .truth-avatar { color:#abd0ff; background:#2a4162; }
.network-truth .truth-window-head small,.network-truth .truth-own { color:#96b3d9; }
.network-truth .truth-bridge>div { background:#1f3a62; border-color:#71a7ec; box-shadow:0 0 25px #3b82f62b; }
.network-truth .truth-bridge>span { background:#8ebfff; }
.network-truth .truth-bridge small { color:#a6c5f0; }
.network-truth .truth-event { border-color:#304e74; color:#aec7e9; }
.network-truth .truth-controls button { border-color:#3c587d; background:#18283d; color:#a9c1e2; }
.network-truth .truth-controls button[aria-pressed=true] { color:var(--status); border-color:var(--status); }
.network-truth .truth-announcement { color:#b1cbea; }
.network-truth .truth-scene figcaption { color:#8ea9cd; }
.network-truth .truth-scene.is-updating .truth-event { animation:network-state-update .55s ease-out; }
@keyframes network-state-update { from { background:#509cff40; } to { background:transparent; } }
.network-example { background:var(--network-soft); }
.network-example .eyebrow { color:#6b8eba; }
.network-example h2 { color:#325b91; }
.network-example h2>span { color:#7499c7; }
.network-example blockquote { color:#486e9d; }
.network-example cite { color:#7d9bc2; }
/* An offer keeps the identity of the selected audience, including manual switches. */
.light-plans .eyebrow,.light-plans .plan h3,.light-plans .plan-link { color:var(--persona-ink); }
.light-plans .plan { border-color:var(--persona-border); }
.light-plans .plan-featured { background:var(--persona-soft); border-color:var(--persona-accent)!important; }
.light-plans .plan-index { color:var(--persona-ink); }
.light-plans .audience-switch button.selected { color:var(--persona-ink); box-shadow:inset 0 -2px 0 var(--persona-accent); }
.demo-layout .demo-intro .eyebrow,.demo-layout .demo-intro h1>span { color:var(--persona-light); }
.demo-layout .demo-form-card .button-primary { background:var(--persona-ink); border-color:var(--persona-ink); }
.demo-layout .demo-form-card .role-choice label:has(input:checked) { background:var(--persona-soft); border-color:var(--persona-accent); color:var(--persona-ink); }
.demo-layout input[type=radio] { accent-color:var(--persona-accent); }
@media(prefers-reduced-motion:reduce) { .network-truth .truth-scene.is-updating .truth-event { animation:none; } }

/* V06: the homepage pairs the promise with Insight, before commercial evidence.
   These styles are scoped to this direction; the five-page structure is preserved. */
body[data-page=home] { --bg:#08090b; --home-surface:#141519; --home-line:#2b2c33; --home-secondary:#b1b2bd; }
.hero-stage { padding:0 0 52px; overflow:hidden; }
.launch-copy { max-width:1400px; padding:51px 26px 0; margin:auto; text-align:center; }
.launch-copy .eyebrow { color:#a9a6b2; font-size:12px; letter-spacing:.12em; margin-bottom:24px; }
.launch-copy h1 { font-size:clamp(55px,6.35vw,91px); line-height:1.06; letter-spacing:-.062em; font-weight:500; margin:0 0 24px; }
.launch-copy h1>span { background:var(--ai-gradient); background-clip:text; -webkit-background-clip:text; color:transparent; }
.compact-break { display:none; }
.launch-description { font-size:18px; line-height:1.55; color:#b6b3bf; margin:0 auto 27px; max-width:760px; }
.launch-copy .hero-actions { gap:11px; }
.launch-copy .button-primary { color:#1b1024; background:var(--ai-gradient); border-color:#e7b5fa; box-shadow:0 4px 28px #c04bde38,inset 0 1px 0 #fff5; }
.launch-copy .button-primary:hover { background:var(--ai-gradient); border-color:#ffe0be; box-shadow:0 6px 35px #df60be58; }
.launch-copy .button-quiet { color:#c4bfce; }
.hero-product { scroll-margin-top:25px; }
.hero-product .product-area { margin:38px auto 0; max-width:1280px; padding:0 30px; }
.hero-product .product-area:before { inset:2% 4% 25%; background:linear-gradient(110deg,#8c42e578,#d7488e4d 57%,#ffb73f38); filter:blur(67px); }
.hero-product .product-frame { border-radius:16px; border-color:transparent; background:linear-gradient(#0f0f11,#0f0f11) padding-box,var(--ai-gradient) border-box; box-shadow:0 24px 90px #0008,0 0 0 4px #b46ae811,0 0 32px #d7488e1f; }
.hero-product .product-top { background:#17161c; }
.hero-product .scene-controls { margin-top:20px; max-width:660px; }
.hero-product .scene-caption { color:#c0b9c9; margin-top:18px; }
.hero-product .prototype-note { color:#918999; font-size:11px; }

/* Results support the product. Dark, compact cards retain a commercial rhythm. */
body[data-page=home] .impact-section { background:transparent; color:#f6f4f8; max-width:1280px; padding:33px 30px 72px; margin:0 auto; }
body[data-page=home] .impact-intro { padding-top:32px; border-top:1px solid var(--home-line); }
body[data-page=home] .impact-intro h2 { font-size:25px; }
body[data-page=home] .fiction-label { color:#aaa5b2; background:#ffffff03; border-color:#44404d; }
body[data-page=home] .impact-grid { gap:16px; }
body[data-page=home] .impact-grid article { aspect-ratio:auto; padding:28px; background:var(--home-surface); border:1px solid var(--home-line); border-radius:16px; }
body[data-page=home] .impact-category { color:#a7a1b1; font-size:11px; }
body[data-page=home] .impact-grid strong { color:#f4effc; font-size:76px; margin:22px 0 16px; }
body[data-page=home] .impact-grid strong>span { color:var(--commerce-light); }
body[data-page=home] .impact-grid h3 { font-size:20px; max-width:250px; }
body[data-page=home] .impact-grid small { color:#9a94a4; font-size:11px; }

/* Quiet surfaces let the actual product, the photograph and the figures lead. */
body[data-page=home] .commerce-preview { background:#0d0e11; color:#f3f1f6; border-top:1px solid #202127; }
body[data-page=home] .light-section h2 { color:#f4f2f7; }
body[data-page=home] .light-section h2>span { color:#a6a2af; }
body[data-page=home] .commerce-preview .eyebrow { color:var(--commerce-light); }
body[data-page=home] .commerce-preview .button-dark { background:#241b32; color:#d5b5ff; border-color:#534066; }
body[data-page=home] .commerce-preview .button-dark:hover { background:#322240; border-color:#9870bd; }
body[data-page=home] .commerce-outcomes>article { background:#15151b; border-color:#303038; }
body[data-page=home] .outcome-copy .case-kicker { color:#c19aef; }
body[data-page=home] .outcome-copy h3 { color:#f3f0f8; }
body[data-page=home] .outcome-copy p { color:#b2aabf; }
body[data-page=home] .outcome-copy .text-link { color:#d1a7ff; border-color:#715085; }
body[data-page=home] .market-expansion { background:#20192c; border-color:#453152; color:#c5a6e3; }
body[data-page=home] .market-title>svg { color:#bc86ff; }
body[data-page=home] .market-title>strong { color:#e3cff9; }
body[data-page=home] .market-path>div>span { background:#312141; border-color:#77508f; color:#e1beff; }
body[data-page=home] .market-path>div:first-child>span { background:#211b2c; color:#b6a2cc; }
body[data-page=home] .market-path strong { color:#d4b5ef; }
body[data-page=home] .market-path small,body[data-page=home] .market-expansion figcaption { color:#aaa0bb; }
body[data-page=home] .market-join { color:#a881d5; }
body[data-page=home] .promise-preview { background:#1d1925; border-color:#43334f; color:#e2d0f7; }
body[data-page=home] .promise-preview>span,body[data-page=home] .promise-preview small { color:#b4a6c4; }
body[data-page=home] .promise-preview>div { border-color:#54415f; }
body[data-page=home] .promise-preview p { color:#c0accf; }
body[data-page=home] .promise-tick { background:#413057; color:#d8b3ff; }

/* The photograph supplies light and human context, without a white page band. */
body[data-page=home] .client-section { background:#08090b; }
body[data-page=home] .client-section .eyebrow { color:#b5a8c3; }
body[data-page=home] .client-feature { background:#17171c; border-color:#32323a; }
body[data-page=home] .client-story .case-kicker { color:#aea3bd; }
body[data-page=home] .client-result { color:#d7b8ff; }
body[data-page=home] .client-result-label { color:#b9b2c2; }
body[data-page=home] .client-story blockquote { color:#f1edf6; }
body[data-page=home] .quote-role { color:#a79fae; }
body[data-page=home] .client-detail,body[data-page=home] .client-quotes>article { border-color:#36313e; }
body[data-page=home] .client-detail summary { color:#d9c5ef; }
body[data-page=home] .client-detail p { color:#b9afc5; }
body[data-page=home] .client-quotes strong { color:#d7b8ff; }
body[data-page=home] .client-quotes>article>div>span:last-child { color:#c0b6ca; }
body[data-page=home] .client-quotes blockquote { color:#d0c7db; }
body[data-page=home] .client-quotes small { color:#a89caf; }

body[data-page=home] .integrations-section { background:#101115; border-color:#2b2c34; }
body[data-page=home] .integrations-section .brand-wrap { padding-top:70px; padding-bottom:65px; }
body[data-page=home] .integrations-heading .eyebrow { color:#b4adbf; }
body[data-page=home] .integrations-heading>p:not(.eyebrow) { color:#b0abb9; }
body[data-page=home] .integration-families { gap:0; margin:42px 0 25px; }
body[data-page=home] .integration-families>div { background:transparent; border:0; border-right:1px solid #35303c; border-radius:0; padding:14px 12px; }
body[data-page=home] .integration-families>div:last-child { border-right:0; }
body[data-page=home] .integration-families svg { color:#b99bda; }
body[data-page=home] .integration-families strong { color:#e9e1f2; }
body[data-page=home] .integration-families span { color:#ada4bb; }
body[data-page=home] .integration-reassurance { border-color:#35303c; }
body[data-page=home] .integration-reassurance>span { color:#aaa0b7; }
body[data-page=home] .integration-reassurance a { color:#d3b5f0; }

body[data-page=home] .network-invitation { background:#10161f; border-top:1px solid #263c59; border-bottom:1px solid #263c59; }
body[data-page=home] .network-invitation .eyebrow { color:var(--network-light); }
body[data-page=home] .network-invitation .button-primary { background:#2465c6; color:#fff; border-color:#629ced; }
body[data-page=home] .network-invitation .button-primary:hover { background:#3178df; }
body[data-page=home] .closing { background:#08090b; border-top:0; }

@media(max-width:1000px) {
 .launch-copy { padding-top:44px; }
 .compact-break { display:block; }
 .launch-copy h1 { font-size:clamp(60px,8vw,79px); }
 .launch-description { font-size:17px; }
 body[data-page=home] .impact-grid article { padding:24px; }
 body[data-page=home] .impact-grid strong { font-size:64px; }
 body[data-page=home] .integration-families { gap:26px 0; }
 body[data-page=home] .integration-families>div:nth-child(3) { border-right:0; }
}
@media(max-width:600px) {
 .hero-stage { padding-bottom:26px; }
 .launch-copy { text-align:center; padding:34px 20px 0; }
 .launch-copy .eyebrow { font-size:10px; letter-spacing:.1em; margin-bottom:19px; }
 .launch-copy h1 { font-size:clamp(42px,10.6vw,62px); line-height:1.05; margin-bottom:19px; }
 .launch-description { font-size:15px; line-height:1.65; max-width:360px; margin-bottom:22px; }
 .launch-description br { display:none; }
 .launch-copy .hero-actions { flex-direction:row; flex-wrap:wrap; gap:6px; }
 .launch-copy .button { min-height:44px; font-size:12px; padding:0 14px; gap:9px; }
 .hero-product .product-area { padding:0 12px; margin-top:28px; }
 .hero-product .product-frame { border-radius:12px; }
 .hero-product .scene-controls { margin-top:14px; }
 .hero-product .scene { min-height:48px; }
 .hero-product .playback { width:40px; height:40px; }
 .hero-product .scene-caption { font-size:13px; min-height:42px; }
 .hero-product .prototype-note { font-size:10px; }
 body[data-page=home] .impact-section { padding:19px 20px 45px; }
 body[data-page=home] .impact-intro { padding-top:29px; gap:15px; }
 body[data-page=home] .impact-intro h2 { font-size:23px; }
 body[data-page=home] .impact-grid { gap:10px; }
 body[data-page=home] .impact-grid article { grid-template-columns:105px minmax(0,1fr); column-gap:16px; padding:21px; }
 body[data-page=home] .impact-grid strong { font-size:50px; margin:0; }
 body[data-page=home] .impact-grid h3 { font-size:17px; }
 body[data-page=home] .impact-grid small { font-size:10px; line-height:1.5; }
 body[data-page=home] .integration-families>div:nth-child(3) { border-right:1px solid #35303c; }
 body[data-page=home] .integration-families>div:nth-child(even) { border-right:0; }
 body[data-page=home] .integrations-section .brand-wrap { padding-top:52px; padding-bottom:50px; }
}

/* Insight / Tout voir: September 15 capture, 1574 × 910. */
.insight-kpi-motion{position:absolute;left:27.890724%;top:7.252747%;width:68.233799%;height:20.439560%;overflow:hidden}
.insight-kpi-motion>svg{display:block;width:100%;height:100%;font-family:Arial,sans-serif}
.insight-kpi-track{transform-box:fill-box;transform-origin:0 0;animation:insight-home-kpi-scroll 55s linear infinite;animation-play-state:paused}
.product-viewport[data-scene="0"][data-kpi-motion="running"] .insight-kpi-track{animation-play-state:running}
.product-viewport[data-scene="0"][data-kpi-motion="running"] .insight-kpi-motion:hover .insight-kpi-track{animation-play-state:paused}
.product-viewport:not([data-scene="0"]) .insight-kpi-motion{visibility:hidden}
@keyframes insight-home-kpi-scroll{from{transform:translateX(0)}to{transform:translateX(-33.3333333333%)}}
@media(prefers-reduced-motion:reduce){.insight-kpi-motion{display:none}.insight-kpi-track{animation:none!important}}

/* Four commercial outcomes, presented like the essential product KPIs. */
.result-kpis{--result-card-width:clamp(270px,29vw,370px)}
.result-kpi-surface{padding:12px;background:#1e1e26;border:1px solid #303039;border-radius:30px;overflow:hidden}
.result-kpi-viewport{overflow:hidden;border-radius:20px;outline-offset:-3px}
.result-kpi-viewport:focus-visible{outline:2px solid #b58aff}
.result-kpi-track{display:flex;width:max-content;animation:result-kpi-scroll 55s linear infinite;animation-play-state:paused}
.result-kpi-group{display:flex;gap:12px;padding-right:12px;flex-shrink:0}
.result-kpis[data-ticker-state="running"] .result-kpi-track{animation-play-state:running}
.result-kpi-card{position:relative;flex:0 0 var(--result-card-width);width:var(--result-card-width);height:344px;background:#000;border-radius:20px;overflow:hidden}
.result-kpi-copy{position:relative;z-index:1;padding:23px 24px 0}
.result-kpi-category{font-size:14px;line-height:1.4;color:#d1d0d9}
.result-kpi-value{display:block;color:#f7f7f9;font-size:68px;line-height:1;font-weight:550;letter-spacing:-.065em;margin:14px 0 10px;white-space:nowrap}
.result-kpi-value>span{font-size:32px;letter-spacing:-.035em;margin-left:6px;color:#cccbd4}
.result-kpi-copy h3{font-size:18px;line-height:1.35;font-weight:450;letter-spacing:-.02em;margin:0;max-width:310px;color:var(--result-color)}
.result-kpi-wave{position:absolute;bottom:43px;left:0;width:100%;height:104px;display:block}
.result-kpi-card>small{position:absolute;bottom:18px;left:24px;right:18px;color:#92919f;font-size:12px;line-height:1.4}
.result-kpi-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:17px;padding:0 6px}
.result-kpi-footer>p{font-size:12px;color:#918a9d;line-height:1.6;margin:0}
.result-kpi-play{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #44394f;border-radius:50%;background:#17131e;color:#d8cfe4;font-size:15px}
.result-kpi-play:disabled{opacity:.55;cursor:default}
@keyframes result-kpi-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.result-kpi-surface{padding:10px;border-radius:25px}.result-kpi-group{gap:10px;padding-right:10px}.result-kpi-card{height:329px}.result-kpi-copy{padding:20px 20px 0}.result-kpi-value{font-size:62px}.result-kpi-value>span{font-size:29px}.result-kpi-copy h3{font-size:17px}.result-kpi-wave{height:93px}.result-kpi-card>small{left:20px}.result-kpi-footer{align-items:flex-start}.result-kpi-footer>p{max-width:250px}}
@media(prefers-reduced-motion:reduce){.result-kpi-track{animation:none!important}.result-kpi-duplicate{display:none}.result-kpi-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6f5a88 #1e1e26}.result-kpi-card{scroll-snap-align:start}.result-kpi-group{padding-right:0}}

/* Vision: a shared context enables intelligence and action; efficiency is the outcome. */
body[data-page=vision] { --bg:#08090b; }
.vision-manifesto { max-width:1260px; padding:80px 30px 38px; margin:auto; text-align:center; }
.vision-manifesto .eyebrow { color:#b7a3ca; font-size:12px; margin-bottom:25px; }
.vision-manifesto h1 { font-size:clamp(49px,5.65vw,80px); line-height:1.06; letter-spacing:-.056em; font-weight:500; margin-bottom:32px; }
.vision-manifesto h1>span { color:#dec5ff; }
.vision-manifesto>p:not(.eyebrow) { max-width:775px; margin:0 auto; color:#bbb5c5; font-size:19px; line-height:1.7; }
.vision-manifesto strong { color:#eee6f8; font-weight:500; }
.vision-model { padding-top:40px; padding-bottom:75px; }
.vision-model-heading { font-size:26px; line-height:1.25; font-weight:450; text-align:center; letter-spacing:-.03em; margin:0 0 35px; }
.vision-model-heading>span { color:#ada1bb; }
.vision-system { margin:0; border:1px solid #39313f; border-radius:25px; background:#121116; padding:38px 44px 22px; }
.vision-participants { display:flex; align-items:center; justify-content:center; gap:40px; padding-bottom:29px; border-bottom:1px solid #3b3342; }
.vision-participants>span { color:#c5becd; font-size:17px; text-align:center; }
.vision-participants .participant-brand { color:var(--commerce-light); }
.vision-participants .participant-logistics { color:var(--network-light); }
.vision-participants small { color:#a99ab9; font-size:10px; letter-spacing:.06em; display:block; margin-top:7px; }
.vision-common { display:flex; justify-content:center; align-items:center; gap:22px; padding-top:31px; text-align:left; }
.vision-common>img { flex-shrink:0; }
.vision-common>div>span { display:block; color:#aea1bb; font-size:10px; letter-spacing:.13em; margin-bottom:9px; }
.vision-common strong { font-size:32px; font-weight:450; letter-spacing:-.035em; color:#eee7f5; }
.vision-common p { color:#b0a6bc; font-size:14px; line-height:1.6; margin:9px 0 0; }
.vision-connection { margin:21px auto; width:32px; text-align:center; color:#c994ff; font-size:29px; line-height:1; }
.vision-reasoning { border:1px solid transparent; border-radius:20px; padding:27px 30px 0; background:linear-gradient(#17121e,#17121e) padding-box,linear-gradient(110deg,#a46fee,#d7488e,#ffb73f) border-box; box-shadow:0 0 26px #aa4dcc16; }
.vision-model-label { display:block; font-size:10px; line-height:1.6; letter-spacing:.08em; color:#cfadE6; }
.vision-action-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; list-style:none; padding:27px 0 24px; margin:0; }
.vision-action-flow li { position:relative; min-width:0; }
.vision-action-flow li+li:before { content:'→'; position:absolute; top:32px; left:-26px; font-size:22px; color:#b478d3; }
.vision-step { display:block; color:#bd92df; font-size:10px; letter-spacing:.1em; margin-bottom:12px; }
.vision-action-flow strong { color:#f1e7fa; font-size:clamp(24px,3.05vw,41px); font-weight:450; letter-spacing:-.05em; }
.vision-action-flow p { color:#b8a4c6; font-size:14px; line-height:1.7; margin:15px 0 0; }
.vision-action-flow li:last-child strong { color:#ffc89d; }
.vision-human { display:flex; justify-content:center; align-items:center; gap:16px; border-top:1px solid #67405f; padding:20px 0; }
.vision-human>span { color:#edb899; font-size:28px; }
.vision-human p { font-size:15px; margin:0; color:#f0d8ec; }
.vision-human small { display:block; color:#b89bbd; font-size:12px; margin-top:7px; }
.vision-effect { display:grid; grid-template-columns:1.35fr .65fr; gap:16px 30px; align-items:end; padding:38px 4px 29px; }
.vision-effect>span { grid-column:1/-1; color:#b6a4c6; font-size:10px; letter-spacing:.13em; }
.vision-effect strong { color:#f5eef9; font-size:clamp(27px,3.3vw,44px); font-weight:450; line-height:1.1; letter-spacing:-.04em; }
.vision-effect p { color:#bfb0ca; font-size:16px; line-height:1.7; margin:0; }
.vision-system figcaption { color:#a394af; font-size:11px; line-height:1.7; padding-top:18px; border-top:1px solid #3b3144; text-align:center; }
.vision-collective-note { display:grid; grid-template-columns:1fr 1fr; gap:65px; margin-top:48px; align-items:start; }
.vision-collective-note h3 { font-size:28px; font-weight:450; line-height:1.2; letter-spacing:-.035em; color:#e4d7ef; margin:0; }
.vision-collective-note p { color:#b0a6bc; font-size:16px; line-height:1.75; margin:0; }
.vision-model .vision-depth { max-width:none; }

/* Retain the existing visual narrative on the dark canvas of the new direction. */
body[data-page=vision] .vision-horizons { background:#101115; color:#eee8f4; border-top:1px solid #2e2935; }
body[data-page=vision] .vision-horizons h2 { color:#eee8f4; }
body[data-page=vision] .vision-horizons h2>span { color:#ada1bc; }
body[data-page=vision] .vision-horizons .eyebrow { color:#b8a2cb; }
body[data-page=vision] .vision-horizons .section-lead>p { color:#b1a9bc; }
body[data-page=vision] .vision-horizons .horizons-foundation { border-color:#574266; }
body[data-page=vision] .vision-horizons .horizons-foundation>img { filter:none; }
body[data-page=vision] .vision-horizons .horizons-foundation>span { color:#e2d5ee; }
body[data-page=vision] .vision-horizons .horizons-foundation small,body[data-page=vision] .vision-horizons .horizons-scene>figcaption { color:#b3a4bf; }
body[data-page=vision] .vision-ai-statement .brand-wrap>p:not(.eyebrow) { max-width:800px; }
body[data-page=vision] .vision-cap { color:#b29ec0; line-height:1.7; }
body[data-page=vision] .freedom-chapter { background:#101217; color:#eef0f7; border-bottom:1px solid #2e303c; }
body[data-page=vision] .freedom-chapter h2>span { color:#b4c5e1; }
body[data-page=vision] .freedom-chapter .eyebrow,body[data-page=vision] .freedom-chapter .section-wrap>p:not(.eyebrow),body[data-page=vision] .freedom-principles p { color:#aab5c8; }
body[data-page=vision] .freedom-principles { border-color:#394454; }
body[data-page=vision] .freedom-principles>div>span { color:#9cb8e0; }

@media(max-width:900px) {
 .vision-manifesto { padding-top:59px; }
 .vision-system { padding:30px 25px 21px; }
 .vision-participants { gap:28px; }
 .vision-reasoning { padding:24px 23px 0; }
 .vision-action-flow { gap:25px; }
 .vision-action-flow li+li:before { left:-22px; }
 .vision-action-flow p { font-size:13px; }
 .vision-collective-note { gap:32px; }
 .vision-collective-note h3 { font-size:25px; }
}
@media(max-width:600px) {
 .vision-manifesto { padding:42px 22px 20px; text-align:left; }
 .vision-manifesto .eyebrow { margin-bottom:22px; }
 .vision-manifesto h1 { font-size:clamp(37px,9.25vw,54px); line-height:1.08; margin-bottom:25px; }
 .vision-manifesto h1 br { display:none; }
 .vision-manifesto>p:not(.eyebrow) { font-size:16px; line-height:1.75; }
 .vision-model { padding:25px 18px 48px; }
 .vision-model-heading { text-align:left; padding:0 4px; font-size:22px; line-height:1.35; margin-bottom:26px; }
 .vision-system { padding:25px 17px 18px; border-radius:18px; }
 .vision-participants { flex-wrap:wrap; gap:17px 22px; padding-bottom:23px; }
 .vision-participants>span { font-size:14px; }
 .vision-participants>span:last-child { width:100%; font-size:12px; }
 .vision-common { gap:14px; padding-top:25px; }
 .vision-common>img { width:27px; height:auto; }
 .vision-common>div>span { font-size:9px; }
 .vision-common strong { font-size:26px; }
 .vision-common p { font-size:12px; }
 .vision-connection { margin:17px auto; font-size:25px; }
 .vision-reasoning { padding:21px 20px 0; border-radius:15px; }
 .vision-model-label { font-size:10px; line-height:1.8; }
 .vision-action-flow { grid-template-columns:1fr; gap:28px; padding:24px 0; }
 .vision-action-flow li { padding-left:34px; }
 .vision-step { position:absolute; top:10px; left:0; }
 .vision-action-flow strong { font-size:32px; }
 .vision-action-flow p { font-size:13px; margin-top:9px; }
 .vision-action-flow li+li:before { content:'↓'; left:4px; top:-24px; font-size:17px; }
 .vision-human { justify-content:flex-start; gap:12px; }
 .vision-human p { font-size:13px; line-height:1.4; }
 .vision-human small { font-size:11px; }
 .vision-effect { grid-template-columns:1fr; gap:17px; padding:29px 3px 24px; }
 .vision-effect>span { font-size:9px; letter-spacing:.1em; }
 .vision-effect strong { font-size:30px; }
 .vision-effect p { font-size:14px; }
 .vision-system figcaption { font-size:10px; }
 .vision-collective-note { grid-template-columns:1fr; gap:20px; margin-top:32px; padding:0 4px; }
 .vision-collective-note h3 { font-size:25px; }
 .vision-collective-note p { font-size:15px; }
}

/* V07 — product-led storytelling. Original Figma renders stay unmodified. */
.visual-page-hero{max-width:1320px;margin:auto;padding:85px 24px 42px;text-align:center}
.visual-page-hero .eyebrow,.visual-chapter .eyebrow{font-size:13px;line-height:1.6;color:var(--persona-light)}
.visual-page-hero h1{font-size:clamp(43px,6.4vw,87px);line-height:1.06;letter-spacing:-.058em;margin:26px 0}
.visual-page-hero h1>span{color:var(--persona-light)}
.visual-page-hero>p:not(.eyebrow){font-size:19px;line-height:1.6;color:#afb0bc;margin:0 auto 27px}
.visual-page-hero .hero-actions{margin-bottom:0}
.visual-chapter{max-width:1320px;padding:86px 34px;margin:auto}
.visual-chapter-head{margin:0 auto 42px;max-width:1050px;text-align:center}
.visual-chapter-head h2{font-size:clamp(35px,4.4vw,59px);line-height:1.1;letter-spacing:-.048em;margin:20px 0}
.visual-chapter-head h2>span{color:#999ba8}
.visual-chapter-head>p:not(.eyebrow),.under-visual{font-size:18px;color:#aaaebb;line-height:1.6}
.under-visual{text-align:center;margin:30px 0 0}
.network-shared-chapter{padding-top:42px}
.network-shared-chapter .visual-chapter-head{margin-bottom:32px}
.network-shared-chapter .visual-chapter-head h2{font-size:clamp(30px,3.3vw,44px)}
.product-film{margin:0;--film-duration:6500ms}
.product-film [hidden]{display:none!important}
.product-demo-note{font-size:12px;color:#9295a2;text-align:center;margin:20px 15px 0;line-height:1.6}
.network-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.network-persona{min-width:0;--view-accent:#b882ff;--view-rgb:184,130,255}
.network-persona.view-logistics{--view-accent:#65a6ff;--view-rgb:101,166,255}
.persona-heading{display:flex;align-items:center;gap:13px;padding:0 8px 19px}
.persona-heading>div>span{font-size:12px;letter-spacing:.1em;color:var(--view-accent)}
.persona-heading h3{font-size:25px;font-weight:500;letter-spacing:-.03em;margin:4px 0 0}
.persona-orb{display:grid;place-items:center;width:47px;height:47px;background:rgba(var(--view-rgb),.12);color:var(--view-accent);border:1px solid rgba(var(--view-rgb),.3);border-radius:14px}
.network-screen{position:relative;height:420px;border:1px solid rgba(var(--view-rgb),.5);border-radius:20px;overflow:hidden;background:#09090c;box-shadow:0 20px 70px rgba(var(--view-rgb),.08)}
.network-source{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform 1.2s ease,opacity .8s ease;opacity:.3}
.network-film[data-film-state="0"] .network-source{opacity:1}
.network-film:not([data-film-state="0"]) .network-source{transform:scale(1.07)}
.network-focus{position:absolute;inset:65px 19px 18px;display:flex;align-items:stretch}
.network-focus .film-pane{width:100%;padding:23px;border:1px solid #3a3b47;border-radius:16px;background:#1f1f27;box-shadow:0 10px 50px #0008;overflow:hidden}
.network-focus .overview-focus{align-self:end;padding:17px 21px;background:#202029f5;border-color:rgba(var(--view-rgb),.6);backdrop-filter:blur(14px)}
.film-pane{animation:product-scene-enter .65s cubic-bezier(.2,.7,.3,1) both}
@keyframes product-scene-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.focus-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a3a5b0;font-size:14px}
.product-chip{display:inline-flex;align-items:center;width:fit-content;padding:5px 9px;border-radius:6px;background:#faad2515;color:#ffc26d;border:1px solid #faad252e;font-size:12px;line-height:1.4;white-space:nowrap}
.blue-chip{color:#9ac5ff;border-color:#6aa2ff35;background:#418eff16}.green-chip{color:#70e5b1;border-color:#43f9a533;background:#43f9a50c}
.focus-order-title{display:flex;align-items:baseline;gap:8px;margin:15px 0}
.focus-order-title>span{font-size:16px;color:#d4d3dc}.focus-order-title>strong{color:var(--view-accent);font-size:27px;font-weight:500;letter-spacing:-.025em}
.order-product{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #ffffff10}
.order-product-icon{display:grid;place-items:center;background:#34323b;border:1px solid #ffffff14;width:49px;height:49px;border-radius:10px;color:#dad5d0}
.order-product>div{display:flex;flex-direction:column;gap:5px}.order-product strong{font-size:16px;font-weight:500}.order-product>div>span{font-size:12px;color:#9596a2}.order-product>strong{margin-left:auto}
.shared-order-foot{border-top:1px solid #ffffff10;display:flex;justify-content:space-between;gap:12px;padding-top:12px;color:#a7a6b4;font-size:12px}.shared-order-foot>span:last-child{color:var(--view-accent)}
.order-timeline{padding:15px 0 22px;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:0}
.order-timeline li{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#7f7f90;font-size:12px}
.order-timeline li:before{content:"";width:100%;height:1px;background:#454250;position:absolute;top:10px;left:-50%}.order-timeline li:first-child:before{display:none}
.order-timeline i{position:relative;z-index:1;font-size:12px;font-style:normal;border:1px solid #55505e;background:#27252e;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}
.order-timeline .is-complete{color:#eee5f9}.order-timeline .is-complete i{background:var(--view-accent);color:#16131e;border-color:var(--view-accent)}.order-timeline .is-complete:before{background:var(--view-accent)}.order-timeline .is-current i{box-shadow:0 0 0 5px rgba(var(--view-rgb),.12),0 0 25px rgba(var(--view-rgb),.3)}
.status-focus{display:flex;align-items:center;gap:17px;padding:19px 14px;background:rgba(var(--view-rgb),.07);border:1px solid rgba(var(--view-rgb),.23);border-radius:12px;color:var(--view-accent)}
.status-focus>div{display:flex;flex-direction:column;gap:7px}.status-focus strong{font-size:16px;font-weight:500;color:#e9e6f0}.status-focus span{font-size:14px;color:#a4a0b3}
.picking-check{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;margin:7px 0 18px;color:#81ddbb}.picking-check>span{display:flex;align-items:center;gap:8px}.picking-check svg{width:21px;height:21px}
.product-action-display{display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(115deg,#234fba,#317efe);border:1px solid #74adff;box-shadow:inset 0 0 12px #84baff33,0 0 24px #3881f026;color:white;border-radius:9px;padding:11px 15px;font-size:14px}.product-action-display svg{width:20px;height:20px}
.shipping-label{border:1px solid #575d6c;background:#eeeeef;color:#242932;padding:13px 17px;border-radius:10px;margin-bottom:14px}.shipping-label>div:first-child{display:flex;align-items:center;gap:10px;font-size:14px}.shipping-label>div>span{margin-left:auto;font-size:12px}.shipping-label>span{font-size:12px}
.label-bars{height:38px;background:repeating-linear-gradient(90deg,#202530 0px,#202530 2px,transparent 2px,transparent 5px,#202530 5px,#202530 6px,transparent 6px,transparent 10px);margin:13px 0 7px}
.message-thread{display:grid;gap:11px}.order-message{border-radius:10px;border:1px solid #ffffff0e;padding:10px 13px;max-width:94%}.order-message>span{font-size:12px;color:#aaa0bc}.order-message p{font-size:14px;line-height:1.45;margin:5px 0;color:#e4e1eb}.order-message time{display:block;text-align:right;color:#918a9f;font-size:12px}
.message-brand{background:#a760f712;justify-self:start}.message-logistics{background:#4193ff12;justify-self:end}.message-logistics>span{color:#96b7e3}
.message-compose{font-size:12px;color:#a2a0b0;border-top:1px solid #ffffff10;padding-top:13px;margin-top:13px;display:flex;gap:12px;justify-content:space-between}
.network-film[data-film-state="3"] .network-focus{top:36px}.network-film[data-film-state="3"] .focus-order-title{margin:8px 0}.network-film[data-film-state="3"] .focus-order-title>strong{font-size:22px}
.shared-foundation{display:flex;align-items:center;justify-content:center;gap:25px;margin:28px 10% 7px}.shared-foundation>div{display:flex;align-items:center;gap:16px;flex-shrink:0}.shared-foundation>div>span{font-size:17px;font-weight:500}.shared-foundation small{display:block;font-size:12px;color:#9993a5;margin-top:6px;font-weight:400}
.foundation-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#ba79ff)}.foundation-line:last-child{transform:rotate(180deg);background:linear-gradient(90deg,transparent,#57a3ff)}
.film-controls{display:flex;align-items:stretch;gap:10px;margin:32px auto 0}.film-controls>button{position:relative;flex:1;border:0;border-bottom:2px solid #30303a;background:transparent;padding:17px 8px 20px;color:#9695a4;font-size:16px;text-align:left;min-height:53px;overflow:hidden}
.film-controls>button[aria-pressed=true]{color:#e5dcff}.film-controls>button>i{position:absolute;bottom:-1px;left:0;height:3px;width:0;background:linear-gradient(90deg,#8d64ff,#cf6fdb,#ffb86a)}.film-controls>button[aria-pressed=true]>i{width:100%}.product-film.is-playing .film-controls>button[aria-pressed=true]>i{animation:film-progress var(--film-duration) linear both}
@keyframes film-progress{from{width:0}to{width:100%}}
.film-index{font-size:14px;opacity:.65;margin-right:14px}.film-controls>.film-play{flex:0 0 53px;border:1px solid #3a3449;border-radius:50%;padding:0;text-align:center;align-self:center;width:53px;height:53px;min-height:53px;color:#d9d4e8}.product-film button:focus-visible{outline:2px solid #b590ff;outline-offset:5px}
.mini-product-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-bottom:1px solid #ffffff12;background:#22232c;font-size:14px;color:#c3c6d1}.mini-product-top>span:first-child{display:flex;align-items:center;gap:12px}.mini-product-top i{color:#626775;font-style:normal}.mini-product-top img{width:23px;height:25px}.mini-product-top>span+span:last-child{font-size:12px;color:#949aa9}
.onboarding-film,.finance-film{border:1px solid #3e4d6966;border-radius:22px;overflow:hidden;background:#14161d;box-shadow:0 35px 100px #0005}.onboarding-film{max-width:880px;margin:auto}
.onboarding-stage{min-height:420px;padding:35px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 100%,#2364d520,transparent 70%)}.onboarding-stage .film-pane{width:100%;max-width:540px}
.invitation-sheet{padding:25px 30px;border:1px solid #444e63;border-radius:18px;background:#222630;box-shadow:0 15px 45px #0005}.invitation-symbol{display:grid;place-items:center;background:#3780f52b;color:#84b5ff;border:1px solid #559cff3c;width:49px;height:49px;border-radius:13px;margin-bottom:18px}.invitation-sheet h3{font-size:24px;letter-spacing:-.03em;font-weight:500;margin:0 0 22px}.invitation-sheet .field-label{font-size:12px;color:#a1a8b7}
.invitation-link{display:flex;align-items:center;justify-content:space-between;padding:12px;font-size:14px;background:#121722;color:#bfcce5;border:1px solid #37527a;border-radius:8px;margin-top:8px;gap:10px}
.invitation-recipient,.access-row{display:flex;align-items:center;gap:14px;margin:22px 0}.initial-avatar{flex-shrink:0;display:grid;place-items:center;width:43px;height:43px;font-size:20px;border-radius:12px;color:#d5b6ff;background:#9064cb25;border:1px solid #ba8feb3b}.logistics-avatar{color:#a4c6ff;background:#408fff20;border-color:#5799ed55}
.invitation-recipient>div,.access-row>div{display:flex;flex-direction:column;gap:5px}.invitation-recipient strong,.access-row strong{font-size:16px;font-weight:500}.invitation-recipient>div>span,.access-row>div>span{font-size:14px;color:#939eae}.access-row>svg{margin-left:auto;color:#79d4b2;width:21px}.onboarding-sync{padding:16px 0 0;border-top:1px solid #ffffff13;color:#99afcb;font-size:14px;line-height:1.6}
.client-live{text-align:center}.live-check{display:grid;place-items:center;width:62px;height:62px;border:1px solid #6edeb96b;border-radius:50%;margin:0 auto 20px;color:#7eeec3;background:#55d89d12;box-shadow:0 0 38px #4ce29917}.first-order{display:flex;align-items:center;gap:15px;padding:20px 0;margin-top:19px;border-block:1px solid #ffffff15;font-size:14px;text-align:left}.first-order>strong{color:#c2a3ff}.first-order>.product-chip{margin-left:auto}.client-live p{font-size:14px;color:#a1aaba;margin:18px 0 0}
.onboarding-film>.film-controls{margin:0 30px 20px}.finance-film>.film-controls{margin:0 30px}
.finance-stage{padding:30px;min-height:420px}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.finance-summary>div{padding:23px;border-radius:12px;background:#07090e;border:1px solid #ffffff0d}.finance-summary span{color:#9aa4b6;font-size:14px}.finance-summary strong{display:block;font-size:clamp(27px,3.2vw,43px);font-weight:500;letter-spacing:-.045em;margin-top:15px}.finance-summary small{font-size:.7em}.positive-value{color:#6de3b0}
.finance-table-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 17px}.finance-table-title h3{font-size:17px;font-weight:500;margin:0}.finance-table-title>span{font-size:12px;color:#8993a5}.client-margin-table{font-size:14px}.client-margin-table>[role=row]{display:grid;grid-template-columns:1.3fr 1fr 1fr .65fr;gap:15px;padding:16px 8px;border-top:1px solid #ffffff0f;color:#cdd3dd}.client-margin-table>[role=row]:first-child{font-size:12px;color:#8892a5;padding-top:0;border:0}.client-margin-table>[role=row]>span:not(:first-child){text-align:right}.client-margin-table [role=cell]:first-child{display:flex;align-items:center;gap:10px}.client-dot{width:8px;height:8px;border-radius:50%;background:#a687ef}.client-dot.dot-1{background:#579de9}.client-dot.dot-2{background:#dab87b}.client-margin-table .margin-value{color:#6cdab1}
.invoice-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;padding:15px}.invoice-client{border-right:1px solid #ffffff15;padding-right:25px}.invoice-client h3{font-size:30px;letter-spacing:-.03em;font-weight:500;margin:17px 0 7px}.invoice-client>span:not(.initial-avatar){font-size:14px;color:#a3adbe;display:block;margin:12px 0}.invoice-client>.product-chip{width:fit-content}.invoice-total{display:flex;flex-direction:column;margin-top:25px;gap:10px}.invoice-total>span{font-size:14px;color:#a3adbe}.invoice-total>strong{font-size:37px;letter-spacing:-.05em;font-weight:500}.invoice-line{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff15;padding:22px 0;font-size:16px}.invoice-line small{display:block;color:#8e9aaf;font-size:14px;margin-top:10px}.invoice-line strong{white-space:nowrap;font-size:16px;font-weight:500}.invoice-capture{display:flex;align-items:center;gap:13px;font-size:14px;color:#8abdda;padding-top:22px}.invoice-capture svg{width:21px;flex-shrink:0}
.transport-audit{max-width:850px;margin:auto;padding:20px}.transport-audit-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.transport-audit-head .supply-ai{color:#d8afff}.audit-comparison{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:30px 0}.audit-comparison>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.audit-comparison span{font-size:14px;color:#a7abbc}.audit-comparison strong{font-size:38px;font-weight:500;letter-spacing:-.04em}.audit-bar{height:7px;border-radius:4px;width:100%;background:#e5a666}.audit-bar.expected{width:75%;background:#6da2ec}.audit-result{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px;border:1px solid transparent;border-radius:13px;background:linear-gradient(#212029,#212029) padding-box,linear-gradient(110deg,#9d6beb,#d863ad,#e2a765) border-box}.audit-result>div>span{font-size:14px;color:#c4b5d8;display:block;margin-bottom:7px}.audit-result strong{font-size:31px;font-weight:500;letter-spacing:-.025em}.audit-result>span{font-size:14px;color:#d2a775}.audit-note{margin-top:22px;font-size:12px;color:#8d98aa;line-height:1.6}
.product-details-section{border-top:1px solid #ffffff12;background:#101116}.product-details-section .compact-faq{padding-top:36px;padding-bottom:25px}.product-details-section .compact-faq summary{color:#cbd0dc;font-size:17px}.product-details-section .compact-faq p{color:#9ca4b4;font-size:16px}.offers-disclosure{max-width:1250px;margin:auto;padding:0 34px 34px}.offers-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;color:#d2d3df;font-size:18px;padding:25px 0;list-style:none;border-top:1px solid #ffffff18}.offers-disclosure>summary>span{font-size:14px;color:#a0a0b0}.offers-disclosure .light-plans{border-radius:18px}
@media(min-width:1350px){.network-screen{height:450px}.network-focus{inset:85px 23px 22px}.network-film[data-film-state="3"] .network-focus{top:64px}}
@media(max-width:950px){.network-pair{gap:15px}.network-screen{height:410px}.network-focus{inset:65px 10px 12px}.network-focus .film-pane{padding:16px}.network-focus .overview-focus{padding:15px}.order-timeline{padding-bottom:18px}.order-message{padding:8px 10px}.film-index{margin-right:7px}}
@media(max-width:700px){.visual-page-hero{padding:58px 22px 23px}.visual-page-hero h1{font-size:clamp(40px,8.4vw,59px)}.visual-page-hero>p:not(.eyebrow){font-size:17px}.visual-chapter{padding:58px 20px}.visual-chapter-head{margin-bottom:30px}.visual-chapter-head h2{font-size:clamp(33px,7vw,44px)}.visual-chapter-head>p:not(.eyebrow),.under-visual{font-size:16px}.network-pair{grid-template-columns:1fr;gap:25px}.network-screen{height:370px}.network-source{object-fit:cover;object-position:top}.network-focus{inset:44px 18px 15px}.network-focus .film-pane{padding:20px}.persona-heading{padding-bottom:12px}.persona-heading h3{font-size:23px}.network-film[data-film-state="3"] .network-focus{top:18px}.shared-foundation{margin:28px 0 8px;gap:10px}.shared-foundation>div{gap:11px}.shared-foundation>div>span{font-size:15px}.shared-foundation small{font-size:12px}.film-controls{gap:5px;margin-top:22px;flex-wrap:wrap}.film-controls>button{font-size:14px;padding:13px 4px;text-align:center}.film-index{display:block;font-size:12px;margin:0 0 8px}.film-controls>.film-play{flex-basis:40px;height:40px;width:40px;min-height:40px}.mini-product-top{padding:17px}.mini-product-top>span+span:last-child:not(.product-chip){display:none}.onboarding-stage{padding:23px 14px;min-height:410px}.invitation-sheet{padding:24px 20px}.invitation-link{font-size:12px}.onboarding-film>.film-controls{margin:0 15px 16px}.finance-film>.film-controls{margin:0 15px}.finance-stage{padding:20px 15px;min-height:430px}.finance-summary{gap:8px}.finance-summary>div{padding:15px 10px}.finance-summary span{font-size:12px}.finance-summary strong{font-size:25px}.client-margin-table{font-size:12px}.client-margin-table>[role=row]{gap:7px;padding:16px 0}.client-margin-table [role=cell]:first-child{gap:6px}.invoice-layout{gap:22px;padding:0;grid-template-columns:1fr}.invoice-client{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:15px;border-right:0;border-bottom:1px solid #ffffff15;padding:0 0 20px}.invoice-client h3{margin:0}.invoice-client>.initial-avatar{grid-row:1/3}.invoice-client>.product-chip{grid-column:1;grid-row:3;margin:0!important}.invoice-total{grid-column:2;grid-row:3;margin:10px 0 0;align-items:flex-end}.invoice-total strong{font-size:30px}.invoice-line{padding:16px 0;font-size:14px;gap:15px}.invoice-line strong{font-size:14px}.transport-audit{padding:10px 2px}.audit-comparison{gap:20px}.audit-comparison strong{font-size:31px}.audit-result{padding:17px;gap:15px}.audit-result>span{max-width:100px;font-size:12px}.audit-result>div>span{font-size:12px}.offers-disclosure{padding:0 22px 22px}.offers-disclosure>summary{flex-direction:column;align-items:flex-start;gap:12px}.product-demo-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.film-pane{animation:none}.network-source{transition:none}.product-film.is-playing .film-controls>button[aria-pressed=true]>i{animation:none;width:100%}}
/* Commerce: the live product is the hero, with legible detail views. */
.commerce-opening{padding-top:15px;padding-bottom:45px}
.commerce-film{border:1px solid #ac72f357;border-radius:22px;background:#101015;overflow:hidden;box-shadow:0 20px 100px #7843a612}
.commerce-camera{height:570px;position:relative;overflow:hidden;background:#08080b}
.commerce-camera>img{display:block;width:100%;height:auto;transition:transform 1.2s ease;opacity:.8}
.commerce-film:not([data-film-state="0"]) .commerce-camera>img{transform:scale(1.045)}
.commerce-focus{position:absolute;bottom:24px;right:27px;width:47%;max-width:550px}
.commerce-focus>.film-pane{background:#1e1b27f5;border:1px solid #ad77ef73;border-radius:18px;box-shadow:0 15px 60px #000a;padding:27px;backdrop-filter:blur(16px)}
.film-kicker{font-size:12px;color:#c49be9;letter-spacing:.09em}
.commerce-focus h3{font-size:clamp(25px,2.55vw,36px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:16px 0 22px}
.channel-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.channel-duo>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#0c0a1180;border:1px solid #ffffff10;border-radius:11px;padding:18px}.channel-duo svg{color:#c69aff}.channel-duo span{font-size:12px;color:#b1a8bf}.channel-duo strong{font-size:29px;letter-spacing:-.03em;font-weight:500}
.commerce-film[data-film-state="2"] .commerce-focus{left:auto;right:27px;top:30%;bottom:auto;width:35%;max-width:440px}.commerce-camera>img[data-film-background="2"]{opacity:1}.commerce-focus-bottom{display:flex;align-items:center;gap:13px;border-top:1px solid #ffffff12;margin-top:22px;padding-top:18px;font-size:14px;color:#b3a6c6}.commerce-focus-bottom img,.commerce-focus-bottom svg{width:23px;height:25px;flex-shrink:0}
.commerce-film>.film-controls{margin:10px 27px 20px}
.stock-focus-number{display:flex;align-items:center;gap:24px;margin:22px 0}.stock-focus-number>strong{font-size:63px;letter-spacing:-.055em;font-weight:500;color:#e0c5ff}.stock-focus-number>span{font-size:14px;line-height:1.5;color:#b2a7c3}
.stock-locations>div{display:grid;grid-template-columns:45px 1fr 34px;align-items:center;gap:15px;margin:17px 0;font-size:14px;color:#bcb3cb}.stock-locations i{height:7px;width:var(--stock-width);min-width:20px;background:linear-gradient(90deg,#7951d5,#d197ff);border-radius:4px}.stock-locations strong{font-weight:500}
.contribution-waterfall{display:grid;grid-template-columns:repeat(4,1fr);height:210px;gap:13px;align-items:end}.contribution-waterfall>div{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:150px;gap:12px;text-align:center}.contribution-waterfall i{display:block;height:var(--bar-height);min-height:8px;background:#66516f;border-radius:5px 5px 0 0}.contribution-waterfall>div:first-child i{background:#a477e8}.contribution-waterfall>div:last-child i{background:#6bd7b5}.contribution-waterfall span{position:absolute;top:-31px;width:100%;font-size:12px;color:#a79aae}.contribution-waterfall strong{font-size:16px;font-weight:500;white-space:nowrap}
.growth-visual-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}.market-photo{margin:0;position:relative;min-height:435px;border-radius:20px;overflow:hidden}.market-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% center}.market-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#080810db)}.market-photo-overlay{position:absolute;bottom:28px;left:28px;right:20px;z-index:1}.market-photo-overlay>span{font-size:30px;line-height:1.13;letter-spacing:-.03em;display:block;max-width:260px;margin-bottom:23px}.market-photo-overlay>div{display:flex;gap:8px;flex-wrap:wrap}.market-photo-overlay>div>span{padding:9px 12px;border:1px solid #d6c7ed55;border-radius:8px;background:#0a08116b;font-size:12px;backdrop-filter:blur(10px)}
.commerce-growth-story .growth-proof-chart{background:#19171f;border-color:#69577d55;color:#dbc1ff;padding:30px}.commerce-growth-story .chart-main>span,.commerce-growth-story .chart-kicker,.commerce-growth-story .revenue-bars>div>span,.commerce-growth-story .revenue-bars small,.commerce-growth-story .growth-proof-chart figcaption{color:#b1a6c3}.commerce-growth-story .revenue-bars{border-color:#635172}.commerce-growth-story .revenue-bars i{background:#604082}.commerce-growth-story .revenue-bars>div:nth-child(2) i{background:linear-gradient(#c697f8,#8051c7)}.commerce-growth-story .chart-direction{color:#bb8fed}
.visual-outcome-strip{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;margin-top:32px;color:#b7adc4;font-size:16px}.visual-outcome-strip>span:before{content:"✓";color:#bd8bed;margin-right:10px}.visual-related-link{display:flex;justify-content:center;gap:20px;font-size:14px;color:#c3a6e7;margin-top:33px;line-height:1.5}
/* Vision: shared context, an adaptive workspace, and human control. */
.vision-visual-hero h1>span{background:linear-gradient(105deg,#c59aff,#f49cd3,#ffcc96);color:transparent;background-clip:text;-webkit-background-clip:text}
.vision-experience-chapter{padding-top:18px}.vision-belief{display:flex;justify-content:center;align-items:center;gap:22px;font-size:18px;color:#aaa4b7;margin-bottom:35px;flex-wrap:wrap}.vision-belief>span:nth-child(2){color:#d9adf2}
.vision-experience{border:1px solid #8761ab80;border-radius:22px;background:#141217;overflow:hidden;box-shadow:0 0 100px #8642d315}.vision-experience>.product-demo-note{margin-bottom:21px}.vision-workspace{display:grid;grid-template-columns:.85fr 2fr;gap:22px;padding:24px}.vision-prompt{padding:21px 12px 21px 4px;display:flex;flex-direction:column}.vision-prompt>.supply-ai{color:#e1b9ff;font-size:19px}.vision-prompt>p{font-size:23px;line-height:1.35;margin:25px 0;color:#c4b9d2;letter-spacing:-.025em}.vision-prompt [role=group]{display:grid;gap:10px}.vision-prompt button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:#24202c;border:1px solid #493c5a;border-radius:10px;padding:15px 13px;color:#b5a5c7;font-size:14px;line-height:1.45}.vision-prompt button[aria-pressed=true]{background:linear-gradient(110deg,#613cb94a,#793a6f33);border-color:#c387fb;color:#f2e2ff;box-shadow:0 0 25px #984aea19}.vision-prompt button>span{font-size:21px;color:#d4a3ff}.vision-human-key{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:25px;font-size:12px;color:#a494b6}.vision-human-key svg{width:20px;height:20px}.vision-adaptive-center{min-width:0}.vision-live-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.vision-live-kpis>div{padding:19px 14px;background:#050508;border-radius:12px;border:1px solid #ffffff0e}.vision-live-kpis span{font-size:12px;color:#a59bb2}.vision-live-kpis strong{display:block;margin-top:12px;font-size:21px;font-weight:500;letter-spacing:-.035em;color:#f2edf8}.vision-agent-action{border:1px solid transparent;border-radius:16px;background:linear-gradient(#211c2a,#211c2a) padding-box,linear-gradient(130deg,#986deb,#cc6ea9,#ffa561) border-box;box-shadow:0 0 30px #a351b412;padding:27px;min-height:365px}.vision-agent-action h3{font-size:clamp(25px,2.7vw,36px);font-weight:500;line-height:1.15;letter-spacing:-.03em;margin:15px 0 30px}
.vision-stock-graphic{display:grid;grid-template-columns:1fr 25px 1fr;align-items:center;gap:20px;margin:10px 0 30px}.vision-stock-graphic>div{display:flex;flex-direction:column;gap:15px}.vision-stock-graphic span:not(.stock-graphic-arrow){font-size:12px;color:#aa9bb9}.vision-stock-graphic>div>div{display:flex;gap:4px;height:30px}.vision-stock-graphic i{display:block;flex:1;max-width:14px;background:#a16cb0;border-radius:4px}.vision-stock-graphic .stock-projected i{background:linear-gradient(#d3a5ff,#9664d6)}.vision-stock-graphic strong{font-size:22px;font-weight:500;letter-spacing:-.03em}.stock-graphic-arrow{font-size:25px;color:#c092f0}
.vision-decision{padding-top:21px;border-top:1px solid #ffffff17;display:flex;flex-direction:column;gap:15px}.vision-decision>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#b593ca}.vision-decision svg{width:19px;height:19px}.vision-decision>strong{display:flex;justify-content:space-between;gap:15px;font-size:16px;font-weight:500;color:#edddfa;line-height:1.5}.vision-decision>strong>span{color:#d9a3f3;font-size:22px}.agent-task-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:27px}.agent-task-flow>div{position:relative;display:flex;flex-direction:column;gap:14px;border:1px solid #62487766;background:#18111f;border-radius:12px;padding:18px 14px;font-size:14px;color:#c7b9d5;line-height:1.4}.agent-task-flow svg{color:#be8aee}.agent-task-flow i{position:absolute;right:10px;top:12px;font-size:12px;font-style:normal;color:#6addbb}.market-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.market-options>div{position:relative;display:flex;flex-direction:column;gap:8px;padding:17px;background:#17101f;border:1px solid #67457f73;border-radius:11px}.market-options>div>span{font-size:12px;color:#b886db}.market-options strong{font-size:19px;font-weight:500}.market-options small{font-size:12px;color:#aaa0b7}.market-options svg{position:absolute;right:15px;top:15px;color:#bf93e8;width:23px}
.vision-conviction{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:58px 20px 0}.vision-conviction h2{font-size:clamp(30px,3.2vw,43px);line-height:1.15;margin:0}.vision-conviction h2>span{color:#c096e9}.vision-conviction p{font-size:17px;line-height:1.7;color:#a69ab7;margin:0}
.vision-horizons-story .horizons-scene{background:#141218;border-color:#46324f}.vision-horizons-story .horizon-tile{background:#1d1925;border-color:#44344e;color:#eee6f6}.vision-horizons-story .horizon-tile h3{color:#e5d7f0;font-size:22px}.vision-horizons-story .horizon-label{color:#b3a3c7;font-size:12px}.vision-horizons-story .horizons-foundation{color:#ded1eb;border-color:#45334d}.vision-horizons-story .horizons-foundation small,.vision-horizons-story figcaption{color:#9d8cac;font-size:12px}
.freedom-ecosystem{max-width:850px;margin:45px auto 0}.ecosystem-partners{display:flex;justify-content:space-between;gap:22px}.ecosystem-partners>span{width:30%;text-align:center;padding:25px 12px;border:1px solid #66616d;background:#1b1a20;border-radius:15px;font-size:20px}.ecosystem-partners>.eco-brand{border-color:#9263c3;color:#d0abf1;background:#302038}.ecosystem-partners>.eco-logistics{border-color:#497cca;color:#9db9ee;background:#18273e}.ecosystem-lines{display:flex;justify-content:space-between;position:relative;margin:0 15%;height:65px;border-bottom:1px solid #82718f}.ecosystem-lines i{height:100%;width:1px;background:linear-gradient(#9274b3,#66547d)}.ecosystem-lines i:nth-child(2){transform:translateY(50%)}.ecosystem-center{display:flex;align-items:center;justify-content:center;gap:20px;margin:35px auto 0;padding:30px;border:1px solid #806493;background:radial-gradient(at 50% 0%,#5c286838,transparent 70%),#151119;border-radius:16px;max-width:490px}.ecosystem-center>span{font-size:27px;letter-spacing:-.035em}.ecosystem-center small{display:block;font-size:12px;letter-spacing:0;color:#b3a1c2;margin-top:10px}.vision-freedom-story .vision-depth{margin-top:45px}.vision-world-statement{text-align:center;padding:75px 24px 105px;background:radial-gradient(ellipse at 50% 120%,#56437233,transparent 65%)}.vision-world-statement h2{font-size:clamp(37px,4.7vw,63px);line-height:1.13}.vision-world-statement h2>span{color:#bda2d5}.world-horizon{display:flex;justify-content:center;align-items:center;gap:30px;margin:50px auto 0;max-width:1050px}.world-horizon span{font-size:12px;letter-spacing:.17em;color:#a595b5}.world-horizon b{font-size:65px;line-height:1;font-weight:300;color:#c9a3eb}.world-horizon i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#9d7bba)}.world-horizon i:last-child{transform:rotate(180deg)}
@media(max-width:1000px){.commerce-camera{height:490px}.commerce-focus{width:53%}.commerce-focus>.film-pane{padding:22px}.vision-workspace{grid-template-columns:.8fr 1.7fr;gap:12px;padding:18px}.vision-agent-action{padding:21px}.vision-live-kpis strong{font-size:18px}.vision-prompt>p{font-size:21px}.vision-prompt button{font-size:14px;padding:13px 10px}.vision-stock-graphic{gap:12px}.vision-live-kpis>div{padding:17px 12px}.growth-visual-pair{gap:20px;grid-template-columns:1fr 1fr}.market-photo{min-height:400px}}
@media(max-width:700px){.commerce-opening{padding:10px 15px 30px}.commerce-camera{height:510px}.commerce-camera>img{width:850px;max-width:none;transform:translateX(-80px)}.commerce-film:not([data-film-state="0"]) .commerce-camera>img{transform:translateX(-80px) scale(1.04)}.commerce-focus{left:16px;right:16px;bottom:20px;width:auto;max-width:none}.commerce-focus>.film-pane{padding:23px}.commerce-focus h3{font-size:30px}.commerce-film>.film-controls{margin:5px 14px 16px}.channel-duo{gap:12px}.channel-duo>div{padding:14px}.growth-visual-pair{grid-template-columns:1fr}.market-photo{min-height:400px}.commerce-growth-story .growth-proof-chart{padding:25px}.visual-outcome-strip{gap:15px;font-size:14px;justify-content:flex-start}.visual-related-link{font-size:14px;justify-content:flex-start}.vision-belief{font-size:15px;gap:10px 14px}.vision-workspace{grid-template-columns:1fr;padding:16px;gap:20px}.vision-prompt{padding:5px}.vision-prompt>p{font-size:21px;margin:16px 0}.vision-prompt [role=group]{grid-template-columns:1fr}.vision-prompt button{padding:12px;font-size:14px}.vision-human-key{display:none}.vision-agent-action{padding:21px 17px;min-height:370px}.vision-agent-action h3{font-size:28px}.vision-live-kpis{gap:7px}.vision-live-kpis>div{padding:14px 10px}.vision-live-kpis span{font-size:12px}.vision-live-kpis strong{font-size:17px}.vision-stock-graphic{gap:10px;grid-template-columns:1fr 18px 1fr}.vision-stock-graphic strong{font-size:20px}.vision-stock-graphic span:not(.stock-graphic-arrow){min-height:34px}.agent-task-flow{gap:8px}.agent-task-flow>div{padding:14px 10px;font-size:12px}.market-options{gap:9px}.market-options>div{padding:14px}.market-options strong{font-size:17px}.market-options svg{width:19px;right:10px;top:10px}.vision-decision>strong{font-size:14px}.vision-conviction{flex-direction:column;align-items:flex-start;padding:35px 5px 0;gap:20px}.vision-conviction p{font-size:16px}.ecosystem-partners{gap:10px}.ecosystem-partners>span{font-size:14px;padding:21px 8px}.ecosystem-center{padding:25px 18px;gap:15px}.ecosystem-center>span{font-size:25px}.ecosystem-center small{font-size:12px;line-height:1.5}.world-horizon{gap:15px}.world-horizon b{font-size:49px}.vision-world-statement{padding:55px 22px 75px}}
/* Keep reused horizon UI readable on the darker presentation surface. */
.vision-horizons-story .receipt-ui{color:#3b2421}
.vision-horizons-story .receipt-ui>div,.vision-horizons-story .receipt-ui>small,.vision-horizons-story .shop-toolbar,.vision-horizons-story .shop-checkout,.vision-horizons-story .agent-facts>i{font-size:12px}
.vision-horizons-story .shop-toolbar>span:first-child{font-size:10px}
@media(max-width:430px){.network-screen{height:400px}.focus-topline{font-size:12px}.network-focus .film-pane{padding:17px}.vision-horizons-story .horizon-tile{grid-template-columns:1fr}.vision-horizons-story .horizon-ui{max-width:260px;margin:auto}.vision-horizons-story .horizon-tile h3{text-align:center}.first-order{gap:8px;font-size:12px}.vision-live-kpis strong{font-size:16px}.finance-summary strong{font-size:23px}}
/* Bring the paired product views directly below the Network promise. */
.network-visual-hero{padding-top:58px;padding-bottom:18px}
.network-visual-hero h1{font-size:clamp(41px,5.9vw,78px)}
.network-shared-chapter{padding-top:26px}
.network-shared-chapter .visual-chapter-head .eyebrow{margin-bottom:12px}
.network-shared-chapter .visual-chapter-head h2{font-size:clamp(25px,2.4vw,33px);margin:12px 0}

/* Ta marge: the full BI capture keeps SupplyAI, menus and the income statement visible. */
.commerce-film[data-film-state="2"] .commerce-camera{height:auto;aspect-ratio:1574 / 1020}
.commerce-film[data-film-state="2"] .commerce-camera>img[data-film-background="2"]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;transform:none}
.commerce-film[data-film-state="2"] .commerce-focus>.film-pane{padding:22px}
.commerce-film[data-film-state="2"] .commerce-focus h3{font-size:clamp(25px,2.1vw,31px);margin:14px 0 16px}
.commerce-film[data-film-state="2"] .contribution-waterfall{height:170px;gap:10px}
.commerce-film[data-film-state="2"] .contribution-waterfall>div{height:118px}
.commerce-film[data-film-state="2"] .contribution-waterfall span{font-size:11px;top:-28px}
@media(max-width:1100px){
  .commerce-film[data-film-state="2"] .commerce-camera{display:flex;flex-direction:column;aspect-ratio:auto;height:auto}
  .commerce-film[data-film-state="2"] .commerce-camera>img[data-film-background="2"]{position:static;width:100%;height:auto;transform:none}
  .commerce-film[data-film-state="2"] .commerce-focus{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;margin:0 20px 24px}
  .commerce-film[data-film-state="2"] .commerce-focus>.film-pane{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .commerce-film[data-film-state="2"] .commerce-focus .film-kicker{grid-column:1;align-self:end}
  .commerce-film[data-film-state="2"] .commerce-focus h3{grid-column:1;grid-row:2;margin-bottom:0}
  .commerce-film[data-film-state="2"] .contribution-waterfall{grid-column:2;grid-row:1 / 3}
}
@media(max-width:700px){
  .commerce-film[data-film-state="2"] .commerce-focus{margin:0 16px 20px}
  .commerce-film[data-film-state="2"] .commerce-focus>.film-pane{display:block}
  .commerce-film[data-film-state="2"] .commerce-focus h3{font-size:28px;margin-bottom:16px}
}

/* V09: an abstract identity and a lived horizon, in two distinct experiences. */
body[data-page="vision"] { --bg:#090a0c; background:var(--bg); }
.v-prologue,.v-conviction,.v-horizon { font-feature-settings:"ss01"; }
.v-overline { color:#a3a1ad; font-size:12px; letter-spacing:.15em; text-transform:uppercase; font-weight:400; margin:0 0 32px; }
.v-prologue { max-width:1600px; margin:auto; padding:30px 7% 0; --symbol-link:0; }
.v-opening { display:grid; grid-template-columns:1fr 1fr; align-items:center; min-height:min(690px,calc(100svh - 170px)); gap:3%; }
.v-opening h1 { font-size:clamp(62px,5.9vw,94px); font-weight:450; letter-spacing:-.065em; line-height:1.02; margin:0 0 32px; }
.v-opening h1>span { color:#b9b5c2; }
.v-lead { color:#bebbc5; font-size:clamp(17px,1.4vw,21px); line-height:1.65; letter-spacing:-.025em; margin:0; max-width:450px; }
.v-explore { display:inline-flex; align-items:center; gap:28px; padding:24px 0 10px; margin-top:23px; font-size:14px; color:#f5f1fb; border-bottom:1px solid #62606b; }
.v-explore span { color:#cbb7e8; font-size:20px; }
.v-symbol-wrap { min-width:0; align-self:stretch; display:flex; flex-direction:column; justify-content:center; padding:10px 0 35px; }
.v-symbol { position:relative; margin:0; width:100%; }
.v-symbol-svg { display:block; width:100%; max-height:520px; overflow:visible; }
.v-symbol-branch { --tint:#edbc88; }
.v-branch-brand { --tint:#aa80ef; }
.v-branch-operations { --tint:#7ab2eb; }
.v-symbol-metal { stroke:#f6f4ff7a; stroke-width:.055; }
.v-symbol-tint { fill:var(--tint); opacity:calc(.025 + var(--symbol-link)*.16); }
.v-symbol-outline { fill:none; stroke:var(--tint); stroke-width:.085; opacity:calc(.25 + var(--symbol-link)*.45); }
.v-symbol-glow { fill:var(--tint); opacity:calc(.02 + var(--symbol-link)*.08); }
.v-symbol-light { fill:none; stroke-width:.14; stroke-linecap:round; opacity:var(--symbol-link); }
.v-symbol-roles { display:flex; justify-content:center; gap:34px; margin-top:-12px; font-size:14px; color:#bbb7c5; }
.v-symbol-roles span { padding-top:12px; border-top:1px solid #c2a07188; }
.v-symbol-roles .v-role-brand { border-color:#b68deaaa; }
.v-symbol-roles .v-role-operations { border-color:#86b7e6aa; }
.v-symbol-footer { display:flex; justify-content:center; align-items:center; gap:28px; margin-top:26px; }
.v-symbol-footer p { font-size:13px; color:#8f8d98; margin:0; }
.v-replay { appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; color:#dedbe6; background:transparent; padding:9px; min-width:38px; min-height:38px; font-size:12px; }
.v-replay>span:first-child { font-size:19px; line-height:1; }
.v-replay:hover { color:white; }
.v-prologue-bottom { border-top:1px solid #ffffff1a; display:flex; justify-content:space-between; align-items:flex-start; gap:35px; padding:30px 0 38px; }
.v-prologue-bottom>span { font-size:13px; color:#97949f; }
.v-prologue-bottom p { margin:0; font-size:20px; line-height:1.45; letter-spacing:-.025em; color:#b1adb9; }
.v-prologue-bottom strong { font-weight:400; color:#f3f0f7; }
.v-conviction { max-width:1600px; margin:auto; padding:120px 7% 110px; display:grid; grid-template-columns:1fr 1fr; gap:50px 8%; }
.v-conviction h2 { font-size:clamp(38px,3.5vw,56px); font-weight:450; line-height:1.1; letter-spacing:-.05em; margin:0; }
.v-conviction-copy { padding-top:42px; }
.v-conviction-copy p { margin:0 0 22px; font-size:18px; line-height:1.75; color:#b7b3c0; letter-spacing:-.02em; }
.v-conviction-copy p:first-child { color:#e3e0e9; }
.v-tenets { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:20px; padding:28px 0 5px; border-top:1px solid #ffffff1a; }
.v-tenets p { color:#94909e; font-size:20px; line-height:1.5; margin:0; letter-spacing:-.02em; }
.v-tenets strong { font-weight:400; color:#ddd7e9; }
.v-product-proof { grid-column:1/-1; border-top:1px solid #ffffff1a; border-bottom:1px solid #ffffff1a; }
.v-product-proof summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:23px 0; cursor:pointer; list-style:none; color:#bcb6c9; font-size:15px; }
.v-product-proof summary::-webkit-details-marker { display:none; }
.v-product-proof summary>span:last-child { font-size:23px; color:#c4a0ef; }
.v-product-proof[open] summary>span:last-child { transform:rotate(45deg); }
.v-proof-content { padding:0 0 30px; }
.v-horizon { padding-top:10px; background:#08090b; }
.v-horizon-heading { padding:65px 7% 60px; max-width:1600px; margin:auto; }
.v-horizon-heading h2 { font-size:clamp(42px,5.1vw,76px); line-height:1.065; font-weight:450; letter-spacing:-.06em; margin:0; }
.v-horizon-heading h2>span { color:#9e9aa8; }
.v-city { margin:0; --city-dawn:0; --city-zoom:1.075; --city-pan:0%; background:#0b1017; }
.v-city-film { position:relative; overflow:hidden; aspect-ratio:1672/941; max-height:950px; isolation:isolate; }
.v-city-camera { position:absolute; inset:0; transform:scale(var(--city-zoom)) translateX(var(--city-pan)); transform-origin:53% 57%; will-change:transform; }
.v-city-camera img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.v-city-day { opacity:var(--city-dawn); }
.v-city-shade { position:absolute; inset:0; z-index:1; background:linear-gradient(0deg,#09100fe6,transparent 33%); opacity:.8; pointer-events:none; }
.v-city-caption { position:absolute; z-index:2; left:7%; bottom:6%; display:flex; flex-direction:column; color:#f8f6ed; text-shadow:0 1px 20px #0008; font-size:clamp(24px,2.4vw,38px); line-height:1.23; letter-spacing:-.035em; }
.v-city-caption>span { color:#ebe9ded4; }
.v-city-caption strong { font-weight:450; }
.v-city-controls { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:18px 6.5%; background:#0d1515; color:#9ca9a4; font-size:12px; }
.v-city-transport { display:flex; align-items:center; gap:10px; }
.v-city-transport .v-replay { color:#e0e6de; }
.v-city-transport input { appearance:none; -webkit-appearance:none; width:170px; height:28px; background:transparent; accent-color:#d4b891; cursor:pointer; }
.v-city-transport input::-webkit-slider-runnable-track { height:2px; background:linear-gradient(90deg,#d7c5a5 var(--motion-progress,0%),#4e5f59 var(--motion-progress,0%)); }
.v-city-transport input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; border-radius:50%; width:10px; height:10px; margin-top:-4px; background:#ded5bc; }
.v-city-transport input:focus-visible { outline:2px solid #d7c5a5; outline-offset:3px; }
.v-city:fullscreen { display:flex; flex-direction:column; height:100vh; }
.v-city:fullscreen .v-city-film { flex:1; max-height:none; aspect-ratio:auto; }
.v-city:fullscreen .v-city-controls { flex-shrink:0; }
.v-horizon-conclusion { background:#e8ebdc; color:#20372d; padding:110px 25px 95px; text-align:center; }
.v-horizon-conclusion .v-overline { color:#597062; margin-bottom:30px; }
.v-horizon-conclusion h2 { font-size:clamp(44px,5.7vw,84px); font-weight:450; line-height:1.06; letter-spacing:-.06em; margin:0 0 29px; }
.v-horizon-conclusion h2>span { color:#6b805e; }
.v-horizon-conclusion>p:not(.v-overline) { max-width:575px; margin:0 auto; font-size:18px; line-height:1.7; color:#52675a; }
.v-discover { display:inline-flex; align-items:center; justify-content:center; gap:36px; border:1px solid #8a9b89; min-height:54px; padding:0 24px; margin-top:33px; font-size:15px; color:#20392b; border-radius:3px; }
.v-discover:hover { background:#d9dfcb; }
.v-horizon-conclusion small { display:block; color:#748371; font-size:12px; margin-top:55px; }
.v-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(min-width:1600px) { .v-opening{min-height:760px}.v-symbol-svg{max-height:600px} }
@media(max-width:1000px) { .v-prologue{padding-left:5%;padding-right:5%}.v-opening{gap:0;min-height:590px}.v-opening h1{font-size:clamp(48px,6.2vw,68px)}.v-lead{font-size:17px}.v-desktop-break{display:none}.v-symbol-roles{gap:22px;font-size:13px}.v-symbol-footer{gap:10px;flex-wrap:wrap}.v-symbol-footer p{font-size:12px}.v-conviction{gap:32px 6%;padding:90px 6%}.v-conviction-copy p{font-size:17px}.v-tenets{gap:20px}.v-tenets p{font-size:18px} }
@media(max-width:700px) { .v-prologue{padding:47px 6% 0}.v-opening{display:block;min-height:0}.v-overline{font-size:11px;margin-bottom:25px}.v-opening h1{font-size:clamp(52px,10vw,72px);margin-bottom:24px}.v-lead{font-size:17px;max-width:380px}.v-explore{font-size:13px;margin-top:11px;padding-top:15px;gap:26px}.v-symbol-wrap{padding:15px 0 32px}.v-symbol-svg{max-height:380px}.v-symbol-roles{margin-top:-30px;gap:31px;font-size:13px}.v-symbol-footer{margin-top:17px}.v-prologue-bottom{padding-top:23px;padding-bottom:22px}.v-prologue-bottom>span{font-size:11px;max-width:120px;line-height:1.6}.v-prologue-bottom p{font-size:17px}.v-conviction{display:block;padding:80px 6% 65px}.v-conviction h2{font-size:38px}.v-conviction-copy{padding-top:30px}.v-conviction-copy p{font-size:17px}.v-tenets{gap:15px;margin-top:37px;padding-top:24px}.v-tenets p{font-size:15px}.v-product-proof{margin-top:32px}.v-product-proof summary{font-size:14px;line-height:1.5}.v-horizon-heading{padding:40px 6% 38px}.v-horizon-heading h2{font-size:clamp(34px,7vw,48px)}.v-city-film{aspect-ratio:1.3}.v-city-camera img{object-position:61% center}.v-city-caption{font-size:22px;left:6%;bottom:7%}.v-city-controls{padding:12px 5%;gap:6px;flex-wrap:wrap}.v-city-controls>span{font-size:11px}.v-city-transport{gap:2px;margin-left:auto}.v-city-transport input{width:85px}.v-city-transport .v-replay{min-width:32px;min-height:36px;padding:6px}.v-horizon-conclusion{padding:65px 6% 65px}.v-horizon-conclusion h2{font-size:clamp(40px,8.5vw,58px)}.v-horizon-conclusion>p:not(.v-overline){font-size:17px}.v-horizon-conclusion small{margin-top:39px;font-size:11px} }
@media(prefers-reduced-motion:reduce) { .v-city-camera{will-change:auto}.v-replay[data-motion-play]{display:none} }
.v-replay[hidden],.v-city-transport[hidden] { display:none; }

/* Four broad views of commerce, with one statement per image. */
.v-horizon { padding-top:0; }
.v-story { margin:0; background:#090b10; --story-progress:0; }
.s-screen { height:min(56.25vw,calc(100svh - 260px)); min-height:470px; position:relative; isolation:isolate; overflow:hidden; background:#080b10; }
.s-scene { position:absolute; inset:0; opacity:0; transform:scale(var(--scene-scale,1.055)) translateX(var(--scene-pan,0%)); will-change:transform,opacity; }
.s-scene:first-child { opacity:1; }
.s-scene img { display:block; width:100%; height:100%; object-fit:cover; }
.s-vignette { position:absolute; inset:0; background:linear-gradient(90deg,#03060bee,#03060b9c 32%,#03060b1a 67%,transparent),linear-gradient(0deg,#050a1080,transparent 35%); pointer-events:none; }
.s-copy { position:absolute; z-index:2; left:7%; top:20%; width:47%; max-width:740px; }
.s-copy[hidden] { display:none; }
.s-copy .s-kicker { font-size:12px; letter-spacing:.15em; text-transform:uppercase; color:#cac4d6; margin:0 0 30px; }
.s-copy h3 { font-size:clamp(40px,4.1vw,67px); line-height:1.075; letter-spacing:-.05em; font-weight:450; color:#f7f5fa; margin:0; text-wrap:balance; }
.s-controls { padding:25px 6% 17px; background:#101117; }
.s-chapters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.s-chapters button { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; text-align:left; appearance:none; border:0; border-bottom:1px solid #45414c; background:none; padding:9px 0 18px; color:#99939f; line-height:1.35; }
.s-chapters button>span { display:block; margin-bottom:12px; font-size:12px; color:#9e8fb0; }
.s-chapters button>strong { font-weight:400; font-size:15px; }
.s-chapters button[aria-pressed="true"] { color:#fff; }
.s-chapters button[aria-pressed="true"]>span { color:#d1b5f4; }
.s-chapters button>i { position:absolute; bottom:-1px; left:0; height:2px; width:var(--step-progress,0%); background:linear-gradient(90deg,#aa7ce9,#e9a1ca,#efbd89); }
.s-transport { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:18px; }
.s-transport>span { font-size:12px; color:#9e99a8; }
.s-transport>div { display:flex; align-items:center; gap:9px; }
.s-transport>div[hidden] { display:none; }
.s-transport input { appearance:none; -webkit-appearance:none; width:165px; height:30px; background:transparent; accent-color:#bfa5e5; cursor:pointer; }
.s-transport input::-webkit-slider-runnable-track { height:2px; background:linear-gradient(90deg,#c8aae9 var(--motion-progress,0%),#55505e var(--motion-progress,0%)); }
.s-transport input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:10px; height:10px; border-radius:50%; margin-top:-4px; background:#dcc8f3; }
.s-transport input:focus-visible { outline:2px solid #cdb4ec; outline-offset:3px; }
.v-story[data-scene="3"] .s-vignette { background:linear-gradient(90deg,#eef1d5ed,#eef1d5a8 30%,#eef1d533 59%,transparent 78%),linear-gradient(0deg,#dde7c843,transparent 35%); }
.v-story[data-scene="3"] .s-copy h3 { color:#203e2d; }
.v-story[data-scene="3"] .s-copy>p { color:#3d5944; }
.v-story[data-scene="3"] .s-controls { background:#e7ecda; }
.v-story[data-scene="3"] .s-chapters button { border-bottom-color:#8c9a8180; color:#6d7b65; }
.v-story[data-scene="3"] .s-chapters button>span,.v-story[data-scene="3"] .s-transport>span { color:#6e806c; }
.v-story[data-scene="3"] .s-chapters button[aria-pressed="true"],.v-story[data-scene="3"] .v-replay { color:#254630; }
.v-story[data-scene="3"] .s-chapters button>i { background:linear-gradient(90deg,#4f7850,#94aa6e,#c9aa70); }
.v-story[data-scene="3"] input::-webkit-slider-runnable-track { background:linear-gradient(90deg,#577751 var(--motion-progress,0%),#aeb6a1 var(--motion-progress,0%)); }
.v-story[data-scene="3"] input::-webkit-slider-thumb { background:#3b653d; }
.v-story:fullscreen { width:100vw; height:100vh; display:flex; flex-direction:column; }
.v-story:fullscreen .s-screen { flex:1; min-height:0; height:auto; }
.v-story:fullscreen .s-controls { flex-shrink:0; }
.s-commitment { background:#e7ecda; color:#223f2d; padding:65px 7% 45px; }
.s-commitment h2 { font-size:clamp(32px,3.7vw,56px); letter-spacing:-.055em; line-height:1.08; font-weight:450; margin:0; }
.s-commitment h2>span { color:#708562; }
.s-commitment-footer { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.s-commitment-footer .v-discover { margin:0; flex-shrink:0; }
.s-commitment .v-product-proof { margin-top:38px; border-color:#7e917e55; }
.s-commitment .v-product-proof summary { color:#486048; }
.s-commitment .v-product-proof summary>span:last-child { color:#627853; }
.s-commitment .v-proof-content { color:#f6f5f8; }
@media(max-width:1000px) { .s-screen{min-height:480px}.s-copy{top:18%;left:6%;width:51%}.s-copy h3{font-size:42px}.s-chapters{gap:17px}.s-chapters button>strong{font-size:14px} }
@media(max-width:700px) {
  .s-screen{height:calc(56.25vw + 205px);min-height:0;}
  .s-scene{inset:0 0 auto;height:calc(56.25vw + 15px);}
  .s-scene img{object-position:center;}
  .s-vignette{background:linear-gradient(0deg,#080b10 0%,#080b10 30%,transparent 55%);}
  .s-copy{top:auto;bottom:35px;left:6%;width:88%;max-width:none;}
  .s-copy .s-kicker{font-size:12px;margin-bottom:20px;}
  .s-copy h3{font-size:clamp(32px,7.8vw,42px);max-width:490px;}
  .s-controls{padding:20px 6% 13px;}
  .s-chapters{gap:12px;}
  .s-chapters button{padding-top:4px;padding-bottom:15px;}
  .s-chapters button>span{font-size:12px;margin-bottom:9px;}
  .s-chapters button>strong{font-size:14px;}
  .s-transport{gap:5px;flex-wrap:wrap;margin-top:12px;}
  .s-transport>span{font-size:12px;}
  .s-transport>div{gap:2px;margin-left:auto;}
  .s-transport input{width:90px;}
  .s-transport .v-replay{min-width:32px;padding:5px;}
  .v-story[data-scene="3"] .s-screen{background:#e7ecda;}
  .v-story[data-scene="3"] .s-vignette{background:linear-gradient(0deg,#e7ecda 0%,#e7ecda 30%,transparent 55%);}
  .s-commitment{padding:50px 6% 35px;}
  .s-commitment h2{font-size:clamp(30px,7.8vw,40px);}
  .s-commitment-footer{display:block;}
  .s-commitment-footer .v-discover{margin-top:25px;}
  .s-commitment .v-product-proof{margin-top:37px;}
  .v-story:fullscreen .s-screen{min-height:calc(56.25vw + 190px);}
}
@media(prefers-reduced-motion:reduce) { .s-scene{will-change:auto;} }

/* Current Insight captures are layered without altering the source images. */
.insight-screen { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .65s ease,visibility .65s; }
/* The taller decision capture keeps all four charts intact. Its KPI strip stays above the focus. */
.insight-stock { object-fit:cover; object-position:50% 80%; }
.product-viewport[data-scene="0"] .insight-overview,
.product-viewport[data-scene="1"] .insight-overview,
.product-viewport[data-scene="2"] .insight-stock,
.product-viewport[data-scene="3"] .insight-overview { opacity:1; visibility:visible; }
.product-viewport[data-scene="0"] .product-canvas { transform:none; }
.product-viewport[data-scene="1"] .product-canvas { transform:scale(1.18); transform-origin:50% 45%; }
.product-viewport[data-scene="2"] .product-canvas { transform:scale(1.04); transform-origin:50% 47%; }
.product-viewport[data-scene="3"] .product-canvas { transform:scale(1.32); transform-origin:100% 100%; }
.product-focus { box-shadow:0 0 0 1600px #08070c80,0 0 28px #c34bff60; border:1px solid #d9b0ffb0; }
.product-viewport[data-scene="1"] .product-focus { left:27.9%; top:34.8%; width:44.5%; height:27.8%; border-radius:20px; }
.product-viewport[data-scene="2"] .product-focus { left:3.1%; top:7.25%; width:93.8%; height:79.3%; border-radius:24px; }
.product-viewport[data-scene="3"] .product-focus { left:73.9%; top:29.9%; width:22.9%; height:67.1%; border-radius:24px; }
/* Show the action that connects the first priority to its conversation. */
.insight-decision-open { position:absolute; z-index:3; left:29.16%; top:40.22%; width:13.72%; height:20.11%; padding:0; background:transparent; border:0; border-radius:16px; }
.insight-decision-open:hover { box-shadow:inset 0 0 0 1px #ffc16b88; }
.insight-decision-open:focus-visible { outline:2px solid #ffc16b; outline-offset:3px; }
.insight-decision-cue { position:absolute; z-index:4; left:40.4%; top:56.05%; width:0; height:0; pointer-events:none; visibility:hidden; }
.insight-demo-cursor { position:absolute; width:clamp(18px,2.2vw,29px); max-width:none; height:auto; left:-3px; top:-2px; filter:drop-shadow(0 3px 4px #0008); }
.insight-click-ring { position:absolute; width:clamp(24px,3.8vw,50px); aspect-ratio:1; border:2px solid #ffc77a; border-radius:50%; transform:translate(-50%,-50%); opacity:0; box-shadow:0 0 20px #ffb54588; }
.product-viewport[data-decision-step="aim"] .insight-decision-cue,
.product-viewport[data-decision-step="click"] .insight-decision-cue { visibility:visible; }
.product-viewport[data-decision-step="aim"] .product-focus,
.product-viewport[data-decision-step="click"] .product-focus { left:29.16%; top:40.22%; width:13.72%; height:20.11%; border-radius:16px; border-color:#ffd293; transition:opacity .3s,left .55s,top .55s,width .55s,height .55s; }
.product-viewport[data-decision-step="aim"] .insight-demo-cursor { animation:insight-pointer-arrive 1.1s cubic-bezier(.2,.7,.2,1) both; }
.product-viewport[data-decision-step="click"] .insight-demo-cursor { animation:insight-pointer-click .55s ease both; }
.product-viewport[data-decision-step="click"] .insight-click-ring { animation:insight-click .55s ease-out both; }
.product-viewport[data-decision-motion="paused"] .insight-demo-cursor,
.product-viewport[data-decision-motion="paused"] .insight-click-ring { animation-play-state:paused; }
@keyframes insight-pointer-arrive { 0% { opacity:0; transform:translate(65px,55px); } 15% { opacity:1; } 80%,100% { opacity:1; transform:translate(0,0); } }
@keyframes insight-pointer-click { 0%,100% { transform:scale(1); transform-origin:3px 2px; } 28% { transform:scale(.82); } }
@keyframes insight-click { 0% { opacity:0; transform:translate(-50%,-50%) scale(.45); } 20% { opacity:1; } 100% { opacity:0; transform:translate(-50%,-50%) scale(1.5); } }
/* The decision lens now shows the conversation alongside its contextual data. */
[data-lens=decision] .cinema-crop { aspect-ratio:5.1; }
[data-lens=decision] .cinema-crop img { width:107%; left:-3.4%; top:0; transform:translateY(-30%); }
[data-lens=priorities] .cinema-crop { aspect-ratio:2.75; }
[data-lens=priorities] .cinema-crop img { width:224.7%; left:-62.7%; top:0; transform:translateY(-34.8%); }
@media(max-width:700px) {
  /* Keep the complete product composition available on narrow displays. */
  .product-viewport { height:auto; aspect-ratio:1574/910; }
  .product-viewport[data-scene] .product-canvas { width:100%; height:100%; left:0; transform:none; }
  /* Keep the upper messages readable, with a little of Insight still in view. */
  .product-viewport[data-scene="3"] .product-canvas { transform:scale(2.7); transform-origin:100% 45%; }
  .product-focus,
  .product-viewport[data-scene="1"] .product-focus,
  .product-viewport[data-scene="2"] .product-focus,
  .product-viewport[data-scene="3"] .product-focus { border-radius:6px; }
  .insight-decision-open { border-radius:6px; }
}
@media(prefers-reduced-motion:reduce) {
  .insight-screen,.product-canvas,.product-focus { transition:none; }
  .insight-decision-cue { display:none; }
}

/* A quiet header becomes a compact black capsule as the page scrolls. */
.launch-announcement { display:flex; align-items:center; justify-content:center; gap:20px; flex:1 0 auto; margin:0; color:#fff; }
.launch-announcement p { margin:0; color:#fff; font-size:22px; font-weight:500; line-height:1.18; letter-spacing:-.025em; white-space:nowrap; }
.launch-announcement strong { color:#ead3ff; font-weight:600; }
.launch-notify { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 21px; border:1px solid #fff; border-radius:999px; background:#fff; color:#24132e; font-size:16px; font-weight:600; white-space:nowrap; transition:background .2s,box-shadow .2s; }
.launch-notify:hover { background:#f0e4ff; box-shadow:0 3px 22px #e2b9ff35; }
.header-shell { height:124px; }
.skip { z-index:101; }
.site-header {
  position:fixed; z-index:100; top:16px; left:50%; transform:translateX(-50%);
  width:calc(100% - 64px); max-width:1440px; height:96px; margin:0; padding:0 24px;
  display:flex; align-items:center; gap:18px; border:1px solid transparent; border-radius:24px;
  background:transparent; isolation:isolate;
  transition:max-width .45s cubic-bezier(.22,.68,0,1),height .45s cubic-bezier(.22,.68,0,1),background .3s,border-color .3s,border-radius .45s,box-shadow .3s;
}
.site-header.is-scrolled {
  max-width:1280px; height:84px; border-radius:999px; background:#08090bf5;
  border-color:#ffffff24; box-shadow:0 12px 42px #0005; backdrop-filter:blur(20px);
}
.site-header>.brand { margin-right:0; padding-right:18px; border-right:1px solid #ffffff20; gap:9px; flex-shrink:0; }
.site-header .brand-mark { width:30px; height:32px; }
.site-header .brand-word { display:block; width:116px; height:auto; opacity:1; }
.header-actions { display:flex; align-items:center; gap:14px; margin-left:0; white-space:nowrap; }
.header-socials { display:flex; align-items:center; gap:4px; }
.header-socials a { width:38px; height:42px; display:grid; place-items:center; border-radius:50%; color:#c7c6ce; transition:color .2s,background .2s; }
.header-socials a:hover { background:#ffffff0d; color:#fff; }
.header-language { display:flex; align-items:center; gap:9px; min-height:44px; font-size:14px; letter-spacing:.025em; }
.language-current { color:#fff; font-weight:600; }
.language-divider { color:#55555f; }
.language-pending { border:0; padding:0; background:none; color:#7d7d88; font-size:14px; font-weight:400; cursor:default; }
.header-login { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:44px; padding:0 19px; border:1px solid #e2bdff90; border-radius:999px; background:linear-gradient(110deg,#b67bff,#df96d0 62%,#ffc17a); color:#22112e; font-size:14px; font-weight:600; box-shadow:0 0 24px #c76cff22; transition:box-shadow .2s,filter .2s; }
.header-login:hover { filter:brightness(1.1); box-shadow:0 0 30px #cb7bf344; }
.launch-dialog { width:min(480px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:38px; border:1px solid #be8ae85c; border-radius:24px; background:radial-gradient(ellipse at 0 0,#49225f55,transparent 70%),#141217; color:#f7f1ff; box-shadow:0 24px 100px #000a; }
.launch-dialog::backdrop { background:#050407bc; backdrop-filter:blur(10px); }
.launch-dialog>img { margin-bottom:28px; }
.launch-dialog .dialog-close { top:14px; right:14px; width:40px; height:40px; color:#c4b8d0; }
.launch-dialog .launch-eyebrow { margin:0 0 12px; font-size:13px; color:#cd9cff; }
.launch-dialog h2 { font-size:36px; line-height:1.1; letter-spacing:-.045em; margin-bottom:18px; }
.launch-dialog>p:not(.launch-eyebrow) { font-size:16px; line-height:1.55; color:#bdb4c8; margin-bottom:26px; }
.launch-dialog label { display:block; font-size:14px; color:#eee5f5; margin-bottom:9px; }
.launch-dialog input { display:block; width:100%; min-height:50px; border:1px solid #ffffff2b; border-radius:10px; padding:12px 14px; background:#0d0b10; color:#fff; font-size:16px; }
.launch-dialog input:focus-visible { outline:2px solid #c093f5; outline-offset:3px; }
.launch-submit { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:50px; margin-top:14px; padding:12px 17px; border:1px solid #dabafa; border-radius:10px; background:linear-gradient(110deg,#b67bff,#dfa3ee 72%,#f5bb96); color:#22112e; font-size:15px; font-weight:600; }
.launch-dialog .launch-form { display:block; width:100%; min-height:230px; box-sizing:border-box; padding:6px 16px; border:0; border-radius:14px; background:#f5effb; }
.launch-dialog .launch-note { margin:16px 0 0; color:#a99cb5; font-size:13px; line-height:1.5; }
@media(max-width:1260px) and (min-width:901px) {
  .header-shell { height:164px; }
  .site-header,.site-header.is-scrolled { height:142px; padding:10px 22px; display:grid; grid-template-columns:auto 1fr auto; grid-template-rows:44px 68px; gap:5px 18px; border-radius:26px; }
  .site-header>.brand { grid-column:1; grid-row:1; padding-right:18px; }
  .header-menus { grid-column:2; grid-row:1; justify-content:center; }
  .header-actions { grid-column:3; grid-row:1; gap:10px; }
  .launch-announcement { grid-column:1/-1; grid-row:2; width:100%; height:68px; padding-top:10px; border-top:1px solid #ffffff18; }
  .launch-announcement p br { display:none; }
  html { scroll-padding-top:174px; }
}
@media(max-width:900px) {
  /* Mobile : trois rangées sobres — marque + connexion, menus + langue, annonce en
     bandeau fin. Les réseaux sociaux restent dans le pied de page. `display:contents`
     place les actions directement dans la grille. */
  .header-shell { height:174px; }
  .site-header,.site-header.is-scrolled { width:calc(100% - 24px); top:12px; height:152px; padding:10px 14px 12px; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:44px 40px 40px; gap:8px 10px; border-radius:22px; }
  .site-header.is-scrolled { background:#08090bfa; }
  .site-header>.brand { grid-column:1; grid-row:1; justify-self:start; margin:0; padding-right:0; border-right:0; gap:8px; }
  .site-header .brand-mark { width:26px; height:28px; }
  .site-header .brand-word { width:104px; }
  .header-actions { display:contents; }
  .header-socials { display:none; }
  .header-login { grid-column:2; grid-row:1; align-self:center; min-height:38px; padding:0 13px; gap:8px; font-size:13px; }
  .site-header .header-menus { grid-column:1/-1; grid-row:2; justify-content:flex-start; gap:8px; padding-right:70px; min-width:0; }
  .site-header .products-toggle { flex-shrink:0; min-height:38px; padding:0 12px; font-size:13px; }
  .header-language { grid-column:1/-1; grid-row:2; justify-self:end; min-height:38px; gap:7px; font-size:13px; }
  .launch-announcement { grid-column:1/-1; grid-row:3; width:100%; min-width:0; box-sizing:border-box; flex:0 0 auto; min-height:40px; justify-content:space-between; gap:12px; padding:0 4px 0 14px; border:1px solid #ffffff16; border-radius:999px; background:#ffffff08; }
  .launch-announcement p { font-size:13px; font-weight:500; letter-spacing:-.01em; }
  .launch-announcement p br { display:none; }
  .launch-notify { min-height:32px; padding:0 13px; font-size:13px; }
  html { scroll-padding-top:186px; }
  .hero-product { scroll-margin-top:186px; }
}
@media(max-width:420px) {
  .launch-dialog { padding:28px; }
  .launch-dialog h2 { font-size:32px; }
}
@media(prefers-reduced-motion:reduce) {
  .site-header,.header-socials a,.header-login,.launch-notify { transition:none; }
}

/* Compact landing-page footer. */
.landing-footer { max-width:none; width:100%; display:block; padding:50px max(30px,calc((100vw - 1220px)/2)) 25px; border-top:1px solid #29242e; background:#0b0b0e; }
.landing-footer-main { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.landing-footer-main p { color:#b2aabb; font-size:16px; margin:18px 0 7px; }
.landing-footer-main small { font-size:13px; color:#746c7e; }
.landing-footer-links { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-top:40px; padding-top:25px; border-top:1px solid #29242e; color:#aea6b7; font-size:14px; }
.landing-footer-links nav { display:flex; flex-wrap:wrap; gap:22px; }
.landing-footer-links a:hover { color:white; }
.landing-footer-links>span { color:#81788b; }
@media(max-width:600px) {
  .landing-footer { padding:35px 24px 24px; }
  .landing-footer-main { align-items:flex-start; flex-direction:column; gap:24px; }
  .landing-footer-links { margin-top:30px; gap:25px; }
  .landing-footer-links nav { gap:16px 22px; }
}

/* One team remains in place. The tools gain coordination, the people gain agency. */
.comparison-section { max-width:1280px; margin:0 auto; padding:20px 30px 36px; scroll-margin-top:110px; }
.comparison-card { position:relative; isolation:isolate; overflow:hidden; border:1px solid #ffffff1b; border-radius:32px; background:radial-gradient(ellipse at 50% 65%,#30293145,transparent 63%),#101013; }
.comparison-card::before { content:""; position:absolute; inset:20% 0 0; z-index:-1; background:radial-gradient(ellipse at 50% 58%,#7349b732,transparent 66%); opacity:0; transition:opacity .6s; }
.comparison-card[data-comparison-mode=solution]::before { opacity:1; }
.comparison-card [hidden] { display:none!important; }
.comparison-tabs { display:flex; width:max-content; margin:32px auto 0; padding:5px; gap:4px; border:1px solid #ffffff17; border-radius:999px; background:#1b191f; }
.comparison-tabs button { min-height:44px; padding:0 27px; border:0; border-radius:999px; background:transparent; color:#aaa3b2; font-size:15px; font-weight:550; transition:background .2s,color .2s; }
.comparison-tabs button:hover { color:#fff; }
.comparison-tabs button[aria-selected=true] { background:#f5f1f9; color:#201329; box-shadow:0 2px 9px #0004; }
.comparison-tabs [aria-selected=true][data-comparison=solution] { background:var(--ai-gradient); }
.comparison-tabs button:focus-visible { outline:2px solid #dcc0ff; outline-offset:4px; }
.comparison-deck { display:grid; padding:28px 24px 0; text-align:center; }
.comparison-panel { grid-area:1/1; min-width:0; }
.comparison-panel h2 { margin:0; font-size:clamp(34px,4.15vw,54px); font-weight:500; line-height:1.05; letter-spacing:-.05em; color:#f5f2f7; }
.comparison-panel h2 span { color:#afa6b5; }
#solution-panel h2 span { background:var(--ai-gradient); background-clip:text; -webkit-background-clip:text; color:transparent; }
.comparison-panel>p { color:#b1a9bb; font-size:16px; line-height:1.55; margin:20px 0 0; }
.comparison-stage { position:relative; width:calc(100% - 100px); max-width:1060px; height:520px; margin:36px auto 24px; isolation:isolate; }
.comparison-orbit { position:absolute; left:50%; top:40%; width:440px; height:440px; transform:translate(-50%,-50%); border-radius:50%; border:1px solid #ffffff06; box-shadow:0 0 0 36px #ffffff02,0 0 0 72px #ffffff015; z-index:-2; }
.comparison-connections { position:absolute; inset:0; width:100%; height:100%; z-index:-1; overflow:visible; }
.comparison-connections path { vector-effect:non-scaling-stroke; stroke-width:1.3; }
.comparison-manual-wires { stroke:#b294855c; stroke-dasharray:3 8; transition:opacity .4s; }
.comparison-connected-wires { stroke:#b89bd66e; opacity:0; transition:opacity .4s; }
.comparison-card[data-comparison-mode=solution] .comparison-manual-wires { opacity:0; }
.comparison-card[data-comparison-mode=solution] .comparison-connected-wires { opacity:1; }
.comparison-connected-wires .comparison-flow { stroke:#eac7ff; stroke-width:2; stroke-dasharray:9 91; stroke-dashoffset:100; opacity:0; }
.comparison-mobile-connections { display:none; }
.comparison-order { position:absolute; top:0; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:10px; width:274px; height:46px; padding:0 16px; border:1px solid #ffffff19; border-radius:14px; background:#1c1b21; box-shadow:0 6px 16px #0002; }
.comparison-order>svg { width:22px; height:22px; color:#c7badb; flex:none; }
.comparison-order>span { font-size:12px; color:#d4cdda; }
.comparison-order strong { display:block; font-size:10px; font-weight:450; color:#9d93aa; margin-top:3px; }
.comparison-order .comparison-order-dot { width:5px; height:5px; border-radius:50%; background:#ba9ff2; margin-left:auto; box-shadow:0 0 12px #b39ceb80; }
.comparison-order::after { content:""; position:absolute; top:100%; height:23px; width:1px; background:linear-gradient(#ffffff30,transparent); left:50%; }
.comparison-team { position:absolute; top:70px; left:50%; transform:translateX(-50%); width:304px; height:216px; padding:17px 10px 18px; border:1px solid #c3b3d72b; border-radius:28px; text-align:center; background:radial-gradient(ellipse at 50% 0,#46434c80,transparent 80%),linear-gradient(155deg,#26252d,#1c1b22); box-shadow:inset 0 1px 0 #ffffff14,0 18px 35px #0004; z-index:2; transition:border-color .5s,box-shadow .5s; }
.comparison-people { display:flex; justify-content:center; align-items:flex-end; height:96px; padding:0 12px; }
.comparison-avatar { display:block; width:70px; height:77px; border-radius:50%; border:3px solid #29272f; background:linear-gradient(140deg,#4a4a57,#32333e); }
.comparison-avatar.avatar-1 { width:88px; height:96px; margin:0 -9px; z-index:1; background:linear-gradient(140deg,#66576e,#37313f); }
.comparison-avatar.avatar-2 { background:linear-gradient(140deg,#465853,#293f3d); }
.comparison-team h3 { margin:14px 0 8px; font-size:31px; letter-spacing:-.045em; color:#fbf8fd; font-weight:550; line-height:1; }
.comparison-team p { font-size:12px; line-height:1.4; margin:0; color:#b9afc3; }
.comparison-card[data-comparison-mode=solution] .comparison-team { border-color:#d0aff866; box-shadow:inset 0 1px 0 #ffffff18,0 18px 35px #0004,0 0 58px #b37afa22; }
.comparison-card[data-comparison-mode=solution] .comparison-team p { color:#e1caef; }
.comparison-support { position:absolute; top:324px; left:50%; width:300px; height:102px; transform:translateX(-50%); }
.comparison-manual { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; }
.comparison-manual>span { font-size:12px; color:#ac9893; }
.comparison-manual>div { display:flex; gap:8px; }
.comparison-manual>div>span { padding:11px 14px; border:1px solid #80685e40; border-radius:10px; background:#211c20; font-size:12px; color:#c4aba3; }
.comparison-manual>div>span:first-child { transform:rotate(-5deg) translateY(3px); }
.comparison-manual>div>span:last-child { transform:rotate(5deg) translateY(3px); }
.comparison-platform { position:relative; height:100%; display:flex; flex-direction:column; justify-content:center; border:1px solid transparent; border-radius:22px; background:linear-gradient(120deg,#332241,#251e32 65%,#382a26) padding-box,var(--ai-gradient) border-box; box-shadow:0 10px 36px #0004,0 0 44px #b779d52b; }
.comparison-platform::before { content:""; position:absolute; bottom:100%; left:50%; width:1px; height:39px; background:linear-gradient(#d2b6f66e,#d6a5ec); }
.comparison-platform>div { display:flex; align-items:center; justify-content:center; gap:11px; }
.comparison-platform img { width:30px; height:32px; }
.comparison-platform strong { color:#fff; font-size:27px; font-weight:550; letter-spacing:-.045em; }
.comparison-platform>div>span { position:absolute; right:21px; font-size:22px; background:var(--ai-gradient); background-clip:text; -webkit-background-clip:text; color:transparent; }
.comparison-platform p { color:#c9b8db; margin:9px 0 0; text-align:center; font-size:12px; }
.comparison-tools { position:absolute; inset:0; pointer-events:none; }
.comparison-tool { position:absolute; left:0; top:22px; width:20.75%; height:126px; padding:16px 18px; border:1px solid #ffffff19; border-radius:19px; background:linear-gradient(135deg,#28262d,#19181e); box-shadow:inset 0 1px 0 #ffffff09,0 10px 22px #0003; transition:border-color .5s,box-shadow .5s; }
.comparison-tool:nth-child(2) { top:198px; }
.comparison-tool:nth-child(3) { top:374px; }
.comparison-tool:nth-child(n+4) { left:auto; right:0; }
.comparison-tool:nth-child(5) { top:198px; }
.comparison-tool:nth-child(6) { top:374px; }
.comparison-tool h3 { display:flex; align-items:center; gap:9px; margin:0; font-size:13px; line-height:1.2; font-weight:450; color:#d2c9dc; }
.comparison-tool-icon { display:grid; place-items:center; width:30px; height:30px; border:1px solid #ffffff09; border-radius:9px; background:#151419; color:var(--tool-color); flex:none; }
.comparison-tool-icon svg { width:19px; height:19px; }
.comparison-tool-value { margin-top:13px; font-size:17px; font-weight:450; line-height:1.15; letter-spacing:-.025em; color:#d6afa0; }
.comparison-tool-value.is-number { font-size:32px; line-height:1; margin-top:9px; font-weight:500; }
.tool-shop .comparison-tool-value { color:#f3edf9; }
.comparison-tool-detail { font-size:10px; line-height:1.3; color:#93899f; margin-top:5px; }
.comparison-tool-status { position:absolute; right:14px; top:21px; font-size:11px; color:#e5ab8d; }
.tool-shop .comparison-tool-status { color:#a2d5bc; }
.status-synced { display:none; }
.comparison-card[data-comparison-mode=solution] .status-pending { display:none; }
.comparison-card[data-comparison-mode=solution] .status-synced { display:inline; color:#9ae1b8; }
.comparison-card[data-comparison-mode=solution] .comparison-tool { border-color:#b8a0ce4a; box-shadow:inset 0 1px 0 #ffffff10,0 10px 22px #0003; }
.comparison-card[data-comparison-mode=solution] .comparison-tool-value { color:#f0e8f8; }
.comparison-card[data-comparison-mode=solution] .comparison-flow { animation:comparison-flow 1.4s .2s both; }
.comparison-platform:not([hidden]) { animation:comparison-support-in .55s both; }
.comparison-tool [data-comparison-content=solution]:not([hidden]) { animation:comparison-value-in .4s both; }
@keyframes comparison-flow { 0% { stroke-dashoffset:100; opacity:0; } 15%,80% { opacity:1; } 100% { stroke-dashoffset:0; opacity:0; } }
@keyframes comparison-support-in { from { opacity:0; translate:0 8px; } to { opacity:1; translate:0 0; } }
@keyframes comparison-value-in { from { opacity:.3; } to { opacity:1; } }
@media(max-width:1050px) and (min-width:761px) {
  .comparison-stage { width:calc(100% - 48px); }
  .comparison-team,.comparison-support { width:270px; }
  .comparison-tool { padding:16px 12px; }
  .comparison-tool h3 { font-size:12px; gap:6px; }
  .comparison-tool-icon { width:25px; height:27px; }
  .comparison-tool-status { right:10px; top:10px; font-size:10px; }
  .comparison-tool-value { font-size:15px; }
}
@media(max-width:760px) {
  .comparison-section { padding:12px 12px 24px; scroll-margin-top:110px; }
  .comparison-card { border-radius:26px; }
  .comparison-tabs { margin-top:24px; }
  .comparison-tabs button { padding:0 25px; font-size:14px; }
  .comparison-deck { padding:27px 14px 0; }
  .comparison-panel h2 { font-size:clamp(29px,6.4vw,42px); line-height:1.09; }
  .comparison-panel>p { font-size:13px; margin-top:17px; }
  .comparison-stage { width:calc(100% - 32px); max-width:430px; height:720px; margin:30px auto 19px; }
  .comparison-orbit { width:280px; height:280px; top:190px; }
  .comparison-connections { display:none; }
  .comparison-mobile-connections { display:block; position:absolute; inset:0; width:100%; height:100%; z-index:-1; stroke:#b69a8b69; stroke-width:1.2; stroke-dasharray:3 8; }
  .comparison-card[data-comparison-mode=solution] .comparison-mobile-connections { stroke:#c29dda99; stroke-dasharray:none; }
  .comparison-order { width:248px; height:44px; padding:0 15px; }
  .comparison-team { top:66px; width:268px; height:192px; padding:12px 8px; border-radius:25px; }
  .comparison-people { height:82px; }
  .comparison-avatar { width:61px; height:67px; }
  .comparison-avatar.avatar-1 { width:75px; height:82px; }
  .comparison-team h3 { font-size:29px; margin-top:13px; }
  .comparison-team p { font-size:11px; }
  .comparison-support { top:285px; width:260px; height:91px; }
  .comparison-platform { border-radius:18px; }
  .comparison-platform::before { height:28px; }
  .comparison-platform strong { font-size:25px; }
  .comparison-platform img { width:27px; height:29px; }
  .comparison-platform p { font-size:11px; margin-top:7px; }
  .comparison-platform>div>span { right:20px; }
  .comparison-manual { gap:10px; }
  .comparison-manual>div>span { padding:10px 12px; font-size:11px; }
  .comparison-tools { top:414px; bottom:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .comparison-tool,.comparison-tool:nth-child(n) { position:relative; inset:auto; width:auto; height:92px; padding:10px 12px; border-radius:15px; }
  .comparison-tool h3 { font-size:11px; gap:6px; }
  .comparison-tool-icon { width:24px; height:24px; border-radius:7px; }
  .comparison-tool-icon svg { width:16px; height:16px; }
  .comparison-tool-value { margin-top:7px; font-size:14px; line-height:1.1; }
  .comparison-tool-value.is-number { font-size:26px; margin-top:3px; }
  .comparison-tool-detail { font-size:9px; margin-top:3px; }
  .comparison-tool-status { top:9px; right:9px; font-size:8px; }
}
@media(max-width:360px) {
  .comparison-stage { width:calc(100% - 24px); }
  .comparison-team { width:254px; }
  .comparison-tool h3 { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .comparison-card,.comparison-card *,.comparison-card::before { animation:none!important; transition:none!important; }
}

/* A single visual stage. The visitor chooses the view; scenes never autoplay. */
.journey { --journey-white:#f5f3fa; --journey-muted:#b2acbe; max-width:1380px; margin:auto; padding:90px 30px 80px; scroll-margin-top:100px; }
.journey-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:0 14px 42px; }
.journey-heading h2 { margin:0; color:var(--journey-white); font-size:clamp(38px,4.8vw,64px); font-weight:500; line-height:1.02; letter-spacing:-.055em; }
.journey-heading h2 span { color:#9e96aa; }
.journey-showcase { scroll-margin-top:130px; display:flex; flex-direction:column; position:relative; isolation:isolate; border:1px solid #ffffff18; border-radius:32px; overflow:hidden; background:#101014; }
.journey-tabs { order:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0 32px; background:#101014; border-top:1px solid #ffffff10; }
.journey-tabs button { display:flex; position:relative; align-items:center; justify-content:center; gap:12px; min-width:0; padding:26px 10px; background:transparent; border:0; border-radius:0; color:#a39baa; font-size:16px; font-weight:500; transition:color .2s,background .2s; }
.journey-tabs button svg { width:21px; height:21px; opacity:.65; }
.journey-tabs button::before { content:''; position:absolute; top:-1px; height:2px; left:20%; right:20%; background:#e1d7f7; transform:scaleX(0); transition:transform .3s; }
.journey-tabs button[aria-selected=true] { color:white; background:linear-gradient(#b4a6ce0b,transparent); }
.journey-tabs button[aria-selected=true]::before { transform:scaleX(1); }
.journey-tabs button[aria-selected=true] svg { opacity:1; }
.journey-tabs button:hover { color:white; background:#ffffff05; }
.journey-tabs button:focus-visible { outline:2px solid #e3d8ff; outline-offset:-6px; border-radius:12px; }
.journey-panel { --scene-accent:#be99ff; position:relative; display:grid; grid-template-columns:36% 64%; align-items:center; min-height:560px; padding:35px 30px 35px 55px; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 69% 56%,#613e712b,transparent 64%),linear-gradient(135deg,#14121b,#101014 80%); }
.journey-panel[hidden] { display:none; }
.journey-panel:focus-visible { outline:2px solid #e3d8ff; outline-offset:-7px; }
.journey-panel::after { content:''; position:absolute; z-index:-1; bottom:-70%; right:-15%; width:80%; height:95%; border-radius:50%; background:var(--scene-accent); filter:blur(100px); opacity:.08; }
.journey-prepare { --scene-accent:#92c6ff; background:radial-gradient(ellipse at 71% 61%,#315e8b35,transparent 65%),#10141b; }
.journey-ship { --scene-accent:#f9c693; background:radial-gradient(ellipse at 70% 57%,#7c503326,transparent 60%),#151311; }
.journey-performance { --scene-accent:#8cf1bc; background:radial-gradient(ellipse at 71% 60%,#2464482b,transparent 65%),#0f1515; }
.journey-copy { position:relative; z-index:2; padding:0 0 28px; }
.journey-overline { display:block; margin:0 0 28px; color:var(--scene-accent); font-size:11px; text-transform:uppercase; font-weight:600; letter-spacing:.15em; }
.journey-copy h3 { margin:0 0 25px; color:var(--journey-white); font-size:clamp(32px,3.55vw,49px); line-height:1.08; font-weight:500; letter-spacing:-.055em; }
.journey-copy h3 span { color:var(--scene-accent); }
.journey-copy p { margin:0; max-width:30ch; color:#b9b2c0; font-size:16px; line-height:1.65; }
.journey-visual { width:100%; position:relative; aspect-ratio:680/480; container-type:inline-size; }
.journey-scene { position:absolute; inset:0; font-size:14px; }
.journey-scene * { box-sizing:border-box; }
.journey-connections { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.journey-wire { stroke:#c6a4df; stroke-opacity:.12; stroke-width:1; }
.journey-flow { stroke-width:1.7; stroke-linecap:round; filter:drop-shadow(0 0 5px #c18bdf8c); }
.journey-orbit { position:absolute; border:1px solid #ad8bca0e; border-radius:50%; width:60%; aspect-ratio:1; top:7%; left:19%; transform:rotateX(20deg); }
.orbit-two { width:82%; top:-8%; left:8%; }
.channel-object { position:absolute; display:flex; align-items:center; flex-direction:column; gap:12px; width:22%; transform:translate(-50%,-50%); }
.channel-object>span { color:#bdb4cc; font-size:13px; white-space:nowrap; }
.channel-tile { display:grid; place-items:center; width:76px; height:76px; border-radius:21px; color:#d4c6ef; background:linear-gradient(140deg,#39313f,#201e27 60%); border:1px solid #ffffff25; box-shadow:2px 5px 0 #14121c,2px 6px 0 #514159,0 18px 28px #0005,inset 1px 1px 1px #ffffff15; }
.channel-tile img { width:43px; height:43px; object-fit:contain; }
.channel-shopify .channel-tile { transform:rotate(-9deg); }
.channel-amazon .channel-tile { background:#eeece7; transform:rotate(6deg); box-shadow:2px 5px 0 #aaa6a4,0 18px 28px #0005; }
.channel-amazon img { width:53px; height:42px; }
.channel-store .channel-tile { transform:rotate(-6deg); }
.channel-tile svg { width:31px; height:31px; }
.channel-b2b .channel-tile { width:85px; height:64px; display:flex; justify-content:center; gap:6px; transform:rotate(7deg); }
.channel-b2b svg { width:24px; height:24px; }
.channel-b2b b { font-size:15px; font-weight:500; }
.channel-shopify { left:18.5%; top:21.7%; }
.channel-amazon { left:12%; top:53%; }
.channel-store { left:27%; top:82.7%; }
.channel-b2b { left:58.2%; top:14.6%; }
.journey-core { position:absolute; left:48.5%; top:49%; transform:translate(-50%,-50%); width:132px; text-align:center; }
.core-face { position:relative; display:grid; place-items:center; width:132px; height:132px; border-radius:33px; background:linear-gradient(145deg,#343039,#13121a 55%) padding-box,linear-gradient(140deg,#c189ff,#e57fbe 58%,#ffd395) border-box; border:1px solid transparent; box-shadow:0 8px 0 #121017,0 9px 0 #b780c277,0 20px 50px #c468ff18,0 0 50px #d480fb0f,inset 0 2px 3px #ffffff16; transform:rotate(-7deg); }
.core-face img { width:59px; height:66px; filter:drop-shadow(0 0 12px #fff2); }
.journey-core>span { position:absolute; left:0; right:0; bottom:-40px; font-size:19px; font-weight:500; letter-spacing:-.035em; color:#f9f4ff; }
.unified-orders { position:absolute; left:70%; top:40%; width:29%; min-height:177px; padding:22px 20px 17px; transform:rotate(5deg); border-radius:17px; border:1px solid #ccadd24f; background:linear-gradient(130deg,#3c2d40,#201e26 80%); box-shadow:0 20px 35px #0005; }
.unified-orders::before { content:''; position:absolute; inset:-9px 7px 10px; z-index:-1; border:1px solid #b391c327; border-radius:15px; background:#26222e; transform:rotate(-8deg); }
.unified-orders small { font-size:8px; letter-spacing:.12em; color:#d4b6e4; }
.unified-orders strong { display:block; margin:12px 0 14px; font-size:19px; letter-spacing:-.03em; line-height:1.2; font-weight:500; color:#fff; }
.unified-check { position:absolute; right:-10px; top:-12px; width:30px; height:30px; display:grid; place-items:center; background:#b9f9d1; color:#144d32; border-radius:50%; box-shadow:0 0 22px #72ffbc26; }
.unified-check svg { width:20px; }
.unified-lines { display:grid; gap:5px; }
.unified-lines i { height:3px; width:92%; border-radius:3px; background:#c5aad923; }
.unified-lines i:nth-child(2) { width:75%; }
.unified-lines i:nth-child(3) { width:57%; }
.unified-live { display:flex; align-items:center; gap:6px; margin-top:15px; color:#b7eaca; font-size:10px; }
.unified-live i { width:4px; height:4px; background:#b7eaca; border-radius:50%; }
/* Internal and partner fulfillment share one visual language and one parcel. */
.fulfillment-floor { position:absolute; inset:0 -8% -12%; background:repeating-linear-gradient(0deg,transparent 0 54px,#97caff12 55px 56px),repeating-linear-gradient(90deg,transparent 0 54px,#97caff12 55px 56px); transform:perspective(500px) rotateX(55deg) rotateZ(-27deg) scale(.88); mask-image:radial-gradient(ellipse,#000 20%,transparent 70%); }
.warehouse { position:absolute; top:3%; width:37%; text-align:center; }
.warehouse-internal { left:5%; }
.warehouse-partners { right:4%; }
.warehouse>span { display:block; margin-bottom:8px; font-size:14px; color:#d3e2f6; }
.warehouse-building { width:100%; height:auto; filter:drop-shadow(0 17px 10px #0004); }
.fulfillment-parcel { position:absolute; width:35%; left:33%; top:39%; filter:drop-shadow(0 25px 23px #0005); }
.fulfillment-parcel>svg { width:100%; height:auto; }
.fulfillment-parcel>img { position:absolute; top:49%; left:24%; width:19%; height:21%; transform:skewY(29deg); }
.journey-status { position:absolute; display:flex; align-items:center; justify-content:center; gap:9px; width:max-content; border:1px solid #99c1f33d; border-radius:50px; background:linear-gradient(120deg,#273447,#192330); padding:13px 19px; box-shadow:0 10px 28px #0004; color:#d5e6ff; font-size:12px; }
.journey-status svg { width:18px; height:18px; color:#98e5bd; }
.preparation-status { bottom:0; left:50%; transform:translateX(-50%); }
/* Carrier choice becomes one tangible shipping label, then a shared status. */
.shipping-orbit { position:absolute; left:10%; top:6%; width:82%; aspect-ratio:1; border:1px solid #d5b38812; border-radius:50%; transform:rotateX(35deg); }
.carrier-object { position:absolute; display:grid; place-items:center; width:84px; height:60px; border-radius:16px; border:1px solid #fff2; background:#eae6df; box-shadow:0 7px 0 #817469,0 20px 24px #0004; z-index:1; }
.carrier-object img { width:64px; height:37px; object-fit:contain; }
.carrier-ups { left:9%; top:4%; transform:rotate(-10deg); }
.carrier-ups img { height:39px; }
.carrier-dhl { left:45%; top:4%; transform:rotate(5deg); background:#ffdf37; box-shadow:0 7px 0 #b59a39,0 20px 34px #e5b74612; }
.carrier-dhl i { position:absolute; right:-9px; top:-8px; display:grid; place-items:center; width:24px; height:24px; background:#b9f9d1; color:#145c35; border-radius:50%; font-style:normal; }
.carrier-fedex { right:7%; top:1%; transform:rotate(12deg); }
.shipping-rules { position:absolute; left:64%; top:28%; display:flex; align-items:center; gap:10px; color:#f3d5ad; font-size:15px; }
.shipping-rules svg { width:23px; height:23px; }
.shipping-rules span span { display:block; margin-top:7px; font-size:10px; color:#bdb0a1; white-space:nowrap; }
.ship-visual .shipping-label { position:absolute; top:25%; left:15%; width:41%; padding:25px 24px 21px; background:linear-gradient(140deg,#fffdf7,#e6e0d3); color:#242027; border-radius:10px; transform:rotate(-9deg); box-shadow:0 2px 0 #a49a8c,10px 24px 45px #0007; }
.shipping-label-brand { display:flex; align-items:center; gap:6px; }
.shipping-label-brand img { width:20px; height:22px; filter:brightness(.15); }
.shipping-label-brand b { font-size:15px; letter-spacing:-.04em; font-weight:600; }
.shipping-label-brand>span { margin-left:auto; font-size:8px; letter-spacing:.1em; }
.shipping-route { display:flex; justify-content:space-between; align-items:center; padding:24px 0 18px; font-size:49px; font-weight:550; line-height:1; letter-spacing:-.06em; }
.shipping-route>span { font-size:39px; color:#9a8f80; font-weight:400; }
.shipping-service { font-size:13px; line-height:1.4; }
.shipping-barcode { height:43px; margin:24px 0 19px; background:repeating-linear-gradient(90deg,#242027 0 2px,transparent 2px 4px,#242027 4px 5px,transparent 5px 8px,#242027 8px 12px,transparent 12px 14px,#242027 14px 16px,transparent 16px 21px); }
.shipping-label-foot { display:flex; justify-content:space-between; align-items:center; padding-top:12px; border-top:1px solid #36271a30; font-size:11px; }
.shipping-label-foot svg { width:15px; height:15px; }
.shipping-tracking { position:absolute; right:6%; top:46%; width:20%; color:#d5cdc2; font-size:12px; }
.shipping-tracking>span { display:flex; align-items:center; gap:10px; position:relative; }
.tracking-origin { margin-bottom:74px; }
.tracking-origin>i { width:8px; height:8px; margin:0 9px; background:#d5b083; border-radius:50%; box-shadow:0 0 16px #efcb7e88; }
.tracking-origin::after { content:''; position:absolute; left:13px; top:26px; width:1px; height:56px; background:linear-gradient(#d5b083,#b9f9d1); }
.tracking-destination>i { display:grid; place-items:center; width:26px; height:26px; flex:none; border:1px solid #a5e9c372; background:#21372d; border-radius:50%; }
.tracking-destination svg { width:16px; color:#b9f9d1; }
/* Finance and operations overlaid, without invented performance claims. */
.bi-caption { position:absolute; left:8%; right:3%; top:3%; display:flex; justify-content:space-between; align-items:center; color:#b5d3c4; }
.bi-caption>span { display:flex; align-items:center; gap:8px; font-size:10px; letter-spacing:.12em; }
.bi-caption i { width:5px; height:5px; border-radius:50%; background:#9aecbc; box-shadow:0 0 10px #79eaa2; }
.bi-caption small { font-size:11px; color:#9baea5; }
.bi-bars { position:absolute; inset:20% 6% 17%; display:flex; align-items:flex-end; gap:3%; transform:skewY(-5deg); }
.bi-bars i { height:var(--bar-height); flex:1; border-radius:5px 5px 0 0; background:linear-gradient(90deg,#735b9566,#a785c955 82%,#c3b5e066 84%,#9984b533); border:1px solid #b494ce33; border-bottom:0; box-shadow:4px 0 12px #0002; transform-origin:bottom; }
.bi-curves { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.bi-grid { stroke:#ffffff0c; stroke-width:1; stroke-dasharray:2 7; }
.bi-line { stroke:#9affc3; stroke-width:2.5; filter:drop-shadow(0 0 7px #75efb164); }
.bi-end-halo { fill:#8affba25; }
.bi-floating { position:absolute; display:flex; align-items:center; gap:10px; padding:17px 20px; background:linear-gradient(120deg,#23372fef,#182421f5); border:1px solid #a5e7c24a; border-radius:15px; box-shadow:0 16px 30px #0004; color:#b4dfc7; }
.bi-floating>i { width:6px; height:6px; border-radius:50%; background:#92f5b9; }
.bi-floating>span { font-size:10px; }
.bi-floating strong { display:block; margin-top:7px; color:#f1fff6; font-size:19px; font-weight:500; letter-spacing:-.035em; }
.bi-floating>b { font-weight:400; margin-left:12px; font-size:25px; }
.bi-finance { top:21%; left:13%; transform:rotate(-5deg); }
.bi-operations { bottom:18%; right:4%; color:#cfb9ef; border-color:#be9ae748; background:linear-gradient(130deg,#352c41,#24232df5); transform:rotate(4deg); }
.bi-operations>i { background:#c6a7f7; }
.bi-operations strong { color:#f7f2ff; }
.bi-scope { position:absolute; bottom:1%; left:0; right:0; text-align:center; font-size:12px; color:#a7b6ad; }
.bi-scope span { margin:0 13px; color:#6c8f7a; }
/* Short, finite entrance sequences. JS starts them only when this section is visible. */
.journey-panel.is-revealed .journey-copy { animation:journey-copy-in .65s both; }
.journey-panel.is-revealed .channel-object,.journey-panel.is-revealed .warehouse,.journey-panel.is-revealed .carrier-object { animation:journey-object-in .8s both; }
.journey-panel.is-revealed .channel-amazon,.journey-panel.is-revealed .warehouse-partners { animation-delay:.12s; }
.journey-panel.is-revealed .channel-store,.journey-panel.is-revealed .carrier-fedex { animation-delay:.24s; }
.journey-panel.is-revealed .channel-b2b { animation-delay:.3s; }
.journey-panel.is-revealed .core-face { animation:journey-core-in 1.2s .3s both; }
.journey-panel.is-revealed .journey-flow { animation:journey-connect 2s var(--delay) both; }
.journey-panel.is-revealed .unified-orders,.journey-panel.is-revealed .journey-status,.journey-panel.is-revealed .shipping-tracking { animation:journey-result-in .8s 1.1s both; }
.journey-panel.is-revealed .shipping-label,.journey-panel.is-revealed .fulfillment-parcel { animation:journey-object-in 1.1s .25s both; }
.journey-panel.is-revealed .bi-bars i { animation:journey-bar-in 1.1s var(--delay) both; }
.journey-panel.is-revealed .bi-line { animation:journey-connect 2s .25s both; }
.journey-panel.is-revealed .bi-floating { animation:journey-object-in .8s .6s both; }
.journey-showcase.is-offscreen * { animation-play-state:paused!important; }
@keyframes journey-copy-in { from { opacity:0; translate:0 8px; } to { opacity:1; translate:0 0; } }
@keyframes journey-object-in { from { opacity:0; translate:0 18px; } to { opacity:1; translate:0 0; } }
@keyframes journey-core-in { from { opacity:.3; scale:.84; } to { opacity:1; scale:1; } }
@keyframes journey-result-in { from { opacity:0; translate:-10px 0; } to { opacity:1; translate:0 0; } }
@keyframes journey-connect { from { stroke-dasharray:100; stroke-dashoffset:100; opacity:.2; } to { stroke-dasharray:100; stroke-dashoffset:0; opacity:1; } }
@keyframes journey-bar-in { from { transform:scaleY(.1); opacity:.2; } to { transform:scaleY(1); opacity:1; } }
@media(min-width:901px) and (max-width:1150px) {
 .journey-panel { padding-left:36px; padding-right:18px; min-height:520px; grid-template-columns:36% 64%; }
 .journey-copy h3 { font-size:36px; }
 .journey-copy p { font-size:15px; }
 .channel-tile { width:63px; height:63px; border-radius:18px; }
 .core-face,.journey-core { width:112px; }
 .core-face { height:112px; border-radius:28px; }
 .unified-orders { padding:17px 14px; }
 .unified-orders strong { font-size:16px; }
 .ship-visual .shipping-label { padding:18px; }
 .shipping-route { font-size:40px; padding:19px 0 13px; }
 .shipping-barcode { margin:17px 0 12px; height:34px; }
 .shipping-rules { font-size:13px; gap:7px; }
 .bi-floating { padding:14px; }
 .bi-floating strong { font-size:16px; }
}
@media(max-width:900px) {
 .journey { padding:60px 18px; scroll-margin-top:170px; }
 .journey-heading { margin:0 7px 30px; }
 .journey-heading h2 { font-size:44px; }
 .journey-panel { display:flex; flex-direction:column; padding:36px 28px 24px; min-height:0; }
 .journey-copy { width:100%; padding:0; min-height:185px; }
 .journey-overline { margin-bottom:16px; font-size:10px; }
 .journey-copy h3 { font-size:42px; margin-bottom:17px; }
 .journey-copy p { max-width:47ch; font-size:15px; line-height:1.5; }
 .journey-visual { max-width:640px; margin-top:16px; }
 .journey-tabs { padding:0 10px; }
 .journey-tabs button { flex-direction:column; gap:9px; padding:18px 5px; font-size:13px; }
}
@media(max-width:520px) {
 .journey { padding:48px 12px; }
 .journey-heading { margin:0 10px 25px; }
 .journey-heading h2 { font-size:38px; }
 .journey-showcase { border-radius:24px; }
 .journey-panel { padding:29px 19px 24px; }
 .journey-copy { min-height:192px; }
 .journey-copy h3 { font-size:34px; }
 .journey-copy p { font-size:14px; line-height:1.55; }
 .journey-visual { aspect-ratio:1/1; margin-top:10px; }
 .journey-tabs { padding:0 4px; }
 .journey-tabs button { font-size:11px; gap:8px; padding:16px 1px; }
 .journey-tabs button svg { width:20px; height:20px; }
 .journey-tabs button::before { left:15%; right:15%; }
 .journey-orbit { top:20%; }
 .orbit-two { top:9%; }
 .channel-object { gap:9px; }
 .channel-object>span { font-size:9px; }
 .channel-tile { width:45px; height:45px; border-radius:13px; box-shadow:1px 3px 0 #14121c,1px 4px 0 #514159,0 12px 20px #0005; }
 .channel-tile img { width:27px; height:27px; }
 .channel-amazon .channel-tile { box-shadow:1px 3px 0 #aaa6a4,0 12px 20px #0005; }
 .channel-amazon img { width:33px; height:25px; }
 .channel-tile svg { width:22px; height:22px; }
 .channel-b2b .channel-tile { width:53px; height:43px; gap:3px; }
 .channel-b2b svg { width:17px; height:17px; }
 .channel-b2b b { font-size:10px; }
 .core-face,.journey-core { width:70px; }
 .core-face { height:70px; border-radius:20px; box-shadow:0 5px 0 #121017,0 6px 0 #b780c277,0 15px 35px #c468ff25; }
 .core-face img { width:32px; height:37px; }
 .journey-core>span { font-size:12px; bottom:-29px; }
 .unified-orders { left:70%; width:31%; padding:13px 8px 11px; min-height:115px; border-radius:10px; }
 .unified-orders small { font-size:5.5px; letter-spacing:.06em; }
 .unified-orders strong { margin:7px 0 10px; font-size:10px; line-height:1.25; }
 .unified-orders::before { border-radius:10px; inset:-6px 4px 7px; }
 .unified-check { width:18px; height:18px; right:-5px; top:-8px; }
 .unified-check svg { width:13px; }
 .unified-lines { gap:3px; }
 .unified-lines i { height:2px; }
 .unified-live { font-size:6.5px; margin-top:10px; gap:3px; }
 .unified-live i { width:3px; height:3px; }
 .warehouse { top:9%; width:44%; }
 .warehouse-internal { left:0; }
 .warehouse-partners { right:-1%; }
 .warehouse>span { font-size:11px; margin-bottom:13px; }
 .fulfillment-parcel { width:45%; left:28%; top:42%; }
 .journey-status { padding:11px 12px; gap:6px; font-size:10px; }
 .journey-status svg { width:14px; height:14px; }
 .carrier-object { width:48px; height:38px; border-radius:11px; }
 .carrier-object img { width:39px; height:24px; }
 .carrier-ups img { height:26px; }
 .carrier-dhl i { width:17px; height:17px; font-size:10px; right:-5px; top:-5px; }
 .shipping-rules { top:30%; left:57%; gap:5px; font-size:11px; }
 .shipping-rules svg { width:17px; height:17px; }
 .shipping-rules span span { font-size:7px; margin-top:5px; }
 .ship-visual .shipping-label { left:6%; width:49%; top:27%; padding:14px 12px 12px; border-radius:7px; }
 .shipping-label-brand { gap:4px; }
 .shipping-label-brand img { width:13px; height:14px; }
 .shipping-label-brand b { font-size:10px; }
 .shipping-label-brand>span { font-size:5px; }
 .shipping-route { font-size:30px; padding:17px 0 11px; }
 .shipping-route>span { font-size:25px; }
 .shipping-service { font-size:9px; }
 .shipping-barcode { height:28px; margin:15px 0 11px; }
 .shipping-label-foot { font-size:8px; padding-top:9px; }
 .shipping-label-foot svg { width:13px; height:13px; }
 .shipping-tracking { right:0; top:54%; width:33%; font-size:9px; }
 .shipping-tracking>span { gap:5px; }
 .tracking-origin { margin-bottom:51px; }
 .tracking-origin>i { margin:0 7px; width:5px; height:5px; }
 .tracking-origin::after { left:9px; top:20px; height:38px; }
 .tracking-destination>i { width:19px; height:19px; }
 .tracking-destination svg { width:12px; }
 .bi-caption { left:0; right:0; }
 .bi-caption>span { font-size:7px; gap:5px; letter-spacing:.08em; }
 .bi-caption small { font-size:8px; }
 .bi-floating { padding:11px; gap:6px; border-radius:11px; }
 .bi-floating>span { font-size:8px; }
 .bi-floating>i { width:4px; height:4px; }
 .bi-floating strong { font-size:13px; margin-top:5px; }
 .bi-floating>b { font-size:20px; margin-left:6px; }
 .bi-finance { left:2%; top:20%; }
 .bi-operations { right:0; bottom:18%; }
 .bi-scope { bottom:2%; font-size:10px; }
 .bi-scope span { margin:0 6px; }
}
@media(prefers-reduced-motion:reduce) {
 .journey-showcase * { animation:none!important; transition:none!important; }
}

/* A quiet ecosystem ribbon between the comparison and the product showcase. */
.ecosystem { position:relative; isolation:isolate; overflow:hidden; max-width:1280px; margin:auto; padding:90px 0 42px; scroll-margin-top:110px; }
.ecosystem::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(ellipse at 12% 64%,#2254b330,transparent 48%),radial-gradient(ellipse at 82% 65%,#7940aa18,transparent 46%); }
.ecosystem-heading { padding:0 24px; margin-bottom:44px; text-align:center; }
.ecosystem-heading h2 { margin:0; color:#f3f0f7; font-size:clamp(40px,5.2vw,68px); font-weight:450; line-height:1.1; letter-spacing:-.055em; }
.ecosystem-heading h2>span { font-weight:550; color:#f3f0f7; }
.ecosystem-heading p { color:#b4aebb; font-size:20px; line-height:1.5; margin:20px 0 0; }
.ecosystem-rows { display:grid; gap:18px; }
.ecosystem-row { overflow-x:auto; scrollbar-width:thin; scrollbar-color:#57505f transparent; padding:3px 0 9px; mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent); }
.ecosystem-row:focus-visible { outline:2px solid #cfb7e8; outline-offset:-2px; }
.ecosystem-track { display:flex; width:max-content; }
.ecosystem-group { display:flex; flex:none; gap:16px; margin:0; padding:0 16px 0 0; list-style:none; }
.ecosystem-group[aria-hidden=true] { display:none; }
.ecosystem-logo { display:flex; align-items:center; gap:13px; width:198px; height:78px; padding:16px 19px; border:1px solid #ffffff16; border-radius:18px; background:#ffffff04; color:#e4dfed; font-size:16px; font-weight:450; white-space:nowrap; }
.ecosystem-mark { display:grid; place-items:center; flex:none; width:40px; height:40px; padding:5px; border-radius:10px; background:#f4f2f5; }
.ecosystem-mark img { display:block; width:100%; height:100%; object-fit:contain; }
.ecosystem-controls { display:flex; justify-content:flex-end; min-height:42px; margin:20px 30px 0; }
.ecosystem-play { display:grid; place-items:center; width:42px; height:42px; border:1px solid #ffffff1a; border-radius:50%; background:#1c1b21; color:#e5ddec; font-size:17px; }
.ecosystem-play:hover { background:#2d2934; }
.ecosystem-play[hidden] { display:none; }
.ecosystem[data-enhanced=true] .ecosystem-row { overflow-x:hidden; }
.ecosystem[data-enhanced=true] .ecosystem-group[aria-hidden=true] { display:flex; }
.ecosystem[data-enhanced=true] .ecosystem-track { animation:ecosystem-drift 70s linear infinite; }
.ecosystem[data-enhanced=true] [data-direction=right] .ecosystem-track { animation-direction:reverse; animation-duration:65s; }
.ecosystem[data-motion=paused] .ecosystem-track,.ecosystem-rows:hover .ecosystem-track,.ecosystem-rows:focus-within .ecosystem-track { animation-play-state:paused; }
@keyframes ecosystem-drift { to { transform:translateX(-50%); } }
@media(max-width:700px) {
 .ecosystem { padding:64px 0 28px; scroll-margin-top:145px; }
 .ecosystem-heading { margin-bottom:30px; padding:0 20px; }
 .ecosystem-heading h2 { font-size:clamp(34px,7.7vw,46px); }
 .ecosystem-heading p { font-size:16px; margin-top:15px; }
 .ecosystem-rows { gap:10px; }
 .ecosystem-group { gap:12px; padding-right:12px; }
 .ecosystem-logo { width:181px; height:68px; padding:12px 14px; gap:11px; font-size:15px; border-radius:15px; }
 .ecosystem-mark { width:36px; height:36px; padding:4px; border-radius:9px; }
 .ecosystem-controls { margin:16px 20px 0; }
}
@media(prefers-reduced-motion:reduce) {
 .ecosystem[data-enhanced=true] .ecosystem-row { overflow-x:auto; }
 .ecosystem[data-enhanced=true] .ecosystem-track { animation:none; }
 .ecosystem[data-enhanced=true] .ecosystem-group[aria-hidden=true] { display:none; }
}

/* Three destinations, one click each. The light panel separates navigation from the page. */
.header-menus { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.products-menu,.success-menu { position:static; min-width:0; }
.site-header .products-toggle {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 17px; border:1px solid #ffffff30; border-radius:999px;
  color:#f5f5f7; background:#ffffff09; font-size:15px; font-weight:500; cursor:pointer; white-space:nowrap;
  transition:background .2s,color .2s,border-color .2s;
}
.site-header .products-toggle:hover { background:#ffffff17; border-color:#ffffff60; }
.site-header .products-toggle[aria-expanded=true] { color:#151419; background:#f6f5f8; border-color:#f6f5f8; }
.products-toggle:focus-visible { outline:2px solid #ca9aff; outline-offset:4px; }
.site-header .products-panel {
  display:block; position:absolute; z-index:35; top:calc(100% + 12px); left:0; right:0;
  padding:16px; border:1px solid #fff; border-radius:24px; background:#f6f5f8; color:#19171e;
  max-height:calc(100dvh - 142px); overflow-y:auto;
  box-shadow:0 24px 65px #0009,0 2px 8px #0003;
}
.site-header .products-panel[hidden] { display:none; }
.products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.product-entry {
  --product-ink:#24202b; --product-wash:#eae7ef;
  min-width:0; position:relative; display:grid; grid-template-columns:minmax(0,1fr) 24px;
  column-gap:8px; align-content:start; padding:12px 12px 20px; border-radius:15px;
  color:#19171e; text-decoration:none; transition:background .2s;
}
.product-entry-commerce { --product-ink:#7133ba; --product-wash:#ede4fa; }
.product-entry-network { --product-ink:#245eb7; --product-wash:#e2edfc; }
.site-header .product-entry[aria-current] { color:#19171e; text-decoration:none; }
.product-entry:hover,.product-entry:focus-visible { background:var(--product-wash); }
.product-entry:focus-visible { outline:2px solid var(--product-ink); outline-offset:-2px; }
.product-preview {
  grid-column:1/-1; position:relative; display:block; width:100%; aspect-ratio:1.85;
  margin-bottom:22px; overflow:hidden; border-radius:10px; background:#101014;
  border:1px solid #211e2b; isolation:isolate;
}
.product-preview img { position:absolute; width:100%; max-width:none; height:auto; left:0; top:0; transition:transform .35s; }
.product-entry-platform .product-preview { box-shadow:inset 0 1px #c789ff80; }
.product-entry-commerce .product-preview { border-color:#5e3e78; }
.product-entry-commerce .product-preview img { width:145%; left:-42%; top:0; }
.product-entry-network .product-preview { border-color:#375e98; }
.product-entry-network .product-preview img { width:175%; left:-55%; top:-55%; }
.product-entry:hover .product-preview img { transform:scale(1.025); }
.product-copy { min-width:0; display:flex; flex-direction:column; gap:8px; }
.product-copy strong { color:var(--product-ink); font-size:27px; font-weight:550; letter-spacing:-.045em; line-height:1.15; }
.product-copy>span { color:#615b6a; font-size:14px; line-height:1.45; }
.product-arrow { align-self:start; margin-top:5px; color:var(--product-ink); transition:transform .2s; }
.product-entry:hover .product-arrow { transform:translateX(3px); }
.success-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.success-story { --story-accent:#7133ba; min-width:0; padding:24px; }
.success-story+.success-story { border-left:1px solid #dedbe3; }
.success-story-network { --story-accent:#245eb7; }
.success-story-retail { --story-accent:#97521b; }
.success-profile { margin:0 0 24px; color:var(--story-accent); font-size:12px; font-weight:550; line-height:1.5; }
.success-story h2 { margin:0 0 15px; color:#24202b; font-size:27px; font-weight:550; line-height:1.15; letter-spacing:-.045em; }
.success-story .success-client-logo { display:flex; align-items:center; height:72px; overflow:hidden; }
.success-client-logo img { width:auto; max-width:100%; height:auto; max-height:64px; object-fit:contain; mix-blend-mode:multiply; }
.success-story-commerce .success-client-logo img { width:140px; }
.success-story-brand .success-client-logo img { width:200px; }
.success-story-network .success-client-logo img { width:180px; max-height:none; }
.success-story-retail .success-client-logo img { width:200px; }
.success-need { margin:0; color:#615b6a; font-size:15px; line-height:1.6; }
.success-panel:focus { outline:none; }
.success-panel:focus-visible { outline:2px solid #ca9aff; outline-offset:4px; }
@media(max-width:1260px) and (min-width:901px) {
  .site-header .products-panel { max-height:calc(100dvh - 186px); }
  .site-header>.brand { padding-right:18px; }
  .header-actions { gap:14px; }
  .site-header .products-toggle { padding-inline:14px; }
  .success-story { padding:20px 16px; }
  .success-story h2 { font-size:24px; }
}
@media(max-width:900px) {
  .header-menus { grid-column:1/-1; justify-content:center; gap:10px; }
  .site-header .products-panel { max-height:calc(100dvh - 190px); }
  .success-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .success-story { padding:20px; }
  .success-story:nth-child(3) { border-left:0; }
  .success-story:nth-child(n+3) { border-top:1px solid #dedbe3; }
  .success-profile { margin-bottom:14px; }
}
@media(max-width:900px) and (min-width:701px) {
  .site-header .products-panel { padding:10px; }
  .product-entry { padding:10px 8px 16px; }
  .product-preview { margin-bottom:18px; }
  .product-copy strong { font-size:23px; }
  .product-copy>span { font-size:13px; }
}
@media(max-width:700px) {
  .header-menus { grid-column:1/-1; justify-content:center; gap:10px; }
  .site-header .products-toggle { padding:0 13px; font-size:14px; }
  .site-header .products-panel { padding:8px; border-radius:20px; }
  .products-grid { grid-template-columns:1fr; gap:4px; }
  .product-entry { grid-template-columns:88px minmax(0,1fr) 18px; align-items:center; gap:12px; padding:14px 10px; }
  .product-preview { grid-column:auto; width:88px; aspect-ratio:1; margin:0; border-radius:8px; }
  .product-copy { gap:6px; }
  .product-copy strong { font-size:22px; }
  .product-copy>span { font-size:12px; line-height:1.4; }
  .product-arrow { width:18px; align-self:center; margin:0; }
  .product-preview img { width:185%; left:-27%; top:2%; }
  .product-entry-commerce .product-preview img { width:245%; left:-124%; top:0; }
  .product-entry-network .product-preview img { width:260%; left:-117%; top:-36%; }
  .success-story { padding:16px 12px; }
  .success-story h2 { font-size:22px; margin-bottom:12px; }
  .success-story .success-client-logo { height:54px; }
  .success-client-logo img { max-height:50px; }
  .success-profile { font-size:11px; margin-bottom:12px; }
  .success-need { font-size:13px; line-height:1.5; }
}
@media(max-width:370px) {
  .product-entry { grid-template-columns:72px minmax(0,1fr) 18px; gap:10px; padding:12px 8px; }
  .product-preview { width:72px; }
  .product-copy strong { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .site-header .products-toggle,.product-entry,.product-preview img,.product-arrow { transition:none; }
  .product-entry:hover .product-preview img { transform:none; }
}

/* Commerce: one order flow, two ways to run fulfillment. */
.commerce-fulfillment-story .visual-chapter-head { max-width:900px; margin-bottom:40px; }
.commerce-fulfillment-story .visual-chapter-head > p { max-width:630px; margin:22px auto 0; }
.fulfillment-network { position:relative; isolation:isolate; overflow:hidden; padding:34px 28px 40px; border:1px solid #ffffff19; border-radius:30px; background:radial-gradient(ellipse at 22% 60%,#9062cb13,transparent 48%),radial-gradient(ellipse at 79% 57%,#548bf515,transparent 48%),#101014; }
.fulfillment-origin { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:14px; width:220px; min-height:78px; margin:auto; border:1px solid #ffffff2b; border-radius:18px; background:linear-gradient(150deg,#29272f,#18171d); box-shadow:0 10px 32px #0003; }
.fulfillment-origin img { flex-shrink:0; }
.fulfillment-origin span { display:block; color:#aca7b7; font-size:12px; letter-spacing:.025em; margin-bottom:4px; }
.fulfillment-origin strong { font-size:19px; letter-spacing:-.025em; font-weight:500; color:#f7f5fa; }
.fulfillment-branches { position:relative; display:flex; width:53%; height:55px; margin:auto; }
.fulfillment-branches::before { content:""; position:absolute; width:1px; height:24px; top:0; left:50%; background:#99909f; }
.fulfillment-branches span { position:absolute; top:23px; width:50%; height:32px; border-top:1px solid; }
.fulfillment-branches span:first-child { left:0; border-left:1px solid; border-color:#b294d5; border-radius:18px 0 0 0; }
.fulfillment-branches span:last-child { right:0; border-right:1px solid; border-color:#82acdf; border-radius:0 18px 0 0; }
.fulfillment-branches i { position:absolute; left:calc(50% - 3px); top:20px; width:6px; height:6px; border-radius:50%; background:#e5def0; }
.fulfillment-options { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); position:relative; gap:44px; }
.fulfillment-option { min-width:0; text-align:center; }
.fulfillment-mode { display:inline-flex; align-items:center; gap:8px; font-size:12px; line-height:1.4; font-weight:500; letter-spacing:.11em; text-transform:uppercase; color:#d2b6f4; }
.fulfillment-mode::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.fulfillment-partners .fulfillment-mode { color:#a6cdff; }
.fulfillment-illustration { display:block; width:100%; height:auto; max-width:520px; margin:5px auto 0; }
.fulfillment-option-copy h3 { margin:0 0 13px; color:#f5f3f9; font-size:clamp(25px,2.6vw,35px); font-weight:500; letter-spacing:-.04em; line-height:1.15; }
.fulfillment-option-copy p { color:#b2adbf; margin:0; font-size:16px; line-height:1.6; }
.fulfillment-or { position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); color:#87808f; font-size:14px; }
.fulfillment-or::before,.fulfillment-or::after { content:""; position:absolute; height:94px; width:1px; left:50%; background:linear-gradient(transparent,#ffffff17); bottom:35px; }
.fulfillment-or::after { top:35px; bottom:auto; transform:rotate(180deg); }
@media(max-width:900px) {
 .fulfillment-network { padding:28px 18px 34px; }
 .fulfillment-options { gap:28px; }
 .fulfillment-option-copy h3 { font-size:26px; }
 .fulfillment-option-copy p { font-size:15px; }
 .fulfillment-branches { width:54%; }
}
@media(max-width:600px) {
 .commerce-fulfillment-story .visual-chapter-head { margin-bottom:28px; }
 .fulfillment-network { padding:24px 18px 32px; border-radius:24px; }
 .fulfillment-origin { width:206px; min-height:73px; }
 .fulfillment-branches { width:1px; height:37px; }
 .fulfillment-branches::before { height:37px; background:linear-gradient(#99909f,#b294d5); }
 .fulfillment-branches span,.fulfillment-branches i { display:none; }
 .fulfillment-options { display:flex; flex-direction:column; gap:0; }
 .fulfillment-illustration { width:calc(100% + 26px); max-width:none; margin:10px -13px 0; }
 .fulfillment-option-copy h3 { font-size:28px; }
 .fulfillment-option-copy p { font-size:15px; }
 .fulfillment-or { position:relative; top:auto; left:auto; transform:none; display:flex; align-items:center; justify-content:center; gap:18px; margin:28px 15px; }
 .fulfillment-or::before,.fulfillment-or::after { position:static; width:72px; height:1px; transform:none; background:#ffffff1b; }
 .fulfillment-mode { font-size:11px; }
}

/* One shared surface, three principles, one large symbol per idea. */
.commerce-foundations { padding-top:62px; padding-bottom:58px; }
.commerce-foundations > .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.commerce-foundations-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:30px 0 36px; border:1px solid #e5e0e9; border-radius:28px; background:#f5f4f6; }
.commerce-foundation { min-width:0; padding:0 30px; color:#292330; text-align:center; }
.commerce-foundation + .commerce-foundation { border-left:1px solid #dfdbe4; }
.foundation-visual { height:208px; margin:0 0 25px; }
.foundation-visual > svg { display:block; width:100%; height:100%; }
.foundation-copy { max-width:29ch; margin:auto; }
.commerce-foundation h3 { margin:0 0 12px; color:#292330; font-size:clamp(27px,2.4vw,32px); line-height:1.12; font-weight:550; letter-spacing:-.045em; }
.commerce-foundation p { margin:0; color:#68616f; font-size:16px; line-height:1.5; text-wrap:pretty; }
@media(min-width:901px) and (max-width:1100px) {
 .commerce-foundation { padding:0 22px; }
 .foundation-visual { height:180px; margin-bottom:22px; }
}
@media(max-width:900px) {
 .commerce-foundations-grid { grid-template-columns:1fr; padding:0 28px; }
 .commerce-foundation { display:grid; grid-template-columns:minmax(180px,.9fr) minmax(0,1fr); align-items:center; gap:28px; padding:22px 0; text-align:left; }
 .commerce-foundation + .commerce-foundation { border-left:0; border-top:1px solid #dfdbe4; }
 .foundation-visual { height:190px; margin:0; }
 .foundation-copy { margin:0; max-width:29ch; }
 .commerce-foundation h3 { font-size:30px; }
}
@media(max-width:540px) {
 .commerce-foundations { padding-top:34px; padding-bottom:26px; }
 .commerce-foundations-grid { padding:0 24px; border-radius:24px; }
 .commerce-foundation { display:block; padding:25px 0 29px; text-align:center; }
 .foundation-visual { height:180px; margin-bottom:17px; }
 .foundation-copy { max-width:29ch; margin:auto; }
 .commerce-foundation h3 { font-size:29px; margin-bottom:10px; }
 .commerce-foundation p { font-size:16px; }
}

/* A continuous three-step flow; every role and action stays visible. */
.network-onboarding { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; list-style:none; padding:12px 0 0; margin:0; }
.onboarding-step { min-width:0; }
.onboarding-step-marker { display:flex; align-items:center; gap:16px; margin-bottom:25px; }
.onboarding-step-marker > span { display:grid; place-items:center; flex:0 0 42px; height:42px; border:1px solid #5877a6; border-radius:50%; color:#b4d1ff; font-size:14px; font-weight:500; font-variant-numeric:tabular-nums; background:#142033; }
.onboarding-step-marker > i { position:relative; height:1px; flex:1; background:linear-gradient(90deg,#426490,#213147); }
.onboarding-step:not(:last-child) .onboarding-step-marker > i::after { content:''; position:absolute; right:0; top:-3px; height:6px; width:6px; border-top:1px solid #7699c8; border-right:1px solid #7699c8; transform:rotate(45deg); }
.onboarding-step:last-child .onboarding-step-marker > span { border-color:#427d69; background:#13271f; color:#a2e8ca; }
.onboarding-step:last-child .onboarding-step-marker > i { background:linear-gradient(90deg,#3b735f,transparent); }
.onboarding-actor { display:block; color:#91a4bf; font-size:12px; text-transform:uppercase; letter-spacing:.12em; font-weight:500; }
.onboarding-step h3 { margin:10px 0 0; color:#f6f7fb; font-size:clamp(25px,2.5vw,33px); line-height:1.15; font-weight:500; letter-spacing:-.04em; }
.onboarding-step > p { margin:0; color:#aeb7c6; font-size:17px; line-height:1.6; max-width:34ch; }
.onboarding-art { display:flex; height:220px; margin:20px 0 22px; align-items:center; justify-content:center; position:relative; }
.client-tariffs { width:calc(100% - 12px); max-width:304px; border:1px solid #57769e; border-radius:16px; padding:18px; background:linear-gradient(135deg,#26364d,#192231); box-shadow:0 16px 34px #0004; transform:rotate(-3deg); }
.tariff-client { display:flex; align-items:center; gap:12px; margin-bottom:14px; font-size:14px; color:#edf3ff; }
.tariff-client > span { display:grid; place-items:center; width:37px; height:37px; border-radius:11px; background:#9ac2ff; color:#152c4e; font-size:19px; }
.tariff-client small { display:block; margin-top:4px; color:#9cadc4; font-size:11px; }
.tariff-line { display:flex; gap:10px; align-items:center; min-height:43px; font-size:13px; color:#dee8f7; border-top:1px solid #a2bde123; }
.tariff-line > svg { width:20px; height:20px; color:#a9c8f4; flex-shrink:0; }
.tariff-line > svg:last-child { margin-left:auto; width:17px; height:17px; color:#9bdcbf; }
.channels-art { flex-direction:column; }
.client-invitation { display:flex; gap:12px; align-items:center; width:100%; max-width:306px; background:#e6effc; color:#193250; padding:17px; border:1px solid #c6dafa; border-radius:14px; box-shadow:0 12px 28px #0003; font-size:14px; }
.invitation-mail { display:grid; place-items:center; height:38px; width:38px; border-radius:11px; background:#d0e0f7; flex-shrink:0; }
.invitation-mail svg { height:25px; width:25px; }
.client-invitation small { display:block; color:#607b9c; font-size:11px; margin-top:5px; }
.invitation-unread { width:7px; height:7px; margin-left:auto; border-radius:50%; background:#568de1; flex-shrink:0; }
.channels-branches { display:block; height:38px; width:100%; max-width:290px; flex-shrink:0; }
.onboarding-channels { display:flex; justify-content:space-between; width:100%; max-width:268px; }
.onboarding-channels > span { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:76px; height:68px; border:1px solid #3c506d; border-radius:13px; background:#f4f6fb; }
.onboarding-channels img { display:block; width:33px; height:33px; object-fit:contain; }
.onboarding-channels small { color:#44536a; font-size:9px; margin-top:4px; }
.onboarding-channels i { position:absolute; right:-5px; top:-5px; display:grid; place-items:center; border:2px solid #090a0c; border-radius:50%; width:20px; height:20px; background:#a4e5c6; color:#19553d; }
.onboarding-channels i svg { width:12px; height:12px; stroke-width:2; }
.start-art { flex-direction:column; }
.start-connection { display:flex; align-items:center; width:100%; max-width:310px; }
.start-endpoint { display:grid; place-items:center; width:49px; height:49px; border-radius:13px; border:1px solid #324a49; background:#122322; color:#a0cab9; flex-shrink:0; }
.start-endpoint svg { height:26px; width:26px; }
.start-connection > i { flex:1; height:1px; background:#4d8976; }
.start-ready { display:grid; place-items:center; width:95px; height:95px; border:1px solid #79c7a7; border-radius:50%; background:radial-gradient(circle at 30% 25%,#32664f,#1b392d); color:#baf6d9; box-shadow:0 0 0 9px #75cd9f09,0 0 0 20px #75cd9f04; flex-shrink:0; }
.start-ready svg { height:45px; width:45px; stroke-width:1.7; }
.start-status { margin-top:26px; text-align:center; font-size:19px; color:#dff6eb; letter-spacing:-.02em; }
.start-status small { display:flex; justify-content:center; gap:7px; align-items:center; font-size:11px; color:#8eb8a3; margin-top:8px; letter-spacing:0; }
.start-status small > span { width:5px; height:5px; border-radius:50%; background:#9fe1bf; }
@media(min-width:851px) and (max-width:1080px) {
 .network-onboarding { gap:23px; }
 .client-tariffs { padding:14px; }
 .client-invitation { padding:14px 11px; gap:9px; }
 .invitation-mail { width:31px; height:34px; }
 .onboarding-channels > span { width:66px; height:64px; }
 .onboarding-step > p { font-size:16px; }
}
@media(max-width:850px) {
 .network-onboarding { grid-template-columns:1fr; gap:0; padding:0; }
 .onboarding-step { display:grid; grid-template-columns:42px minmax(0,1fr) minmax(235px,1fr); column-gap:22px; position:relative; padding:24px 0 28px; }
 .onboarding-step:not(:last-child) { border-bottom:1px solid #293447; }
 .onboarding-step-marker { grid-column:1; grid-row:1 / 3; margin:0; align-items:flex-start; }
 .onboarding-step-marker > i { display:none; }
 .onboarding-step-heading { grid-column:2; align-self:end; }
 .onboarding-step h3 { font-size:29px; }
 .onboarding-step > p { grid-column:2; grid-row:2; font-size:16px; margin-top:16px; }
 .onboarding-art { grid-column:3; grid-row:1 / 3; margin:0; height:214px; }
}
@media(max-width:620px) {
 .onboarding-chapter .visual-chapter-head { text-align:left; margin-bottom:24px; }
 .onboarding-step { grid-template-columns:36px minmax(0,1fr); column-gap:16px; padding:23px 0 28px; }
 .onboarding-step-marker { grid-row:1; }
 .onboarding-step-marker > span { flex-basis:36px; height:36px; font-size:12px; }
 .onboarding-step-heading { grid-column:2; grid-row:1; }
 .onboarding-step h3 { font-size:29px; margin-top:7px; }
 .onboarding-actor { font-size:11px; }
 .onboarding-art { grid-column:1 / -1; grid-row:2; height:216px; margin:10px 12px 8px; }
 .onboarding-step > p { grid-column:2; grid-row:3; margin:0; font-size:16px; max-width:34ch; }
}

/* Network: three visual financial views, using one manual scene controller. */
.network-finance { border:1px solid #344051; border-radius:25px; background:#11151c; box-shadow:0 25px 70px #0003; }
.nf-top { display:flex; gap:13px; align-items:center; padding:24px 32px 21px; color:#dce5f3; font-size:16px; }
.network-finance > .nf-navigation { display:flex; gap:6px; padding:5px; margin:0 28px; background:#090d13; border:1px solid #273243; border-radius:14px; }
.network-finance .nf-navigation > button { display:flex; gap:12px; align-items:center; justify-content:center; border:1px solid transparent; padding:13px 10px; min-height:48px; border-radius:10px; font-size:15px; color:#93a0b3; transition:background .15s,color .15s; }
.network-finance .nf-navigation > button[aria-pressed=true] { color:#f1f6ff; background:#293e5b; border-color:#496c9c; }
.network-finance .nf-navigation > button:hover { color:#f1f6ff; background:#1e2b3d; }
.network-finance .nf-navigation > button[aria-pressed=true]:hover { background:#293e5b; }
.network-finance .nf-navigation .film-index { display:inline; margin:0; font-size:12px; opacity:.65; }
.network-finance .nf-navigation > button > i { display:none; }
.network-finance .nf-navigation > button:focus-visible { outline:2px solid #aed0ff; outline-offset:1px; }
.nf-stage { padding:32px; }
.nf-stage > .film-pane { min-height:460px; }
.nf-stage > [hidden] { display:none; }
.network-finance h3,.network-finance h4,.network-finance p,.network-finance dl,.network-finance dd { margin:0; }
.network-finance strong,.network-finance dd { font-variant-numeric:tabular-nums; }
.nf-overline { font-size:13px; color:#92a3b9; }
.nf-overview { display:grid; grid-template-columns:minmax(280px,.86fr) minmax(0,1.4fr); gap:40px; align-items:stretch; }
.nf-margin-focus { padding:32px 29px; border:1px solid #31594b; border-radius:19px; background:linear-gradient(155deg,#203d31,#16231e 72%); display:flex; flex-direction:column; }
.nf-margin-focus .nf-overline { color:#b6d5c3; font-size:16px; }
.nf-main-value { display:block; color:#ecfff4; font-weight:500; font-size:clamp(36px,4.1vw,56px); letter-spacing:-.055em; white-space:nowrap; margin-top:12px; }
.nf-margin-rate { display:flex; align-items:center; gap:13px; margin:32px 0 20px; }
.nf-margin-rate > span:first-child { color:#a0f1c5; font-size:38px; letter-spacing:-.045em; }
.nf-margin-rate small { font-size:24px; }
.nf-margin-rate > span:last-child { max-width:65px; font-size:13px; line-height:1.4; color:#97baa6; }
.nf-revenue-bar { height:15px; background:#385046; border-radius:6px; overflow:hidden; }
.nf-revenue-bar > i { display:block; height:100%; background:#8de5b7; border-right:3px solid #1b3027; }
.nf-business-totals { padding-top:27px; margin-top:auto!important; }
.nf-business-totals > div { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:18px; }
.nf-business-totals dt { color:#a5beb0; font-size:13px; }
.nf-business-totals dd { color:#eef9f2; font-size:20px; letter-spacing:-.03em; white-space:nowrap; }
.nf-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.nf-section-heading h3 { color:#f0f4fb; font-size:23px; font-weight:500; letter-spacing:-.035em; }
.nf-section-heading > span { font-size:12px; color:#8493a9; }
.nf-client-list { margin-top:8px; }
.nf-client { padding:21px 0 19px; border-bottom:1px solid #28303b; }
.nf-client:last-child { border:0; padding-bottom:0; }
.nf-client-title { display:flex; align-items:center; gap:12px; }
.nf-avatar { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border-radius:10px; font-size:15px; }
.nf-violet { background:#382d4b; color:#d6b8fa; }
.nf-blue { background:#243b56; color:#b4d4ff; }
.nf-sand { background:#473c2c; color:#e6cd9f; }
.nf-client h4 { font-size:17px; font-weight:500; color:#e3eaf4; }
.nf-client-title > strong { margin-left:auto; color:#a2e3bf; font-size:26px; font-weight:500; letter-spacing:-.04em; }
.nf-client-title small { font-size:17px; }
.nf-client-bar { height:7px; background:#253139; border-radius:4px; overflow:hidden; margin:14px 0 12px; }
.nf-client-bar > i { display:block; height:100%; border-radius:4px; background:#84cba5; }
.nf-client-numbers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.nf-client-numbers > div { display:flex; align-items:center; gap:8px; }
.nf-client-numbers > div:last-child { justify-content:flex-end; }
.nf-client-numbers dt { font-size:11px; color:#8898ae; }
.nf-client-numbers dd { font-size:13px; color:#c3cedd; white-space:nowrap; }
.nf-client-numbers > div:last-child dd { color:#a2e3bf; }

.nf-billing { display:grid; grid-template-columns:minmax(0,.85fr) 54px minmax(0,1.1fr); gap:22px; padding:6px 10px; align-items:center; }
.nf-activity h3 { color:#f1f5fb; font-size:clamp(28px,3.1vw,41px); line-height:1.13; font-weight:500; letter-spacing:-.045em; margin-top:15px; }
.nf-activity-list { margin-top:29px; }
.nf-activity-list > div { display:flex; align-items:center; gap:15px; padding:14px 0; position:relative; }
.nf-operation-icon { position:relative; display:grid; place-items:center; flex-shrink:0; width:46px; height:46px; border:1px solid #3c506d; border-radius:13px; background:#1e2c3e; color:#a9cafa; }
.nf-operation-icon svg { width:23px; height:23px; }
.nf-activity-list strong { display:block; color:#f0f5fc; font-size:24px; font-weight:500; letter-spacing:-.03em; }
.nf-activity-list small { display:block; font-size:13px; color:#9faec2; margin-top:4px; }
.nf-operation-check { margin-left:auto; padding-left:8px; color:#93cbb1; }
.nf-operation-check svg { height:18px; width:18px; }
.nf-activity > p { font-size:13px; color:#91a0b6; margin-top:23px; line-height:1.6; }
.nf-billing-connector { display:flex; align-items:center; gap:3px; color:#96bdf2; font-size:25px; }
.nf-billing-connector i { display:block; height:1px; flex:1; background:#6180a7; }
.nf-invoice { position:relative; padding:29px 30px; border-radius:17px; background:#edf1f8; color:#203149; box-shadow:0 10px 0 -4px #c3ccdb,0 19px 0 -8px #6b788f,0 20px 40px #0005; }
.nf-invoice-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.nf-invoice .nf-avatar { background:#dcd9ef; color:#64527e; width:38px; height:38px; font-size:19px; }
.nf-invoice-badge { padding:6px 9px; border-radius:6px; font-size:11px; color:#4f6481; background:#dce5f3; border:1px solid #c5d4e9; }
.nf-invoice h3 { font-size:30px; font-weight:500; letter-spacing:-.04em; margin:18px 0 12px; color:#1e304b; }
.nf-invoice-lines > div { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px 0; border-bottom:1px solid #cad3e0; }
.nf-invoice-lines > div > span { font-size:14px; color:#314660; line-height:1.4; }
.nf-invoice-lines small { display:block; font-size:12px; color:#75869d; margin-top:5px; }
.nf-invoice-lines strong { color:#203651; font-size:16px; white-space:nowrap; font-weight:500; }
.nf-invoice-total { display:flex; gap:15px; align-items:baseline; justify-content:space-between; padding-top:25px; }
.nf-invoice-total > span { font-size:13px; color:#61738d; }
.nf-invoice-total > strong { color:#203651; font-size:36px; font-weight:500; letter-spacing:-.045em; white-space:nowrap; }

.nf-transport .nf-section-heading { margin-bottom:23px; }
.nf-section-heading .nf-carrier { display:flex; align-items:center; gap:9px; color:#c2ccdc; font-size:13px; }
.nf-carrier img { object-fit:contain; border-radius:7px; }
.nf-transport-totals { display:grid; grid-template-columns:1.2fr 1fr 1fr; border:1px solid #2c3848; border-radius:14px; background:#18202b; padding:22px 26px; gap:24px; }
.nf-transport-totals > div+div { padding-left:26px; border-left:1px solid #34404e; }
.nf-transport-totals dt { font-size:13px; color:#a4b0c1; }
.nf-transport-totals dd { font-size:clamp(30px,3vw,41px); font-weight:500; letter-spacing:-.04em; color:#edf4ff; margin-top:8px; white-space:nowrap; }
.nf-transport-totals .nf-recovered dd { color:#8ce7bb; }
.nf-transport-totals .nf-pending dd { color:#f1c575; }
.nf-transport-detail { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:35px; margin-top:28px; }
.nf-invoices-table { min-width:0; }
.nf-invoices-header,.nf-invoices-row { display:grid; grid-template-columns:1.2fr .85fr .75fr 1.05fr; align-items:center; gap:12px; }
.nf-invoices-header { padding:0 0 15px; font-size:11px; color:#91a0b6; }
.nf-invoices-header > :nth-child(2),.nf-invoices-header > :nth-child(3) { text-align:right; }
.nf-invoices-header > :last-child { padding-left:8px; }
.nf-invoices-row { border-top:1px solid #29323f; min-height:60px; padding:13px 0; font-size:14px; color:#d4deec; }
.nf-invoice-period { display:flex; gap:9px; align-items:center; }
.nf-invoice-period > svg { width:19px; height:19px; flex-shrink:0; color:#7e91ab; }
.nf-billed,.nf-difference { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.nf-difference { color:#e8c784; }
.nf-invoice-state { padding-left:6px; }
.nf-state { display:inline-flex; align-items:center; gap:5px; border-radius:5px; font-size:11px; line-height:1.4; white-space:nowrap; }
.nf-state::before { content:''; width:4px; height:4px; background:currentColor; border-radius:50%; flex-shrink:0; }
.nf-state.nf-pending { color:#ebc67e; }
.nf-state.nf-review { color:#a7c8f5; }
.nf-state.nf-recovered { color:#88d7b0; }
.nf-mobile-label { display:none; }
.nf-audit-insights { border-left:1px solid #2c3645; padding-left:31px; min-width:0; }
.nf-audit-insights h4 { color:#ced9e9; font-size:14px; font-weight:500; }
.nf-causes { list-style:none; padding:0; margin:20px 0 24px; }
.nf-causes > li+li { margin-top:19px; }
.nf-causes > li > div { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; color:#acb9cc; }
.nf-causes strong { color:#e2eaf5; font-size:13px; font-weight:500; white-space:nowrap; }
.nf-cause-track { display:block; height:6px; border-radius:4px; background:#2c3441; overflow:hidden; margin-top:9px; }
.nf-cause-track i { display:block; height:100%; border-radius:4px; }
.nf-weight { background:#e4c879; }.nf-zone { background:#82b3fa; }.nf-fuel { background:#e6a276; }
.nf-audit-example { padding-top:18px; border-top:1px solid #2d3645; }
.nf-audit-example > span { color:#9caac0; font-size:11px; }
.nf-example-values { display:flex; justify-content:space-between; align-items:center; gap:7px; margin-top:12px; }
.nf-example-values > span { color:#667991; font-size:13px; padding-top:17px; }
.nf-example-values small { display:block; color:#8496af; font-size:10px; margin-bottom:7px; }
.nf-example-values strong { font-size:17px; font-weight:500; color:#e6eef9; white-space:nowrap; }
.nf-example-values > div:last-child strong { color:#eac681; }
.nf-audit-example > p { color:#aa9067; font-size:11px; margin-top:12px; }
.nf-transport-note { font-size:11px; line-height:1.5; color:#8190a7; margin-top:24px!important; }

@media(min-width:901px) and (max-width:1120px) {
 .nf-stage { padding:27px; }
 .nf-overview { gap:28px; grid-template-columns:minmax(260px,.85fr) minmax(0,1.2fr); }
 .nf-margin-focus { padding:28px 24px; }
 .nf-client-numbers > div { display:block; }
 .nf-client-numbers dd { margin-top:5px; }
 .nf-client-numbers > div:last-child { text-align:right; }
 .nf-billing { padding:4px 0; gap:18px; grid-template-columns:minmax(0,.8fr) 27px minmax(0,1.1fr); }
 .nf-invoice { padding:26px; }
 .nf-transport-detail { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:22px; }
 .nf-audit-insights { padding-left:22px; }
 .nf-invoice-period > svg { display:none; }
 .nf-invoices-header,.nf-invoices-row { gap:8px; font-size:12px; }
}
@media(max-width:900px) {
 .nf-overview { grid-template-columns:1fr; gap:30px; }
 .nf-margin-focus { display:grid; grid-template-columns:1fr 1fr; column-gap:32px; padding:26px; }
 .nf-margin-focus > .nf-overline,.nf-margin-focus > .nf-main-value,.nf-margin-rate,.nf-revenue-bar { grid-column:1; }
 .nf-main-value { font-size:47px; }
 .nf-margin-rate { margin:18px 0 12px; }
 .nf-margin-rate > span:first-child { font-size:29px; }
 .nf-margin-rate > span:last-child { max-width:none; }
 .nf-business-totals { grid-column:2; grid-row:1 / 5; padding:0 0 0 24px; border-left:1px solid #3c5949; margin:0!important; display:flex; flex-direction:column; justify-content:center; }
 .nf-business-totals > div { flex-direction:column; align-items:flex-start; gap:8px; padding:15px 0; }
 .nf-business-totals dd { font-size:26px; }
 .nf-stage { padding:28px; }
 .nf-stage > .film-pane { min-height:0; }
 .nf-billing { grid-template-columns:minmax(0,.8fr) minmax(0,1fr); gap:32px; padding:4px 0 10px; }
 .nf-billing-connector { display:none; }
 .nf-invoice { padding:24px; }
 .nf-invoice-lines > div { gap:10px; }
 .nf-invoice-lines > div > span { font-size:12px; }
 .nf-invoice-lines strong { font-size:14px; }
 .nf-invoice-total > strong { font-size:31px; }
 .nf-invoice-badge { font-size:10px; }
 .nf-activity h3 { font-size:31px; }
 .nf-activity-list > div { gap:11px; }
 .nf-activity-list small { font-size:12px; }
 .nf-operation-icon { width:39px; height:39px; }
 .nf-operation-check { display:none; }
 .nf-transport-detail { grid-template-columns:1fr; gap:24px; }
 .nf-audit-insights { padding:25px 0 0; border-left:0; border-top:1px solid #2c3645; display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }
 .nf-causes { grid-column:1; margin-bottom:0; }
 .nf-audit-example { grid-column:2; grid-row:1 / 3; align-self:center; border-top:0; padding:10px 0 10px 26px; border-left:1px solid #2c3645; }
 .nf-example-values { flex-wrap:wrap; gap:12px; }
 .nf-example-values > span { display:none; }
 .nf-example-values strong { font-size:20px; }
}
@media(max-width:650px) {
 .nf-top { padding:21px 20px 18px; font-size:14px; }
 .network-finance > .nf-navigation { margin:0 14px; padding:4px; gap:4px; flex-wrap:nowrap; }
 .network-finance .nf-navigation > button { display:block; padding:11px 5px; font-size:12px; line-height:1.35; }
 .network-finance .nf-navigation .film-index { display:block; font-size:10px; margin:0 0 5px; }
 .nf-stage { padding:23px 20px 27px; }
 .nf-overview { gap:28px; }
 .nf-margin-focus { display:block; padding:25px; }
 .nf-main-value { font-size:clamp(36px,9vw,51px); margin-top:9px; }
 .nf-margin-rate { margin-top:20px; }
 .nf-business-totals { padding:23px 0 0; border:0; display:block; }
 .nf-business-totals > div { flex-direction:row; align-items:center; padding:10px 0 0; }
 .nf-business-totals dd { font-size:20px; }
 .nf-business-totals dt { font-size:12px; }
 .nf-section-heading h3 { font-size:21px; }
 .nf-section-heading > span { font-size:10px; }
 .nf-client h4 { font-size:16px; }
 .nf-client-numbers > div { display:block; }
 .nf-client-numbers > div:last-child { text-align:right; }
 .nf-client-numbers dd { margin-top:5px; font-size:12px; }
 .nf-client { padding:19px 0; }
 .nf-client-title { gap:10px; }
 .nf-client-title > strong { font-size:24px; }
 .nf-billing { display:flex; flex-direction:column; gap:27px; align-items:stretch; padding:0 0 9px; }
 .nf-activity h3 { font-size:33px; }
 .nf-activity-list { margin-top:16px; }
 .nf-activity-list > div { padding:11px 0; gap:15px; }
 .nf-operation-check { display:block; }
 .nf-activity-list small { font-size:13px; }
 .nf-activity > p { margin-top:13px; }
 .nf-billing-connector { display:flex; transform:rotate(90deg); align-self:center; height:18px; font-size:24px; }
 .nf-billing-connector i { display:none; }
 .nf-invoice { padding:25px; }
 .nf-invoice-lines > div > span { font-size:13px; }
 .nf-invoice-lines strong { font-size:15px; }
 .nf-invoice-total > strong { font-size:33px; }
 .nf-transport .nf-section-heading { align-items:flex-start; margin-bottom:19px; }
 .nf-transport .nf-section-heading h3 { max-width:160px; }
 .nf-section-heading .nf-carrier { font-size:11px; gap:5px; }
 .nf-carrier img { width:23px; height:23px; }
 .nf-transport-totals { grid-template-columns:1fr 1fr; padding:21px; gap:17px; }
 .nf-transport-totals > div:first-child { grid-column:1 / -1; padding-bottom:17px; border-bottom:1px solid #34404e; }
 .nf-transport-totals > div+div { padding-left:0; border-left:0; }
 .nf-transport-totals dd { font-size:29px; }
 .nf-transport-totals > div:first-child dd { font-size:41px; }
 .nf-transport-totals dt { font-size:12px; }
 .nf-transport-detail { margin-top:21px; }
 .nf-invoices-header { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
 .nf-invoices-row { grid-template-columns:1fr 1fr; gap:15px 12px; padding:18px 0; }
 .nf-invoice-period { grid-column:1; grid-row:1; font-size:14px; }
 .nf-invoice-period > svg { width:17px; height:17px; }
 .nf-invoice-state { grid-column:2; grid-row:1; text-align:right; padding-left:0; }
 .nf-state { font-size:11px; }
 .nf-billed { grid-column:1; text-align:left; }
 .nf-difference { grid-column:2; }
 .nf-billed,.nf-difference { font-size:16px; }
 .nf-mobile-label { display:inline; margin-right:7px; color:#8999b0; font-size:10px; }
 .nf-audit-insights { display:block; padding-top:23px; }
 .nf-causes { margin-top:21px; }
 .nf-causes > li > div { font-size:14px; }
 .nf-audit-example { padding:23px 0 0; margin-top:26px; border-left:0; border-top:1px solid #2c3645; }
 .nf-example-values { gap:5px; }
 .nf-example-values > span { display:block; }
 .nf-example-values strong { font-size:19px; }
 .nf-transport-note { margin-top:24px!important; }
}
@media(max-width:380px) {
 .network-finance .nf-navigation > button { font-size:11px; }
 .nf-stage { padding:20px 16px 25px; }
 .nf-margin-focus { padding:21px; }
 .nf-section-heading { gap:10px; }
 .nf-section-heading h3 { font-size:19px; }
 .nf-invoice { padding:21px; }
 .nf-invoice-lines > div > span { font-size:12px; }
 .nf-invoice-lines strong { font-size:13px; }
 .nf-example-values strong { font-size:17px; }
 .nf-billed,.nf-difference { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
 .network-finance .nf-navigation > button { transition:none; }
}

/* Shared marketing accents. Product controls and semantic status colors stay local. */
:root {
  --cta-fill:var(--ai-gradient);
  --cta-ink:#1b1024;
  --cta-border:#e7b5fa;
  --cta-hover-border:#ffe0be;
  --cta-glow:#c04bde38;
  --cta-hover-glow:#df60be58;
  --headline-fill:var(--ai-gradient);
}

body[data-page=network],
body:has(.demo-layout[data-persona=logistics]) {
  --cta-fill:var(--network-accent);
  --cta-ink:#071426;
  --cta-border:#8ebfff;
  --cta-hover-border:#c4dfff;
  --cta-glow:#3b82f638;
  --cta-hover-glow:#3b82f658;
  --headline-fill:linear-gradient(var(--network-light),var(--network-light));
}

.launch-copy h1>span,
.comparison-panel h2>span,
.journey-heading h2>span,
.visual-page-hero h1>span,
.visual-chapter-head h2>span,
.closing h2>span,
.demo-layout .demo-intro h1>span,
.v-opening h1>span,
.not-found h1>span {
  background:var(--headline-fill);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}

/* The launch announcement always uses the SupplyOS signature. */
.launch-announcement strong {
  background:var(--ai-gradient);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}

:is(.button-primary,.demo-layout .demo-form-card .button-primary,.launch-notify,.header-login,.launch-submit,.v-explore,.v-discover) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--cta-border);
  border-radius:9px;
  background:var(--cta-fill);
  color:var(--cta-ink);
  font-weight:550;
  box-shadow:0 4px 28px var(--cta-glow),inset 0 1px 0 #fff5;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
:is(.button-primary,.demo-layout .demo-form-card .button-primary,.launch-notify,.header-login,.launch-submit,.v-explore,.v-discover):hover {
  background:var(--cta-fill);
  color:var(--cta-ink);
  border-color:var(--cta-hover-border);
  box-shadow:0 6px 35px var(--cta-hover-glow);
  filter:none;
}
:is(.button-primary,.launch-notify,.header-login,.launch-submit,.v-explore,.v-discover):focus-visible {
  outline:2px solid var(--cta-hover-border);
  outline-offset:4px;
}
.v-explore { min-height:51px; padding:0 23px; }

@media(prefers-reduced-motion:reduce) {
  :is(.button-primary,.demo-layout .demo-form-card .button-primary,.launch-notify,.header-login,.launch-submit,.v-explore,.v-discover) { transition:none; }
  .button-primary:hover { transform:none; }
}