/* Prime Rent Manager — ওয়েবসাইট থিম | Madflix Prime */
:root{
  --navy:#0B1220; --navy-2:#111B2E; --navy-3:#18253D; --line:#1F2E48;
  --teal:#0D9488; --teal-2:#14B8A6; --green:#10B981; --amber:#F59E0B; --red:#EF4444; --blue:#3B82F6;
  --ink:#0F172A; --muted:#475569; --soft:#64748B; --bg:#F8FAFC; --card:#FFFFFF; --border:#E2E8F0;
  --radius:16px; --shadow:0 10px 30px rgba(15,23,42,.08); --shadow-lg:0 24px 60px rgba(2,8,23,.35);
  --font:"Hind Siliguri","Noto Sans Bengali","Nirmala UI","SolaimanLipi",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:inherit}
.wrap{width:min(1180px,92%);margin-inline:auto}
.wrap.narrow{width:min(840px,92%)}
.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none}
.ic.xl{width:64px;height:64px;stroke-width:1.6}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--teal-2);outline-offset:3px;border-radius:6px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.3em;border-radius:12px;font-weight:600;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s,color .2s;font-family:inherit;font-size:1rem;line-height:1.3}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--teal),var(--green));color:#fff;box-shadow:0 8px 22px rgba(13,148,136,.35)}
.btn-primary:hover{box-shadow:0 12px 28px rgba(13,148,136,.5)}
.btn-ghost{background:rgba(255,255,255,.07);color:#E2E8F0;border-color:rgba(255,255,255,.25)}
.btn-ghost:hover{background:rgba(255,255,255,.14)}
.btn-outline{background:#fff;color:var(--teal);border-color:var(--teal)}
.btn-outline:hover{background:var(--teal);color:#fff}
.btn-lg{padding:.9em 1.6em;font-size:1.05rem}
.btn-sm{padding:.45em 1em;font-size:.95rem}
.btn-block{display:flex;width:100%}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-in{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:#fff;font-weight:700}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--teal),var(--green));font-size:.95rem;letter-spacing:.5px;color:#04201c}
.brand-name{font-size:1.1rem}
.nav{display:flex;align-items:center;gap:1.6rem}
.nav a:not(.btn){color:#CBD5E1;text-decoration:none;font-weight:500;transition:color .2s}
.nav a:not(.btn):hover{color:#fff}
.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.nav-toggle span{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px;transition:.25s}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;background:
  radial-gradient(900px 500px at 85% -10%,rgba(20,184,166,.28),transparent 60%),
  radial-gradient(700px 420px at -5% 105%,rgba(16,185,129,.18),transparent 60%),
  linear-gradient(180deg,var(--navy) 0%,#0E1A2F 100%);padding:76px 0 96px}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.eyebrow{display:inline-block;color:var(--teal-2);font-weight:600;font-size:.95rem;letter-spacing:.2px;background:rgba(20,184,166,.12);border:1px solid rgba(20,184,166,.3);padding:.25em .9em;border-radius:999px;margin-bottom:1.1rem}
.eyebrow.dark{color:var(--teal);background:rgba(13,148,136,.08);border-color:rgba(13,148,136,.25)}
.hero h1{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.25;font-weight:700;letter-spacing:-.3px}
.grad{background:linear-gradient(90deg,var(--teal-2),#34D399);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{margin-top:1.2rem;font-size:1.15rem;color:#B6C2D6;max-width:560px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:2rem}
.cta-row.center{justify-content:center}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:1.8rem}
.chips li{font-size:.92rem;color:#CBD5E1;padding:.3em .9em;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04)}

/* app mockup */
.hero-visual{position:relative}
.app{background:var(--navy-2);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);transition:transform .5s}
.hero-visual:hover .app{transform:perspective(1400px) rotateY(0) rotateX(0)}
.app-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#0A1120;border-bottom:1px solid var(--line);font-size:.78rem;color:#94A3B8}
.app-bar i{width:10px;height:10px;border-radius:50%;background:#334155;display:block}
.app-bar i:nth-child(1){background:#EF4444}.app-bar i:nth-child(2){background:#F59E0B}.app-bar i:nth-child(3){background:#10B981}
.app-bar span{margin-left:8px}
.app-body{display:grid;grid-template-columns:150px 1fr}
.app-side{padding:14px 10px;background:#0C1426;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}
.app-side b{font-weight:500;font-size:.78rem;color:#94A3B8;padding:.5em .7em;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-side b.on{background:var(--teal);color:#fff}
.app-main{padding:16px}
.app-title{color:#fff;font-weight:700;font-size:1rem;margin-bottom:12px}
.app-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mc{background:var(--navy-3);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.mc small{display:block;color:#94A3B8;font-size:.72rem}
.mc strong{font-size:1.15rem;color:#fff}
.mc.warn{border-color:rgba(239,68,68,.5)}
.c-blue{color:#60A5FA!important}.c-green{color:#34D399!important}.c-red{color:#F87171!important}
.app-bars{display:flex;align-items:flex-end;gap:10px;height:84px;margin-top:14px;padding:10px 12px;background:var(--navy-3);border:1px solid var(--line);border-radius:12px}
.app-bars span{flex:1;height:var(--h);background:linear-gradient(180deg,var(--teal-2),var(--teal));border-radius:6px 6px 0 0}
.sample{font-size:.7rem;color:#64748B;margin-top:8px}
.float{position:absolute;display:flex;align-items:center;gap:.5em;background:#fff;color:var(--ink);font-weight:600;font-size:.88rem;padding:.55em 1em;border-radius:12px;box-shadow:var(--shadow-lg);animation:bob 5s ease-in-out infinite}
.float .ic{color:var(--teal)}
.f1{left:-22px;bottom:70px}.f2{right:-10px;top:-18px;animation-delay:-2.5s}
@keyframes bob{50%{transform:translateY(-8px)}}

/* ---------- strip ---------- */
.strip{background:var(--navy);border-top:1px solid var(--line)}
.strip-in{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:26px 0;text-align:center}
.strip-in strong{display:block;font-size:1.5rem;color:#fff}
.strip-in span{color:#94A3B8;font-size:.92rem}

/* ---------- sections ---------- */
.section{padding:92px 0}
.section.alt{background:#fff;border-block:1px solid var(--border)}
.section.dark{background:linear-gradient(180deg,var(--navy),#0E1A2F);color:#E2E8F0}
.sec-head{text-align:center;max-width:760px;margin:0 auto 48px}
.sec-head h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.35;font-weight:700}
.sec-head p{margin-top:.8rem;color:var(--muted)}
.sec-head.light h2{color:#fff}.sec-head.light p{color:#94A3B8}
.grid{display:grid;gap:22px}
.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 2px 8px rgba(15,23,42,.04);transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(13,148,136,.4)}
.card h3{font-size:1.12rem;margin:14px 0 6px}
.card p{color:var(--muted);font-size:.98rem;line-height:1.65}
.ico{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,rgba(13,148,136,.14),rgba(16,185,129,.14));color:var(--teal)}
.ico .ic{width:26px;height:26px}

.split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-top:72px;background:linear-gradient(135deg,var(--navy),#0F2236);border-radius:24px;padding:46px;color:#E2E8F0;overflow:hidden}
.split h3{font-size:1.6rem;color:#fff;margin-bottom:.6rem}
.split p{color:#B6C2D6}
.ticks{list-style:none;margin-top:1.2rem;display:grid;gap:.5rem}
.ticks li{display:flex;gap:.6em;align-items:center}
.ticks .ic{color:var(--green)}
.split-art{position:relative;display:grid;place-items:center;min-height:220px}
.shield{width:130px;height:130px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--green));color:#04201c;box-shadow:0 20px 50px rgba(16,185,129,.35);z-index:2}
.ring{position:absolute;border:1px solid rgba(20,184,166,.35);border-radius:50%}
.r1{width:210px;height:210px}.r2{width:300px;height:300px;border-color:rgba(20,184,166,.18)}

/* steps */
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.steps li{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:34px 26px 28px}
.steps .num{position:absolute;top:-18px;left:24px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--green));color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(13,148,136,.4)}
.ico2{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--teal);border:1px solid var(--border)}
.steps h3{margin:14px 0 6px;font-size:1.15rem}
.steps p{color:var(--muted);font-size:.98rem}

/* pricing */
.pricing{align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:34px 28px 28px;box-shadow:0 2px 8px rgba(15,23,42,.04);transition:transform .2s,box-shadow .2s}
.plan:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.plan.featured{border-color:var(--teal);box-shadow:0 18px 44px rgba(13,148,136,.2);transform:translateY(-8px)}
.plan.featured:hover{transform:translateY(-12px)}
.plan h3{font-size:1.3rem}
.plan-sub{color:var(--soft);font-size:.95rem;margin-bottom:.4rem}
.price{display:flex;align-items:baseline;gap:.15em;font-size:3rem;font-weight:700;line-height:1.15;margin:.4rem 0 .2rem}
.price .cur{font-size:1.5rem;color:var(--teal)}
.price small{font-size:1rem;font-weight:500;color:var(--soft);margin-left:.3em}
.save{color:#047857;background:#ECFDF5;border:1px solid #A7F3D0;border-radius:10px;padding:.35em .8em;font-size:.88rem;font-weight:600;margin:.4rem 0 .6rem}
.plan ul{list-style:none;margin:14px 0 24px;display:grid;gap:.55rem;flex:1}
.plan li{display:flex;gap:.6em;align-items:flex-start;color:var(--muted)}
.plan li .ic{color:var(--green);margin-top:.25em}
.badge{position:absolute;top:-14px;right:22px;background:linear-gradient(135deg,var(--teal),var(--green));color:#fff;font-size:.82rem;font-weight:700;padding:.3em 1em;border-radius:999px;box-shadow:0 6px 16px rgba(13,148,136,.4)}
.badge.gold{background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#3B2A00;box-shadow:0 6px 16px rgba(245,158,11,.4)}

/* pay */
.chosen{max-width:620px;margin:-10px auto 26px;text-align:center;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);color:#6EE7B7;border-radius:12px;padding:.6em 1em;font-weight:600}
.paycard{background:var(--navy-2);border:1px solid var(--line);border-radius:20px;padding:30px}
.paycard h3{color:#fff;font-size:1.2rem}
.paycard p{color:#B6C2D6;margin:.6rem 0 1rem}
.pay-head{display:flex;align-items:center;gap:.7rem}
.pay-dot{width:14px;height:14px;border-radius:50%;flex:none}
.pay-dot.mobile{background:linear-gradient(135deg,#E2136E,#F6921E)}
.pay-dot.bank{background:linear-gradient(135deg,#1D4ED8,#38BDF8)}
.acc{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:var(--navy);border:1px dashed rgba(20,184,166,.5);border-radius:14px;padding:14px 16px}
.acc-label{width:100%;font-size:.82rem;color:#94A3B8}
.acc-val{font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:.5px;direction:ltr}
.copy{display:inline-flex;align-items:center;gap:.4em;background:rgba(20,184,166,.15);color:var(--teal-2);border:1px solid rgba(20,184,166,.4);border-radius:10px;padding:.35em .9em;cursor:pointer;font-family:inherit;font-weight:600;font-size:.9rem;transition:.2s}
.copy:hover{background:var(--teal);color:#fff}
.copy.done{background:var(--green);color:#04201c;border-color:var(--green)}
.copy.sm{padding:.2em .7em;font-size:.82rem}
.mini{margin:18px 0 0 1.2rem;color:#B6C2D6;display:grid;gap:.3rem;font-size:.97rem}
.bank{display:grid;gap:12px}
.bank div{background:var(--navy);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.bank dt{font-size:.8rem;color:#94A3B8}
.bank dd{color:#fff;font-weight:600;font-size:1.05rem}
.acc-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;direction:ltr;justify-content:flex-start;font-size:1.25rem!important;letter-spacing:.5px}
.after{margin-top:40px;text-align:center;max-width:720px;margin-inline:auto}
.after h3{color:#fff;font-size:1.4rem}
.after p{color:#B6C2D6;margin-top:.5rem}
.secure{display:flex;justify-content:center;align-items:center;gap:.5em;margin-top:1.4rem;font-size:.9rem;color:#94A3B8!important}

/* faq */
.faq{display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:0 22px;transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:rgba(13,148,136,.45);box-shadow:var(--shadow)}
.faq summary{cursor:pointer;list-style:none;font-weight:600;padding:18px 0;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;color:var(--teal);line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 0 20px;color:var(--muted)}

/* final cta */
.final{background:linear-gradient(135deg,var(--teal),#059669);color:#fff;text-align:center;padding:76px 0}
.final h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.35}
.final p{margin:.8rem auto 1.8rem;max-width:620px;opacity:.92}
.final .btn-primary{background:#fff;color:#065F46;box-shadow:0 10px 26px rgba(0,0,0,.25)}

/* footer */
.site-footer{background:var(--navy);color:#94A3B8;padding-top:56px}
.foot-grid{display:grid;grid-template-columns:1.3fr .7fr 1.2fr;gap:36px}
.site-footer h4{color:#fff;margin-bottom:.7rem}
.site-footer nav{display:flex;flex-direction:column;gap:.4rem}
.site-footer a{text-decoration:none;color:#B6C2D6}
.site-footer a:hover{color:var(--teal-2)}
.foot-about{margin-top:.8rem;max-width:340px}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:40px;padding:20px 0;font-size:.9rem}

/* reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1020px){
  .g4{grid-template-columns:repeat(2,1fr)}
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .app{transform:none}
  .split{grid-template-columns:1fr;padding:34px}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .nav-toggle{display:flex}
  .nav{position:absolute;left:0;right:0;top:72px;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:10px 4% 20px;border-bottom:1px solid var(--line);display:none}
  .nav.open{display:flex}
  .nav a:not(.btn){padding:.8em .2em;border-bottom:1px solid var(--line)}
  .nav .btn{margin-top:14px}
  .g3,.g2,.steps{grid-template-columns:1fr}
  .plan.featured{transform:none}
  .plan.featured:hover{transform:translateY(-6px)}
  .strip-in{grid-template-columns:repeat(2,1fr)}
  .section{padding:68px 0}
}
@media (max-width:560px){
  body{font-size:16px}
  .g4{grid-template-columns:1fr}
  .app-body{grid-template-columns:1fr}.app-side{display:none}
  .float{display:none}
  .hero{padding:52px 0 70px}
  .cta-row .btn{width:100%}
  .foot-grid{grid-template-columns:1fr}
  .acc-val{font-size:1.2rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

/* ================= লোগো, যোগাযোগ ও চ্যাট-স্টাইল মেইল উইজেট ================= */
.brand-img{width:44px;height:44px;border-radius:12px;display:block;background:#fff}
.foot-logo{display:inline-block;background:#fff;border-radius:16px;padding:12px 18px;line-height:0}
.foot-logo img{width:210px;height:auto;display:block}
.foot-links{display:flex;flex-direction:column;gap:.4rem;margin-top:.7rem}
.foot-links a{display:inline-flex;align-items:center;gap:.5em}
.foot-company{margin-top:.9rem;font-size:.95rem}
.foot-bottom a{color:#CBD5E1;font-weight:600}
.link{color:var(--teal);font-weight:600;text-decoration:none;word-break:break-all}
.link:hover{text-decoration:underline}
.contact-cards .card p{margin-bottom:16px}
.contact-cards .btn{margin-top:auto}

.chat-fab{position:fixed;right:20px;bottom:20px;z-index:80;display:inline-flex;align-items:center;gap:.55em;padding:.85em 1.3em;border:0;border-radius:999px;cursor:pointer;font:600 1rem/1 var(--font);color:#fff;background:linear-gradient(135deg,var(--teal),var(--green));box-shadow:0 12px 30px rgba(13,148,136,.5);transition:transform .2s}
.chat-fab:hover{transform:translateY(-3px)}
.chat-fab .ic{width:1.35em;height:1.35em}
.chat-fab[aria-expanded="true"]{display:none}

.chat{position:fixed;right:20px;bottom:20px;z-index:90;width:380px;max-width:calc(100vw - 24px);max-height:min(680px,calc(100vh - 40px));display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(2,8,23,.45);border:1px solid var(--border);animation:pop .22s ease-out}
.chat[hidden]{display:none}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}}
.chat-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,var(--navy),#0F2236);color:#fff}
.chat-head img{border-radius:12px;background:#fff;flex:none}
.chat-who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.chat-who strong{font-size:1rem}
.chat-who small{color:#94A3B8;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-close{background:rgba(255,255,255,.1);border:0;color:#fff;width:36px;height:36px;border-radius:10px;cursor:pointer;display:grid;place-items:center}
.chat-close:hover{background:rgba(255,255,255,.2)}
.chat-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);background:#F1F5F9}
.chat-tabs button{padding:.75em .5em;border:0;background:transparent;cursor:pointer;font:600 .95rem/1.2 var(--font);color:var(--soft);border-bottom:3px solid transparent}
.chat-tabs button[aria-selected="true"]{color:var(--teal);background:#fff;border-bottom-color:var(--teal)}
.chat-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background:#F8FAFC}
.chat-msgs{flex:none;padding:14px 14px 6px;display:flex;flex-direction:column;gap:8px;background:#F8FAFC}
.bubble{max-width:88%;padding:.6em .9em;border-radius:14px;font-size:.95rem;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}
.bubble.bot{align-self:flex-start;background:#fff;border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--ink)}
.bubble.me{align-self:flex-end;background:linear-gradient(135deg,var(--teal),var(--green));color:#fff;border-bottom-right-radius:4px}
.bubble.err{border-color:#FCA5A5;background:#FEF2F2;color:#991B1B}
.bubble a{color:inherit;font-weight:700}
.chat-form{flex:none;display:grid;gap:10px;padding:12px 14px 16px;border-top:1px solid var(--border);background:#fff}
.chat-form[hidden]{display:none}
.chat-form label{display:grid;gap:4px;font-size:.84rem;font-weight:600;color:var(--muted)}
.chat-form input,.chat-form textarea,.chat-form select{width:100%;font:400 .97rem/1.5 var(--font);color:var(--ink);padding:.6em .8em;border:1.5px solid var(--border);border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s}
.chat-form textarea{resize:vertical;min-height:84px}
.chat-form input:focus,.chat-form textarea:focus,.chat-form select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(13,148,136,.18)}
.chat-form .invalid{border-color:var(--red)}
.chat-form .btn[disabled]{opacity:.65;cursor:progress;transform:none}
.form-err{color:#B91C1C;font-size:.88rem}
.only-note{font-size:.8rem;color:var(--soft);text-align:center}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

@media (max-width:560px){
  .chat{right:0;bottom:0;width:100vw;max-width:100vw;max-height:92vh;border-radius:20px 20px 0 0}
  .chat-fab{right:14px;bottom:14px}
  .chat-fab span{display:none}
  .chat-fab{padding:.95em}
}
.contact-cards .card{display:flex;flex-direction:column}
.site-footer{padding-bottom:64px}