:root{
    --navy-deep:#081b30;
    --navy:#0e2a4a;
    --navy-2:#123a63;
    --blue:#1c6fc9;
    --blue-light:#eaf2fb;
    --cta:#38d021;
    --cta-dark:#28a017;
    --cta-tint:#e9fbe5;
    --bg:#f5f7fa;
    --white:#ffffff;
    --ink:#0e2233;
    --gray:#5b6b7c;
    --gray-light:#8b98a5;
    --line:#e3e8ee;
    --up:#1f9d63;
    --down:#e0503a;
    --ease:cubic-bezier(.22,.61,.36,1);
    }
    *{box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;}
    h1,h2,h3,h4{font-family:'Poppins',sans-serif;margin:0;letter-spacing:-0.01em;}

    .d-none { display: none; }

    a{text-decoration:none;color:inherit;}
    button{font-family:inherit;cursor:pointer;}
    img{max-width:100%;display:block;}
    :focus-visible{outline:2px solid var(--cta);outline-offset:2px;}
    @media (prefers-reduced-motion: reduce){
    *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
    }
    /* ---------- reveal-on-scroll ---------- */
    .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
    .reveal.in{opacity:1;transform:translateY(0);}
    .reveal-stagger.in > *{opacity:1;transform:translateY(0);}
    .reveal-stagger > *{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
    .reveal-stagger > *:nth-child(1){transition-delay:.02s;}
    .reveal-stagger > *:nth-child(2){transition-delay:.09s;}
    .reveal-stagger > *:nth-child(3){transition-delay:.16s;}
    .reveal-stagger > *:nth-child(4){transition-delay:.23s;}
    .reveal-stagger > *:nth-child(5){transition-delay:.3s;}
    .reveal-stagger > *:nth-child(6){transition-delay:.37s;}
    /* MOBILE-FIRST base */
    .container{max-width:1180px;margin:0 auto;padding:0 18px;}
    @media (min-width:700px){ .container{padding:0 24px;} }
    /* ---- header ---- */
    header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(0,0,0,0.02);}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0;}
    .logo-mark{display:flex;align-items:center;gap:8px;}
    .logo-mark img{height:46px;width:auto;}
    .logo-mark .logo-fallback{font-family:'Poppins',sans-serif;font-weight:800;font-size:20px;color:var(--navy);}
    .logo-mark .logo-fallback span{color:var(--cta-dark);}
    .nav-links{display:none;}
    .nav-actions{display:flex;gap:8px;}
    .btn-primary{background:var(--cta);color:#08240a;font-weight:700;font-size:13.5px;padding:10px 16px;border-radius:7px;border:none;box-shadow:0 6px 16px rgba(56,208,33,0.28);transition:transform .15s var(--ease),box-shadow .15s var(--ease);white-space:nowrap;}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(56,208,33,0.38);}
    .btn-primary:active{transform:translateY(0);}
    @media (min-width:900px){
    .nav-links{display:flex;gap:28px;font-size:14.5px;font-weight:600;color:var(--navy);}
    .nav-links a{position:relative;padding:4px 0;}
    .nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--cta-dark);transition:width .2s var(--ease);}
    .nav-links a:hover{color:var(--cta-dark);}
    .nav-links a:hover::after{width:100%;}
    .btn-primary{font-size:14px;padding:11px 24px;}
    }
    /* ---- hero (kept minimal) ---- */
    .hero{background:linear-gradient(transparent,#e7ebea);color:#fff;padding:36px 0 30px;position:relative;overflow:hidden;}
    .hero::before{content:"";position:absolute;inset:0;background:
    radial-gradient(480px 280px at 85% 15%, rgba(56,208,33,.10), transparent 60%),
    radial-gradient(420px 260px at 10% 90%, rgba(28,111,201,.16), transparent 60%);
    pointer-events:none;}
    .hero-grid{display:grid;grid-template-columns:1fr;gap:26px;align-items:center;position:relative;z-index:2;}
    @media (min-width:900px){ .hero{padding:56px 0 36px;} .hero-grid{grid-template-columns:1.05fr 0.95fr;gap:36px;} }
    .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#84e46f;background:rgba(56,208,33,0.14);border:1px solid rgba(56,208,33,0.4);padding:6px 12px;border-radius:20px;margin-bottom:14px;}
    .eyebrow .pulse{width:6px;height:6px;border-radius:50%;background:#84e46f;box-shadow:0 0 0 0 rgba(132,228,111,.6);animation:pulseDot 2s infinite;}
    @keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(132,228,111,.55);}70%{box-shadow:0 0 0 8px rgba(132,228,111,0);}100%{box-shadow:0 0 0 0 rgba(132,228,111,0);}}
    .hero h1{font-size:26px;line-height:1.22;color:#000;}
    @media (min-width:700px){ .hero h1{font-size:34px;} }
    @media (min-width:900px){ .hero h1{font-size:40px;line-height:1.18;} }
    .hero p.sub{color:#000;font-size:14px;line-height:1.6;margin:14px 0 20px;max-width:480px;}
    @media (min-width:700px){ .hero p.sub{font-size:15.5px;} }
    .hero-cta-row{display:flex;flex-direction:column;gap:10px;}
    @media (min-width:560px){ .hero-cta-row{flex-direction:row;flex-wrap:wrap;align-items:center;} }
    .microcopy{font-size:11.5px;color:#000;margin-top:12px;}
    .badges-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;}
    .badge{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);padding:7px 11px;border-radius:8px;font-size:11.5px;color:#000;}
    .badge b{color:#000;font-size:12.5px;}
    /* hero right-side image */
    .hero-img-wrap{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -16px rgba(0,0,0,0.55);border:1px solid rgba(255,255,255,0.12);aspect-ratio:4/3;animation:heroImgIn .8s var(--ease);}
    .hero-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
    .hero-img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,27,48,0) 55%,rgba(8,27,48,.55));}
    @keyframes heroImgIn{from{opacity:0;transform:scale(1.04);}to{opacity:1;transform:scale(1);}}
    /* ---- section shared ---- */
    section{padding:40px 0;}
    @media (min-width:700px){ section{padding:64px 0;} }
    .section-head{max-width:640px;margin-bottom:28px;}
    .section-head.center{margin:0 auto 32px;text-align:center;}
    @media (min-width:700px){ .section-head{margin-bottom:36px;} .section-head.center{margin:0 auto 42px;} }
    .eyebrow-dark{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);background:var(--blue-light);padding:6px 14px;border-radius:20px;margin-bottom:14px;}
    .section-head h2{font-size:23px;color:var(--navy);line-height:1.25;}
    @media (min-width:700px){ .section-head h2{font-size:30px;line-height:1.2;} }
    .section-head p{color:var(--gray);font-size:14px;margin-top:12px;line-height:1.6;}
    @media (min-width:700px){ .section-head p{font-size:15.5px;} }
    /* ---- trust ratings banner ---- */
    .trust-banner{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 18px;display:grid;grid-template-columns:1fr;gap:16px;}
    @media (min-width:700px){ .trust-banner{grid-template-columns:repeat(3,1fr);padding:26px;gap:18px;} }
    .trust-icon-card{display:flex;align-items:center;gap:14px;}
    .trust-icon-badge{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#2a2a2a;}
    .trust-icon-badge svg{width:26px;height:26px;}
    .trust-icon-card .info .name{font-size:13.5px;font-weight:700;color:var(--navy);}
    .trust-icon-card .stars-mini{color:#f5b400;font-size:13px;letter-spacing:1px;margin:3px 0;}
    .trust-icon-card .sub{font-size:12px;color:var(--gray-light);}
    .trust-note{font-size:11.5px;color:var(--gray-light);margin-top:14px;text-align:center;}
    /* ---- india support ---- */
    .india-support-wrap{background:linear-gradient(135deg,#fff8ee,#eefaf2);border:1px solid #f1e3c8;border-radius:18px;padding:26px 20px;}
    @media (min-width:700px){ .india-support-wrap{padding:36px;} }
    .india-support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px;}
    @media (min-width:560px){ .india-support-grid{grid-template-columns:repeat(4,1fr);} }
    .india-support-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 10px;text-align:center;font-size:12.5px;font-weight:600;color:var(--navy);transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
    .india-support-item:hover{transform:translateY(-4px);box-shadow:0 14px 26px -12px rgba(14,42,74,.18);}
    .india-support-item .ico{font-size:24px;margin-bottom:8px;}
    .india-support-item .ico img {
        margin: 0 auto;
    }
    /* ---- client success strip w/ animated counters ---- */
    .success-strip{display:grid;grid-template-columns:1fr;gap:14px;}
    @media (min-width:700px){ .success-strip{grid-template-columns:repeat(3,1fr);gap:16px;} }
    .success-card{background:var(--navy);color:#fff;border-radius:14px;padding:24px 20px;text-align:center;}
    .success-card .num{font-family:'Poppins';font-weight:800;font-size:28px;color:#84e46f;}
    .success-card .lbl{font-size:12.5px;color:#c7d3e0;margin-top:6px;}
    /* ---- instruments grid (square highlight boxes) ---- */
    .instr-grid{display:grid;grid-template-columns:1fr;gap:14px;}
    @media (min-width:560px){ .instr-grid{grid-template-columns:repeat(2,1fr);} }
    @media (min-width:900px){ .instr-grid{grid-template-columns:repeat(3,1fr);gap:18px;} }
    .instr-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);position:relative;overflow:hidden;aspect-ratio:1/1;display:flex;flex-direction:column;}
    @media (min-width:700px){ .instr-card{padding:24px;} }
    .instr-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px -14px rgba(14,42,74,0.2);border-color:var(--blue);}
    .instr-ref{width:100%;height:150px;border-radius:10px;margin-bottom:14px;overflow:hidden;background:var(--blue-light);}
    .instr-ref img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease);}
    .instr-card:hover .instr-ref img{transform:scale(1.06);}
    .instr-card h4{font-size:16.5px;color:var(--navy);margin-bottom:6px;}
    .instr-card p{font-size:12.5px;color:var(--gray);line-height:1.55;margin:0 0 auto;flex:1;}
    .instr-card .tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
    .mini-tag{font-size:10.5px;font-weight:600;color:var(--navy);background:var(--blue-light);padding:3px 9px;border-radius:10px;}
    .mid-cta{display:flex;justify-content:center;margin-top:28px;}
    /* ---- platform section ---- */
    .platform-section{background:var(--navy);color:#fff;border-radius:18px;padding:26px 18px;}
    @media (min-width:700px){ .platform-section{padding:46px;border-radius:22px;margin:0 24px;} }
    .plat-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;}
    @media (min-width:900px){ .plat-grid{grid-template-columns:1fr 1fr;gap:38px;} }
    .plat-list{display:flex;flex-direction:column;gap:13px;margin-top:18px;}
    .plat-item{display:flex;gap:12px;align-items:flex-start;}
    .plat-item .num{width:24px;height:24px;border-radius:50%;background:rgba(56,208,33,0.2);color:#84e46f;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
    .plat-item h5{font-size:14px;color:#fff;margin-bottom:3px;}
    .plat-item p{font-size:12px;color:#aebfd2;margin:0;line-height:1.5;}
    .device-mock{background:#0c2440;border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:16px;}
    .device-mock .bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
    .device-mock .bar .dots{display:flex;gap:6px;}
    .device-mock .bar .dots span{width:8px;height:8px;border-radius:50%;background:#2a4666;}
    .device-mock .bar .live-tag{font-size:9.5px;font-weight:700;color:#84e46f;letter-spacing:.04em;display:flex;align-items:center;gap:5px;}
    .device-mock .bar .live-tag .dot{width:6px;height:6px;border-radius:50%;background:#84e46f;animation:pulseDot 1.6s infinite;}
    .mock-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.06);font-size:12px;}
    .mock-row:last-child{border-bottom:none;}
    .mock-row .sym{color:#fff;font-weight:600;}
    .mock-row .val{transition:color .25s;}
    .mock-row .val.flash-up{animation:flashUp .6s ease;}
    .mock-row .val.flash-down{animation:flashDown .6s ease;}
    @keyframes flashUp{0%{background:rgba(62,201,138,.25);}100%{background:transparent;}}
    @keyframes flashDown{0%{background:rgba(255,138,117,.25);}100%{background:transparent;}}
    .mock-note{font-size:10px;color:#6f85a0;margin-top:10px;text-align:center;}
    /* ---- services ---- */
    .services-row{display:grid;grid-template-columns:1fr;gap:14px;}
    @media (min-width:700px){ .services-row{grid-template-columns:repeat(3,1fr);gap:18px;} }
    .service-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
    .service-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -14px rgba(14,42,74,.16);}
    .service-img{width:100%;height:120px;overflow:hidden;}
    .service-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease);}
    .service-card:hover .service-img img{transform:scale(1.06);}
    .service-card .icon,.service-card h4,.service-card ul{padding-left:22px;padding-right:22px;}
    .service-card .icon{font-size:26px;margin-top:18px;margin-bottom:10px;}
    .service-card h4{font-size:16px;color:var(--navy);margin-bottom:14px;}
    .service-card ul{margin:0;padding-bottom:22px;padding-left:38px;color:var(--gray);font-size:12.5px;line-height:1.55;list-style:disc;}
    .service-card ul li{margin-bottom:9px;}
    .service-card ul li::marker{color:var(--cta-dark);}
    .service-card ul li:last-child{margin-bottom:0;}
    /* ---- account types table ---- */
    .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff;}
    table{width:100%;border-collapse:collapse;min-width:560px;}
    table thead th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-light);padding:14px 16px;border-bottom:1px solid var(--line);background:#fafcfe;}
    table tbody td{padding:14px 16px;font-size:13.5px;color:var(--ink);border-bottom:1px solid var(--line);}
    table tbody tr:last-child td{border-bottom:none;}
    table tbody tr.highlight{background:var(--cta-tint);}
    table tbody tr{transition:background .2s;}
    table tbody tr:hover{background:var(--blue-light);}
    td.plan{font-weight:700;color:var(--navy);}
    /* detailed account comparison table */
    .accounts-table{min-width:820px;}
    .accounts-table thead th{white-space:nowrap;}
    .accounts-table thead th.hl{background:var(--cta-dark);color:#fff;}
    .accounts-table tbody td{font-size:12.5px;line-height:1.5;vertical-align:top;}
    .accounts-table tbody td.feat{font-weight:700;color:var(--navy);white-space:nowrap;background:#fafcfe;}
    .accounts-table tbody td.hl{background:var(--cta-tint);font-weight:600;}
    .accounts-table tbody tr:hover td.feat{background:var(--blue-light);}
    /* ---- trust strip w/ counters ---- */
    .trust-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:center;}
    @media (min-width:700px){ .trust-strip{grid-template-columns:repeat(4,1fr);} }
    .trust-strip .num{font-family:'Poppins';font-weight:800;font-size:26px;color:var(--navy);}
    .trust-strip .lbl{font-size:12px;color:var(--gray);margin-top:4px;}
    /* ---- video slider (Shorts, centered) ---- */
    .vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:0 auto;}
    @media (min-width:700px){ .vgrid{grid-template-columns:repeat(4,1fr);gap:18px;} }
    .vgrid-item{width:100%;}
    .video-embed{position:relative;width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#0c2440;box-shadow:0 18px 34px -14px rgba(14,42,74,.3);}
    .video-embed iframe{width:100%;height:100%;border:0;}
    .video-meta{text-align:center;margin-top:12px;}
    .video-meta .name{font-size:12px;font-weight:700;color:var(--navy);font-style:italic;line-height:1.4;}
    .video-meta .loc{font-size:10.5px;color:var(--gray-light);margin-top:4px;}
    /* ---- auto-scroll gallery ---- */
    .gallery-track-wrap{overflow:hidden;margin:0 -18px;}
    .gallery-track{display:flex;gap:14px;width:max-content;animation:galleryScroll 24s linear infinite;padding:0 18px;will-change:transform;}
    .gallery-track:hover{animation-play-state:paused;}
    @keyframes galleryScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
    .gallery-item{width:150px;height:150px;border-radius:14px;overflow:hidden;flex-shrink:0;flex-grow:0;background:var(--navy);box-shadow:0 10px 22px -10px rgba(14,42,74,.3);}
    @media (min-width:700px){ .gallery-item{width:190px;height:190px;} }
    .gallery-item img{width:100%;height:100%;object-fit:cover;display:block;}
    .gallery-note{font-size:11.5px;color:var(--gray-light);margin-top:16px;text-align:center;}
    /* ---- FAQ accordion ---- */
    .faq-item{border-bottom:1px solid var(--line);}
    .faq-q{width:100%;background:none;border:none;text-align:left;padding:18px 4px;font-size:14.5px;font-weight:600;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:12px;}
    .faq-q .plus{font-size:18px;color:var(--blue);transition:transform .3s var(--ease);flex-shrink:0;}
    .faq-item.open .faq-q .plus{transform:rotate(135deg);color:var(--cta-dark);}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease);}
    .faq-a p{font-size:13.5px;color:var(--gray);line-height:1.65;padding:0 4px 18px;margin:0;}
    /* ---- comparison table (highlighted) ---- */
    /* highlighted "why choose xchief" panel */
    .why-panel{background:linear-gradient(160deg,#fff 0%,var(--cta-tint) 130%);border:1.5px solid #bdeeb0;border-radius:24px;padding:30px 18px;box-shadow:0 30px 60px -30px rgba(40,160,23,0.35);position:relative;overflow:hidden;}
    @media (min-width:700px){ .why-panel{padding:44px;} }
    .why-panel::before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(56,208,33,0.18),transparent 70%);pointer-events:none;}
    .why-badge{background:var(--cta);color:#08240a;box-shadow:0 8px 18px rgba(56,208,33,0.35);}
    .why-banner-img{width:100%;height:90px;border-radius:12px;overflow:hidden;margin-top:24px;box-shadow:0 14px 30px -14px rgba(14,42,74,.3);}
    .why-banner-img img{width:100%;height:100%;object-fit:cover;display:block;}
    .compare-wrap{overflow-x:auto;border-radius:16px;box-shadow:0 20px 40px -20px rgba(14,42,74,.2);}
    .compare-table{width:100%;border-collapse:collapse;min-width:520px;background:#fff;border-radius:16px;overflow:hidden;}
    .compare-table thead th{padding:16px;font-size:13px;text-align:left;background:var(--navy);color:#fff;}
    .compare-table thead th.xc{background:var(--cta-dark);position:relative;}
    .compare-table thead th.xc::after{content:"✓ Recommended";position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:9.5px;font-weight:700;background:#fff;color:var(--cta-dark);padding:2px 8px;border-radius:10px;white-space:nowrap;}
    .compare-table tbody td{padding:14px 16px;font-size:13px;color:var(--ink);border-bottom:1px solid var(--line);}
    .compare-table tbody tr:last-child td{border-bottom:none;}
    .compare-table td.xc-col{background:var(--cta-tint);font-weight:700;}
    .yes{color:var(--up);font-weight:700;}
    .no{color:var(--gray-light);}

    /* ---- final CTA + form ---- */
    .final-cta{display:grid;grid-template-columns:1fr;gap:26px;}
    @media (min-width:900px){ .final-cta{grid-template-columns:1fr 1fr;gap:44px;align-items:center;} }
    .final-cta h2{font-size:24px;color:var(--navy);line-height:1.25;}
    @media (min-width:700px){ .final-cta h2{font-size:30px;} }
    .final-cta p{color:var(--gray);font-size:14.5px;margin-top:12px;line-height:1.6;}
    .cta-img-wrap{width:100%;border-radius:16px;overflow:hidden;margin-top:22px;box-shadow:0 20px 40px -18px rgba(14,42,74,.3);aspect-ratio:16/10;}
    .cta-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
    .captcha-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
    #captchaCanvas{border:1.5px solid var(--line);border-radius:8px;background:#f5f7fa;}
    .captcha-refresh{width:38px;height:38px;border-radius:8px;border:1.5px solid var(--line);background:#fff;font-size:17px;color:var(--navy);flex-shrink:0;transition:background .2s,transform .3s;}
    .captcha-refresh:hover{background:var(--blue-light);transform:rotate(90deg);}
    .captcha-msg{font-size:11.5px;margin:4px 0 0;min-height:14px;}
    .captcha-msg.err{color:var(--down);}
    .captcha-msg.ok{color:var(--up);}
    .form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 24px 50px -22px rgba(14,42,74,.25);}
    
    

    @media (min-width:700px){ .form-card{padding:30px;} }
    .field{margin-bottom:14px;}
    .field label{display:block;font-size:12.5px;font-weight:600;color:var(--navy);margin-bottom:6px;}
    .field input,.field select{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:8px;font-size:13.5px;font-family:inherit;color:var(--ink);transition:border-color .2s;background:#fff;}
        
     input[type="checkbox"] {
    width: auto;
    vertical-align: middle;
    }

    .error{
    color:#dc3545;
    font-size:13px;
    display:block;
    margin-top:5px;
}

input.error-border{
    border:1px solid #dc3545;
}

#responseMessage{
    margin-top:20px;
    font-weight:600;
}

#responseMessage.success{
    color:#28a745;
}

#responseMessage.error{
    color:#dc3545;
}
    

    .field input:focus,.field select:focus{border-color:var(--blue);}
    .service-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
    .service-check-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--gray);background:#fafcfe;border:1px solid var(--line);padding:9px 10px;border-radius:8px;}
    .submit-btn{width:100%;background:var(--cta);color:#08240a;font-weight:700;font-size:15px;padding:14px;border-radius:9px;border:none;box-shadow:0 10px 22px rgba(56,208,33,0.3);margin-top:6px;transition:transform .15s,box-shadow .15s;}
    .submit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(56,208,33,0.4);}
    .form-fine{font-size:10.5px;color:var(--gray-light);margin-top:12px;line-height:1.5;}
    /* ---- support channels ---- */
    .support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
    @media (min-width:700px){ .support-grid{grid-template-columns:repeat(4,1fr);} }
    @media (min-width:900px){ .support-grid{grid-template-columns:repeat(8,1fr);} }
    .support-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 8px;text-align:center;transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
    .support-item:hover{transform:translateY(-4px);box-shadow:0 14px 26px -14px rgba(14,42,74,.2);}
    .support-item .ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:16px;}
    .support-item .lbl{font-size:11px;font-weight:600;color:var(--navy);}
    .ticket-row{display:flex;flex-direction:column;gap:10px;margin-top:20px;max-width:420px;margin-left:auto;margin-right:auto;}
    @media (min-width:560px){ .ticket-row{flex-direction:row;} }
    .ticket-btn{flex:1;text-align:center;padding:12px;border-radius:9px;font-size:13px;font-weight:700;}
    .ticket-btn.create{background:var(--cta);color:#08240a;}
    .ticket-btn.manage{background:#fff;border:1.5px solid var(--line);color:var(--navy);}
    /* ---- footer ---- */
    footer{background:var(--navy-deep);color:#c7d3e0;padding:44px 0 18px;}
    .foot-top{display:grid;grid-template-columns:1fr;gap:26px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08);}
    @media (min-width:700px){ .foot-top{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;} }
    .foot-top h5{color:#fff;font-size:13px;margin-bottom:12px;}
    .foot-top a{display:block;font-size:12.5px;color:#9db0c6;padding:5px 0;transition:color .2s;}
    .foot-top a:hover{color:#fff;}
    .risk-box{font-size:11px;color:#7f93ab;line-height:1.7;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08);}
    .foot-bottom{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:#7f93ab;padding-top:16px;}
    @media (min-width:700px){ .foot-bottom{flex-direction:row;justify-content:space-between;} }
    /* ---- sticky bottom CTA (mobile) ---- */
    .sticky-cta{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:60;box-shadow:0 -8px 20px rgba(0,0,0,.06);transform:translateY(100%);transition:transform .35s var(--ease);}
    .sticky-cta.show{transform:translateY(0);}
    .sticky-cta .txt{font-size:11.5px;font-weight:600;color:var(--navy);line-height:1.3;}
    @media (min-width:900px){ .sticky-cta{display:none;} }
    /* ---- floating contact ---- */
    .floating-contact{position:fixed;right:16px;bottom:78px;display:flex;flex-direction:column;gap:10px;z-index:60;}
    @media (min-width:900px){ .floating-contact{bottom:24px;} }
    .fab{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 10px 24px rgba(0,0,0,.25);position:relative;}
    .fab::before{content:"";position:absolute;inset:0;border-radius:50%;animation:fabPulse 2.4s infinite;}
    .fab.whatsapp{background:#25d366;color:#fff;}
    .fab.whatsapp::before{box-shadow:0 0 0 0 rgba(37,211,102,.5);}
    .fab.telegram{background:#229ed9;color:#fff;}
    .fab.telegram::before{box-shadow:0 0 0 0 rgba(34,158,217,.5);}
    @keyframes fabPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45);}70%{box-shadow:0 0 0 14px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}