/*
 * Daftar360 — Executive Edition / 2026.10
 * Original Daftar360 interface; premium editorial direction inspired by finance advisory websites.
 * Presentation-only overrides. No endpoint, form, integration or business-rule changes.
 */
:root {
  --ink:#132936;--ink-2:#244052;--muted:#647583;--line:#dce5e7;
  --paper:#fffefa;--soft:#f2f6f5;--navy:#0b2534;--blue:#167fba;--blue-dark:#12678f;
  --violet:#1f7b9b;--green:#13ab88;--radius:18px;
  --premium-navy:#071e2c;--premium-navy-2:#11344a;--premium-blue:#219bd2;
  --premium-cyan:#69d5e9;--premium-violet:#3281a1;--premium-aqua:#48ceb9;
  --premium-ink:#102b3c;--premium-muted:#657883;--premium-surface:#fffefa;
  --premium-soft:#f4f7f5;--premium-line:rgba(16,58,74,.12);
  --premium-shadow-sm:0 12px 32px rgba(7,35,50,.06);
  --premium-shadow:0 24px 64px rgba(7,35,50,.12);
  --premium-shadow-lg:0 35px 95px rgba(7,35,50,.16);
  --brand-dark:#071f2e;--brand-deep:#092a3c;--brand-light:#e9f4f5;
  --brand-accent:#22a4d6;--brand-gold:#c5a773;--brand-cream:#f9f7f1;
  --brand-line:#dfe8e6;
  --container:1230px;
}
html{background:var(--brand-cream);scroll-padding-top:105px}
body:not(.invoice-page){background:var(--brand-cream);color:var(--brand-dark);font-family:Manrope,Arial,sans-serif}
body:not(.invoice-page)::before{height:3px;background:linear-gradient(90deg,#e2b36c,#22a4d6,#69dcc8);box-shadow:none}
::selection{background:#1a7997;color:white}
:focus-visible{outline-color:#1594c8}
h1,h2,h3{font-family:'Plus Jakarta Sans',Manrope,sans-serif;letter-spacing:-.055em}
.container{width:min(calc(100% - 64px),var(--container))}
/* Executive-brand navigation, shared across marketing and signed-in customer pages */
.announcement{background:#071a28;border:0;color:#ccdfeb;font-size:11px;letter-spacing:.065em}
.announcement::after{opacity:.15}
.announcement__inner{min-height:36px}
.announcement__inner i{background:#64d6c7;box-shadow:0 0 0 4px rgba(100,214,199,.13)}
.announcement__inner a{color:#a4e3f3;font-size:11px}
.site-header,.site-header.scrolled{background:rgba(253,252,248,.97);border-bottom:1px solid #e4e9e6;box-shadow:0 4px 19px rgba(8,39,53,.035);backdrop-filter:blur(20px)}
.header__inner{min-height:84px;gap:25px}
.brand img{width:153px;height:59px;object-fit:contain}
.primary-nav{gap:clamp(12px,1.45vw,23px)}
.primary-nav a{color:#263d4a;font-size:12px;font-weight:800;letter-spacing:0}
.primary-nav a:hover,.primary-nav a.active{color:#167fba}
.primary-nav a::after{bottom:-10px;height:2px;border-radius:0;background:#1c9ed0}
.header__cta{box-shadow:none!important;flex-shrink:0}
.primary-nav .nav-pricing__panel{border-color:#dce9e7;background:#fffefa;border-radius:13px;box-shadow:0 22px 70px rgba(8,41,58,.17)}
.primary-nav .nav-pricing__panel:before{background:linear-gradient(90deg,#1a91bb,#7ccdbb)}
.primary-nav .nav-pricing__panel a:hover,.primary-nav .nav-pricing__panel a:focus-visible{background:#edf6f5;color:#0d759d}
/* Buttons/typography — not applied to invoice print controls */
body:not(.invoice-page) .button{border-radius:8px;background:#147da8;border-color:#147da8;color:#fff;box-shadow:0 10px 26px rgba(11,99,132,.13);font-size:13px;letter-spacing:.012em;min-height:52px;padding-inline:25px}
body:not(.invoice-page) .button::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.19),transparent)}
body:not(.invoice-page) .button:hover{background:#0c668e;border-color:#0c668e;box-shadow:0 17px 32px rgba(11,99,132,.2)}
body:not(.invoice-page) .button--ghost{color:#0c485b;background:transparent;border:1px solid #bdd2d9;box-shadow:none}
body:not(.invoice-page) .button--ghost:hover{background:#eaf3f3;box-shadow:none}
body:not(.invoice-page) .button--light{color:var(--brand-dark);background:#fffefa;border-color:#fffefa;box-shadow:none}
em{background:none!important;-webkit-text-fill-color:currentColor;color:#147fa9!important;font-style:normal}
.eyebrow,.pricing-directory__eyebrow{color:#2585a5;font-size:11px;letter-spacing:.16em;font-weight:900}
.eyebrow>span{width:29px;height:2px;background:#2badd2;box-shadow:none}
.section{padding-top:103px;padding-bottom:103px}
.section-heading h2,.section-heading--split h2{font-size:clamp(37px,4.1vw,58px);letter-spacing:-.063em;line-height:1.13}
.section-heading p{color:#617380}
.text-link{color:#166f91;font-weight:800}
/* Homepage — editorial consulting-style dark hero with a live product console */
.hero{isolation:isolate;padding:95px 0 0;background:radial-gradient(ellipse at 79% 13%,rgba(48,142,165,.19),transparent 42%),linear-gradient(115deg,#071c2a 0%,#0b2c3d 56%,#103b4e 100%);color:#fff}
.hero::before{opacity:.12!important;background-image:linear-gradient(rgba(255,255,255,.23) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.23) 1px,transparent 1px)!important;background-size:80px 80px!important;mask-image:linear-gradient(130deg,transparent 0%,#000 75%)}
.hero::after{content:"";position:absolute;z-index:-1;right:-250px;top:-180px;width:720px;height:720px;border:1px solid rgba(137,210,226,.17);border-radius:50%;box-shadow:0 0 0 90px rgba(108,206,218,.025),0 0 0 180px rgba(108,206,218,.022);background:none!important;animation:none!important}
.hero__glow--one{background:radial-gradient(circle,rgba(35,157,198,.21),transparent 68%)}
.hero__glow--two{background:radial-gradient(circle,rgba(67,209,187,.08),transparent 70%)}
.hero__grid{grid-template-columns:1fr 1.06fr;gap:55px;align-items:center}
.hero__content{padding:26px 0 77px}
.hero .eyebrow{color:#8bd7e8;letter-spacing:.19em;font-size:10px}
.hero h1{max-width:650px;color:#fff;font-size:clamp(49px,5.2vw,75px);line-height:1.085;letter-spacing:-.07em;font-weight:800}
.hero h1 em{background:none!important;color:#80d8e8!important;-webkit-text-fill-color:#80d8e8}
.hero__lead{max-width:590px;color:#c5d7df;font-size:16.5px;line-height:1.95}
.hero__actions{margin-bottom:33px}
.hero .button{background:#29a7d2!important;color:#07263a!important;border-color:#29a7d2!important}
.hero .button:hover{background:#78d8e6!important;border-color:#78d8e6!important}
.hero .button--ghost{border-color:rgba(220,241,246,.3)!important;background:rgba(255,255,255,.055)!important;color:#f7fcff!important;box-shadow:none}
.hero .button--ghost .play{background:#d1f7ff;color:#0d6a8a}
.hero__trust{color:#bdd4dd;border-top:1px solid rgba(216,236,239,.15);padding-top:25px;margin-top:8px;max-width:520px}
.hero__trust p{color:#bad1da;font-size:13px}
.hero__trust strong{color:#fff;font-size:14px}
.avatar-stack span{background:#1d7790;border-color:#0d3547}
.avatar-stack span:nth-child(2){background:#2689a9}.avatar-stack span:nth-child(3){background:#c8a96a}.avatar-stack span:nth-child(4){background:#fff;color:#133342}
.hero-console{margin-top:16px;filter:drop-shadow(0 34px 53px rgba(2,13,22,.29))}
.hero-console::before{background:radial-gradient(circle,rgba(59,205,220,.14),transparent 66%)}
.console__window{border:7px solid rgba(235,244,245,.78);border-radius:19px;box-shadow:0 24px 66px rgba(0,0,0,.22);overflow:hidden}
.console__bar{background:#fff!important;color:#344959!important}
.console__body{background:#f5f8f8}
.console__sidebar{background:#0b2636}
.console__main{color:#102a39}
.metric-row .metric{background:#fff}
.metric strong{color:#0e3041}
.chart .current{background:linear-gradient(#27a5bf,#156da1)}
.floating-card{border:1px solid rgba(255,255,255,.82);border-radius:14px;box-shadow:0 18px 38px rgba(0,0,0,.16)}
.floating-card--top{background:#fffefa}.floating-card--top b{color:#078cb9}
.floating-card--bottom{background:#fff}
.hero__foot{border-top:1px solid rgba(255,255,255,.16);padding:25px 0 32px}
.hero__foot p{color:#c4d7e0;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.product-strip{color:#e3f1f3}.product-strip span{color:#c1d6df;font-size:11px}
.product-strip i{background:#56b9c8}
/* Company credibility ribbon */
.logo-showcase{background:#fffefa;border-bottom:1px solid #e1e9e8;padding-top:39px;padding-bottom:43px}
.logo-showcase__heading span{color:#2381a5;letter-spacing:.13em;text-transform:uppercase;font-size:11px}
.logo-showcase__heading p{color:#243c4a;font-size:16px;font-weight:800}
.logo-marquee{border-color:#e2e9e6}
.logo-marquee__track a{background:transparent}
/* Editorial section headers and product systems */
.ecosystem{background:#faf9f5}
.ecosystem .section-heading,.section-heading--split{align-items:end}
.product-card{border:1px solid #e1e9e7;border-radius:15px;background:#fff;box-shadow:0 9px 30px rgba(8,44,56,.045);transition:transform .3s,border-color .3s,box-shadow .3s}
.product-card:hover{border-color:#9bccd3;box-shadow:0 23px 55px rgba(7,43,58,.13);transform:translateY(-6px)}
.product-card::before{background:linear-gradient(90deg,#138aa8,#9dc4b8)}
.product-card h3{color:#092b3c}
.product-card p{color:#5e7181}
.product-tag{color:#3381a0;background:#eff8f9;border-color:#d3e9e9}
.product-mark{background:#f4faf9;border-color:#e4eded}
.card-number{color:#aabdc0}
.product-features li::before{color:#148ea9}
.product-card__link,.product-card__bottom a,.product-card>a:last-child{color:#097da5}
/* Solutions switcher and connected-platform story */
.solution-finder{background:#ecf2f1}
.finder-tabs button,.finder-tab{border-radius:8px;border-color:#cfdfdf}
.finder-tabs button.active,.finder-tabs button[aria-selected="true"],.finder-tab.active{background:#0c3448;color:#fff;border-color:#0c3448}
.finder-panel,.finder-panel__copy,.finder-panel__products{border-radius:14px}
.platform{background:linear-gradient(135deg,#092a3b,#0e3746 70%,#0d4352);color:#fff}
.platform h2,.platform h3,.platform strong{color:#fff}
.platform p,.platform li{color:#c1d8df}
.platform .eyebrow{color:#8cdeee}
.platform em{color:#8ad7e7!important}
.orbit-core{background:#fff}
.value{background:#fffefa}
.value-card{border-radius:12px;border-color:#e1e7e6;background:#fff;box-shadow:0 12px 32px rgba(13,47,60,.045)}
.value-card:hover{border-color:#a7d4da;box-shadow:0 21px 50px rgba(13,47,60,.10)}
.value-icon{color:#157f9c;background:#e7f4f3}
.services{background:#ecf3f2}
.service-list article{border-color:#d5e4e4}
.service-list article>span{color:#1781a6;font-size:15px}
.process{background:#fffefa}
.process-card{background:#fff;border-color:#dfe7e6;border-radius:13px;box-shadow:0 10px 28px rgba(17,45,59,.04)}
.process-dot{background:#1b89aa;color:#fff}
/* Conversion: contrasting conversion section, white functional form */
.demo{background:linear-gradient(135deg,#072331,#0a3648 65%,#0e4453);color:#fff}
.demo::before{background-image:radial-gradient(rgba(160,223,232,.18) 1px,transparent 1px)}
.demo h2,.demo h3{color:#fff}
.demo .eyebrow{color:#89ddec}
.demo em{color:#84d6e7!important}
.demo p,.demo li{color:#c8dbe2}
.demo-form,.demo__form,.form-shell{border-radius:14px;box-shadow:0 27px 70px rgba(0,0,0,.19)}
.demo form,.contact-form,.checkout-form,.trial-form{color:#173342}
.form-grid label span,.contact-form label span{color:#38515f}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea{accent-color:#158cac}
input:focus,select:focus,textarea:focus{border-color:#2aa4be!important;box-shadow:0 0 0 4px rgba(33,158,184,.10)!important}
.faq{background:#f8faf8}
.accordion details{border-color:#dce7e5}
.accordion details[open]{background:#fff;box-shadow:0 12px 35px rgba(11,57,74,.05)}
.accordion summary{color:#14374a}
.qabil-section{background:#eaf1ee}
.qabil-section .button{color:#fff}
/* Shared footer, from editorial finance/technology portfolio sites */
.footer{background:#071b29!important;color:#f5fbfd}
.footer::before{opacity:.09;background-image:linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:100px 100px}
.footer__top{border-color:rgba(255,255,255,.14);padding-top:65px;padding-bottom:62px;gap:70px}
.footer__brand p{color:#abc5d0;font-size:13px}
.footer__parent{border-top:1px solid rgba(255,255,255,.14)}
.footer__parent strong{color:#fff}
.footer__links h3{color:#8ad7e7;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.footer__links a{color:#c9dce4;font-size:12px}
.footer__links a:hover,.footer__bottom a:hover{color:#85deec}
.footer__bottom{color:#93aebb;border-top-color:rgba(255,255,255,.12)}
/* Preserve the supplied Daftar360 logo colors; never apply recoloring filters. */
/* Internal product pages */
.product-hero{background:radial-gradient(ellipse at 80% 15%,rgba(29,147,169,.15),transparent 40%),linear-gradient(120deg,#071c2b,#0d3749);color:#fff}
.product-hero::before{opacity:.13}
.product-hero__pattern{opacity:.15}
.product-hero .eyebrow,.product-hero .product-breadcrumbs{color:#a6dfec}
.product-hero h1,.product-hero h2{color:#fff}
.product-hero h1 em{color:#81d7e6!important}
.product-hero p{color:#c0d7df}
.product-hero .button--ghost{color:#fff!important;border-color:rgba(255,255,255,.35)!important;background:rgba(255,255,255,.09)!important}
.product-ui{box-shadow:0 30px 60px rgba(0,0,0,.25)}
.product-proof{background:#f0f5f3;border-bottom:1px solid #e0ebe8}
.product-modules{background:#fffefa}
.module-card{border-color:#dfe9e7;border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(12,46,60,.035)}
.module-card:hover{border-color:#a3d3d6;box-shadow:0 24px 50px rgba(12,46,60,.09)}
.product-outcomes{background:#eff5f3}
.outcome-card,.outcomes-card{border-radius:13px}
.product-connection{background:#09293b}
.product-connection h2,.product-connection h3{color:#fff}
.product-connection p{color:#c1d9e0}
.related-products{background:#faf9f5}
.related-card{border-radius:13px;border-color:#dfebe9;background:#fff}
.product-cta{background:linear-gradient(125deg,#0a2a3e,#0b4653)}
.product-cta h2{color:#fff}.product-cta p{color:#c1d7de}
/* Product-by-product prices; business handlers unchanged */
.pricing-hero,.pricing-hero--product{background:radial-gradient(ellipse at 83% 15%,rgba(45,168,188,.17),transparent 46%),linear-gradient(122deg,#081f30,#104052);color:#fff}
.pricing-hero::after{opacity:.1}
.pricing-hero h1,.pricing-hero h2{color:#fff}
.pricing-hero h1 em{color:#83d8e6!important}
.pricing-hero p{color:#c8dde3}
.pricing-notice{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.065);color:#d9ebef;border-radius:12px}
.pricing-directory,.pricing-catalog,.pricing-catalog--product{background:#faf9f5}
.pricing-directory__head h2,.pricing-detail-intro h2{color:#113140}
.pricing-directory__count{background:#e3f0ef;color:#17788e}
.pricing-product-card,.pricing-card{border:1px solid #e1e9e6;border-radius:13px;background:#fff;box-shadow:0 10px 27px rgba(9,47,57,.035)}
.pricing-product-card:hover,.pricing-card:hover{border-color:#8fc8d0;box-shadow:0 20px 54px rgba(9,47,57,.12);transform:translateY(-5px)}
.pricing-product-card__top img{background:#eff7f5}
.pricing-product-card>strong,.pricing-card h2{color:#0e2e3c}
.pricing-product-card__link,.pricing-back-link{color:#127f9c;border-top-color:#dce9e8}
.pricing-detail-feature,.pricing-detail-future{border-color:#dce8e6;border-radius:13px;background:#fff}
.pricing-detail-future{background:#edf5f3}
.pricing-detail-feature li::before{color:#118d85}
.plan-pill--standalone{color:#096d88;background:#e4f4f5}
.plan-pill--integrated{color:#2b7e75;background:#e5f4ec}
.plan-price strong{color:#0c3447}
.plan-meta span::before{color:#15927f}
.billing-switch button.active,.pricing-filter button.active{background:#0c3448;color:white}
.pricing-roadmap__shell{border-radius:15px;background:linear-gradient(125deg,#092a3c,#0e4654)}
/* Contact and editorial articles */
.contact-hero{background:radial-gradient(ellipse at 72% 18%,rgba(65,178,194,.12),transparent 42%),linear-gradient(115deg,#0a2535,#0d3b4d)}
.contact-hero h1{color:#fff}.contact-hero h1 em{color:#8ed6e6!important}
.contact-hero .eyebrow{color:#95e0ec}.contact-hero p{color:#c4d9df}
.parent-lockup{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.07)}
.contact-main,.contact-directors{background:#f9f8f3}
.contact-form-shell,.contact-card,.director-card{border-color:#e0e8e5;border-radius:13px;background:#fff;box-shadow:0 10px 32px rgba(10,51,64,.045)}
.contact-card__icon{background:#e6f2f2;color:#0e809c}
.contact-location{background:#eef3f1}
.location-shell{border-radius:13px;background:#fff}
.location-visual{background-color:#e1eeed}
.blog-hero,.article-hero{background:radial-gradient(ellipse at 85% 0,rgba(56,175,190,.1),transparent 40%),linear-gradient(120deg,#f6f9f5,#e8f1f0)}
.blog-hero::after{background:radial-gradient(circle,rgba(26,136,173,.1),transparent 65%)}
.blog-hero h1,.article-hero h1{color:#0a2c3c}
.blog-search{border-color:#cddfdf;border-radius:10px;box-shadow:0 20px 40px rgba(9,42,58,.07)}
.blog-index,.article-builder-wrap{background:#fdfcf8}
.blog-card,.article-side{border-color:#dfe7e5;border-radius:13px}
.blog-card__image{background:linear-gradient(120deg,#0b293b,#0e6073)}
.topic-list a.active,.topic-list a:hover,.pagination a.active{background:#0d3b4e;border-color:#0d3b4e}
.article-body blockquote{border-left-color:#128baa;background:#ecf4f2}
.article-callout{background:#eef7f4;border-color:#c1deda}
.article-cta,.article-end{background:linear-gradient(120deg,#09293b,#0d4c58)}
/* Trial, account, secure payment — only skins, all form names and POST actions untouched */
.trial-hero,.checkout-hero,.account-hero{background:linear-gradient(120deg,#071f2f,#104356);color:#fff}
.trial-hero h1,.checkout-hero h1,.account-hero h1{color:#fff}
.trial-hero .eyebrow,.checkout-hero .eyebrow,.account-hero .eyebrow{color:#8fd9e8}
.trial-hero p,.checkout-hero p,.account-hero p{color:#c3dbe1}
.trial-main,.trial-steps,.checkout-main,.account-main{background:#faf9f5}
.trial-form-card,.trial-plan,.trial-guided,.checkout-summary,.checkout-card,.account-card,.account-table-shell,.account-callout,.account-section,.verification-card,.payment-status__shell{border-color:#dce7e5!important;border-radius:13px!important;box-shadow:0 14px 40px rgba(9,42,52,.06)!important}
.trial-plan,.checkout-summary{background:#fff}
.trial-steps__grid>*,.checkout-readiness,.account-table__row{border-color:#dae7e4}
.account-login{background:radial-gradient(ellipse at 80% 0,rgba(40,163,191,.19),transparent 40%),linear-gradient(125deg,#071e2c,#10475a)}
.account-login__card{border-radius:14px;background:#fffefa}
.account-login h1{color:#fff}
.account-login__card h2{color:#0e2f3e}
.account-table__row:hover{background:#f3f8f6}
.account-status{border-radius:20px}
.payment-status,.verification-main{background:#eff5f3}
.payment-status__mark,.verification-card__mark{background:#e4f3ef;color:#138a8c}
.activation-track .is-complete{color:#128777}
/* Other PHP receipts, bank transfer and payment pages keep formal details readable */
.payment-page .site-header,.trial-status-page .site-header{background:#fffcf8}
body.invoice-page{--ink:#122c3b;--muted:#647584;--line:#dce6e5;--blue:#148aad;--navy:#0c3244;--premium-blue:#148aad;--premium-navy:#0b293b}
@media screen{body.invoice-page{background:#f0f5f3}}
/* Important: display only. Never alter paper invoice styles in @media print. */
/* Responsive navigation and readable dense account/payment tools */
@media(max-width:1170px){.header__inner{gap:16px}.primary-nav{gap:12px}.primary-nav a{font-size:11px}.brand img{width:135px}.hero__grid{gap:32px}}
@media(max-width:980px){.hero{padding-top:65px}.hero__grid{grid-template-columns:1fr}.hero__content{padding:0 0 15px}.hero h1{max-width:810px}.hero__lead{max-width:750px}.hero-console{margin:0 auto 35px;max-width:790px;width:100%}.hero__foot{padding:27px 0}.site-header .primary-nav{gap:0}}
@media(max-width:900px){
  .container{width:min(calc(100% - 42px),var(--container))}
  .nav-toggle{display:block;border:1px solid #d4e0e1;background:#fff}
  .nav-toggle>span:not(.sr-only){background:#133f50}
  .site-header .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;width:100%;max-height:calc(100dvh - 120px);overflow:auto;padding:18px 25px 28px;background:#fffefa;border-top:1px solid #dde8e5;box-shadow:0 18px 33px rgba(7,38,54,.1);flex-direction:column;align-items:stretch}
  .site-header .primary-nav.open,.nav-open .site-header .primary-nav{display:flex}
  .site-header .primary-nav>a{padding:13px 9px;border-bottom:1px solid #e6ecea;font-size:14px}
  .primary-nav .nav-pricing__trigger>a{font-size:14px}
  .header__cta{margin-left:0}
  .section{padding-top:75px;padding-bottom:75px}
}
@media(max-width:640px){
  .container{width:calc(100% - 34px)}
  .announcement__inner{justify-content:center;text-align:center;gap:6px}.announcement__inner>a{display:none}
  .header__inner{min-height:70px;gap:13px}.brand img{width:124px;height:48px}
  .header__cta{min-height:37px!important;padding:0 10px!important;font-size:10px!important;letter-spacing:0!important}
  .hero{padding-top:61px}.hero h1{font-size:clamp(42px,11vw,63px);line-height:1.11}
  .hero__lead{font-size:15px;line-height:1.8}.hero__actions{display:grid;gap:11px}.hero__actions .button{width:100%}
  .hero__trust{gap:13px}.hero__trust p{font-size:11px}.hero-console{margin-bottom:12px}
  .floating-card--top{display:none}
  .hero__foot{padding:22px 0}.hero__foot p{font-size:10px}
  .section-heading h2,.section-heading--split h2{font-size:clamp(34px,9.3vw,48px)}
  .logo-showcase{padding-top:32px;padding-bottom:30px}
  .section{padding-top:63px;padding-bottom:65px}
  .footer__top{padding-top:48px;padding-bottom:42px}
  .pricing-hero--product .pricing-hero__mark{background:#fff}
  .pricing-directory__grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.hero::after,.announcement::after{animation:none!important}}
/* Homepage: clear, truthful capability numbers rather than invented client metrics */
.executive-highlights{position:relative;background:#e9f1ef;border-bottom:1px solid #dce7e4;padding:0}
.executive-highlights__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.executive-highlights__grid article{display:flex;gap:20px;align-items:center;padding:30px 35px 32px;border-right:1px solid #d3e2de}
.executive-highlights__grid article:first-child{padding-left:0}
.executive-highlights__grid article:last-child{padding-right:0;border-right:0}
.executive-highlights__grid strong{color:#0a4c64;flex:0 0 auto;font:800 clamp(31px,4vw,46px)/1 'Plus Jakarta Sans',Manrope,sans-serif;letter-spacing:-.07em}
.executive-highlights__grid span{color:#435d65;font-size:12px;line-height:1.65;font-weight:700}
/* Controls inside the dedicated admin tools: styling only, safe for form posts and editing */
body.admin-login,body.studio-body,body.admin-page,body.login-page{--ink:#102e40;--muted:#637785;--line:#dbe7e6;--blue:#1989ae;--navy:#0b2f43;--bg:#edf3f1}
body.admin-login{background:radial-gradient(ellipse at 75% 12%,#1b6780,transparent 55%),#082737!important}
body.admin-login .login-card,body.login-page .login-card{border:1px solid #d5e6e3;border-radius:13px!important;box-shadow:0 30px 70px rgba(3,24,34,.19)}
body.admin-login .login-card>button,body.studio-body .save-button{background:#127d9e;border-radius:8px}
body.studio-body .studio-topbar,body.studio-body .elements-panel,body.studio-body .inspector-panel{background:#fffdfa}
body.studio-body .canvas-stage{background-color:#e7efed;background-image:radial-gradient(#bfcfce .8px,transparent .8px)}
body.studio-body .panel-tabs button.active,body.studio-body .widget-grid button:hover{color:#1384a5;border-color:#1384a5}
body.studio-body .studio-workspace{background:#edf3f1}
body.admin-page .admin-top{background:#092b3d;color:#fff}
body.admin-page .btn-primary,body.login-page .btn-primary{background:#137fa4;border-color:#137fa4}
body.admin-page .admin-main{background:#f2f6f3}
body.admin-page .invoice-dialog{border-radius:14px}
@media(max-width:900px){.executive-highlights__grid article{gap:11px;padding:23px 16px}.executive-highlights__grid strong{font-size:32px}}
@media(max-width:650px){.executive-highlights__grid{grid-template-columns:1fr}.executive-highlights__grid article,.executive-highlights__grid article:first-child,.executive-highlights__grid article:last-child{padding:17px 0;border-right:0;border-bottom:1px solid #d3e2de}.executive-highlights__grid article:last-child{border-bottom:0}.executive-highlights__grid strong{min-width:59px;font-size:34px}}
@media print{body.invoice-page{background:#fff!important}body.invoice-page::before{display:none!important}}
body.admin-page .admin-top .admin-brand>img{filter:brightness(0) invert(1)}
body.admin-page .admin-top .admin-brand h1{color:#fff}
body.admin-page .admin-top .admin-brand small{color:#aad4df}
body.admin-page .admin-top .admin-brand__divider{background:rgba(255,255,255,.23)}
body.admin-page .admin-top .btn-ghost{color:#e9f5f7;border-color:#3c6471;background:rgba(255,255,255,.07)}


/* -----------------------------------------------------------
   Pricing dropdown v2 — premium two-column flyout.
   Presentation-only, original pricing links remain untouched.
   ----------------------------------------------------------- */
.primary-nav .nav-pricing{position:relative;display:flex;align-items:center;flex-shrink:0}
.primary-nav .nav-pricing__trigger{display:inline-flex;align-items:center;gap:0;min-height:42px;white-space:nowrap}
.primary-nav .nav-pricing__trigger>a{display:inline-flex;align-items:center;padding:9px 0;color:#253d4b;font-size:12px;font-weight:800;line-height:1.4;text-decoration:none}
.primary-nav .nav-pricing__trigger>a:hover,.primary-nav .nav-pricing__trigger>a.active,.primary-nav .nav-pricing.is-open .nav-pricing__trigger>a{color:#127e9d}
.primary-nav .nav-pricing__trigger>a::after{display:none}
.primary-nav .nav-pricing__toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:36px;margin:0 0 0 3px;padding:0;border:0;border-radius:5px;background:transparent;color:#526977;cursor:pointer;transform:none!important;transition:color .18s ease,background .18s ease}
.primary-nav .nav-pricing__toggle svg{display:block;width:13px;height:13px;transition:transform .18s ease}
.primary-nav .nav-pricing:hover .nav-pricing__toggle,.primary-nav .nav-pricing__toggle:hover,.primary-nav .nav-pricing.is-open .nav-pricing__toggle{color:#127e9d}
.primary-nav .nav-pricing__toggle:hover{background:#ecf5f5}
.primary-nav .nav-pricing.is-open .nav-pricing__toggle svg,.primary-nav .nav-pricing:hover .nav-pricing__toggle svg{transform:rotate(180deg)}
.primary-nav .nav-pricing__toggle:focus-visible{outline:2px solid #1887ae;outline-offset:2px}
/* Continuous pointer bridge lets desktop users move safely from the label to the panel. */
.primary-nav .nav-pricing::after{content:"";position:absolute;top:100%;left:0;right:0;height:18px;pointer-events:none}
.primary-nav .nav-pricing:hover::after,.primary-nav .nav-pricing.is-open::after{pointer-events:auto}
.primary-nav .nav-pricing__panel{
  position:absolute;z-index:160;top:calc(100% + 12px);left:50%;
  display:block;width:590px;max-width:calc(100vw - 36px);max-height:min(74vh,580px);overflow-y:auto;
  padding:0;border:1px solid #dce9e8;border-radius:16px;background:#fffdfa;
  box-shadow:0 28px 76px rgba(4,31,45,.20),0 4px 15px rgba(4,31,45,.05);
  opacity:0;visibility:hidden;pointer-events:none;transform:translate(-46%,10px);
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease;
  scrollbar-width:thin;scrollbar-color:#c5d8da transparent
}
.primary-nav .nav-pricing__panel::before{display:none}
.primary-nav .nav-pricing.is-open .nav-pricing__panel,
.primary-nav .nav-pricing:focus-within .nav-pricing__panel{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-46%,0)
}
.primary-nav .nav-pricing__head{padding:24px 28px 19px;border-bottom:1px solid #e9efed;background:linear-gradient(120deg,#f4faf8 0%,#fffdfa 100%)}
.primary-nav .nav-pricing__eyebrow{display:block;margin-bottom:6px;color:#1389a7;font-size:9px;line-height:1.4;font-weight:900;letter-spacing:.18em}
.primary-nav .nav-pricing__head strong{display:block;color:#0b3040;font:800 21px/1.3 'Plus Jakarta Sans',Manrope,sans-serif;letter-spacing:-.045em}
.primary-nav .nav-pricing__head p{margin:6px 0 0;color:#67808b;font-size:12px;line-height:1.6}
.primary-nav .nav-pricing__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:14px}
.primary-nav .nav-pricing__panel .nav-pricing__item{
  display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:69px;
  padding:10px 11px;border:1px solid transparent;border-radius:11px;background:transparent;
  text-decoration:none;color:#1a3b4b;transition:background .17s ease,border-color .17s ease,transform .17s ease
}
.primary-nav .nav-pricing__panel .nav-pricing__item:hover,
.primary-nav .nav-pricing__panel .nav-pricing__item:focus-visible,
.primary-nav .nav-pricing__panel .nav-pricing__item[aria-current="page"]{
  background:#eef7f5;border-color:#d8eae5;color:#0a6680;transform:none
}
.primary-nav .nav-pricing__icon{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;border:1px solid #e6eeee;border-radius:10px;background:#fff;overflow:hidden}
.primary-nav .nav-pricing__icon img{display:block;max-width:34px;max-height:34px;width:34px;height:34px;object-fit:contain}
.primary-nav .nav-pricing__copy{display:block;flex:1;min-width:0;line-height:1.25}
.primary-nav .nav-pricing__copy strong{display:block;color:inherit;font-size:13px;font-weight:800;line-height:1.35;letter-spacing:-.01em}
.primary-nav .nav-pricing__copy small{display:block;margin-top:4px;color:#71838d;font-size:10.5px;font-weight:600;line-height:1.4;letter-spacing:0}
.primary-nav .nav-pricing__item-arrow{flex:0 0 12px;color:#8abac2;font-size:15px;line-height:1;opacity:0;transform:translate(-3px,3px);transition:transform .17s,opacity .17s}
.primary-nav .nav-pricing__item:hover .nav-pricing__item-arrow,.primary-nav .nav-pricing__item:focus-visible .nav-pricing__item-arrow{opacity:1;transform:translate(0,0)}
.primary-nav .nav-pricing__panel .nav-pricing__all{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:51px;margin:0;padding:13px 28px;border:0;border-top:1px solid #e7efeb;border-radius:0 0 15px 15px;background:#f4f9f8;color:#0d718e;font-size:12px;font-weight:900;letter-spacing:0;text-decoration:none}
.primary-nav .nav-pricing__panel .nav-pricing__all:hover,.primary-nav .nav-pricing__panel .nav-pricing__all:focus-visible{background:#e8f4f0;color:#0a506b}
.primary-nav .nav-pricing__all span:last-child{font-size:20px;font-weight:500;line-height:1}
@media (hover:hover) and (min-width:901px){
  .primary-nav .nav-pricing:hover .nav-pricing__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-46%,0)}
}
@media(max-width:1170px) and (min-width:901px){
  .primary-nav .nav-pricing__trigger>a{font-size:11px}
  .primary-nav .nav-pricing__panel{transform:translate(-36%,10px)}
  .primary-nav .nav-pricing.is-open .nav-pricing__panel,.primary-nav .nav-pricing:focus-within .nav-pricing__panel{transform:translate(-36%,0)}
}
@media(max-width:1170px) and (min-width:901px) and (hover:hover){
  .primary-nav .nav-pricing:hover .nav-pricing__panel{transform:translate(-36%,0)}
}
@media(max-width:900px){
  .primary-nav .nav-pricing{display:block;width:100%}
  .primary-nav .nav-pricing::after{display:none}
  .primary-nav .nav-pricing__trigger{display:flex;width:100%;min-height:51px;gap:0;border-bottom:1px solid #e5edeb}
  .primary-nav .nav-pricing__trigger>a{flex:1;padding:14px 9px;font-size:14px}
  .primary-nav .nav-pricing__toggle{flex:0 0 46px;width:46px;height:46px;margin-left:0;border-radius:9px;background:#eff6f4}
  .primary-nav .nav-pricing__panel{position:static;display:none;width:100%;max-width:none;max-height:none;overflow:visible;padding:0;margin:8px 0 13px;border:1px solid #e3ecea;border-radius:12px;background:#fffdfa;opacity:1;visibility:visible;pointer-events:auto;transform:none!important;box-shadow:none;transition:none}
  .primary-nav .nav-pricing.is-open .nav-pricing__panel{display:block}
  .primary-nav .nav-pricing__head{padding:18px 17px 15px}
  .primary-nav .nav-pricing__head strong{font-size:18px}
  .primary-nav .nav-pricing__grid{grid-template-columns:1fr;gap:1px;padding:8px}
  .primary-nav .nav-pricing__panel .nav-pricing__item{min-height:56px;padding:6px 7px}
  .primary-nav .nav-pricing__copy strong{font-size:13px}
  .primary-nav .nav-pricing__copy small{font-size:11px}
  .primary-nav .nav-pricing__icon{flex-basis:39px;width:39px;height:39px}
  .primary-nav .nav-pricing__icon img{max-width:30px;max-height:30px;width:30px;height:30px}
  .primary-nav .nav-pricing__panel .nav-pricing__all{padding:12px 17px;min-height:46px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.primary-nav .nav-pricing__panel,.primary-nav .nav-pricing__toggle svg,.primary-nav .nav-pricing__item-arrow{transition:none}}

/* Footer refinement patch — 2026-10-10 */
.footer{background:linear-gradient(135deg,#061927 0%,#0a2434 54%,#0d3142 100%);color:#b6cad4}
.footer .brand--footer{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:max-content;max-width:100%;padding:15px 20px;border-radius:15px;border:1px solid rgba(255,255,255,.28);background:#fbfcfa;box-shadow:0 14px 36px rgba(0,0,0,.13)}
.footer .brand--footer img{display:block;width:190px;max-width:100%;height:auto;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;filter:none!important;opacity:1!important}
.footer__top{gap:72px;padding:72px 0 54px;align-items:start}
.footer__brand p{max-width:360px;margin:24px 0 0;color:#b9ccd8;font-size:14px;line-height:1.75}
.footer__links{gap:46px}
.footer__links h3{margin-bottom:18px;color:#83d8e8;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.footer__links a{margin:11px 0;color:#dce7ef;font-size:13px;opacity:.88;transition:color .22s,opacity .22s,transform .22s}
.footer__links a:hover{color:#fff;opacity:1;transform:translateX(2px)}
.footer__parent{display:inline-flex;align-items:center;gap:14px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.10)}
.footer__parent img{width:58px;height:58px;flex:0 0 58px;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;object-fit:contain}
.footer__parent span{color:#a9bfd0!important;font-size:12px;line-height:1.55}
.footer__parent strong{display:block;color:#fff!important;font-size:15px;line-height:1.25}
.footer__bottom{min-height:auto;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.10);color:#9eb4c5;font-size:12px;line-height:1.6}
.footer__bottom a,.footer__bottom p a{color:#eef7ff}
.footer__bottom a:hover,.footer__bottom p a:hover{color:#fff}
.qabil-section__brand img,.parent-lockup img{padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.qabil-section__brand img{width:min(100%,410px)!important;height:auto!important;max-height:none!important}
.parent-lockup img{width:min(100%,360px)!important;height:auto!important}
@media(max-width:900px){.footer__top{gap:42px;padding:58px 0 42px}.footer__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.footer__links>div:last-child{grid-column:1/-1}}
@media(max-width:640px){.footer__top{padding:44px 0 36px}.footer .brand--footer{padding:14px 16px}.footer__links{grid-template-columns:1fr}.footer__parent{align-items:center}.footer__parent span{font-size:11px}.footer__bottom{padding:18px 0 0;font-size:11px}}

/* Keep one Qabil Solutions wordmark across the footer and parent-company sections.
   Icon supplied by the client; the name is live HTML text, not a second raster font. */
.footer__parent strong,
.qabil-visual-wordmark .qabil-brand__name{
  font-family:Manrope,Arial,sans-serif!important;
  font-style:normal;
  font-weight:800!important;
  letter-spacing:-.035em;
  text-transform:none!important;
  color:#fff!important;
}
.qabil-visual-wordmark{display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:100%;margin:0 auto}
.qabil-section__brand .qabil-visual-wordmark img,
.parent-lockup .qabil-visual-wordmark img{
  display:block;flex:0 0 auto;width:86px!important;height:86px!important;
  max-width:24vw!important;object-fit:contain;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;filter:none!important;
}
.qabil-visual-wordmark .qabil-brand__name{font-size:clamp(19px,2.1vw,27px);line-height:1.25;white-space:nowrap}
.qabil-section__brand .qabil-visual-wordmark+span{margin-top:25px}
@media(max-width:640px){
  .footer .brand--footer{padding:12px 16px}
  .footer .brand--footer img{width:165px}
  .qabil-visual-wordmark{gap:10px}
  .qabil-visual-wordmark .qabil-brand__name{font-size:clamp(17px,5vw,23px)}
  .qabil-section__brand .qabil-visual-wordmark img,.parent-lockup .qabil-visual-wordmark img{width:65px!important;height:65px!important}
}


/* Contrast refinement patch — 2026-10-10 */
.demo .form-helper{margin-top:14px;color:#6b7689;font-size:13px;font-weight:700;line-height:1.6}
.demo .form-consent{color:#617083}
.demo .form-consent span{color:#617083}
.demo .form-grid input::placeholder,.demo .form-grid textarea::placeholder{color:#97a4b5}
.demo .form-heading small{color:#728094;font-size:11px;font-weight:700}
.product-card__summary{color:#445467}
.product-features li{color:#354559}
.product-tag{color:#126f91;background:#e6f4f7;border-color:#b9dde8;font-weight:800}
.product-card--hero .product-tag{color:#f5fbff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.26)}
.floating-card--bottom b{color:#213244;font-size:13px;line-height:1.35}
.floating-card--bottom small{color:#6c7688;font-size:11px;font-weight:700;line-height:1.35}
.hero__foot p{color:#eaf4f8;font-size:12px}
.product-strip{color:#eef9fc;font-size:12px}
.product-strip span{color:#e0f2f7;font-size:12px;opacity:.98}
.product-strip i{background:#6fd2e4}
.pricing-hero__buttons .button--ghost,.product-page .hero__actions .button--ghost{color:#f1fbff!important;border-color:rgba(255,255,255,.55)!important;background:rgba(255,255,255,.08)!important;box-shadow:none!important}
.pricing-hero__buttons .button--ghost:hover,.product-page .hero__actions .button--ghost:hover{color:#fff!important;border-color:rgba(255,255,255,.75)!important;background:rgba(255,255,255,.16)!important}
.pricing-notice span{color:#e0ebf6}
@media(max-width:640px){.product-strip,.product-strip span{font-size:11px}.demo .form-helper{font-size:12px}}


/* Contrast verified against computed browser styles — 2026-10-10 / r2 */
/* The premium layer left a LIGHT glass backdrop under LIGHT hero text.
 * Keep light lettering, but restore a genuinely dark panel behind it. */
.hero .hero__trust{
  color:#eefaff;
  background:rgba(5,26,39,.82);
  border:1px solid rgba(164,218,235,.28);
  box-shadow:0 12px 30px rgba(0,0,0,.16);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)
}
.hero .hero__trust p{color:#e5f2f9!important}
.hero .hero__trust strong{color:#fff!important}
/* Remove the near-white strip background that makes the pale labels disappear. */
.hero .hero__foot .product-strip{
  background:rgba(5,32,47,.76);
  border:1px solid rgba(172,229,239,.19);
  border-radius:10px;
  color:#e7f5fb;
  padding:12px 15px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)
}
.hero .hero__foot .product-strip span{color:#f2fcff;opacity:1;font-weight:800}
.hero .hero__foot .product-strip i{background:#7ee6e8}
.hero .hero__foot > p{color:#e5f1f6}
/* The executive generic .product-card rule made the flagship WHITE while
 * older .product-card--hero rules still expected WHITE LETTERING. */
.ecosystem .product-card--hero.product-card--flagship{
  color:#fff;
  border:1px solid #20495b;
  background:linear-gradient(135deg,#0a2535 0%,#103b52 100%);
  box-shadow:0 17px 42px rgba(7,42,62,.16)
}
.ecosystem .product-card--hero.product-card--flagship:hover{
  border-color:#49bdd6;box-shadow:0 25px 60px rgba(7,42,62,.24)
}
.ecosystem .product-card--hero.product-card--flagship h3{color:#fff}
.ecosystem .product-card--hero.product-card--flagship .product-card__summary{color:#e3f0f7}
.ecosystem .product-card--hero.product-card--flagship .check-list li{color:#f1f8ff}
.ecosystem .product-card--hero.product-card--flagship .product-tag{
  color:#e7faff;background:rgba(30,118,148,.4);border-color:rgba(158,227,239,.46)
}
.ecosystem .product-card--hero.product-card--flagship .text-link{color:#91e9fa}
.ecosystem .product-card--hero.product-card--flagship .card-number{color:rgba(255,255,255,.1)}
/* Existing form status messages retain their success and error colors. */
.demo .demo-form .form-helper:not(.success):not(.error){color:#405365!important;font-size:13px;font-weight:700}
.demo .demo-form .form-consent span{color:#405365}
/* Force the secondary pricing link to contrast with the deep-blue hero,
 * independent of base .button--ghost rules. */
.pricing-detail-page .pricing-hero .pricing-hero__buttons a.button.button--ghost{
  color:#f6fdff!important;background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.64)!important;
  text-shadow:none!important;box-shadow:none!important
}
.pricing-detail-page .pricing-hero .pricing-hero__buttons a.button.button--ghost:hover{
  color:#071f2e!important;background:#e4f7fc!important;border-color:#e4f7fc!important
}
.pricing-detail-page .pricing-hero .pricing-hero__buttons a.button.button--ghost span{color:inherit!important}
@media(max-width:760px){
 .hero .hero__foot .product-strip{gap:10px;justify-content:center}
 .hero .hero__foot .product-strip span{font-size:11px}
}



/* ============================================================
   Daftar360 Mobile Layout & Scroll-Safe Navigation / 2026-10-10 r7
   Mobile-specific fixes; desktop styling and backend untouched.
   ============================================================ */
@media (max-width:980px){
  /* The later premium stylesheet imposed two narrow columns after
     the baseline mobile rule. Keep BOTH sections in one true column. */
  .platform .platform__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:34px!important;
    align-items:start!important;
  }
  .platform .platform__grid > *{min-width:0;max-width:100%}
  .platform .platform__content{order:1;min-width:0}
  .platform .platform-map{order:2;justify-self:center}
  .platform .platform__content h2{max-width:100%;font-size:clamp(36px,5.5vw,52px);line-height:1.13;overflow-wrap:normal}
  .platform .platform__content > p{max-width:720px}
  .platform .platform-points{width:100%;max-width:720px}
  .platform .platform-points > div{min-width:0}
  .platform .platform-points > div span{min-width:0}
}
@media (max-width:900px){
  /* Remove the blur containing block that captured the open menu
     inside the sticky header. Nav is now fixed to the viewport. */
  body .site-header,
  body .site-header.scrolled{
    position:sticky!important;top:0!important;z-index:10010!important;
    overflow:visible!important;
    background:#fdfcf8!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  body.nav-open{overflow-x:clip!important;overflow-y:visible!important}
  .site-header .primary-nav{
    position:fixed!important;
    left:0!important;right:0!important;
    top:var(--d360-mobile-nav-top,72px)!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - var(--d360-mobile-nav-top,72px) - 8px)!important;
    margin:0!important;
    padding:15px max(20px,env(safe-area-inset-left)) 26px max(20px,env(safe-area-inset-right))!important;
    border:1px solid #dce8e5;
    border-radius:0 0 18px 18px!important;
    background:#fffefa!important;
    box-shadow:0 25px 55px rgba(2,25,40,.24)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    z-index:10011!important;
    transform:none!important;
    opacity:1;
  }
  .site-header .primary-nav.open{display:flex!important;visibility:visible!important;pointer-events:auto!important}
  .site-header .primary-nav:not(.open){display:none!important}
  .site-header .nav-toggle{position:relative;z-index:10012}
}
@media(max-width:640px){
  .platform .platform__grid{gap:28px!important}
  .platform .platform__content h2{font-size:clamp(34px,9vw,43px)!important;line-height:1.16;letter-spacing:-.045em}
  .platform .platform__content p{font-size:15px!important;line-height:1.75;margin:18px 0 20px}
  .platform .platform__content .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.11em}
  .platform .platform-points{margin:0 0 24px}
  .platform .platform-points>div{gap:14px;padding:13px 0}
  .platform .platform-points b{flex:0 0 26px;font-size:13px}
  .platform .platform-points strong{font-size:15px;line-height:1.4}
  .platform .platform-points small{font-size:13px;line-height:1.65}
  .platform .platform__content>a.button{max-width:100%;width:100%;justify-content:center}
  /* Independent graphic sizing; avoid transforming its entire box,
     which produced the overlapping orbit labels in the screenshot. */
  .platform .platform-map{
    width:min(100%,370px)!important;
    min-height:405px!important;
    height:405px!important;
    margin:4px auto 0!important;
    transform:none!important;
    filter:none;
  }
  .platform .orbit--outer{width:min(86vw,310px)!important;height:min(86vw,310px)!important}
  .platform .orbit--inner{width:min(56vw,206px)!important;height:min(56vw,206px)!important}
  .platform .hub{width:122px!important;height:122px!important}
  .platform .hub img{width:43px!important;height:43px!important;max-width:43px;padding:4px;margin-bottom:2px}
  .platform .hub strong{font-size:12px!important;white-space:nowrap}
  .platform .hub span{font-size:9px!important;white-space:nowrap}
  .platform .orbit-app{
    width:65px!important;height:71px!important;
    border-radius:15px!important;
    padding:5px 3px!important;
    box-shadow:0 8px 20px rgba(0,0,0,.2);
  }
  .platform .orbit-app img{width:35px!important;height:35px!important;max-width:35px;margin-bottom:3px;padding:3px}
  .platform .orbit-app span{font-size:9px!important;line-height:1.18;text-align:center}
  .platform .orbit-app--1{left:9%;top:7%}
  .platform .orbit-app--2{right:9%;top:7%}
  .platform .orbit-app--3{right:-1%;top:40%}
  .platform .orbit-app--4{right:11%;bottom:13%}
  .platform .orbit-app--5{left:11%;bottom:13%}
  .platform .orbit-app--6{left:-1%;top:40%}
  .platform .orbit-app--7{left:calc(50% - 32px);top:-2%}
  .platform .map-note{bottom:0;font-size:10px;padding:9px 12px}
  /* A purpose-built centred footer on small screens. */
  .footer .footer__top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:38px!important;
    padding:48px 0 32px!important;
    text-align:center!important;
  }
  .footer .footer__brand{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;min-width:0;
  }
  .footer .brand--footer{margin:0 auto;justify-content:center}
  .footer .footer__brand p{max-width:340px;margin:20px auto 0;text-align:center}
  .footer .footer__parent{width:max-content;max-width:100%;margin:26px auto 0;justify-content:center;text-align:left}
  .footer .footer__links{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:31px!important;
    width:100%;justify-items:center;
    text-align:center!important;
  }
  .footer .footer__links>div,
  .footer .footer__links>div:last-child{
    grid-column:auto!important;width:100%;min-width:0;
    display:flex;flex-direction:column;align-items:center;
  }
  .footer .footer__links h3{margin:0 0 11px;font-size:13px;letter-spacing:.15em}
  .footer .footer__links a{max-width:100%;display:block;margin:5px 0;overflow-wrap:anywhere;text-align:center;font-size:14px;line-height:1.7}
  .footer .footer__links a:hover{transform:none}
  .footer .footer__bottom{
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;
    gap:11px!important;min-height:0!important;
    padding:24px 0 30px!important;text-align:center!important;
    font-size:12px;line-height:1.65;
  }
  .footer .footer__bottom p,.footer .footer__bottom a{max-width:100%;margin:0;text-align:center}
}
@media(max-width:370px){
  .platform .platform-map{min-height:380px!important;height:380px!important}
  .platform .orbit-app{width:59px!important;height:67px!important}
  .platform .orbit-app--7{left:calc(50% - 29px)}
  .platform .orbit--outer{width:278px!important;height:278px!important}
  .platform .orbit--inner{width:185px!important;height:185px!important}
}

/* Centered branding and navigation groups on medium mobile/tablet widths. */
@media(min-width:641px) and (max-width:900px){
 .footer .footer__top{grid-template-columns:minmax(0,1fr)!important;gap:35px!important;text-align:center!important}
 .footer .footer__brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
 .footer .brand--footer{margin:0 auto}
 .footer .footer__brand p{margin:20px auto 0;text-align:center}
 .footer .footer__parent{margin:25px auto 0;justify-content:center}
 .footer .footer__links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;text-align:center}
 .footer .footer__links>div:last-child{grid-column:auto!important}
 .footer .footer__links a{overflow-wrap:anywhere;text-align:center}
 .footer .footer__bottom{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px;padding:22px 0 30px;text-align:center!important}
 .footer .footer__bottom p,.footer .footer__bottom a{text-align:center}
}