:root{--navy:#09162b;--ink:#101e34;--blue:#2862fa;--mint:#45dfc1;--light:#f6f8fc;--muted:#68768b;--line:#e4eaf2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{max-width:1180px;margin:auto;padding:0 28px}.topbar{height:82px;position:sticky;z-index:10;top:0;background:#09162bf2;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff14;color:#fff}.nav{height:100%;display:flex;align-items:center;gap:38px;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;font-weight:850;font-size:24px;letter-spacing:-1.4px;white-space:nowrap}.brandmark{display:flex;align-items:center;justify-content:center;background:#2157ff;color:white;width:34px;height:34px;border-radius:9px;font-weight:900;font-size:23px}.brandmark span{font-size:8px;align-self:flex-start;margin-top:5px;margin-left:-3px;color:var(--mint)}.branddot{color:var(--mint)}.navlinks{display:flex;gap:27px;font-size:13px;color:#bfc9de}.navlinks a:hover,.loginlink:hover{color:var(--mint)}.navact{display:flex;align-items:center;gap:25px}.loginlink{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;border-radius:7px;background:#3269ff;color:#fff;padding:16px 21px;font-weight:700;font-size:13px;box-shadow:0 10px 24px #0d3cc829;transition:transform .2s,background .2s}.button:hover{background:#174ee2;transform:translateY(-2px)}.button span{font-size:18px}.button-sm{padding:11px 16px;gap:15px}.button-outline{background:transparent;border:1px solid #ffffff40;box-shadow:none}.button-outline:hover{background:#ffffff13}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{position:relative;background:radial-gradient(ellipse at 85% 25%,#123d7955,transparent 48%),linear-gradient(155deg,#0a1830,#0c1a35 65%,#0a1d39);color:white;overflow:hidden;padding:92px 0 95px}.glow{position:absolute;border:1px solid #ffffff0c;border-radius:100%}.glow-a{width:760px;height:760px;right:-350px;top:-360px}.glow-b{width:550px;height:550px;right:15%;bottom:-450px}.hero-grid{position:relative;display:grid;grid-template-columns:48% 52%;align-items:center;gap:22px}.hero-copy{padding:10px 20px 10px 0}.eyebrow{display:inline-flex;align-items:center;gap:11px;border:1px solid #3bd4b244;border-radius:50px;background:#2bcbb510;color:#70f3d4;padding:7px 14px;font-size:11px;font-weight:750;letter-spacing:1.2px;text-transform:uppercase}.pulse,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#49e7b6;box-shadow:0 0 0 4px #46e8b622}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.16}h1{font-size:clamp(40px,4.45vw,67px);margin:27px 0 24px;font-weight:850}h2{font-size:clamp(34px,3.6vw,49px);font-weight:830;margin:13px 0 24px}h3{font-size:21px;font-weight:800}.herodesc{font-size:17px;line-height:1.8;color:#b9c5d7;max-width:490px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:31px 0}.hero-trust{display:flex;flex-wrap:wrap;gap:17px;color:#91a5c5;font-size:11px;margin-top:36px}.hero-visual{background:#f8fbff;border:1px solid #94a8d033;border-radius:15px;box-shadow:0 34px 90px #0009;transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);padding:0;color:#17263c;overflow:hidden}.visual-caption{height:35px;background:#e5ebf7;display:flex;align-items:center;padding:0 15px;gap:8px;font-size:9px;letter-spacing:1px;font-weight:850;color:#63738d}.visual-status{margin-left:auto;color:#27a47c;font-size:9px;letter-spacing:0}.mock-layout{display:grid;grid-template-columns:126px 1fr;min-height:358px}.mock-sidebar{padding:13px 8px;background:#15243c;color:#7e94b0;font-size:9px}.mock-logo{display:block;color:white;font-size:13px;margin:3px 8px 23px}.mock-sidebar div{padding:10px 7px;margin-bottom:5px;border-radius:5px}.mock-side-active{background:#2862f9;color:#fff!important}.mock-main{padding:18px;background:#f2f5fa}.mock-head{display:flex;justify-content:space-between;color:#8793a4;font-size:10px;margin-bottom:24px}.mock-hello{font-weight:800;font-size:17px}.mock-hello small{display:block;color:#8e9caf;font-size:10px;font-weight:400;margin-top:3px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.stats>div{border:1px solid #e2e7f0;border-radius:8px;background:#fff;padding:11px 10px;min-width:0}.stats small,.stats strong,.stats i{display:block}.stats small{color:#8995a8;font-size:9px}.stats strong{font-size:25px;line-height:1.35}.stats i{color:#21a37e;font-size:8px;font-style:normal;white-space:nowrap}.mock-panels{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mock-chart,.mock-orders{padding:12px;background:#fff;border-radius:8px;border:1px solid #e3e9f1}.mock-panel-label{font-size:10px;font-weight:850;display:flex;justify-content:space-between}.mock-panel-label span{font-size:8px;color:#8a99aa;font-weight:400}.bars{height:112px;display:flex;align-items:end;justify-content:space-around;gap:6px;padding:14px 0 0}.bars i{flex:1;background:linear-gradient(#47debd,#3870f8);border-radius:4px 4px 0 0}.axis{font-size:8px;color:#9ba8bb;text-align:center}.warehouse-row{display:flex;align-items:center;gap:7px;border-bottom:1px solid #eef1f6;padding:10px 0;font-size:9px}.warehouse-row>span{font-size:17px;color:#3778ed}.warehouse-row>div{flex:1;white-space:nowrap}.warehouse-row small{display:block;color:#9eaabd}.warehouse-row b{font-size:7px;border-radius:12px;padding:3px 5px;background:#e1f9ec;color:#1c9e76}.demo-note{text-align:right;background:#f2f5fa;color:#8794a6;font-size:8px;padding:8px 16px}.hero-endline{position:absolute;bottom:0;width:100%;height:2px;background:linear-gradient(to right,transparent,#386df2,#46ebbb,transparent)}.stat-strip{background:#fff;border-bottom:1px solid #e9edf4}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:32px;padding-bottom:32px}.strip-grid>div{padding:2px 24px;border-left:1px solid #e7eaf0}.strip-grid>div:first-child{border:0;padding-left:0}.strip-grid strong,.strip-grid span{display:block}.strip-grid strong{font-size:16px;letter-spacing:-.03em}.strip-grid span{color:var(--muted);font-size:11px;margin-top:4px}.section{padding:110px 0}.light{background:#fff}.section-kicker{color:#2862fa;letter-spacing:2px;font-weight:800;font-size:11px}.section-heading{display:grid;grid-template-columns:1fr .72fr;gap:95px;align-items:end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading p{color:#687990;line-height:1.8;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:255px;border:1px solid #e5eaf2;padding:28px 26px;position:relative;border-radius:11px;background:#fff;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px #09205012}.feature-num{position:absolute;right:23px;top:24px;font-size:10px;font-weight:800;color:#bbc6d5}.feature-icon{width:49px;height:49px;display:grid;place-items:center;border:1px solid #dbe8ff;border-radius:12px;color:#2162eb;font-size:25px;background:#ecf3ff}.feature-card h3{font-size:19px;margin:20px 0 9px}.feature-card p{font-size:13px;color:#78869a;line-height:1.75}.card-arrow{position:absolute;right:25px;bottom:22px;color:#2f63e4}.dark-section{background:#0b1c33;color:white}.double{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.mint{color:#43e0bf}.large-copy{font-size:16px;line-height:1.9;color:#aabbd1}.checklist{margin:29px 0;display:grid;gap:15px;color:#c5d1e2;font-size:13px}.checklist span{display:inline-grid;place-items:center;margin-right:9px;background:#3be3b61e;color:var(--mint);width:24px;height:24px;border-radius:50%}.textlink{color:#55e9c6;font-size:13px;font-weight:750}.textlink span{margin-left:15px}.access-card{background:#fff;border-radius:13px;padding:29px;color:#1d2c41;box-shadow:0 20px 80px #0005}.access-top{display:flex;justify-content:space-between;color:#71829a;font-size:10px;letter-spacing:1px;font-weight:800}.greenpill{color:#149e73;background:#e4faf3;border-radius:20px;padding:5px 9px;letter-spacing:0}.access-card h3{font-size:23px;margin:17px 0 24px;max-width:330px}.matrix>div{display:grid;grid-template-columns:2fr repeat(3,1fr);text-align:center;align-items:center;border-bottom:1px solid #ebeff5;min-height:46px;font-size:11px}.matrix strong{text-align:left;font-weight:650}.matrix-head{font-weight:800;color:#96a2b3;font-size:9px!important}.matrix-head span:first-child{text-align:left}.yes{color:#17ad84;font-size:18px}.no{color:#d0d8e4}.access-footer{display:flex;gap:13px;align-items:center;margin-top:24px;padding:14px;background:#edf5ff;border-radius:8px}.access-bubble{display:grid;place-items:center;width:34px;height:34px;flex:none;background:#e0eaff;color:#2a65ed;border-radius:8px;font-weight:900;font-size:20px}.access-footer strong,.access-footer small{display:block}.access-footer strong{font-size:12px}.access-footer small{color:#76879d;font-size:10px}.illustration-note{color:#99a6b9;font-size:9px;margin:12px 0 0;text-align:right}.loyalty-grid{gap:110px}.loyalty-art{min-height:375px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#e3edff,transparent 67%)}.loyalty-card{background:linear-gradient(135deg,#0b1f3c,#1649ae 85%);border-radius:15px;box-shadow:0 32px 50px #18377948;max-width:390px;width:94%;height:240px;padding:26px;color:white;transform:rotate(-7deg)}.loyalty-title{font-size:22px;font-weight:850;letter-spacing:-1px}.loyalty-title span{color:#50edc2}.loyalty-title small{float:right;font-size:10px;letter-spacing:2px;color:#b1c8f1}.loyalty-chip{margin:15px 0 5px;color:#e5c67e;font-size:30px}.loyalty-points{font-size:28px;font-weight:800}.loyalty-points small{font-size:12px;color:#b9c9e5;font-weight:400}.loyalty-foot{display:flex;justify-content:space-between;font-size:10px;color:#b2c6e7;letter-spacing:1px;margin-top:12px}.point-bubble{position:absolute;right:0;top:48px;background:#fff;box-shadow:0 10px 30px #12367830;border-radius:10px;padding:10px 15px;color:#11a879;transform:rotate(4deg)}.point-bubble b,.point-bubble small{display:block;font-size:12px}.point-bubble small{color:#8797ab;font-size:9px}.loyalty-caption{position:absolute;bottom:0;color:#8899b2;font-size:11px}.dark-copy{color:#667791}.mini-features{display:grid;gap:23px;margin-top:32px}.mini-features>div{display:flex;gap:17px;align-items:start}.mini-features b{color:#3169e7;font-size:12px;border:1px solid #d9e6fb;padding:8px;border-radius:9px}.mini-features strong,.mini-features small{display:block}.mini-features strong{font-size:14px}.mini-features small{font-size:12px;color:#7c8b9e;margin-top:4px}.faq-section{background:#f7f9fc}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-grid>div>p{color:#77859a}.faq-list details{border-bottom:1px solid #dce4ee;padding:17px 0}.faq-list summary{font-size:15px;font-weight:750;display:flex;justify-content:space-between;gap:25px;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;color:#2a64e7;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#6f8096;margin:13px 30px 0 0;font-size:13px;line-height:1.85}.contact-section{background:linear-gradient(130deg,#0a1c36,#0b2b55);color:white}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.contact-copy>p{color:#a6bad3;font-size:16px;max-width:340px}.contact-email{margin-top:65px}.contact-email span{display:block;font-size:10px;color:#74a3bb;letter-spacing:2px;margin-bottom:9px}.contact-email a{font-size:20px;font-weight:750}.contact-form-card{border-radius:15px;background:white;color:#14223a;padding:35px;box-shadow:0 24px 70px #0003}.contact-form-card h3{font-size:24px;margin-bottom:8px}.contact-form-card>p{color:#7c8a9d;font-size:12px;margin-bottom:26px}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form-card label,.login-card label,.admin-editor label,.admin-panel form label{display:block;font-weight:700;font-size:12px;margin-bottom:16px}.contact-form-card input:not([type=checkbox]),.contact-form-card textarea,.login-card input,.admin-panel input,.admin-panel textarea,.admin-panel select{width:100%;border:1px solid #dae3ef;border-radius:6px;padding:12px 12px;margin-top:7px;color:#1d2c40;outline:none;background:white}.contact-form-card input:focus,.contact-form-card textarea:focus,.admin-panel input:focus{border-color:#3269ff}.contact-form-card textarea{resize:vertical}.consent{display:flex!important;align-items:start;gap:9px;color:#8793a5;font-weight:400!important;font-size:10px!important;line-height:1.65}.consent input{margin-top:4px;accent-color:#306aff}.consent a{color:#2862fa;text-decoration:underline}.form-submit{width:100%;justify-content:space-between}.honey{position:absolute;left:-9999px}.footer{background:#08162a;color:#b8c6d9}.footer-main{display:grid;grid-template-columns:220px 1fr auto;gap:30px;align-items:center;padding-top:45px;padding-bottom:40px}.footer-main p{font-size:12px;margin:0;color:#7f94b1}.footlinks{display:flex;gap:19px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff16;padding-top:20px;padding-bottom:27px;color:#7185a0;font-size:10px}.flashes{position:fixed;top:88px;right:20px;z-index:100;max-width:390px}.toast{background:#eaf9f2;color:#147750;border-left:4px solid #25b987;padding:13px 18px;border-radius:6px;box-shadow:0 10px 30px #0002;margin-bottom:10px}.toast.error{background:#fff1f1;color:#ad3030;border-color:#d44}.login-shell{min-height:100vh;background:radial-gradient(circle at 70% 0%,#163d7e,#0b1830 57%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:#fff;padding:30px}.login-card{background:#fff;color:#1a2941;max-width:410px;width:100%;padding:38px;border-radius:14px}.login-card>small{color:#2b6aef;letter-spacing:2px;font-size:10px;font-weight:800}.login-card h1{font-size:33px;margin:11px 0}.login-card p{color:#7f8da1}.login-card>a{display:block;margin-top:17px;font-size:12px;color:#2765e8}.login-card form{margin:23px 0}.login-card label{display:block;font-size:12px;font-weight:700;margin:15px 0}.login-card input{display:block;width:100%;border:1px solid #dae3ee;border-radius:7px;padding:12px;margin-top:6px}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#f3f6fb}.admin-side{background:#0d1d35;color:#8da3bf;padding:28px 17px;display:flex;flex-direction:column;gap:8px}.admin-side .brand{color:white;margin-bottom:34px;padding-left:10px}.admin-side>small{font-size:10px;letter-spacing:1px;margin:8px 10px 13px}.admin-side>a:not(.brand){padding:12px;border-radius:7px;font-size:13px}.admin-side>a.selected,.admin-side>a:not(.brand):hover{background:#2459e8;color:white}.admin-side>a b{float:right;border-radius:20px;background:#39e3bd;color:#0c2732;padding:0 7px}.admin-side form{margin-top:auto}.admin-logout{border:0;background:transparent;color:#9aacbf;padding:12px}.admin-main{padding:36px 45px;max-width:1500px;width:100%;margin:auto}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-head small{color:#7188a5;font-size:10px;letter-spacing:1px}.admin-head h1{font-size:32px;margin:6px 0}.admin-live{font-size:11px;color:#128f6b;background:#dff9ee;border-radius:30px;padding:8px 12px}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.admin-cards>div{background:#fff;padding:23px;border:1px solid #e3e9f0;border-radius:9px}.admin-cards small{display:block;color:#8492a6}.admin-cards strong{display:block;font-size:34px;color:#1f3b66;margin-top:9px}.admin-panel{background:#fff;padding:28px;border:1px solid #e1e8f0;border-radius:10px;margin-bottom:17px}.admin-panel h2{font-size:20px;margin-bottom:13px}.admin-panel>p{color:#74869b}.admin-editor{max-width:900px}.admin-editor label{margin:19px 0}.admin-panel textarea{min-height:95px;resize:vertical}.admin-row{display:grid;grid-template-columns:2fr 1fr 100px;gap:14px}.list-editor summary{display:flex;justify-content:space-between;cursor:pointer}.list-editor summary span{color:#7b8da2;font-size:12px}.list-editor form{margin-top:22px}.danger{border:0;background:#ffeaea;color:#a52020;border-radius:5px;padding:9px 15px}.lead{border-top:1px solid #e8edf4;padding:18px 0;display:flex;justify-content:space-between;gap:20px}.lead strong,.lead small,.lead a{display:block}.lead small{color:#8b9cb0;font-size:11px}.lead a{color:#2564e2}.lead p{white-space:pre-wrap}.lead select{padding:8px;border:1px solid #dae2ec;border-radius:5px}.small-save{background:#2862fa;border:0;color:#fff;padding:10px;border-radius:5px;margin-top:8px}.privacy{min-height:100vh;background:#f8fafc;padding:65px 0}.narrow{max-width:800px}.privacy h1{font-size:38px;margin:40px 0}.privacy p{line-height:1.9;color:#52647d}.privacy-warning{background:#fff0d6;border:1px solid #ebc77d;padding:20px;border-radius:8px;margin-top:25px}
@media(max-width:1100px){.navlinks{gap:15px}.navact{gap:12px}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{padding:0}.double{gap:45px}.contact-grid{gap:45px}.hero-trust{gap:9px}.mock-layout{grid-template-columns:95px 1fr}.mock-sidebar{font-size:8px}.mock-panels{grid-template-columns:1fr}.mock-orders{display:none}}
@media(max-width:850px){.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:81px;left:0;right:0;background:#0d1b32;flex-direction:column;padding:22px 30px;box-shadow:0 20px 30px #0003}.navlinks.open{display:flex}.loginlink{display:none}.hero-grid,.double,.section-heading,.faq-grid,.contact-grid{grid-template-columns:1fr}.hero{padding:55px 0 80px}.hero-copy{max-width:680px}.hero-visual{max-width:650px;transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.section{padding:75px 0}.section-heading,.faq-grid,.contact-grid{gap:28px}.section-heading p{max-width:620px}.loyalty-grid{gap:5px}.footer-main{grid-template-columns:1fr 1fr}.footlinks{grid-column:1/-1}.admin-shell{grid-template-columns:1fr}.admin-side{position:static;display:flex;flex-flow:row wrap;gap:4px;align-items:center}.admin-side .brand{margin:0 20px 0 0}.admin-side>small{display:none}.admin-side>a:not(.brand){padding:8px}.admin-side form{margin:0}.admin-main{padding:27px}.admin-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.wrap{padding-left:19px;padding-right:19px}.nav{gap:10px}.topbar{height:70px}.navlinks{top:69px}.navact .button{display:none}h1{font-size:42px}.herodesc{font-size:15px}.hero-actions{gap:9px}.hero-actions .button{padding:13px;font-size:11px;gap:10px}.hero-trust{font-size:10px}.mock-layout{grid-template-columns:80px 1fr;min-height:315px}.mock-sidebar{font-size:7px}.mock-main{padding:10px}.stats{gap:4px}.stats>div{padding:7px}.stats strong{font-size:20px}.stats i{font-size:6px}.mock-chart{min-height:140px}.strip-grid{grid-template-columns:1fr 1fr;gap:20px}.strip-grid>div{padding:0 0 0 15px!important;border-left:1px solid #e7eaf0!important}.strip-grid strong{font-size:13px}.strip-grid span{font-size:10px}.feature-grid,.fieldrow{grid-template-columns:1fr}.feature-card{min-height:220px}.section{padding:65px 0}.access-card,.contact-form-card{padding:22px}.loyalty-art{min-height:330px}.loyalty-card{width:88%;height:220px}.point-bubble{right:-5px}.footer-main{grid-template-columns:1fr;gap:20px}.footlinks{grid-column:auto;flex-wrap:wrap}.footer-bottom{gap:15px;flex-direction:column}.admin-head{align-items:flex-start;gap:12px;flex-direction:column}.admin-row{grid-template-columns:1fr}.admin-cards{gap:8px}.admin-cards>div{padding:15px}.admin-panel{padding:18px}.lead{flex-direction:column}.admin-side .brand{width:100%}}


/* NATKA 1.1 — visual refresh. Homepage only; admin styling stays intact. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
body:has(.hero){font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}
body:has(.hero) .wrap{max-width:1370px;padding-left:44px;padding-right:44px}
body:has(.hero) .topbar{height:84px;background:#07152aeF;border-bottom-color:#ffffff17}
body:has(.hero) .brand{font-size:27px;letter-spacing:-1.6px}
body:has(.hero) .brandmark{width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,#2667ff,#18abd0);box-shadow:0 7px 24px #285dff44}
body:has(.hero) .navlinks{font-size:13px;gap:31px;font-weight:650}
body:has(.hero) .button{border-radius:10px;background:linear-gradient(115deg,#2570ff,#2960ff);box-shadow:0 14px 28px #0d40da38;padding:17px 23px}
body:has(.hero) .button:hover{background:linear-gradient(115deg,#398cff,#1c59ed)}
body:has(.hero) .button-outline{background:#ffffff09;box-shadow:none;border:1px solid #a1bfff55}
body:has(.hero) .button-outline:hover{background:#ffffff18}
body:has(.hero) .button-sm{padding:12px 19px}
.hero{padding:120px 0 125px;background:radial-gradient(ellipse 780px 570px at 82% 25%,#1756ab71,transparent 75%),radial-gradient(ellipse 600px 390px at 15% 90%,#12618a27,transparent 85%),linear-gradient(125deg,#071225 2%,#0b2244 70%,#07162c);}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#7fc4ff25 .8px,transparent .8px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 60%);opacity:.28;pointer-events:none}
.hero-grid{grid-template-columns:minmax(0, .88fr) minmax(0,1.12fr);gap:38px;align-items:center}
.hero-copy{padding:10px 0 30px;position:relative;z-index:2}
.hero h1{font-weight:850;font-size:clamp(48px,4.5vw,76px);letter-spacing:-.07em;line-height:1.115;max-width:680px;margin:27px 0 17px;text-wrap:balance}
.hero h1::first-line{color:#fff}
.hero-underbar{color:#5de1dc;letter-spacing:.035em;font-size:12px;font-weight:750;margin:0 0 21px;display:flex;align-items:center;gap:9px}
.hero-underbar-dot{width:7px;height:7px;border-radius:50%;background:#60edd0;box-shadow:0 0 12px #60edd0}
.herodesc{font-size:17px;max-width:570px;color:#b7c8e0;line-height:1.85}
.hero-actions{margin:35px 0 39px}
.hero-trust{margin-top:30px;gap:15px 21px;font-size:11px;color:#b7c9e5}
.hero-trust span::first-letter{color:#62efd0}
.hero-visual{border-radius:17px;box-shadow:0 55px 100px #0109179c,0 0 0 1px #a2c9ff25;transform:perspective(1250px) rotateY(-5deg) rotateX(2deg);position:relative;z-index:1}
.hero-visual:after{content:"";position:absolute;inset:auto 10% -22px 10%;height:25px;background:#2b82ff;filter:blur(45px);opacity:.38;z-index:-1}
.visual-caption{height:45px;background:#f9fbff;color:#51647c;font-size:9px;border-bottom:1px solid #e8edf5}
.caption-dots{display:flex;gap:5px;margin-right:11px}.caption-dots i{width:7px;height:7px;border-radius:50%;background:#ff7778}.caption-dots i:nth-child(2){background:#ffca68}.caption-dots i:nth-child(3){background:#4cdaa8}
.mock-layout{min-height:430px;grid-template-columns:137px 1fr}
.mock-sidebar{padding:22px 11px;background:#101e37;font-size:10px}
.mock-logo{font-size:14px;margin-bottom:30px}
.mock-sidebar div{padding:12px 10px;margin-bottom:5px}
.mock-main{padding:23px;background:#f4f7fc}
.mock-head{font-size:10px;margin-bottom:25px}
.mock-hello{font-size:19px;position:relative}
.dashboard-avatar{position:absolute;right:0;top:-2px;color:#2b63e9;border-radius:50%;background:#dce8ff;width:28px;height:28px;display:grid;place-items:center;font-size:12px}
.mock-hello small{font-size:10px;margin-top:5px}
.stats{gap:10px;margin:19px 0}
.stats>div{padding:13px;border-radius:9px;box-shadow:0 2px 8px #1d31500b}
.stats strong{font-size:30px}
.stats i{font-size:8px}
.mock-panels{gap:11px}
.mock-chart,.mock-orders{border-radius:9px;padding:13px}
.bars{height:141px;gap:7px}.bars i{border-radius:5px 5px 0 0;background:linear-gradient(0deg,#2b68f1,#53d8d0)}
.warehouse-row{padding:12px 0}
.demo-note{font-size:9px;padding:10px 17px}
.stat-strip{background:#f8fbff}
.strip-grid{padding-top:32px;padding-bottom:32px}
.strip-grid strong{font-size:16px}
body:has(.hero) .section{padding-top:120px;padding-bottom:120px}
body:has(.hero) h2{font-size:clamp(35px,3.45vw,52px);letter-spacing:-.064em;line-height:1.16}
body:has(.hero) .section-kicker{font-size:11px;letter-spacing:2.6px}
body:has(.hero) .section-heading{margin-bottom:46px}
body:has(.hero) .feature-card{min-height:267px;padding:30px;border-radius:15px;box-shadow:0 8px 40px #142e5608;transition:transform .25s,box-shadow .25s,border-color .25s}
body:has(.hero) .feature-card:hover{transform:translateY(-7px);box-shadow:0 23px 50px #14386b1b;border-color:#b8d0fb}
body:has(.hero) .feature-icon{width:54px;height:54px;border:0;background:linear-gradient(135deg,#deebff,#f0f7ff);border-radius:14px;font-size:28px}
body:has(.hero) .feature-card h3{font-size:20px;margin-top:26px}
body:has(.hero) .feature-card p{font-size:13px}
body:has(.hero) .dark-section{background:radial-gradient(circle at 80% 30%,#12446c77,transparent 36%),linear-gradient(140deg,#071b30,#0b253d)}
body:has(.hero) .double{gap:74px}
body:has(.hero) .access-card{padding:26px;border-radius:16px;box-shadow:0 35px 90px #020c1a63}
.access-diagram{background:linear-gradient(150deg,#f0f6ff,#f9fbff);border:1px solid #dfebf7;border-radius:12px;padding:17px 14px 15px;margin-bottom:22px}
.diagram-title{font-size:9px;font-weight:850;letter-spacing:1.25px;color:#677e9d;text-align:center;margin-bottom:12px}
.diagram-warehouses,.diagram-partners{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.diagram-warehouses>div,.diagram-partners>div{border:1px solid #d9e5f4;background:white;border-radius:9px;padding:10px 6px;text-align:center;box-shadow:0 3px 8px #07274c0b;min-width:0}
.diagram-warehouses>div:nth-child(2){background:#f5f2ff;border-color:#dfd6ff}
.diagram-warehouses>div:nth-child(3){background:#effcf8;border-color:#d5f2e7}
.diagram-warehouses span{display:block;color:#2b68e9;font-size:21px;line-height:1.3}
.diagram-warehouses b,.diagram-partners b{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.diagram-warehouses small,.diagram-partners small{font-size:9px;color:#8493a7;display:block}
.diagram-connectors{height:37px;position:relative;background:linear-gradient(90deg,transparent 15%,#a8bfec 15%,#a8bfec 85%,transparent 85%) center 14px/100% 1px no-repeat}
.diagram-connectors:before,.diagram-connectors:after{content:"";position:absolute;top:0;bottom:8px;border-left:2px dashed #4c84e7;left:17%}
.diagram-connectors:after{left:83%;border-color:#3abda8}
.diagram-connectors span:nth-child(1){position:absolute;left:50%;top:0;height:31px;border-left:2px dashed #826beb}
.diagram-connectors span:nth-child(2){position:absolute;left:17%;top:23px;width:66%;border-top:2px dashed #acc4e6}
body:has(.hero) .faq-section{background:#f3f7fc}
body:has(.hero) .contact-section{background:radial-gradient(circle at 15% 35%,#1c4c8544,transparent 35%),#0a1d35}
body:has(.hero) .contact-form-card{border-radius:17px;box-shadow:0 28px 60px #020a1829}
body:has(.hero) .footer{background:#071428}
@media(max-width:1100px){body:has(.hero) .wrap{padding-left:30px;padding-right:30px}.hero-grid{gap:26px}.hero h1{font-size:clamp(42px,4.7vw,62px)}.mock-layout{grid-template-columns:110px 1fr}.mock-main{padding:13px}.mock-panels{grid-template-columns:1fr}.mock-orders{display:none}}
@media(max-width:850px){body:has(.hero) .wrap{padding-left:25px;padding-right:25px}.hero{padding:74px 0 94px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:720px;padding:0}.hero h1{font-size:clamp(45px,7.5vw,69px)}.hero-visual{max-width:760px;transform:none}.mock-layout{grid-template-columns:135px 1fr}.mock-panels{grid-template-columns:1fr 1fr}.mock-orders{display:block}.hero-trust{margin-bottom:9px}body:has(.hero) .section{padding-top:88px;padding-bottom:88px}body:has(.hero) .double{gap:38px}}
@media(max-width:560px){body:has(.hero) .wrap{padding-left:19px;padding-right:19px}.hero{padding:56px 0 77px}.hero h1{font-size:clamp(39px,10vw,54px)}.hero-underbar{font-size:10px}.herodesc{font-size:15px}.hero-actions{gap:9px}.hero-actions .button{padding:12px 14px;font-size:11px}.hero-trust{gap:9px 14px}.hero-visual{border-radius:10px}.mock-layout{grid-template-columns:79px 1fr;min-height:310px}.mock-sidebar{padding:10px 4px;font-size:7px}.mock-sidebar div{padding:9px 5px}.mock-logo{font-size:10px;margin:2px 4px 15px}.mock-main{padding:9px}.mock-hello{font-size:12px}.mock-head{margin-bottom:14px}.stats strong{font-size:20px}.stats small{font-size:7px}.stats i{white-space:normal;font-size:7px}.stats>div{padding:7px}.mock-panels{grid-template-columns:1fr}.mock-orders{display:none}.bars{height:110px}.visual-caption{font-size:7px}.strip-grid{gap:20px}.feature-grid{grid-template-columns:1fr}.access-card{padding:16px!important}.diagram-warehouses b,.diagram-partners b{font-size:8px}.diagram-warehouses small,.diagram-partners small{font-size:7px}body:has(.hero) .section{padding-top:70px;padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){body:has(.hero) .feature-card,body:has(.hero) .button{transition:none}}