@import url("joviqo-tokens.css");

:root{--joviqo-blue:#08766f;--joviqo-cyan:#22b8a7;--joviqo-indigo:#008c6a;--joviqo-violet:#00a98f;--joviqo-sand:#d8c6a1;--joviqo-bg:#f4f7f8;--joviqo-surface:#fff;--joviqo-muted:#667c85;--joviqo-gradient:linear-gradient(125deg,#073b4c 0%,#008c6a 55%,#22b8a7 100%);--shadow-soft:0 24px 70px rgba(7,59,76,.11);--shadow-card:0 12px 35px rgba(7,59,76,.1);--radius-lg:28px;--radius-md:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--joviqo-text);background:var(--joviqo-surface);font-family:var(--joviqo-font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;padding:10px 16px;color:#fff;background:var(--joviqo-navy);border-radius:8px}.skip-link:focus{top:12px}.section-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section-pad{padding:118px 0}.section-kicker{display:block;margin-bottom:18px;color:var(--joviqo-blue);font-size:.76rem;font-weight:800;letter-spacing:.18em}.section-kicker.light{color:#6ee7ef}.section-heading{max-width:780px;margin-bottom:62px}.section-heading.centered{margin-inline:auto;text-align:center}.section-heading h2,.feature-copy h2,.security-copy h2,.about-copy h2,.contact-card h2{margin:0;color:var(--joviqo-navy);font-size:clamp(2.25rem,4vw,4.15rem);font-weight:750;letter-spacing:-.055em;line-height:1.04}.section-heading h2 em,.feature-copy h2 em,.about-copy h2 em,.contact-card h2 em{color:transparent;background:var(--joviqo-gradient);background-clip:text;-webkit-background-clip:text;font-style:normal}.section-heading p{max-width:660px;margin:24px auto 0;color:var(--joviqo-muted);font-size:1.08rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;border:1px solid transparent;border-radius:12px;font-size:.93rem;font-weight:750;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--joviqo-gradient);box-shadow:0 12px 28px rgba(49,91,231,.25)}.button-primary:hover{box-shadow:0 16px 34px rgba(49,91,231,.34)}.button-secondary{border-color:#dce4f0;background:rgba(255,255,255,.78)}.button-light{color:var(--joviqo-navy);background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.14)}.button-small{min-height:42px;padding:0 18px;border-radius:10px;font-size:.84rem}

.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:14px 0;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s,backdrop-filter .25s}.site-header.scrolled{border-color:rgba(220,228,240,.75);background:rgba(255,255,255,.78);box-shadow:0 8px 28px rgba(7,23,42,.05);backdrop-filter:blur(18px)}.nav-wrap{display:flex;align-items:center;width:min(1280px,calc(100% - 48px));min-height:54px;margin-inline:auto}.brand-link,.brand-link picture{display:flex;align-items:center;width:182px;height:50px}.brand-link img{display:block;width:auto;max-width:100%;height:auto;max-height:48px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:30px;margin:auto}.site-nav a,.login-link{position:relative;color:#253550;font-size:.87rem;font-weight:650}.site-nav a:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:2px;background:var(--joviqo-gradient);transform:scaleX(0);transform-origin:center;transition:transform .2s}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:22px}.nav-toggle{display:none;width:42px;height:42px;padding:10px;border:0;background:transparent}.nav-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:var(--joviqo-navy);transition:.2s}

.hero{position:relative;overflow:hidden;padding:158px 0 0;background:linear-gradient(180deg,#fff 0%,#f9fbff 72%,#fff 100%)}.hero:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(33,99,235,.08),transparent)}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.hero-glow-one{top:110px;right:-160px;width:520px;height:520px;background:rgba(5,207,214,.12)}.hero-glow-two{top:320px;left:-250px;width:500px;height:500px;background:rgba(112,40,255,.08)}.hero-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:58px}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:24px;color:#33506e;font-size:.77rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{width:30px;height:2px;background:var(--joviqo-gradient)}.hero h1{max-width:650px;margin:0;color:var(--joviqo-navy);font-size:clamp(3.3rem,5.35vw,5.65rem);font-weight:780;letter-spacing:-.065em;line-height:.97}.hero h1 em{display:block;color:transparent;background:var(--joviqo-gradient);background-clip:text;-webkit-background-clip:text;font-style:normal}.hero-lead{max-width:570px;margin:28px 0 32px;color:#5c6c80;font-size:1.13rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px;color:#5d6d82;font-size:.78rem;font-weight:650}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof i{display:grid;place-items:center;width:18px;height:18px;color:#078c9d;background:#e4fafb;border-radius:50%;font-size:.67rem;font-style:normal}.product-stage{position:relative;min-width:0;padding:42px 0 64px}.orbit{position:absolute;border:1px solid rgba(32,113,233,.1);border-radius:50%;pointer-events:none}.orbit-one{inset:-50px 20px 0 -40px}.orbit-two{inset:25px -120px -70px 120px}.dashboard-shell{position:relative;display:flex;min-height:500px;overflow:hidden;border:1px solid rgba(211,223,240,.9);border-radius:22px;background:rgba(255,255,255,.93);box-shadow:0 42px 100px rgba(22,55,96,.18);transform:perspective(1300px) rotateY(-4deg) rotateX(1.5deg);transform-origin:center}.dashboard-sidebar{display:flex;flex:0 0 62px;flex-direction:column;align-items:center;gap:25px;padding:22px 0 18px;background:#081a33}.dashboard-sidebar img{width:34px;height:28px;object-fit:contain;margin-bottom:16px}.side-dot{width:8px;height:8px;border-radius:3px;background:#71809a}.side-dot.active{width:28px;height:28px;border:1px solid rgba(63,211,223,.25);background:radial-gradient(circle,#27d5de 0 22%,transparent 25%)}.side-avatar{display:grid;place-items:center;width:28px;height:28px;margin-top:auto;color:#d3faff;background:linear-gradient(135deg,#186ade,#12c5cf);border-radius:50%;font-size:.55rem;font-weight:800}.dashboard-main{flex:1;min-width:0;padding:24px;background:#f6f8fc}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.dashboard-topbar div:first-child{display:flex;flex-direction:column}.dashboard-topbar small,.card-heading small{color:#8390a3;font-size:.62rem}.dashboard-topbar strong{font-size:1.12rem}.dashboard-controls{display:flex;align-items:center;gap:10px}.dashboard-controls button{width:30px;height:30px;color:#0db4c6;border:1px solid #e2e8f2;border-radius:8px;background:#fff;font-size:.5rem}.avatar{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--joviqo-gradient);border-radius:50%;font-size:.6rem;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-grid article{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;padding:14px;border:1px solid #e5eaf2;border-radius:12px;background:#fff}.metric-grid small{color:#7b899d;font-size:.58rem}.metric-grid strong{grid-column:2;font-size:1.05rem;line-height:1.25}.metric-grid em{position:absolute;right:10px;bottom:11px;color:#09a673;font-size:.57rem;font-style:normal;font-weight:750}.metric-icon,.activity-icon{display:grid;grid-row:1/3;place-items:center;width:32px;height:32px;border-radius:9px;font-style:normal}.cyan{color:#009cac;background:#e4fafb}.violet{color:#6533e7;background:#f0ebff}.blue{color:#116fe0;background:#e9f3ff}.dashboard-grid{display:grid;grid-template-columns:1.62fr .85fr;gap:10px;margin-top:10px}.dashboard-grid article{border:1px solid #e5eaf2;border-radius:12px;background:#fff}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #edf1f6}.card-heading>div{display:flex;flex-direction:column}.card-heading strong{font-size:.75rem}.card-heading>span{padding:4px 8px;color:#66758a;background:#f3f6fa;border-radius:6px;font-size:.52rem}.chart-area{position:relative;padding:15px 14px 10px 40px}.chart-area svg{display:block;width:100%;height:160px;overflow:visible}.grid-line{fill:none;stroke:#edf1f6;stroke-width:1}.area{fill:url(#areaFill)}.line{fill:none;stroke:#09bccb;stroke-linecap:round;stroke-width:4}.chart-labels{position:absolute;top:13px;bottom:24px;left:10px;display:flex;flex-direction:column;justify-content:space-between;color:#9aa6b5;font-size:.48rem}.month-row{display:flex;justify-content:space-between;color:#929eb0;font-size:.48rem}.activity-card ul{margin:0;padding:7px 14px;list-style:none}.activity-card li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #eef2f7}.activity-card li:last-child{border:0}.activity-card li span{display:flex;flex-direction:column}.activity-card li strong{font-size:.61rem}.activity-card li small{color:#929dae;font-size:.49rem}.activity-card li b{font-size:.55rem}.activity-icon{width:25px;height:25px;border-radius:7px;font-size:.6rem}.live-dot{color:#07966c!important;background:#e5f9f1!important}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;background:#08b681;border-radius:50%}.floating-card{position:absolute;z-index:2;border:1px solid rgba(219,229,241,.9);background:rgba(255,255,255,.9);box-shadow:var(--shadow-card);backdrop-filter:blur(15px)}.floating-efficiency{right:-31px;bottom:22px;display:grid;grid-template-columns:1fr auto;padding:13px 16px;border-radius:13px}.floating-efficiency span{grid-column:1/-1;color:#79869a;font-size:.57rem}.floating-efficiency strong{font-size:1.1rem}.floating-efficiency i{align-self:center;margin-left:22px;color:#08a975;font-size:.58rem;font-style:normal}.floating-status{bottom:9px;left:-26px;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:13px}.floating-status>div{display:flex;flex-direction:column}.floating-status strong{font-size:.63rem}.floating-status small{color:#8692a4;font-size:.5rem}.pulse{width:9px;height:9px;background:#07ba81;border:3px solid #d3f7ea;border-radius:50%;box-sizing:content-box}.trusted-strip{position:relative;display:grid;grid-template-columns:1fr 3fr;align-items:center;gap:40px;margin-top:70px;padding:34px 0;border-top:1px solid #e8edf4}.trusted-strip>span{color:#8a96a8;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.trusted-strip>div{display:flex;justify-content:space-between;color:#8390a3;font-size:.7rem;letter-spacing:.12em}

.platform-section{background:#fff}.platform-map{position:relative;max-width:920px;height:440px;margin:80px auto 0}.map-center{position:absolute;top:50%;left:50%;z-index:2;display:flex;width:190px;height:190px;transform:translate(-50%,-50%);flex-direction:column;align-items:center;justify-content:center;border:1px solid #dce6f4;border-radius:50%;background:#fff;box-shadow:0 25px 70px rgba(27,84,151,.14)}.map-center:after{content:"";position:absolute;inset:-16px;border:1px dashed #cbd8ea;border-radius:50%;animation:spin 28s linear infinite}.map-center img{width:60px;height:48px;object-fit:contain}.map-center strong{margin-top:7px;font-size:.92rem;letter-spacing:.12em}.map-center span{color:#8390a3;font-size:.65rem}.map-card{position:absolute;z-index:2;display:flex;align-items:center;gap:15px;width:225px;padding:18px;border:1px solid #e1e8f2;border-radius:15px;background:#fff;box-shadow:var(--shadow-card)}.map-card i{display:grid;place-items:center;width:43px;height:43px;color:#fff;background:var(--joviqo-gradient);border-radius:12px;font-size:1rem;font-style:normal}.map-card div{display:flex;flex-direction:column}.map-card strong{font-size:.88rem}.map-card span{color:#8591a3;font-size:.68rem}.map-finance{top:35px;left:5px}.map-people{top:35px;right:5px}.map-sales{bottom:35px;left:5px}.map-supply{right:5px;bottom:35px}.map-lines{position:absolute;inset:0;width:100%;height:100%}.map-lines path{fill:none;stroke:#cbd9ea;stroke-dasharray:5 7;stroke-width:1.5}.solutions-section{background:var(--joviqo-bg)}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.solution-card{position:relative;min-height:330px;padding:28px 26px;border:1px solid #e3e9f2;border-radius:20px;background:#fff;transition:transform .3s,border-color .3s,box-shadow .3s}.solution-card:hover{transform:translateY(-7px);border-color:#c9d8ee;box-shadow:var(--shadow-soft)}.solution-card>span{position:absolute;top:24px;right:24px;color:#b0bac8;font-size:.66rem;font-weight:800}.solution-card>i{display:grid;place-items:center;width:51px;height:51px;margin-bottom:58px;color:#fff;background:var(--joviqo-gradient);border-radius:14px;font-size:1.1rem;font-style:normal}.solution-card h3{margin:0 0 12px;color:var(--joviqo-navy);font-size:1.22rem}.solution-card p{margin:0 0 22px;color:#6e7c90;font-size:.88rem}.solution-card a{color:#155cca;font-size:.79rem;font-weight:750}.solution-card a b{display:inline-block;margin-left:5px;transition:transform .2s}.solution-card a:hover b{transform:translateX(5px)}.feature-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:95px}.feature-copy>p{max-width:510px;margin:24px 0 36px;color:var(--joviqo-muted);font-size:1.03rem}.feature-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.feature-list li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:21px 0;border-top:1px solid #e6ebf2}.feature-list i{color:#2199cb;font-size:.7rem;font-style:normal;font-weight:800}.feature-list div{display:flex;flex-direction:column}.feature-list strong{font-size:.94rem}.feature-list span{color:#7a879a;font-size:.83rem}.workflow-visual{padding:28px;border:1px solid #dfe7f1;border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}.workflow-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px}.workflow-head span{font-size:1.02rem;font-weight:780}.workflow-head b{padding:5px 9px;color:#068c79;background:#e8faf5;border-radius:20px;font-size:.59rem}.workflow-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:16px}.workflow-progress span{height:4px;background:#e8edf3;border-radius:10px}.workflow-progress .done{background:#16c9d3}.workflow-progress .current{background:#6652ee}.workflow-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 8px;border-bottom:1px solid #edf1f5}.workflow-row>i{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:#6a57eb;border-radius:50%;font-size:.7rem;font-style:normal;font-weight:800}.workflow-row>i.done{background:#0ebba7}.workflow-row>div{display:flex;flex-direction:column}.workflow-row strong{font-size:.82rem}.workflow-row small,.workflow-row>span{color:#8b97a8;font-size:.65rem}.workflow-row button{padding:8px 14px;color:#fff;border:0;border-radius:8px;background:#5b4dea;font-size:.65rem;font-weight:750;cursor:pointer}.workflow-row.muted{opacity:.55}.automation-note{display:flex;align-items:center;gap:13px;margin-top:20px;padding:16px;color:#fff;background:linear-gradient(120deg,#101f44,#4338ca 62%,#039eaf);border-radius:14px}.automation-note>i{font-size:1.25rem;font-style:normal}.automation-note>div{display:flex;flex-direction:column}.automation-note strong{font-size:.79rem}.automation-note span{color:#cbd7ef;font-size:.61rem}

.security-section{position:relative;overflow:hidden;color:#fff;background:#07172a}.security-section:before{content:"";position:absolute;right:-220px;bottom:-280px;width:650px;height:650px;border:1px solid rgba(19,205,214,.18);border-radius:50%;box-shadow:0 0 0 90px rgba(19,205,214,.025),0 0 0 180px rgba(107,57,231,.025)}.security-grid{position:relative;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:100px}.security-copy h2{color:#fff}.security-copy h2 em{color:#6be7ed;background:none;-webkit-text-fill-color:initial}.security-copy p{max-width:550px;margin:25px 0 32px;color:#aebdd2;font-size:1rem}.security-cards{display:grid;gap:12px}.security-cards article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:22px;border:1px solid rgba(157,184,218,.15);border-radius:16px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}.security-cards i{display:grid;place-items:center;width:47px;height:47px;color:#73edf1;border:1px solid rgba(115,237,241,.25);border-radius:13px;background:rgba(16,204,213,.07);font-style:normal}.security-cards div{display:flex;flex-direction:column}.security-cards strong{font-size:.92rem}.security-cards span{color:#aebbd0;font-size:.78rem}.about-section{overflow:hidden}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:110px}.about-mark{position:relative;display:grid;place-items:center;min-height:430px}.about-mark img{position:relative;z-index:2;width:220px;height:auto;object-fit:contain}.about-rings,.about-rings:before,.about-rings:after{position:absolute;border:1px solid #e1e9f4;border-radius:50%}.about-rings{width:330px;height:330px}.about-rings:before,.about-rings:after{content:""}.about-rings:before{inset:-50px}.about-rings:after{inset:-105px;border-style:dashed}.about-copy>p{max-width:630px;margin:28px 0 40px;color:#657489;font-size:1.05rem}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:28px;border-top:1px solid #e5eaf1}.about-stats div{display:flex;flex-direction:column}.about-stats strong{color:#0b77d7;font-size:1.3rem}.about-stats span{color:#7c899b;font-size:.72rem}.contact-section{padding:0 0 110px;background:linear-gradient(180deg,#fff,#f7f9fd)}.contact-card{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:70px;overflow:hidden;padding:68px 72px;color:#fff;border-radius:30px;background:linear-gradient(118deg,#07172a 0%,#122958 50%,#174e91 100%);box-shadow:0 35px 80px rgba(7,23,42,.2)}.contact-card:after{content:"";position:absolute;top:-150px;right:-80px;width:440px;height:440px;border:1px solid rgba(86,229,238,.25);border-radius:50%;box-shadow:0 0 0 80px rgba(50,113,232,.08),0 0 0 160px rgba(112,40,255,.045)}.contact-card>div{position:relative;z-index:2}.contact-card h2{color:#fff;font-size:clamp(2.15rem,3.5vw,3.6rem)}.contact-card h2 em{color:#70ebee;background:none;-webkit-text-fill-color:initial}.contact-card p{max-width:590px;margin:22px 0 0;color:#b8c6da}.contact-actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:16px}.text-link{color:#d2def0;font-size:.72rem}.site-footer{padding:72px 0 28px;color:#a9b6c9;background:#050f20}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:70px;padding-bottom:58px}.footer-brand img{display:block;width:auto;max-width:300px;height:auto;max-height:78px;object-fit:contain}.footer-brand p{max-width:300px;margin:22px 0 0;color:#8391a6;font-size:.82rem}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid strong{margin-bottom:8px;color:#fff;font-size:.82rem}.footer-grid a{font-size:.76rem;transition:color .2s}.footer-grid a:hover{color:#5ee8ed}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:26px;border-top:1px solid rgba(155,174,204,.14);font-size:.7rem}.footer-bottom div{display:flex;gap:24px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.map-center:after{animation:none}.button,.solution-card{transition:none}}

@media(max-width:1050px){.site-nav{gap:18px}.hero-grid{grid-template-columns:1fr;padding-top:25px}.hero-copy{max-width:760px;text-align:center;margin:auto}.eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero h1{max-width:760px}.hero-lead{margin-inline:auto}.product-stage{max-width:800px;width:100%;margin:auto}.trusted-strip{grid-template-columns:1fr;text-align:center}.feature-layout,.about-grid{gap:55px}.security-grid{gap:55px}.footer-grid{gap:40px}.solution-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.section-wrap,.nav-wrap{width:min(100% - 32px,1180px)}.section-pad{padding:86px 0}.brand-link{width:145px}.site-nav{position:fixed;inset:77px 16px auto;display:flex;max-height:0;overflow:hidden;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0 24px;border:1px solid transparent;border-radius:18px;background:#fff;box-shadow:0 25px 60px rgba(7,23,42,.14);opacity:0;transition:max-height .3s,opacity .2s,padding .3s}.site-nav.open{max-height:430px;padding:18px 24px;border-color:#e1e8f2;opacity:1}.site-nav a{padding:11px 0;border-bottom:1px solid #edf1f5}.site-nav a:last-child{border:0}.nav-toggle{display:block;margin-left:auto}.nav-actions{margin-left:14px}.login-link{display:none}.dashboard-shell{transform:none}.feature-layout,.security-grid,.about-grid{grid-template-columns:1fr}.feature-copy{text-align:center}.feature-copy>p{margin-inline:auto}.feature-list{text-align:left}.security-grid{gap:48px}.about-grid{gap:20px}.about-copy{text-align:center}.about-copy>p{margin-inline:auto}.contact-card{align-items:flex-start;flex-direction:column;padding:52px 42px}.contact-actions{align-items:flex-start}.footer-grid{grid-template-columns:1.7fr repeat(3,1fr);gap:26px}.footer-brand img{max-width:240px}.platform-map{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:55px}.map-center{position:relative;top:auto;left:auto;grid-column:1/-1;width:160px;height:160px;margin:0 auto 22px;transform:none}.map-card{position:static;width:auto}.map-lines{display:none}}
@media(max-width:620px){.section-wrap,.nav-wrap{width:min(100% - 24px,1180px)}.site-header{padding:10px 0}.brand-link,.brand-link picture{width:52px;height:44px}.brand-link img{width:auto;max-width:52px;height:auto;max-height:42px;object-fit:contain}.nav-actions{gap:9px}.button-small{padding:0 13px}.hero{padding-top:120px}.hero h1{font-size:3rem}.hero-lead{font-size:1rem}.hero-actions{display:grid}.hero-proof{gap:10px 16px}.product-stage{padding-bottom:80px}.dashboard-shell{min-height:420px}.dashboard-sidebar{display:none}.dashboard-main{padding:14px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article:last-child{display:none}.dashboard-grid{grid-template-columns:1fr}.activity-card{display:none}.floating-efficiency{right:0}.floating-status{left:0}.trusted-strip{margin-top:25px}.trusted-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-heading{margin-bottom:42px}.section-heading h2,.feature-copy h2,.about-copy h2{font-size:2.4rem}.solution-grid,.platform-map{grid-template-columns:1fr}.map-center{grid-column:auto}.solution-card{min-height:300px}.feature-layout{gap:42px}.workflow-visual{padding:18px}.workflow-row{grid-template-columns:auto 1fr}.workflow-row>span,.workflow-row>button{grid-column:2;justify-self:start}.about-mark{min-height:310px}.about-mark img{width:160px}.about-rings{width:240px;height:240px}.about-stats{grid-template-columns:1fr;gap:16px}.contact-section{padding-bottom:70px}.contact-card{padding:42px 28px;border-radius:22px}.contact-card h2{font-size:2.35rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}}

/* Tuwaiq ERP public visual identity */
.tuwaiq-marketing{background:#fff;color:#102a36}
.tuwaiq-marketing .site-header.scrolled{border-color:rgba(7,59,76,.1);background:rgba(255,255,255,.9);box-shadow:0 10px 32px rgba(7,59,76,.08)}
.tuwaiq-marketing .brand-link,.tuwaiq-marketing .brand-link picture{width:206px;height:54px}
.tuwaiq-marketing .brand-link img{max-height:52px}
.tuwaiq-marketing .site-nav a,.tuwaiq-marketing .login-link{color:#173d4a}
.tuwaiq-marketing .button-primary{background:linear-gradient(125deg,#073b4c 0%,#008c6a 62%,#22b8a7 100%);box-shadow:0 13px 30px rgba(0,140,106,.23)}
.tuwaiq-marketing .button-primary:hover{box-shadow:0 17px 38px rgba(0,140,106,.31)}
.tuwaiq-marketing .hero{isolation:isolate;background:linear-gradient(180deg,rgba(244,247,248,.2),#f4f7f8 82%,#fff)}
.tuwaiq-marketing .hero:after{content:"";position:absolute;z-index:-1;right:-5%;bottom:0;width:min(900px,70vw);height:58%;opacity:.1;background:url("../brand/tuwaiq/mountain-pattern.png") right bottom/contain no-repeat;filter:saturate(.8)}
.tuwaiq-marketing .hero:before{background:linear-gradient(180deg,transparent,rgba(0,140,106,.11),transparent)}
.tuwaiq-marketing .hero-glow-one{background:rgba(34,184,167,.16)}
.tuwaiq-marketing .hero-glow-two{background:rgba(216,198,161,.2)}
.brand-promise{display:inline-flex;align-items:center;gap:13px;margin-bottom:17px;padding:7px 12px;border:1px solid rgba(0,140,106,.14);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(7,59,76,.06);color:#073b4c}
.brand-promise span{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;font-size:.78rem;font-weight:750}
.brand-promise b{padding-left:13px;border-left:1px solid rgba(7,59,76,.16);color:#008c6a;font-size:.62rem;letter-spacing:.16em}
.tuwaiq-marketing .eyebrow{color:#08766f}
.tuwaiq-marketing .hero-proof i{color:#008c6a;background:#e6f7f2}
.tuwaiq-marketing .orbit{border-color:rgba(0,140,106,.12)}
.tuwaiq-marketing .dashboard-shell{border-color:rgba(7,59,76,.13);box-shadow:0 42px 100px rgba(7,59,76,.19)}
.tuwaiq-marketing .dashboard-sidebar{background:linear-gradient(180deg,#073b4c,#052f3d)}
.tuwaiq-marketing .dashboard-main{background:#f4f7f8}
.tuwaiq-marketing .side-dot.active{border-color:rgba(34,184,167,.35);background:radial-gradient(circle,#22b8a7 0 22%,transparent 25%)}
.tuwaiq-marketing .side-avatar{background:linear-gradient(135deg,#008c6a,#22b8a7)}
.tuwaiq-marketing .violet{color:#008c6a;background:#e5f7f1}
.tuwaiq-marketing .blue{color:#167b91;background:#e8f4f6}
.tuwaiq-marketing .line{stroke:#00a98f}
.tuwaiq-marketing .trusted-strip{border-color:rgba(7,59,76,.1)}
.tuwaiq-marketing .trusted-strip>div{color:#496872}
.tuwaiq-marketing .platform-section{position:relative;background:#fff}
.tuwaiq-marketing .platform-section:before{content:"";position:absolute;inset:auto 0 0;height:170px;opacity:.05;background:url("../brand/tuwaiq/mountain-pattern.png") center bottom/900px auto repeat-x;pointer-events:none}
.tuwaiq-marketing .map-center{border-color:#d7e5e4;box-shadow:0 25px 70px rgba(7,59,76,.13)}
.tuwaiq-marketing .map-center:after,.tuwaiq-marketing .map-lines path{border-color:#bed7d3;stroke:#bed7d3}
.tuwaiq-marketing .solution-card:hover{border-color:#b9d9d2}
.tuwaiq-marketing .solution-card a,.tuwaiq-marketing .feature-list i{color:#008c6a}
.tuwaiq-marketing .workflow-progress .done{background:#22b8a7}
.tuwaiq-marketing .workflow-progress .current,.tuwaiq-marketing .workflow-row>i{background:#008c6a}
.tuwaiq-marketing .workflow-row>i.done{background:#22b8a7}
.tuwaiq-marketing .workflow-row button{background:#008c6a}
.tuwaiq-marketing .automation-note{background:linear-gradient(120deg,#052f3d,#073b4c 55%,#008c6a)}
.tuwaiq-marketing .security-section{background:linear-gradient(140deg,#041f29,#073b4c 64%,#075c59)}
.tuwaiq-marketing .security-section:after{content:"";position:absolute;inset:auto 0 0;height:52%;opacity:.08;background:url("../brand/tuwaiq/mountain-pattern.png") center bottom/1000px auto repeat-x;pointer-events:none}
.tuwaiq-marketing .security-grid{z-index:1}
.tuwaiq-marketing .security-section:before{border-color:rgba(34,184,167,.22);box-shadow:0 0 0 90px rgba(34,184,167,.035),0 0 0 180px rgba(216,198,161,.025)}
.tuwaiq-marketing .security-copy h2 em,.tuwaiq-marketing .contact-card h2 em{color:#72ddd1}
.tuwaiq-marketing .security-cards i{color:#72ddd1;border-color:rgba(114,221,209,.3);background:rgba(34,184,167,.1)}
.tuwaiq-marketing .about-stats strong{color:#008c6a}
.tuwaiq-marketing .about-rings,.tuwaiq-marketing .about-rings:before,.tuwaiq-marketing .about-rings:after{border-color:#d9e8e5}
.tuwaiq-marketing .contact-section{background:linear-gradient(180deg,#fff,#f4f7f8)}
.tuwaiq-marketing .contact-card{background:linear-gradient(118deg,#052f3d 0%,#073b4c 48%,#008c6a 100%);box-shadow:0 35px 80px rgba(7,59,76,.22)}
.tuwaiq-marketing .contact-card:before{content:"";position:absolute;inset:20% 0 0;opacity:.08;background:url("../brand/tuwaiq/mountain-pattern.png") right bottom/640px auto no-repeat}
.tuwaiq-marketing .contact-card:after{border-color:rgba(114,221,209,.28);box-shadow:0 0 0 80px rgba(34,184,167,.07),0 0 0 160px rgba(216,198,161,.04)}
.tuwaiq-marketing .site-footer{background:#041f29}
.tuwaiq-marketing .footer-grid a:hover{color:#72ddd1}
@media(max-width:1050px){.brand-promise{margin-inline:auto}.tuwaiq-marketing .hero:after{width:100%;opacity:.06}}
@media(max-width:620px){.tuwaiq-marketing .brand-link,.tuwaiq-marketing .brand-link picture{width:58px;height:44px}.tuwaiq-marketing .brand-link img{max-width:58px;max-height:42px}.brand-promise{display:flex;width:max-content;max-width:100%;flex-direction:column;gap:2px;border-radius:16px}.brand-promise b{padding:0;border-left:0}.tuwaiq-marketing .hero:after{height:36%}}