:root {
      --ink: #15242d;
      --muted: #627079;
      --green: #07805f;
      --green-dark: #056247;
      --green-soft: #eaf7f2;
      --mint: #ccf1e4;
      --line: #dce6e1;
      --paper: #ffffff;
      --cream: #f7faf8;
      --shadow: 0 24px 70px rgba(20, 47, 39, .12);
      --radius: 24px;
      --max: 1160px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
      font-size: 16px;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }
    body.menu-open { overflow: hidden; }
    a { color: inherit; text-decoration: none; }
    button, a { -webkit-tap-highlight-color: transparent; }
    button { font: inherit; }
    img { display: block; max-width: 100%; }
    section { scroll-margin-top: 92px; }
    .container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
    .eyebrow {
      display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px;
      color: var(--green-dark); font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
    }
    .eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #09b981; box-shadow: 0 0 0 5px rgba(9,185,129,.12); }
    h1, h2, h3, p { margin-top: 0; }
    h1 { margin-bottom: 22px; font-size: clamp(2.55rem, 5.3vw, 4.85rem); line-height: 1.02; letter-spacing: -.055em; max-width: 760px; }
    h2 { margin-bottom: 18px; font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.08; letter-spacing: -.04em; }
    h3 { margin-bottom: 9px; font-size: 1.1rem; line-height: 1.3; }
    .lead { max-width: 630px; color: var(--muted); font-size: clamp(1.06rem, 1.6vw, 1.22rem); line-height: 1.7; }
    .section-head { max-width: 720px; margin-bottom: 44px; }
    .section-head p { color: var(--muted); font-size: 1.08rem; }
    .btn {
      display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 9px;
      border: 1px solid transparent; border-radius: 13px; padding: 12px 20px; cursor: pointer;
      font-weight: 750; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn:focus-visible, .nav-toggle:focus-visible, summary:focus-visible { outline: 3px solid rgba(7,128,95,.26); outline-offset: 3px; }
    .btn-primary { color: #fff; background: var(--green); box-shadow: 0 10px 28px rgba(7,128,95,.2); }
    .btn-primary:hover { background: var(--green-dark); }
    .btn-secondary { color: var(--ink); border-color: #cfdcd6; background: #fff; }
    .btn-secondary:hover { border-color: #98b5a9; background: var(--cream); }
    .btn svg { width: 18px; height: 18px; }

    .site-header { position: sticky; z-index: 30; top: 0; border-bottom: 1px solid rgba(220,230,225,.85); background: rgba(255,255,255,.92); backdrop-filter: blur(16px); }
    .nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
    .brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 850; font-size: 1.14rem; letter-spacing: -.025em; }
    .brand-crop { position: relative; width: 42px; height: 42px; overflow: hidden; flex: 0 0 42px; border-radius: 11px; background: #fff; }
    .brand-crop img { position: absolute; width: 98px; max-width: none; left: -28px; top: -17px; }
    .brand span span { color: #07a879; }
    .nav-links { display: flex; align-items: center; gap: 29px; font-size: .91rem; font-weight: 700; }
    .nav-links > a:not(.btn) { color: #53616a; }
    .nav-links > a:not(.btn):hover { color: var(--green); }
    .nav-links .btn { min-height: 42px; padding: 8px 15px; color: #fff; }
    .nav-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 0; border-radius: 11px; color: var(--ink); background: var(--cream); cursor: pointer; }
    .nav-toggle svg { width: 24px; height: 24px; }

    .hero { position: relative; overflow: hidden; padding: 86px 0 88px; background: linear-gradient(135deg, #f8fbf9 0%, #fff 58%, #edf9f4 100%); }
    .hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -260px; top: -260px; border: 1px solid rgba(7,128,95,.16); border-radius: 50%; box-shadow: 0 0 0 80px rgba(7,128,95,.025), 0 0 0 160px rgba(7,128,95,.02); }
    .hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .78fr; align-items: center; gap: 70px; }
    .hero h1 em { color: var(--green); font-style: normal; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 32px 0 30px; }
    .hero-proof { display: flex; flex-wrap: wrap; gap: 10px 24px; color: #53616a; font-size: .9rem; }
    .hero-proof span { display: inline-flex; align-items: center; gap: 7px; }
    .hero-proof svg { width: 17px; color: var(--green); }
    .phone-wrap { position: relative; max-width: 410px; justify-self: end; }
    .phone-accent { position: absolute; inset: 13% -8% auto auto; width: 110px; height: 110px; border-radius: 26px; background: var(--mint); transform: rotate(12deg); }
    .phone { position: relative; overflow: hidden; border: 8px solid #203039; border-radius: 36px; background: #f4f7f5; box-shadow: var(--shadow); }
    .phone-top { display: flex; align-items: center; gap: 11px; padding: 17px 18px; color: #fff; background: #116c54; }
    .avatar { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 50%; background: #fff; color: var(--green); font-weight: 850; }
    .phone-top strong { display: block; font-size: .93rem; }
    .phone-top small { display: block; color: #ccecdf; font-size: .7rem; }
    .phone-body { min-height: 390px; padding: 20px 16px; background-color: #edf1ee; background-image: radial-gradient(rgba(26,75,60,.055) 1px, transparent 1px); background-size: 18px 18px; }
    .sim-label { width: max-content; margin: 0 auto 18px; border-radius: 999px; padding: 4px 10px; color: #66736e; background: rgba(255,255,255,.8); font-size: .65rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
    .bubble { width: fit-content; max-width: 86%; margin-bottom: 10px; border-radius: 6px 14px 14px 14px; padding: 10px 12px 7px; background: #fff; box-shadow: 0 1px 2px rgba(20,38,32,.09); font-size: .82rem; line-height: 1.42; }
    .bubble.user { margin-left: auto; border-radius: 14px 6px 14px 14px; background: #d8f8e9; }
    .bubble .time { display: block; margin-top: 3px; color: #71817a; font-size: .58rem; text-align: right; }
    .phone-foot { display: flex; gap: 8px; padding: 12px; background: #fff; }
    .fake-input { flex: 1; border-radius: 999px; padding: 9px 13px; color: #849089; background: #f0f3f1; font-size: .74rem; }
    .send-dot { width: 34px; height: 34px; border-radius: 50%; background: var(--green); }

    .benefits { padding: 88px 0; }
    .benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    .benefit { border: 1px solid var(--line); border-radius: 20px; padding: 26px 23px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
    .benefit:hover { transform: translateY(-4px); box-shadow: 0 17px 44px rgba(28,56,47,.09); }
    .icon { display: grid; width: 43px; height: 43px; margin-bottom: 28px; place-items: center; border-radius: 12px; color: var(--green); background: var(--green-soft); }
    .icon svg { width: 21px; height: 21px; }
    .benefit p { margin-bottom: 0; color: var(--muted); font-size: .92rem; }

    .how { padding: 90px 0; background: var(--ink); color: #fff; }
    .how .eyebrow { color: #75e0bd; }
    .how .section-head p { color: #b9c6cb; }
    .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; counter-reset: steps; }
    .step { position: relative; border-top: 1px solid #47606a; padding: 32px 10px 0 68px; counter-increment: steps; }
    .step::before { content: "0" counter(steps); position: absolute; left: 0; top: 28px; color: #58d5aa; font-size: .9rem; font-weight: 850; }
    .step p { margin: 0; color: #b9c6cb; font-size: .94rem; }

    .demo { padding: 100px 0; background: var(--cream); }
    .demo-grid { display: grid; grid-template-columns: .72fr 1fr; align-items: center; gap: 90px; }
    .demo-copy .lead { font-size: 1rem; }
    .demo-note { display: flex; gap: 10px; margin-top: 25px; color: #65736d; font-size: .85rem; }
    .demo-note svg { width: 19px; flex: 0 0 auto; color: var(--green); }
    .chat-card { overflow: hidden; border: 1px solid #d7e4de; border-radius: 26px; background: #fff; box-shadow: 0 24px 70px rgba(20,47,39,.11); }
    .chat-head { display: flex; align-items: center; gap: 13px; padding: 17px 20px; border-bottom: 1px solid #dce7e2; background: #fbfdfc; }
    .chat-head .avatar { background: var(--green); color: #fff; }
    .chat-title { flex: 1; }
    .chat-title strong { display: block; font-size: .92rem; }
    .chat-title small { display: block; color: var(--green); font-size: .72rem; }
    .restart { display: inline-flex; align-items: center; gap: 6px; border: 0; padding: 8px; color: #52625b; background: transparent; cursor: pointer; font-size: .77rem; font-weight: 750; }
    .restart:hover { color: var(--green); }
    .restart svg { width: 16px; }
    .chat-body { min-height: 480px; padding: 20px; background-color: #edf1ee; background-image: radial-gradient(rgba(26,75,60,.055) 1px, transparent 1px); background-size: 18px 18px; }
    .message { opacity: 0; width: fit-content; max-width: 82%; margin-bottom: 11px; border-radius: 7px 15px 15px 15px; padding: 11px 13px 8px; background: #fff; box-shadow: 0 1px 2px rgba(20,38,32,.1); font-size: .88rem; line-height: 1.45; transform: translateY(8px); transition: opacity .3s ease, transform .3s ease; }
    .message.show { opacity: 1; transform: none; }
    .message.user { margin-left: auto; border-radius: 15px 7px 15px 15px; background: #d5f7e6; }
    .message .time { display: block; margin-top: 4px; color: #78857f; font-size: .61rem; text-align: right; }
    .typing { display: none; width: max-content; border-radius: 7px 15px 15px 15px; padding: 12px 15px; background: #fff; }
    .typing.show { display: block; }
    .typing i { display: inline-block; width: 6px; height: 6px; margin: 0 2px; border-radius: 50%; background: #8fa099; animation: type 1s infinite ease-in-out; }
    .typing i:nth-child(2) { animation-delay: .15s; }.typing i:nth-child(3) { animation-delay: .3s; }
    @keyframes type { 0%,60%,100% { transform: translateY(0); } 30% { transform: translateY(-4px); } }
    .chat-disclaimer { padding: 11px; color: #74817b; background: #fff; font-size: .7rem; text-align: center; }

    .features { padding: 100px 0; }
    .feature-shell { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
    .feature-shell .section-head { position: sticky; top: 116px; align-self: start; }
    .feature-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .feature-item { min-height: 178px; border: 1px solid var(--line); border-radius: 19px; padding: 23px; background: #fff; }
    .feature-item .icon { margin-bottom: 20px; }
    .feature-item p { margin-bottom: 0; color: var(--muted); font-size: .9rem; }

    .faq { padding: 94px 0; background: var(--cream); }
    .faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; }
    .faq-list { border-top: 1px solid #ccd9d3; }
    details { border-bottom: 1px solid #ccd9d3; }
    summary { position: relative; padding: 24px 44px 24px 0; cursor: pointer; list-style: none; font-weight: 780; }
    summary::-webkit-details-marker { display: none; }
    summary::after { content: "+"; position: absolute; right: 4px; top: 19px; color: var(--green); font-size: 1.55rem; font-weight: 400; transition: transform .2s ease; }
    details[open] summary::after { transform: rotate(45deg); }
    details p { max-width: 690px; margin: -5px 40px 23px 0; color: var(--muted); }

    .contact { padding: 95px 0; }
    .contact-box { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 45px; border-radius: 28px; padding: 58px 62px; color: #fff; background: var(--ink); }
    .contact-box::after { content: ""; position: absolute; right: -80px; bottom: -150px; width: 300px; height: 300px; border: 55px solid rgba(67,214,164,.1); border-radius: 50%; }
    .contact-box h2 { max-width: 650px; margin-bottom: 13px; }
    .contact-box p { margin: 0; color: #bdc9ce; }
    .contact-status { position: relative; z-index: 1; min-width: 280px; border: 1px solid #40525b; border-radius: 17px; padding: 20px; background: rgba(255,255,255,.05); }
    .status-line { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-weight: 780; }
    .status-dot { width: 9px; height: 9px; border-radius: 50%; background: #69dfb7; box-shadow: 0 0 0 5px rgba(105,223,183,.11); }
    .contact-status small { color: #bdc9ce; }
    footer { border-top: 1px solid var(--line); padding: 31px 0; }
    .footer-inner { display: flex; justify-content: space-between; gap: 20px; color: #6c7973; font-size: .85rem; }
    .footer-inner strong { color: var(--ink); }
    .footer-inner a:hover { color: var(--green); }

    .reveal { opacity: 1; transform: none; }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
    @media (max-width: 960px) {
      .hero-grid { grid-template-columns: 1fr .68fr; gap: 38px; }
      .benefit-grid { grid-template-columns: 1fr 1fr; }
      .demo-grid, .feature-shell, .faq-grid { gap: 50px; }
      .contact-box { padding: 46px 42px; }
    }
    @media (max-width: 760px) {
      .container { width: min(calc(100% - 32px), var(--max)); }
      .nav { min-height: 68px; }
      .nav-toggle { display: grid; place-items: center; position: relative; z-index: 2; }
      .nav-links { position: fixed; inset: 68px 0 auto; display: none; align-items: stretch; gap: 0; border-bottom: 1px solid var(--line); padding: 10px 16px 20px; background: #fff; box-shadow: 0 18px 40px rgba(20,47,39,.1); }
      .nav-links.open { display: grid; }
      .nav-links > a { padding: 13px 10px; }
      .nav-links .btn { margin-top: 8px; }
      .hero { padding: 64px 0 72px; }
      .hero-grid, .demo-grid, .feature-shell, .faq-grid, .contact-box { grid-template-columns: 1fr; }
      .hero-grid { gap: 50px; }
      .phone-wrap { width: min(100%, 410px); justify-self: center; }
      .benefits, .how, .demo, .features, .faq, .contact { padding: 72px 0; }
      .steps { grid-template-columns: 1fr; gap: 30px; }
      .feature-shell .section-head { position: static; }
      .contact-status { min-width: 0; }
    }
    @media (max-width: 520px) {
      h1 { font-size: 2.52rem; }
      h2 { font-size: 2rem; }
      .hero-actions { display: grid; }
      .btn { width: 100%; }
      .benefit-grid, .feature-list { grid-template-columns: 1fr; }
      .benefit { padding: 23px 21px; }
      .phone-body { min-height: 355px; }
      .chat-body { min-height: 490px; padding: 16px 12px; }
      .message { max-width: 91%; font-size: .82rem; }
      .contact-box { padding: 37px 25px; }
      .footer-inner { flex-direction: column; }
    }
/* Commercial revision: original brand, layout and components retained. */
:root { --max: 1180px; --muted: #53646a; }
svg { width:24px; height:24px; flex-shrink:0; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #087a5b; outline-offset:5px; }
.skip-link { position:fixed; top:-100px; left:16px; padding:12px 20px; background:white; z-index:100; border:2px solid var(--green); }
.skip-link:focus { top:10px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.hero { padding:90px 0 100px; }
.hero-grid { grid-template-columns:1.15fr .85fr; gap:75px; }
h1 { font-size:clamp(2.55rem,4.6vw,4.1rem); line-height:1.08; letter-spacing:-.045em; }
.hero .lead { font-size:1.13rem; max-width:570px; }
.nav-links { gap:22px; font-size:.84rem; }
.brand { white-space:nowrap; }
.brand-crop img { height:auto; }
.phone-wrap { width:100%; max-width:380px; padding-bottom:20px; }
.phone { border:1px solid #c5d9ce; border-radius:25px; box-shadow:0 25px 70px #173d3220; }
.phone-top { padding:21px; }
.phone-top>svg { margin-left:auto; width:21px; }
.phone-body { min-height:350px; padding:20px 18px; }
.bubble { font-size:.88rem; line-height:1.55; padding:12px 13px 8px; max-width:90%; margin-bottom:14px; }
.time { color:#53655d !important; }
.phone-foot { align-items:center; padding:17px 20px; color:var(--green-dark); }
.phone-foot p { margin:0; font-size:.74rem; line-height:1.55; }
.phone-foot>span { width:34px; }
.floating-note { position:absolute; bottom:-7px; right:-25px; display:flex; align-items:center; gap:12px; padding:15px 22px; border:1px solid #dce6e1; background:white; border-radius:15px; box-shadow:0 12px 32px #173d3210; font-size:.78rem; line-height:1.5; }
.floating-note svg { color:var(--green); }
.specialty-strip { background:#f6f9f7; border-block:1px solid var(--line); padding:25px 0; }
.specialty-strip .container { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.specialty-strip span { font-size:.75rem; color:#54665b; }
.specialty-strip p { margin:0; font-size:.91rem; font-weight:650; color:#3b5047; }
.specialty-strip i { padding:0 14px; color:#879e93; font-style:normal; }
.problem-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.problem-item { border-top:1px solid var(--line); padding-top:23px; }
.problem-number { display:block; margin-bottom:22px; font-size:.75rem; color:var(--green-dark); }
.problem-item p { color:var(--muted); font-size:.93rem; margin-bottom:0; }
.steps { grid-template-columns:repeat(4,1fr); gap:28px; }
.step { padding:62px 0 0; }
.step::before { top:22px; }
.how-note { display:flex; gap:12px; align-items:center; border-top:1px solid #47606a; margin-top:42px; padding-top:24px; font-size:.91rem; color:#d4e5de; }
.how-note svg { color:#75e0bd; }
.feature-shell { grid-template-columns:.8fr 1.2fr; gap:64px; }
.feature-item { min-height:0; padding:26px; }
.text-link { display:inline-flex; align-items:center; gap:10px; font-weight:700; color:var(--green-dark); }
.text-link svg { width:18px; }
.human-section { background:#edf7f1; padding:95px 0; }
.human-grid { display:grid; grid-template-columns:1fr .9fr; gap:90px; align-items:center; }
h2 em { font-style:normal; color:var(--green); }
.human-grid>div>p:not(.eyebrow) { color:var(--muted); }
.handoff-card { background:white; border:1px solid #d4e5db; border-radius:22px; padding:32px; }
.handoff-label { font-size:.69rem; font-weight:800; letter-spacing:.09em; color:#596c62; }
.handoff-card ol { padding:5px 0 0; margin:0; list-style:none; }
.handoff-card li { display:flex; gap:17px; padding:20px 0; }
.handoff-card li>span { background:var(--green-soft); color:var(--green); border-radius:12px; padding:11px; height:46px; }
.handoff-card h3 { font-size:1rem; }
.handoff-card p:not(.handoff-label) { color:var(--muted); font-size:.88rem; margin:0; }
.handoff-bottom { border-top:1px solid var(--line); margin-top:10px; padding-top:20px; display:flex; align-items:center; gap:10px; color:var(--green-dark); font-size:.85rem; }
.audience { padding:95px 0; }
.audience-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:15px; }
.audience-grid article { padding:24px 20px; background:#fafcfb; border:1px solid var(--line); border-radius:16px; }
.audience-grid svg { color:var(--green); margin-bottom:28px; }
.audience-grid h3 { font-size:1rem; }
.audience-grid p { color:var(--muted); font-size:.85rem; margin:0; }
.demo-options { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0; }
.demo-choice { border:1px solid #b3c7bc; border-radius:9px; padding:10px 14px; min-height:44px; background:white; color:#365346; cursor:pointer; font-size:.85rem; }
.demo-choice.active { background:var(--green); color:white; border-color:var(--green); }
.chat-body { min-height:415px; }
.message { opacity:1; transform:none; font-size:.93rem; }
.chat-disclaimer { color:#53645a; }
.pricing { padding:85px 0; background:#eef6f1; }
.pricing-grid { display:grid; grid-template-columns:1fr .8fr; gap:100px; align-items:center; }
.price-card { background:white; border:1px solid #cbdfd3; border-radius:22px; padding:40px; }
.price-label { color:var(--green-dark); font-weight:700; margin-bottom:10px; }
.price { display:flex; align-items:baseline; gap:6px; font-size:4.5rem; line-height:1.1; font-weight:800; letter-spacing:-.05em; margin-bottom:22px; }
.price span { font-size:1.1rem; letter-spacing:0; font-weight:600; }
.price-card>p:not(.price):not(.price-label) { font-size:.95rem; color:var(--muted); }
.price-card .btn { width:100%; margin-top:10px; }
.price-card small { display:block; margin-top:15px; color:var(--muted); font-size:.78rem; text-align:center; }
.contact-box { grid-template-columns:1.2fr 1fr; gap:50px; padding:55px; }
.contact-box .eyebrow { color:#83e4c3; }
.contact-status { min-width:0; }
.contact-status p { font-size:.86rem; }
.contact-status .btn { margin-top:18px; width:100%; font-size:.9rem; }
.contact-status .email-link { display:block; text-align:center; margin-top:14px; text-decoration:underline; color:#fff; font-size:.9rem; overflow-wrap:anywhere; }
.contact-status small { display:block; text-align:center; margin-top:12px; font-size:.75rem; }
footer { padding:55px 0 22px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; }
.footer-grid p { margin:18px 0 12px; font-size:.89rem; color:var(--muted); }
.footer-grid nav { display:grid; align-content:start; gap:14px; font-size:.86rem; color:#485c52; }
.footer-grid>div>a:not(.brand) { font-size:.87rem; }
.footer-bottom { display:flex; justify-content:space-between; margin-top:42px; padding-top:20px; border-top:1px solid var(--line); color:#53645c; font-size:.76rem; gap:20px; }
.legal { max-width:800px; padding-block:70px; min-height:60vh; }
.legal h1 { font-size:clamp(2rem,5vw,3.5rem); margin:30px 0 45px; }
.legal h2 { font-size:1.35rem; margin-bottom:14px; }
.legal section { margin-bottom:36px; }
.legal section p { color:var(--muted); }
@media(min-width:761px) and (max-width:1060px) { .nav-links { gap:13px; } .nav-links>a:not(.btn) { font-size:.76rem; } .nav-links .btn { font-size:.8rem; } .brand { font-size:1rem; } .nav { gap:16px; } .hero-grid { gap:40px; } .hero-actions .btn { font-size:.85rem; padding:12px 15px; } }
@media(max-width:960px) { .human-grid,.pricing-grid { gap:45px; } .audience-grid { grid-template-columns:repeat(3,1fr); } .specialty-strip .container { flex-direction:column; gap:8px; } .contact-box { gap:28px; padding:38px; } .problem-grid,.steps { grid-template-columns:repeat(2,1fr); } .floating-note { right:-8px; } }
@media(max-width:760px) { .hero { padding:55px 0 65px; } .hero-grid,.human-grid,.pricing-grid,.feature-shell,.contact-box { grid-template-columns:1fr; } .hero-grid { gap:45px; } .hero h1 { max-width:570px; } .phone-wrap { justify-self:center; } .human-section,.audience,.pricing { padding:65px 0; } .human-grid,.pricing-grid { gap:30px; } .specialty-strip p { text-align:center; font-size:.78rem; line-height:2; } .specialty-strip i { padding:0 6px; } .nav-links { max-height:calc(100dvh - 68px); overflow:auto; } .nav-links>a:not(.btn) { min-height:44px; } .footer-grid { grid-template-columns:1.4fr 1fr 1fr; gap:20px; } .footer-grid .brand { font-size:.94rem; gap:6px; } .footer-grid .brand-crop { display:none; } .chat-body { min-height:415px; } }
@media(max-width:520px) { .hero h1 { font-size:2.65rem; } .hero .lead { font-size:1rem; } .hero-proof { font-size:.8rem; gap:10px; flex-direction:column; } .floating-note { right:8px; } .hero-actions { margin-top:25px; } .problem-grid { gap:28px 20px; } .problem-item h3 { font-size:1rem; } .problem-item p { font-size:.88rem; } .steps { grid-template-columns:1fr; } .audience-grid { grid-template-columns:1fr 1fr; gap:12px; } .audience-grid article { padding:20px 16px; } .audience-grid article:last-child { grid-column:1 / -1; } .audience-grid svg { margin-bottom:18px; } .handoff-card { padding:24px; } .price-card { padding:28px; } .contact-box { padding:30px 22px; } .contact-status { padding:17px; } .footer-grid { grid-template-columns:1fr 1fr; gap:30px 20px; } .footer-grid>div { grid-column:1/-1; } .footer-grid .brand { font-size:1.15rem; } .footer-grid .brand-crop { display:block; } .footer-bottom { flex-direction:column; gap:8px; } .message { font-size:.88rem; } .chat-body { min-height:450px; } }
@media(max-width:360px) { .hero h1 { font-size:2.3rem; } .nav .brand { font-size:1rem; } .problem-grid { grid-template-columns:1fr; } }
/* Keep navigation usable when scripting is disabled. */
@media(max-width:760px) { body:not(.js-ready) .nav { flex-wrap:wrap; padding-block:12px; } body:not(.js-ready) .nav-toggle { display:none; } body:not(.js-ready) .nav-links { display:grid; position:static; box-shadow:none; width:100%; border:0; padding:0; } }
.floating-note { bottom:-37px; }
@media(max-width:520px) { .floating-note { bottom:-22px; } .phone-wrap { margin-bottom:12px; } }
.sim-label { max-width:100%; text-align:center; }