*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#09090E;color:#F5F3FA;font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:root{--bg:#09090E;--panel:#11111A;--lav:#9D84FF;--muted:#C0BDCA;--line:rgba(220,213,244,.17);--font:'Manrope',sans-serif}.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.navbar{height:82px;position:fixed;z-index:40;top:0;left:0;width:100%;padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;background:rgba(9,9,14,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.09)}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{font:800 27px var(--font);letter-spacing:-2.7px}.brand-symbol span{color:var(--lav);font-size:20px}.brand-copy{font:700 10px var(--font);letter-spacing:1.7px;color:#f6f3ff}.brand-copy b{display:block;font-size:8px;letter-spacing:3.1px;color:#aaa5ba;margin-top:3px}.nav-links{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600;color:#dedbe7}.nav-links>a:not(.nav-cta):hover{color:var(--lav)}.nav-cta{padding:13px 17px;border:1px solid rgba(157,132,255,.6);background:rgba(157,132,255,.08);box-shadow:0 0 24px rgba(157,132,255,.09);transition:.25s}.nav-cta:hover{background:var(--lav);color:#100d1a;box-shadow:0 0 28px rgba(157,132,255,.3)}.nav-cta span{margin-left:14px}.menu-toggle{display:none}
.hero{min-height:850px;height:100svh;max-height:1100px;position:relative;overflow:hidden;display:flex;align-items:center;padding:130px 9% 90px;background:radial-gradient(ellipse at 74% 42%,#25203d 0%,#141321 28%,#09090E 69%)}#network{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.hero-ambient{position:absolute;right:4%;top:10%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(157,132,255,.12),transparent 67%);pointer-events:none}.hero-layout{width:100%;max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;position:relative;z-index:2}.hero-copy{max-width:650px}.eyebrow,.overline,.section-label{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#C4B6F4}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow i{width:29px;height:1px;background:var(--lav);box-shadow:0 0 10px var(--lav)}h1,h2,h3,p{margin-top:0}.hero h1{font:700 clamp(53px,6.3vw,91px)/1.07 var(--font);letter-spacing:-4.5px;margin:30px 0 25px}.hero h1 em,h2 em{font-style:normal;color:var(--lav);font-weight:600}.hero-copy>p{max-width:560px;color:#D0CDDA;font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;padding:17px 20px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}.primary{background:var(--lav);color:#100d1a;box-shadow:0 8px 32px rgba(157,132,255,.16)}.primary:hover{background:#b7a5ff;transform:translateY(-3px);box-shadow:0 12px 35px rgba(157,132,255,.3)}.button span{font-size:16px}.quiet-link{font-size:12px;color:#E1DDEA}.quiet-link span{color:var(--lav);margin-left:10px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:60px;font-size:8px;letter-spacing:1.7px;color:#A6A2B2}.proof-icon{font-size:16px;color:var(--lav)}.hero-proof b{height:3px;width:3px;border-radius:50%;background:var(--lav);margin:0 4px}
.hero-visual{position:relative;max-width:590px;margin-left:auto;width:100%;perspective:1100px;transition:transform .18s ease-out}.glass-dashboard{position:relative;z-index:2;padding:21px 22px 17px;border:1px solid rgba(214,203,255,.27);border-radius:17px;background:linear-gradient(145deg,rgba(31,29,48,.84),rgba(13,14,23,.82));box-shadow:0 35px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(24px);transform:rotateY(-7deg) rotateX(3deg);overflow:hidden}.glass-dashboard:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(157,132,255,.12),transparent 38%,transparent 70%,rgba(157,132,255,.06));pointer-events:none}.dash-head,.dash-foot{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#B8B2C8}.dash-head>div{display:flex;align-items:center;gap:9px}.live-dot,.dash-foot b{width:6px;height:6px;border-radius:50%;background:#91E3C0;box-shadow:0 0 12px #91E3C0}.dash-tag{padding:7px 9px;border:1px solid #ffffff22;border-radius:4px}.sphere-wrap{height:270px;display:grid;place-items:center;position:relative}.sphere{position:relative;width:min(100%,390px);height:250px;display:grid;place-items:center}.sphere svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 15px rgba(157,132,255,.15))}.us-shape{fill:rgba(157,132,255,.07);stroke:rgba(190,174,255,.75);stroke-width:1.2}.routes path{fill:none;stroke:#B8A5FF;stroke-width:1;stroke-dasharray:4 5;animation:routeFlow 8s linear infinite}.nodes circle{fill:#C9BAFF;filter:drop-shadow(0 0 6px #9D84FF);animation:pulse 2.8s ease-in-out infinite}.nodes circle:nth-child(2n){animation-delay:.8s}.sphere-label{position:absolute;bottom:14px;text-align:center;font:700 8px var(--font);letter-spacing:2px;color:#E8E2FF}.sphere-label small{display:block;margin-top:5px;font-size:6px;letter-spacing:2.3px;color:#A9A1BB}.sphere-grid{position:absolute;width:225px;height:225px;border:1px solid rgba(157,132,255,.16);border-radius:50%;box-shadow:inset 0 0 50px rgba(157,132,255,.09),0 0 65px rgba(157,132,255,.08)}.sphere-grid:before,.sphere-grid:after{content:"";position:absolute;inset:18px 0;border:1px solid rgba(157,132,255,.13);border-radius:50%;transform:rotate(45deg)}.sphere-grid:after{transform:rotate(-45deg)}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff1d;border-bottom:1px solid #ffffff1d;padding:17px 0;gap:10px}.metric{display:flex;flex-direction:column;gap:7px;padding-left:12px;border-left:1px solid #ffffff17}.metric:first-child{border:0;padding-left:0}.metric>span{font-size:7px;letter-spacing:1.4px;color:#AAA4B8}.metric strong{font:700 27px var(--font);color:#E9E3FF}.metric strong small{font-size:13px;color:var(--lav)}.metric .metric-word{font-size:15px;padding-top:7px}.metric i{font-style:normal;font-size:8px;color:#C3BECE}.dash-foot{padding-top:15px;font-size:7px}.dash-foot>span:first-child{display:flex;align-items:center;gap:8px}.dash-foot b{background:var(--lav);box-shadow:0 0 9px var(--lav)}.floating-chip{position:absolute;z-index:3;border:1px solid #cfc2ff44;background:rgba(22,20,35,.84);backdrop-filter:blur(12px);padding:11px 14px;border-radius:7px;font-size:8px;letter-spacing:1.2px;color:#E8E2F5;box-shadow:0 12px 35px #0005}.chip-top{top:13%;right:-5%}.chip-top span{color:var(--lav);font-size:14px;margin-right:7px}.chip-bottom{bottom:8%;left:-7%}.chip-bars{color:var(--lav);font-size:13px;margin-right:7px}.visual-orbit{position:absolute;border:1px solid rgba(157,132,255,.13);border-radius:50%;z-index:0}.orbit-one{inset:-12% -9%;transform:rotate(-25deg) scaleY(.55)}.orbit-two{inset:-22% -2%;transform:rotate(25deg) scaleY(.48)}.hero-footer{position:absolute;bottom:30px;left:7.5%;right:7.5%;display:flex;justify-content:space-between;color:#9691A4;font-size:8px;letter-spacing:1.8px;z-index:2}.hero-footer b{color:var(--lav);margin-left:8px}
.section{padding:125px 11%}.section-label{color:#B6B0C5}.section-label span{color:var(--lav);margin-right:8px}.about{background:#0C0C14}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;padding:58px 0 65px}.overline{font-size:9px;color:#AFA1D7}.about-title h2,.section-heading h2,.partnership-title h2,.contact-info h2{font:700 clamp(42px,5.2vw,68px)/1.12 var(--font);letter-spacing:-3px;margin:18px 0 0}.about-copy{max-width:650px}.about-copy p,.partnership-title>p:last-child,.contact-intro{font-size:14px;line-height:1.9;color:#C7C3D1;margin-bottom:17px}.about-copy .lead{font-size:18px;line-height:1.75;color:#F0EDF7}.inline-link{display:inline-block;margin-top:14px;padding-bottom:9px;border-bottom:1px solid var(--lav);font-size:12px;font-weight:600}.inline-link span{color:var(--lav);margin-left:25px}.about-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:28px}.about-strip div{display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line);padding-left:30px}.about-strip div:first-child{padding-left:0}.about-strip div:last-child{border:0}.about-strip strong{font:700 22px var(--font);color:#D5C9FF}.about-strip span{font-size:8px;letter-spacing:1.5px;color:#AAA5B7}
.categories{background:#101019}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:52px 0 42px}.section-heading h2{margin-top:17px}.section-heading>p{max-width:340px;font-size:14px;line-height:1.85;color:#C7C3D1;margin:0 0 5px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.category-card{min-height:285px;padding:21px 22px 24px;border:1px solid rgba(210,199,244,.15);border-radius:9px;background:linear-gradient(145deg,rgba(29,28,43,.86),rgba(17,17,26,.96));transition:transform .35s,border-color .35s,box-shadow .35s}.category-card:hover{transform:translateY(-6px);border-color:rgba(157,132,255,.62);box-shadow:0 20px 55px rgba(0,0,0,.2)}.card-meta{display:flex;justify-content:space-between;color:#B8B2C5;font-size:8px;letter-spacing:1.7px}.card-meta span:last-child{color:var(--lav);font-size:15px}.category-icon{height:110px;display:grid;place-items:center;margin:7px 0 9px;background:radial-gradient(ellipse,rgba(157,132,255,.12),transparent 65%)}.category-icon svg{width:70px;height:70px;fill:none;stroke:#C4B3FF;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(157,132,255,.24))}.category-icon svg .icon-detail{stroke:#E2D9FF;stroke-width:1.5}.category-card h3{font:700 17px var(--font);margin:4px 0 10px;letter-spacing:-.3px}.category-card p{font-size:13px;line-height:1.75;color:#D0CDDA;margin:0}.category-note{font-size:10px;line-height:1.7;color:#A7A2B2;margin:22px 0 0}
.partnership{background:radial-gradient(ellipse at 12% 45%,rgba(100,76,161,.16),transparent 43%),#0B0B13}.partnership-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:13%;padding-top:58px}.partnership-title h2{margin:17px 0 25px}.partnership-title>p:last-child{max-width:360px}.benefit-list{border-top:1px solid var(--line)}.benefit{display:grid;grid-template-columns:34px 1fr 20px;gap:17px;padding:27px 0;border-bottom:1px solid var(--line)}.benefit>span,.benefit>b{color:var(--lav);font-size:11px}.benefit h3{font:700 17px var(--font);margin:0 0 10px}.benefit p{font-size:13px;line-height:1.8;color:#C6C2D0;margin:0}
.contact{background:#101019}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;padding-top:55px}.contact-info h2{margin:16px 0 20px}.contact-intro{max-width:420px;margin-bottom:36px}.contact-detail{padding:17px 0;border-top:1px solid var(--line)}.contact-detail small{display:block;color:#AAA4B8;font-size:8px;letter-spacing:1.8px;margin-bottom:9px}.contact-detail a,.contact-detail p{font:600 13px var(--font);line-height:1.8;color:#F0EDF7;margin:0}.contact-detail a span{color:var(--lav);margin-left:9px}.inquiry-form{padding:27px;border:1px solid rgba(205,191,255,.22);border-radius:10px;background:linear-gradient(145deg,rgba(35,32,51,.78),rgba(16,16,25,.9));box-shadow:0 25px 70px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.form-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.form-heading span{font:700 11px var(--font);letter-spacing:1.6px}.form-heading small{font-size:7px;letter-spacing:1px;color:#AFA8C0}.inquiry-form label{display:block;font-size:10px;font-weight:600;color:#E3DFEB;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{display:block;width:100%;margin-top:8px;padding:13px 13px;border:1px solid rgba(218,208,245,.19);border-radius:5px;background:rgba(7,7,13,.55);color:#F5F2FA;font-size:12px;outline:none;transition:border-color .2s,box-shadow .2s}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#827D91}.inquiry-form select{color:#C9C4D3}.inquiry-form select option{background:#15141F;color:#fff}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--lav);box-shadow:0 0 0 3px rgba(157,132,255,.1)}.inquiry-form textarea{resize:vertical;min-height:100px}.submit-button{width:100%;margin-top:4px}.form-note,.form-status{font-size:10px;line-height:1.6;color:#AAA5B6;margin:12px 0 0}.form-status{color:#CFC2FF;min-height:16px}
.footer{padding:38px 7.5% 22px;background:#08080D;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px}.footer-main>p{font-size:11px;line-height:1.7;color:#A6A1B2;margin:0}.back-top{font-size:8px;letter-spacing:1.7px;color:#BEB8CA}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:19px;border-top:1px solid var(--line);font-size:9px;color:#9691A2}.footer-bottom div{display:flex;gap:22px}.footer-bottom button{border:0;background:none;padding:0;color:inherit;font-size:9px;cursor:pointer}.footer-bottom button:hover{color:var(--lav)}
.modal-backdrop{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.76);backdrop-filter:blur(12px)}.modal-backdrop.open{display:flex}.policy-modal{position:relative;width:min(640px,100%);max-height:min(80vh,760px);overflow:auto;padding:36px;border:1px solid rgba(190,173,255,.3);border-radius:12px;background:#11111B;box-shadow:0 30px 100px #0009}.modal-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#D8D1E8;font-size:27px;cursor:pointer}.policy-modal h2{font:700 32px var(--font);margin:12px 0 20px}.policy-content{font-size:13px;line-height:1.85;color:#D0CBD9}.policy-content h3{font:700 14px var(--font);color:#F3EFFB;margin:20px 0 7px}.modal-done{margin-top:25px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes routeFlow{to{stroke-dashoffset:-90}}@keyframes pulse{0%,100%{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}
@media(max-width:1050px){.hero{padding-left:7%;padding-right:7%}.hero-layout{gap:3%}.hero h1{font-size:clamp(50px,6vw,75px)}.section{padding-left:8%;padding-right:8%}.category-grid{gap:12px}.category-card{padding:18px}.category-card p{font-size:12px}}
@media(max-width:760px){.navbar{height:72px;padding:0 6%}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:10px}.menu-toggle span{width:23px;height:1px;background:#eee}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;padding:24px 7%;background:rgba(13,13,22,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{height:auto;min-height:0;padding:125px 7% 85px}.hero-layout{grid-template-columns:1fr;gap:60px}.hero h1{font-size:clamp(49px,12vw,76px);letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-proof{margin-top:35px}.hero-visual{width:94%;margin:0 auto}.glass-dashboard{transform:none}.hero-footer{font-size:7px;left:7%;right:7%}.hero-footer span:last-child{display:none}.section{padding:82px 7%}.about-grid,.partnership-grid,.contact-grid{grid-template-columns:1fr;gap:32px;padding-top:40px}.about-title h2,.section-heading h2,.partnership-title h2,.contact-info h2{font-size:47px}.about-copy .lead{font-size:16px}.about-copy p,.partnership-title>p:last-child,.contact-intro{font-size:13px}.section-heading{display:block;margin:42px 0 30px}.section-heading>p{margin-top:20px;font-size:13px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:0;padding:17px}.category-icon{height:90px}.category-card h3{font-size:15px}.category-card p{font-size:11px}.partnership-grid{gap:35px}.benefit p{font-size:12px}.contact-grid{gap:36px}.footer-main{gap:20px;flex-wrap:wrap}.footer-main>p{margin-right:auto}.footer-bottom{align-items:flex-start;flex-direction:column;line-height:1.7}.form-row{grid-template-columns:1fr}.inquiry-form{padding:21px}.form-heading{align-items:flex-start;flex-direction:column}.floating-chip{font-size:7px}.chip-top{right:-2%}.chip-bottom{left:-2%}}
@media(max-width:430px){.category-grid{grid-template-columns:1fr}.category-card{padding:20px}.category-icon{height:100px}.dash-metrics{gap:5px}.metric{padding-left:7px}.metric>span{font-size:6px}.metric strong{font-size:22px}.metric .metric-word{font-size:12px}.metric i{font-size:7px}.sphere-wrap{height:235px}.sphere{height:220px}.floating-chip{display:none}.hero-actions{gap:18px}.button{padding:15px 16px}.about-strip{gap:8px}.about-strip div{padding-left:10px}.about-strip strong{font-size:17px}.about-strip span{font-size:6px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Final B2B trust enhancements */
.channel-trust{display:grid;grid-template-columns:1.05fr repeat(3,1fr);align-items:center;gap:18px;margin:0 0 5px;padding:22px 24px;border:1px solid rgba(205,191,255,.17);border-radius:8px;background:linear-gradient(100deg,rgba(157,132,255,.08),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.channel-heading{font-size:8px;letter-spacing:1.8px;color:#AAA4B8;font-weight:700}.channel-item{display:flex;align-items:center;justify-content:center;gap:10px;color:#E4E0ED;font:600 12px var(--font);min-height:34px;border-left:1px solid var(--line)}.channel-icon{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(157,132,255,.38);border-radius:6px;color:#C5B5FF;font:800 15px var(--font)}.walmart-icon{font-size:17px}.retail-icon{font-size:18px}
.onboarding{background:radial-gradient(ellipse at 85% 30%,rgba(111,87,179,.13),transparent 45%),#0C0C14;padding-top:105px;padding-bottom:110px}.onboarding-heading{margin:38px 0 32px}.onboarding-heading h2{font:700 clamp(38px,4.8vw,58px)/1.12 var(--font);letter-spacing:-2.5px;margin:12px 0 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-card{position:relative;min-height:190px;padding:24px;border:1px solid rgba(205,191,255,.16);border-radius:8px;background:linear-gradient(145deg,rgba(32,30,47,.72),rgba(15,15,23,.9));transition:transform .3s,border-color .3s,box-shadow .3s}.step-card:hover{transform:translateY(-5px);border-color:rgba(157,132,255,.55);box-shadow:0 18px 45px rgba(0,0,0,.2)}.step-number{font-size:9px;letter-spacing:1.5px;color:var(--lav)}.step-mark{position:absolute;right:22px;top:17px;color:rgba(180,160,255,.55);font-size:24px}.step-card h3{font:700 15px/1.5 var(--font);margin:25px 0 9px;color:#F1EDF8}.step-card p{font-size:12px;line-height:1.75;color:#C3BFCD;margin:0}
.footer-main{align-items:flex-start}.footer-address{margin:0 auto 0 9%;max-width:460px}.footer-address small{font-size:8px;letter-spacing:1.7px;color:#B8B1C4}.footer-address p{font-size:11px;line-height:1.7;color:#D0CBD9;margin:9px 0 12px}.entity-badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(157,132,255,.25);border-radius:5px;background:rgba(157,132,255,.055);font-size:8px;line-height:1.6;letter-spacing:.15px;color:#CFC7E5}.entity-badge i{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:rgba(157,132,255,.2);color:#D5C9FF;font-style:normal;font-size:9px}.entity-badge b{color:#81799A;font-weight:400}
@media(max-width:760px){.channel-trust{grid-template-columns:1fr;gap:10px;padding:18px}.channel-item{justify-content:flex-start;border-left:0;border-top:1px solid var(--line);padding-top:10px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:150px}.onboarding{padding-top:80px;padding-bottom:85px}.footer-main{gap:22px}.footer-address{order:3;flex-basis:100%;margin:0}.entity-badge{font-size:7px}.back-top{margin-left:auto}}


/* Liquid Glass Physics Upgrade */
:root{--glass-bg:rgba(255,255,255,.03);--glass-border:rgba(255,255,255,.08);--glass-blur:24px}
.navbar{transition:top .55s cubic-bezier(.16,1,.3,1),width .55s cubic-bezier(.16,1,.3,1),height .55s cubic-bezier(.16,1,.3,1),padding .55s cubic-bezier(.16,1,.3,1),border-radius .55s cubic-bezier(.16,1,.3,1),background .45s ease,box-shadow .45s ease,border-color .45s ease}
.navbar.is-floating{top:14px;left:50%;transform:translateX(-50%);width:min(1080px,calc(100% - 48px));height:66px;padding:0 25px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(19,18,29,.68);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);box-shadow:0 16px 55px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.11)}
.glass-dashboard,.category-card,.benefit,.step-card,.inquiry-form,.channel-trust{position:relative;isolation:isolate;overflow:hidden;background:rgba(255,255,255,.03);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.095),0 18px 55px rgba(0,0,0,.18)}
.glass-dashboard{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.11)}
.category-card{background:rgba(255,255,255,.025);transition:transform .65s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}
.category-card:hover,.step-card:hover{background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 65px rgba(0,0,0,.28),0 0 25px rgba(157,132,255,.08)}
.benefit{background:rgba(255,255,255,.018);border-left:1px solid rgba(255,255,255,.045);border-right:1px solid rgba(255,255,255,.045);padding-left:18px;padding-right:18px}
.inquiry-form{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 25px 70px rgba(0,0,0,.24)}
.channel-trust,.step-card{background:rgba(255,255,255,.025)}
.glass-dashboard:after,.category-card:after,.benefit:after,.step-card:after,.inquiry-form:after,.channel-trust:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.075),transparent 25%,transparent 70%,rgba(157,132,255,.035));opacity:.7}
.glass-dashboard>* ,.category-card>* ,.benefit>* ,.step-card>* ,.inquiry-form>* ,.channel-trust>*{position:relative;z-index:1}
.glass-dashboard .dash-head,.glass-dashboard .sphere-wrap,.glass-dashboard .dash-metrics,.glass-dashboard .dash-foot{position:relative;z-index:1}
.glass-dashboard:before,.category-card:before,.benefit:before,.step-card:before,.inquiry-form:before,.channel-trust:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(220,210,255,.16),rgba(157,132,255,.075) 22%,transparent 62%);transition:opacity .35s ease}
.glass-dashboard:hover:before,.category-card:hover:before,.benefit:hover:before,.step-card:hover:before,.inquiry-form:hover:before,.channel-trust:hover:before{opacity:1}
.glass-dashboard,.category-card,.benefit,.step-card,.inquiry-form,.channel-trust{--mx:50%;--my:50%}
.reveal{filter:blur(9px);opacity:0;transform:translate3d(0,34px,0) scale(.985);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1)}
.reveal.visible{filter:blur(0);opacity:1;transform:translate3d(0,0,0) scale(1)}
.category-card.reveal:nth-child(2),.step-card.reveal:nth-child(2){transition-delay:.08s}
.category-card.reveal:nth-child(3),.step-card.reveal:nth-child(3){transition-delay:.16s}
.category-card.reveal:nth-child(4){transition-delay:.05s}.category-card.reveal:nth-child(5){transition-delay:.1s}.category-card.reveal:nth-child(6){transition-delay:.15s}
.hero-ambient,.hero-visual .visual-orbit{will-change:transform}
@media(max-width:760px){.navbar.is-floating{top:8px;width:calc(100% - 22px);height:60px;padding:0 15px;border-radius:15px}.navbar.is-floating .nav-links{top:67px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(15,14,24,.94);backdrop-filter:blur(24px) saturate(180%)}.reveal{filter:none;transform:translate3d(0,18px,0)}.reveal.visible{transform:none}}
@media(prefers-reduced-motion:reduce){.navbar,.reveal,.category-card,.step-card{transition:none!important}.reveal{filter:none;opacity:1;transform:none}}

/* Supplier information and accessibility refinement */
.supplier{background:radial-gradient(ellipse at 12% 35%,rgba(111,87,179,.12),transparent 42%),#0A0A11}
.supplier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.supplier-card{min-height:220px;padding:24px;border:1px solid rgba(205,191,255,.15);border-radius:9px;background:rgba(255,255,255,.025);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:transform .35s,border-color .35s}
.supplier-card:hover{transform:translateY(-5px);border-color:rgba(157,132,255,.48)}
.supplier-card>span{font-size:8px;letter-spacing:1.5px;color:#B8A8F2}
.supplier-card h3{font:700 16px/1.45 var(--font);margin:30px 0 10px}
.supplier-card p{font-size:12px;line-height:1.8;color:#C3BFCD;margin:0}
.supplier-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px;padding:28px;border:1px solid rgba(157,132,255,.22);border-radius:9px;background:linear-gradient(110deg,rgba(157,132,255,.09),rgba(255,255,255,.02))}
.supplier-cta h3{font:700 22px var(--font);margin:8px 0}
.supplier-cta p:last-child{font-size:12px;color:#C3BFCD;margin:0}
.supplier-cta .overline{margin:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #BDAEFF;outline-offset:3px}
@media(max-width:900px){.supplier-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.supplier-grid{grid-template-columns:1fr}.supplier-card{min-height:0}.supplier-card h3{margin-top:20px}.supplier-cta{align-items:flex-start;flex-direction:column;padding:22px}}

/* Cinematic hero treatment */
.hero{
  isolation:isolate;
  background:
    radial-gradient(ellipse at 77% 45%,rgba(91,67,158,.30) 0%,rgba(38,31,67,.19) 25%,transparent 53%),
    radial-gradient(ellipse at 16% 18%,rgba(111,86,180,.13),transparent 38%),
    linear-gradient(115deg,#07070C 0%,#0B0A13 43%,#111020 72%,#08080E 100%);
}
.hero:before{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,5,10,.94) 0%,rgba(5,5,10,.72) 35%,rgba(5,5,10,.16) 72%,rgba(5,5,10,.35) 100%),
    linear-gradient(0deg,rgba(5,5,10,.78),transparent 24%,transparent 78%,rgba(5,5,10,.28));
}
.hero:after{
  content:"";
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.13;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}
.hero-ambient{
  right:0;top:2%;width:min(68vw,950px);height:min(68vw,950px);
  background:radial-gradient(circle,rgba(154,126,255,.20) 0%,rgba(91,70,158,.10) 29%,rgba(57,45,99,.035) 49%,transparent 70%);
  filter:blur(8px);animation:cinemaBreath 11s ease-in-out infinite alternate;
}
.hero-layout{z-index:2;gap:4%;max-width:1510px}
.hero-copy{position:relative;z-index:3}
.hero .eyebrow{color:#D0C4FF;text-shadow:0 0 22px rgba(157,132,255,.25)}
.hero h1{
  font-size:clamp(56px,6.8vw,98px);
  line-height:.99;letter-spacing:-5.6px;
  text-shadow:0 10px 55px rgba(0,0,0,.55);
}
.hero h1 em{
  background:linear-gradient(105deg,#F1EDFF 0%,#B8A5FF 43%,#8F77E9 75%,#E4DDFF 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 25px rgba(157,132,255,.17));
}
.hero-copy>p{color:#D9D5E3;text-shadow:0 2px 22px #000}
.hero-visual{
  max-width:620px;
  filter:drop-shadow(0 35px 75px rgba(0,0,0,.45));
}
.glass-dashboard{
  border-color:rgba(220,211,255,.34);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(37,33,57,.76),rgba(10,10,19,.78) 68%,rgba(24,19,41,.82));
  box-shadow:0 45px 120px rgba(0,0,0,.56),0 0 65px rgba(123,96,207,.13),inset 0 1px 0 rgba(255,255,255,.17);
  backdrop-filter:blur(30px) saturate(145%);
  -webkit-backdrop-filter:blur(30px) saturate(145%);
}
.glass-dashboard:after{
  content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;
  background:linear-gradient(118deg,rgba(255,255,255,.22),transparent 16%,transparent 70%,rgba(180,159,255,.12));
  opacity:.6;mix-blend-mode:screen;
}
.sphere-wrap{height:290px}
.sphere-grid{width:250px;height:250px;box-shadow:inset 0 0 70px rgba(157,132,255,.12),0 0 85px rgba(157,132,255,.12)}
.sphere svg{filter:drop-shadow(0 0 22px rgba(157,132,255,.27))}
.us-shape{fill:rgba(157,132,255,.10);stroke:rgba(211,199,255,.9);stroke-width:1.35}
.routes path{stroke:#D0C2FF;stroke-width:1.25;filter:drop-shadow(0 0 5px rgba(157,132,255,.7))}
.nodes circle{fill:#F1ECFF;filter:drop-shadow(0 0 9px #A78BFA)}
.visual-orbit{border-color:rgba(181,160,255,.20);box-shadow:0 0 35px rgba(157,132,255,.04)}
.orbit-one{inset:-14% -11%}
.orbit-two{inset:-24% -4%}
.floating-chip{
  border-color:rgba(211,199,255,.35);
  background:linear-gradient(135deg,rgba(37,32,57,.88),rgba(12,11,21,.82));
  box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12),0 0 30px rgba(157,132,255,.08);
}
.hero-proof{color:#C0BACF}
.hero-footer{color:#AAA3BB}
@keyframes cinemaBreath{from{transform:scale(.94) translate3d(0,0,0);opacity:.72}to{transform:scale(1.08) translate3d(-2%,2%,0);opacity:1}}
@media(max-width:900px){
  .hero{height:auto;min-height:900px;padding:145px 7% 100px}
  .hero-layout{grid-template-columns:1fr;gap:55px}
  .hero-copy{max-width:720px}
  .hero-visual{margin:0 auto;width:min(100%,600px)}
  .hero:before{background:linear-gradient(90deg,rgba(5,5,10,.82),rgba(5,5,10,.34)),linear-gradient(0deg,rgba(5,5,10,.7),transparent 35%)}
}
@media(max-width:600px){
  .hero{min-height:950px;padding:125px 6% 95px}
  .hero h1{font-size:clamp(48px,13vw,68px);letter-spacing:-3.4px}
  .hero-copy>p{font-size:14px;line-height:1.75}
  .sphere-wrap{height:230px}
  .sphere{height:220px}
  .sphere-grid{width:190px;height:190px}
  .glass-dashboard{padding:17px 15px 14px;transform:none}
  .chip-top{right:-2%;top:8%}
  .chip-bottom{left:-2%;bottom:5%}
  .hero-proof{margin-top:38px;flex-wrap:wrap}
  .hero-footer{font-size:7px;letter-spacing:1px}
}
@media(prefers-reduced-motion:reduce){
  .hero-ambient{animation:none}
}


/* Cinematic Global Trade hero, replacing the abstract hero treatment */
.hero{
  min-height:780px;height:100svh;max-height:1000px;
  padding:128px 8% 92px;
  background-color:#070910;
  background-image:
    linear-gradient(90deg,rgba(5,7,13,.96) 0%,rgba(5,7,13,.88) 28%,rgba(5,7,13,.60) 51%,rgba(5,7,13,.24) 76%,rgba(5,7,13,.42) 100%),
    linear-gradient(0deg,rgba(5,7,13,.86) 0%,transparent 27%,rgba(5,7,13,.18) 100%),
    url('https://images.unsplash.com/photo-1761307234324-0c9eadb951de?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=85&w=2400');
  background-position:center,center,center 54%;
  background-size:cover;
  background-repeat:no-repeat;
  isolation:isolate;
}
.hero:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(110deg,rgba(6,8,15,.38),transparent 45%,rgba(9,8,20,.18));
}
.hero:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at 78% 47%,rgba(145,119,228,.14),transparent 39%);
  mix-blend-mode:screen;
}
#network{z-index:1;opacity:.17;mix-blend-mode:screen}
.hero-ambient{z-index:1;right:-5%;top:0;width:760px;height:760px;background:radial-gradient(circle,rgba(157,132,255,.16),rgba(89,74,143,.06) 35%,transparent 68%);filter:blur(18px);animation:portGlow 12s ease-in-out infinite alternate}
.hero-layout{z-index:3;max-width:1500px;grid-template-columns:1.05fr .95fr;gap:5%;}
.hero-copy{max-width:680px}
.hero .eyebrow{color:#D6CCF5;text-shadow:0 2px 16px #000}
.hero h1{font-size:clamp(54px,6.2vw,88px);line-height:1.02;letter-spacing:-4.8px;text-shadow:0 5px 34px rgba(0,0,0,.62);margin:27px 0 24px}
.hero h1 em{color:#C6B6FF;background:linear-gradient(100deg,#F1EDFF 0%,#C6B6FF 48%,#9E88E8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{max-width:550px;color:#E2DFE9;font-size:15px;line-height:1.9;text-shadow:0 2px 18px rgba(0,0,0,.9)}
.hero-actions{margin-top:33px}
.hero-visual{max-width:540px;filter:drop-shadow(0 32px 70px rgba(0,0,0,.58))}
.glass-dashboard{transform:rotateY(-4deg) rotateX(1deg);border-color:rgba(228,220,255,.3);background:linear-gradient(145deg,rgba(16,18,29,.78),rgba(8,10,17,.78));box-shadow:0 35px 90px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.15);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}
.glass-dashboard:before{background:linear-gradient(125deg,rgba(190,174,255,.13),transparent 42%,transparent 72%,rgba(255,255,255,.05))}
.sphere-grid{border-color:rgba(206,190,255,.2);box-shadow:inset 0 0 55px rgba(157,132,255,.12),0 0 65px rgba(157,132,255,.12)}
.us-shape{fill:rgba(157,132,255,.10);stroke:rgba(221,211,255,.88)}
.routes path{stroke:#D2C6FF;filter:drop-shadow(0 0 5px rgba(186,164,255,.8))}
.nodes circle{fill:#F1ECFF;filter:drop-shadow(0 0 8px #A78BFA)}
.floating-chip{background:rgba(9,11,19,.82);border-color:rgba(214,201,255,.32);box-shadow:0 14px 42px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12)}
.hero-proof{color:#D0CADB}
.hero-footer{color:#D0CADD;text-shadow:0 2px 10px #000}
@keyframes portGlow{from{transform:translate3d(0,0,0) scale(.96);opacity:.65}to{transform:translate3d(-2%,2%,0) scale(1.06);opacity:1}}
@media(max-width:1050px){
 .hero{padding-left:6%;padding-right:6%;}
 .hero-layout{grid-template-columns:1fr 1fr;gap:3%}
 .hero h1{font-size:clamp(48px,5.7vw,70px);letter-spacing:-3.5px}
 .hero-visual{max-width:490px}
 .sphere-wrap{height:235px}
}
@media(max-width:760px){
 .hero{height:auto;min-height:0;max-height:none;padding:132px 7% 90px;background-position:center,center,58% center;background-image:linear-gradient(180deg,rgba(5,7,13,.82) 0%,rgba(5,7,13,.78) 46%,rgba(5,7,13,.92) 100%),linear-gradient(0deg,rgba(5,7,13,.72),transparent 45%),url('https://images.unsplash.com/photo-1761307234324-0c9eadb951de?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=85&w=1600')}
 .hero-layout{grid-template-columns:1fr;gap:48px}
 .hero-copy{max-width:650px}
 .hero h1{font-size:clamp(49px,11vw,72px);letter-spacing:-3px}
 .hero-copy>p{font-size:14px;max-width:520px}
 .hero-visual{width:94%;max-width:570px;margin:0 auto}
 .glass-dashboard{transform:none}
 .hero-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:46px;gap:12px;flex-wrap:wrap}
 .hero-footer span:last-child{display:none}
 .hero-proof{margin-top:36px;flex-wrap:wrap}
}
@media(max-width:430px){
 .hero{padding:120px 6% 76px;background-position:center,center,61% center}
 .hero h1{font-size:clamp(46px,12vw,60px);letter-spacing:-2.8px}
 .hero-actions{gap:17px;flex-wrap:wrap}
 .hero-visual{width:100%}
 .glass-dashboard{padding:17px 15px 14px}
 .sphere-wrap{height:218px}
 .sphere{height:210px}
 .sphere-grid{width:190px;height:190px}
 .dash-metrics{gap:5px}
 .metric{padding-left:7px}
 .metric>span{font-size:6px}
 .metric .metric-word{font-size:11px}
 .metric i{font-size:6px}
 .floating-chip{display:none}
 .hero-footer{font-size:7px;letter-spacing:1px}
}
@media(prefers-reduced-motion:reduce){.hero-ambient{animation:none}}

/* Mobile hero overflow correction */
@media(max-width:760px){
  .hero-layout,
  .hero-visual,
  .glass-dashboard{min-width:0;max-width:100%}
  .hero-visual{width:100%;overflow:visible;padding:18px 0 20px}
  .glass-dashboard{
    width:100%;max-width:100%;transform:none!important;
    margin:0;overflow:hidden;box-sizing:border-box;
  }
  .dash-head,.dash-foot{min-width:0;gap:8px}
  .dash-head>div,.dash-foot>span{min-width:0}
  .dash-head{font-size:7px;letter-spacing:1.2px}
  .dash-tag{white-space:nowrap}
  .dash-foot{font-size:6px;letter-spacing:1px}
  .dash-metrics{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
  .metric{min-width:0;overflow-wrap:anywhere}
  .metric>span{letter-spacing:.8px}
  .metric .metric-word{white-space:normal;overflow-wrap:anywhere}
  .metric i{line-height:1.45}
  .sphere-wrap{width:100%;overflow:hidden}
  .sphere{width:100%;max-width:340px;margin:auto}
  .sphere svg{max-width:100%}
  .floating-chip{
    position:relative;inset:auto!important;display:inline-flex;
    align-items:center;justify-content:center;max-width:100%;
    width:max-content;white-space:normal;overflow-wrap:anywhere;
    margin:10px 6px 0 0;padding:10px 12px;
    font-size:7px;line-height:1.4;letter-spacing:.8px;
  }
  .visual-orbit{pointer-events:none}
}
@media(max-width:430px){
  .hero-visual{padding-top:12px}
  .dash-head{font-size:6px;letter-spacing:.8px}
  .dash-tag{padding:6px}
  .dash-metrics{gap:3px;padding:13px 0}
  .metric{padding-left:5px}
  .metric>span{font-size:5.5px}
  .metric .metric-word{font-size:10px}
  .metric i{font-size:6px}
  .floating-chip{font-size:6px}
}