/*
================================================================================
FILE: css/call-answering-service.css
================================================================================
v4 · Saturday/08/08/2026 · FULL REDESIGN
- Rebuilt to pair with call-answering-service.html v2. Preserved verbatim:
  reset + root vars, body background office photo + overlay, header, burger,
  nav overlay + sidebar, breadcrumb, zigzag Why section (v2 panels with
  ghost numbers + ticked two-column lists), FAQ accordion, footer + social.
- New systems: Space Grotesk display type, kicker labels, section heads,
  refreshed buttons, split hero, phone device component (call head, pulsing
  dot, service/caller bubbles with staggered reveal, result chip, float),
  stat band, app-frame, spec-sheet features, editorial tables, call rows
  (alternating device + copy), industry tiles, plan cards, trust tiles,
  compare band, side-scroll reviews strip, resources link list, final CTA,
  .rv scroll-reveal with delays; all motion off under
  prefers-reduced-motion.
- Every grid uses explicit media-query breakpoints (4->2->1, 2->1),
  no repeat(auto-fit,minmax()).
v3 · Tuesday/19/05/2026 · FAQ ACCORDION (see history in repo)
v2 · Tuesday/19/05/2026 · BG IMAGE FIX
v1 · earlier · initial styles
================================================================================
*/
*{margin:0;padding:0;box-sizing:border-box}
    :root{
        --primary-blue:#0066FF;
        --primary-purple:#6366F1;
        --uk-blue:#012169;
        --uk-red:#C8102E;
        --success-green:#10B981;
        --gray-50:#F9FAFB;
        --gray-100:#F3F4F6;
        --gray-200:#E5E7EB;
        --gray-400:#9CA3AF;
        --gray-500:#6B7280;
        --gray-700:#374151;
        --gray-900:#111827;
        --white:#FFFFFF;
        --uk-gradient:linear-gradient(135deg,#012169 0%,#0066FF 100%);
        --shadow-md:0 4px 6px -1px rgba(0,0,0,.1);
        --shadow-lg:0 10px 25px rgba(15,23,42,.25);
        --shadow-xl:0 20px 45px rgba(15,23,42,.35);
    }

    html,body{height:100%}
    body{
        line-height:1.6;
        color:#E5E7EB;
        background:#000;
        overflow-x:hidden;
        display:flex;
        flex-direction:column;
        position:relative;
    }

    body::before{
        content:"";position:fixed;inset:0;z-index:-1;
        background:linear-gradient(135deg,rgba(0,0,0,.35),rgba(0,0,40,.25));
        pointer-events:none;
    }
    body::after{
        content:"";position:fixed;inset:0;z-index:-2;
        background:url('../assets/team-connect-main-office.webp') center top/cover no-repeat;
        transform:translateZ(0);will-change:transform;pointer-events:none;
    }
    @media(max-width:768px){
        body::after{background-position:center 20%!important}
        body::before{background:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,.35))!important}
    }

    header,main,footer{position:relative;z-index:1;}

    .header{
        position:fixed;top:0;left:0;right:0;
        background:#000;border-bottom:1px solid #222;
        z-index:1000;transition:all .3s ease;
    }
    .header.scrolled{background:#000!important;box-shadow:0 2px 6px rgba(0,0,0,.6);}
    .nav{
        max-width:1200px;margin:0 auto;
        display:flex;justify-content:flex-start;align-items:center;
        padding:1rem 2rem;
    }
    .logo{
        display:flex;align-items:center;gap:12px;
        font-size:24px;font-weight:800;
        color:var(--primary-blue);text-decoration:none;
    }
    .logo-img{height:40px;width:auto;border-radius:6px;display:block;}
    .nav-links{display:none;}

    .burger-menu{
        position:fixed;
        top:calc(env(safe-area-inset-top) + 20px);
        right:20px;
        z-index:1001;
        background:#fff;
        border:1px solid var(--gray-200);
        border-radius:12px;
        padding:12px;
        cursor:pointer;
        box-shadow:var(--shadow-md);
        transition:transform .2s ease;
        display:block;
    }
    .burger-menu:hover{transform:scale(1.05);}
    .burger-icon{
        width:24px;height:24px;
        display:flex;flex-direction:column;justify-content:space-between;
    }
    .burger-line{
        width:100%;height:3px;
        background:var(--gray-700);border-radius:2px;
        transition:all .3s ease;
    }
    .burger-menu.active .burger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
    .burger-menu.active .burger-line:nth-child(2){opacity:0;}
    .burger-menu.active .burger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);}

    .nav-overlay{
        position:fixed;top:0;left:0;width:100%;height:100%;
        background:rgba(0,0,0,.5);
        z-index:999;
        opacity:0;visibility:hidden;
        transition:all .3s ease;
    }
    .nav-overlay.active{opacity:1;visibility:visible;}

    .nav-sidebar{
        position:fixed;top:0;right:-300px;
        width:300px;height:100vh;
        background:#fff;
        border-left:1px solid var(--gray-200);
        z-index:1000;
        transition:right .3s ease;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        padding-top:calc(env(safe-area-inset-top) + 20px);
        box-shadow:0 20px 25px rgba(0,0,0,.25);
    }
    .nav-sidebar.active{right:0;}
    .nav-header{
        padding:20px;border-bottom:1px solid var(--gray-200);
        display:flex;align-items:center;gap:12px;
    }
    .nav-title{font-size:1.2em;font-weight:600;color:#111827;}
    .nav-section{padding:20px 0;border-bottom:1px solid var(--gray-200);}
    .nav-section:last-child{border-bottom:none;}
    .nav-section-title{
        padding:0 20px 12px;
        font-size:.8em;color:var(--gray-500);
        text-transform:uppercase;font-weight:600;letter-spacing:.05em;
    }
    .nav-item{
        display:flex;align-items:center;
        padding:12px 20px;
        color:#374151;
        text-decoration:none;
        transition:background-color .2s ease;
        cursor:pointer;
    }
    .nav-item:hover{background:#F3F4F6;color:var(--primary-blue);}
    .nav-item.active{
        background:rgba(37,99,235,.08);
        color:var(--primary-blue);
        border-left:3px solid var(--primary-blue);
    }
    .nav-item-text{font-weight:500;}

    .breadcrumb{
        background:rgba(0,0,0,.65);
        padding:10px 2rem;
        font-size:14px;
        color:#E5E7EB;
        margin-top:72px;
    }
    .breadcrumb a{
        color:#fff;
        text-decoration:underline;
        text-underline-offset:3px;
    }
    .breadcrumb a:hover{text-decoration-color:#FACC15;}
    @media(max-width:768px){
        .breadcrumb{padding:10px 1rem;font-size:12px;}
    }

    
    main{flex:1 0 auto;}
    .container{max-width:1160px;margin:0 auto;padding:0 2rem;}
    .sect{padding:72px 2rem;position:relative;z-index:1;}
    .sect .container{padding:0;max-width:1160px;margin:0 auto;}
    .ai-receptionist-authority,.ai-receptionist-faq{padding:72px 2rem;position:relative;z-index:1;}
    .ai-receptionist-authority .container,.ai-receptionist-faq .container{padding:0;max-width:1160px;margin:0 auto;}

    /* ---------- Type system ---------- */
    body{font-family:'Inter',system-ui,sans-serif;}
    .hero-title,.section-title,.plan-price,.stat-n,.final-cta h2,.compare-copy h2{
        font-family:'Space Grotesk','Inter',system-ui,sans-serif;
        letter-spacing:-.02em;
    }
    .kicker{
        display:inline-block;
        font-size:.75rem;
        font-weight:700;
        letter-spacing:.16em;
        text-transform:uppercase;
        color:#7FB4FF;
        margin-bottom:.7rem;
    }
    .section-head{max-width:820px;margin:0 auto 2.8rem;text-align:center;}
    .section-title{
        font-size:clamp(1.9rem,3.6vw,2.6rem);
        font-weight:700;
        color:#F9FAFB;
        line-height:1.15;
        margin-bottom:.7rem;
        text-shadow:0 2px 10px rgba(0,0,0,.7);
    }
    .section-subtitle{font-size:1rem;color:#C7D0DD;line-height:1.7;}
    .section-subtitle a{color:#93C5FD;}

    /* ---------- Buttons ---------- */
    .btn{
        display:inline-flex;align-items:center;justify-content:center;gap:8px;
        padding:.95rem 1.9rem;
        border-radius:14px;
        font-weight:700;
        font-size:.97rem;
        text-decoration:none;
        border:none;cursor:pointer;
        transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
    }
    .btn-primary{
        background:linear-gradient(135deg,#FACC15,#F59E0B);
        color:#111827;
        box-shadow:0 14px 38px rgba(0,0,0,.55);
    }
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(0,0,0,.7);}
    .btn-outline{
        background:rgba(8,13,24,.6);
        color:#F9FAFB;
        border:1px solid rgba(203,213,225,.45);
    }
    .btn-outline:hover{background:rgba(248,250,252,.1);border-color:rgba(248,250,252,.7);}
    .sect-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:2.4rem;}

    /* ---------- Hero ---------- */
    .hero{padding:130px 2rem 40px;position:relative;z-index:1;}
    .hero-grid{
        max-width:1160px;margin:0 auto;
        display:grid;grid-template-columns:1.25fr 1fr;
        gap:3.5rem;align-items:center;
    }
    .hero-eyebrow{
        display:inline-block;
        font-size:.78rem;font-weight:700;
        letter-spacing:.14em;text-transform:uppercase;
        color:#FDE68A;
        background:rgba(250,204,21,.1);
        border:1px solid rgba(250,204,21,.35);
        border-radius:999px;
        padding:.5rem 1rem;
        margin-bottom:1.3rem;
    }
    .hero-title{
        font-size:clamp(2.4rem,4.6vw,3.5rem);
        font-weight:700;
        color:#F9FAFB;
        line-height:1.08;
        margin-bottom:1rem;
        text-shadow:0 3px 14px rgba(0,0,0,.8);
    }
    .hero-subtitle{font-size:1.04rem;color:#D4DBE6;line-height:1.75;max-width:560px;margin-bottom:1.4rem;}
    .hero-subtitle strong{color:#FDE68A;font-weight:700;}
    .hero-price-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:1.4rem;}
    .hero-price{font-family:'Space Grotesk','Inter',sans-serif;font-size:2.2rem;font-weight:700;color:#FDE68A;}
    .hero-price span{font-size:1.05rem;color:#C7D0DD;font-weight:500;}
    .hero-price-note{font-size:.92rem;color:#C7D0DD;}
    .hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
    .hero-trustline{margin-top:1.2rem;font-size:.88rem;color:#9FB0C6;}
    .hero-anchors{display:flex;gap:6px 18px;flex-wrap:wrap;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(148,163,184,.2);}
    .hero-anchors a{font-size:.86rem;color:#93C5FD;text-decoration:none;}
    .hero-anchors a:hover{text-decoration:underline;text-underline-offset:3px;}

    /* ---------- Phone device (signature) ---------- */
    .phone{
        width:100%;max-width:340px;
        margin:0 auto;
        background:#05080F;
        border:1px solid rgba(148,163,184,.35);
        border-radius:34px;
        padding:12px 12px 16px;
        box-shadow:0 30px 80px rgba(0,0,0,.75),inset 0 0 0 2px rgba(255,255,255,.04);
    }
    .phone-top{display:flex;justify-content:center;padding:4px 0 10px;}
    .phone-speaker{width:70px;height:6px;border-radius:999px;background:rgba(148,163,184,.3);}
    .phone-screen{
        background:linear-gradient(180deg,#0B1322,#080D18);
        border-radius:22px;
        padding:14px 12px 16px;
        max-height:430px;
        overflow-y:auto;
        scrollbar-width:thin;
        scrollbar-color:rgba(100,116,139,.5) transparent;
    }
    .phone-screen::-webkit-scrollbar{width:4px;}
    .phone-screen::-webkit-scrollbar-thumb{background:rgba(100,116,139,.5);border-radius:999px;}
    .call-head{
        display:flex;align-items:center;gap:10px;
        padding-bottom:12px;margin-bottom:12px;
        border-bottom:1px solid rgba(148,163,184,.18);
    }
    .call-dot{
        width:10px;height:10px;border-radius:50%;
        background:#10B981;flex:0 0 auto;
        animation:callpulse 1.6s ease-out infinite;
    }
    @keyframes callpulse{
        0%{box-shadow:0 0 0 0 rgba(16,185,129,.55);}
        100%{box-shadow:0 0 0 10px rgba(16,185,129,0);}
    }
    .call-id{flex:1;min-width:0;}
    .call-name{
        font-family:'Space Grotesk','Inter',sans-serif;
        font-size:.92rem;font-weight:700;color:#F9FAFB;
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .call-meta{font-size:.74rem;color:#8CA0BC;}
    .call-timer{font-size:.78rem;font-weight:700;color:#10B981;font-variant-numeric:tabular-nums;}
    .bubble{
        max-width:88%;
        font-size:.83rem;line-height:1.55;color:#E5E7EB;
        padding:.65rem .8rem;
        border-radius:14px;
        margin-bottom:.6rem;
        opacity:0;transform:translateY(10px);
        transition:opacity .5s ease,transform .5s ease;
    }
    .b-svc{
        background:rgba(16,185,129,.14);
        border:1px solid rgba(16,185,129,.3);
        border-bottom-left-radius:4px;
        margin-right:auto;
    }
    .b-cal{
        background:rgba(250,204,21,.12);
        border:1px solid rgba(250,204,21,.3);
        border-bottom-right-radius:4px;
        margin-left:auto;
        text-align:right;
    }
    .call-chip{
        display:block;
        text-align:center;
        font-size:.74rem;font-weight:700;
        letter-spacing:.06em;text-transform:uppercase;
        color:#10B981;
        background:rgba(16,185,129,.1);
        border:1px dashed rgba(16,185,129,.4);
        border-radius:10px;
        padding:.55rem .6rem;
        margin-top:.4rem;
        opacity:0;transform:translateY(10px);
        transition:opacity .5s ease,transform .5s ease;
    }
    .phone.play .bubble,.phone.play .call-chip{opacity:1;transform:translateY(0);}
    .phone.play .bubble:nth-of-type(1){transition-delay:.15s;}
    .phone.play .bubble:nth-of-type(2){transition-delay:.55s;}
    .phone.play .bubble:nth-of-type(3){transition-delay:.95s;}
    .phone.play .bubble:nth-of-type(4){transition-delay:1.35s;}
    .phone.play .bubble:nth-of-type(5){transition-delay:1.75s;}
    .phone.play .bubble:nth-of-type(6){transition-delay:2.15s;}
    .phone.play .call-chip{transition-delay:2.55s;}
    .phone-hero{animation:phonefloat 7s ease-in-out infinite;}
    @keyframes phonefloat{
        0%,100%{transform:translateY(0);}
        50%{transform:translateY(-10px);}
    }
    .accent-sky .call-name{color:#7DD3FC;}
    .accent-pink .call-name{color:#F9A8D4;}
    .accent-violet .call-name{color:#C4B5FD;}

    /* ---------- Stat band ---------- */
    .statband-wrap{padding:26px 2rem;position:relative;z-index:1;}
    .statband{
        max-width:1160px;margin:0 auto;
        display:grid;grid-template-columns:repeat(4,1fr);
        background:rgba(8,13,24,.72);
        border:1px solid rgba(148,163,184,.2);
        border-radius:20px;
        overflow:hidden;
    }
    .stat{padding:1.5rem 1rem;text-align:center;border-left:1px solid rgba(148,163,184,.14);}
    .stat:first-child{border-left:none;}
    .stat-n{font-size:1.9rem;font-weight:700;color:#F9FAFB;line-height:1.1;}
    .stat-l{font-size:.82rem;color:#9FB0C6;margin-top:.3rem;}

    /* ---------- App frame (dashboard) ---------- */
    .app-frame{
        max-width:980px;margin:0 auto;
        background:rgba(8,13,24,.8);
        border:1px solid rgba(148,163,184,.28);
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 30px 80px rgba(0,0,0,.6);
    }
    .app-frame-bar{
        display:flex;gap:7px;align-items:center;
        padding:12px 16px;
        border-bottom:1px solid rgba(148,163,184,.16);
    }
    .app-frame-bar span{width:10px;height:10px;border-radius:50%;background:rgba(148,163,184,.35);}
    .app-frame-bar span:first-child{background:rgba(248,113,113,.7);}
    .app-frame-bar span:nth-child(2){background:rgba(250,204,21,.7);}
    .app-frame-bar span:nth-child(3){background:rgba(16,185,129,.7);}
    .app-frame img{width:100%;height:auto;display:block;}

    /* ---------- Spec sheet (features) ---------- */
    .spec-grid{
        display:grid;grid-template-columns:1fr 1fr;
        gap:0 4rem;
        max-width:1040px;margin:0 auto;
    }
    .spec{
        padding:2rem 0;
        border-top:1px solid rgba(148,163,184,.18);
    }
    .spec:nth-child(1),.spec:nth-child(2){border-top:none;padding-top:.6rem;}
    .spec h3{
        font-size:1.12rem;font-weight:700;color:#F9FAFB;
        margin-bottom:.55rem;
        padding-left:1.3rem;position:relative;
    }
    .spec h3::before{
        content:"";position:absolute;left:0;top:.35em;
        width:.6em;height:.6em;border-radius:3px;
        background:linear-gradient(135deg,#10B981,#0066FF);
    }
    .spec p{font-size:.93rem;line-height:1.7;color:#C7D0DD;margin-bottom:.7rem;}
    .spec p a{color:#93C5FD;}

    /* ---------- Tick lists (shared) ---------- */
    .tick-list{list-style:none;margin:0;padding:0;}
    .tick-list li{
        position:relative;
        padding:.34rem 0 .34rem 1.5rem;
        font-size:.9rem;line-height:1.55;color:#D4DBE6;
    }
    .tick-list li::before{
        content:"\2713";
        position:absolute;left:0;top:.34rem;
        color:#10B981;font-weight:700;
    }

    /* ---------- Editorial explainer ---------- */
    .explainer-prose{max-width:820px;margin:0 auto;}
    .explainer-prose p{font-size:1rem;line-height:1.85;color:#D4DBE6;margin-bottom:1.1rem;}
    .explainer-prose p.lead{font-size:1.14rem;color:#F3F4F6;}
    .explainer-subhead{
        max-width:820px;margin:2.8rem auto 1rem;
        font-size:1.3rem;font-weight:700;color:#F9FAFB;
    }
    .table-wrap{max-width:820px;margin:0 auto;overflow-x:auto;}
    .data-table{width:100%;border-collapse:collapse;font-size:.92rem;color:#D4DBE6;}
    .data-table th{
        text-align:left;
        font-size:.75rem;font-weight:700;
        letter-spacing:.1em;text-transform:uppercase;
        color:#7FB4FF;
        padding:.7rem .9rem;
        border-bottom:1px solid rgba(148,163,184,.4);
        white-space:nowrap;
    }
    .data-table td{
        padding:.9rem;vertical-align:top;line-height:1.6;
        border-bottom:1px solid rgba(148,163,184,.16);
    }
    .data-table td:first-child{font-weight:700;color:#F9FAFB;}
    .explainer-note{max-width:820px;margin:1.1rem auto 0;font-size:.92rem;color:#9FB0C6;line-height:1.7;}
    .explainer-note a{color:#93C5FD;}

    /* ---------- Real calls ---------- */
    .callrow{
        display:grid;grid-template-columns:1fr 1.2fr;
        gap:3.5rem;align-items:center;
        padding:3rem 0;
        border-top:1px solid rgba(148,163,184,.16);
    }
    .callrow:first-of-type{border-top:none;padding-top:.5rem;}
    .callrow:nth-of-type(even){grid-template-columns:1.2fr 1fr;}
    .callrow:nth-of-type(even) .callrow-device{order:2;}
    .callrow:nth-of-type(even) .callrow-copy{order:1;}
    .callrow-copy h3{
        font-size:1.45rem;font-weight:700;color:#F9FAFB;
        line-height:1.25;margin-bottom:1rem;
    }
    .callrow-copy .tick-list{margin-bottom:1rem;}
    .call-note{font-size:.9rem;color:#9FB0C6;font-style:italic;line-height:1.65;}
    .k-sky{color:#7DD3FC;}
    .k-pink{color:#F9A8D4;}
    .k-violet{color:#C4B5FD;}

    /* ---------- Industry tiles ---------- */
    .ind-grid{
        display:grid;grid-template-columns:repeat(4,1fr);
        gap:1.1rem;
    }
    .ind-tile{
        position:relative;
        display:block;
        background:rgba(8,13,24,.66);
        border:1px solid rgba(148,163,184,.2);
        border-radius:16px;
        padding:1.4rem 1.3rem 2.4rem;
        text-decoration:none;
        transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
    }
    .ind-tile:hover{
        transform:translateY(-4px);
        border-color:rgba(147,197,253,.6);
        box-shadow:0 16px 44px rgba(0,0,0,.5);
    }
    .ind-tile h3{font-size:1.02rem;font-weight:700;color:#F9FAFB;margin-bottom:.45rem;}
    .ind-tile p{font-size:.85rem;line-height:1.6;color:#9FB0C6;}
    .ind-arrow{
        position:absolute;right:1.1rem;bottom:.85rem;
        font-size:1.05rem;color:#64748B;
        transition:color .25s ease,transform .25s ease;
    }
    .ind-tile:hover .ind-arrow{color:#93C5FD;transform:translateX(4px);}

    /* ---------- Pricing ---------- */
    .plan-grid{
        display:grid;grid-template-columns:repeat(4,1fr);
        gap:1.1rem;align-items:stretch;
    }
    .plan{
        position:relative;
        background:rgba(8,13,24,.72);
        border:1px solid rgba(148,163,184,.22);
        border-radius:18px;
        padding:1.7rem 1.4rem;
        display:flex;flex-direction:column;
    }
    .plan-featured{
        border-color:rgba(250,204,21,.55);
        box-shadow:0 18px 55px rgba(0,0,0,.55);
    }
    .plan-flag{
        position:absolute;top:-12px;left:50%;transform:translateX(-50%);
        white-space:nowrap;
        font-size:.68rem;font-weight:700;
        letter-spacing:.1em;text-transform:uppercase;
        color:#111827;
        background:linear-gradient(135deg,#FACC15,#F59E0B);
        border-radius:999px;
        padding:.35rem .8rem;
    }
    .plan-name{
        font-size:.8rem;font-weight:700;
        letter-spacing:.14em;text-transform:uppercase;
        color:#7FB4FF;margin-bottom:.4rem;
    }
    .plan-price{font-size:2rem;font-weight:700;color:#F9FAFB;margin-bottom:.8rem;}
    .plan-price span{font-size:.95rem;font-weight:500;color:#9FB0C6;}
    .plan-desc{font-size:.86rem;line-height:1.65;color:#C7D0DD;margin-bottom:.9rem;}
    .plan .tick-list li{font-size:.85rem;}

    /* ---------- Trust ---------- */
    .trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
    .trust-tile{
        background:rgba(8,13,24,.66);
        border:1px solid rgba(148,163,184,.2);
        border-radius:18px;
        padding:1.7rem 1.6rem;
    }
    .trust-tile h3{font-size:1.15rem;font-weight:700;color:#F9FAFB;margin-bottom:.55rem;}
    .trust-tile p{font-size:.92rem;line-height:1.7;color:#C7D0DD;margin-bottom:.8rem;}
    .trust-tile .kicker{margin-bottom:.4rem;}

    /* ---------- Compare band ---------- */
    .compare-band{
        display:grid;grid-template-columns:1fr auto;
        gap:2rem;align-items:center;
        background:rgba(8,13,24,.72);
        border:1px solid rgba(148,163,184,.22);
        border-radius:20px;
        padding:2.2rem 2.4rem;
    }
    .compare-copy h2{font-size:1.55rem;font-weight:700;color:#F9FAFB;margin-bottom:.6rem;line-height:1.2;}
    .compare-copy p{font-size:.95rem;line-height:1.7;color:#C7D0DD;max-width:640px;}

    /* ---------- Reviews strip ---------- */
    .rev-strip{
        display:flex;gap:1rem;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        padding:0 max(2rem,calc((100vw - 1160px)/2)) 14px;
        scrollbar-width:thin;
        scrollbar-color:rgba(100,116,139,.5) transparent;
    }
    .rev-strip::-webkit-scrollbar{height:6px;}
    .rev-strip::-webkit-scrollbar-thumb{background:rgba(100,116,139,.5);border-radius:999px;}
    .rev-card{
        flex:0 0 auto;
        scroll-snap-align:start;
        min-width:280px;max-width:320px;
        background:rgba(8,13,24,.72);
        border:1px solid rgba(148,163,184,.22);
        border-radius:16px;
        padding:1.3rem 1.2rem;
    }
    .rev-stars{color:#FACC15;font-size:.95rem;margin-bottom:.5rem;letter-spacing:.1em;}
    .rev-quote{font-size:.89rem;line-height:1.65;color:#D4DBE6;margin-bottom:.7rem;}
    .rev-author{font-size:.83rem;font-weight:700;color:#9FB0C6;}

    /* ---------- Resources ---------- */
    .res-list{
        max-width:900px;margin:0 auto;
        border-top:1px solid rgba(148,163,184,.18);
    }
    .res-row{
        display:grid;grid-template-columns:240px 1fr auto;
        gap:1.5rem;align-items:center;
        padding:1rem .4rem;
        border-bottom:1px solid rgba(148,163,184,.18);
        text-decoration:none;
        transition:background .2s ease;
    }
    .res-row:hover{background:rgba(148,163,184,.06);}
    .res-title{font-size:.96rem;font-weight:700;color:#F9FAFB;}
    .res-desc{font-size:.87rem;line-height:1.55;color:#9FB0C6;}
    .res-arrow{font-size:1rem;color:#64748B;transition:color .2s ease,transform .2s ease;}
    .res-row:hover .res-arrow{color:#93C5FD;transform:translateX(4px);}

    /* ---------- Final CTA ---------- */
    .final-cta{
        max-width:820px;margin:0 auto;
        text-align:center;
        background:rgba(8,13,24,.72);
        border:1px solid rgba(148,163,184,.24);
        border-radius:24px;
        padding:3rem 2.4rem;
    }
    .final-cta h2{font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:700;color:#F9FAFB;margin-bottom:.8rem;}
    .final-cta p{font-size:1rem;line-height:1.75;color:#C7D0DD;max-width:620px;margin:0 auto 1.6rem;}
    .final-cta .hero-cta{justify-content:center;}
    .final-cta-links{display:flex;justify-content:center;gap:8px 22px;flex-wrap:wrap;margin-top:1.4rem;}
    .final-cta-links a{font-size:.87rem;color:#93C5FD;text-decoration:none;}
    .final-cta-links a:hover{text-decoration:underline;text-underline-offset:3px;}

    /* ---------- Reveal animation ---------- */
    .rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform;}
    .rv.in-view{opacity:1;transform:translateY(0);}
    .rv-d1{transition-delay:.12s;}
    .rv-d2{transition-delay:.24s;}
    .rv-d3{transition-delay:.36s;}
    @media(prefers-reduced-motion:reduce){
        .rv,.rv-d1,.rv-d2,.rv-d3{opacity:1;transform:none;transition:none;}
        .bubble,.call-chip{opacity:1 !important;transform:none !important;transition:none !important;}
        .phone-hero{animation:none;}
        .call-dot{animation:none;}
    }

    /* ---------- Responsive ---------- */
    @media(max-width:1024px){
        .ind-grid{grid-template-columns:repeat(2,1fr);}
        .plan-grid{grid-template-columns:repeat(2,1fr);gap:1.6rem 1.1rem;}
        .hero-grid{gap:2.4rem;}
    }
    @media(max-width:768px){
        .sect,.ai-receptionist-authority,.ai-receptionist-faq{padding:52px 1rem;}
        .hero{padding:110px 1rem 36px;}
        .hero-grid{grid-template-columns:1fr;gap:2.4rem;}
        .hero-subtitle{max-width:none;}
        .hero-device{order:2;}
        .statband-wrap{padding:16px 1rem;}
        .statband{grid-template-columns:repeat(2,1fr);}
        .stat{border-left:none;border-top:1px solid rgba(148,163,184,.14);}
        .stat:nth-child(1),.stat:nth-child(2){border-top:none;}
        .stat:nth-child(even){border-left:1px solid rgba(148,163,184,.14);}
        .spec-grid{grid-template-columns:1fr;gap:0;}
        .spec:nth-child(2){border-top:1px solid rgba(148,163,184,.18);padding-top:2rem;}
        .callrow,.callrow:nth-of-type(even){grid-template-columns:1fr;gap:1.8rem;padding:2.4rem 0;}
        .callrow:nth-of-type(even) .callrow-device{order:1;}
        .callrow:nth-of-type(even) .callrow-copy{order:2;}
        .phone-screen{max-height:360px;}
        .ind-grid{grid-template-columns:1fr;}
        .plan-grid{grid-template-columns:1fr;gap:1.6rem;}
        .trust-grid{grid-template-columns:1fr;}
        .compare-band{grid-template-columns:1fr;text-align:left;padding:1.8rem 1.4rem;}
        .rev-strip{padding:0 1rem 14px;}
        .res-row{grid-template-columns:1fr auto;gap:.3rem 1rem;padding:1rem .2rem;}
        .res-title{grid-column:1;}
        .res-desc{grid-column:1 / -1;grid-row:2;}
        .res-arrow{grid-column:2;grid-row:1;}
        .final-cta{padding:2.2rem 1.4rem;}
    }

    /* ---------- Zigzag (preserved) ---------- */
.zigzag-stack{counter-reset:zz;margin-top:1.7rem;}
.zigzag-row{
    counter-increment:zz;
    display:grid;
    grid-template-columns:1fr 1.5fr;
    gap:2.5rem;
    align-items:center;
    background:rgba(15,23,42,.62);
    border:1px solid rgba(55,65,81,.7);
    border-radius:20px;
    box-shadow:var(--shadow-lg);
    padding:2.2rem 2.4rem;
    margin-bottom:1.4rem;
}
.zigzag-row:last-child{margin-bottom:0;}
.zigzag-title::after{
    content:"0" counter(zz);
    display:block;
    font-size:2.8rem;
    font-weight:900;
    line-height:1;
    color:rgba(147,197,253,.22);
    margin-top:.6rem;
}
.zigzag-title .zigzag-kicker{
    display:block;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#93C5FD;
    margin-bottom:.45rem;
}
.zigzag-title h3{
    font-size:1.55rem;
    font-weight:900;
    color:#F9FAFB;
    line-height:1.25;
}
.zigzag-content p{
    font-size:.96rem;
    line-height:1.75;
    color:#E5E7EB;
}
.zigzag-content .glass-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.15rem 1.6rem;
    margin-top:.9rem;
}
.zigzag-content .glass-list li{
    position:relative;
    padding:.35rem 0 .35rem 1.4rem;
    font-size:.92rem;
}
.zigzag-content .glass-list li::before{
    content:"\2713";
    position:absolute;
    left:0;
    color:#10B981;
    font-weight:700;
}
.zigzag-row:nth-child(even){
    grid-template-columns:1.5fr 1fr;
}
.zigzag-row:nth-child(even) .zigzag-title{order:2;}
.zigzag-row:nth-child(even) .zigzag-content{order:1;}
@media(max-width:768px){
    .zigzag-row,
    .zigzag-row:nth-child(even){
        grid-template-columns:1fr;
        gap:1.1rem;
        padding:1.7rem 1.5rem;
    }
    .zigzag-row:nth-child(even) .zigzag-title{order:1;}
    .zigzag-row:nth-child(even) .zigzag-content{order:2;}
    .zigzag-content .glass-list{grid-template-columns:1fr;}
    .zigzag-title h3{font-size:1.35rem;}
    .zigzag-title::after{font-size:2.2rem;}
}

    /* ---------- FAQ accordion (preserved) ---------- */
    .faq-grid{display:block;max-width:860px;margin:1.7rem auto 0;}
    .faq-grid > details.faq-item{margin-bottom:1rem;}
    .faq-grid > details.faq-item:last-child{margin-bottom:0;}
    details.faq-item{background:rgba(15,23,42,.8);border-radius:18px;padding:1.6rem 1.8rem;border:1px solid rgba(55,65,81,.9);box-shadow:var(--shadow-lg);cursor:pointer;}
    details.faq-item summary{list-style:none;cursor:pointer;position:relative;padding-right:2.5rem;}
    details.faq-item summary::-webkit-details-marker{display:none;}
    details.faq-item summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.7rem;font-weight:700;color:#FACC15;line-height:1;}
    details.faq-item[open] summary::after{content:"−";}
    details.faq-item summary h3.faq-question{margin-bottom:0;}
    .faq-question{font-weight:800;margin-bottom:.5rem;color:#F9FAFB;}
    details.faq-item .faq-answer{font-size:.94rem;color:#E5E7EB;line-height:1.7;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(55,65,81,.5);}

    
    /* ---------- Footer (preserved) ---------- */
    .footer{
        background:#020617;
        color:#fff;
        padding:60px 2rem 20px;
        margin-top:auto;
    }
    .footer-content{
        max-width:1200px;margin:0 auto;
        display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
        gap:3rem;margin-bottom:3rem;
    }
    .footer-brand h3{
        font-size:1.5rem;font-weight:800;
        margin-bottom:1rem;color:var(--primary-blue);
    }
    .footer-brand p{
        color:#9CA3AF;
        margin-bottom:2rem;
        line-height:1.6;
    }
    .footer-section h4{
        font-weight:600;margin-bottom:1rem;color:#fff;
    }
    .footer-section a{
        color:#9CA3AF;
        text-decoration:none;
        display:block;
        margin-bottom:.5rem;
        transition:color .2s ease;
    }
    .footer-section a:hover{color:var(--primary-blue);}
    .footer-support{
        border-top:1px solid #111827;
        padding:2rem 0 1rem;
        text-align:center;
    }
    .footer-bottom{
        text-align:center;
        color:#6B7280;
        font-size:.9rem;
        padding-top:1rem;
        border-top:1px solid #020617;
    }
    .social-links{
      margin-top:1rem;display:flex;gap:12px;
      align-items:center;flex-wrap:wrap;
    }
    .social-link{
      display:inline-flex;align-items:center;justify-content:center;
      width:38px;height:38px;border-radius:50%;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.15);
      transition:all .2s ease;
    }
    .social-link:hover{
      background:rgba(255,255,255,.14);
      border-color:var(--primary-blue);
      transform:translateY(-2px);
      box-shadow:0 6px 16px rgba(0,0,0,.25);
    }
    .social-icon{width:20px;height:20px;display:block;}

    @media(max-width:768px){
        .footer{padding:48px 1rem 20px;}
        .footer-content{grid-template-columns:1fr;text-align:center;gap:2rem;}
        .social-links{justify-content:center;}
    }