:root{--ink:#142e31;--muted:#65787b;--green:#17665b;--line:#dce7e5;--paper:#f5f8f7;--gold:#eec39b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,'Microsoft YaHei',system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b08439;outline-offset:4px}.wrap{max-width:1280px;margin:auto;padding:0 40px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--green);border-radius:11px;color:#fff;font-size:24px;letter-spacing:-2px}.brand small{font-size:12px;font-weight:500;letter-spacing:1px;color:var(--muted);display:block}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid #e6edeb;background:#ffffffed;backdrop-filter:blur(15px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:85px}.site-nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}.site-nav a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;min-height:48px;padding:12px 23px;border-radius:9px;background:var(--green);color:#fff;font-size:14px;font-weight:650;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#0e5046}.btn.light{color:var(--ink);background:#fff;border-color:#ccdbd7}.btn.light:hover{background:#eef5f2}.btn.dark{background:#1e3538}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750;letter-spacing:2.5px;text-transform:uppercase;color:var(--green)}.eyebrow:before{content:'';display:block;width:22px;height:2px;background:currentColor}.hero{padding:84px 0 72px;background:radial-gradient(ellipse at 90% 35%,#e4f2eb 0,transparent 50%),linear-gradient(150deg,#fbfcf8,#f2f7f6);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.hero h1{font-size:clamp(38px,4.4vw,64px);line-height:1.27;font-weight:800;letter-spacing:-2px;margin:25px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero .intro{font-size:17px;color:var(--muted);line-height:1.9;max-width:550px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-notes{display:flex;gap:22px;font-size:12px;color:#647b76;margin-top:26px}.hero-notes span:before{content:'•';margin-right:7px;color:var(--green)}.scene{position:relative;padding:20px 0 35px}.scene-board{border-radius:18px;background:#fff;border:1px solid #d6e5df;box-shadow:0 25px 65px #193f3220;padding:26px;transform:rotate(-1deg)}.scene-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edeb;padding-bottom:20px;margin-bottom:22px}.scene-head strong{font-size:19px}.scene small{font-size:11px;color:var(--muted)}.pill{display:inline-block;font-size:11px;color:#26715d;background:#e5f5eb;border:1px solid #d7ebde;border-radius:20px;padding:4px 11px}.order-strip{background:#f3f7f5;padding:16px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.order-strip strong{font-size:14px}.flow-line{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.flow-line div{font-size:12px;padding:10px 2px;text-align:center;background:#f5f7f7;border-radius:7px}.flow-line div.active{background:var(--green);color:#fff}.scene-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1ef}.scene-row .avatar{height:32px;width:32px;border-radius:9px;background:#e8f1ed;display:grid;place-items:center;font-size:12px;color:var(--green)}.scene-row p{margin:0;font-size:13px;font-weight:650}.scene-row small{display:block;font-size:11px}.scene-float{position:absolute;right:-16px;bottom:0;background:#213f3a;border-radius:12px;padding:17px 23px;color:#fff;box-shadow:0 12px 30px #17382c20;font-size:12px}.scene-float b{display:block;font-size:19px;margin:2px 0}.category-bar{padding:27px 0;border-bottom:1px solid var(--line)}.category-bar .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#607574;font-size:13px}.category-bar strong{font-weight:700;color:#284c47}.section{padding:90px 0}.section.soft{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-head h2,.big-title{font-size:36px;line-height:1.35;letter-spacing:-1px;margin:12px 0 0;font-weight:780}.section-head p{max-width:410px;margin:0;color:var(--muted);font-size:14px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border:1px solid var(--line);border-radius:14px;padding:28px;background:#fff;min-height:218px;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 14px 35px #153c3010}.feature .num{font-size:12px;color:#418471;font-weight:750;letter-spacing:2px}.feature h3{font-size:19px;margin:17px 0 10px}.feature p{font-size:14px;color:var(--muted);margin:0}.feature .tag{display:inline-block;margin-top:17px;font-size:11px;color:#457266;background:#eef5f1;padding:4px 10px;border-radius:5px}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.split h2{font-size:36px;line-height:1.4;margin:16px 0}.split p{color:var(--muted);font-size:15px}.steps{border-left:1px solid #cdded6;margin-left:15px;padding-left:30px}.step{position:relative;padding:0 0 30px}.step:last-child{padding-bottom:0}.step:before{content:'';position:absolute;left:-36px;top:8px;width:11px;height:11px;border-radius:50%;background:#2e7a63;box-shadow:0 0 0 6px var(--paper)}.step strong{font-size:17px}.step p{margin:7px 0 0;font-size:13px;color:var(--muted)}.preview-frame{background:#dbe8e3;padding:13px;border-radius:17px;border:1px solid #c3d7ce;box-shadow:0 20px 50px #174d3610}.preview-chrome{display:flex;align-items:center;gap:5px;padding:5px 6px 14px;font-size:11px;color:#557066}.preview-chrome i{width:7px;height:7px;border-radius:50%;background:#91b1a3}.preview-chrome span{margin-left:15px}.preview-frame img{display:block;width:100%;border-radius:8px}.module-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.module-strip article{padding:22px;border-radius:10px;border:1px solid var(--line);font-size:13px;color:var(--muted)}.module-strip strong{display:block;font-size:17px;color:var(--ink);margin-bottom:7px}.cta{padding:60px 55px;border-radius:19px;background:#193f38;display:flex;align-items:center;justify-content:space-between;gap:35px;color:white}.cta h2{margin:0 0 12px;font-size:32px}.cta p{margin:0;color:#b7cdc5;font-size:14px}.cta .btn{background:var(--gold);color:#24463d;white-space:nowrap}.site-footer{padding:38px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.site-footer nav{display:flex;gap:23px}.page-intro{background:var(--paper);padding:65px 0}.page-intro h1{font-size:42px;line-height:1.35;margin:16px 0}.page-intro p{color:var(--muted);max-width:680px}.portal-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:980px;margin:0 auto}.portal{border:1px solid var(--line);border-radius:16px;padding:38px;background:white}.portal.admin{background:#eff4f3}.portal h2{font-size:25px;margin:17px 0}.portal p{font-size:14px;color:var(--muted)}.portal ul{padding-left:20px;color:#5b7470;font-size:14px;line-height:2.2}.portal .btn{margin-top:22px}.portal .caption{font-size:11px;margin-top:16px}.secondary-entry{text-align:center;margin:32px 0 0;color:var(--muted);font-size:13px}.secondary-entry a{text-decoration:underline;text-underline-offset:5px;margin:0 12px}.guide-layout{display:grid;grid-template-columns:210px 1fr;gap:60px}.guide-menu{position:sticky;top:115px;align-self:start;display:grid;gap:9px;font-size:14px}.guide-menu a{padding:9px 12px;border-radius:7px;color:#60766f}.guide-menu a:hover{background:#eef5f1}.guide section{padding:0 0 45px;margin-bottom:42px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.guide h2{font-size:25px;margin:0 0 20px}.guide h3{font-size:18px;margin:25px 0 12px}.guide p,.guide li{font-size:14px;color:#607372}.guide ol{padding-left:22px}.guide li{margin:14px 0}.guide-note{padding:18px 22px;background:#eef5f1;border-left:3px solid #538c70;border-radius:0 8px 8px 0;font-size:13px;color:#496a5b;margin:20px 0}.guide table{border-collapse:collapse;width:100%;font-size:13px}.guide th,.guide td{text-align:left;border:1px solid var(--line);padding:12px;vertical-align:top}.guide th{background:#f2f6f3}.guide details{border:1px solid var(--line);border-radius:9px;margin:12px 0;padding:17px 20px}.guide summary{cursor:pointer;font-size:14px;font-weight:650}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:6px;padding:7px 12px;font-size:13px}.legal-note{font-size:11px;color:#7c9087;margin-top:20px}.guide-table{overflow:auto}@media(max-width:1000px){.hero-grid{gap:30px}.hero h1{font-size:45px}.features{grid-template-columns:repeat(2,1fr)}.split{gap:35px}.module-strip{grid-template-columns:repeat(2,1fr)}.site-nav{gap:17px}.guide-layout{gap:30px;grid-template-columns:160px 1fr}}@media(max-width:720px){.wrap{padding:0 22px}.header-inner{min-height:74px}.brand{font-size:21px}.brand small{display:none}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;padding:20px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.site-nav.open{display:flex}.header-inner>.btn{margin-left:auto;font-size:12px;padding:9px 13px;min-height:40px}.hero{padding:47px 0 55px}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.hero h1{font-size:41px;letter-spacing:-1px}.hero .intro{font-size:15px}.hero-notes{gap:10px;flex-wrap:wrap}.scene{padding-bottom:35px;margin:0 4px}.scene-board{padding:20px}.scene-head strong{font-size:16px}.scene-float{right:-5px;padding:12px 17px}.section{padding:60px 0}.section-head{display:block}.section-head h2,.split h2{font-size:29px}.section-head p{margin-top:20px}.features{grid-template-columns:1fr;gap:14px}.feature{min-height:0;padding:24px}.category-bar .wrap{display:grid;grid-template-columns:1fr 1fr;font-size:12px}.module-strip{gap:12px}.module-strip article{padding:17px}.cta{padding:32px 25px;display:block}.cta h2{font-size:26px}.cta .btn{margin-top:23px}.portal-cards{grid-template-columns:1fr}.portal{padding:27px}.page-intro{padding:40px 0}.page-intro h1{font-size:32px}.guide-layout{grid-template-columns:1fr;gap:25px}.guide-menu{position:static;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding-bottom:25px;gap:4px}.guide section{padding-bottom:28px;margin-bottom:28px}.guide-table{max-width:100%;overflow-x:auto}.footer-inner{display:block}.site-footer nav{margin-top:15px;flex-wrap:wrap}.secondary-entry a{display:inline-block;margin:8px}.flow-line{gap:5px}.flow-line div{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.feature{transition:none}.btn:hover,.feature:hover{transform:none}}
/* TradeMax — midnight technology visual system */
:root{color-scheme:dark;--ink:#edf4ff;--muted:#9aadc6;--green:#77c9ff;--line:#23334c;--paper:#0c1526;--gold:#93d8ff}
body{background:#080f1c;color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:#327fbd;color:white}
.site-header{background:#080f1ce8;border-color:#23334c;backdrop-filter:blur(24px)}
.brand{letter-spacing:-.7px}.brand-mark{color:#081526;background:linear-gradient(140deg,#c8eeff,#5faaff);box-shadow:0 0 28px #348cce20;border-radius:10px}.brand small{color:#849ab8;letter-spacing:1.5px}
.site-nav{color:#b6c6dc}.site-nav a:hover{color:#d9f2ff}
.btn{background:linear-gradient(115deg,#a2deff,#72b5ff);border-color:#badfff55;color:#081b32;box-shadow:0 4px 20px #378ede15;border-radius:8px;font-weight:750}
.btn:hover{background:linear-gradient(115deg,#c1ebff,#8bc5ff);box-shadow:0 8px 28px #378ede30}
.btn.light{color:#d8e7fa;background:#14213899;border-color:#344866;box-shadow:none}.btn.light:hover{background:#1b2e49;border-color:#6484aa}.btn.dark{background:#203c61;color:#e5f4ff}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#8ed5ff}
.eyebrow{color:#8bcaff;font-size:11px;letter-spacing:2.4px}.eyebrow:before{width:23px;background:#78bdff;box-shadow:0 0 12px #78bdff88}
.hero{position:relative;background:radial-gradient(ellipse at 80% 32%,#15365d88,transparent 53%),radial-gradient(ellipse at 8% 90%,#10244380,transparent 45%),#080f1c;padding:100px 0 96px;border-bottom:1px solid var(--line)}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#749ad008 1px,transparent 1px),linear-gradient(90deg,#749ad008 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent 30%,#000)}
.hero-grid{position:relative;gap:64px}.hero h1{font-weight:760;letter-spacing:-1.9px;line-height:1.3;margin:25px 0 28px}.hero h1 em{background:linear-gradient(110deg,#c5eaff,#6aa9ff);color:transparent;background-clip:text;-webkit-background-clip:text}.hero .intro{color:#9fb1ca;font-size:16px;line-height:1.95}.hero-notes{color:#849cb9}.hero-notes span:before{color:#82bfff}
.scene{isolation:isolate}.scene:before{content:'';position:absolute;inset:12% -8% 0;background:#1e6bb833;filter:blur(60px);z-index:-1;border-radius:50%}
.scene-board{background:linear-gradient(135deg,#16253bee,#0e1a2dee);border:1px solid #45638c66;box-shadow:0 35px 85px #0007,inset 0 1px 0 #c7e4ff12;transform:perspective(1600px) rotateY(-5deg) rotateX(2deg);border-radius:15px;padding:27px}.scene-head{border-color:#2a3e58}.scene-head strong{color:#ecf4ff;letter-spacing:.3px}.scene small{color:#8ba2bf}.order-strip{background:#09152699;border:1px solid #2c4665}.order-strip strong{color:#d9e9ff}.pill{color:#9cd3ff;background:#21518230;border-color:#4d7fac55;font-size:10px;white-space:nowrap}.flow-line div{background:#1b2c43;color:#8fa7c7;border:1px solid #30456055}.flow-line div.active{background:linear-gradient(120deg,#396daa,#2c5389);color:#e7f6ff;border-color:#7fbbf166;box-shadow:0 3px 16px #368bdb20}.scene-row{border-color:#263a535e}.scene-row .avatar{background:#1d3452;color:#9aceff;border:1px solid #3c5c7d66}.scene-row p{color:#d5e2f3}.scene-float{background:linear-gradient(115deg,#1b3858,#10243d);border:1px solid #5179a680;box-shadow:0 18px 45px #0006,inset 0 1px 0 #b4deff12;color:#9bb4d2}.scene-float b{color:#def2ff;font-size:18px}
.category-bar{background:#0b1423}.category-bar .wrap{color:#8298b4;font-size:12px}.category-bar strong{color:#c9d9ed}
.section{padding:100px 0}.section.soft{background:linear-gradient(135deg,#0e192a,#0a1322)}.section-head h2,.big-title,.split h2{font-weight:700;letter-spacing:-.8px}.section-head p{line-height:1.9}
.features{gap:18px}.feature{position:relative;background:linear-gradient(135deg,#132035,#0e192b);border-color:#253953;border-radius:12px;padding:30px;box-shadow:inset 0 1px 0 #d4eaff06}.feature:hover{border-color:#53779d;box-shadow:0 20px 40px #0003,inset 0 1px 0 #d4eaff12}.feature .num{color:#7fb6ec;font-size:10px;letter-spacing:1.8px}.feature h3{font-size:18px;font-weight:650;margin-top:22px}.feature p{color:#96abc6;line-height:1.9}.feature .tag{color:#91afd2;background:#1b2c43;border:1px solid #304b6955;border-radius:4px;font-size:10px}
.steps{border-color:#314966}.step:before{background:#9bd5ff;box-shadow:0 0 0 6px #0d1829,0 0 20px #5cafff66}.step strong{color:#dbeaff}.step p{line-height:1.9}
.preview-frame{background:linear-gradient(130deg,#1a2a42,#101c30);border-color:#36516f;box-shadow:0 30px 80px #0005;padding:14px;border-radius:13px}.preview-chrome{color:#94adcc;padding-bottom:16px}.preview-chrome i{background:#5277a0}.preview-chrome i:first-child{background:#9cb7d3}.preview-frame img{border:1px solid #ffffff12;opacity:.94}
.module-strip article{background:#0e192b;border-color:#24374f;color:#8fa5c2;border-radius:9px}.module-strip strong{font-weight:650;font-size:16px}
.cta{position:relative;background:radial-gradient(ellipse at 90% 0%,#28588a66,transparent 60%),linear-gradient(120deg,#14273f,#101e33);border:1px solid #3b587a;border-radius:14px;box-shadow:inset 0 1px 0 #a5d7ff0d}.cta h2{font-weight:650}.cta p{color:#9db2ce}.cta .btn{background:linear-gradient(115deg,#a2deff,#72b5ff);color:#081b32}
.site-footer{background:#070e19;color:#758ca9}.site-footer a:hover{color:#c8e7ff}
.page-intro{background:radial-gradient(ellipse at 90% 20%,#1a365b80,transparent 65%),#0b1525;border-bottom:1px solid var(--line)}.page-intro h1{font-weight:700;letter-spacing:-1px}.portal{background:linear-gradient(145deg,#15243a,#0e192b);border-color:#304664;box-shadow:0 18px 50px #0002}.portal.admin{background:linear-gradient(145deg,#192a43,#101c30)}.portal ul{color:#9bafc9}.portal h2{color:#e7f2ff}.secondary-entry a{color:#b9d7fa}.guide-menu a{color:#99afca}.guide-menu a:hover{background:#172a43;color:#d8edff}.guide p,.guide li{color:#a0b2ca}.guide-note{background:#112741;border-color:#68aff1;color:#b2cce8}.guide th{background:#17273c;color:#d3e6fc}.guide td{color:#a9bdd7}.guide details{background:#101c2e;border-color:#2a405d}.guide summary{color:#d8e8fc}.guide a{color:#a3d7ff}.legal-note{color:#8198b6}.menu-toggle{color:#d8e8ff;background:#132239}
@media(min-width:1400px){.hero{padding:116px 0 110px}.hero h1{font-size:62px}}
@media(max-width:1000px){.hero-grid{gap:30px}.hero h1{font-size:44px}.scene-board{padding:22px}.scene-float b{font-size:16px}}
@media(max-width:720px){.site-nav{background:#0c1728;border-color:#2a3c55}.hero{padding:55px 0 65px}.hero-grid{gap:38px}.hero h1{font-size:40px;letter-spacing:-1.2px}.hero .intro{font-size:14px}.hero-notes{font-size:11px;gap:13px}.scene-board{transform:none;padding:20px}.scene-float{right:-4px;padding:13px 16px}.scene-float b{font-size:16px}.section{padding:65px 0}.feature{padding:26px}.cta{padding:31px 25px}.section-head h2,.split h2{font-size:28px}.category-bar .wrap{font-size:11px}.page-intro h1{font-size:31px}.preview-chrome{font-size:9px}.guide-menu{border-color:var(--line)}}


/* Simplified photographic hero */
.hero{padding:82px 0 86px}.hero:before{opacity:.38}.hero-grid{grid-template-columns:1fr 1.12fr;gap:70px}.hero h1{font-size:clamp(38px,3.7vw,56px);margin:22px 0 24px}.hero .intro{font-size:16px}.hero-notes{gap:18px}.trade-visual{position:relative;margin:0;min-width:0;border-radius:12px;overflow:hidden;border:1px solid #425c7955;box-shadow:0 28px 70px #0005;background:#12233b;aspect-ratio:1.16}.trade-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:66% center}.trade-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#07101ee6)}.trade-visual figcaption{position:absolute;z-index:1;left:30px;right:25px;bottom:27px}.trade-visual figcaption span{display:block;color:#a4c5e5;font-size:10px;letter-spacing:2.4px;margin-bottom:9px}.trade-visual figcaption strong{font-size:18px;font-weight:550;letter-spacing:.5px;color:#e4f0ff}.section{padding:82px 0}.feature{min-height:205px;padding:27px}.features{gap:17px}.hero .actions{margin-top:30px}
@media(min-width:1400px){.hero{padding:85px 0 90px}.hero h1{font-size:54px}}
@media(max-width:1000px){.hero-grid{gap:36px;grid-template-columns:1fr 1fr}.hero h1{font-size:39px}.trade-visual{aspect-ratio:.95}.trade-visual figcaption{left:22px;bottom:22px}.trade-visual figcaption strong{font-size:15px}.hero-notes{font-size:10px;gap:10px}}
@media(max-width:720px){.hero{padding:45px 0 48px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:38px;line-height:1.32;margin:21px 0}.hero .intro{font-size:14px}.hero .actions{margin:25px 0 20px}.hero-notes{font-size:10px;gap:13px;margin-top:20px}.trade-visual{aspect-ratio:1.5;border-radius:9px}.trade-visual img{object-position:center}.trade-visual figcaption{left:20px;bottom:18px}.trade-visual figcaption strong{font-size:14px}.trade-visual figcaption span{font-size:8px;margin-bottom:5px}.section{padding:58px 0}}

/* Edge-to-edge global trade hero */
.hero{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;padding:100px 0 105px;background:#081323}.hero:before{display:none}.hero-grid{display:block;width:100%;position:static}.hero-grid>div:first-child{position:relative;z-index:2;max-width:610px}.hero .trade-visual{position:absolute;inset:0;z-index:-1;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;margin:0;background:#102439}.hero .trade-visual img{width:100%;height:100%;object-fit:cover;object-position:center 53%;opacity:.9}.hero .trade-visual:after{background:linear-gradient(90deg,#060e1df2 0%,#071323e8 24%,#081526b5 45%,#08152635 75%,#08152624 100%),linear-gradient(0deg,#08111e 0%,transparent 27%,transparent 75%,#08132133)}.hero .trade-visual figcaption{display:none}.hero .eyebrow{color:#a6d9ff}.hero h1{font-size:clamp(40px,4vw,58px);text-shadow:0 4px 28px #0004}.hero .intro{color:#c0cfe0;line-height:2}.hero-notes{color:#acbdd2}.hero .btn.light{background:#102035aa;border-color:#59718d99;backdrop-filter:blur(12px)}
@media(min-width:1400px){.hero{padding:108px 0 115px;min-height:650px}.hero h1{font-size:58px}}
@media(max-width:1000px){.hero{min-height:580px;padding:85px 0}.hero h1{font-size:46px}.hero-grid>div:first-child{max-width:530px}.hero .trade-visual:after{background:linear-gradient(90deg,#060e1df2,#071323cb 48%,#08152644),linear-gradient(0deg,#08111e,transparent 40%)}}
@media(max-width:720px){.hero{padding:65px 0 72px;min-height:560px}.hero h1{font-size:39px;line-height:1.35}.hero-grid>div:first-child{max-width:100%}.hero .intro{font-size:14px;color:#c2d2e7}.hero .trade-visual img{object-position:63% center;opacity:.85}.hero .trade-visual:after{background:linear-gradient(90deg,#061020ed,#071322b8 65%,#07132377),linear-gradient(0deg,#08111e,transparent 40%)}.hero-notes{color:#a9c0db;gap:12px}.hero .actions{gap:10px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}}

/* Editorial hierarchy and restrained product composition */
.wrap{max-width:1280px}.site-header{border-bottom-color:#a4c6eb12}.site-nav{font-size:13px;letter-spacing:.3px;gap:32px}.header-inner>.btn{min-height:43px;padding:10px 23px;font-size:12px}.brand-mark{box-shadow:inset 0 1px 0 #ffffff80,0 7px 25px #458ad325}.hero h1{font-weight:650;letter-spacing:-1.7px}.hero .intro{font-weight:400;letter-spacing:.3px}.hero .actions .btn{font-size:13px;min-height:48px}.hero .eyebrow{font-weight:600;letter-spacing:2.7px}.hero-notes{font-size:11px;letter-spacing:.2px}.category-bar{padding:25px 0;background:#0b1422}.category-bar .wrap{font-size:11px;color:#8194af}.category-bar strong{font-weight:500;letter-spacing:1px}.section-head{margin-bottom:44px}.section-head h2,.split h2{font-weight:600;font-size:34px;letter-spacing:-.6px}.section-head p{font-size:13px;line-height:2;color:#8da1bd}.features{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.feature{grid-column:span 3;min-height:235px;border-radius:8px;background:linear-gradient(145deg,#122035,#0d1829);padding:27px 24px;box-shadow:none;overflow:hidden}.feature:nth-child(-n+2){grid-column:span 6;min-height:225px;padding:32px 35px;background:radial-gradient(ellipse at 100% 0%,#28466b40,transparent 65%),linear-gradient(135deg,#15243a,#101b2d)}.feature:nth-child(-n+2) h3{font-size:23px;letter-spacing:-.3px;margin:21px 0 12px}.feature:nth-child(-n+2) p{max-width:440px}.feature h3{font-size:16px;line-height:1.6;font-weight:600}.feature p{font-size:12px;line-height:2;color:#91a6c2}.feature .num{font-size:10px;letter-spacing:1.8px;font-weight:550}.feature .tag{background:transparent;border:0;border-top:1px solid #354b6755;border-radius:0;padding:12px 0 0;margin-top:19px;color:#819cbe;font-size:10px}.feature:hover{transform:translateY(-3px);border-color:#59789b;box-shadow:0 18px 35px #0002}.section.soft{background:#0b1525;border-top:1px solid #23344b55;border-bottom:1px solid #23344b55}.split{gap:95px}.split>div>p{font-size:14px;line-height:2}.step strong{font-weight:550;font-size:16px}.step p{font-size:12px}.steps{padding-left:32px}.step:before{left:-38px;width:9px;height:9px;box-shadow:0 0 0 6px #0b1525,0 0 15px #5cafff44}.preview-frame{border-radius:10px;box-shadow:0 20px 60px #0003}.cta{border-radius:10px;padding:55px}.cta h2{font-size:29px;font-weight:550}.site-footer{padding:33px 0}.module-strip article{background:transparent;border-width:0 0 0 1px;border-radius:0;padding:9px 24px;font-size:12px}.module-strip strong{font-size:15px;font-weight:550}
@media(max-width:1000px){.feature,.feature:nth-child(-n+2){grid-column:span 6;padding:27px;min-height:220px}.feature:nth-child(-n+2) h3{font-size:20px}.feature h3{font-size:18px}.split{gap:40px}.section-head h2,.split h2{font-size:30px}}
@media(max-width:720px){.site-nav{gap:20px}.header-inner>.btn{font-size:11px;min-height:38px;padding:8px 13px}.hero h1{font-weight:650;letter-spacing:-1px}.hero .eyebrow{letter-spacing:1.6px;font-size:9px}.hero-notes{font-size:10px}.features{gap:13px}.feature,.feature:nth-child(-n+2){grid-column:span 12;min-height:0;padding:25px}.feature h3,.feature:nth-child(-n+2) h3{font-size:19px;margin:17px 0 10px}.feature p{font-size:13px}.section-head{margin-bottom:28px}.section-head h2,.split h2{font-size:27px;line-height:1.5}.category-bar .wrap{font-size:10px;gap:14px}.cta{padding:30px 24px}.cta h2{font-size:24px}.module-strip article{padding:8px 15px}.module-strip strong{font-size:14px}}

/* Compact page rhythm: less scrolling, clear hierarchy */
.header-inner{min-height:72px}.brand{font-size:22px}.brand-mark{width:34px;height:34px;font-size:22px}.brand small{font-size:10px}.hero{min-height:520px;padding:65px 0 70px}.hero h1{font-size:52px;line-height:1.26;margin:18px 0 20px}.hero .intro{font-size:15px;line-height:1.9}.hero .actions{margin:23px 0 19px}.hero-notes{margin-top:19px}.category-bar{padding:18px 0}.section{padding:58px 0}.section-head{margin-bottom:28px;gap:28px}.section-head h2,.big-title,.split h2{font-size:30px;margin-top:10px}.section-head p{font-size:12px;max-width:400px}.features{gap:14px}.feature{min-height:205px;padding:23px 22px}.feature:nth-child(-n+2){min-height:190px;padding:25px 29px}.feature:nth-child(-n+2) h3{font-size:21px;margin:15px 0 8px}.feature h3{margin:15px 0 8px}.feature .tag{margin-top:13px;padding-top:9px}.feature p{line-height:1.85}.split{gap:70px}.split h2{margin:12px 0 18px}.split>div>p{font-size:13px;line-height:1.9;margin-bottom:22px}.step{padding-bottom:22px}.step p{margin-top:5px;line-height:1.8}.preview-frame{padding:10px;max-width:1060px;margin:0 auto}.preview-frame img{max-height:535px;object-fit:cover;object-position:top}.preview-chrome{padding:3px 5px 11px}.module-strip{gap:14px;margin-top:24px}.module-strip article{padding:6px 20px}.cta{padding:35px 40px}.cta h2{font-size:27px;margin-bottom:8px}.cta p{font-size:13px}.site-footer{padding:25px 0}.page-intro{padding:42px 0}.page-intro h1{font-size:36px;margin:12px 0}.portal{padding:29px}.portal h2{margin:13px 0}.portal .btn{margin-top:16px}.guide-layout{gap:42px}.guide section{padding-bottom:30px;margin-bottom:30px}
@media(min-width:1400px){.hero{min-height:525px;padding:67px 0 73px}.hero h1{font-size:52px}}
@media(max-width:1000px){.hero{min-height:495px;padding:60px 0}.hero h1{font-size:44px}.feature,.feature:nth-child(-n+2){padding:23px;min-height:195px}.section-head h2,.split h2{font-size:28px}.split{gap:35px}.header-inner{gap:18px}}
@media(max-width:720px){html{scroll-padding-top:80px}.header-inner{min-height:66px}.site-nav{top:66px}.brand{font-size:20px}.brand-mark{width:31px;height:31px;font-size:20px}.hero{min-height:470px;padding:45px 0 50px}.hero h1{font-size:37px;margin:16px 0 19px;line-height:1.3}.hero .intro{font-size:13px;line-height:1.9}.hero .actions{margin:22px 0 18px}.hero .actions .btn{padding:10px 18px;min-height:44px;font-size:12px}.hero-notes{margin-top:17px;font-size:9px;gap:10px}.section{padding:40px 0}.section-head{margin-bottom:23px}.section-head h2,.split h2{font-size:25px}.section-head p{margin-top:13px}.features{gap:11px}.feature,.feature:nth-child(-n+2){padding:21px;min-height:0}.feature h3,.feature:nth-child(-n+2) h3{font-size:18px;margin:13px 0 8px}.feature p{font-size:12px}.category-bar{padding:16px 0}.split{gap:27px}.module-strip{margin-top:21px;gap:14px}.module-strip article{padding:5px 12px}.cta{padding:26px 23px}.cta h2{font-size:23px}.cta .btn{margin-top:19px}.preview-frame{padding:7px}.preview-frame img{max-height:300px}.page-intro{padding:30px 0}.page-intro h1{font-size:29px}.portal{padding:24px}.guide-layout{gap:22px}.site-footer{padding:22px 0}}

/* Display complete data visualization concept without clipping. */
.preview-frame img{max-height:none;object-fit:contain;height:auto}.preview-frame{max-width:1150px}.section-head h2{max-width:760px}@media(max-width:720px){.preview-frame img{max-height:none}.hero h1{font-size:35px}.hero .intro{max-width:346px}}