:root{--navy:#1B3A6B;--navy2:#2A5298;--navy-dark:#0c1f3d;--orange:#E8671A;--orange2:#F58035;--orange-pale:#FFF4ED;--bg:#F2F5FB;--white:#fff;--text:#111827;--muted:#64748b;--border:#dce6f5;--r-sm:8px;--r-md:14px;--r-lg:22px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    font-family:'DM Sans',sans-serif;
    font-size:16px;
    line-height:1.65;
    color:var(--text);
    background:var(--white);
    overflow-x:clip;
}
a{text-decoration:none;color:inherit;}

/* ===== ANIMATIONS ===== */
@keyframes fadeInDown{from{opacity:0;transform:translateY(-28px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-28px);}to{opacity:1;transform:translateX(0);}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(28px);}to{opacity:1;transform:translateX(0);}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.6);opacity:.4;}}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes gradientShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes rotateSlow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ===== TOPBAR ===== */
.topbar{background:var(--navy-dark);padding:8px 48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;animation:fadeInDown .5s ease both;}
.tb-left{display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
.tb-left a,.tb-left span{font-family:'Space Mono',monospace;font-size:.72rem;color:#8ba6cc;letter-spacing:.5px;}
.tb-left a{color:#ffc59a;transition:color .2s;}
.tb-left a:hover{color:var(--orange2);}
.tb-right{display:flex;gap:8px;}
.tbsoc{font-family:'Space Mono',monospace;font-size:.68rem;color:#6b88a8;border:1px solid rgba(255,255,255,.1);padding:4px 12px;border-radius:4px;transition:.2s;letter-spacing:1px;}
.tbsoc:hover{background:var(--orange);color:#fff;border-color:var(--orange);}

/* ===== NAV ===== */
/*nav{background:var(--white);border-bottom:3px solid var(--orange);padding:0 48px;height:72px;display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:500;box-shadow:0 2px 24px rgba(27,58,107,.09);animation:fadeInDown .6s .1s ease both;}*/
.logo-img{height:50px;width:auto;object-fit:contain;display:block;transition:transform .3s;}
.logo-img:hover{transform:scale(1.04);}
.nav-links{display:flex;gap:4px;align-items:center;}
.nav-links a{font-family:'DM Sans',sans-serif;font-size:.88rem;font-weight:500;color:var(--navy);padding:8px 14px;border-radius:var(--r-sm);transition:.2s;}
.nav-links a:hover{background:var(--bg);color:var(--orange);}
.nav-cta{background:var(--orange)!important;color:#fff!important;font-weight:600!important;padding:10px 22px!important;border-radius:var(--r-sm)!important;box-shadow:0 4px 14px rgba(232,103,26,.3);}
.nav-cta:hover{background:var(--orange2)!important;transform:translateY(-1px)!important;}

/* ===== HERO ===== */
.hero{background:var(--navy-dark);position:relative;overflow:hidden;min-height:640px;display:flex;align-items:center;}
.hero-geo{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.geo-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px);background-size:36px 36px;}
.gc1{position:absolute;width:600px;height:600px;border-radius:50%;border:1px solid rgba(232,103,26,.1);top:-200px;right:-150px;animation:rotateSlow 40s linear infinite;}
.gc2{position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(42,82,152,.2);top:60px;right:60px;animation:rotateSlow 28s linear infinite reverse;}
.gc3{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(232,103,26,.07),transparent);bottom:60px;left:10%;animation:floatY 6s ease-in-out infinite;}
.gline{position:absolute;width:1px;height:100%;background:rgba(255,255,255,.04);}
.gstrip{position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,transparent,var(--orange) 30%,var(--orange) 70%,transparent);}
.hero-inner{position:relative;z-index:1;padding:90px 48px;display:grid;grid-template-columns:1fr auto;gap:60px;max-width:1240px;width:100%;margin:0 auto;align-items:center;}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;animation:fadeInLeft .7s .3s ease both;opacity:0;animation-fill-mode:forwards;}
.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);animation:pulse 2s ease-in-out infinite;}
.eyebrow-txt{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--orange2);letter-spacing:2px;text-transform:uppercase;}
.hero h1{font-family:'Bebas Neue',sans-serif;font-size:6.5rem;letter-spacing:3px;line-height:.95;color:var(--white);margin-bottom:8px;animation:fadeInLeft .7s .45s ease both;opacity:0;animation-fill-mode:forwards;}
.lo{color:var(--orange);}
.lout{-webkit-text-stroke:2px rgba(255,255,255,.35);color:transparent;}
.hero-tag{font-family:'DM Sans',sans-serif;font-size:1.1rem;color:rgba(255,255,255,.72);line-height:1.8;max-width:500px;margin:24px 0 38px;animation:fadeInLeft .7s .6s ease both;opacity:0;animation-fill-mode:forwards;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;animation:fadeInLeft .7s .75s ease both;opacity:0;animation-fill-mode:forwards;}
.btn-glow{background:linear-gradient(120deg,var(--orange),#ff7c30,var(--orange));background-size:200% auto;color:#fff;padding:16px 36px;border-radius:var(--r-sm);font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;transition:.3s;display:inline-flex;align-items:center;gap:8px;animation:gradientShift 3s ease infinite;box-shadow:0 6px 24px rgba(232,103,26,.35);}
.btn-glow:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 36px rgba(232,103,26,.55);}
.btn-ghost{background:transparent;color:rgba(255,255,255,.75);padding:14px 28px;border-radius:var(--r-sm);border:1.5px solid rgba(255,255,255,.2);font-size:.95rem;font-weight:500;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange2);transform:translateY(-3px);}
.hero-right{display:flex;flex-direction:column;gap:14px;min-width:550px;animation:fadeInRight .7s .5s ease both;opacity:0;animation-fill-mode:forwards;max-width: 567px;}
.hsc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:20px 22px;backdrop-filter:blur(10px);transition:.25s;position:relative;}
.hsc:nth-child(1){animation:floatY 4s ease-in-out infinite;}
.hsc:nth-child(2){animation:floatY 4s .5s ease-in-out infinite;}
.hsc:nth-child(3){animation:floatY 4s 1s ease-in-out infinite;}
.hsc:nth-child(4){animation:floatY 4s 1.5s ease-in-out infinite;}
.hsc:hover{background:rgba(232,103,26,.14);border-color:rgba(232,103,26,.35);transform:translateX(-4px);}
.hsc-n{font-family:'Bebas Neue',sans-serif;font-size:2.6rem;color:var(--orange2);letter-spacing:2px;line-height:1;margin-bottom:4px;}
.hsc-l{font-family:'Space Mono',monospace;font-size:.68rem;color:rgba(255,255,255,.5);letter-spacing:1.5px;text-transform:uppercase;}

/* ===== STATS BAR ===== */
.sbar{background:linear-gradient(120deg,var(--orange),#d85c14,var(--orange));background-size:200% auto;animation:gradientShift 5s ease infinite;}
.sbar-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));max-width:1200px;margin:0 auto;}
.si{padding:24px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.2);transition:.2s;position:relative;}
.si:last-child{border-right:none;}
.si:hover{background:rgba(255,255,255,.1);}
.sn{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;color:var(--white);letter-spacing:2px;line-height:1;margin-bottom:5px;}
.sl{font-family:'Space Mono',monospace;font-size:.65rem;color:rgba(255,255,255,.8);letter-spacing:1px;text-transform:uppercase;}

/* ===== TICKER ===== */
.ticker-wrap{background:var(--navy);overflow:hidden;padding:14px 0;border-top:2px solid rgba(232,103,26,.3);border-bottom:2px solid rgba(232,103,26,.3);}
.ticker-track{display:flex;width:max-content;animation:ticker 30s linear infinite;}
.ticker-track:hover{animation-play-state:paused;}
.ti{font-family:'Space Mono',monospace;font-size:.75rem;letter-spacing:1.5px;color:rgba(255,255,255,.55);text-transform:uppercase;white-space:nowrap;padding:0 40px;display:flex;align-items:center;gap:16px;}
.td{width:5px;height:5px;border-radius:50%;background:var(--orange);flex-shrink:0;}

/* ===== COMMON ===== */
.rev{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s ease;}
.rev.vis{opacity:1;transform:translateY(0);}
hr{border:none;border-top:1px solid var(--border);}
.sec{padding:90px 48px;max-width:1200px;margin:0 auto;}
.altbg{background:var(--bg);}
.altw{padding:90px 48px;}
.alti{max-width:1200px;margin:0 auto;}
.chip{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);background:var(--orange-pale);border:1px solid rgba(232,103,26,.25);padding:6px 16px;border-radius:4px;margin-bottom:18px;}
.chip::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);}
h2{font-family:'Bebas Neue',sans-serif;font-size:3.2rem;letter-spacing:2px;color:var(--navy);margin-bottom:14px;line-height:1;}
h2 span{color:var(--orange);}
.sdesc{font-size:1.02rem;color:var(--muted);line-height:1.8;max-width:640px;margin-bottom:52px;}

/* ===== ABOUT ===== */
.ag{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.ap{background:var(--navy-dark);border-radius:var(--r-lg);padding:44px;position:relative;overflow:hidden;}
.ap::before{content:'TI';position:absolute;bottom:-20px;right:-10px;font-family:'Bebas Neue',sans-serif;font-size:9rem;color:rgba(255,255,255,.03);letter-spacing:10px;line-height:1;pointer-events:none;}
.ap-t{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:2px;color:var(--white);margin-bottom:28px;}
.asg{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ac{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:22px 18px;text-align:center;transition:.25s;position:relative;}
.ac:hover{background:rgba(232,103,26,.15);border-color:rgba(232,103,26,.4);transform:translateY(-3px);}
.an{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;letter-spacing:2px;color:var(--orange2);}
.al{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:1px;color:rgba(255,255,255,.5);text-transform:uppercase;margin-top:4px;}
.aw{margin-top:20px;background:rgba(232,103,26,.12);border:1px solid rgba(232,103,26,.25);border-radius:8px;padding:14px 18px;display:flex;gap:10px;align-items:flex-start;}
.awi{font-size:1.4rem;flex-shrink:0;}
.awt{font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.55;}
.awt strong{color:var(--orange2);}
.ac2 p{font-size:.97rem;color:var(--muted);line-height:1.85;margin-bottom:18px;}
.fl{list-style:none;display:flex;flex-direction:column;gap:10px;margin:26px 0;}
.fl li{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:500;color:var(--navy);background:var(--bg);border-radius:var(--r-sm);padding:12px 16px;transition:.2s;position:relative;}
.fl li:hover{background:var(--orange-pale);transform:translateX(4px);}
.fc{width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;}
.btn-solid{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;padding:14px 30px;border-radius:var(--r-sm);font-weight:700;font-size:.92rem;transition:.25s;}
.btn-solid:hover{background:var(--orange);color:#fff;transform:translateY(-2px);}

/* ===== SERVICES ===== */
.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;}
.sc{background:var(--white);padding:30px;transition:.3s;position:relative;overflow:hidden;border:2px solid var(--border);border-radius:var(--r-md);}
.sc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.sc:hover::after{transform:scaleX(1);}
.sc:hover{background:var(--bg);border-color:var(--orange);}
.snum{font-family:'Bebas Neue',sans-serif;font-size:3rem;letter-spacing:2px;color:rgba(27,58,107,.08);line-height:1;margin-bottom:-8px;}
.sico{font-size:1.8rem;margin-bottom:14px;}
/*.sico {*/
/*    width: 72px;*/
/*    height: 72px;*/
/*    border-radius: 18px;*/
/*    background: #fff4ed;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin-bottom: 18px;*/
/*    overflow: hidden;*/
/*}*/
.sico img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    display: block;
}
.sc h3{font-family:'DM Sans',sans-serif;font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:10px;}
.sc p{font-size:.87rem;color:var(--muted);line-height:1.7;margin-bottom:18px;}
.slink{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:1px;color:var(--orange);text-transform:uppercase;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:.2s;}
.slink:hover{gap:10px;}

/* ===== PRODUCTS ===== */
.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;}
.pc{border-radius:var(--r-lg);padding:40px;color:#fff;position:relative;overflow:hidden;transition:.3s;}
.pc:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.25);}
.pbg{position:absolute;bottom:-20px;right:-10px;font-family:'Bebas Neue',sans-serif;font-size:7rem;color:rgba(255,255,255,.05);letter-spacing:5px;line-height:1;pointer-events:none;}
.pc-n{background:linear-gradient(145deg,var(--navy-dark) 0%,var(--navy2) 100%);}
.pc-o{background:linear-gradient(145deg,#c24e0e 0%,var(--orange2) 100%);}
.pc-d{background:linear-gradient(145deg,#091629 0%,#1a3060 100%);}
.pch{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);padding:5px 14px;border-radius:4px;display:inline-block;margin-bottom:18px;}
.pc h3{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;letter-spacing:3px;margin-bottom:12px;line-height:1;}
.pc p{font-size:.88rem;opacity:.85;line-height:1.75;margin-bottom:22px;}
.pfl{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:28px;}
.pfl li{font-size:.82rem;opacity:.8;display:flex;align-items:center;gap:8px;position:relative;}
.pfl li::before{content:'--';color:var(--orange2);font-weight:700;flex-shrink:0;}
.pb{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);color:#fff;padding:11px 24px;border-radius:var(--r-sm);font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:1px;text-transform:uppercase;transition:.25s;}
.pb:hover{background:rgba(255,255,255,.25);color:#fff;border-color:rgba(255,255,255,.6);}

/* ===== INDUSTRIES ===== */
.inf{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.tag-item{position:relative;display:inline-flex;align-items:center;gap:6px;font-family:'DM Sans',sans-serif;font-size:.87rem;font-weight:500;color:var(--navy);background:var(--white);border:1.5px solid var(--border);padding:10px 18px;border-radius:100px;transition:.25s;cursor:default;}
.tag-item:hover{background:var(--orange);color:#fff;border-color:var(--orange);transform:translateY(-3px);box-shadow:0 6px 18px rgba(232,103,26,.3);}
.delete-mode .tag-item:hover{background:rgba(200,40,40,.08);color:var(--navy);border-color:rgba(200,40,40,.4);transform:none;box-shadow:none;}
.edit-mode .tag-item:hover{background:rgba(232,103,26,.08);color:var(--navy);border-color:var(--orange);transform:none;box-shadow:none;}
.tag-text{outline:none;}



.add-tag-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange);}
.edit-mode .add-tag-btn,.delete-mode .add-tag-btn{display:inline-flex;}

/* ===== PROCESS ===== */
.pr{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;position:relative;}
.pr::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--orange),var(--navy2),transparent);}
.step{text-align:center;padding:24px 18px;position:relative;z-index:1;transition:.25s;}
.step:hover{transform:translateY(-6px);}
.snw{width:72px;height:72px;border-radius:50%;background:var(--white);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:.3s;box-shadow:0 4px 16px rgba(27,58,107,.1);}
.step:hover .snw{border-color:var(--orange);background:var(--orange);}
.step:hover .step-n{color:#fff;}
.step-n{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:1px;color:var(--navy);transition:.3s;}
.step h4{font-family:'DM Sans',sans-serif;font-size:.93rem;font-weight:700;color:var(--navy);margin-bottom:6px;}
.step p{font-size:.82rem;color:var(--muted);line-height:1.6;}

/* ===== WHY ===== */
.wg {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 991px) {
    .wg {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .wg {
        grid-template-columns: 1fr;
    }
}

.wc {
    border: 1.5px solid var(--border);
    border-radius: var(--r-md);
    padding: 28px 24px;
    background: var(--white);
    transition: .3s;
    position: relative;
    overflow: hidden;
}

.wc::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: var(--orange);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .35s;
}

.wc:hover::before {
    transform: scaleY(1);
}

.wc:hover {
    border-color: transparent;
    box-shadow: 0 8px 32px rgba(27,58,107,.12);
    transform: translateY(-4px);
}

.wib {
    width: 62px;
    height: 62px;
    border-radius: var(--r-sm);
    background: var(--bg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    transition: .3s;
    overflow: hidden;
}

.wib img {
    width: 65px;
    height: 65px;
    object-fit: contain;
    display: block;
    transition: all 0.3s ease;
}

.wc:hover .wib {
    background: var(--orange-pale);
}

.wc:hover .wib img {
    transform: scale(1.06);
}

.wc h3 {
    font-family: 'DM Sans', sans-serif;
    font-size: .97rem;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 8px;
}

.wc p {
    font-size: .85rem;
    color: var(--muted);
    line-height: 1.65;
}

/* ===== TESTIMONIALS ===== */
.tg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;}
.tc{border:1.5px solid var(--border);border-radius:var(--r-lg);padding:28px;background:var(--white);transition:.3s;position:relative;}
.tc:hover{border-color:var(--orange);box-shadow:0 8px 28px rgba(27,58,107,.1);transform:translateY(-4px);}
.tqi{font-family:'Bebas Neue',sans-serif;font-size:4rem;color:var(--orange);opacity:.12;position:absolute;top:16px;right:22px;line-height:1;pointer-events:none;}
.stars{display:flex;gap:2px;margin-bottom:14px;}
.star{width:13px;height:13px;background:var(--orange);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);}
.tt{font-size:.92rem;color:#3d4a60;line-height:1.78;font-style:italic;margin-bottom:20px;}
.tar{display:flex;align-items:center;gap:12px;}
.tav{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:.95rem;letter-spacing:1px;color:#fff;flex-shrink:0;}
.av1{background:linear-gradient(135deg,var(--orange),var(--orange2));}
.av2{background:linear-gradient(135deg,var(--navy),var(--navy2));}
.av3{background:linear-gradient(135deg,#0f7c4f,#16b371);}
.tn{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.9rem;color:var(--navy);}
.tr{font-family:'Space Mono',monospace;font-size:.63rem;color:var(--muted);letter-spacing:.5px;margin-top:2px;}

/* ===== CTA ===== */
.ctas{background:var(--navy-dark);padding:100px 48px;text-align:center;position:relative;overflow:hidden;}
.ctas::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;}
.ctai{position:relative;z-index:1;max-width:700px;margin:0 auto;}
.ctae{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--orange2);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px;}
.ctae::before,.ctae::after{content:'';display:inline-block;width:30px;height:1px;background:var(--orange);}
.ctas h2{color:var(--white);font-size:4rem;margin-bottom:16px;}
.ctas p{color:rgba(255,255,255,.7);font-size:1.05rem;line-height:1.8;margin-bottom:38px;}
.ctab{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
.ctag{margin-top:26px;font-family:'Space Mono',monospace;font-size:.65rem;color:rgba(255,255,255,.35);letter-spacing:1px;text-transform:uppercase;}

@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:40px;padding:60px 24px;}
  .hero-right{flex-direction:row;flex-wrap:wrap;}
  .hsc{flex:1;min-width:140px;}
  .hero h1{font-size:4.2rem;}
  h2{font-size:2.4rem;}
  .ag{grid-template-columns:1fr;gap:36px;}
  .ft{grid-template-columns:1fr 1fr;gap:32px;padding:48px 24px 36px;}
  .sec,.altw{padding:60px 24px;}
  .ctas{padding:70px 24px;}
  .ctas h2{font-size:2.8rem;}
  /*.topbar,nav{padding-left:24px;padding-right:24px;}*/
  .topbar-in,
    .main-nav-in {
        padding-left: 20px;
        padding-right: 20px;
    }
  /*.nav-links{display:none;}*/
  .pr::before{display:none;}
}

/*@media(max-width:480px){.hero h1{font-size:3.2rem;}h2{font-size:2rem;}.ft{grid-template-columns:1fr;}.sbar-in{grid-template-columns:repeat(3,1fr);}}*/
@media(max-width:480px){.hero h1{font-size:3.2rem;}h2{font-size:2rem;}.ft{grid-template-columns:1fr;}}

/* ===== CARD DRAG-TO-REORDER ===== */
.card-item.card-dragging{opacity:.35;transform:scale(.97);}
.card-item.card-drag-over{outline:2px dashed #E8671A;border-radius:var(--r-md);}
.move-mode .card-item{cursor:grab;position:relative;}
.move-mode .card-item::before{content:'\2807';position:absolute;top:6px;left:6px;font-size:14px;color:rgba(232,103,26,.5);pointer-events:none;z-index:10;opacity:0;transition:opacity .2s;}
.move-mode .card-item:hover::before{opacity:1;}
.move-mode .tag-item{cursor:grab;}
.move-mode .tag-item.card-dragging{opacity:.35;}
.move-mode .tag-item.card-drag-over{outline:2px dashed #E8671A;border-radius:100px;}
.move-mode .step{cursor:grab;}

/*.hero-right {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    max-width: 567px;*/
/*    width: 100%;*/
/*    animation: fadeInRight .7s .5s ease both;*/
/*    opacity: 0;*/
/*    animation-fill-mode: forwards;*/
/*}*/

/*.hero-image-slider {*/
/*    width: 100%;*/
/*    max-width: 570px;*/
/*    height: 550px;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    background: transparent;*/
/*    border: none;*/
/*    box-shadow: none;*/
/*    border-radius: 0;*/
/*}*/

/*.hero-slide {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    opacity: 0;*/
/*    transform: translateX(100%);*/
/*    transition: transform .75s ease, opacity .75s ease;*/
/*    z-index: 1;*/
/*}*/

/*.hero-slide.active {*/
/*    opacity: 1;*/
/*    transform: translateX(0);*/
/*    z-index: 2;*/
/*}*/

/*.hero-slide.slide-out {*/
/*    opacity: 0;*/
/*    transform: translateX(-100%);*/
/*    z-index: 1;*/
/*}*/

/*.hero-slide img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: contain;*/
/*    display: block;*/
/*    background: transparent;*/
/*}*/

/*@media(max-width:900px) {*/
/*    .hero-image-slider {*/
/*        max-width: 100%;*/
/*        height: 360px;*/
/*    }*/
/*}*/

/*@media(max-width:480px) {*/
/*    .hero-image-slider {*/
/*        height: 280px;*/
/*    }*/
/*    .hero-btns {*/
/*        display: inline-grid;*/
/*    }*/
/*    .hero-image-slider {*/
/*        margin-right: 232px;*/
/*    }*/
/*    .hero-tag {*/
/*        max-width: 328px;*/
/*    }*/
/*}*/

/* ===== HOME HERO WITH RIGHT SLIDER ===== */

/*.home-hero {*/
/*    width: 100%;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.home-hero-inner {*/
/*    width: 100%;*/
/*    max-width: 1200px;*/
/*    min-height: 655px;*/
/*    margin: 0 auto;*/
/*    padding-left: 48px;*/
/*    padding-right: 48px;*/
/*    display: grid;*/
/*    grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);*/
/*    align-items: center;*/
/*    gap: 40px;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*}*/

/*.hero-left,*/
/*.hero-right {*/
/*    min-width: 0;*/
/*    position: relative;*/
/*}*/

/*.hero-right {*/
/*    width: 100%;*/
/*    min-height: 520px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*.hero-image-slider {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    max-width: 620px;*/
/*    height: 520px;*/
/*    min-height: 520px;*/
/*    overflow: visible;*/
/*}*/

/*.hero-slide {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    transform: translateX(35px);*/
/*    transition:*/
/*        opacity .7s ease,*/
/*        transform .7s ease,*/
/*        visibility .7s ease;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    pointer-events: none;*/
/*}*/

/*.hero-slide.active {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    transform: translateX(0);*/
/*    pointer-events: auto;*/
/*}*/

/*.hero-slide img {*/
/*    display: block !important;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    max-width: 600px;*/
/*    max-height: 520px;*/
/*    object-fit: contain;*/
/*    margin: 0 auto;*/
/*    filter: drop-shadow(0 25px 42px rgba(0, 0, 0, .28));*/
/*}*/

/*.hero-slide.large-image img {*/
/*    width: auto !important;*/
/*    height: auto !important;*/
/*    max-width: 450px !important;*/
/*    max-height: 500px !important;*/
/*    object-fit: contain !important;*/
/*}*/

/*@media (max-width: 1024px) {*/
/*    .home-hero-inner {*/
/*        grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);*/
/*        gap: 24px;*/
/*    }*/

/*    .hero-right,*/
/*    .hero-image-slider {*/
/*        min-height: 440px;*/
/*        height: 440px;*/
/*    }*/

/*    .hero-slide img {*/
/*        max-height: 440px;*/
/*    }*/
/*}*/

/*@media (max-width: 900px) {*/
/*    .home-hero-inner {*/
/*        grid-template-columns: 1fr;*/
/*        min-height: auto;*/
/*        padding: 70px 24px 40px;*/
/*        text-align: center;*/
/*    }*/

/*    .hero-right {*/
/*        min-height: 380px;*/
/*    }*/

/*    .hero-image-slider {*/
/*        max-width: 520px;*/
/*        height: 380px;*/
/*        min-height: 380px;*/
/*        margin: 0 auto;*/
/*    }*/

/*    .hero-slide img {*/
/*        max-width: 500px;*/
/*        max-height: 380px;*/
/*    }*/

/*    .hero-slide.large-image img {*/
/*        max-width: 360px !important;*/
/*        max-height: 360px !important;*/
/*    }*/
/*}*/

/*@media (max-width: 600px) {*/
/*    .home-hero-inner {*/
/*        padding-left: 18px;*/
/*        padding-right: 18px;*/
/*    }*/

/*    .hero-right,*/
/*    .hero-image-slider {*/
/*        height: 300px;*/
/*        min-height: 300px;*/
/*    }*/

/*    .hero-slide img {*/
/*        max-height: 300px;*/
/*    }*/

/*    .hero-slide.large-image img {*/
/*        max-width: 280px !important;*/
/*        max-height: 280px !important;*/
/*    }*/
/*}*/

/* ==================================================
   HOME HERO DESKTOP + MOBILE RESPONSIVE
================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

.hero {
    width: 100%;
    min-height: 640px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.hero-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    min-height: 640px;
    margin: 0 auto;
    padding: 70px 48px;

    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 560px);
    align-items: center;
    gap: 48px;
}

.hero-inner > div:first-child {
    min-width: 0;
}

/* RIGHT IMAGE AREA */
.hero .hero-right {
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    height: 520px;
    min-height: 520px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    margin: 0 !important;
    padding: 0;
    opacity: 1 !important;
    animation: none !important;
    position: relative;
}

/* SLIDER */
.hero .hero-image-slider {
    position: relative;
    width: 100%;
    max-width: 560px;
    height: 520px;
    min-height: 520px;

    margin: 0 auto !important;
    padding: 0;
    overflow: hidden;
}

/* SLIDES */
.hero .hero-slide {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    visibility: hidden;
    transform: translateX(35px);

    transition:
        opacity .7s ease,
        visibility .7s ease,
        transform .7s ease;

    pointer-events: none;
    z-index: 1;
}

.hero .hero-slide.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
    z-index: 2;
}

.hero .hero-slide img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 550px;
    max-height: 500px;
    margin: 0 auto;

    object-fit: contain;
    object-position: center;

    filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .28));
}

/* TABLET */
@media (max-width: 1024px) {
    .hero-inner {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
        gap: 30px;
        padding: 60px 32px;
    }

    .hero h1 {
        font-size: 5.2rem;
    }

    .hero .hero-right,
    .hero .hero-image-slider {
        height: 440px;
        min-height: 440px;
    }

    .hero .hero-slide img {
        max-height: 420px;
    }
}

/* MOBILE */
@media (max-width: 900px) {
    .hero {
        min-height: auto;
        display: block;
    }

    .hero-inner {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 50px 20px 30px;
        text-align: left;
    }

    .hero-inner > div:first-child {
        width: 100%;
        max-width: 100%;
    }

    .hero .eyebrow {
        margin-bottom: 20px;
        align-items: flex-start;
    }

    .hero .eyebrow-txt {
        line-height: 1.7;
    }

    .hero h1 {
        font-size: clamp(3.3rem, 14vw, 4.4rem);
        line-height: .94;
        letter-spacing: 2px;
        max-width: 100%;
    }

    .hero-tag {
        width: 100%;
        max-width: 100%;
        margin: 24px 0 28px;
        font-size: 1rem;
    }

    .hero-btns {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .hero-btns .btn-glow,
    .hero-btns .btn-ghost {
        width: 100%;
        min-height: 54px;
        padding: 13px 18px;
        justify-content: center;
        text-align: center;
    }

    .hero .hero-right {
        width: 100%;
        height: 340px;
        min-height: 340px;
        margin: 5px 0 0 !important;
    }

    .hero .hero-image-slider {
        width: 100%;
        max-width: 520px;
        height: 340px;
        min-height: 340px;
        margin: 0 auto !important;
    }

    .hero .hero-slide img {
        width: 100%;
        max-width: 480px;
        max-height: 330px;
    }
}

/* SMALL MOBILE */
@media (max-width: 480px) {
    .hero-inner {
        padding: 42px 16px 24px;
        gap: 18px;
    }

    .hero .eyebrow {
        gap: 8px;
        margin-bottom: 18px;
    }

    .hero .eyebrow-txt {
        font-size: .62rem;
        line-height: 1.7;
        letter-spacing: 1.3px;
    }

    .hero h1 {
        font-size: clamp(3rem, 15vw, 3.6rem);
        letter-spacing: 1px;
    }

    .hero-tag {
        font-size: .95rem;
        line-height: 1.7;
        margin: 22px 0 24px;
    }

    .hero .hero-right {
        height: 270px;
        min-height: 270px;
    }

    .hero .hero-image-slider {
        width: 100%;
        height: 270px;
        min-height: 270px;
        margin: 0 !important;
    }

    .hero .hero-slide img {
        width: 100%;
        max-width: 330px;
        max-height: 260px;
    }
}