:root{
    --navy:#062b25;
    --deep:#003d34;
    --green:#0b5a4a;
    --green2:#0e7c65;
    --gold:#ffb800;
    --orange:#f47a00;
    --blue:#0d6efd;
    --purple:#6f42c1;
    --pink:#e83e8c;
    --teal:#0aa6a6;
    --text:#102231;
    --muted:#5c6b73;
    --line:#e7ecef;
    --bg:#f8fbfb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}
.container{width:min(1180px,92%);margin:auto}
.top-contact{background:#fff;border-bottom:1px solid #eef1f2;font-size:13px}
.contact-wrap{display:flex;justify-content:flex-end;gap:28px;padding:8px 0;color:#17303a;font-weight:600}
.navbar{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px}
.brand img{display:block;width:205px;height:58px;object-fit:contain;object-position:left center}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{color:#14242c;text-decoration:none;font-weight:700;font-size:14px}
.nav-links a.active{color:var(--green);position:relative}
.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:3px;background:var(--green);border-radius:3px}
.nav-toggle{display:none;border:0;background:none;font-size:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:14px 20px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.2s}
.btn-small{padding:12px 18px}
.btn-primary{background:linear-gradient(135deg,#0d8b73,#087461);color:#fff!important;box-shadow:0 8px 18px rgba(14,124,101,.22)}
.btn-gold{background:linear-gradient(135deg,#ffc522,#f3a800);color:#16302d;box-shadow:0 10px 25px rgba(255,184,0,.25)}
.btn-dark{background:#063c34;color:#fff}
.btn-outline-light{border-color:rgba(255,255,255,.65);color:#fff;background:transparent}
.hero{background:
    radial-gradient(circle at 72% 30%,rgba(20,171,132,.22),transparent 30%),
    radial-gradient(circle at 35% 80%,rgba(255,184,0,.08),transparent 28%),
    linear-gradient(135deg,#003a32 0%,#002b27 45%,#00483e 100%);
    color:#fff;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:.95fr 1.25fr;min-height:520px;align-items:center;gap:20px}
.hero-copy{padding:64px 0}
.eyebrow{color:#ffbd21;font-size:14px;font-weight:800;letter-spacing:.04em}
.eyebrow.dark{color:var(--green)}
.hero h1{font-size:54px;line-height:1.04;margin:14px 0 12px;letter-spacing:-1.5px}
.hero h1 span{color:#ffc021}
.hero-line{width:54px;height:3px;background:#ffc021;margin:20px 0}
.hero-copy>p{font-size:18px;line-height:1.65;color:#f5f8f7}
.hero-copy>p strong{color:#ffbd21}
.hero-actions{display:flex;gap:14px;margin:26px 0}
.hero-features{display:flex;gap:34px;margin-top:34px}
.hero-features div{display:flex;align-items:center;gap:9px;font-size:12px;color:#f7fbfa}
.hero-features b{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.09);display:grid;place-items:center;color:#ffc021}
.hero-visual{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}
.screen{background:#162328;border-radius:18px;padding:12px;box-shadow:0 34px 70px rgba(0,0,0,.35);transform:perspective(1000px) rotateY(-6deg);width:88%}
.screen-bar{height:8px;background:#33454b;border-radius:8px 8px 0 0}
.screen-content{background:#f9fbfc;border-radius:7px;padding:18px;color:#22333a}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.metric-row>div{background:#fff;padding:10px;border-radius:7px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.metric-row small{display:block;color:#77858d;font-size:9px;margin-bottom:8px}
.metric-row strong{font-size:12px;color:#15363b}
.chart-area{display:grid;grid-template-columns:1.5fr .8fr .9fr;gap:10px;margin-top:12px}
.chart-card{background:#fff;border-radius:8px;padding:10px;min-height:160px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.chart-card h5{font-size:10px;margin:0 0 10px}
.fake-chart{height:110px;background:linear-gradient(to top,rgba(16,129,102,.06),transparent),linear-gradient(135deg,transparent 46%,#12a07d 47%,#12a07d 50%,transparent 51%);position:relative}
.donut{width:92px;height:92px;border-radius:50%;margin:15px auto;background:conic-gradient(#173f6d 0 26%,#ffb800 26% 48%,#21a179 48% 68%,#6f42c1 68% 100%);position:relative}
.donut:after{content:"";position:absolute;inset:20px;background:white;border-radius:50%}
.activity p{font-size:8px;color:#66777f}
.device-phone{position:absolute;right:0;bottom:14px;width:100px;height:210px;background:#fff;border:8px solid #172027;border-radius:22px;color:#123;box-shadow:0 20px 35px rgba(0,0,0,.28);padding:22px 10px 10px}
.phone-notch{position:absolute;top:7px;left:31px;width:38px;height:4px;background:#1b2428;border-radius:10px}
.phone-title{font-size:9px;font-weight:800}
.phone-total{font-size:12px;font-weight:800;margin:32px 0 18px}
.mini-bars{height:78px;background:repeating-linear-gradient(to right,#5a7ee5 0 7px,transparent 7px 13px);mask:linear-gradient(to top,transparent 0 5%,#000 5% 100%)}
.software-section{padding:28px 0 14px;background:#fff}
.section-heading{text-align:center;margin:0 0 22px}
.section-heading h2{font-size:28px;margin:0;color:#0e4a40}
.section-heading h2 span{color:#17745f}
.section-heading p{margin:8px 0 0;color:#55656c}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.product-card{border:1px solid #e4e8ea;border-radius:14px;padding:22px;background:#fff;box-shadow:0 8px 24px rgba(15,43,39,.08);display:flex;flex-direction:column;min-height:390px}
.product-head{display:flex;gap:14px;align-items:center}
.product-icon{width:62px;height:62px;border-radius:12px;display:grid;place-items:center;color:white;font-weight:900;font-size:24px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.product-icon.green{background:linear-gradient(135deg,#0d7561,#063e35)}
.product-icon.blue{background:linear-gradient(135deg,#2a9cff,#0c63d7)}
.product-icon.purple{background:linear-gradient(135deg,#9a63ef,#5e2da2)}
.product-icon.orange{background:linear-gradient(135deg,#ff9f1a,#e45f00)}
.product-icon.pink{background:linear-gradient(135deg,#ff4f93,#d81868)}
.product-icon.teal{background:linear-gradient(135deg,#3cc7c4,#008b8b)}
.product-card h3{margin:0 0 4px;font-size:19px}
.product-card .product-head p{margin:0;font-size:12px;font-weight:700}
.product-card>p{color:#58686f;font-size:13px;line-height:1.5}
.green-text{color:#13824e}.blue-text{color:#0c63d7}.purple-text{color:#6f42c1}.orange-text{color:#e76800}.pink-text{color:#e51c70}.teal-text{color:#008e8e}
.feature-cols{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;font-size:11px;line-height:1.35;margin:8px 0 18px;flex:1}
.feature-cols span{color:#253a42}
.card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.card-actions>a:not(.btn){font-size:12px;font-weight:800;text-decoration:none;color:#1f6b59}
.card-btn{padding:10px 14px;color:#fff}
.green-btn{background:#16834f}.blue-btn{background:#126dda}.purple-btn{background:#6f42c1}.orange-btn{background:#ef6c00}.pink-btn{background:#e61d72}.teal-btn{background:#008d8d}
.why-section{padding:8px 0 18px}
.why-section .container{background:linear-gradient(135deg,#063f36,#00372f);border-radius:14px;padding:18px 22px;color:#fff}
.why-section h2{text-align:center;font-size:24px;margin:0 0 18px}
.why-section h2 span{color:#ffbd21}
.why-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.why-grid>div{text-align:center;padding:9px 6px}
.why-grid i{font-style:normal;display:grid;place-items:center;margin:auto auto 10px;width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.08);color:#ffc11c;font-size:24px}
.why-grid b{display:block;font-size:12px;color:#ffc11c}
.why-grid span{display:block;font-size:10px;line-height:1.4;margin-top:5px;color:#fff}
.custom-cta{padding:0 0 18px}
.cta-inner{display:grid;grid-template-columns:160px 1fr 250px;gap:22px;align-items:center;background:#f7faf9;border:1px solid #e4e8ea;border-radius:14px;padding:18px 24px}
.target-art{font-size:96px;color:#f0a000;text-align:center}
.cta-inner h2{margin:0 0 6px;color:#0c3f36}
.cta-inner h4{margin:0 0 8px;color:#f07800}
.cta-inner p{margin:0;color:#55656c;line-height:1.5}
.cta-buttons{display:flex;flex-direction:column;gap:10px}
.site-footer{background:#043b34;color:white;padding:28px 0 12px}
.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .8fr 1.25fr;gap:30px}
.footer-brand img{width:230px;height:68px;object-fit:contain;object-position:left;background:white;border-radius:8px;padding:4px}
.footer-brand p{font-size:12px;color:#d7e5e0}.footer-brand strong{color:#ffc11b}
.site-footer h4{margin:0 0 12px;color:#fff}
.site-footer a,.site-footer p{display:block;color:#d9e7e3;text-decoration:none;font-size:12px;line-height:1.7;margin:0 0 2px}
.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:20px;padding-top:12px;display:flex;justify-content:space-between;font-size:11px;color:#d3e1dd}
.simple-page{padding:80px 0;background:linear-gradient(180deg,#f7faf9,#fff)}
.narrow{max-width:850px}
.simple-page h1{font-size:44px;margin:10px 0 20px;color:#093f36}
.simple-page p{font-size:17px;line-height:1.75;color:#51636a}
.contact-card{background:#fff;border:1px solid #e2e8e5;border-radius:16px;padding:28px;box-shadow:0 16px 40px rgba(12,61,51,.08)}
.contact-card p{margin:8px 0}

@media(max-width:980px){
    .contact-wrap{justify-content:center;flex-wrap:wrap;gap:8px 18px}
    .nav-toggle{display:block}
    .nav-links{display:none;position:absolute;left:4%;right:4%;top:82px;background:white;border-radius:12px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.12);flex-direction:column;align-items:flex-start}
    body.menu-open .nav-links{display:flex}
    .hero-grid{grid-template-columns:1fr}
    .hero-copy{padding:46px 0 20px}
    .hero-visual{min-height:380px;padding-bottom:35px}
    .product-grid{grid-template-columns:1fr 1fr}
    .why-grid{grid-template-columns:repeat(2,1fr)}
    .cta-inner{grid-template-columns:1fr;text-align:center}
    .target-art{font-size:66px}
    .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
    .top-contact{display:none}
    .nav-inner{min-height:72px}
    .brand img{width:170px;height:48px}
    .nav-links{top:72px}
    .hero h1{font-size:39px}
    .hero-copy>p{font-size:15px}
    .hero-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .screen{width:100%;transform:none}
    .device-phone{right:-8px;transform:scale(.85);transform-origin:right bottom}
    .metric-row{grid-template-columns:1fr 1fr}
    .chart-area{grid-template-columns:1fr}
    .center-chart,.activity{display:none}
    .product-grid{grid-template-columns:1fr}
    .feature-cols{grid-template-columns:1fr}
    .why-grid{grid-template-columns:1fr 1fr}
    .footer-grid{grid-template-columns:1fr}
    .copyright{flex-direction:column;gap:8px}
}


/* PHASE 2 - PRODUCT DETAIL PAGES */
.product-hero{
    color:#fff;
    padding:62px 0 54px;
    overflow:hidden;
}
.erp-hero{background:linear-gradient(135deg,#073e35,#0b6453 60%,#0c7b63)}
.freight-hero{background:linear-gradient(135deg,#05345f,#0e6bc0 60%,#2e8de0)}
.asset-hero{background:linear-gradient(135deg,#39245e,#6843a5 60%,#8f64cf)}
.enquiry-hero{background:linear-gradient(135deg,#8b3a00,#df6500 60%,#ff8e22)}
.print-hero{background:linear-gradient(135deg,#7b1747,#cf1f6c 60%,#f04d92)}
.calc-hero{background:linear-gradient(135deg,#005a5b,#008d8d 60%,#21b4ae)}

.product-hero-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}
.product-hero-copy h1{
    font-size:54px;
    line-height:1.05;
    margin:12px 0 6px;
}
.product-hero-copy h2{
    margin:0 0 18px;
    font-size:22px;
    color:#ffca45;
}
.product-hero-copy p{
    max-width:650px;
    font-size:17px;
    line-height:1.7;
    color:rgba(255,255,255,.9)
}
.product-showcase{
    position:relative;
    min-height:350px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.product-big-icon{
    position:absolute;
    top:0;
    right:30px;
    width:110px;
    height:110px;
    border-radius:24px;
    background:rgba(255,255,255,.14);
    backdrop-filter:blur(8px);
    display:grid;
    place-items:center;
    font-size:42px;
    font-weight:900;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 20px 40px rgba(0,0,0,.18)
}
.product-badge{
    position:absolute;
    top:18px;
    left:20px;
    padding:8px 12px;
    background:#ffbf18;
    color:#17372e;
    font-size:11px;
    font-weight:900;
    border-radius:999px;
}
.mock-window{
    width:78%;
    height:260px;
    background:#f6f8f8;
    border:10px solid rgba(15,30,35,.86);
    border-radius:18px;
    box-shadow:0 30px 70px rgba(0,0,0,.28);
    transform:perspective(1000px) rotateY(-8deg);
    padding:12px;
}
.mock-top{
    height:10px;
    background:#dce3e5;
    border-radius:8px;
    margin-bottom:10px;
}
.mock-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    height:205px;
}
.mock-card{
    background:linear-gradient(135deg,#ffffff,#e9f0f1);
    border-radius:8px;
    box-shadow:inset 0 0 0 1px #e1e8ea;
}
.mock-card.wide{grid-column:span 2}
.product-content{
    padding:46px 0 60px;
    background:linear-gradient(180deg,#f8fbfb,#fff);
}
.product-detail-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:20px;
}
.detail-card{
    background:white;
    border:1px solid #e3e9e7;
    border-radius:16px;
    padding:26px;
    box-shadow:0 10px 30px rgba(10,56,47,.07);
}
.detail-card h3{
    margin:0 0 18px;
    color:#0b5547;
    font-size:22px;
}
.feature-list{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 18px;
}
.feature-list li{
    position:relative;
    padding:12px 12px 12px 36px;
    background:#f8fbfa;
    border-radius:10px;
    font-size:13px;
    line-height:1.4;
}
.feature-list li:before{
    content:"✓";
    position:absolute;
    left:12px;
    top:11px;
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#0d7c63;
    color:#fff;
    font-size:11px;
    font-weight:900;
}
.audience-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.audience-tags span{
    background:#eef7f4;
    color:#0a604f;
    border:1px solid #d5ebe4;
    padding:9px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}
.detail-note{
    margin-top:24px;
    border-left:4px solid #ffb800;
    background:#fff9e9;
    padding:16px;
    border-radius:8px;
}
.detail-note strong{color:#8a5b00}
.detail-note p{font-size:13px;line-height:1.55;color:#58676d;margin:6px 0 0}
.product-cta-strip{
    margin-top:22px;
    background:linear-gradient(135deg,#073f36,#0b6654);
    color:#fff;
    border-radius:16px;
    padding:24px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.product-cta-strip h3{margin:0 0 6px;font-size:24px}
.product-cta-strip p{margin:0;color:#dbeae5}

@media(max-width:850px){
    .product-hero-grid,.product-detail-grid{grid-template-columns:1fr}
    .product-hero-copy h1{font-size:42px}
    .product-showcase{min-height:300px}
    .feature-list{grid-template-columns:1fr}
    .product-cta-strip{flex-direction:column;align-items:flex-start}
}

/* PHASE 3 */
.demo-page{padding:60px 0;background:linear-gradient(180deg,#f3f8f6,#fff)}.demo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}.demo-intro{padding:28px 10px}.demo-intro h1{font-size:46px;color:#083f35;margin:10px 0 16px}.demo-intro>p{font-size:17px;line-height:1.7;color:#5a6a70}.demo-contact-box{margin-top:28px;padding:22px;border-radius:14px;background:#073f36;color:#fff}.demo-contact-box h3{color:#ffc321}.demo-form-card{background:#fff;border:1px solid #e1e8e5;border-radius:18px;padding:28px;box-shadow:0 18px 50px rgba(10,61,51,.09)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:13px;color:#21443d}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd9d5;border-radius:10px;padding:12px 13px;font:inherit;background:#fbfdfc}.field span{font-size:11px;color:#c62828}.demo-submit{width:100%;margin-top:20px}.form-note{text-align:center;color:#718079;font-size:11px}.success-message{padding:14px 16px;border-radius:10px;background:#e9f8ef;color:#176a3a;border:1px solid #c8ead5;margin-bottom:18px;font-weight:700}.legal-page{padding:58px 0;background:linear-gradient(180deg,#f6faf8,#fff)}.legal-card{background:#fff;border:1px solid #e2e9e6;border-radius:16px;padding:34px}.legal-card h1{font-size:42px;color:#073f36}.legal-card h2{font-size:21px;color:#0c6855;margin-top:28px}.legal-card p{font-size:15px;line-height:1.75;color:#59696f}.support-page{padding:50px 0 65px;background:#f8fbfa}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.support-card{background:white;border:1px solid #e2e9e6;border-radius:15px;padding:26px;text-align:center}.support-icon{width:60px;height:60px;margin:0 auto 14px;border-radius:16px;background:linear-gradient(135deg,#0b8068,#06473d);color:#ffc526;display:grid;place-items:center;font-size:26px}.support-cta{margin-top:24px;background:linear-gradient(135deg,#063f36,#0b6854);color:white;border-radius:16px;padding:28px;text-align:center}.copyright a{color:#d3e1dd;text-decoration:none}@media(max-width:800px){.demo-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.support-grid{grid-template-columns:1fr}.demo-intro h1{font-size:38px}}


/* ===================== PHASE 4 ===================== */
/* Real local product illustrations */
.product-image-shell{
    width:min(94%,680px);
    margin:auto;
    border-radius:24px;
    padding:12px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.20);
    box-shadow:0 28px 60px rgba(0,0,0,.22);
}
.product-hero-image{
    display:block;
    width:100%;
    height:auto;
    max-height:390px;
    object-fit:cover;
    border-radius:16px;
    background:#f6f9f9;
}
.product-showcase{min-height:390px}
.product-showcase .product-big-icon{z-index:3;right:2px;top:-18px}
.product-showcase .product-badge{z-index:3;left:-4px;top:10px}

/* About */
.about-hero{
    padding:72px 0;
    background:
      radial-gradient(circle at 85% 15%,rgba(13,128,103,.13),transparent 28%),
      linear-gradient(180deg,#f8fbfa,#fff);
}
.about-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:52px;align-items:center}
.about-hero h1{font-size:52px;line-height:1.08;letter-spacing:-1.4px;color:#083f36;margin:12px 0 18px}
.about-lead{font-size:18px;line-height:1.75;color:#52656b;max-width:760px}
.about-actions{display:flex;gap:12px;margin-top:26px}
.btn-soft{background:#eef7f4;border:1px solid #d6e9e4;color:#0b5d4e}
.about-brand-card{
    padding:30px;border-radius:22px;background:#fff;border:1px solid #e2e9e6;
    box-shadow:0 22px 55px rgba(9,66,54,.10);text-align:center
}
.about-brand-card img{width:100%;max-height:230px;object-fit:contain}
.about-brand-card h3{color:#0b5547;margin:14px 0 6px}
.about-brand-card p{color:#728087;font-size:13px}
.about-section{padding:58px 0;background:#fff}
.about-section.light{background:#f6faf9;border-top:1px solid #edf2f0;border-bottom:1px solid #edf2f0}
.about-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.about-info-card{
    border:1px solid #e2e9e7;border-radius:18px;padding:24px;background:#fff;
    box-shadow:0 10px 30px rgba(9,63,53,.06)
}
.about-icon{
    width:58px;height:58px;border-radius:15px;display:grid;place-items:center;
    background:linear-gradient(135deg,#0d8067,#f5ad17);color:#fff;font-weight:900;margin-bottom:18px
}
.about-info-card h3{font-size:18px;color:#0a5144;margin:0 0 10px}
.about-info-card p{font-size:13px;line-height:1.7;color:#607078;margin:0}
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-split h2{font-size:36px;color:#0a4c40;margin:10px 0 16px}
.about-split p{color:#607078;line-height:1.75}
.process-list{display:grid;gap:12px}
.process-list>div{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid #e2e9e7;padding:16px;border-radius:14px}
.process-list b{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#0b6554;color:#fff}
.process-list strong,.process-list small{display:block}
.process-list strong{color:#0a4d41}
.process-list small{margin-top:4px;color:#718087;line-height:1.35}
.focus-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.focus-strip a{padding:20px;border-radius:14px;background:#f7faf9;border:1px solid #e3eae7;text-decoration:none}
.focus-strip strong,.focus-strip span{display:block}
.focus-strip strong{color:#0b584a;margin-bottom:6px}
.focus-strip span{font-size:12px;color:#718087}
.about-cta{padding:28px 0 45px}
.about-cta .container{background:linear-gradient(135deg,#073f36,#0d725e);color:#fff;border-radius:20px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.about-cta span{font-size:12px;font-weight:800;color:#ffc11c}
.about-cta h2{margin:5px 0 0;font-size:27px}

/* Professional contact/discuss screen */
.contact-hero-pro{
    padding:62px 0;
    background:
      radial-gradient(circle at 82% 20%,rgba(255,184,0,.18),transparent 26%),
      linear-gradient(135deg,#063e35,#08705d);
    color:#fff;
}
.contact-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.contact-hero-pro h1{font-size:50px;line-height:1.08;margin:10px 0 16px;letter-spacing:-1px}
.contact-hero-pro p{font-size:17px;line-height:1.7;color:#e6f0ed;max-width:760px}
.contact-hero-actions{display:flex;gap:12px;margin-top:24px}
.contact-logo-panel{background:rgba(255,255,255,.96);border-radius:20px;padding:24px;text-align:center;box-shadow:0 22px 50px rgba(0,0,0,.18)}
.contact-logo-panel img{width:100%;max-height:210px;object-fit:contain}
.contact-logo-panel p{color:#0b5749;font-weight:700;font-size:13px;margin:10px 0 0}
.contact-pro-section{padding:56px 0;background:linear-gradient(180deg,#f7faf9,#fff)}
.contact-main-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:start}
.section-heading.align-left{text-align:left;margin-bottom:18px}
.contact-methods,.contact-requirement-card{background:#fff;border:1px solid #e2e9e6;border-radius:20px;padding:26px;box-shadow:0 14px 36px rgba(8,66,54,.07)}
.contact-method-card{
    display:grid;grid-template-columns:54px 1fr 28px;gap:14px;align-items:center;
    border:1px solid #e7ecea;border-radius:14px;padding:15px;margin-bottom:12px;text-decoration:none;transition:.2s
}
.contact-method-card:hover{transform:translateY(-2px);border-color:#bcded4;box-shadow:0 10px 22px rgba(11,92,76,.08)}
.contact-method-card i{font-style:normal;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eaf6f2;color:#0b6855;font-size:22px}
.contact-method-card span,.contact-method-card strong,.contact-method-card small{display:block}
.contact-method-card span{font-size:11px;color:#7a888d;font-weight:700;text-transform:uppercase}
.contact-method-card strong{color:#16353a;margin:2px 0}
.contact-method-card small{color:#78878c}
.contact-method-card>b{color:#0b6855;font-size:20px}
.address-panel{margin-top:18px;border-radius:16px;padding:20px;background:#073f36;color:#fff}
.address-panel>span{font-size:11px;color:#ffc11c;font-weight:900}
.address-panel h3{margin:6px 0 4px;font-size:21px}
.address-panel p{margin:0;color:#dceae6;font-size:13px}
.gst-chip{display:inline-block;margin-top:14px;padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:11px}
.contact-requirement-card>.mini-label{font-size:11px;color:#0d765f;font-weight:900}
.contact-requirement-card h2{font-size:30px;color:#0a4e42;margin:7px 0 8px}
.contact-requirement-card>p{color:#6c7a80;line-height:1.6}
.requirement-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.requirement-options a{display:flex;gap:11px;align-items:center;padding:13px;border:1px solid #e4ebe8;border-radius:13px;text-decoration:none;background:#fbfdfc}
.requirement-options i{font-style:normal;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#0d8067,#f2aa14);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900}
.requirement-options strong,.requirement-options small{display:block}
.requirement-options strong{color:#15383b;font-size:13px}
.requirement-options small{color:#758388;font-size:10px;margin-top:3px}
.full-width{width:100%}
.privacy-note{text-align:center!important;font-size:10px!important;color:#859095!important;margin:12px 0 0!important}

/* Demo form polish */
.demo-brand-mini{margin:18px 0;background:#fff;border:1px solid #e2e9e7;border-radius:14px;padding:10px}
.demo-brand-mini img{display:block;width:100%;max-height:135px;object-fit:contain}
.demo-benefits{display:grid;gap:9px;margin:16px 0}
.demo-benefits>div{display:flex;gap:12px;align-items:center;padding:12px;background:#f7faf9;border:1px solid #e4ebe8;border-radius:12px}
.demo-benefits b{width:38px;height:38px;border-radius:10px;background:#0b6554;color:#fff;display:grid;place-items:center;font-size:11px}
.demo-benefits strong,.demo-benefits small{display:block}
.demo-benefits strong{color:#0a5144}
.demo-benefits small{color:#7a878c;font-size:10px;margin-top:3px}

/* Footer legal links remain readable */
.copyright a{color:#d3e1dd;text-decoration:none}

/* Images should never collapse */
img{max-width:100%}
img[data-fallback="true"]{min-height:1px}

@media(max-width:900px){
  .about-hero-grid,.about-split,.contact-hero-grid,.contact-main-grid{grid-template-columns:1fr}
  .about-card-grid{grid-template-columns:1fr 1fr}
  .focus-strip{grid-template-columns:1fr 1fr}
  .contact-logo-panel{max-width:520px}
}
@media(max-width:620px){
  .about-hero h1,.contact-hero-pro h1{font-size:37px}
  .about-card-grid,.focus-strip,.requirement-options{grid-template-columns:1fr}
  .about-actions,.contact-hero-actions{flex-direction:column;align-items:stretch}
  .about-cta .container{flex-direction:column;align-items:flex-start}
  .contact-method-card{grid-template-columns:48px 1fr 20px}
}


/* ==========================================================
   PHASE 4 UPDATED - PREMIUM PRODUCT HERO + FEATURE EXPERIENCE
   ========================================================== */

.product-showcase{
    min-height:430px;
    padding:12px 0;
}
.product-image-shell{
    width:100%;
    max-width:730px;
    margin:0 auto;
    padding:0;
    border-radius:28px;
    background:transparent;
    border:0;
    box-shadow:none;
}
.product-hero-image{
    width:100%;
    max-height:none;
    object-fit:contain;
    border-radius:28px;
    display:block;
    filter:drop-shadow(0 26px 35px rgba(0,0,0,.28));
}
.product-showcase .product-big-icon,
.product-showcase .product-badge{
    display:none;
}

/* Premium Powerful Features */
.premium-features-section{
    padding:64px 0 68px;
    background:
      radial-gradient(circle at 10% 0%, rgba(17,125,101,.06), transparent 28%),
      linear-gradient(180deg,#f7faf9 0%,#ffffff 100%);
}
.premium-section-title{
    text-align:center;
    max-width:760px;
    margin:0 auto 30px;
}
.premium-section-title>span{
    display:inline-block;
    font-size:11px;
    font-weight:900;
    color:#0b765f;
    letter-spacing:.13em;
    margin-bottom:8px;
}
.premium-section-title h2{
    margin:0;
    font-size:34px;
    letter-spacing:-.4px;
    color:#073f36;
}
.premium-section-title h2 strong{
    color:#0d8067;
}
.premium-section-title p{
    margin:10px 0 0;
    color:#65757b;
    font-size:15px;
    line-height:1.6;
}

.premium-features-layout{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);
    gap:22px;
    align-items:stretch;
}

.premium-capabilities-panel,
.premium-bestfor-panel{
    background:#fff;
    border:1px solid #e2e9e7;
    border-radius:22px;
    box-shadow:0 14px 40px rgba(8,64,52,.07);
}

.premium-capabilities-panel{
    padding:25px;
}
.premium-bestfor-panel{
    padding:25px;
    position:relative;
    overflow:hidden;
}
.premium-bestfor-panel:after{
    content:"";
    position:absolute;
    right:-70px;
    bottom:-70px;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(13,128,103,.045);
}

.panel-title-row{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}
.panel-title-icon{
    width:44px;
    height:44px;
    border-radius:13px;
    background:linear-gradient(135deg,#08715d,#0e9b7d);
    color:#fff;
    display:grid;
    place-items:center;
    font-size:19px;
    box-shadow:0 8px 20px rgba(13,128,103,.20);
}
.panel-title-row span{
    display:block;
    color:#0d735e;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
}
.panel-title-row h3{
    margin:4px 0 0;
    color:#133b3b;
    font-size:18px;
    font-weight:800;
}

.premium-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.premium-feature-card{
    min-height:106px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:15px;
    border:1px solid #e7ecea;
    border-radius:15px;
    background:linear-gradient(180deg,#fbfdfc,#f7faf9);
    transition:.22s ease;
}
.premium-feature-card:hover{
    transform:translateY(-2px);
    border-color:#bfddd4;
    box-shadow:0 10px 22px rgba(11,102,84,.08);
}
.premium-feature-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    border-radius:11px;
    display:grid;
    place-items:center;
    background:#e9f5f1;
    color:#08725d;
    font-size:16px;
    font-weight:900;
}
.premium-feature-card h4{
    margin:1px 0 5px;
    color:#12393a;
    font-size:14px;
}
.premium-feature-card p{
    margin:0;
    color:#66777d;
    font-size:11px;
    line-height:1.5;
}

.premium-tags{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-bottom:22px;
}
.premium-tags span{
    padding:9px 12px;
    border-radius:999px;
    background:#edf6f3;
    border:1px solid #d8e9e3;
    color:#0b6252;
    font-size:11px;
    font-weight:800;
}

.premium-custom-box{
    display:flex;
    gap:13px;
    padding:17px;
    border-radius:16px;
    background:linear-gradient(135deg,#fff8e6,#fffdf8);
    border:1px solid #f3e3b9;
    border-left:4px solid #f4b215;
    position:relative;
    z-index:2;
}
.custom-icon{
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:12px;
    background:#fff4cf;
    color:#8a6400;
    display:grid;
    place-items:center;
    font-size:18px;
}
.premium-custom-box span{
    display:block;
    font-size:10px;
    font-weight:900;
    color:#8e6800;
    letter-spacing:.05em;
}
.premium-custom-box h4{
    margin:4px 0 6px;
    color:#6f5100;
    font-size:17px;
}
.premium-custom-box p{
    margin:0;
    color:#6b6d69;
    font-size:11px;
    line-height:1.55;
}

.premium-trust-list{
    display:grid;
    gap:9px;
    margin-top:20px;
    position:relative;
    z-index:2;
}
.premium-trust-list div{
    display:flex;
    align-items:center;
    gap:9px;
    color:#506267;
    font-size:12px;
}
.premium-trust-list b{
    width:22px;
    height:22px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#e8f5f1;
    color:#0a775f;
    font-size:11px;
}

.product-cta-only{
    padding-top:0;
    background:#fff;
}

@media(max-width:1000px){
    .premium-features-layout{
        grid-template-columns:1fr;
    }
}
@media(max-width:650px){
    .premium-feature-grid{
        grid-template-columns:1fr;
    }
    .premium-section-title h2{
        font-size:28px;
    }
    .premium-capabilities-panel,
    .premium-bestfor-panel{
        padding:18px;
    }
}


/* FINAL IMAGE + FEATURE + FOOTER FIX */
.product-image-shell{
    overflow:hidden;
}
.product-hero-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:260px;
    object-fit:contain !important;
    background:#f5f8f7;
}
.premium-feature-card{
    min-height:132px;
}
.premium-feature-card p{
    font-size:12px;
    line-height:1.58;
}
.premium-feature-card h4{
    font-size:14px;
    line-height:1.35;
}
.footer-legal-links{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    justify-content:flex-end;
    gap:11px;
    white-space:nowrap;
}
.footer-legal-links a{
    display:inline !important;
    margin:0 !important;
    white-space:nowrap;
}
.footer-legal-links i{
    font-style:normal;
    opacity:.65;
}
@media(max-width:650px){
    .footer-legal-links{
        justify-content:flex-start;
        flex-wrap:wrap;
        white-space:normal;
    }
}


/* ==========================================================
   PREMIUM REQUEST DEMO PAGE
   ========================================================== */
.demo-pro-page{
    padding:54px 0 64px;
    background:
        radial-gradient(circle at 8% 10%,rgba(15,126,103,.08),transparent 25%),
        radial-gradient(circle at 95% 90%,rgba(246,178,22,.08),transparent 22%),
        linear-gradient(180deg,#f7faf9 0%,#ffffff 100%);
}
.demo-pro-shell{
    display:grid;
    grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
    gap:28px;
    align-items:stretch;
}
.demo-pro-info{
    position:relative;
    border-radius:24px;
    padding:34px;
    color:#fff;
    overflow:hidden;
    background:
        radial-gradient(circle at 95% 12%,rgba(255,194,28,.20),transparent 26%),
        linear-gradient(145deg,#063f36,#0a6f5c);
    box-shadow:0 24px 60px rgba(6,63,54,.16);
}
.demo-pro-info:after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-90px;
    width:240px;
    height:240px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.10);
    box-shadow:
        0 0 0 34px rgba(255,255,255,.025),
        0 0 0 70px rgba(255,255,255,.018);
}
.demo-pro-brand{
    width:215px;
    background:#fff;
    border-radius:14px;
    padding:8px 12px;
    margin-bottom:28px;
}
.demo-pro-brand img{
    display:block;
    width:100%;
    height:72px;
    object-fit:contain;
}
.demo-pro-kicker{
    display:inline-block;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    color:#ffc11c;
    margin-bottom:10px;
}
.demo-pro-info h1{
    margin:0;
    font-size:44px;
    line-height:1.08;
    letter-spacing:-1px;
}
.demo-pro-lead{
    margin:18px 0 26px;
    font-size:15px;
    line-height:1.75;
    color:#dbeae6;
}
.demo-pro-steps{
    display:grid;
    gap:10px;
    margin:24px 0;
    position:relative;
    z-index:2;
}
.demo-step{
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:14px;
    border-radius:14px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.10);
}
.demo-step.active{
    background:rgba(255,193,28,.10);
    border-color:rgba(255,193,28,.30);
}
.demo-step b{
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:#073f36;
    background:#ffc11c;
    font-size:11px;
}
.demo-step strong,
.demo-step small{
    display:block;
}
.demo-step strong{
    color:#fff;
    font-size:13px;
    margin-bottom:3px;
}
.demo-step small{
    color:#d6e7e2;
    font-size:10px;
    line-height:1.45;
}
.demo-pro-contact{
    display:grid;
    gap:9px;
    margin-top:22px;
    position:relative;
    z-index:2;
}
.demo-pro-contact>div{
    display:flex;
    align-items:center;
    gap:11px;
    padding:10px 12px;
    border-radius:11px;
    background:rgba(255,255,255,.06);
}
.demo-pro-contact i{
    font-style:normal;
    width:34px;
    height:34px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.11);
    color:#ffc11c;
}
.demo-pro-contact small,
.demo-pro-contact strong{
    display:block;
}
.demo-pro-contact small{
    color:#a9c8bf;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.demo-pro-contact strong{
    color:#fff;
    font-size:11px;
    margin-top:2px;
}

.demo-pro-form-card{
    border:1px solid #dfe8e5;
    border-radius:24px;
    background:#fff;
    padding:34px;
    box-shadow:0 24px 60px rgba(11,78,65,.09);
}
.demo-pro-form-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding-bottom:22px;
    margin-bottom:24px;
    border-bottom:1px solid #e8eeec;
}
.demo-pro-form-head>div:first-child>span{
    display:block;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    color:#0d785f;
    margin-bottom:5px;
}
.demo-pro-form-head h2{
    margin:0;
    color:#083f36;
    font-size:30px;
}
.demo-pro-form-head p{
    margin:7px 0 0;
    color:#6b797e;
    font-size:12px;
}
.demo-secure-badge{
    white-space:nowrap;
    padding:8px 11px;
    border-radius:999px;
    background:#edf7f4;
    border:1px solid #d8ebe5;
    color:#0c705a;
    font-size:10px;
    font-weight:800;
}
.demo-field-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}
.demo-field-full{
    grid-column:1/-1;
}
.demo-field label{
    display:block;
    color:#133b3b;
    font-size:12px;
    font-weight:800;
    margin-bottom:8px;
}
.demo-field label em{
    color:#e29b00;
    font-style:normal;
}
.demo-input-wrap{
    display:flex;
    align-items:center;
    min-height:52px;
    border:1px solid #cfddda;
    border-radius:12px;
    background:#fbfdfc;
    transition:.18s ease;
    overflow:hidden;
}
.demo-input-wrap:focus-within{
    border-color:#0d8067;
    background:#fff;
    box-shadow:0 0 0 4px rgba(13,128,103,.08);
}
.demo-input-wrap>span{
    flex:0 0 44px;
    display:grid;
    place-items:center;
    color:#0b705b;
    font-size:15px;
}
.demo-input-wrap input,
.demo-input-wrap select,
.demo-input-wrap textarea{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#1c3439;
    font:inherit;
    font-size:13px;
    padding:14px 14px 14px 0;
}
.demo-input-wrap input::placeholder,
.demo-input-wrap textarea::placeholder{
    color:#96a2a6;
}
.select-wrap select{
    appearance:auto;
}
.textarea-wrap{
    align-items:flex-start;
}
.textarea-wrap>span{
    padding-top:15px;
}
.textarea-wrap textarea{
    resize:vertical;
    min-height:150px;
    line-height:1.55;
}
.field-validation-error{
    display:block;
    margin-top:5px;
    color:#b42318;
    font-size:10px;
}
.demo-validation-summary{
    margin-bottom:16px;
    color:#b42318;
    font-size:11px;
}
.demo-success{
    padding:13px 14px;
    border-radius:12px;
    background:#eaf7f0;
    border:1px solid #c9e8d7;
    color:#16633e;
    margin-bottom:18px;
    font-size:12px;
    font-weight:700;
}
.demo-form-footer{
    margin-top:25px;
    padding-top:20px;
    border-top:1px solid #e8eeec;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.demo-privacy-note{
    display:flex;
    align-items:center;
    gap:9px;
    max-width:420px;
}
.demo-privacy-note>b{
    width:36px;
    height:36px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:#eef7f4;
}
.demo-privacy-note strong,
.demo-privacy-note small{
    display:block;
}
.demo-privacy-note strong{
    color:#153a3b;
    font-size:10px;
}
.demo-privacy-note small{
    color:#7c898d;
    font-size:9px;
    margin-top:2px;
    line-height:1.4;
}
.demo-submit-btn{
    min-width:210px;
    background:linear-gradient(135deg,#f6b418,#ffca3e);
    color:#15362f;
    border:0;
    box-shadow:0 10px 24px rgba(246,180,24,.22);
}
.demo-submit-btn:hover{
    transform:translateY(-1px);
}
.demo-submit-btn span{
    margin-left:8px;
}

@media(max-width:980px){
    .demo-pro-shell{
        grid-template-columns:1fr;
    }
    .demo-pro-info{
        order:2;
    }
}
@media(max-width:650px){
    .demo-pro-page{
        padding:24px 0 36px;
    }
    .demo-pro-info,
    .demo-pro-form-card{
        padding:22px;
        border-radius:18px;
    }
    .demo-pro-info h1{
        font-size:34px;
    }
    .demo-field-grid{
        grid-template-columns:1fr;
    }
    .demo-field-full{
        grid-column:auto;
    }
    .demo-pro-form-head,
    .demo-form-footer{
        flex-direction:column;
        align-items:stretch;
    }
    .demo-secure-badge{
        width:max-content;
    }
    .demo-submit-btn{
        width:100%;
    }
}

/* PROFESSIONAL IMAGE SYSTEM */
.hero-image-visual{display:flex;align-items:center;justify-content:center;min-height:470px}
.home-hero-image{display:block;width:100%;max-width:760px;height:auto;border-radius:26px;filter:drop-shadow(0 30px 45px rgba(0,0,0,.28))}
.product-card-preview{width:100%;height:122px;object-fit:cover;object-position:center;border-radius:12px;margin:15px 0 8px;border:1px solid #e0e8e6;box-shadow:0 8px 20px rgba(9,70,58,.07)}
.about-brand-card img,.contact-logo-panel img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:16px}
.about-brand-card{padding:16px}
.demo-pro-visual{margin:18px 0 20px;padding:7px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.demo-pro-visual img{display:block;width:100%;height:auto;border-radius:12px}
.product-image-shell{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.product-hero-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;object-fit:contain!important;border-radius:26px!important;background:transparent!important;filter:drop-shadow(0 28px 42px rgba(0,0,0,.24))}
@media(max-width:650px){.hero-image-visual{min-height:auto;padding:20px 0 35px}.product-card-preview{height:110px}}

/* FULL PROFESSIONAL UPGRADE */
.section-kicker{display:block;text-align:center;color:#0b765f;font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:8px}
.industry-section,.process-section,.technology-section,.product-benefits-section,.product-gallery-section,.product-faq-section{padding:58px 0}
.industry-section{background:#f7faf9}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.industry-grid article{background:#fff;border:1px solid #e2e9e7;border-radius:18px;padding:22px;box-shadow:0 10px 26px rgba(8,64,52,.05)}
.industry-grid article>div{font-size:28px}.industry-grid h3{margin:12px 0 7px;color:#0b5547}.industry-grid p{margin:0;color:#67767c;font-size:12px;line-height:1.6}
.process-section{background:#fff}
.process-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.process-timeline>div{position:relative;padding:20px 15px;border:1px solid #e2e9e7;border-radius:16px;background:#fbfdfc}
.process-timeline b{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#0b6654;color:#fff;font-size:11px}
.process-timeline h3{font-size:14px;color:#0b5043}.process-timeline p{font-size:10px;color:#6f7c81;line-height:1.55}
.technology-section{background:linear-gradient(135deg,#073f36,#0a6756);color:#fff}
.technology-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.technology-section .section-kicker{text-align:left;color:#ffc11c}.technology-section h2{font-size:34px;margin:8px 0}.technology-section h2 span{color:#ffc11c}
.technology-section p{color:#d8e8e3;line-height:1.7}.tech-badges{display:flex;flex-wrap:wrap;gap:9px}.tech-badges span{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:11px}
.tech-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tech-panel div{padding:18px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.tech-panel strong,.tech-panel span{display:block}.tech-panel strong{color:#ffc11c;font-size:17px}.tech-panel span{font-size:10px;color:#d8e8e3;margin-top:5px}
.product-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-benefit-grid article{display:flex;gap:10px;padding:17px;border:1px solid #e1e9e6;border-radius:15px;background:#fff}.product-benefit-grid b{width:28px;height:28px;display:grid;place-items:center;background:#e9f6f2;color:#0b705b;border-radius:50%}.product-benefit-grid p{margin:0;color:#53666c;font-size:12px;line-height:1.55}
.product-gallery-section{background:#f7faf9}.product-gallery-grid{display:grid;grid-template-columns:1.5fr repeat(3,.55fr);gap:14px}.gallery-main{grid-row:span 2;background:#fff;border:1px solid #e1e8e6;border-radius:18px;padding:12px}.gallery-main img{width:100%;height:100%;object-fit:contain;border-radius:13px}.gallery-note{background:#fff;border:1px solid #e1e8e6;border-radius:16px;padding:18px}.gallery-note span{color:#0c8067;font-size:11px;font-weight:900}.gallery-note h3{font-size:14px;color:#0a5144}.gallery-note p{font-size:10px;color:#6d7a80;line-height:1.5}
.product-faq-section{background:#fff}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #e1e8e6;border-radius:13px;padding:0 16px;background:#fbfdfc}.faq-list summary{cursor:pointer;list-style:none;padding:15px 0;font-weight:800;color:#173b3c;display:flex;justify-content:space-between}.faq-list details p{margin:0;padding:0 0 15px;color:#68777d;font-size:12px;line-height:1.6}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:100;display:flex;align-items:center;gap:8px;padding:10px 13px;background:#1f9d66;color:#fff;text-decoration:none;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:12px;font-weight:800}.whatsapp-float b{font-size:18px}
.admin-page{padding:50px 0;background:#f7faf9;min-height:70vh}.admin-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.admin-head .section-kicker{text-align:left}.admin-head h1{margin:5px 0;color:#0b4f43}.admin-head p{color:#718087}.admin-summary{background:#073f36;color:#fff;padding:14px 20px;border-radius:14px;text-align:center}.admin-summary strong,.admin-summary span{display:block}.admin-summary strong{font-size:24px;color:#ffc11c}.admin-summary span{font-size:10px}
.admin-filter{display:grid;grid-template-columns:1fr 180px 120px;gap:10px;background:#fff;border:1px solid #e1e8e6;padding:14px;border-radius:14px;margin-bottom:14px}.admin-filter input,.admin-filter select{border:1px solid #d6e1dd;border-radius:9px;padding:11px}
.admin-table-wrap{overflow:auto;background:#fff;border:1px solid #e1e8e6;border-radius:16px}.admin-table{width:100%;border-collapse:collapse;font-size:11px}.admin-table th{background:#073f36;color:#fff;text-align:left;padding:12px}.admin-table td{padding:12px;border-bottom:1px solid #edf1ef;vertical-align:top}.admin-table strong,.admin-table small,.admin-table span{display:block}.admin-table small{color:#77868b;margin-top:4px}.message-cell{min-width:250px;max-width:360px}.status-form{display:flex;gap:5px}.status-form select{padding:6px;border:1px solid #d5dfdc;border-radius:7px}.status-form button{border:0;background:#0b6654;color:#fff;padding:6px 8px;border-radius:7px}
@media(max-width:980px){.industry-grid{grid-template-columns:1fr 1fr}.process-timeline{grid-template-columns:repeat(3,1fr)}.technology-grid{grid-template-columns:1fr}.product-benefit-grid{grid-template-columns:1fr 1fr}.product-gallery-grid{grid-template-columns:1fr 1fr}.gallery-main{grid-column:1/-1;grid-row:auto}}
@media(max-width:650px){.industry-grid,.process-timeline,.tech-panel,.product-benefit-grid,.product-gallery-grid{grid-template-columns:1fr}.admin-filter{grid-template-columns:1fr}.whatsapp-float span{display:none}}

/* GST & BUSINESS TOOLS */
.gst-tools-hero{padding:62px 0;background:linear-gradient(135deg,#053f36,#08705d);color:#fff}
.gst-tools-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.gst-tools-hero h1{font-size:50px;line-height:1.08;margin:10px 0 14px}.gst-tools-hero p{color:#dceae6;font-size:16px;line-height:1.7}
.gst-tools-visual{display:flex;justify-content:center}.gst-orbit{position:relative;width:270px;height:270px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;background:rgba(255,255,255,.06);box-shadow:0 25px 60px rgba(0,0,0,.2)}
.gst-orbit span{font-size:64px;font-weight:900;color:#ffc11c}.gst-orbit b,.gst-orbit i{position:absolute;width:70px;height:70px;border-radius:18px;display:grid;place-items:center;background:#fff;color:#0b6654;font-style:normal;box-shadow:0 12px 25px rgba(0,0,0,.16)}.gst-orbit b{top:-18px;right:25px}.gst-orbit i{bottom:-18px;left:28px}
.gst-tools-section{padding:58px 0;background:#f7faf9}.gst-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gst-tool-grid article{background:#fff;border:1px solid #e0e8e5;border-radius:20px;padding:26px;box-shadow:0 14px 35px rgba(8,64,52,.06)}.gst-tool-icon{width:64px;height:64px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#0b8067,#0d5d4e);color:#fff;font-weight:900;font-size:20px}.gst-tool-icon.orange{background:linear-gradient(135deg,#f39510,#f5bf23)}.gst-tool-grid h3{color:#0a5144}.gst-tool-grid p,.gst-tool-grid li{color:#64757b;font-size:12px;line-height:1.6}.gst-roadmap{margin-top:22px;background:#073f36;color:#fff;padding:20px;border-radius:16px}.gst-roadmap>span{font-size:10px;color:#ffc11c;font-weight:900}.gst-roadmap>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.gst-roadmap b{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px}
.gst-page{padding:50px 0 65px;background:#f7faf9;min-height:70vh}.gst-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.section-kicker.left{text-align:left}.gst-page-head h1{font-size:40px;color:#0a4e42;margin:6px 0 8px}.gst-page-head p{color:#69797f;max-width:820px;line-height:1.65}.gst-warning{padding:14px 16px;background:#fff7df;border:1px solid #efd997;border-left:4px solid #f3b41d;border-radius:12px;color:#725500;font-size:12px;line-height:1.55;margin-bottom:18px}
.irn-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.gst-form-card,.irn-result-card,.gstr-upload-card{background:#fff;border:1px solid #e0e8e5;border-radius:18px;padding:24px;box-shadow:0 12px 32px rgba(8,64,52,.06)}.gst-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gst-form-grid .full{grid-column:1/-1}.gst-form-grid label{display:block;font-size:11px;font-weight:800;color:#183a3c;margin-bottom:6px}.gst-form-grid input,.gst-form-grid select,.gst-form-grid textarea{width:100%;padding:11px;border:1px solid #d4e0dd;border-radius:9px;background:#fbfdfc}.gst-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:11px;color:#728087}.irn-result-card>span{font-size:10px;color:#0b765f;font-weight:900}.irn-result-card h3{color:#0a5144}.irn-result-card dl{display:grid;grid-template-columns:90px 1fr;gap:9px;font-size:11px}.irn-result-card dt{font-weight:800;color:#465a60}.irn-result-card dd{margin:0;color:#6d7b80}.irn-result-card .break{word-break:break-all}.irn-mode{display:inline-block;margin:10px 0;padding:6px 9px;background:#fff4cf;border-radius:999px;color:#7b5b00;font-size:10px}.irn-message{font-size:10px;color:#6f7d82;line-height:1.5}
.gstr-upload-card form{display:grid;grid-template-columns:1fr 1fr 180px;gap:14px;align-items:end}.gstr-upload-card label{display:block;font-size:11px;font-weight:800;color:#183a3c;margin-bottom:6px}.gstr-upload-card input{display:block;width:100%;padding:9px;border:1px solid #d8e1df;border-radius:9px;background:#fbfdfc}.gstr-upload-card a{font-size:10px;color:#0b765f}.gst-error{margin:14px 0;padding:12px 14px;background:#fff1f0;border:1px solid #f4c6c2;color:#a63a2d;border-radius:11px;font-size:11px}.gstr-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.gstr-kpis div{background:#fff;border:1px solid #e0e8e5;border-radius:13px;padding:14px}.gstr-kpis span,.gstr-kpis strong{display:block}.gstr-kpis span{font-size:9px;color:#728087}.gstr-kpis strong{margin-top:6px;color:#0a5144;font-size:16px}.gstr-table-wrap{overflow:auto;background:#fff;border:1px solid #e0e8e5;border-radius:16px}.gstr-table{width:100%;border-collapse:collapse;font-size:10px}.gstr-table th{background:#073f36;color:#fff;text-align:left;padding:11px}.gstr-table td{padding:11px;border-bottom:1px solid #edf1ef;vertical-align:top}.gstr-table strong,.gstr-table small{display:block}.gstr-table small{color:#7c888c;margin-top:3px}.status-chip{display:inline-block;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;background:#eef2f1}.status-chip.matched{background:#e8f6ef;color:#21734d}.status-chip.mismatch{background:#fff2d9;color:#8a5c00}.status-chip.missing-in-2b,.status-chip.missing-in-books{background:#fff0ee;color:#a43c30}
.gst-home-section{padding:32px 0 42px}.gst-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:#f7faf9;border:1px solid #e0e8e5;border-radius:20px;padding:28px}.gst-home-grid h2{color:#0b5043}.gst-home-grid h2 span{color:#0c8067}.gst-home-grid p{color:#68777d;line-height:1.65}.gst-home-actions{display:flex;gap:10px}.gst-home-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gst-home-cards div{background:#fff;border:1px solid #e0e8e5;border-radius:14px;padding:16px}.gst-home-cards b,.gst-home-cards span{display:block}.gst-home-cards b{color:#0b765f;font-size:18px}.gst-home-cards span{font-size:10px;color:#78868b;margin-top:5px}
@media(max-width:900px){.gst-tools-hero-grid,.irn-grid,.gst-home-grid{grid-template-columns:1fr}.gstr-upload-card form{grid-template-columns:1fr}.gstr-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.gst-tool-grid,.gst-form-grid,.gst-home-cards{grid-template-columns:1fr}.gstr-kpis{grid-template-columns:1fr 1fr}.gst-page-head{flex-direction:column;align-items:flex-start}.gst-tools-hero h1{font-size:38px}}

/* DIGI BUSINESS INTELLIGENCE TOOLS */
.bi-hero{padding:64px 0;background:linear-gradient(135deg,#092f43,#075f59 60%,#0c7b64);color:#fff}
.bi-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}.bi-hero h1{font-size:52px;line-height:1.08;margin:10px 0 15px}.bi-hero p{color:#d9e9e6;font-size:16px;line-height:1.7}
.bi-hero-visual{display:flex;justify-content:center}.bi-dashboard-card{width:360px;min-height:280px;border-radius:24px;padding:28px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 60px rgba(0,0,0,.2)}.bi-dashboard-card>span,.bi-dashboard-card>strong{display:block}.bi-dashboard-card>span{color:#ffc11c;font-size:11px;font-weight:900}.bi-dashboard-card>strong{font-size:28px;margin:8px 0 25px}.bi-mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bi-mini-kpis div{background:rgba(255,255,255,.09);padding:16px;border-radius:14px}.bi-mini-kpis b,.bi-mini-kpis small{display:block}.bi-mini-kpis b{font-size:22px;color:#ffc11c}.bi-mini-kpis small{margin-top:5px;color:#dbe9e5}
.bi-tools-section{padding:58px 0;background:#f7faf9}.bi-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bi-tool-grid article{background:#fff;border:1px solid #e0e8e5;border-radius:18px;padding:22px;box-shadow:0 12px 28px rgba(8,64,52,.06)}.bi-tool-grid article.bi-tool-featured{background:linear-gradient(145deg,#073f36,#0a6756);color:#fff}.bi-tool-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0b8067,#0a5b4c);color:#fff;font-weight:900}.bi-tool-icon.orange{background:linear-gradient(135deg,#f08b0b,#f6be29)}.bi-tool-icon.purple{background:linear-gradient(135deg,#6944b0,#956bd8)}.bi-tool-icon.blue{background:linear-gradient(135deg,#176ed0,#31a2e7)}.bi-tool-icon.pink{background:linear-gradient(135deg,#d8286c,#f05c96)}.bi-tool-icon.teal{background:linear-gradient(135deg,#078d8a,#42c3bc)}.bi-tool-icon.green{background:linear-gradient(135deg,#1d8056,#3fb27e)}.bi-tool-icon.gold{background:linear-gradient(135deg,#e79c00,#ffcc3d);color:#173b35}.bi-tool-grid h3{color:#0a5144;font-size:17px}.bi-tool-featured h3{color:#ffc11c}.bi-tool-grid p{font-size:11px;line-height:1.6;color:#69797e}.bi-tool-featured p{color:#d6e6e2}.bi-tool-grid a{font-size:11px;font-weight:900;color:#0c725d;text-decoration:none}.bi-tool-featured a{color:#ffc11c}
.bi-tool-page{padding:52px 0 66px;background:#f7faf9;min-height:70vh}.bi-tool-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.bi-tool-page-head h1{font-size:40px;color:#0a4e42;margin:6px 0 8px}.bi-tool-page-head p{color:#6d7b80;max-width:820px;line-height:1.65}.bi-calc-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.bi-calc-form,.bi-result-panel,.bi-module-card{background:#fff;border:1px solid #e0e8e5;border-radius:18px;padding:24px;box-shadow:0 12px 32px rgba(8,64,52,.06)}.bi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.bi-form-grid label{display:block;font-size:11px;font-weight:800;color:#183a3c;margin-bottom:6px}.bi-form-grid input{width:100%;padding:11px;border:1px solid #d5e0dd;border-radius:9px}.bi-result-panel>span{font-size:10px;color:#0b765f;font-weight:900}.bi-result-grid{display:grid;gap:10px;margin-top:16px}.bi-result-grid div{padding:14px;border-radius:12px;background:#f7faf9;border:1px solid #e3ebe8}.bi-result-grid span,.bi-result-grid strong{display:block}.bi-result-grid span{font-size:10px;color:#728087}.bi-result-grid strong{font-size:20px;color:#0a5144;margin-top:5px}
.bi-module-card>span{font-size:10px;color:#0b765f;font-weight:900}.bi-module-card h2{color:#0a5144}.bi-module-card li{color:#63747a;line-height:1.8}.bi-module-note{margin:18px 0;padding:14px;border-left:4px solid #f4b21a;background:#fff8e4;color:#725600;font-size:11px;line-height:1.55}
.bi-home-section{padding:42px 0;background:#fff}.bi-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bi-home-grid a{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e0e8e5;border-radius:14px;text-decoration:none;background:#f9fbfa}.bi-home-grid b{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#0b6654;color:#fff}.bi-home-grid strong,.bi-home-grid small{display:block}.bi-home-grid strong{color:#173b3c;font-size:12px}.bi-home-grid small{color:#7a888d;font-size:10px;margin-top:3px}.bi-home-action{text-align:center;margin-top:18px}
@media(max-width:1000px){.bi-tool-grid{grid-template-columns:1fr 1fr}.bi-hero-grid,.bi-calc-grid{grid-template-columns:1fr}.bi-home-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.bi-tool-grid,.bi-form-grid,.bi-home-grid{grid-template-columns:1fr}.bi-tool-page-head{flex-direction:column;align-items:flex-start}.bi-hero h1{font-size:38px}}

/* COMMERCIAL PRODUCT POSITIONING + SINGLE ROW NAV */
@media(min-width:1050px){
  .main-nav,.navbar-nav,.site-nav,.nav-links{flex-wrap:nowrap!important;white-space:nowrap!important}
  header nav a,.main-nav a,.navbar-nav a,.site-nav a,.nav-links a{white-space:nowrap!important}
  header .container,header .nav-container{max-width:1720px!important}
}
.command-center-section{padding:58px 0;background:linear-gradient(135deg,#063f36,#075f52);color:#fff}
.command-center-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}
.command-center-section h2{font-size:40px;margin:8px 0;color:#fff}.command-center-section h2 span{color:#ffc11c}
.command-tagline{font-size:17px!important;font-weight:800;color:#ffc11c!important}.command-center-section p{color:#d9e8e4;line-height:1.7}
.command-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}.command-pills span{padding:8px 11px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);border-radius:999px;font-size:10px}
.command-dashboard{padding:22px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 25px 55px rgba(0,0,0,.18)}
.health{text-align:center;padding:20px;border-radius:16px;background:rgba(255,255,255,.08)}.health small,.health strong,.health em{display:block}.health small{color:#d8e8e3;font-size:10px}.health strong{font-size:58px;color:#ffc11c}.health strong span{font-size:20px;color:#fff}.health em{font-size:10px;color:#d8e8e3;font-style:normal}
.command-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.command-kpis div{padding:13px;border-radius:12px;background:rgba(255,255,255,.07)}.command-kpis small,.command-kpis b{display:block}.command-kpis small{font-size:9px;color:#cfe0dc}.command-kpis b{font-size:12px;color:#fff;margin-top:3px}
.home-command-center{padding:28px 0;background:#fff}.home-command-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 28px;border-radius:19px;background:linear-gradient(135deg,#073f36,#096655);color:#fff}.home-command-inner span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#ffc11c}.home-command-inner h2{margin:6px 0;font-size:27px}.home-command-inner p{margin:0;color:#d9e8e4;font-size:12px}
@media(max-width:900px){.command-center-grid{grid-template-columns:1fr}.home-command-inner{align-items:flex-start;flex-direction:column}}

/* PROFESSIONAL SOFTWARE SCREENSHOT SHOWCASE */
.software-screen-section{padding:58px 0;background:#f7faf9}
.software-screen-card{max-width:1120px;margin:0 auto;background:#fff;border:1px solid #e0e8e5;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(7,63,54,.10)}
.screen-browser-bar{height:46px;background:#13282e;display:flex;align-items:center;gap:7px;padding:0 15px}
.screen-browser-bar span{width:10px;height:10px;border-radius:50%;background:#ff7d70}
.screen-browser-bar span:nth-child(2){background:#ffc45b}.screen-browser-bar span:nth-child(3){background:#5bc99a}
.screen-browser-bar b{margin-left:12px;color:#e8f2ef;font-size:11px}
.software-screen-card>img{display:block;width:100%;min-height:220px;object-fit:cover;background:#edf3f1}
.screen-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;border-top:1px solid #e6ecea}
.screen-caption strong,.screen-caption small{display:block}.screen-caption strong{color:#0a5144}.screen-caption small{color:#738086;font-size:10px;margin-top:4px}
.software-showcase-section{padding:58px 0;background:#fff}
.showcase-image-card{padding:10px;background:#fff;border:1px solid #e0e8e5;border-radius:22px;box-shadow:0 18px 48px rgba(7,63,54,.09)}
.showcase-image-card img{display:block;width:100%;height:auto;border-radius:14px}
.commercial-product-shot{display:block;width:100%;height:165px;object-fit:cover;border-radius:13px;border:1px solid #e2e9e6;margin-bottom:16px;box-shadow:0 9px 22px rgba(7,63,54,.07)}
.command-dashboard-image{padding:8px!important}
.command-dashboard-image img{display:block;width:100%;height:auto;border-radius:14px}
@media(max-width:650px){.screen-caption{flex-direction:column;align-items:flex-start}.commercial-product-shot{height:130px}}

/* BHCC + BRCC PRODUCT EXPERIENCE */
.premium-product-card{border-color:#dbe8e3}
.resilience-section{padding:64px 0;background:linear-gradient(180deg,#f7faf9,#fff)}
.resilience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.resilience-card{position:relative;padding:26px;border-radius:20px;background:#fff;border:1px solid #e1e9e6;box-shadow:0 14px 36px rgba(8,64,52,.07);overflow:hidden}
.resilience-card:after{content:"";position:absolute;right:-50px;bottom:-50px;width:140px;height:140px;border-radius:50%;opacity:.07}
.resilience-card.understand:after{background:#29b6a6}.resilience-card.protect:after{background:#f4b21c}.resilience-card.recover:after{background:#7f6ad8}
.resilience-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#073f36;color:#fff;font-weight:900}
.resilience-card>span{display:block;margin-top:18px;font-size:10px;font-weight:900;letter-spacing:.1em;color:#0b765f}
.resilience-card h3{color:#123b3c;font-size:20px;margin:7px 0 9px}
.resilience-card p{color:#65757b;font-size:12px;line-height:1.65}
.resilience-card ul{padding-left:18px;color:#53666c;font-size:11px;line-height:1.8}
.brcc-summary{margin-top:22px;display:grid;grid-template-columns:1fr 1.3fr 1.3fr auto;gap:12px;align-items:center;padding:20px;border-radius:18px;background:linear-gradient(135deg,#073f36,#0b6756);color:#fff}
.brcc-summary span,.brcc-summary strong{display:block}.brcc-summary span{font-size:9px;color:#bcd7d0}.brcc-summary strong{font-size:12px;margin-top:4px}
@media(max-width:980px){.resilience-grid{grid-template-columns:1fr}.brcc-summary{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.brcc-summary{grid-template-columns:1fr}}


/* ============================================================
   BHCC + BRCC PREMIUM HIGHLIGHT EXPERIENCE
   ============================================================ */
.premium-command-centers{
    padding:68px 0;
    background:
        radial-gradient(circle at 8% 0%,rgba(15,137,108,.09),transparent 27%),
        radial-gradient(circle at 95% 100%,rgba(125,104,211,.08),transparent 26%),
        linear-gradient(180deg,#f7faf9 0%,#ffffff 100%);
}
.premium-command-heading{
    max-width:860px;
    margin:0 auto 32px;
    text-align:center;
}
.premium-label{
    display:inline-block;
    color:#0a745d;
    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;
    margin-bottom:9px;
}
.premium-command-heading h2{
    margin:0;
    color:#093f36;
    font-size:38px;
    letter-spacing:-.7px;
}
.premium-command-heading h2 span{color:#0b7d65}
.premium-command-heading p{
    margin:12px auto 0;
    color:#68797e;
    max-width:760px;
    line-height:1.7;
}
.premium-command-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}
.command-product-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    border:1px solid #dce7e3;
    border-radius:24px;
    padding:26px;
    box-shadow:0 20px 50px rgba(7,64,53,.09);
}
.command-product-card:before{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    border-radius:50%;
    right:-120px;
    top:-120px;
    opacity:.08;
}
.bhcc-highlight:before{background:#0d8067}
.brcc-highlight:before{background:#7868d0}
.command-ribbon{
    display:inline-block;
    padding:7px 10px;
    border-radius:999px;
    background:#e9f6f2;
    color:#08725d;
    font-size:9px;
    font-weight:900;
    letter-spacing:.09em;
}
.purple-ribbon{
    background:#f0edfb;
    color:#6555b6;
}
.command-product-top{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
    margin-top:17px;
}
.command-code{
    display:inline-block;
    color:#0a8067;
    font-size:12px;
    font-weight:900;
    letter-spacing:.12em;
}
.brcc-code{color:#6e5dc3}
.command-product-top h3{
    margin:5px 0 6px;
    color:#103c3c;
    font-size:25px;
    line-height:1.2;
}
.command-subtitle{
    margin:0;
    color:#69797f;
    font-size:12px;
    line-height:1.5;
}
.command-score{
    flex:0 0 125px;
    border-radius:16px;
    background:linear-gradient(145deg,#073f36,#0b6756);
    color:#fff;
    text-align:center;
    padding:14px 10px;
}
.command-score small,.command-score strong,.command-score em{display:block}
.command-score small{font-size:8px;color:#c8ddd7}
.command-score strong{font-size:32px;color:#ffc11c;margin:3px 0}
.command-score strong span{font-size:13px;color:#fff}
.command-score em{font-size:8px;color:#c8ddd7;font-style:normal}
.brcc-triad-mini{
    flex:0 0 130px;
    display:grid;
    gap:6px;
}
.brcc-triad-mini span{
    padding:7px 8px;
    border-radius:8px;
    text-align:center;
    background:#f3f0fc;
    color:#6555b6;
    font-size:8px;
    font-weight:900;
}
.command-product-image{
    width:100%;
    height:245px;
    object-fit:cover;
    object-position:center;
    border-radius:17px;
    margin:20px 0 16px;
    border:1px solid #e0e8e5;
}
.command-flow{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    padding:12px;
    border-radius:13px;
    background:#f7faf9;
    border:1px solid #e4ebe8;
    margin-bottom:16px;
}
.command-flow span{
    font-size:8px;
    font-weight:800;
    color:#31504f;
}
.command-flow i{
    color:#0b8067;
    font-style:normal;
    font-size:10px;
}
.command-benefits-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.command-benefits-grid>div{
    display:flex;
    align-items:flex-start;
    gap:9px;
    padding:12px;
    border-radius:12px;
    background:#fbfdfc;
    border:1px solid #e8edeb;
}
.command-benefits-grid b{
    flex:0 0 28px;
    width:28px;height:28px;
    display:grid;place-items:center;
    border-radius:9px;
    background:#0b6b57;
    color:#fff;
    font-size:8px;
}
.brcc-highlight .command-benefits-grid b{background:#6f5fc0}
.command-benefits-grid strong,.command-benefits-grid small{display:block}
.command-benefits-grid strong{
    color:#153d3e;
    font-size:11px;
}
.command-benefits-grid small{
    color:#738187;
    font-size:9px;
    line-height:1.4;
    margin-top:3px;
}
.command-card-actions{
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:18px;
}
.command-secondary-link{
    color:#0b705a;
    font-size:11px;
    font-weight:900;
    text-decoration:none;
}
.brcc-pillars{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-bottom:16px;
}
.brcc-pillars>div{
    padding:12px;
    border-radius:12px;
    background:linear-gradient(180deg,#fbfaff,#f6f4fd);
    border:1px solid #e7e1fa;
}
.brcc-pillars b,.brcc-pillars strong,.brcc-pillars small{display:block}
.brcc-pillars b{color:#7564c9;font-size:9px}
.brcc-pillars strong{color:#423977;font-size:11px;margin:3px 0}
.brcc-pillars small{color:#786f92;font-size:8px;line-height:1.4}
.command-comparison-strip{
    margin-top:22px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    gap:12px;
    align-items:center;
    background:linear-gradient(135deg,#073f36,#0a6656);
    padding:18px 22px;
    border-radius:18px;
    color:#fff;
}
.command-comparison-strip div{text-align:center}
.command-comparison-strip span,.command-comparison-strip strong{display:block}
.command-comparison-strip span{
    color:#ffc11c;
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
}
.command-comparison-strip strong{
    margin-top:4px;
    font-size:11px;
}
.command-comparison-strip i{
    color:#ffc11c;
    font-style:normal;
    font-size:20px;
}

/* BHCC Benefits */
.bhcc-benefit-section{
    padding:68px 0;
    background:#fff;
}
.benefit-showcase-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.benefit-showcase-grid article{
    border:1px solid #e1e9e6;
    border-radius:18px;
    padding:22px;
    background:linear-gradient(180deg,#fff,#f9fbfa);
    box-shadow:0 10px 28px rgba(8,64,52,.05);
}
.benefit-number{
    width:42px;height:42px;
    display:grid;place-items:center;
    border-radius:12px;
    background:#0b705b;
    color:#fff;
    font-weight:900;
    font-size:10px;
}
.benefit-showcase-grid h3{
    color:#113f3f;
    font-size:17px;
    margin:14px 0 8px;
}
.benefit-showcase-grid p{
    color:#67777d;
    font-size:11px;
    line-height:1.6;
}
.benefit-showcase-grid strong{
    display:block;
    color:#0a6f59;
    font-size:10px;
    margin-top:12px;
}
.benefit-showcase-grid span{
    display:block;
    color:#64747a;
    font-size:10px;
    line-height:1.45;
    margin-top:3px;
}
.benefit-impact-bar{
    margin-top:20px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    background:linear-gradient(135deg,#073f36,#0a6856);
    border-radius:18px;
    padding:20px;
    gap:10px;
    color:#fff;
}
.benefit-impact-bar div{padding:10px 15px}
.benefit-impact-bar small,.benefit-impact-bar strong,.benefit-impact-bar span{display:block}
.benefit-impact-bar small{color:#ffc11c;font-size:8px;font-weight:900}
.benefit-impact-bar strong{font-size:16px;margin:5px 0}
.benefit-impact-bar span{font-size:9px;color:#d7e7e2;line-height:1.4}
.bhcc-usecase-section{padding:0 0 68px;background:#fff}
.bhcc-usecase-card{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:25px;
    align-items:center;
    background:#f7faf9;
    border:1px solid #e2e9e7;
    border-radius:20px;
    padding:28px;
}
.bhcc-usecase-card h2{color:#0a5144;margin:7px 0}
.bhcc-usecase-card p{color:#69797e;line-height:1.6}
.management-insight-flow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}
.management-insight-flow span{
    flex:1;
    text-align:center;
    padding:14px 8px;
    border-radius:13px;
    background:#fff;
    border:1px solid #dfe7e4;
}
.management-insight-flow b,.management-insight-flow small{display:block}
.management-insight-flow b{font-size:16px;color:#0b705b}
.management-insight-flow small{font-size:8px;color:#758388;margin-top:4px}
.management-insight-flow i{font-style:normal;color:#f2ac12}

/* BRCC Benefits */
.brcc-benefit-section{
    padding:68px 0;
    background:
        radial-gradient(circle at 90% 0%,rgba(123,105,208,.08),transparent 28%),
        linear-gradient(180deg,#f8fafb,#fff);
}
.brcc-value-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}
.brcc-value-grid article{
    border:1px solid #e2e7e7;
    border-radius:20px;
    padding:24px;
    background:#fff;
    box-shadow:0 12px 32px rgba(8,64,52,.06);
}
.brcc-value-grid article>span{
    width:42px;height:42px;
    display:grid;place-items:center;
    border-radius:12px;
    color:#fff;
    font-size:10px;
    font-weight:900;
}
.understand-value>span{background:#169985}
.protect-value>span{background:#efa916}
.recover-value>span{background:#7665c9}
.brcc-value-grid h3{color:#153d3e;font-size:19px;margin:14px 0 8px}
.brcc-value-grid p{color:#68787e;font-size:11px;line-height:1.65}
.brcc-value-grid ul{padding-left:18px;color:#52656a;font-size:10px;line-height:1.8}
.brcc-benefits-row{
    margin-top:18px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}
.brcc-benefits-row div{
    padding:16px;
    border-radius:14px;
    background:#fff;
    border:1px solid #e2e8e6;
}
.brcc-benefits-row b,.brcc-benefits-row span{display:block}
.brcc-benefits-row b{color:#5d50a8;font-size:12px}
.brcc-benefits-row span{color:#6c7a80;font-size:9px;line-height:1.45;margin-top:5px}
.brcc-difference-box{
    margin-top:22px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1.15fr;
    align-items:stretch;
    gap:8px;
    padding:18px;
    border-radius:18px;
    background:#0a4037;
}
.brcc-difference-box>div{
    padding:14px;
    border-radius:12px;
    background:rgba(255,255,255,.08);
    color:#fff;
}
.brcc-difference-box>i{
    align-self:center;
    color:#ffc11c;
    font-size:22px;
    font-style:normal;
}
.brcc-difference-box span,.brcc-difference-box strong,.brcc-difference-box p{display:block}
.brcc-difference-box span{color:#ffc11c;font-size:8px;font-weight:900}
.brcc-difference-box strong{font-size:11px;margin:5px 0}
.brcc-difference-box p{font-size:8px;color:#cfdfdb;margin:0;line-height:1.4}
.brcc-result{
    background:linear-gradient(135deg,#6657b7,#7d6ed3)!important;
}

@media(max-width:1050px){
    .premium-command-grid{grid-template-columns:1fr}
    .benefit-showcase-grid{grid-template-columns:1fr 1fr}
    .brcc-benefits-row{grid-template-columns:1fr 1fr}
    .brcc-difference-box{grid-template-columns:1fr}
    .brcc-difference-box>i{text-align:center;transform:rotate(90deg)}
}
@media(max-width:700px){
    .premium-command-heading h2{font-size:30px}
    .command-product-top{flex-direction:column}
    .command-score,.brcc-triad-mini{width:100%;flex:auto}
    .command-benefits-grid,.brcc-pillars,.benefit-showcase-grid,.benefit-impact-bar,.brcc-value-grid,.brcc-benefits-row{grid-template-columns:1fr}
    .command-comparison-strip{grid-template-columns:1fr}
    .command-comparison-strip i{transform:rotate(90deg);text-align:center}
    .bhcc-usecase-card{grid-template-columns:1fr}
    .management-insight-flow{flex-direction:column}
    .management-insight-flow span{width:100%}
    .management-insight-flow i{transform:rotate(90deg)}
}


/* ============================================================
   FOUR FLAGSHIP AI BUSINESS PLATFORMS
   ============================================================ */
.flagship-platforms-section{
    padding:70px 0 62px;
    background:
        radial-gradient(circle at 8% 0%,rgba(49,151,230,.10),transparent 28%),
        radial-gradient(circle at 88% 10%,rgba(31,176,127,.10),transparent 28%),
        linear-gradient(180deg,#f4faff 0%,#ffffff 100%);
}
.flagship-top-message{text-align:center;max-width:980px;margin:0 auto 28px}
.flagship-top-message>span{color:#0a5fa5;font-size:11px;font-weight:900;letter-spacing:.12em}
.flagship-top-message h2{font-size:39px;line-height:1.15;color:#0a3362;margin:9px 0 8px}
.flagship-top-message p{font-size:16px;color:#315a78;margin:0}
.flagship-benefit-line{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.flagship-benefit-line b{font-size:10px;color:#0d5f81}.flagship-benefit-line i{font-style:normal;color:#72a8c6}
.flagship-label-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,#0e6fbe,#0b4b96);color:#fff;margin-bottom:18px}
.flagship-label-row span{font-size:11px;font-weight:900;letter-spacing:.08em}.flagship-label-row b{font-size:10px}
.flagship4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.flagship4-card{position:relative;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #dce7ed;box-shadow:0 16px 38px rgba(17,73,109,.09)}
.flagship4-card>img{display:block;width:100%;height:235px;object-fit:cover}
.card-bhcc{border-color:#b9dff3}.card-brcc{border-color:#c5e9dc}.card-recovery{border-color:#f3d5a7}.card-profit{border-color:#ddc8f4}
.flagship-ai-badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 9px;border-radius:999px;background:#e8f4ff;color:#0868b3;font-size:8px;font-weight:900;border:1px solid #c6e1f5}
.orange-badge{background:#fff2e2;color:#c76600;border-color:#f4d4aa}.purple-badge{background:#f2edff;color:#6e4bc4;border-color:#d9cdf6}
.flagship4-body{padding:18px}
.flagship4-code{display:inline-block;font-size:12px;font-weight:900;color:#0866b1}.flagship4-code.green{color:#07835e}.flagship4-code.orange{color:#d96806}.flagship4-code.purple{color:#7450bd}
.flagship4-body h3{font-size:18px;line-height:1.23;color:#0d3158;margin:5px 0 8px}
.flagship4-tagline{font-size:11px!important;font-weight:800;color:#31566f!important;min-height:42px}
.flagship4-body ul{padding-left:17px;margin:14px 0 18px;color:#4d6879;font-size:10px;line-height:1.75}
.flagship4-body small{display:block;margin-top:10px;font-size:7px;letter-spacing:.12em;font-weight:900;color:#506d7f;text-align:center}
.flagship-btn{width:100%;display:block;text-align:center;border:0;color:#fff!important}
.flagship-btn.blue{background:linear-gradient(135deg,#0877ce,#0e5aaa)}.green-btn2{background:linear-gradient(135deg,#0b966e,#057450)!important}.orange-btn{background:linear-gradient(135deg,#f28a08,#e86f00)!important}.purple-btn2{background:linear-gradient(135deg,#7950d4,#6335bd)!important}
.flagship-business-benefits{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:20px}
.flagship-business-benefits>div{background:#fff;border:1px solid #e0e9ee;border-radius:14px;padding:14px;text-align:center}
.flagship-business-benefits b,.flagship-business-benefits span{display:block}.flagship-business-benefits b{font-size:10px;color:#0a4d82}.flagship-business-benefits span{font-size:8px;color:#72838d;line-height:1.4;margin-top:5px}

/* Recovery */
.recovery-hero{background:linear-gradient(135deg,#6e3200,#f08a08)!important}
.recovery-value-section,.profit-value-section{padding:66px 0;background:#fff}
.recovery-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.recovery-flow-grid article{padding:22px;border-radius:18px;border:1px solid #eadfcf;background:linear-gradient(180deg,#fff,#fffaf4)}
.recovery-flow-grid b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ed8208;color:#fff;font-size:9px}
.recovery-flow-grid h3{color:#7a3c00;font-size:17px;margin:12px 0 7px}.recovery-flow-grid p{color:#6e777b;font-size:11px;line-height:1.6}
.recovery-benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;padding:18px;border-radius:17px;background:linear-gradient(135deg,#7a3b00,#d56d00);color:#fff}
.recovery-benefit-strip strong,.recovery-benefit-strip span{display:block}.recovery-benefit-strip strong{font-size:11px;color:#ffd57d}.recovery-benefit-strip span{font-size:9px;line-height:1.45;margin-top:4px;color:#fff1d8}

/* Profit Protection */
.profit-protection-hero{background:linear-gradient(135deg,#3e1c74,#7a3fc2)!important}
.profit-protection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.profit-protection-grid article{padding:22px;border-radius:18px;border:1px solid #e6d9f3;background:linear-gradient(180deg,#fff,#fcf9ff)}
.profit-protection-grid article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#7248b9;color:#fff;font-weight:900;font-size:10px}
.profit-protection-grid h3{color:#51307f;font-size:17px;margin:12px 0 7px}.profit-protection-grid p{color:#6c747a;font-size:11px;line-height:1.6}
.profit-impact-panel{margin-top:18px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;padding:18px;border-radius:18px;background:linear-gradient(135deg,#3e1d73,#6e3eae);color:#fff}
.profit-impact-panel>div{padding:12px;border-radius:12px;background:rgba(255,255,255,.08)}
.profit-impact-panel small,.profit-impact-panel strong,.profit-impact-panel span{display:block}.profit-impact-panel small{font-size:8px;color:#e8d7ff}.profit-impact-panel strong{font-size:13px;margin:4px 0}.profit-impact-panel span{font-size:8px;color:#e9e2f0;line-height:1.35}
.profit-impact-panel i{font-style:normal;color:#ffd15c;font-size:18px}

@media(max-width:1100px){
    .flagship4-grid{grid-template-columns:1fr 1fr}
    .flagship-business-benefits{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
    .flagship4-grid,.recovery-flow-grid,.profit-protection-grid{grid-template-columns:1fr}
    .flagship-business-benefits,.recovery-benefit-strip{grid-template-columns:1fr 1fr}
    .flagship-label-row{border-radius:16px;flex-direction:column;align-items:flex-start}
    .profit-impact-panel{grid-template-columns:1fr}.profit-impact-panel i{text-align:center;transform:rotate(90deg)}
}
@media(max-width:520px){
    .flagship-business-benefits,.recovery-benefit-strip{grid-template-columns:1fr}
    .flagship-top-message h2{font-size:30px}
}


/* ============================================================
   CLEAN TOP HEADER - NO CONTACT STRIP
   ============================================================ */
header{
    background:#fff;
    border-bottom:1px solid #e7edef;
    position:relative;
    z-index:50;
}
.top-contact{display:none!important}
.navbar{
    min-height:88px;
    background:#fff;
}
.nav-inner{
    min-height:88px;
    display:flex;
    align-items:center;
}
.premium-brand{
    display:flex!important;
    align-items:center;
    gap:11px;
    flex:0 0 auto;
    text-decoration:none!important;
    margin-right:24px;
}
.premium-brand img{
    width:78px!important;
    height:62px!important;
    object-fit:contain!important;
    display:block;
}
.brand-copy{
    display:flex;
    flex-direction:column;
    line-height:1.05;
}
.brand-copy strong{
    color:#0a3454;
    font-size:17px;
    font-weight:800;
    white-space:nowrap;
}
.brand-copy small{
    color:#6d7c83;
    font-size:8px;
    margin-top:5px;
    white-space:nowrap;
}
.nav-links{
    flex-wrap:nowrap!important;
    white-space:nowrap;
}
.nav-links>a{
    white-space:nowrap;
}
@media(max-width:1240px){
    .brand-copy{display:none}
    .premium-brand img{width:68px!important}
    .nav-links{gap:12px!important}
    .nav-links>a{font-size:11px!important}
}
@media(max-width:980px){
    .navbar,.nav-inner{min-height:74px}
    .premium-brand img{width:62px!important;height:52px!important}
}


/* ============================================================
   NAVIGATION VISIBILITY FIX
   Prevents top menu from being clipped on 1366/1440/1600 widths
   ============================================================ */
.navbar{
    overflow:visible!important;
}
.nav-inner{
    max-width:1500px!important;
    width:calc(100% - 32px)!important;
    margin:0 auto!important;
    gap:18px!important;
    overflow:visible!important;
}
.premium-brand{
    min-width:230px!important;
    margin-right:8px!important;
}
.premium-brand img{
    flex:0 0 auto;
}
.nav-links{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:18px!important;
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
}
.nav-links>a,
.nav-dropbtn{
    font-size:13px!important;
    line-height:1.15!important;
    padding:9px 0!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
}
.nav-links .btn-small{
    padding:11px 17px!important;
}
.nav-dropdown{
    position:relative;
    flex:0 0 auto;
}
.nav-dropbtn{
    display:flex;
    align-items:center;
    gap:5px;
    border:0;
    background:transparent;
    color:#172a32;
    font-family:inherit;
    font-weight:700;
    cursor:pointer;
}
.nav-dropbtn span{
    font-size:11px;
    transition:transform .2s ease;
}
.nav-dropdown:hover .nav-dropbtn span,
.nav-dropdown:focus-within .nav-dropbtn span{
    transform:rotate(180deg);
}
.nav-dropdown-menu{
    position:absolute;
    top:calc(100% + 12px);
    left:50%;
    transform:translateX(-50%) translateY(6px);
    width:330px;
    padding:10px;
    border-radius:16px;
    border:1px solid #e0e8e5;
    background:#fff;
    box-shadow:0 18px 45px rgba(7,63,54,.15);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.2s ease;
    z-index:500;
}
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0);
}
.nav-dropdown-menu a{
    display:block;
    padding:11px 12px;
    border-radius:10px;
    text-decoration:none;
}
.nav-dropdown-menu a:hover{
    background:#f4f8f7;
}
.nav-dropdown-menu strong,
.nav-dropdown-menu small{
    display:block;
}
.nav-dropdown-menu strong{
    color:#103c3c;
    font-size:12px;
}
.nav-dropdown-menu small{
    color:#708086;
    font-size:9px;
    margin-top:3px;
}

/* Mid-size desktop */
@media (max-width:1450px) and (min-width:981px){
    .nav-inner{
        width:calc(100% - 20px)!important;
        gap:10px!important;
    }
    .premium-brand{
        min-width:205px!important;
    }
    .premium-brand img{
        width:66px!important;
        height:54px!important;
    }
    .brand-copy strong{
        font-size:15px!important;
    }
    .brand-copy small{
        font-size:7px!important;
    }
    .nav-links{
        gap:13px!important;
    }
    .nav-links>a,
    .nav-dropbtn{
        font-size:12px!important;
    }
    .nav-links .btn-small{
        padding:10px 13px!important;
    }
}

/* Smaller desktop / landscape tablet:
   hide the brand tagline first, not menu items */
@media (max-width:1180px) and (min-width:981px){
    .brand-copy{
        display:none!important;
    }
    .premium-brand{
        min-width:80px!important;
    }
    .nav-links{
        gap:11px!important;
    }
    .nav-links>a,
    .nav-dropbtn{
        font-size:11px!important;
    }
}

/* Mobile/tablet menu */
@media (max-width:980px){
    .nav-inner{
        width:calc(100% - 24px)!important;
    }
    .nav-links{
        white-space:normal!important;
        overflow-y:auto!important;
    }
    .nav-dropdown{
        width:100%;
    }
    .nav-dropbtn{
        width:100%;
        justify-content:space-between;
        padding:12px 0!important;
        font-size:14px!important;
    }
    .nav-dropdown-menu{
        position:static;
        width:100%;
        transform:none!important;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        box-shadow:none;
        border:0;
        background:#f7faf9;
        margin-top:4px;
        display:none;
    }
    body.menu-open .nav-dropdown-menu{
        display:block;
    }
}


/* ============================================================
   FLAGSHIP DROPDOWN CLICK FIX
   ============================================================ */
.nav-dropdown-menu{
    display:block;
}
.nav-dropdown.open .nav-dropdown-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(-50%) translateY(0)!important;
}
.nav-dropdown.open .nav-dropbtn span{
    transform:rotate(180deg);
}

/* Desktop: keep hover support, but click-open has priority */
@media (min-width:981px){
    .nav-dropdown:hover .nav-dropdown-menu,
    .nav-dropdown:focus-within .nav-dropdown-menu,
    .nav-dropdown.open .nav-dropdown-menu{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:translateX(-50%) translateY(0)!important;
    }

    .nav-dropdown-menu a{
        position:relative;
        z-index:2;
        pointer-events:auto!important;
    }
}

/* Mobile/tablet: controlled by the same open class */
@media (max-width:980px){
    .nav-dropdown-menu{
        display:none!important;
    }
    .nav-dropdown.open .nav-dropdown-menu{
        display:block!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:none!important;
    }
}


/* ============================================================
   AI-FOCUSED FLAGSHIP MEGA MENU
   ============================================================ */
.flagship-mega-menu{
    width:min(920px, calc(100vw - 40px))!important;
    padding:16px!important;
    left:50%!important;
    border-radius:20px!important;
    background:#ffffff!important;
    border:1px solid #dce8e5!important;
    box-shadow:0 24px 60px rgba(7,63,54,.18)!important;
}
.flagship-mega-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:5px 6px 14px;
    border-bottom:1px solid #e8eeec;
}
.flagship-mega-head>div>span,
.flagship-mega-head>div>strong,
.flagship-mega-head>div>small{
    display:block;
}
.ai-mega-kicker{
    color:#0a8067;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}
.flagship-mega-head strong{
    color:#103c3c;
    font-size:16px;
    margin:4px 0;
}
.flagship-mega-head small{
    color:#718087;
    font-size:9px;
}
.mega-all-link{
    flex:0 0 auto;
    color:#0a765f!important;
    font-size:10px!important;
    font-weight:900!important;
    text-decoration:none!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    background:#eef7f4!important;
}
.flagship-mega-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    margin-top:12px;
}
.flagship-mega-card{
    display:block!important;
    padding:14px!important;
    border:1px solid #e3eae8;
    border-radius:14px!important;
    background:#fbfdfc;
    text-decoration:none!important;
    transition:.18s ease;
}
.flagship-mega-card:hover{
    transform:translateY(-2px);
    box-shadow:0 9px 22px rgba(7,63,54,.08);
}
.bhcc-menu{border-left:4px solid #1979c7}
.brcc-menu{border-left:4px solid #14956e}
.recovery-menu{border-left:4px solid #e9890a}
.profit-menu{border-left:4px solid #7752c6}
.mega-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:6px;
}
.mega-code{
    color:#166fb3;
    font-size:10px;
    font-weight:900;
    letter-spacing:.07em;
}
.mega-code.green{color:#0b8a65}
.mega-code.orange{color:#d97305}
.mega-code.purple{color:#6f4fba}
.mega-ai-badge{
    padding:4px 7px;
    border-radius:999px;
    background:#e8f4ff;
    color:#0866aa;
    font-size:7px;
    font-weight:900;
}
.green-badge{background:#e8f6f0;color:#087353}
.orange-badge{background:#fff1df;color:#b95d00}
.purple-badge{background:#f0ebfb;color:#6248aa}
.flagship-mega-card>strong{
    display:block;
    color:#153d3e;
    font-size:12px;
    line-height:1.25;
    margin-bottom:4px;
}
.flagship-mega-card>small{
    display:block;
    color:#6e7d83;
    font-size:8px;
    line-height:1.45;
    min-height:24px;
}
.flagship-mega-card ul{
    margin:8px 0 0;
    padding-left:15px;
    color:#50656a;
    font-size:8px;
    line-height:1.55;
}
.flagship-mega-card li::marker{
    color:#0b8067;
}
.ai-capability-panel{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:14px;
    align-items:center;
    margin-top:12px;
    padding:12px 14px;
    border-radius:14px;
    background:linear-gradient(135deg,#073f36,#0b6756);
    color:#fff;
}
.ai-capability-panel>div:first-child span,
.ai-capability-panel>div:first-child strong{
    display:block;
}
.ai-capability-panel>div:first-child span{
    color:#ffc11c;
    font-size:8px;
    font-weight:900;
    letter-spacing:.1em;
}
.ai-capability-panel>div:first-child strong{
    font-size:11px;
    margin-top:4px;
}
.ai-capability-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.ai-capability-tags span{
    padding:6px 8px;
    border-radius:999px;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.12);
    color:#e5f0ed;
    font-size:7px;
    white-space:nowrap;
}

@media(max-width:980px){
    .flagship-mega-menu{
        width:100%!important;
        padding:10px!important;
    }
    .flagship-mega-head{
        flex-direction:column;
    }
    .flagship-mega-grid{
        grid-template-columns:1fr;
    }
    .ai-capability-panel{
        grid-template-columns:1fr;
    }
}


/* ============================================================
   AI CONTENT SECTIONS - FLAGSHIP PRODUCTS
   ============================================================ */
.flagship-ai-capabilities-section,
.bhcc-ai-section,
.brcc-ai-section,
.recovery-ai-engine-section,
.profit-ai-section{
    padding:68px 0;
    background:linear-gradient(180deg,#f7faf9,#fff);
}
.flagship-ai-capability-grid,
.ai-product-feature-grid,
.recovery-ai-grid,
.profit-ai-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}
.flagship-ai-capability-grid article,
.ai-product-feature-grid article,
.recovery-ai-grid article,
.profit-ai-grid article{
    padding:20px;
    border:1px solid #e0e8e5;
    border-radius:17px;
    background:#fff;
    box-shadow:0 10px 28px rgba(7,63,54,.05);
}
.ai-cap-icon{
    width:44px;height:44px;
    display:grid;place-items:center;
    border-radius:13px;
    background:linear-gradient(135deg,#0b8067,#0b5c4c);
    color:#fff;
    font-size:9px;
    font-weight:900;
}
.flagship-ai-capability-grid h3,
.ai-product-feature-grid h3,
.recovery-ai-grid h3,
.profit-ai-grid h3{
    color:#123f3f;
    font-size:15px;
    margin:13px 0 7px;
}
.flagship-ai-capability-grid p,
.ai-product-feature-grid p,
.recovery-ai-grid p,
.profit-ai-grid p{
    color:#68787e;
    font-size:10px;
    line-height:1.6;
}
.ai-safety-note{
    margin-top:18px;
    display:flex;
    gap:14px;
    align-items:center;
    padding:16px 18px;
    border-radius:14px;
    background:#073f36;
    color:#fff;
}
.ai-safety-note strong{color:#ffc11c;white-space:nowrap}
.ai-safety-note span{font-size:10px;color:#d8e7e3;line-height:1.5}

.ai-product-feature-grid{grid-template-columns:repeat(3,1fr)}
.ai-product-feature-grid article>span{
    width:38px;height:38px;
    display:grid;place-items:center;
    border-radius:11px;
    background:#0b725b;
    color:#fff;
    font-size:9px;
    font-weight:900;
}
.ai-example-card{
    margin-top:20px;
    display:grid;
    grid-template-columns:1fr 150px;
    gap:18px;
    align-items:center;
    padding:22px;
    border-radius:18px;
    background:linear-gradient(135deg,#073f36,#0a6655);
    color:#fff;
}
.ai-example-card span{color:#ffc11c;font-size:8px;font-weight:900;letter-spacing:.1em}
.ai-example-card h3{font-size:19px;margin:6px 0}
.ai-example-card p{font-size:10px;color:#d7e6e2;line-height:1.55;margin:0}
.ai-example-badge{
    width:110px;height:110px;
    margin:auto;
    border-radius:50%;
    display:grid;place-items:center;
    align-content:center;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.16);
}
.ai-example-badge b{font-size:28px;color:#ffc11c}.ai-example-badge small{font-size:8px;color:#fff}

.brcc-ai-flow{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.brcc-ai-flow article{
    padding:22px;
    border-radius:18px;
    background:#fff;
    border:1px solid #e0e7e6;
    box-shadow:0 10px 28px rgba(7,63,54,.05);
}
.brcc-ai-stage{
    display:inline-block;
    padding:7px 10px;
    border-radius:999px;
    color:#fff;
    font-size:9px;
    font-weight:900;
}
.understand-ai{background:#168d7d}.protect-ai{background:#e7a413}.recover-ai{background:#735fc3}
.brcc-ai-flow h3{color:#153d3e;font-size:17px;margin:12px 0 8px}
.brcc-ai-flow ul{padding-left:17px;color:#5e7075;font-size:10px;line-height:1.8}
.brcc-ai-executive-card{
    margin-top:20px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px;
    align-items:center;
    padding:20px;
    border-radius:18px;
    background:linear-gradient(135deg,#0a4037,#6252ae);
    color:#fff;
}
.brcc-ai-executive-card span{color:#ffc11c;font-size:8px;font-weight:900}
.brcc-ai-executive-card strong{display:block;font-size:16px;margin:5px 0}
.brcc-ai-executive-card p{font-size:10px;color:#dde7e5;line-height:1.5;margin:0}
.brcc-ai-metrics{display:flex;gap:8px}
.brcc-ai-metrics span{
    min-width:82px;
    padding:12px;
    border-radius:12px;
    background:rgba(255,255,255,.09);
    text-align:center;
}
.brcc-ai-metrics b,.brcc-ai-metrics small{display:block}.brcc-ai-metrics b{font-size:12px;color:#fff}.brcc-ai-metrics small{font-size:8px;color:#d7e5e2;margin-top:3px}

.recovery-ai-grid,.profit-ai-grid{grid-template-columns:repeat(3,1fr)}
.recovery-ai-grid article>b{
    width:40px;height:40px;
    display:grid;place-items:center;
    border-radius:12px;
    background:#e97d08;
    color:#fff;
    font-size:10px;
}
.profit-ai-grid article>span{
    width:40px;height:40px;
    display:grid;place-items:center;
    border-radius:12px;
    background:#704bb7;
    color:#fff;
    font-size:10px;
    font-weight:900;
}
.profit-ai-summary{
    margin-top:18px;
    padding:18px 20px;
    border-radius:15px;
    background:#f4effb;
    border:1px solid #ddd0f3;
}
.profit-ai-summary strong{color:#60439f}
.profit-ai-summary p{color:#655f70;font-size:10px;line-height:1.55;margin:5px 0 0}

@media(max-width:1050px){
    .flagship-ai-capability-grid{grid-template-columns:1fr 1fr}
    .ai-product-feature-grid,.recovery-ai-grid,.profit-ai-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
    .flagship-ai-capability-grid,
    .ai-product-feature-grid,
    .brcc-ai-flow,
    .recovery-ai-grid,
    .profit-ai-grid{grid-template-columns:1fr}
    .ai-example-card,.brcc-ai-executive-card{grid-template-columns:1fr}
    .brcc-ai-metrics{flex-wrap:wrap}
    .ai-safety-note{align-items:flex-start;flex-direction:column}
}


/* ============================================================
   FLAGSHIP STORY + PREMIUM ABOUT
   ============================================================ */
.flagship-story-section{padding:72px 0;background:linear-gradient(180deg,#071f27 0%,#073f36 100%);color:#fff;position:relative;overflow:hidden}
.flagship-story-section:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-160px;top:-180px;background:radial-gradient(circle,rgba(255,193,28,.12),transparent 68%)}
.flagship-story-head{max-width:860px;margin:0 auto 30px;text-align:center;position:relative}
.flagship-story-head>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#ffc11c}.flagship-story-head h2{font-size:38px;margin:8px 0 10px}.flagship-story-head h2 strong{color:#ffc11c}.flagship-story-head p{color:#c7d8d5;line-height:1.7}
.flagship-story-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:stretch;position:relative}
.story-stage{display:block;padding:22px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);text-decoration:none;color:#fff!important;transition:.2s ease}.story-stage:hover{transform:translateY(-3px);background:rgba(255,255,255,.1)}
.story-no{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:900;font-size:10px}.story-stage>span{display:block;margin-top:15px;font-size:9px;font-weight:900;letter-spacing:.12em}.story-stage h3{font-size:22px;margin:5px 0 4px}.story-stage strong{display:block;font-size:11px;color:#dce9e6}.story-stage p{font-size:9px;line-height:1.6;color:#bdd0cc;margin-top:10px}.story-arrow{align-self:center;font-size:28px;color:#ffc11c}.stage-understand>span{color:#6dc7ff}.stage-protect>span{color:#d4b5ff}.stage-recover>span{color:#ffb65a}
.brcc-unified-card{margin-top:18px;display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;padding:22px;border-radius:20px;background:linear-gradient(135deg,#0c6f5a,#0b4c67);border:1px solid rgba(255,255,255,.16)}.brcc-unified-mark{width:88px;height:88px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#25b28e,#8263d7);font-size:21px;font-weight:900}.brcc-unified-card span{font-size:9px;letter-spacing:.1em;font-weight:900;color:#ffc11c}.brcc-unified-card h3{font-size:20px;margin:4px 0}.brcc-unified-card p{font-size:10px;color:#d6e5e1;line-height:1.55;margin:0}.brcc-unified-card a{color:#fff;text-decoration:none;font-weight:900;font-size:11px;padding:10px 14px;border:1px solid rgba(255,255,255,.22);border-radius:12px}
.ai-decision-layer{margin-top:18px;display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center;padding:22px;border-radius:18px;background:#fff;color:#153d3e}.ai-decision-layer>div:first-child>span{font-size:9px;color:#0b8067;font-weight:900;letter-spacing:.1em}.ai-decision-layer h3{font-size:18px;margin:5px 0}.ai-decision-layer p{font-size:10px;color:#6d7d82;line-height:1.55}.ai-decision-tags{display:flex;flex-wrap:wrap;gap:7px}.ai-decision-tags span{padding:7px 9px;border-radius:999px;background:#eef7f4;color:#0b6f5a;font-size:8px;font-weight:800}.ai-governance-note{text-align:center;color:#bdd1cc;font-size:9px;margin:12px 0 0}

.about-hero-premium{background:radial-gradient(circle at 90% 10%,rgba(13,133,105,.12),transparent 32%),linear-gradient(180deg,#f8fbfa,#fff)}.about-hero-copy h1{max-width:720px}.about-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.about-proof-row>div{padding:13px;border-radius:14px;background:#fff;border:1px solid #e1e9e6}.about-proof-row strong,.about-proof-row span{display:block}.about-proof-row strong{font-size:14px;color:#0b6d59}.about-proof-row span{font-size:8px;color:#748188;margin-top:3px}.premium-about-card{position:relative;overflow:hidden}.about-brand-overlay{padding:14px 4px 0}.about-brand-overlay span{font-size:8px;letter-spacing:.12em;font-weight:900;color:#0a8067}.about-brand-overlay h3{margin:5px 0 3px}.about-brand-overlay p{margin:0!important}
.about-company-positioning{padding:68px 0;background:#fff}.about-position-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.about-position-grid h2{font-size:34px;color:#103d3d}.about-position-grid h2 strong{color:#0b8067}.about-position-grid p{color:#68787e;line-height:1.7}.about-position-panel{display:grid;gap:10px}.about-position-panel>div{display:flex;gap:12px;padding:16px;border:1px solid #e1e9e6;border-radius:15px;background:#fbfdfc}.about-position-panel b{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#0b705b;color:#fff;font-size:9px;flex:0 0 auto}.about-position-panel strong,.about-position-panel small{display:block}.about-position-panel strong{color:#153d3e;font-size:12px}.about-position-panel small{color:#738086;font-size:9px;line-height:1.45;margin-top:3px}
.about-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-capability-grid article{padding:22px;border-radius:18px;background:#fff;border:1px solid #e0e8e5;box-shadow:0 10px 28px rgba(7,63,54,.05)}.about-cap-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#0b8067,#0a4e6c);color:#fff;font-size:10px;font-weight:900}.about-capability-grid h3{font-size:16px;color:#143e3e;margin:13px 0 7px}.about-capability-grid p{font-size:10px;color:#6a7a80;line-height:1.6}.process-list-premium>div{background:#fff;box-shadow:0 8px 22px rgba(7,63,54,.05)}
.about-flagship-section{padding:70px 0;background:linear-gradient(135deg,#073f36,#082f42);color:#fff}.light-heading h2,.light-heading p{color:#fff}.light-heading p{opacity:.75}.light-kicker{color:#ffc11c!important}.about-flagship-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.about-flagship-card{display:block;padding:20px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff!important}.about-flagship-card>span{font-size:9px;font-weight:900;letter-spacing:.1em}.about-flagship-card h3{font-size:17px;line-height:1.25;margin:6px 0}.about-flagship-card p{font-size:9px;color:#cddbd8;line-height:1.55;min-height:68px}.about-flagship-card b{font-size:9px}.af-blue>span,.af-blue b{color:#72c9ff}.af-purple>span,.af-purple b{color:#cfb2ff}.af-orange>span,.af-orange b{color:#ffbd6c}.af-green>span,.af-green b{color:#7be1bd}
.why-digi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.why-digi-grid article{padding:16px 12px;text-align:center;background:#fff;border:1px solid #e2eae7;border-radius:14px}.why-digi-grid strong,.why-digi-grid span{display:block}.why-digi-grid strong{font-size:12px;color:#0a6f59}.why-digi-grid span{font-size:8px;color:#728086;line-height:1.4;margin-top:5px}.about-integration-band{margin-top:18px;padding:16px;border-radius:14px;background:#073f36;color:#fff}.about-integration-band>div{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.about-integration-band span{font-size:8px;font-weight:900;letter-spacing:.05em}.about-integration-band b{color:#ffc11c}.focus-strip-pro{grid-template-columns:repeat(3,1fr)}.about-cta-premium p{color:#d5e5e1;font-size:10px;max-width:760px;margin:6px 0 0}
.product-ai-positioning{display:inline-flex;margin:10px 0 4px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);font-size:8px;font-weight:900;letter-spacing:.08em;color:#fff}
@media(max-width:1050px){.flagship-story-flow{grid-template-columns:1fr}.story-arrow{transform:rotate(90deg);text-align:center}.brcc-unified-card{grid-template-columns:90px 1fr}.brcc-unified-card a{grid-column:1/-1;text-align:center}.ai-decision-layer,.about-position-grid{grid-template-columns:1fr}.about-capability-grid{grid-template-columns:1fr 1fr}.about-flagship-grid{grid-template-columns:1fr 1fr}.why-digi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.flagship-story-head h2{font-size:30px}.brcc-unified-card{grid-template-columns:1fr;text-align:center}.brcc-unified-mark{margin:auto}.about-proof-row,.about-capability-grid,.about-flagship-grid,.why-digi-grid{grid-template-columns:1fr}.focus-strip-pro{grid-template-columns:1fr}.about-position-grid h2{font-size:29px}}

/* ============================================================
   COMPACT PROFESSIONAL HOME PAGE
   Keeps flagship visibility while reducing page length.
   ============================================================ */
.compact-home-hero{padding:46px 0!important;min-height:auto!important}
.compact-home-hero .hero-copy h1{font-size:48px!important;line-height:1.04!important;margin:8px 0 12px!important}
.compact-home-hero .hero-copy>p{max-width:610px;font-size:15px!important;line-height:1.55!important;margin-bottom:18px!important}
.compact-home-hero .home-hero-image{max-height:390px!important;object-fit:contain}
.compact-hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.compact-hero-points span{padding:7px 10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;color:#e8f5f1;font-size:9px;font-weight:700}

.compact-flagship-section{padding:48px 0;background:linear-gradient(180deg,#f6fbfa,#fff)}
.compact-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}
.compact-section-head>div{max-width:770px}.compact-section-head h2{margin:6px 0 6px;color:#0d443d;font-size:31px;line-height:1.15}.compact-section-head h2 span{color:#0a7a63}.compact-section-head p{margin:0;color:#6c7b81;font-size:11px;line-height:1.55}
.compact-head-link{font-size:10px;font-weight:900;color:#0a765f;text-decoration:none;white-space:nowrap}
.compact-flagship-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.compact-flagship-card{display:block;text-decoration:none;background:#fff;border:1px solid #e0e8e5;border-radius:17px;overflow:hidden;box-shadow:0 10px 26px rgba(7,63,54,.055);transition:.18s ease}
.compact-flagship-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(7,63,54,.09)}
.compact-card-image{height:135px;background:#eef5f3;overflow:hidden}.compact-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.compact-card-copy{padding:14px}.compact-card-copy>span{font-size:8px;font-weight:900;letter-spacing:.09em;color:#0b7b64}.compact-card-copy h3{margin:4px 0 2px;color:#123e3e;font-size:17px}.compact-card-copy strong{display:block;color:#485c61;font-size:9px;min-height:24px}.compact-card-copy p{color:#718086;font-size:9px;line-height:1.48;margin:8px 0}
.compact-tags{display:flex;flex-wrap:wrap;gap:4px}.compact-tags b{padding:5px 7px;background:#f1f7f5;border-radius:999px;color:#536a68;font-size:7px}
.compact-flagship-card.protect .compact-card-copy>span{color:#704bb7}.compact-flagship-card.recovery .compact-card-copy>span{color:#d97706}.compact-flagship-card.brcc .compact-card-copy>span{color:#0b6eaa}
.compact-ai-strip{display:grid;grid-template-columns:270px 1fr;gap:16px;align-items:center;margin-top:14px;padding:14px 16px;background:linear-gradient(135deg,#073f36,#0a6454);border-radius:15px;color:#fff}.compact-ai-strip span,.compact-ai-strip strong{display:block}.compact-ai-strip>div:first-child>span{font-size:8px;font-weight:900;color:#ffc11c;letter-spacing:.1em}.compact-ai-strip>div:first-child>strong{font-size:11px;margin-top:4px}.compact-ai-tags{display:flex;flex-wrap:wrap;gap:6px}.compact-ai-tags span{padding:6px 8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:999px;font-size:7px;color:#e3efeb}

.compact-software-section{padding:46px 0!important}.compact-software-section .software-head{margin-bottom:16px}.compact-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compact-product-card{display:grid;grid-template-columns:118px 1fr;gap:13px;align-items:center;padding:11px;border:1px solid #e1e8e6;border-radius:15px;background:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(7,63,54,.045)}.compact-product-card img{width:118px;height:78px;object-fit:cover;border-radius:10px}.compact-product-card span{font-size:7px;font-weight:900;color:#0b775f;letter-spacing:.08em}.compact-product-card h3{font-size:14px;color:#173e3e;margin:3px 0}.compact-product-card p{font-size:8px;line-height:1.45;color:#718087;margin:0}

.compact-industry-section{padding:16px 0!important;background:#0a4a3f!important}.compact-industry-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.compact-industry-row div{text-align:center;padding:8px;border-right:1px solid rgba(255,255,255,.13)}.compact-industry-row div:last-child{border-right:0}.compact-industry-row span,.compact-industry-row strong{display:block}.compact-industry-row span{font-size:7px;color:#ffc11c;font-weight:900}.compact-industry-row strong{font-size:9px;color:#fff;margin-top:3px}

.compact-business-solutions{padding:46px 0;background:#f7faf9}.compact-business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.compact-business-grid article{padding:18px;border:1px solid #dfe8e5;border-radius:16px;background:#fff;box-shadow:0 9px 24px rgba(7,63,54,.045)}.compact-business-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#0a735d;color:#fff;font-size:10px;font-weight:900}.compact-business-grid h3{font-size:16px;color:#173f3f;margin:11px 0 5px}.compact-business-grid p{font-size:9px;line-height:1.5;color:#718087;min-height:42px}.compact-business-grid a{font-size:9px;font-weight:900;color:#0a765f;text-decoration:none}.command-compact-card{background:linear-gradient(145deg,#073f36,#0a6454)!important;border-color:#0a6454!important}.command-compact-card .compact-business-icon{background:#ffc11c;color:#173f35}.command-compact-card h3{color:#fff}.command-compact-card p{color:#d7e6e2}.command-compact-card a{color:#ffc11c}

.compact-trust-section{padding:44px 0;background:#fff}.compact-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.compact-trust-block h2{color:#123f3f;font-size:27px;margin:5px 0 14px}.compact-trust-block h2 span{color:#0a7a63}.compact-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.compact-proof-grid div{padding:11px;border:1px solid #e2e9e7;border-radius:12px;background:#f9fbfa}.compact-proof-grid strong,.compact-proof-grid span{display:block}.compact-proof-grid strong{font-size:11px;color:#0a6755}.compact-proof-grid span{font-size:8px;color:#748187;margin-top:3px}.compact-process-block{padding:17px;border-radius:16px;background:#f7faf9;border:1px solid #e1e8e6}.compact-process-row{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:13px 0}.compact-process-row div{text-align:center;min-width:48px}.compact-process-row b,.compact-process-row span{display:block}.compact-process-row b{width:29px;height:29px;margin:auto;display:grid;place-items:center;border-radius:9px;background:#0a715c;color:#fff;font-size:8px}.compact-process-row span{font-size:8px;color:#52666b;margin-top:4px}.compact-process-row i{font-style:normal;color:#d59a15;font-size:11px}.compact-tech-tags{display:flex;flex-wrap:wrap;gap:6px}.compact-tech-tags span{padding:6px 8px;border-radius:999px;background:#fff;border:1px solid #dee7e4;font-size:7px;color:#5f7075}

.compact-final-cta{padding:28px 0!important}.compact-final-cta .cta-inner{min-height:auto!important;padding:20px 24px!important}.compact-final-cta h2{font-size:23px!important;margin:0 0 4px!important}.compact-final-cta p{margin:0!important;font-size:10px!important}

@media(max-width:1050px){.compact-flagship-grid{grid-template-columns:1fr 1fr}.compact-product-grid{grid-template-columns:1fr 1fr}.compact-industry-row{grid-template-columns:repeat(3,1fr)}.compact-business-grid{grid-template-columns:1fr}.compact-trust-grid{grid-template-columns:1fr}.compact-ai-strip{grid-template-columns:1fr}}
@media(max-width:700px){.compact-section-head{align-items:flex-start;flex-direction:column}.compact-head-link{white-space:normal}.compact-flagship-grid,.compact-product-grid,.compact-proof-grid{grid-template-columns:1fr}.compact-product-card{grid-template-columns:95px 1fr}.compact-product-card img{width:95px}.compact-industry-row{grid-template-columns:1fr 1fr}.compact-process-row{flex-wrap:wrap;justify-content:flex-start}.compact-process-row i{display:none}.compact-home-hero .hero-copy h1{font-size:38px!important}}

/* ============================================================
   LIGHT AI-FIRST HOME — BASED ON APPROVED 3D CONCEPT
   ============================================================ */
.home-ai-hero{
    position:relative; overflow:hidden; padding:34px 0 26px;
    background:
      radial-gradient(circle at 82% 18%,rgba(46,132,255,.13),transparent 28%),
      radial-gradient(circle at 15% 8%,rgba(0,154,115,.09),transparent 25%),
      linear-gradient(135deg,#ffffff 0%,#f7fbff 52%,#edf6ff 100%);
    border-bottom:1px solid #e6eef4;
}
.home-ai-hero:before{content:"";position:absolute;right:-100px;top:-140px;width:430px;height:430px;border:1px solid rgba(45,128,210,.12);border-radius:50%}
.home-ai-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:36px;align-items:center}
.home-ai-copy{position:relative;z-index:2}
.home-ai-kicker{display:inline-flex;padding:7px 13px;border-radius:999px;background:linear-gradient(90deg,#fff0a8,#dff6f3);color:#173d3d;font-size:10px;font-weight:900;letter-spacing:.06em;border:1px solid #dcebe8}
.home-ai-copy h1{font-size:50px;line-height:1.04;color:#10263d;margin:16px 0 12px;letter-spacing:-1.3px}
.home-ai-copy h1 span{color:#1768c9}
.home-ai-lead{max-width:690px;color:#4e6373;font-size:14px;line-height:1.62;margin:0}.home-ai-lead strong:nth-of-type(1){color:#087c64}.home-ai-lead strong:nth-of-type(2){color:#0c87a7}.home-ai-lead strong:nth-of-type(3){color:#e36e11}.home-ai-lead strong:nth-of-type(4){color:#7248c5}
.home-ai-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:21px 0 18px;max-width:650px}
.home-ai-benefits div{display:flex;align-items:center;gap:7px;padding:8px 6px;border-right:1px solid #dfe9ef}.home-ai-benefits div:last-child{border-right:0}.home-ai-benefits b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0d6ab6;box-shadow:0 6px 16px rgba(32,83,121,.10);font-size:14px}.home-ai-benefits span{font-size:9px;font-weight:800;color:#314e61}
.home-ai-actions{display:flex;gap:10px;align-items:center}.home-ai-primary{background:linear-gradient(135deg,#0b7b65,#075c4c)!important;color:#fff!important;box-shadow:0 10px 24px rgba(10,111,89,.22)}.home-ai-secondary{background:#fff!important;color:#19446a!important;border:1px solid #cbdce8!important}
.home-ai-trust{margin-top:12px;font-size:8px;color:#728592;font-weight:700;letter-spacing:.02em}
.home-ai-visual{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center}
.home-ai-dashboard-shell{position:relative;width:88%;padding:18px;border-radius:28px;background:rgba(255,255,255,.78);box-shadow:0 25px 60px rgba(43,83,113,.16);border:1px solid rgba(173,201,219,.55);backdrop-filter:blur(12px)}
.home-ai-dashboard{display:block;width:100%;height:320px;object-fit:contain;border-radius:18px;background:#eef6f6}
.home-ai-score-card{position:absolute;left:-38px;top:56px;width:145px;padding:13px;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 14px 28px rgba(31,81,117,.13);border:1px solid #e1ebef}.home-ai-score-card small,.home-ai-score-card strong,.home-ai-score-card em{display:block}.home-ai-score-card small{font-size:7px;color:#6f8390;font-weight:900}.home-ai-score-card strong{font-size:30px;color:#0c7b65;line-height:1.1;margin:5px 0}.home-ai-score-card strong span{font-size:10px;color:#7b8b94}.home-ai-score-card em{font-style:normal;font-size:7px;color:#607681}
.home-ai-insight-card{position:absolute;right:-28px;bottom:30px;width:170px;padding:13px;border-radius:14px;background:linear-gradient(145deg,#ffffff,#f7fbff);box-shadow:0 14px 28px rgba(31,81,117,.13);border:1px solid #dce9f0}.home-ai-insight-card span{display:block;font-size:8px;font-weight:900;color:#196dc2;margin-bottom:6px}.home-ai-insight-card b{display:block;font-size:8px;color:#465f6f;line-height:1.65}
.home-ai-assistant{position:absolute;right:-7px;top:22px;display:flex;gap:9px;align-items:flex-start;width:192px;padding:12px;border-radius:17px;background:linear-gradient(145deg,#0f83d1,#155cab);color:#fff;box-shadow:0 16px 34px rgba(29,103,167,.24)}.home-ai-bot{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#dcefff);color:#176bc0;font-weight:900;box-shadow:inset 0 0 0 4px rgba(42,119,190,.09)}.home-ai-assistant span{font-size:10px;font-weight:900}.home-ai-assistant ul{padding-left:14px;margin:6px 0 0;font-size:7px;line-height:1.65;color:#eaf6ff}
.home-ai-journey{position:absolute;right:0;bottom:-2px;display:grid;gap:4px;width:132px}.home-ai-journey span{padding:7px 10px;border-radius:9px;color:#fff;text-align:center;font-size:8px;font-weight:900;box-shadow:0 7px 15px rgba(26,69,111,.13)}.home-ai-journey .understand{background:#247ed9}.home-ai-journey .protect{background:#16a36f}.home-ai-journey .recover{background:#ff7f1a}.home-ai-journey .grow{background:#744fe0}
.home-ai-platforms{padding:22px 0 28px;background:#fff}.home-ai-platform-title{text-align:center;margin-bottom:12px}.home-ai-platform-title>span{font-size:11px;color:#173e63;font-weight:900;letter-spacing:.08em}.home-ai-platform-title p{font-size:9px;color:#71828e;margin:4px 0 0}
.home-ai-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-ai-platform-card{display:grid;grid-template-columns:46px 1fr 24px;gap:9px;align-items:center;padding:12px;border-radius:14px;text-decoration:none;border:1px solid #dce9ef;background:#fff;box-shadow:0 8px 20px rgba(39,84,118,.06);transition:.18s ease}.home-ai-platform-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(39,84,118,.10)}.platform-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:9px;font-weight:900;color:#fff}.home-ai-platform-card b,.home-ai-platform-card strong,.home-ai-platform-card span{display:block}.home-ai-platform-card b{font-size:12px;color:#173b58}.home-ai-platform-card strong{font-size:8px;color:#4f6575;margin:1px 0 4px;line-height:1.25}.home-ai-platform-card span{font-size:8px;font-weight:800}.home-ai-platform-card i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px}.bhcc-card{background:linear-gradient(145deg,#f6fbff,#e9f5ff)}.bhcc-card .platform-icon,.bhcc-card i{background:#2786df}.bhcc-card span{color:#1d73c7}.protect-card{background:linear-gradient(145deg,#f7fffb,#eaf8f1)}.protect-card .platform-icon,.protect-card i{background:#18a06e}.protect-card span{color:#13815d}.recovery-card{background:linear-gradient(145deg,#fffaf5,#fff0df)}.recovery-card .platform-icon,.recovery-card i{background:#f28a19}.recovery-card span{color:#cd6810}.brcc-card{background:linear-gradient(145deg,#fbf9ff,#f0eaff)}.brcc-card .platform-icon,.brcc-card i{background:#7654d5}.brcc-card span{color:#6844c0}
.home-ai-integrations{display:grid;grid-template-columns:250px 1fr;gap:14px;align-items:center;margin-top:12px;padding:12px 15px;border-radius:14px;background:#f7fbfd;border:1px solid #e1ebf0}.home-ai-integrations small,.home-ai-integrations strong{display:block}.home-ai-integrations small{font-size:7px;color:#0d6d60;font-weight:900}.home-ai-integrations strong{font-size:9px;color:#486273;margin-top:3px}.integration-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.integration-pills span{padding:6px 9px;border-radius:9px;background:#fff;border:1px solid #dbe7ed;color:#28536f;font-size:8px;font-weight:900}
.home-ai-proof-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e7eef2}.home-ai-proof-row div{text-align:center;padding:6px}.home-ai-proof-row strong,.home-ai-proof-row span{display:block}.home-ai-proof-row strong{font-size:11px;color:#173e5b}.home-ai-proof-row span{font-size:7px;color:#768691;margin-top:2px}
@media(max-width:1100px){.home-ai-hero-grid{grid-template-columns:1fr}.home-ai-visual{min-height:390px}.home-ai-platform-grid{grid-template-columns:1fr 1fr}.home-ai-integrations{grid-template-columns:1fr}.integration-pills{justify-content:flex-start}}
@media(max-width:700px){.home-ai-copy h1{font-size:38px}.home-ai-benefits{grid-template-columns:1fr 1fr}.home-ai-benefits div{border-right:0}.home-ai-actions{flex-direction:column;align-items:stretch}.home-ai-visual{min-height:350px}.home-ai-dashboard-shell{width:100%}.home-ai-dashboard{height:250px}.home-ai-score-card{left:5px;top:45px}.home-ai-insight-card{right:4px}.home-ai-assistant{position:relative;right:auto;top:auto;width:100%;margin-top:10px}.home-ai-journey{display:none}.home-ai-platform-grid{grid-template-columns:1fr}.home-ai-proof-row{grid-template-columns:1fr 1fr}.integration-pills{justify-content:flex-start}}

/* ============================================================
   APPROVED LIGHT AI-FIRST HOME - REFERENCE MATCH
   Recreates the approved light SaaS composition in HTML/CSS.
   ============================================================ */
html,body{overflow-x:hidden}
.reference-ai-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 73% 28%,rgba(161,213,255,.24),transparent 26%),linear-gradient(135deg,#ffffff 0%,#f9fcff 52%,#eef7ff 100%);padding:34px 0 18px;border-top:1px solid #edf3f7}
.reference-ai-hero:before{content:"";position:absolute;right:-150px;top:-260px;width:620px;height:620px;border:1px solid rgba(54,133,204,.10);border-radius:50%}
.reference-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:30px;align-items:center;min-height:515px}
.reference-hero-copy{padding:24px 0 20px;position:relative;z-index:2}
.reference-kicker{display:inline-flex;padding:9px 18px;border-radius:999px;background:linear-gradient(90deg,#fff2a8,#dff7ee);color:#0c4a45;font-size:11px;font-weight:900;letter-spacing:.06em;box-shadow:0 6px 18px rgba(23,81,118,.07)}
.reference-hero-copy h1{font-size:56px;line-height:1.04;letter-spacing:-.035em;color:#0b2848;margin:22px 0 14px;font-weight:850;max-width:720px}
.reference-hero-copy h1 span{color:#1269c8}
.reference-hero-copy>p{max-width:690px;color:#49677d;font-size:17px;line-height:1.65;margin:0 0 23px}.reference-hero-copy>p strong{font-weight:900}.reference-hero-copy .u{color:#06765f}.reference-hero-copy .p{color:#07877c}.reference-hero-copy .r{color:#ef6f13}.reference-hero-copy .g{color:#7650d6}
.reference-hero-metrics{display:grid;grid-template-columns:repeat(5,1fr);max-width:690px;margin:10px 0 22px;border-top:1px solid #e4edf4;border-bottom:1px solid #e4edf4;padding:12px 0}
.reference-hero-metrics>div{display:flex;align-items:center;gap:9px;padding:4px 12px;border-right:1px solid #e4edf4}.reference-hero-metrics>div:first-child{padding-left:0}.reference-hero-metrics>div:last-child{border-right:0}.reference-hero-metrics b{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 7px 18px rgba(44,99,139,.11);color:#0d67bd;font-size:16px}.reference-hero-metrics span{font-size:10px;font-weight:800;color:#1d3f58;line-height:1.2}
.reference-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reference-primary-btn,.reference-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:14px;font-weight:900;text-decoration:none}.reference-primary-btn{background:linear-gradient(135deg,#0d8d73,#04654f);color:#fff!important;box-shadow:0 13px 26px rgba(8,115,91,.22)}.reference-secondary-btn{background:#fff;color:#0b416a!important;border:1px solid #cfdde8}.reference-trust-note{font-size:9px;font-weight:700;color:#587288;max-width:130px;line-height:1.35}
.reference-dashboard-stage{position:relative;min-height:455px;display:flex;align-items:center;justify-content:center}.reference-stage-glow{position:absolute;inset:25px 25px 5px 25px;border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(227,242,251,.72));border:1px solid rgba(167,205,226,.45);box-shadow:0 24px 45px rgba(42,102,140,.11)}
.reference-laptop{position:relative;width:78%;margin-top:30px;z-index:2}.reference-screen{display:grid;grid-template-columns:22% 1fr;background:#fff;border:11px solid #22333c;border-radius:20px 20px 12px 12px;min-height:290px;box-shadow:0 26px 40px rgba(33,73,101,.2);overflow:hidden}.reference-screen-sidebar{background:#063f38;color:#d8f1eb;padding:16px 10px;display:flex;flex-direction:column;gap:13px;font-size:7px}.reference-mini-logo{font-size:14px;font-weight:900;color:#fff;margin-bottom:6px}.reference-screen-content{padding:15px;background:linear-gradient(180deg,#fff,#f8fbfc)}.reference-screen-title{font-size:11px;font-weight:900;color:#16384f;margin-bottom:10px}.reference-kpi-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}.reference-kpi{padding:9px;border:1px solid #e4ebef;border-radius:10px;background:#fff}.reference-kpi small{display:block;font-size:6px;color:#80909b;font-weight:800}.reference-kpi strong{display:block;font-size:14px;color:#173d56;margin-top:4px}.reference-kpi.score strong{font-size:24px;color:#118363}.reference-kpi.score em{font-size:8px;color:#81919b;font-style:normal}.reference-kpi span{display:block;font-size:6px;margin-top:4px;font-weight:800}.reference-kpi .bad{color:#eb5345}.reference-kpi .good{color:#16a26b}.reference-chart-row{display:grid;grid-template-columns:1.45fr .75fr;gap:8px;margin-top:10px}.reference-bars{height:112px;border:1px solid #e6edf1;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fbfc);display:flex;align-items:flex-end;justify-content:center;gap:9px;padding:18px 10px 15px}.reference-bars span{width:16px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#16b784,#2084d6)}.reference-ai-insights{border:1px solid #e6edf1;border-radius:10px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:9px}.reference-ai-insights b{font-size:8px;color:#1f4862}.reference-ai-insights span{font-size:6px;color:#506978}.reference-keyboard{height:26px;margin:0 -20px;background:linear-gradient(180deg,#566b76,#263c47);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);border-radius:0 0 10px 10px}
.reference-ai-robot{position:absolute;right:4%;top:20%;z-index:5;width:72px;height:110px;filter:drop-shadow(0 15px 16px rgba(33,91,144,.18))}.robot-head{position:absolute;left:10px;top:0;width:54px;height:45px;border-radius:21px;background:linear-gradient(180deg,#f8fbff,#d4e4f2);border:3px solid #28485e;display:flex;justify-content:center;align-items:center;gap:12px}.robot-head:before{content:"";position:absolute;top:-13px;left:25px;width:3px;height:13px;background:#2b78c1}.robot-head span{width:8px;height:10px;border-radius:50%;background:#20b9ff;box-shadow:0 0 10px #21c4ff}.robot-body{position:absolute;left:16px;top:43px;width:43px;height:54px;border-radius:16px;background:linear-gradient(180deg,#e8f4ff,#c7dbea);border:3px solid #31566e;color:#1498f0;font-size:17px;font-weight:900;display:grid;place-items:center}.robot-arm{position:absolute;top:53px;width:10px;height:40px;border-radius:8px;background:#c8ddea;border:2px solid #31566e}.robot-arm.left{left:3px;transform:rotate(17deg)}.robot-arm.right{right:2px;transform:rotate(-17deg)}
.reference-assistant-card{position:absolute;right:-1%;top:3%;z-index:4;width:182px;padding:16px 14px 14px 66px;border-radius:18px;background:linear-gradient(145deg,#2184d7,#1566b3);color:#fff;box-shadow:0 18px 34px rgba(27,97,154,.23)}.reference-assistant-card strong{display:block;font-size:11px;line-height:1.35;margin-bottom:9px}.reference-assistant-card span{display:block;font-size:7px;line-height:1.8}.reference-journey-stack{position:absolute;right:2%;bottom:1%;z-index:6;width:145px;display:flex;flex-direction:column;gap:4px}.reference-journey-stack span{display:block;text-align:center;padding:6px 8px;border-radius:8px;color:#fff;font-size:9px;font-weight:900;box-shadow:0 6px 12px rgba(24,72,111,.18)}.reference-journey-stack .u{background:#1d84d6}.reference-journey-stack .p{background:#17aa73}.reference-journey-stack .r{background:#ff8217}.reference-journey-stack .g{background:#714ce0}
.reference-platform-area{padding:10px 0 30px;background:#fff}.reference-platform-title{text-align:center;margin:0 0 10px;position:relative}.reference-platform-title:before,.reference-platform-title:after{content:"";display:inline-block;width:120px;height:1px;background:#d5a01f;vertical-align:middle;margin:0 14px}.reference-platform-title span{font-size:13px;font-weight:900;color:#0f3a4e;letter-spacing:.04em}.reference-platform-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.reference-platform-card{display:grid;grid-template-columns:54px 1fr 28px;gap:10px;align-items:center;padding:15px;border-radius:14px;text-decoration:none;border:1px solid #dfe8ee;box-shadow:0 10px 24px rgba(27,80,114,.08);min-height:105px}.reference-platform-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900}.reference-platform-card b,.reference-platform-card strong,.reference-platform-card span{display:block}.reference-platform-card b{font-size:18px;line-height:1.1}.reference-platform-card strong{font-size:9px;line-height:1.3;margin:2px 0 7px}.reference-platform-card span{font-size:8px;font-weight:800}.reference-platform-card i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff}.reference-platform-card.bhcc{background:linear-gradient(135deg,#eff8ff,#fff)}.reference-platform-card.bhcc .reference-platform-icon,.reference-platform-card.bhcc i{background:#1a83d8}.reference-platform-card.bhcc b,.reference-platform-card.bhcc span{color:#0a5ca3}.reference-platform-card.blpp{background:linear-gradient(135deg,#effbf6,#fff)}.reference-platform-card.blpp .reference-platform-icon,.reference-platform-card.blpp i{background:#0c9a66}.reference-platform-card.blpp b,.reference-platform-card.blpp span{color:#08744e}.reference-platform-card.recovery{background:linear-gradient(135deg,#fff5ea,#fff)}.reference-platform-card.recovery .reference-platform-icon,.reference-platform-card.recovery i{background:#f48b17}.reference-platform-card.recovery b,.reference-platform-card.recovery span{color:#bd5f09}.reference-platform-card.brcc{background:linear-gradient(135deg,#f6f1ff,#fff)}.reference-platform-card.brcc .reference-platform-icon,.reference-platform-card.brcc i{background:#7451d2}.reference-platform-card.brcc b,.reference-platform-card.brcc span{color:#5b39b1}
.reference-integration-panel{display:grid;grid-template-columns:1fr 1.6fr;gap:18px;align-items:center;margin-top:12px;padding:12px 16px;border-radius:14px;background:linear-gradient(90deg,#f7fbfe,#eff8fd);border:1px solid #e2edf4}.reference-integration-panel small,.reference-integration-panel strong{display:block}.reference-integration-panel small{font-size:8px;font-weight:900;color:#0b5f6e}.reference-integration-panel strong{font-size:9px;color:#4f6878;margin-top:4px}.reference-integration-logos{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.reference-integration-logos span{padding:8px 11px;border-radius:9px;background:#fff;border:1px solid #e1e9ee;font-size:9px;font-weight:900;color:#164f7d;box-shadow:0 5px 11px rgba(34,91,127,.06)}
.reference-proof-strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:12px;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;background:#fff}.reference-proof-strip>div{padding:14px 16px;border-right:1px solid #e8eef2}.reference-proof-strip>div:last-child{border-right:0}.reference-proof-strip b,.reference-proof-strip span{display:block}.reference-proof-strip b{color:#0b3958;font-size:14px}.reference-proof-strip span{font-size:8px;color:#657b8a;margin-top:2px}
@media(max-width:1100px){.reference-hero-grid{grid-template-columns:1fr}.reference-dashboard-stage{min-height:430px}.reference-hero-copy h1{font-size:50px}.reference-platform-strip{grid-template-columns:1fr 1fr}.reference-integration-panel{grid-template-columns:1fr}.reference-integration-logos{justify-content:flex-start}.reference-proof-strip{grid-template-columns:1fr 1fr 1fr}.reference-assistant-card{right:4%}}
@media(max-width:700px){.reference-ai-hero{padding-top:18px}.reference-hero-grid{min-height:0}.reference-hero-copy{padding-top:10px}.reference-hero-copy h1{font-size:39px}.reference-hero-copy>p{font-size:14px}.reference-hero-metrics{grid-template-columns:1fr 1fr;gap:0}.reference-hero-metrics>div{border-right:0;border-bottom:1px solid #e4edf4}.reference-dashboard-stage{min-height:340px}.reference-laptop{width:96%}.reference-screen{min-height:235px;border-width:7px}.reference-ai-robot{display:none}.reference-assistant-card{position:absolute;right:2%;top:1%;width:145px;padding-left:12px}.reference-journey-stack{width:110px;right:1%}.reference-platform-title:before,.reference-platform-title:after{display:none}.reference-platform-strip{grid-template-columns:1fr}.reference-integration-logos{justify-content:flex-start}.reference-proof-strip{grid-template-columns:1fr 1fr}.reference-hero-actions{align-items:flex-start}.reference-trust-note{max-width:100%}}

/* ============================================================
   EXACT SAMPLE REBUILD - DESKTOP FIRST FOLD
   Rebalances the approved light AI-first reference composition.
   ============================================================ */
.reference-ai-hero{
    min-height:485px;
    padding:28px 0 18px;
    overflow:hidden;
    background:
        radial-gradient(circle at 85% 16%, rgba(110,178,255,.15), transparent 27%),
        radial-gradient(circle at 14% 18%, rgba(75,201,169,.10), transparent 24%),
        linear-gradient(100deg,#ffffff 0%,#fbfdff 48%,#eef7ff 100%);
}
.reference-hero-grid{
    grid-template-columns:46% 54%;
    min-height:430px;
    gap:16px;
    align-items:center;
}
.reference-hero-copy{
    padding:8px 0 0;
    align-self:center;
}
.reference-kicker{
    margin-bottom:14px;
    font-size:10px;
    padding:7px 15px;
}
.reference-hero-copy h1{
    font-size:52px;
    line-height:1.04;
    letter-spacing:-2.4px;
    margin:0 0 14px;
    max-width:700px;
}
.reference-hero-copy h1 br{display:block}
.reference-hero-copy>p{
    max-width:650px;
    font-size:15px;
    line-height:1.5;
    margin:0 0 16px;
}
.reference-hero-metrics{
    margin-top:13px;
    padding-top:12px;
    max-width:650px;
}
.reference-hero-metrics>div{
    min-height:54px;
    padding:0 11px;
}
.reference-hero-metrics b{
    width:34px;
    height:34px;
    font-size:14px;
}
.reference-hero-metrics span{
    font-size:8px;
    line-height:1.2;
}
.reference-hero-actions{
    margin-top:14px;
    gap:10px;
    flex-wrap:nowrap;
}
.reference-primary-btn,
.reference-secondary-btn{
    min-height:48px;
    padding:0 22px;
    font-size:12px;
    border-radius:11px;
}
.reference-trust-note{
    font-size:8px;
    max-width:140px;
    line-height:1.3;
}

.reference-dashboard-stage{
    min-height:430px;
    height:430px;
    overflow:visible;
    align-self:center;
}
.reference-stage-glow{
    inset:22px 10px 14px 48px;
    border-radius:32px;
}
.reference-laptop{
    width:82%;
    left:5%;
    bottom:38px;
}
.reference-screen{
    min-height:298px;
    border-width:10px;
    border-radius:18px;
}
.reference-screen-sidebar{
    padding:13px 10px;
    gap:10px;
    font-size:6px;
}
.reference-screen-content{
    padding:13px;
}
.reference-screen-title{
    margin-bottom:8px;
    font-size:10px;
}
.reference-kpi-row{gap:7px}
.reference-kpi{padding:8px;border-radius:9px}
.reference-kpi strong{font-size:13px}
.reference-kpi.score strong{font-size:22px}
.reference-chart-row{margin-top:8px;gap:7px}
.reference-bars{height:100px;padding:16px 9px 13px;gap:8px}
.reference-bars span{width:15px}
.reference-ai-insights{padding:10px;gap:7px}
.reference-keyboard{height:23px;margin:0 -16px}

.reference-assistant-card{
    right:1.5%;
    top:20px;
    width:176px;
    padding:14px 12px 13px 60px;
    border-radius:16px;
}
.reference-assistant-card strong{font-size:10px;margin-bottom:7px}
.reference-assistant-card span{font-size:6.5px;line-height:1.7}
.reference-ai-robot{
    right:5.5%;
    top:105px;
    width:66px;
    height:100px;
    transform:scale(.92);
    transform-origin:top center;
}
.reference-journey-stack{
    right:2.2%;
    bottom:18px;
    width:132px;
    gap:3px;
}
.reference-journey-stack span{
    padding:5px 8px;
    font-size:8px;
    border-radius:7px;
}

.reference-platform-area{
    padding:8px 0 18px;
}
.reference-platform-title{
    margin-bottom:8px;
}
.reference-platform-title span{font-size:12px}
.reference-platform-title:before,
.reference-platform-title:after{width:100px}
.reference-platform-strip{gap:8px}
.reference-platform-card{
    grid-template-columns:44px 1fr 24px;
    gap:8px;
    padding:11px 12px;
    min-height:88px;
    border-radius:12px;
}
.reference-platform-icon{
    width:40px;
    height:40px;
    font-size:18px;
}
.reference-platform-card b{font-size:16px}
.reference-platform-card strong{font-size:8px;margin:2px 0 5px}
.reference-platform-card span{font-size:7px}
.reference-platform-card i{width:23px;height:23px;font-size:11px}
.reference-integration-panel{
    margin-top:8px;
    padding:9px 13px;
    gap:12px;
}
.reference-integration-panel small{font-size:7px}
.reference-integration-panel strong{font-size:8px}
.reference-integration-logos{gap:6px}
.reference-integration-logos span{
    padding:6px 9px;
    font-size:8px;
    border-radius:8px;
}
.reference-proof-strip{margin-top:8px}
.reference-proof-strip>div{padding:10px 12px}
.reference-proof-strip b{font-size:12px}
.reference-proof-strip span{font-size:7px}

@media (min-width:1400px){
    .reference-ai-hero{min-height:500px}
    .reference-hero-grid{min-height:445px}
    .reference-dashboard-stage{height:445px;min-height:445px}
}

@media (max-width:1250px) and (min-width:1101px){
    .reference-hero-copy h1{font-size:45px;letter-spacing:-1.8px}
    .reference-hero-copy>p{font-size:14px}
    .reference-laptop{width:84%;left:3%}
    .reference-assistant-card{right:0;width:165px}
    .reference-ai-robot{right:4%}
}

@media (max-width:1100px){
    .reference-ai-hero{min-height:auto;padding-bottom:24px;overflow:hidden}
    .reference-hero-grid{grid-template-columns:1fr;min-height:0}
    .reference-dashboard-stage{height:390px;min-height:390px;overflow:visible}
    .reference-laptop{width:78%;left:8%;bottom:34px}
    .reference-hero-copy h1{font-size:48px}
    .reference-platform-card{min-height:92px}
}

@media (max-width:700px){
    .reference-ai-hero{padding:16px 0 12px}
    .reference-hero-copy h1{font-size:36px;letter-spacing:-1.3px}
    .reference-hero-copy>p{font-size:13px}
    .reference-hero-actions{flex-wrap:wrap}
    .reference-dashboard-stage{height:315px;min-height:315px}
    .reference-laptop{width:96%;left:2%;bottom:24px}
    .reference-screen{min-height:220px;border-width:7px}
    .reference-assistant-card{right:0;top:0;width:135px;padding:10px}
    .reference-ai-robot{display:none}
    .reference-journey-stack{right:0;bottom:8px;width:100px}
    .reference-platform-strip{grid-template-columns:1fr}
    .reference-proof-strip{grid-template-columns:1fr 1fr}
}


/* ============================================================
   APPROVED EXACT REFERENCE HOMEPAGE SHELL
   Desktop uses the approved composite visual exactly, with real
   accessible click targets layered over its navigation and products.
   ============================================================ */
.home-exact-reference-mobile{display:none}
.home-exact-reference-desktop{display:block}
.home-exact-reference{
    position:relative;
    width:100%;
    margin:0;
    line-height:0;
    background:#f7fbff;
    overflow:hidden;
}
.home-exact-reference>img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1672/941;
    object-fit:contain;
}
.home-reference-hotspots{
    position:absolute;
    inset:0;
    pointer-events:none;
}
.home-reference-hotspots .hs{
    position:absolute;
    display:block;
    pointer-events:auto;
    z-index:4;
    border-radius:10px;
    background:transparent;
    outline:0;
}
.home-reference-hotspots .hs:focus-visible{
    box-shadow:0 0 0 3px rgba(12,132,107,.55);
    background:rgba(255,255,255,.08);
}
.hs-logo{left:2.0%;top:0.8%;width:16.4%;height:11.2%}
.hs-home{left:20.0%;top:1.8%;width:6.2%;height:6.5%}
.hs-erp{left:27.0%;top:1.8%;width:7.0%;height:6.5%}
.hs-ai{left:34.7%;top:1.8%;width:8.2%;height:6.5%}
.hs-industry{left:43.1%;top:1.8%;width:9.4%;height:6.5%}
.hs-gst{left:52.6%;top:1.8%;width:8.0%;height:6.5%}
.hs-calculators{left:61.0%;top:1.8%;width:7.2%;height:6.5%}
.hs-about{left:68.3%;top:1.8%;width:5.2%;height:6.5%}
.hs-contact{left:73.4%;top:1.8%;width:6.1%;height:6.5%}
.hs-demo{left:82.9%;top:1.2%;width:14.0%;height:7.8%}
.hs-book-demo{left:2.7%;top:52.0%;width:18.7%;height:7.7%}
.hs-bhcc{left:1.7%;top:63.5%;width:16.5%;height:15.2%}
.hs-blpp{left:18.5%;top:63.5%;width:16.4%;height:15.2%}
.hs-recovery{left:35.2%;top:63.5%;width:17.0%;height:15.2%}
.hs-brcc{left:52.7%;top:63.5%;width:16.8%;height:15.2%}

@media (min-width:901px){
    .home-exact-reference-page > header{display:none}
    .home-exact-reference-page .whatsapp-float{display:none}
    .home-exact-reference-page main{padding:0;margin:0}
}

@media (max-width:900px){
    .home-exact-reference-desktop{display:none}
    .home-exact-reference-mobile{display:block}
    .home-exact-reference-page > header{display:block}
    .home-exact-reference-page .whatsapp-float{display:flex}
}

/* ============================================================
   DIGI UNIFIED LIGHT DESIGN SYSTEM V3
   Master visual language based on the approved Home reference.
   White + soft blue + Digi green + royal blue + gold accents.
   ============================================================ */
.digi-unified-theme{overflow-x:hidden;background:#f8fbff;color:#0b2f4f}
.digi-unified-theme main{background:#f8fbff}
.digi-unified-theme .container{width:min(1180px,92%)}
.digi-unified-theme h1,.digi-unified-theme h2,.digi-unified-theme h3,.digi-unified-theme h4{color:#0b2f4f}
.digi-unified-theme p{color:#52687a}
.digi-unified-theme .eyebrow,.digi-unified-theme .section-kicker,.digi-unified-theme .premium-section-title>span{
    color:#0f6f61;background:linear-gradient(90deg,#fff1a8,#dff8f2);border:1px solid #dceee9;
    display:inline-flex;align-items:center;border-radius:999px;padding:7px 13px;font-size:10px;font-weight:900;letter-spacing:.05em
}
.digi-unified-theme .btn{border-radius:12px;font-weight:800;box-shadow:none}
.digi-unified-theme .btn-primary{background:linear-gradient(135deg,#086e5d,#0b8b73);border-color:#0b7d69;color:#fff;box-shadow:0 10px 26px rgba(10,126,104,.18)}
.digi-unified-theme .btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(10,126,104,.23)}
.digi-unified-theme .btn-gold{background:linear-gradient(135deg,#ffd654,#f6b91d);color:#153b40;border:1px solid #efb319;box-shadow:0 10px 26px rgba(236,178,27,.2)}
.digi-unified-theme .btn-soft{background:#fff;border:1px solid #d9e6f0;color:#0b4f78}
.digi-unified-theme .btn-outline-light{background:#fff;color:#0d5278;border:1px solid #c9dae7}

/* Header / navigation */
.digi-unified-theme > header{background:#fff;border-bottom:1px solid #e5edf4;box-shadow:0 4px 18px rgba(18,64,93,.05);position:relative;z-index:50}
.digi-unified-theme .navbar{background:rgba(255,255,255,.97)}
.digi-unified-theme .nav-inner{min-height:82px}
.digi-unified-theme .brand img{background:transparent}
.digi-unified-theme .brand-copy strong{color:#0b2f4f}
.digi-unified-theme .brand-copy small{color:#728696}
.digi-unified-theme .nav-links>a,.digi-unified-theme .nav-dropbtn{color:#102d3f}
.digi-unified-theme .nav-links>a:hover,.digi-unified-theme .nav-dropbtn:hover{color:#0b7a66}
.digi-unified-theme .nav-links>a.active{color:#0b7a66}
.digi-unified-theme .nav-links>a.active:after{background:#0b7a66}
.digi-unified-theme .flagship-mega-menu{background:#fff;border:1px solid #dce9f2;box-shadow:0 26px 60px rgba(11,48,79,.16)}

/* Shared product hero — replaces all old dark hero backgrounds */
.digi-unified-theme .product-hero{
    --page-accent:#1578d4;--page-accent-soft:#eaf5ff;
    color:#0b2f4f;padding:52px 0 46px;
    background:
      radial-gradient(circle at 88% 10%,rgba(83,163,255,.18),transparent 32%),
      radial-gradient(circle at 8% 0%,rgba(38,188,155,.11),transparent 28%),
      linear-gradient(135deg,#ffffff 0%,#f7fbff 54%,#edf6ff 100%)!important;
    border-bottom:1px solid #e3edf5;position:relative
}
.digi-unified-theme .product-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 53%,rgba(255,255,255,.45) 53% 100%);pointer-events:none}
.digi-unified-theme .product-hero-grid{position:relative;z-index:1;grid-template-columns:.95fr 1.05fr;gap:44px}
.digi-unified-theme .product-hero-copy h1{font-size:48px;line-height:1.04;letter-spacing:-1.2px;color:#0b2f4f;margin:12px 0 10px}
.digi-unified-theme .product-hero-copy h2{font-size:21px;color:var(--page-accent);margin:0 0 16px}
.digi-unified-theme .product-hero-copy p{color:#52687a;font-size:16px;line-height:1.7}
.digi-unified-theme .product-ai-positioning{display:inline-flex;margin-top:10px;padding:8px 12px;border-radius:999px;background:var(--page-accent-soft);color:var(--page-accent);font-size:11px;font-weight:900;border:1px solid color-mix(in srgb,var(--page-accent) 15%,white)}
.digi-unified-theme .product-showcase{min-height:325px;border:1px solid #d7e6f1;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,247,253,.94));box-shadow:0 24px 56px rgba(26,80,116,.10);padding:28px;overflow:hidden}
.digi-unified-theme .product-showcase:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-55px;top:-65px;background:var(--page-accent-soft);opacity:.9;z-index:0}
.digi-unified-theme .product-image-shell{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center}
.digi-unified-theme .product-hero-image{max-height:300px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(24,61,84,.16))}
.digi-unified-theme .product-big-icon{z-index:2;background:linear-gradient(135deg,var(--page-accent),#0a665d);color:#fff;border:0;box-shadow:0 15px 36px color-mix(in srgb,var(--page-accent) 25%,transparent)}
.digi-unified-theme .erp-hero{--page-accent:#0d826d;--page-accent-soft:#e6f7f1}
.digi-unified-theme .freight-hero{--page-accent:#1878d4;--page-accent-soft:#e9f3ff}
.digi-unified-theme .asset-hero{--page-accent:#7352bf;--page-accent-soft:#f1ecff}
.digi-unified-theme .enquiry-hero{--page-accent:#ef7d17;--page-accent-soft:#fff1e3}
.digi-unified-theme .print-hero{--page-accent:#df3d7d;--page-accent-soft:#ffeaf3}
.digi-unified-theme .calc-hero{--page-accent:#6b4cc0;--page-accent-soft:#f1edff}
.digi-unified-theme .recovery-hero{--page-accent:#ef7810;--page-accent-soft:#fff0e2}
.digi-unified-theme .profit-protection-hero{--page-accent:#14875d;--page-accent-soft:#e7f7ef}

/* Standard feature sections and product cards */
.digi-unified-theme .premium-features-section,.digi-unified-theme .resilience-section,.digi-unified-theme .brcc-benefit-section,.digi-unified-theme .recovery-value-section,.digi-unified-theme .profit-value-section,.digi-unified-theme .brcc-ai-section,.digi-unified-theme .recovery-ai-engine-section,.digi-unified-theme .profit-ai-section{
    background:linear-gradient(180deg,#f8fbff,#fff);padding:54px 0;border-top:1px solid #edf2f7
}
.digi-unified-theme .premium-section-title{text-align:center;max-width:820px;margin:0 auto 26px}
.digi-unified-theme .premium-section-title h2{font-size:34px;color:#0b2f4f}
.digi-unified-theme .premium-section-title h2 strong{color:#0b7f69}
.digi-unified-theme .premium-section-title p{color:#617687}
.digi-unified-theme .premium-capabilities-panel,.digi-unified-theme .premium-bestfor-panel,.digi-unified-theme .premium-feature-card,.digi-unified-theme .resilience-card,.digi-unified-theme .profit-protection-grid>*,.digi-unified-theme .recovery-flow-grid>*,.digi-unified-theme .brcc-value-grid>*{
    background:#fff;border:1px solid #dfe9f1;box-shadow:0 12px 30px rgba(26,78,111,.06);border-radius:20px
}
.digi-unified-theme .premium-feature-card{background:linear-gradient(145deg,#fff,#fbfdff)}
.digi-unified-theme .premium-feature-icon,.digi-unified-theme .panel-title-icon,.digi-unified-theme .resilience-icon{background:linear-gradient(135deg,#0e806b,#176fc5);color:#fff;box-shadow:0 8px 20px rgba(19,110,142,.15)}
.digi-unified-theme .premium-tags span{background:#f4f9fd;border-color:#dce8f0;color:#145f73}
.digi-unified-theme .premium-custom-box{background:linear-gradient(135deg,#fff8dd,#fffdf6);border-color:#f3df9e}

/* ABOUT */
.digi-unified-theme .about-hero{
    padding:56px 0;background:radial-gradient(circle at 85% 10%,rgba(42,143,231,.13),transparent 31%),linear-gradient(135deg,#fff,#f5faff)!important;border-bottom:1px solid #e5edf4
}
.digi-unified-theme .about-hero h1{color:#0b2f4f;font-size:48px}
.digi-unified-theme .about-lead{color:#5a6e7d}
.digi-unified-theme .about-brand-card,.digi-unified-theme .premium-about-card{background:#fff;border:1px solid #dfe9f1;box-shadow:0 18px 42px rgba(29,79,112,.08);border-radius:22px}
.digi-unified-theme .about-section,.digi-unified-theme .about-section.light{background:#fff;border-color:#edf2f7}
.digi-unified-theme .about-position-panel,.digi-unified-theme .about-info-card,.digi-unified-theme .about-capability-grid>*{background:#fff;border:1px solid #dfe9f1;box-shadow:0 10px 26px rgba(29,79,112,.05)}
.digi-unified-theme .about-method-section{background:linear-gradient(180deg,#f7fbff,#fff)}
.digi-unified-theme .about-flagship-section{background:linear-gradient(180deg,#f6faff,#fff)!important;color:#0b2f4f!important}
.digi-unified-theme .about-flagship-section .light-heading h2,.digi-unified-theme .about-flagship-section .light-heading p{color:#0b2f4f}
.digi-unified-theme .about-flagship-card{background:#fff!important;border:1px solid #dfe8f0!important;color:#0b2f4f!important;box-shadow:0 12px 28px rgba(24,73,107,.07)}
.digi-unified-theme .about-flagship-card p,.digi-unified-theme .about-flagship-card small{color:#667b8a!important}
.digi-unified-theme .about-cta .container{background:linear-gradient(135deg,#edf7ff,#f8fffd);color:#0b2f4f;border:1px solid #d8e7f2;box-shadow:0 14px 34px rgba(25,78,110,.08)}

/* CONTACT */
.digi-unified-theme .contact-hero-pro{
    padding:54px 0;background:radial-gradient(circle at 85% 15%,rgba(21,132,202,.14),transparent 33%),linear-gradient(135deg,#fff,#f3f9ff)!important;color:#0b2f4f;border-bottom:1px solid #e2ecf4
}
.digi-unified-theme .contact-hero-pro h1{color:#0b2f4f}
.digi-unified-theme .contact-hero-pro p{color:#5d7382}
.digi-unified-theme .contact-logo-panel{border:1px solid #dbe8f1;box-shadow:0 18px 44px rgba(25,77,109,.09)}
.digi-unified-theme .contact-pro-section{background:linear-gradient(180deg,#f8fbff,#fff)}
.digi-unified-theme .contact-methods,.digi-unified-theme .contact-requirement-card{border-color:#dfe9f1;box-shadow:0 12px 30px rgba(24,76,108,.06)}
.digi-unified-theme .contact-method-card{background:#fbfdff;border-color:#e0eaf2}
.digi-unified-theme .address-panel{background:linear-gradient(135deg,#0e775f,#166fa4)!important}

/* REQUEST DEMO */
.digi-unified-theme .demo-pro-page{background:linear-gradient(135deg,#f8fbff,#eef7ff 58%,#f5fffb);padding:48px 0 62px}
.digi-unified-theme .demo-pro-shell{align-items:stretch}
.digi-unified-theme .demo-pro-info{background:linear-gradient(155deg,#ffffff,#f3f9ff)!important;color:#0b2f4f;border:1px solid #dce9f2;box-shadow:0 20px 48px rgba(25,77,109,.09)}
.digi-unified-theme .demo-pro-info:after{background:radial-gradient(circle,#d8efff,transparent 70%);opacity:.7}
.digi-unified-theme .demo-pro-kicker{color:#0b7b67}
.digi-unified-theme .demo-pro-info h1{color:#0b2f4f}
.digi-unified-theme .demo-pro-lead{color:#607586}
.digi-unified-theme .demo-step{background:#f7fbff;border-color:#dbe8f1;color:#0b2f4f}
.digi-unified-theme .demo-step.active{background:#e9f7f3;border-color:#bfe5da}
.digi-unified-theme .demo-pro-contact{background:#fff;border:1px solid #dde8f1}
.digi-unified-theme .demo-pro-contact strong{color:#0b2f4f}
.digi-unified-theme .demo-pro-form-card{border:1px solid #dce8f1;box-shadow:0 18px 44px rgba(25,77,109,.08)}
.digi-unified-theme .demo-input-wrap{background:#fbfdff;border-color:#cfdee9}

/* GST landing and GST utilities */
.digi-unified-theme .gst-tools-hero{
    background:radial-gradient(circle at 82% 14%,rgba(255,196,56,.14),transparent 32%),linear-gradient(135deg,#fff,#f4faff)!important;color:#0b2f4f;padding:54px 0;border-bottom:1px solid #e2ecf4
}
.digi-unified-theme .gst-tools-hero h1,.digi-unified-theme .gst-tools-hero h2{color:#0b2f4f}
.digi-unified-theme .gst-tools-hero p{color:#5f7383}
.digi-unified-theme .gst-tools-visual{background:#fff;border:1px solid #dce8f1;box-shadow:0 20px 44px rgba(24,76,108,.08)}
.digi-unified-theme .gst-orbit{border-color:#d6e6f1}
.digi-unified-theme .gst-tools-section,.digi-unified-theme .gst-page{background:linear-gradient(180deg,#f8fbff,#fff)}
.digi-unified-theme .gst-tool-grid article,.digi-unified-theme .gst-form-card,.digi-unified-theme .irn-result-card,.digi-unified-theme .gstr-upload-card,.digi-unified-theme .gstr-table-wrap,.digi-unified-theme .gstr-kpis>*{background:#fff;border:1px solid #dfe9f1;box-shadow:0 12px 28px rgba(24,76,108,.05)}
.digi-unified-theme .gst-roadmap{background:linear-gradient(135deg,#eef8ff,#f4fffb);color:#0b2f4f;border:1px solid #d9e8f1}
.digi-unified-theme .gst-roadmap b{background:#fff;color:#0c6f5e;border:1px solid #d8e7ef}

/* Business Intelligence and Business Tools */
.digi-unified-theme .bi-hero{
    background:radial-gradient(circle at 84% 12%,rgba(48,142,232,.16),transparent 35%),linear-gradient(135deg,#fff,#f2f8ff)!important;color:#0b2f4f;padding:56px 0;border-bottom:1px solid #e1ebf4
}
.digi-unified-theme .bi-hero h1{color:#0b2f4f}
.digi-unified-theme .bi-hero p{color:#5d7382}
.digi-unified-theme .bi-dashboard-card{background:#fff;border:1px solid #dce8f1;box-shadow:0 22px 50px rgba(24,76,108,.10);color:#0b2f4f}
.digi-unified-theme .bi-dashboard-card>span{color:#0b7b66}
.digi-unified-theme .bi-dashboard-card>strong{color:#0b2f4f}
.digi-unified-theme .bi-mini-kpis div{background:#f5f9fc;border:1px solid #e2ebf2}
.digi-unified-theme .bi-mini-kpis b{color:#126fae}
.digi-unified-theme .bi-mini-kpis small{color:#657989}
.digi-unified-theme .bi-tools-section,.digi-unified-theme .bi-tool-page{background:linear-gradient(180deg,#f8fbff,#fff)}
.digi-unified-theme .bi-tool-grid article,.digi-unified-theme .bi-calc-form,.digi-unified-theme .bi-result-panel,.digi-unified-theme .bi-module-card{border-color:#dfe9f1;box-shadow:0 12px 28px rgba(24,76,108,.05)}
.digi-unified-theme .bi-tool-grid article.bi-tool-featured{background:linear-gradient(145deg,#edf8ff,#f7fffc);color:#0b2f4f;border:1px solid #cfe3ef}
.digi-unified-theme .bi-tool-featured h3{color:#0b2f4f}.digi-unified-theme .bi-tool-featured p{color:#647988}.digi-unified-theme .bi-tool-featured a{color:#0b7d67}
.digi-unified-theme .command-center-section{background:linear-gradient(135deg,#eff8ff,#f8fffc)!important;color:#0b2f4f;border-top:1px solid #e0eaf2;border-bottom:1px solid #e0eaf2}
.digi-unified-theme .command-center-section h2{color:#0b2f4f}.digi-unified-theme .command-center-section h2 span{color:#0b7d67}.digi-unified-theme .command-center-section p{color:#617687}.digi-unified-theme .command-tagline{color:#ef9f00!important}
.digi-unified-theme .command-pills span{background:#fff;border-color:#dce8f1;color:#0b5269}
.digi-unified-theme .command-dashboard{background:#fff;border:1px solid #dce8f1;box-shadow:0 18px 42px rgba(25,77,109,.08)}

/* Flagship AI sections */
.digi-unified-theme .brcc-summary,.digi-unified-theme .brcc-ai-executive-card,.digi-unified-theme .profit-ai-summary,.digi-unified-theme .ai-example-card{
    background:linear-gradient(135deg,#edf7ff,#f9fffd)!important;color:#0b2f4f;border:1px solid #d8e7f0;box-shadow:0 14px 34px rgba(25,78,111,.07)
}
.digi-unified-theme .brcc-summary p,.digi-unified-theme .brcc-ai-executive-card p,.digi-unified-theme .ai-example-card p{color:#607586}
.digi-unified-theme .brcc-ai-flow article,.digi-unified-theme .recovery-ai-grid article,.digi-unified-theme .profit-ai-grid article{border-color:#dfe9f1;box-shadow:0 12px 28px rgba(25,77,109,.05)}

/* Support & Legal */
.digi-unified-theme .support-page,.digi-unified-theme .legal-page{background:linear-gradient(180deg,#f8fbff,#fff)}
.digi-unified-theme .support-card,.digi-unified-theme .legal-card{border-color:#dfe9f1;box-shadow:0 12px 28px rgba(24,76,108,.05)}
.digi-unified-theme .support-icon{background:linear-gradient(135deg,#0d8069,#1d76c3);color:#fff}
.digi-unified-theme .support-cta{background:linear-gradient(135deg,#edf7ff,#f7fffc);color:#0b2f4f;border:1px solid #d8e7f0}
.digi-unified-theme .support-cta p{color:#607586}
.digi-unified-theme .legal-card h1{color:#0b2f4f}.digi-unified-theme .legal-card h2{color:#0b6f60}

/* Forms and tables */
.digi-unified-theme input,.digi-unified-theme select,.digi-unified-theme textarea{border-color:#cfdee9!important;background:#fbfdff!important;color:#17384e}
.digi-unified-theme input:focus,.digi-unified-theme select:focus,.digi-unified-theme textarea:focus{outline:none;border-color:#5ca9d9!important;box-shadow:0 0 0 3px rgba(71,151,205,.12)}
.digi-unified-theme table{background:#fff}

/* Light footer aligned with Home reference */
.digi-unified-theme .site-footer{
    background:#ffffff;color:#0b2f4f;padding:30px 0 12px;border-top:1px solid #dfe9f1;box-shadow:0 -10px 30px rgba(27,78,110,.03)
}
.digi-unified-theme .footer-brand img{background:#fff}
.digi-unified-theme .footer-brand p,.digi-unified-theme .site-footer a,.digi-unified-theme .site-footer p{color:#607586}
.digi-unified-theme .site-footer h4{color:#0b2f4f}
.digi-unified-theme .footer-brand strong,.digi-unified-theme .site-footer a:hover{color:#0b7b66}
.digi-unified-theme .copyright{border-color:#e0e9f0;color:#718593}
.digi-unified-theme .copyright a{color:#0b6f60}

/* Floating WhatsApp */
.digi-unified-theme .whatsapp-float{background:linear-gradient(135deg,#14a06e,#0d8b61);box-shadow:0 12px 30px rgba(14,141,99,.22)}

@media(max-width:980px){
  .digi-unified-theme .product-hero-grid,.digi-unified-theme .about-hero-grid,.digi-unified-theme .contact-hero-grid,.digi-unified-theme .bi-hero-grid,.digi-unified-theme .gst-tools-hero-grid{grid-template-columns:1fr}
  .digi-unified-theme .product-hero-copy h1,.digi-unified-theme .about-hero h1,.digi-unified-theme .contact-hero-pro h1,.digi-unified-theme .bi-hero h1{font-size:40px}
  .digi-unified-theme .product-showcase{min-height:280px}
}
@media(max-width:650px){
  .digi-unified-theme .product-hero,.digi-unified-theme .about-hero,.digi-unified-theme .contact-hero-pro,.digi-unified-theme .bi-hero,.digi-unified-theme .gst-tools-hero{padding:38px 0}
  .digi-unified-theme .product-hero-copy h1,.digi-unified-theme .about-hero h1,.digi-unified-theme .contact-hero-pro h1,.digi-unified-theme .bi-hero h1{font-size:34px}
  .digi-unified-theme .product-hero-copy h2{font-size:18px}
  .digi-unified-theme .product-showcase{border-radius:20px;padding:16px;min-height:220px}
  .digi-unified-theme .product-hero-image{max-height:220px}
}

/* ============================================================
   DIGI UNIFIED EXACT DESIGN SYSTEM V4
   One shared navigation, one light visual language, unique product accents.
   Approved Home reference remains the visual benchmark.
   ============================================================ */
:root{
  --digi-blue:#126fd1;
  --digi-teal:#0b8069;
  --digi-gold:#f7b928;
  --digi-soft-blue:#f3f9ff;
  --digi-ink:#0b2f4f;
  --digi-muted:#607586;
  --digi-border:#dce8f1;
  --digi-surface:#ffffff;
}

/* Shared header: identical on Home, ERP, Apps, GST, AI, Calculators, About and Contact */
.digi-unified-theme > header,
.home-exact-reference-page > header{
  display:block!important;
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(18px);
  border-bottom:1px solid #e3edf4;
  box-shadow:0 5px 24px rgba(19,68,99,.055);
}
.digi-unified-theme .navbar{background:transparent}
.digi-unified-theme .nav-inner{min-height:84px;gap:24px}
.digi-unified-theme .brand{flex:0 0 auto}
.digi-unified-theme .brand img{width:86px;height:62px;object-fit:contain}
.digi-unified-theme .brand-copy strong{font-size:20px;letter-spacing:-.35px}
.digi-unified-theme .brand-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.digi-unified-theme .nav-links{gap:22px;white-space:nowrap}
.digi-unified-theme .nav-links>a,.digi-unified-theme .nav-dropbtn{font-size:14px;font-weight:750;padding:30px 0 26px;position:relative}
.digi-unified-theme .nav-links>a.active,.digi-unified-theme .nav-dropbtn.active{color:var(--digi-teal)}
.digi-unified-theme .nav-dropbtn.active:after{content:"";position:absolute;height:3px;border-radius:3px;left:0;right:0;bottom:-16px;background:var(--digi-teal)}
.digi-unified-theme .btn-small{padding:13px 18px!important;margin-left:2px}

/* Home exact reference: use shared header and crop the baked header out of the approved image. */
.home-exact-reference-page main{padding:0;margin:0}
.home-exact-reference-page .whatsapp-float{display:flex!important}
.home-exact-reference>img{
  width:100%;height:auto;aspect-ratio:1672/836;object-fit:contain;background:#f7fbff
}
.home-exact-reference-desktop{border-bottom:1px solid var(--digi-border)}
.home-reference-hotspots .hs-book-demo{left:2.7%;top:46.0%;width:18.7%;height:8.7%}
.home-reference-hotspots .hs-bhcc{left:1.7%;top:58.9%;width:16.5%;height:17.1%}
.home-reference-hotspots .hs-blpp{left:18.5%;top:58.9%;width:16.4%;height:17.1%}
.home-reference-hotspots .hs-recovery{left:35.2%;top:58.9%;width:17.0%;height:17.1%}
.home-reference-hotspots .hs-brcc{left:52.7%;top:58.9%;width:16.8%;height:17.1%}

/* Reusable visual primitives for all pages */
.digi-section-title{max-width:820px;margin:0 auto 28px;text-align:center}
.digi-section-title h2{font-size:34px;line-height:1.08;color:var(--digi-ink);margin:8px 0}
.digi-section-title p{color:var(--digi-muted);line-height:1.65}
.digi-surface-card{background:#fff;border:1px solid var(--digi-border);border-radius:20px;box-shadow:0 14px 34px rgba(23,76,109,.065)}
.digi-hero-shell{background:radial-gradient(circle at 85% 12%,rgba(38,135,226,.13),transparent 34%),linear-gradient(135deg,#fff 0%,#f7fbff 62%,#eef7ff 100%);border-bottom:1px solid var(--digi-border)}
.digi-product-signature{display:flex;align-items:center;gap:8px;margin:10px 0 4px;flex-wrap:wrap}
.digi-product-signature span{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--page-accent);text-transform:uppercase}
.digi-product-signature b{font-size:10px;font-weight:850;color:var(--digi-ink);background:var(--page-accent-soft);border:1px solid color-mix(in srgb,var(--page-accent) 20%,white);padding:6px 10px;border-radius:999px}

/* One product-page skeleton; product identity is supplied only by the accent variables below. */
body[class*="product-"]{
  --page-accent:var(--digi-blue);
  --page-accent-soft:#eaf4ff;
  background:#f8fbff;
}
body[class*="product-"] .product-hero{
  color:var(--digi-ink)!important;
  padding:50px 0 48px!important;
  background:
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--page-accent) 16%,transparent),transparent 34%),
    radial-gradient(circle at 6% 2%,rgba(24,176,145,.08),transparent 27%),
    linear-gradient(135deg,#fff 0%,#f8fbff 57%,#eef7ff 100%)!important;
  border-bottom:1px solid var(--digi-border)
}
body[class*="product-"] .product-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:46px;align-items:center}
body[class*="product-"] .product-hero-copy h1{font-size:48px!important;line-height:1.03;letter-spacing:-1.25px;color:var(--digi-ink)!important;margin:10px 0 11px}
body[class*="product-"] .product-hero-copy h2{color:var(--page-accent)!important;font-size:20px;line-height:1.35}
body[class*="product-"] .product-hero-copy p{color:var(--digi-muted)!important;font-size:15px;line-height:1.72;max-width:670px}
body[class*="product-"] .eyebrow{color:#0a705e!important;background:linear-gradient(90deg,#fff1ae,#e0f8f2)!important;border:1px solid #d7ebe6!important}
body[class*="product-"] .product-showcase{min-height:330px!important;background:linear-gradient(145deg,#fff,#f3f9ff)!important;border:1px solid color-mix(in srgb,var(--page-accent) 16%,#dfe9f1)!important;border-radius:28px!important;box-shadow:0 24px 56px rgba(25,79,112,.095)!important}
body[class*="product-"] .product-showcase:before{content:"";position:absolute;inset:auto 24px 20px 24px;height:5px;border-radius:6px;background:linear-gradient(90deg,transparent,var(--page-accent),transparent);opacity:.5;z-index:0}
body[class*="product-"] .product-hero-image{max-height:300px!important;filter:drop-shadow(0 22px 31px rgba(18,61,88,.17))}
body[class*="product-"] .product-big-icon{background:linear-gradient(135deg,var(--page-accent),color-mix(in srgb,var(--page-accent) 64%,#092d4a))!important}
body[class*="product-"] .hero-actions .btn-gold{background:linear-gradient(135deg,var(--page-accent),color-mix(in srgb,var(--page-accent) 78%,#071f35))!important;color:#fff!important;border-color:transparent!important}
body[class*="product-"] .hero-actions .btn-outline-light{color:var(--page-accent)!important;border-color:color-mix(in srgb,var(--page-accent) 28%,white)!important;background:#fff!important}
body[class*="product-"] .premium-section-title h2 strong{color:var(--page-accent)!important}
body[class*="product-"] .premium-feature-icon,
body[class*="product-"] .panel-title-icon,
body[class*="product-"] .resilience-icon{background:linear-gradient(135deg,var(--page-accent),color-mix(in srgb,var(--page-accent) 68%,#0b3658))!important}
body[class*="product-"] .feature-list li:before{background:var(--page-accent)!important}

/* Unique, controlled identities inside the same Digi family */
.product-trading-erp{--page-accent:#0b8069;--page-accent-soft:#e7f7f1}
.product-freightiq{--page-accent:#1878d4;--page-accent-soft:#e9f3ff}
.product-assetcare{--page-accent:#7352bf;--page-accent-soft:#f1ecff}
.product-enquiryiq{--page-accent:#ef7d17;--page-accent-soft:#fff1e3}
.product-printcalc{--page-accent:#df3d7d;--page-accent-soft:#ffeaf3}
.product-calculators{--page-accent:#118c91;--page-accent-soft:#e6f8f8}
.product-bhcc{--page-accent:#1679d5;--page-accent-soft:#e8f3ff}
.product-profit-protection{--page-accent:#10845b;--page-accent-soft:#e5f7ee}
.product-recovery{--page-accent:#ef7810;--page-accent-soft:#fff0e2}
.product-brcc{--page-accent:#6d4fc4;--page-accent-soft:#f1edff}

/* Keep all major non-product pages in the same exact light design family */
.digi-unified-theme .about-hero,
.digi-unified-theme .contact-hero-pro,
.digi-unified-theme .gst-tools-hero,
.digi-unified-theme .bi-hero{
  padding:50px 0!important;
  background:radial-gradient(circle at 86% 12%,rgba(31,137,217,.13),transparent 34%),linear-gradient(135deg,#fff,#f6fbff 58%,#eef7ff)!important;
  border-bottom:1px solid var(--digi-border)!important;
}
.digi-unified-theme .about-brand-card,
.digi-unified-theme .contact-logo-panel,
.digi-unified-theme .gst-tools-visual,
.digi-unified-theme .bi-dashboard-card,
.digi-unified-theme .demo-pro-form-card,
.digi-unified-theme .support-card,
.digi-unified-theme .legal-card{
  border:1px solid var(--digi-border)!important;border-radius:22px!important;box-shadow:0 18px 42px rgba(23,76,109,.07)!important;background:#fff!important
}

/* Standardise all long content sections so colors never jump between pages. */
.digi-unified-theme .premium-features-section,
.digi-unified-theme .software-screen-section,
.digi-unified-theme .product-benefits-section,
.digi-unified-theme .product-gallery-section,
.digi-unified-theme .product-faq-section,
.digi-unified-theme .resilience-section,
.digi-unified-theme .brcc-benefit-section,
.digi-unified-theme .brcc-ai-section,
.digi-unified-theme .recovery-value-section,
.digi-unified-theme .recovery-ai-engine-section,
.digi-unified-theme .profit-value-section,
.digi-unified-theme .profit-ai-section,
.digi-unified-theme .about-section,
.digi-unified-theme .contact-pro-section,
.digi-unified-theme .gst-tools-section,
.digi-unified-theme .gst-page,
.digi-unified-theme .bi-tools-section,
.digi-unified-theme .bi-tool-page{
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important;
  color:var(--digi-ink)
}
.digi-unified-theme .premium-features-layout>*,
.digi-unified-theme .screen-showcase-card,
.digi-unified-theme .benefit-card,
.digi-unified-theme .gallery-main,
.digi-unified-theme .gallery-note,
.digi-unified-theme .faq-list details,
.digi-unified-theme .resilience-card,
.digi-unified-theme .recovery-flow-grid>*,
.digi-unified-theme .profit-protection-grid>*,
.digi-unified-theme .brcc-value-grid>*,
.digi-unified-theme .recovery-ai-grid>*,
.digi-unified-theme .profit-ai-grid>*{
  background:#fff!important;border:1px solid var(--digi-border)!important;box-shadow:0 12px 30px rgba(23,76,109,.055)!important
}

/* Footer is identical sitewide */
.digi-unified-theme .site-footer{background:#fff!important;border-top:1px solid var(--digi-border)!important}
.digi-unified-theme .footer-grid{align-items:start}
.digi-unified-theme .site-footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.digi-unified-theme .site-footer a:hover{color:var(--digi-blue)}

@media(max-width:1180px){
  .digi-unified-theme .nav-links{gap:15px}
  .digi-unified-theme .nav-links>a,.digi-unified-theme .nav-dropbtn{font-size:13px}
  .digi-unified-theme .brand-copy{display:none}
}
@media(max-width:980px){
  .digi-unified-theme .nav-links{gap:8px;white-space:normal}
  .digi-unified-theme .nav-links>a,.digi-unified-theme .nav-dropbtn{padding:8px 0}
  .digi-unified-theme .nav-dropbtn.active:after{bottom:0}
  body[class*="product-"] .product-hero-grid{grid-template-columns:1fr}
  body[class*="product-"] .product-hero-copy h1{font-size:40px!important}
  .home-exact-reference-desktop{display:none}
  .home-exact-reference-mobile{display:block}
}
@media(max-width:650px){
  .digi-unified-theme .nav-inner{min-height:72px}
  .digi-unified-theme .brand img{width:72px;height:52px}
  body[class*="product-"] .product-hero{padding:38px 0 34px!important}
  body[class*="product-"] .product-hero-copy h1{font-size:34px!important}
  body[class*="product-"] .product-showcase{min-height:225px!important;padding:16px!important}
}

/* ============================================================
   READABILITY + INDUSTRIES AUDIT V5
   High-contrast dark surfaces and highlighted industry showcase.
   ============================================================ */
.digi-unified-theme .command-compact-card h3{color:#fff!important}
.digi-unified-theme .command-compact-card p{color:#e8f5f2!important}
.digi-unified-theme .command-compact-card a{color:#ffd34f!important}
.digi-unified-theme .command-compact-card .compact-business-icon{color:#173f35!important}

.digi-unified-theme .address-panel>span{color:#ffe06a!important}
.digi-unified-theme .address-panel h3{color:#fff!important}
.digi-unified-theme .address-panel p{color:#eef8f6!important}
.digi-unified-theme .address-panel .gst-chip{color:#fff!important;border-color:rgba(255,255,255,.34)!important;background:rgba(255,255,255,.10)!important}

/* General protection against muted text becoming unreadable on dark premium cards */
.digi-unified-theme .command-compact-card small,
.digi-unified-theme .address-panel small,
.digi-unified-theme [class*="dark-card"] p,
.digi-unified-theme [class*="dark-card"] small{color:#e8f5f2!important}

.industry-highlight-section{padding:52px 0;background:linear-gradient(180deg,#f5fbff 0%,#ffffff 100%);border-top:1px solid #e3edf5;border-bottom:1px solid #e3edf5}
.industry-highlight-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
.industry-highlight-head h2{margin:10px 0 6px;font-size:30px;line-height:1.12;color:#0b2f4f}
.industry-highlight-head h2 span{color:#0b8069}
.industry-highlight-head p{margin:0;max-width:780px;color:#607586;font-size:13px;line-height:1.6}
.industry-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.industry-highlight-card{background:#fff;border:1px solid #dce8f1;border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(24,76,108,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-height:154px}
.industry-highlight-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(24,76,108,.10);border-color:#bcd8e8}
.industry-highlight-card i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#0b8069,#1678c9);color:#fff;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.04em;box-shadow:0 8px 18px rgba(19,111,142,.16)}
.industry-highlight-card h3{margin:12px 0 6px;color:#0b2f4f;font-size:15px;line-height:1.25}
.industry-highlight-card p{margin:0;color:#607586;font-size:10px;line-height:1.55}

@media(max-width:980px){.industry-highlight-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.industry-highlight-section{padding:38px 0}.industry-highlight-grid{grid-template-columns:1fr}.industry-highlight-head h2{font-size:25px}.industry-highlight-card{min-height:auto}}

/* ============================================================
   HOME-STYLE AI PLATFORMS MEGA MENU
   Mirrors the four flagship cards used on the approved home visual.
   ============================================================ */
.digi-unified-theme .ai-platform-mega{
    width:min(1140px,calc(100vw - 36px))!important;
    padding:16px!important;
    border:1px solid #dce9f2!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 28px 70px rgba(20,65,100,.20)!important;
    overflow:hidden;
}
.digi-unified-theme .ai-platform-mega:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:linear-gradient(90deg,#1c94ef 0 25%,#11a877 25% 50%,#ff8a13 50% 75%,#814fe0 75% 100%);
}
.ai-platform-mega-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding:8px 6px 14px;
    border-bottom:1px solid #e9f0f5;
}
.ai-platform-mega-head>div>span,
.ai-platform-mega-head>div>strong,
.ai-platform-mega-head>div>small{display:block}
.ai-platform-mega-head>div>span{
    color:#087966;
    font-size:9px;
    font-weight:900;
    letter-spacing:.13em;
}
.ai-platform-mega-head>div>strong{
    color:#0b2f4f;
    margin:4px 0 3px;
    font-size:16px;
    line-height:1.25;
}
.ai-platform-mega-head>div>small{
    color:#6f8392;
    font-size:9px;
    line-height:1.5;
}
.ai-platform-mega-all{
    flex:0 0 auto;
    padding:8px 12px!important;
    border-radius:999px!important;
    background:#edf7f5!important;
    color:#087966!important;
    font-size:9px!important;
    font-weight:900!important;
    text-decoration:none!important;
}
.ai-platform-mega-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-top:14px;
}
.nav-dropdown-menu .ai-platform-mega-card{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 26px;
    gap:10px;
    align-items:center;
    min-height:126px;
    padding:14px 12px!important;
    border-radius:18px!important;
    border:1px solid rgba(28,72,107,.09)!important;
    text-decoration:none!important;
    box-shadow:0 10px 22px rgba(25,72,107,.06);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
    overflow:hidden;
    position:relative;
}
.nav-dropdown-menu .ai-platform-mega-card:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 34px rgba(25,72,107,.12);
}
.ai-platform-mega-icon{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border-radius:50%;
    font-size:23px;
    font-style:normal;
    font-weight:900;
    background:rgba(255,255,255,.72);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 7px 14px rgba(23,68,100,.08);
}
.ai-platform-mega-copy{display:block;min-width:0}
.ai-platform-mega-copy>b,
.ai-platform-mega-copy>strong,
.ai-platform-mega-copy>small,
.ai-platform-mega-copy>em{display:block}
.ai-platform-mega-copy>b{
    font-size:14px;
    line-height:1;
    font-weight:900;
    margin-bottom:5px;
}
.ai-platform-mega-copy>strong{
    color:#163851;
    font-size:10px;
    line-height:1.28;
    min-height:26px;
}
.ai-platform-mega-copy>small{
    font-size:9px;
    font-weight:900;
    margin-top:6px;
}
.ai-platform-mega-copy>em{
    color:#657b8a;
    font-size:7.5px;
    font-style:normal;
    line-height:1.4;
    margin-top:4px;
}
.ai-platform-mega-arrow{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border-radius:50%;
    color:#fff;
    font-size:13px;
    font-style:normal;
    font-weight:900;
}
.mega-bhcc{background:linear-gradient(135deg,#f1f9ff,#e7f4ff)!important}
.mega-bhcc .ai-platform-mega-icon,.mega-bhcc .ai-platform-mega-copy>b,.mega-bhcc .ai-platform-mega-copy>small{color:#147bd1}
.mega-bhcc .ai-platform-mega-arrow{background:#238be2}
.mega-bhcc:hover{border-color:#9ed2ff!important}
.mega-blpp{background:linear-gradient(135deg,#effaf6,#e5f7ef)!important}
.mega-blpp .ai-platform-mega-icon,.mega-blpp .ai-platform-mega-copy>b,.mega-blpp .ai-platform-mega-copy>small{color:#078663}
.mega-blpp .ai-platform-mega-arrow{background:#10a577}
.mega-blpp:hover{border-color:#9ee0c9!important}
.mega-recovery{background:linear-gradient(135deg,#fff8ee,#fff0dc)!important}
.mega-recovery .ai-platform-mega-icon,.mega-recovery .ai-platform-mega-copy>b,.mega-recovery .ai-platform-mega-copy>small{color:#d96d08}
.mega-recovery .ai-platform-mega-arrow{background:#ff8611}
.mega-recovery:hover{border-color:#ffc88d!important}
.mega-brcc{background:linear-gradient(135deg,#f7f2ff,#efe8ff)!important}
.mega-brcc .ai-platform-mega-icon,.mega-brcc .ai-platform-mega-copy>b,.mega-brcc .ai-platform-mega-copy>small{color:#6944bb}
.mega-brcc .ai-platform-mega-arrow{background:#8054d7}
.mega-brcc:hover{border-color:#cbb9f2!important}
.ai-platform-mega-foot{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin-top:12px;
    padding:10px 12px;
    border-radius:14px;
    background:linear-gradient(90deg,#f5faff,#f6fbf8);
    border:1px solid #e3edf3;
    color:#587181;
    font-size:8px;
}
.ai-platform-mega-foot b{color:#0b6f62}
.ai-platform-mega-foot a{
    padding:0!important;
    background:transparent!important;
    color:#0b6f62!important;
    font-size:8px!important;
    font-weight:900!important;
    white-space:nowrap;
}
@media(max-width:1180px) and (min-width:981px){
    .ai-platform-mega-grid{grid-template-columns:repeat(2,1fr)}
    .digi-unified-theme .ai-platform-mega{width:min(760px,calc(100vw - 30px))!important}
}
@media(max-width:980px){
    .digi-unified-theme .ai-platform-mega{width:100%!important;padding:10px!important;border-radius:14px!important}
    .ai-platform-mega-head{flex-direction:column;gap:8px}
    .ai-platform-mega-grid{grid-template-columns:1fr;gap:8px}
    .nav-dropdown-menu .ai-platform-mega-card{min-height:96px;grid-template-columns:44px minmax(0,1fr) 24px;padding:11px!important}
    .ai-platform-mega-icon{width:42px;height:42px;font-size:20px}
    .ai-platform-mega-copy>strong{min-height:auto}
    .ai-platform-mega-foot{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   AI PLATFORM SUB-PAGES - HOME STYLE LIGHT DESIGN
   BHCC / BLPP / AI Recovery / BRCC
   ========================================================= */
.ai-simple-dropdown{
    width:360px; max-width:calc(100vw - 28px); padding:10px;
    border:1px solid #dbe8f0; border-radius:18px; background:#fff;
    box-shadow:0 18px 44px rgba(17,56,88,.16); gap:6px;
}
.ai-simple-dropdown .ai-simple-link{
    display:flex; align-items:center; gap:12px; padding:11px 12px;
    border-radius:13px; text-decoration:none; color:#0c2d4d; transition:.18s ease;
}
.ai-simple-dropdown .ai-simple-link:hover{background:#f4f9fc; transform:translateX(2px)}
.ai-simple-icon{
    width:42px; height:42px; border-radius:13px; display:grid; place-items:center;
    font-size:12px; font-weight:800; flex:0 0 42px; color:#fff;
}
.ai-simple-link>span:last-child{display:flex; flex-direction:column; min-width:0}
.ai-simple-link b{font-size:14px; line-height:1.2; color:#0c2d4d}
.ai-simple-link small{margin-top:3px; color:#6d8296; font-size:11px}
.bhcc-link .ai-simple-icon{background:linear-gradient(135deg,#1d88ef,#1268ca)}
.profit-link .ai-simple-icon{background:linear-gradient(135deg,#0bb77b,#087957)}
.recovery-link .ai-simple-icon{background:linear-gradient(135deg,#ff9c24,#e86800)}
.brcc-link .ai-simple-icon{background:linear-gradient(135deg,#8d5cf7,#6533d5)}

.ai-home-style{
    --ai-accent:#1477d4; --ai-accent-2:#08a8d8; --ai-soft:#eef7ff; --ai-pale:#f8fbfe;
    color:#0b2a47; background:#fff;
}
.ai-home-style.accent-bhcc{--ai-accent:#177bd4;--ai-accent-2:#20a2ef;--ai-soft:#eef7ff}
.ai-home-style.accent-profit{--ai-accent:#078b67;--ai-accent-2:#16b987;--ai-soft:#effbf7}
.ai-home-style.accent-recovery{--ai-accent:#ef7510;--ai-accent-2:#ffac2b;--ai-soft:#fff6e9}
.ai-home-style.accent-brcc{--ai-accent:#6d45d6;--ai-accent-2:#9a6ef1;--ai-soft:#f6f1ff}

.ai-product-hero{
    position:relative; overflow:hidden; padding:54px 0 48px;
    background:
      radial-gradient(circle at 92% 12%, color-mix(in srgb,var(--ai-accent) 12%, transparent), transparent 28%),
      radial-gradient(circle at 5% 12%, rgba(17,166,137,.08), transparent 24%),
      linear-gradient(120deg,#fff 0%,#f8fcff 52%,var(--ai-soft) 100%);
    border-bottom:1px solid #e5eef4;
}
.ai-product-hero:after{content:"";position:absolute;right:-120px;top:-170px;width:460px;height:460px;border:1px solid color-mix(in srgb,var(--ai-accent) 14%, transparent);border-radius:50%}
.ai-product-hero-grid{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);align-items:center;gap:44px;position:relative;z-index:1}
.ai-product-copy{padding:8px 0}
.ai-product-eyebrow{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:linear-gradient(90deg,#fff1a8,var(--ai-soft));color:#075b52;font-size:12px;font-weight:800;letter-spacing:.05em}
.ai-product-code{margin-top:18px;color:var(--ai-accent);font-size:14px;font-weight:800;letter-spacing:.14em}
.ai-product-copy h1{margin:9px 0 18px;max-width:720px;font-size:clamp(38px,4.2vw,66px);line-height:1.03;letter-spacing:-.045em;color:#0a2a49}
.ai-product-copy p{max-width:700px;margin:0;color:#4a647a;font-size:18px;line-height:1.65}
.ai-product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.ai-primary-cta{background:linear-gradient(135deg,#08745e,#0b9677)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(7,117,94,.2)}
.ai-secondary-cta{background:#fff!important;color:#143b61!important;border:1px solid #cdddea!important}
.ai-product-trust{margin-top:18px;color:#70859a;font-size:12px;font-weight:600}
.ai-product-visual{min-width:0}
.ai-product-visual-card{position:relative;min-height:430px;padding:34px 34px 24px;border:1px solid #d6e6ef;border-radius:34px;background:rgba(255,255,255,.78);box-shadow:0 22px 55px rgba(18,68,102,.12);backdrop-filter:blur(8px)}
.ai-visual-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;color:#173d5e;font-size:13px;font-weight:800}
.ai-visual-topline b{padding:7px 10px;border-radius:10px;background:var(--ai-soft);color:var(--ai-accent);font-size:10px;letter-spacing:.07em}
.ai-product-visual-card>img{display:block;width:100%;height:330px;object-fit:contain;border-radius:22px;background:#fff}
.ai-visual-stat{position:absolute;min-width:120px;padding:12px 14px;border:1px solid #dfeaf1;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(18,68,102,.13);display:flex;flex-direction:column}
.ai-visual-stat strong{color:var(--ai-accent);font-size:22px}.ai-visual-stat small{margin-top:2px;color:#6b8295;font-size:10px;font-weight:700}
.ai-visual-stat.stat-one{left:8px;top:92px}.ai-visual-stat.stat-two{right:8px;bottom:76px}
.ai-visual-assistant{position:absolute;right:28px;top:66px;max-width:230px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:17px;background:linear-gradient(135deg,var(--ai-accent),var(--ai-accent-2));color:#fff;box-shadow:0 16px 34px color-mix(in srgb,var(--ai-accent) 25%, transparent)}
.ai-visual-assistant>span{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ai-accent);display:grid;place-items:center;font-weight:900;flex:0 0 38px}
.ai-visual-assistant div{display:flex;flex-direction:column}.ai-visual-assistant b{font-size:12px}.ai-visual-assistant small{font-size:9px;opacity:.9;margin-top:2px}

.ai-product-benefit-strip{padding:0 0 28px;background:linear-gradient(180deg,var(--ai-soft),#fff)}
.ai-benefit-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;transform:translateY(-8px)}
.ai-benefit-item{min-height:82px;display:flex;align-items:center;gap:11px;padding:14px 15px;border:1px solid #dfe9f0;border-radius:17px;background:#fff;box-shadow:0 10px 24px rgba(23,58,87,.06)}
.ai-benefit-item>span{width:11px;height:11px;border-radius:50%;background:var(--ai-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--ai-accent) 10%, transparent);flex:0 0 11px}
.ai-benefit-item div{display:flex;flex-direction:column}.ai-benefit-item b{font-size:13px;color:#123958}.ai-benefit-item small{margin-top:4px;color:#71869a;font-size:10px}

.ai-product-content{background:#fff}
.ai-product-content>section{padding-top:70px!important;padding-bottom:70px!important;background:#fff!important;color:#163954!important}
.ai-product-content>section:nth-of-type(even){background:#f8fbfd!important}
.ai-product-content .premium-section-title span,.ai-product-content .section-kicker{color:var(--ai-accent)!important}
.ai-product-content .premium-section-title h2,.ai-product-content h2,.ai-product-content h3,.ai-product-content h4{color:#0b2d4d!important}
.ai-product-content p,.ai-product-content li,.ai-product-content span{color:#5c7388}
.ai-product-content strong,.ai-product-content b{color:#173d5d}
.ai-product-content article,.ai-product-content .premium-capabilities-panel,.ai-product-content .premium-bestfor-panel,.ai-product-content .bhcc-usecase-card,.ai-product-content .brcc-summary,.ai-product-content .brcc-difference-box,.ai-product-content .brcc-ai-executive-card,.ai-product-content .ai-example-card{
    border-color:#dfe9f0!important;box-shadow:0 14px 34px rgba(20,63,93,.07)!important
}
.ai-product-content .premium-feature-icon,.ai-product-content .panel-title-icon,.ai-product-content .benefit-number,.ai-product-content .resilience-icon{background:var(--ai-soft)!important;color:var(--ai-accent)!important;border-color:color-mix(in srgb,var(--ai-accent) 18%, #dce8ef)!important}
.ai-product-content .premium-tags span{background:var(--ai-soft)!important;color:#16465f!important;border-color:color-mix(in srgb,var(--ai-accent) 14%, #dce8ef)!important}
.ai-product-content .ai-product-feature-grid article span,.ai-product-content .recovery-ai-flow article>b,.ai-product-content .profit-ai-grid article>b{color:var(--ai-accent)!important}

.ai-product-cta{padding:34px 0 80px;background:linear-gradient(180deg,#fff,var(--ai-soft))}
.ai-product-cta-card{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:34px 38px;border:1px solid #dce9f1;border-radius:28px;background:#fff;box-shadow:0 18px 44px rgba(18,68,102,.09)}
.ai-product-cta-card>div{max-width:850px}.ai-product-cta-card span{color:var(--ai-accent);font-size:11px;font-weight:800;letter-spacing:.08em}.ai-product-cta-card h2{margin:6px 0 8px;color:#0b2d4d;font-size:30px}.ai-product-cta-card p{margin:0;color:#657b8f;line-height:1.6}

@media(max-width:1100px){
  .ai-product-hero-grid{grid-template-columns:1fr;gap:30px}.ai-product-copy{max-width:820px}.ai-product-visual-card{min-height:400px}
  .ai-benefit-row{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .ai-product-hero{padding:38px 0 28px}.ai-product-copy h1{font-size:40px}.ai-product-copy p{font-size:16px}
  .ai-product-visual-card{min-height:330px;padding:24px 18px 18px}.ai-product-visual-card>img{height:250px}.ai-visual-stat{display:none}.ai-visual-assistant{position:static;margin-top:12px;max-width:none}
  .ai-benefit-row{grid-template-columns:1fr 1fr}.ai-product-cta-card{align-items:flex-start;flex-direction:column;padding:27px 24px}
  .ai-simple-dropdown{position:static!important;width:100%;box-shadow:none;border:0;border-radius:0;padding:8px 0}
}
@media(max-width:520px){.ai-benefit-row{grid-template-columns:1fr}.ai-product-copy h1{font-size:34px}}
.ai-product-positioning{
    display:inline-flex;
    margin-top:10px;
    padding:6px 10px;
    border-radius:10px;
    background:var(--ai-soft);
    color:var(--ai-accent);
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}


/* ============================================================
   AI PLATFORM SUBPAGES - EXACT HOME COMPOSITION
   Reuses the approved Home reference hero language while keeping
   each platform's controlled product accent.
   ============================================================ */
.ai-subpage-hero{--sub-accent:#177bd4;--sub-accent2:#20a2ef;--sub-soft:#eef7ff;min-height:520px;padding:30px 0 16px;background:radial-gradient(circle at 76% 28%,color-mix(in srgb,var(--sub-accent) 12%,transparent),transparent 27%),linear-gradient(135deg,#fff 0%,#f9fcff 50%,var(--sub-soft) 100%)}
.ai-subpage-bhcc{--sub-accent:#177bd4;--sub-accent2:#20a2ef;--sub-soft:#eef7ff}
.ai-subpage-profit{--sub-accent:#078b67;--sub-accent2:#16b987;--sub-soft:#effbf7}
.ai-subpage-recovery{--sub-accent:#ef7510;--sub-accent2:#ffac2b;--sub-soft:#fff6e9}
.ai-subpage-brcc{--sub-accent:#6d45d6;--sub-accent2:#9a6ef1;--sub-soft:#f6f1ff}
.ai-subpage-hero .reference-kicker{background:linear-gradient(90deg,#fff2a8,var(--sub-soft));color:#073e35}
.ai-subpage-hero .reference-hero-copy h1 span{color:var(--sub-accent)}
.ai-subpage-hero .reference-primary-btn{background:linear-gradient(135deg,#087b62,#0aa078);box-shadow:0 12px 26px rgba(7,123,98,.20)}
.ai-subpage-hero .reference-secondary-btn{border-color:color-mix(in srgb,var(--sub-accent) 30%,#cbd9e4);color:#0b3152;background:#fff}
.ai-subpage-dashboard .reference-screen-sidebar{background:linear-gradient(180deg,#064b42,#073b37)}
.ai-subpage-dashboard .reference-screen-title{color:#0b3152}
.ai-subpage-dashboard .reference-kpi.score strong,.ai-subpage-dashboard .reference-kpi.score span{color:var(--sub-accent)}
.ai-subpage-dashboard .reference-bars span{background:linear-gradient(180deg,var(--sub-accent2),var(--sub-accent))}
.ai-subpage-dashboard .reference-assistant-card{background:linear-gradient(145deg,var(--sub-accent),var(--sub-accent2));box-shadow:0 18px 42px color-mix(in srgb,var(--sub-accent) 25%,transparent)}
.ai-subpage-dashboard .robot-body{background:linear-gradient(180deg,#fff,var(--sub-soft));color:var(--sub-accent);border-color:color-mix(in srgb,var(--sub-accent) 35%,#cad7e4)}
.ai-subpage-dashboard .robot-head span{background:var(--sub-accent2);box-shadow:0 0 12px color-mix(in srgb,var(--sub-accent2) 65%,transparent)}
.ai-subpage-journey{gap:5px}.ai-subpage-journey span{background:linear-gradient(135deg,var(--sub-accent),var(--sub-accent2));box-shadow:0 8px 16px color-mix(in srgb,var(--sub-accent) 20%,transparent)}
.ai-subpage-capabilities{--sub-accent:#177bd4;--sub-accent2:#20a2ef;--sub-soft:#eef7ff;padding:12px 0 26px;background:#fff}
.ai-subpage-capabilities.ai-subpage-profit{--sub-accent:#078b67;--sub-accent2:#16b987;--sub-soft:#effbf7}.ai-subpage-capabilities.ai-subpage-recovery{--sub-accent:#ef7510;--sub-accent2:#ffac2b;--sub-soft:#fff6e9}.ai-subpage-capabilities.ai-subpage-brcc{--sub-accent:#6d45d6;--sub-accent2:#9a6ef1;--sub-soft:#f6f1ff}
.ai-subpage-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 12px}.ai-subpage-cap-grid article{min-height:94px;display:grid;grid-template-columns:48px 1fr 26px;gap:10px;align-items:center;padding:14px;border:1px solid #dfe8ee;border-radius:14px;background:linear-gradient(135deg,var(--sub-soft),#fff);box-shadow:0 10px 24px rgba(27,80,114,.07)}.ai-subpage-cap-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--sub-accent),var(--sub-accent2));color:#fff;font-weight:900;font-size:12px}.ai-subpage-cap-grid b,.ai-subpage-cap-grid span{display:block}.ai-subpage-cap-grid b{font-size:14px;color:#0b3152;margin-bottom:3px}.ai-subpage-cap-grid span{font-size:11px;color:#60778a}.ai-subpage-cap-grid i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--sub-accent);color:#fff;font-size:12px}.ai-subpage-integration{margin-top:0;background:linear-gradient(135deg,#fbfdff,var(--sub-soft));border-color:#e0eaf2}.ai-product-content{background:#fff}
@media(max-width:1100px){.ai-subpage-hero{min-height:auto}.ai-subpage-cap-grid{grid-template-columns:1fr 1fr}.ai-subpage-dashboard{min-height:410px}}
@media(max-width:700px){.ai-subpage-hero{padding-top:18px}.ai-subpage-cap-grid{grid-template-columns:1fr}.ai-subpage-capabilities{padding-top:8px}.ai-subpage-dashboard{min-height:340px}.ai-subpage-hero .reference-hero-copy h1{font-size:39px}}
.ai-subpage-positioning{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:10px 0 0;padding:7px 12px;border-radius:999px;background:var(--sub-soft);color:var(--sub-accent);font-size:12px;font-weight:900;letter-spacing:.02em;border:1px solid color-mix(in srgb,var(--sub-accent) 14%,#e6eef4)}

/* ============================================================
   EXACT HOME VISUAL SHELL FOR THE FOUR FLAGSHIP AI PAGES
   ============================================================ */
.exact-ai-shell-hero{
    position:relative;
    overflow:hidden;
    min-height:610px;
    background:
      radial-gradient(circle at 10% 18%, rgba(112,220,190,.16), transparent 24%),
      radial-gradient(circle at 88% 20%, rgba(67,147,255,.15), transparent 28%),
      linear-gradient(120deg,#fbfefe 0%,#f4faff 46%,#eaf5ff 100%);
    border-bottom:1px solid rgba(10,67,92,.08);
}
.exact-ai-shell-hero:after{
    content:"";position:absolute;inset:auto -8% -42% auto;width:600px;height:600px;border-radius:50%;
    border:1px solid rgba(49,133,228,.12);pointer-events:none;
}
.exact-ai-shell-grid{
    min-height:610px;display:grid;grid-template-columns:45% 55%;align-items:center;gap:26px;
    padding-top:44px;padding-bottom:42px;
}
.exact-ai-shell-copy{position:relative;z-index:2;padding-left:2px;}
.exact-ai-shell-copy .reference-kicker{display:inline-flex;margin-bottom:14px;}
.exact-ai-product-badge{
    display:inline-flex;align-items:center;margin-left:8px;margin-bottom:14px;padding:9px 15px;border-radius:999px;
    font-weight:800;font-size:13px;letter-spacing:.04em;background:#edf6ff;color:#1671ce;border:1px solid #cfe4fb;
}
.exact-ai-shell-copy h1{margin:0 0 16px;font-size:clamp(44px,4.15vw,66px);line-height:.99;letter-spacing:-.045em;color:#092f53;font-weight:900;}
.exact-ai-shell-copy h1 span{color:#1b73d1;}
.exact-ai-shell-copy p{max-width:690px;margin:0 0 12px;font-size:18px;line-height:1.52;color:#4b6780;}
.exact-ai-journey{font-size:19px;font-weight:850;letter-spacing:.01em;margin:8px 0 19px;color:#0e7a67;}
.exact-ai-metrics{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #dfeaf3;border-bottom:1px solid #dfeaf3;margin:0 0 21px;}
.exact-ai-metrics>div{display:flex;align-items:center;gap:8px;min-height:73px;padding:9px 10px;border-right:1px solid #dfeaf3;}
.exact-ai-metrics>div:last-child{border-right:0;}
.exact-ai-metrics b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff;box-shadow:0 7px 20px rgba(22,76,116,.09);font-size:11px;color:#1177cf;flex:0 0 auto;}
.exact-ai-metrics span{font-size:11.5px;line-height:1.18;font-weight:800;color:#153c5c;}
.exact-ai-shell-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;}
.exact-ai-shell-actions .reference-primary-btn,.exact-ai-shell-actions .reference-secondary-btn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;}
.exact-ai-shell-actions .reference-trust-note{display:block;flex:1 1 100%;margin-top:2px;font-size:12px;color:#71869a;font-weight:700;}
.exact-ai-shell-visual{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:center;min-width:0;}
.exact-ai-shell-visual img{display:block;width:100%;max-width:820px;height:auto;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(39,91,130,.14));}

/* Platform-specific identity without breaking the shared Home visual language */
.accent-profit .exact-ai-product-badge{background:#ebf9f3;color:#0b8a61;border-color:#caeedf;}
.accent-profit .exact-ai-shell-copy h1 span,.accent-profit .exact-ai-metrics b{color:#0a9368;}
.accent-profit .exact-ai-journey{color:#0a9368;}
.accent-recovery .exact-ai-product-badge{background:#fff3e6;color:#e36e00;border-color:#ffd9b0;}
.accent-recovery .exact-ai-shell-copy h1 span,.accent-recovery .exact-ai-metrics b{color:#ef7b00;}
.accent-recovery .exact-ai-journey{color:#e86f00;}
.accent-brcc .exact-ai-product-badge{background:#f3efff;color:#6d45d4;border-color:#ddd2ff;}
.accent-brcc .exact-ai-shell-copy h1 span,.accent-brcc .exact-ai-metrics b{color:#6c46d7;}
.accent-brcc .exact-ai-journey{color:#6842cf;}

@media (max-width:1199px){
  .exact-ai-shell-grid{grid-template-columns:48% 52%;min-height:570px;}
  .exact-ai-shell-hero{min-height:570px;}
  .exact-ai-shell-copy h1{font-size:48px;}
  .exact-ai-shell-copy p{font-size:16px;}
  .exact-ai-metrics span{font-size:10px;}
}
@media (max-width:991px){
  .exact-ai-shell-grid{grid-template-columns:1fr;min-height:auto;padding-top:36px;padding-bottom:40px;}
  .exact-ai-shell-hero{min-height:0;}
  .exact-ai-shell-copy{max-width:760px;margin:0 auto;}
  .exact-ai-shell-copy h1{font-size:48px;}
  .exact-ai-shell-visual{justify-content:center;}
  .exact-ai-shell-visual img{max-width:760px;}
}
@media (max-width:680px){
  .exact-ai-shell-grid{padding-top:26px;gap:14px;}
  .exact-ai-product-badge{margin-left:0;margin-top:7px;}
  .exact-ai-shell-copy h1{font-size:38px;line-height:1.02;}
  .exact-ai-shell-copy p{font-size:15px;}
  .exact-ai-journey{font-size:16px;}
  .exact-ai-metrics{grid-template-columns:repeat(2,1fr);}
  .exact-ai-metrics>div{border-bottom:1px solid #dfeaf3;}
  .exact-ai-shell-actions .reference-primary-btn,.exact-ai-shell-actions .reference-secondary-btn{width:100%;}
}

/* ============================================================
   HOME-CLONE SHELL FOR FLAGSHIP AI PAGES
   Matches the approved Home visual rhythm with compact top spacing.
   ============================================================ */
.home-clone-ai-hero{
  --hc:#1677d2; --hc2:#23a2ef; --hcsoft:#edf7ff;
  margin:0; padding-top:8px; padding-bottom:10px;
  overflow:hidden; position:relative;
  background:
    radial-gradient(circle at 8% 16%,rgba(92,218,187,.13),transparent 24%),
    radial-gradient(circle at 88% 18%,rgba(57,147,255,.15),transparent 28%),
    linear-gradient(120deg,#fff 0%,#f8fcff 48%,#eaf5ff 100%);
  border-bottom:1px solid #e1ecf4;
}
.home-clone-profit{--hc:#0b956c;--hc2:#1db78c;--hcsoft:#edfbf6}
.home-clone-recovery{--hc:#ef780c;--hc2:#ffae2b;--hcsoft:#fff5e8}
.home-clone-brcc{--hc:#6e49dc;--hc2:#9b72f2;--hcsoft:#f5f0ff}
.home-clone-ai-grid{display:grid;grid-template-columns:43% 57%;gap:24px;align-items:center;min-height:520px;padding-top:0;padding-bottom:0}
.home-clone-ai-copy{padding:10px 0 12px;min-width:0}
.home-clone-kicker{display:inline-flex;padding:8px 17px;border-radius:999px;background:linear-gradient(90deg,#fff0a1,var(--hcsoft));color:#073f37;font-size:13px;font-weight:900;letter-spacing:.035em}
.home-clone-product-code{margin:12px 0 6px;color:var(--hc);font-weight:900;font-size:13px;letter-spacing:.18em}
.home-clone-ai-copy h1{margin:0 0 13px;color:#092f53;font-size:clamp(42px,3.55vw,58px);line-height:.99;letter-spacing:-.043em;font-weight:900}
.home-clone-ai-copy h1 span{display:block;color:var(--hc);font-size:.82em;margin-top:6px}
.home-clone-ai-copy p{margin:0 0 7px;max-width:660px;color:#385a75;font-size:17px;line-height:1.48}
.home-clone-journey{margin:7px 0 16px;color:var(--hc);font-size:17px;font-weight:900;letter-spacing:.01em}
.home-clone-benefit-row{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #dbe8f1;border-bottom:1px solid #dbe8f1;margin:0 0 18px}
.home-clone-benefit-row>div{min-height:69px;display:flex;align-items:center;gap:8px;padding:8px 9px;border-right:1px solid #dbe8f1}
.home-clone-benefit-row>div:last-child{border-right:0}.home-clone-benefit-row em{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--hc);font-style:normal;font-weight:900;box-shadow:0 8px 20px rgba(24,74,112,.09)}
.home-clone-benefit-row span{font-size:11px;line-height:1.15;color:#143b5c;font-weight:850}
.home-clone-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-clone-actions a{min-height:52px;padding:0 22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;text-decoration:none}.home-clone-primary{background:linear-gradient(135deg,#08795f,#099c78);color:#fff;box-shadow:0 12px 26px rgba(7,121,95,.20)}.home-clone-secondary{background:#fff;color:#0b3152;border:1px solid #cbddea}.home-clone-actions>span{font-size:11px;line-height:1.2;color:#61798c;font-weight:800;max-width:140px}
.home-clone-visual-frame{position:relative;min-width:0;width:100%;height:auto;aspect-ratio:1100 / 650;overflow:hidden;border-radius:26px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#f0f8ff);box-shadow:0 22px 48px rgba(32,82,119,.11);border:1px solid #dbe8f1}
.home-clone-visual-frame img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;transform:none}
.home-clone-platform-strip{padding:10px 0 20px;background:#fff}.home-clone-platform-title{text-align:center;margin:0 0 10px;color:#0b4271;font-size:13px;font-weight:900;letter-spacing:.08em}.home-clone-platform-title span{display:inline-flex;align-items:center;gap:12px}.home-clone-platform-title span:before,.home-clone-platform-title span:after{content:"";width:90px;height:1px;background:#e7b92e}
.home-clone-platform-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(300px,1.45fr);gap:10px}.home-clone-platform-card,.home-clone-integration-card{min-height:125px;border-radius:16px;border:1px solid #dfeaf1;box-shadow:0 10px 24px rgba(26,76,111,.06)}.home-clone-platform-card{position:relative;padding:16px 44px 14px 18px;text-decoration:none;display:flex;flex-direction:column;justify-content:center}.home-clone-platform-card b,.home-clone-platform-card span,.home-clone-platform-card small{display:block}.home-clone-platform-card b{font-size:19px;margin-bottom:2px}.home-clone-platform-card span{font-size:12px;font-weight:800;color:#123c5d}.home-clone-platform-card small{margin-top:10px;font-size:11px;font-weight:800}.home-clone-platform-card i{position:absolute;right:14px;bottom:14px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal}.home-clone-platform-card.bhcc{background:linear-gradient(135deg,#ecf7ff,#f8fcff)}.home-clone-platform-card.bhcc b,.home-clone-platform-card.bhcc small{color:#1577d0}.home-clone-platform-card.bhcc i{background:#238ee2}.home-clone-platform-card.blpp{background:linear-gradient(135deg,#ecfaf4,#f9fffc)}.home-clone-platform-card.blpp b,.home-clone-platform-card.blpp small{color:#087e5b}.home-clone-platform-card.blpp i{background:#0aa474}.home-clone-platform-card.recovery{background:linear-gradient(135deg,#fff2e5,#fffaf4)}.home-clone-platform-card.recovery b,.home-clone-platform-card.recovery small{color:#c85d08}.home-clone-platform-card.recovery i{background:#ff8212}.home-clone-platform-card.brcc{background:linear-gradient(135deg,#f2edff,#fbf9ff)}.home-clone-platform-card.brcc b,.home-clone-platform-card.brcc small{color:#6440c6}.home-clone-platform-card.brcc i{background:#784fe0}
.home-clone-integration-card{padding:13px 15px;background:linear-gradient(135deg,#f7fbff,#edf7ff);text-align:center;display:flex;flex-direction:column;justify-content:center}.home-clone-integration-card>b{font-size:11px;color:#0a3d68;margin-bottom:8px}.home-clone-integration-card>div{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.home-clone-integration-card>div span{background:#fff;border:1px solid #e2ebf2;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:900;color:#164769}.home-clone-integration-card small{margin-top:8px;font-size:9.5px;color:#35617f;font-weight:800}
/* Keep active AI Platforms underline below the label, never through it. */
.digi-unified-theme .nav-dropbtn.active:after{bottom:-16px!important}
@media(max-width:1180px){.home-clone-ai-grid{grid-template-columns:46% 54%;min-height:500px}.home-clone-ai-copy h1{font-size:44px}.home-clone-visual-frame{height:450px}.home-clone-platform-row{grid-template-columns:repeat(2,1fr)}.home-clone-integration-card{grid-column:1/-1}.home-clone-benefit-row span{font-size:10px}}
@media(max-width:900px){.home-clone-ai-grid{grid-template-columns:1fr;min-height:0}.home-clone-ai-copy{max-width:760px;margin:auto}.home-clone-visual-frame{height:auto;aspect-ratio:1.69}.home-clone-benefit-row{grid-template-columns:repeat(5,1fr)}}
@media(max-width:640px){.home-clone-ai-hero{padding-top:10px}.home-clone-ai-copy h1{font-size:36px}.home-clone-ai-copy p{font-size:15px}.home-clone-benefit-row{grid-template-columns:repeat(2,1fr)}.home-clone-actions a{width:100%}.home-clone-actions>span{max-width:none}.home-clone-platform-row{grid-template-columns:1fr}.home-clone-platform-title span:before,.home-clone-platform-title span:after{width:34px}}

/* ============================================================
   AI PLATFORM POLISH — full visual shell + premium integrations
   Keeps BHCC / BLPP / Recovery / BRCC visually aligned with Home.
   ============================================================ */
.home-clone-ai-hero{
  padding-top:8px;
  padding-bottom:10px;
}
.home-clone-ai-grid{
  grid-template-columns:42.5% 57.5%;
  gap:20px;
  min-height:505px;
}
.home-clone-ai-copy{
  padding-top:4px;
  padding-bottom:6px;
}
.home-clone-visual-frame{
  width:100%;
  height:auto;
  aspect-ratio:1100 / 650;
  overflow:hidden;
  padding:0;
  background:#f5fbff;
}
.home-clone-visual-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  transform:none;
  display:block;
}

/* Integration card follows the visual language of the approved Home page. */
.professional-ai-integrations{
  padding:12px 14px 10px;
  background:linear-gradient(135deg,#f8fcff 0%,#eef8ff 100%);
  border:1px solid #dbe9f3;
  box-shadow:0 12px 28px rgba(28,78,112,.08);
}
.professional-ai-integrations>b{
  letter-spacing:.025em;
  font-size:11px;
  color:#073d68;
}
.ai-integration-logos{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px!important;
  align-items:stretch;
  margin-top:2px;
}
.ai-brand-pill{
  min-height:38px;
  padding:5px 8px!important;
  border-radius:9px!important;
  border:1px solid #dce8ef!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(32,82,119,.08);
  color:#153f5e!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:5px;
  white-space:nowrap;
}
.ai-brand-pill strong,.ai-brand-pill span,.ai-brand-pill i{font:inherit;color:inherit}
.brand-tally{font-family:Georgia,serif!important;font-style:italic;color:#9a251f!important;font-size:12px!important}
.brand-busy{background:#1466c5!important;color:#fff!important;border-color:#1466c5!important;font-size:11px!important}
.brand-zoho{gap:1px!important;font-size:10px!important}
.brand-zoho i{font-style:normal;width:14px;height:14px;display:grid;place-items:center;border-radius:2px;color:#fff!important}
.brand-zoho i:nth-child(1){background:#d92525}.brand-zoho i:nth-child(2){background:#2369bd}.brand-zoho i:nth-child(3){background:#e8a400}.brand-zoho i:nth-child(4){background:#2a9a52}
.brand-excel{color:#137f48!important}
.brand-excel strong{width:20px;height:20px;border-radius:4px;background:#138a4a;color:#fff!important;display:grid;place-items:center;font-size:11px}
.brand-sql strong{width:24px;height:20px;border-radius:50%;background:#eaf4ff;color:#0d6cba!important;display:grid;place-items:center;font-size:8px}
.brand-api{color:#16547d!important}
.brand-api strong{color:#1677d2!important;font-size:14px}.brand-api span{color:#16547d!important}
.brand-erp strong{color:#0c6eae!important;font-size:9px}.brand-csv strong{background:#15915b;color:#fff!important;border-radius:4px;padding:4px;font-size:8px}
.brand-other strong{color:#1871bb!important;font-size:14px}
.professional-ai-integrations>small{
  margin-top:9px;
  font-size:9.5px;
  color:#245d84;
  letter-spacing:.005em;
}

@media(max-width:1180px){
  .home-clone-ai-grid{grid-template-columns:45% 55%;min-height:485px}
  .ai-integration-logos{grid-template-columns:repeat(5,minmax(72px,1fr))}
}
@media(max-width:900px){
  .home-clone-ai-hero{padding-top:6px}
  .home-clone-ai-grid{grid-template-columns:1fr;min-height:0}
  .home-clone-visual-frame{max-width:860px;margin:0 auto}
  .ai-integration-logos{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .home-clone-ai-hero{padding-top:4px}
  .ai-integration-logos{grid-template-columns:repeat(2,1fr)}
  .ai-brand-pill{min-height:36px}
}

/* ============================================================
   PROFESSIONAL ERP + APPS NAVIGATION
   Business-focused only: no AI positioning in these menus.
   ============================================================ */
.professional-nav-menu{
    width:min(720px,calc(100vw - 32px));
    padding:16px;
    border:1px solid #dce8ee;
    border-radius:22px;
    background:rgba(255,255,255,.98);
    box-shadow:0 24px 60px rgba(18,55,82,.16);
    backdrop-filter:blur(16px);
}
.erp-menu{width:min(720px,calc(100vw - 32px))}
.apps-menu{width:min(760px,calc(100vw - 32px))}
.professional-menu-head{
    padding:4px 5px 13px;
    border-bottom:1px solid #edf2f5;
}
.professional-menu-head .menu-kicker{
    display:block;
    color:#0a7b67;
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
    margin-bottom:5px;
}
.professional-menu-head strong{
    display:block;
    color:#0c2d4d;
    font-size:17px;
    line-height:1.25;
}
.professional-menu-head small{
    display:block;
    color:#708497;
    font-size:11px;
    line-height:1.5;
    margin-top:5px;
}
.professional-menu-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding-top:12px;
}
.professional-menu-card{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 22px;
    align-items:center;
    gap:11px;
    min-height:78px;
    padding:12px!important;
    border:1px solid #e3ebf0;
    border-radius:16px!important;
    background:#fff;
    color:#0d2e4c;
    text-decoration:none;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.professional-menu-card:hover{
    transform:translateY(-2px)!important;
    background:#fbfdff!important;
    border-color:#cbdde8;
    box-shadow:0 10px 24px rgba(18,62,91,.09);
}
.professional-menu-icon{
    width:46px;
    height:46px;
    border-radius:14px;
    display:grid;
    place-items:center;
    font-size:11px;
    font-weight:900;
    letter-spacing:.03em;
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.professional-menu-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
}
.professional-menu-copy b{
    color:#0d2e4c;
    font-size:13px;
    line-height:1.2;
}
.professional-menu-copy small{
    margin-top:4px;
    color:#708498;
    font-size:10px;
    line-height:1.35;
}
.professional-menu-card i{
    font-style:normal;
    font-size:17px;
    font-weight:800;
    color:#8aa0b3;
    transition:transform .18s ease,color .18s ease;
}
.professional-menu-card:hover i{transform:translateX(3px);color:#0b826c}
.menu-accent-teal .professional-menu-icon{background:linear-gradient(135deg,#087b68,#11a886)}
.menu-accent-gold .professional-menu-icon{background:linear-gradient(135deg,#dd8a00,#f3b522)}
.menu-accent-blue .professional-menu-icon{background:linear-gradient(135deg,#1f79cf,#3a9df1)}
.menu-accent-slate .professional-menu-icon{background:linear-gradient(135deg,#3f617c,#66879f)}
.menu-accent-freight .professional-menu-icon{background:linear-gradient(135deg,#187cd6,#1db7df)}
.menu-accent-asset .professional-menu-icon{background:linear-gradient(135deg,#7254d7,#9d6ced)}
.menu-accent-enquiry .professional-menu-icon{background:linear-gradient(135deg,#e87618,#ff9a39)}
.menu-accent-print .professional-menu-icon{background:linear-gradient(135deg,#c13f8f,#e86bb3)}
.menu-accent-calc .professional-menu-icon{background:linear-gradient(135deg,#087c70,#2ab5aa)}
.professional-menu-wide{grid-column:1/-1}
.professional-menu-footer{
    margin-top:10px;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:11px 13px!important;
    border-radius:13px!important;
    background:linear-gradient(90deg,#f2faf8,#f4f8fd)!important;
    border:1px solid #e0ecec;
}
.professional-menu-footer span{font-size:11px;font-weight:800;color:#0c5f54}
.professional-menu-footer b{font-size:10px;color:#275978}

@media(max-width:1180px) and (min-width:981px){
    .professional-nav-menu{width:min(650px,calc(100vw - 24px));padding:13px}
    .professional-menu-card{min-height:72px;padding:10px!important}
    .professional-menu-icon{width:42px;height:42px}
}
@media(max-width:980px){
    .professional-nav-menu{position:static!important;width:100%!important;max-width:none!important;padding:10px!important;border:0!important;border-radius:14px!important;box-shadow:none!important;background:#f7fafc!important}
    .professional-menu-grid{grid-template-columns:1fr;gap:7px;padding-top:9px}
    .professional-menu-wide{grid-column:auto}
    .professional-menu-card{min-height:68px;grid-template-columns:42px minmax(0,1fr) 20px;padding:10px!important}
    .professional-menu-icon{width:40px;height:40px;border-radius:12px}
    .professional-menu-head strong{font-size:15px}
    .professional-menu-head small{font-size:10px}
}

/* Official BHCC / BRCC presentation + related video */
.product-media-showcase{padding:64px 0;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);border-top:1px solid rgba(14,55,92,.08);border-bottom:1px solid rgba(14,55,92,.08)}
.product-media-heading{max-width:900px;margin:0 auto 30px;text-align:center}.product-media-heading>span{font-size:.78rem;font-weight:800;letter-spacing:.13em;color:#168fc5}.product-media-heading h2{margin:9px 0 10px;color:#0d3158;font-size:clamp(1.8rem,3vw,2.65rem)}.product-media-heading p{margin:0;color:#60758a;line-height:1.7}
.product-media-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:24px;align-items:stretch}.product-video-card,.product-ppt-card{background:#fff;border:1px solid rgba(17,70,111,.12);border-radius:24px;box-shadow:0 18px 45px rgba(12,49,83,.10);overflow:hidden}.product-video-card video{display:block;width:100%;aspect-ratio:16/9;background:#07182a;object-fit:contain}.product-media-caption{display:flex;justify-content:space-between;gap:18px;padding:17px 20px;color:#60758a}.product-media-caption strong{color:#12385e}.product-ppt-card{padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.product-ppt-card .ppt-badge{display:inline-flex;padding:8px 12px;border-radius:10px;background:#eaf6fc;color:#087cae;font-weight:900;letter-spacing:.08em}.product-ppt-card h3{margin:18px 0 8px;color:#0d3158;font-size:1.55rem}.product-ppt-card p{color:#60758a;line-height:1.65;margin:0 0 24px}.product-ppt-card .home-clone-primary{text-decoration:none}
@media(max-width:850px){.product-media-showcase{padding:44px 0}.product-media-grid{grid-template-columns:1fr}.product-media-caption{flex-direction:column;gap:4px}.product-ppt-card{padding:25px}}

/* Premium flagship navigation: directly before Home */
.premium-flagship-nav{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;padding:12px 17px!important;border-radius:40px!important;background:linear-gradient(115deg,#07378d,#061c62)!important;border:2px solid #e7ba4d!important;color:#fff!important;font-size:12px!important;font-weight:800!important;letter-spacing:.02em;white-space:nowrap;box-shadow:0 5px 18px rgba(8,59,140,.25),0 0 12px rgba(241,188,56,.48);transition:transform .2s,box-shadow .2s}
.premium-flagship-nav:hover,.premium-flagship-nav:focus-visible{transform:translateY(-2px);box-shadow:0 7px 23px rgba(8,59,140,.32),0 0 22px rgba(241,188,56,.72);color:#fff!important}
.premium-flagship-nav span:first-child{color:#ffd66a;font-size:18px}
.premium-flagship-banner{position:relative;max-width:1600px;margin:36px auto;scroll-margin-top:110px}
.premium-flagship-banner>img{display:block;width:100%;height:auto;border-radius:16px}
.premium-flagship-links{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:2%;padding:0 3% 3%}
.premium-flagship-links a{display:block;height:22%;border-radius:20px}
.premium-flagship-links a:focus-visible{outline:4px solid #ffc44d;outline-offset:2px}
@media(max-width:1050px){.premium-flagship-nav{white-space:normal;text-align:center;font-size:11px!important}.premium-flagship-banner{margin:20px 10px}}

/* Dedicated flagship landing page */
.flagship-page{padding:52px 0 80px;background:linear-gradient(180deg,#f5faff 0%,#fff 80%);color:#102b52}
.flagship-page-eyebrow{text-align:center;font-weight:800;letter-spacing:.13em;color:#0860a7;font-size:12px}
.flagship-page h1{text-align:center;font-size:clamp(30px,4vw,54px);margin:12px 0;color:#092c6d}
.flagship-page-lead{text-align:center;font-size:19px;margin-bottom:32px}
.flagship-page-visual{position:relative;max-width:1480px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 16px 45px #07376b24}
.flagship-page-visual img{display:block;width:100%;height:auto}
.flagship-page-hotspots{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2%;padding:0 3% 3%;align-items:end}
.flagship-page-hotspots a{display:block;height:24%;border-radius:20px}
.flagship-page-hotspots a:focus-visible{outline:4px solid #f0ba35;outline-offset:2px}
.flagship-page-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0}
.flagship-page-cards article{background:#fff;border:1px solid #dce9f5;border-radius:18px;padding:26px;box-shadow:0 10px 25px #09306c0b}
.flagship-page-cards article span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#1775a9}
.flagship-page-cards h2{margin:10px 0;color:#083681}
.flagship-page-cards p{min-height:72px}
.flagship-page-cards a{display:inline-block;background:#083e9a;color:white;border-radius:25px;padding:11px 19px;font-weight:800;text-decoration:none}
.flagship-page-cards article:last-child a{background:#087348}
@media(max-width:700px){.flagship-page{padding:25px 0 45px}.flagship-page-cards{grid-template-columns:1fr}.flagship-page-cards p{min-height:0}.flagship-page-hotspots a{height:35%}}

/* Flagship: use artwork without embedded navigation; no duplicate title above */
.flagship-page{padding-top:20px}
.flagship-page-visual{max-width:1540px}

/* PRYNOVA Enterprise Premium Redesign */
.product-prynova .prynova-hero{background:radial-gradient(circle at 77% 27%,#dbeeff 0,transparent 34%),linear-gradient(125deg,#f8fbff 0%,#eff7ff 55%,#f3fcf7 100%);padding:90px 0 96px}
.product-prynova .prynova-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px;align-items:center}
.product-prynova .prynova-hero h1{letter-spacing:-.065em;color:#102f68;text-shadow:0 12px 28px #bfd7f45c}
.product-prynova .prynova-hero h1 span{color:#c69b37}
.product-prynova .prynova-eyebrow{color:#047f83;letter-spacing:.17em;font-weight:800}
.product-prynova .prynova-hero h2{color:#133957}
.product-prynova .prynova-tagline{color:#0b8b76;font-weight:800}
.product-prynova .prynova-primary{background:linear-gradient(110deg,#0051bd,#06357e);box-shadow:0 13px 25px #0853ae42}
.prynova-premium-dashboard{width:100%;overflow:hidden;border:1px solid #b8d6f0;border-radius:24px;background:#fff;box-shadow:0 35px 75px #123f7a38,0 3px 0 #d4b260;transform:perspective(1500px) rotateY(-3deg);font-family:inherit}
.ppd-top{height:53px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:linear-gradient(95deg,#072e6d,#0756a5);color:white}
.ppd-logo{font-weight:900;letter-spacing:.06em;font-size:15px}.ppd-logo>span{color:#ffd469}.ppd-logo small{font-size:8px;font-weight:600;margin-left:8px;opacity:.8}.ppd-live{font-size:10px;color:#baf7dd}
.ppd-body{display:grid;grid-template-columns:148px minmax(0,1fr);min-height:360px}
.ppd-side{background:#f0f6ff;padding:21px 8px;display:flex;flex-direction:column;gap:5px;border-right:1px solid #dae7f5}.ppd-side strong{font-size:9px;letter-spacing:.15em;color:#6a839e;padding:0 9px 12px}.ppd-side span{font-size:10px;color:#47617c;padding:10px 7px;border-radius:7px;white-space:nowrap}.ppd-side .selected{background:#0a60c0;color:#fff;font-weight:800}
.ppd-main{padding:18px 17px 15px;min-width:0;background:linear-gradient(160deg,#fff,#f7fbff)}.ppd-greeting{display:flex;justify-content:space-between;gap:6px;align-items:center}.ppd-greeting small{font-size:9px;letter-spacing:.13em;color:#008b9d;font-weight:800}.ppd-greeting h3{font-size:17px;margin:5px 0 14px;color:#153c6c;font-weight:900}.ppd-ai-chip{font-size:10px;border:1px solid #b6d2f4;border-radius:30px;background:#edf6ff;color:#0a60b7;padding:6px 9px;white-space:nowrap}
.ppd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ppd-kpis>div{background:white;border:1px solid #dfebf5;border-radius:11px;padding:12px 10px;box-shadow:0 5px 14px #1c4d8010}.ppd-kpis small,.ppd-kpis em{display:block;font-size:9px;color:#637b93;font-style:normal}.ppd-kpis strong{display:block;font-size:22px;color:#0a5bb5;margin:4px 0}.ppd-kpis>div:nth-child(3) strong{color:#07896f}
.ppd-panels{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-top:12px}.ppd-chart,.ppd-brcc{border:1px solid #dce9f5;border-radius:12px;background:#fff;padding:11px}.ppd-panel-title{font-size:10px;font-weight:800;color:#153c6c;display:flex;justify-content:space-between}.ppd-panel-title span{font-size:8px;color:#8495a8}.ppd-bars{height:87px;display:flex;gap:10px;align-items:end;justify-content:center;padding-top:12px;border-bottom:1px solid #dce9f5}.ppd-bars i{display:block;width:13%;background:linear-gradient(0deg,#0850b6,#35c8e3);border-radius:4px 4px 0 0}.ppd-chart-label{font-size:9px;text-align:center;margin-top:8px;color:#62809a}.ppd-brcc{display:flex;flex-direction:column;gap:5px;background:linear-gradient(145deg,#ecf8ff,#eefaf5)}.ppd-brcc>span{font-size:9px;font-weight:900;color:#07886e}.ppd-brcc strong{font-size:11px;color:#194c7c;border-left:3px solid #20b7a0;padding-left:8px}.ppd-brcc small{font-size:9px;color:#637b93;margin-top:3px}.ppd-footer{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.ppd-footer span{font-size:9px;background:#e9f5ff;color:#12609b;border-radius:30px;padding:6px 9px;font-weight:700}
.prynova-premium-strip{background:linear-gradient(90deg,#072c65,#0752a0,#066f69);padding:19px 0;color:#fff}.prynova-premium-strip-inner{display:flex;align-items:center;justify-content:space-around;gap:12px;flex-wrap:wrap}.prynova-premium-strip-inner span{font-size:12px;letter-spacing:.045em}.product-prynova .prynova-card{border:1px solid #d9e7f6;box-shadow:0 12px 32px #1b4c7614;transition:transform .2s,box-shadow .2s}.product-prynova .prynova-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #1b4c762a}
@media(max-width:1000px){.product-prynova .prynova-hero-grid{grid-template-columns:1fr}.prynova-premium-dashboard{transform:none;max-width:700px;margin:auto}}@media(max-width:520px){.ppd-body{grid-template-columns:105px minmax(0,1fr)}.ppd-side span{font-size:8px;padding:9px 4px}.ppd-main{padding:10px}.ppd-greeting h3{font-size:13px}.ppd-ai-chip{display:none}.ppd-kpis{gap:4px}.ppd-kpis>div{padding:8px 5px}.ppd-kpis strong{font-size:15px}.ppd-panels{grid-template-columns:1fr}.ppd-footer span{font-size:8px}.ppd-top{padding:0 10px}.ppd-live{font-size:8px}}

/* PRYNOVA Signature Edition — visual layer */
.product-prynova .prynova-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 30%,#cce7ff 0,transparent 43%),radial-gradient(ellipse at 5% 90%,#d9f8e8 0,transparent 38%),linear-gradient(130deg,#fffdf8,#f4f9ff 55%,#eef9ff);padding:106px 0 112px}
.product-prynova .prynova-hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(#3d78aa12 1px,transparent 1px),linear-gradient(90deg,#3d78aa12 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000)}
.product-prynova .prynova-hero-grid{position:relative;z-index:1;gap:56px}
.product-prynova .prynova-hero h1{font-size:clamp(65px,7vw,116px);line-height:.97;background:linear-gradient(110deg,#062f74,#1168a5 60%,#046b69);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 18px #2d6eaa22)}
.product-prynova .prynova-hero h1 span{-webkit-text-fill-color:#d3a243;font-size:.25em;vertical-align:top}
.product-prynova .prynova-eyebrow{font-size:11px;color:#0b6489;letter-spacing:.16em}
.prynova-crown{color:#b98b29;font-size:20px;vertical-align:middle}
.prynova-edition{display:inline-flex;gap:15px;align-items:center;margin:19px 0 16px;padding:8px 14px;border:1px solid #d5b978;border-radius:30px;background:linear-gradient(120deg,#fff9e7,#fff);color:#8b671f;font-weight:850;font-size:10px;letter-spacing:.12em;box-shadow:0 6px 18px #bca0611c}
.prynova-edition span{color:#fff;background:#0a477d;border-radius:20px;padding:3px 8px}
.product-prynova .prynova-hero h2{font-size:clamp(26px,2.7vw,43px);line-height:1.18;max-width:600px}
.product-prynova .prynova-tagline{color:#087e78;font-size:clamp(14px,1.3vw,19px)}
.product-prynova .prynova-lead{max-width:580px;line-height:1.8}
.prynova-hero-benefits{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 26px}
.prynova-hero-benefits span{border:1px solid #cee3ec;border-radius:30px;background:#ffffffb8;padding:9px 12px;font-size:11px;font-weight:750;color:#174969}
.product-prynova .prynova-primary{background:linear-gradient(115deg,#0a438f,#007d8b);border:1px solid #d4ac50;box-shadow:0 12px 30px #08669a36,0 0 0 4px #e8d4a02b}
.prynova-dashboard-wrap{position:relative;min-width:0;padding:34px 0}
.prynova-premium-dashboard{position:relative;z-index:2;border:2px solid #e0c47b;border-radius:22px;box-shadow:0 45px 80px #123f7a40,0 0 0 9px #ffffff90;transform:perspective(1500px) rotateY(-4deg) rotateX(1deg);transition:transform .4s ease}
.prynova-dashboard-wrap:hover .prynova-premium-dashboard{transform:perspective(1500px) rotateY(0deg)}
.prynova-float-badge{position:absolute;z-index:3;background:#ffffffed;border:1px solid #b8d9ee;box-shadow:0 18px 36px #0a3f7c2b;border-radius:13px;padding:12px 16px;color:#0d5087;font-size:12px;font-weight:900;letter-spacing:.05em}
.prynova-float-badge small{display:block;font-size:9px;letter-spacing:0;color:#56758c;font-weight:650;margin-top:5px}
.prynova-float-ai{top:2px;right:-14px}.prynova-float-brcc{bottom:1px;left:-20px;color:#08765e}
.prynova-value-section{padding:90px 0 100px;background:linear-gradient(160deg,#072b61,#064c85 58%,#066e6c);color:#fff;position:relative;overflow:hidden}
.prynova-value-section:before{content:'';position:absolute;width:600px;height:600px;right:-150px;top:-240px;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff05}
.prynova-value-head{position:relative;text-align:center;margin-bottom:38px}.prynova-value-head>span{font-size:11px;letter-spacing:.22em;color:#e9c777;font-weight:900}.prynova-value-head h2{color:#fff;font-size:clamp(28px,3.2vw,46px);line-height:1.2;margin:17px auto;max-width:900px}.prynova-value-head em{color:#90f3d7;font-style:normal}
.prynova-value-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.prynova-value-grid article{padding:28px 22px;background:#ffffff12;border:1px solid #ffffff40;border-radius:19px;backdrop-filter:blur(10px);transition:transform .2s,background .2s}.prynova-value-grid article:hover{transform:translateY(-7px);background:#ffffff22}.prynova-value-grid .pv-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,#e4f6ff,#a7f0dc);color:#075079;font-size:26px;font-weight:900;margin-bottom:24px}.prynova-value-grid small{color:#e7cb80;font-weight:800;letter-spacing:.12em}.prynova-value-grid h3{color:#fff;margin:10px 0;font-size:21px}.prynova-value-grid p{color:#d5e9f6;font-size:13px;line-height:1.8}
@media(max-width:1050px){.prynova-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prynova-float-ai{right:0}.prynova-float-brcc{left:0}}
@media(max-width:600px){.product-prynova .prynova-hero{padding:55px 0 65px}.prynova-value-section{padding:60px 0}.prynova-value-grid{grid-template-columns:1fr}.prynova-dashboard-wrap{padding:45px 0}.prynova-float-badge{font-size:9px;padding:8px 10px}.prynova-float-badge small{font-size:8px}.prynova-premium-dashboard{transform:none}.prynova-hero-benefits span{font-size:10px}}

/* PRYNOVA: remove excess blank space below the fixed website navigation */
.product-prynova .prynova-hero{padding-top:24px;padding-bottom:68px}
.product-prynova .prynova-hero-grid{align-items:start}
.product-prynova .prynova-hero-grid > div:first-child{padding-top:0}
@media(max-width:600px){.product-prynova .prynova-hero{padding-top:20px;padding-bottom:45px}}

/* Public website hit counter */
.footer-hit-counter { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border:1px solid rgba(197,158,65,.38); border-radius:24px; font-size:13px; white-space:nowrap; }
.footer-hit-counter strong { font-variant-numeric:tabular-nums; color:#e8bd55; }