.receptionist-page .hero.receptionist-hero { min-height:640px; padding:164px 24px 88px; }
.receptionist-page .receptionist-hero h1 { font-size:clamp(2.5rem,5.5vw,4.5rem); max-width:1000px; line-height:1.08; letter-spacing:-.045em; }
.receptionist-page .hero-sub { max-width:720px; margin:24px auto 0; font-size:1.12rem; line-height:1.75; }
.receptionist-page .hero-cta { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:30px; }
.receptionist-page .hero-note { color:#57534e; font-size:.85rem; margin-top:22px; }
.receptionist-page .btn-primary { background:#7c3aed; color:#fff; box-shadow:none; min-height:48px; display:inline-flex; align-items:center; justify-content:center; }
.receptionist-page .btn-primary:hover { background:#6d28d9; }
.receptionist-page .offer-section { background:#f3efe9; padding:72px 40px; }
.offer-card { display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; max-width:1120px; margin:auto; padding:48px; border:1px solid #ded8d0; border-radius:20px; background:white; }
.offer-card h2 { max-width:420px; font-size:clamp(2rem,3.3vw,2.9rem) !important; }
.offer-card .section-sub { font-size:.96rem; margin-top:20px; }
.text-link { display:inline-block; margin-top:24px; color:#7c3aed; font-weight:600; font-size:.9rem; text-decoration:none; }
.offer-list,.process-list { list-style:none; margin:0; padding:0; }
.offer-list li,.process-list li { display:flex; gap:18px; padding:20px 0; border-bottom:1px solid #e7e1d9; }
.offer-list li:first-child { padding-top:0; }
.offer-list li:last-child,.process-list li:last-child { border-bottom:0; padding-bottom:0; }
.offer-list li>span,.process-list li>span { font-size:.75rem; font-weight:700; color:#7c3aed; padding-top:3px; }
.offer-list h3,.process-list h3 { font-size:1.05rem; line-height:1.4; letter-spacing:-.02em; margin:0 0 6px; }
.offer-list p,.process-list p { color:#57534e; font-size:.9rem; line-height:1.7; margin:0; }
.receptionist-page .industry-examples { padding:64px 32px; text-align:center; }
.receptionist-page .industry-examples h2 { font-size:clamp(1.5rem,3vw,2rem) !important; }
.industry-examples>p { color:#57534e; margin-top:14px; }
.example-strip { list-style:none; padding:0; margin:26px auto 0; max-width:1000px; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.example-strip li { border:1px solid #ded8d0; padding:8px 15px; border-radius:100px; font-size:.85rem; color:#57534e; }
.receptionist-page .demo-section { padding:80px 40px; max-width:1200px; margin:auto; }
.demo-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin-top:44px; }
.demo-example { padding:32px; border:1px solid #ded8d0; border-radius:18px; background:#f3efe9; text-align:center; }
.demo-example h3 { font-size:1.05rem; line-height:1.4; margin-bottom:28px; }
.demo-device { display:flex; justify-content:center; }
.receptionist-page .trust-section { padding:80px 40px; background:#f3efe9; }
.trust-section>.section-label,.trust-section>h2,.receptionist-trust-grid,.recording-note { max-width:1100px; margin-left:auto; margin-right:auto; }
.trust-section>.section-label { display:block; }
.receptionist-trust-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:32px; }
.receptionist-trust-grid h3 { font-size:1.05rem; line-height:1.4; margin-bottom:12px; }
.receptionist-trust-grid p { color:#57534e; font-size:.92rem; line-height:1.75; }
.recording-note { margin-top:32px; padding-top:24px; border-top:1px solid #d6cfc5; font-size:.85rem; color:#57534e; line-height:1.7; }
.receptionist-page .cta-section { text-align:center; padding:96px 24px; }
.receptionist-page .cta-section p { color:#57534e; margin:20px auto 28px; text-align:center; }
.receptionist-page footer { padding:40px; gap:24px; }
.receptionist-page .footer-links { display:flex; flex-wrap:wrap; gap:12px 22px; justify-content:center; }
.receptionist-page .footer-links a { color:#57534e; font-size:.8rem; text-decoration:none; }
.receptionist-page .footer-copy { color:#57534e; font-size:.75rem; }
.process-section { max-width:1000px; margin:auto; }
.process-list { margin-top:32px; }
.process-list li { padding:28px 0; }
.process-list h3 { font-size:1.2rem; }
.tg-phone .iphone-messages-header { position:relative; }
.tg-phone .iphone-messages-header .contact-info { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); white-space:nowrap; }
.call-phone { width:300px; max-width:90vw; background:#1a1a1a; border-radius:46px; padding:10px; position:relative; box-shadow:0 0 0 1.5px #2a2a2e,inset 0 0 0 2px #3a3a3e,0 32px 100px rgba(0,0,0,.35),0 0 60px rgba(124,58,237,.12); }
.call-phone::before { content:''; position:absolute; right:-2px; top:130px; width:3px; height:64px; background:#232327; border-radius:2px; }
.call-phone::after { content:''; position:absolute; left:-2px; top:108px; width:3px; height:40px; background:#232327; border-radius:2px; box-shadow:0 54px 0 #232327,0 100px 0 #232327; }
.call-phone .call-demo-poster { display:block; width:100%; height:auto; border-radius:38px; aspect-ratio:480/1044; object-fit:cover; }
.call-phone video { position:absolute; inset:10px; display:block; width:calc(100% - 20px); height:calc(100% - 20px); border-radius:38px; object-fit:cover; opacity:0; }
.call-phone[data-video-ready="true"] video { opacity:1; }
.call-demo-play { position:absolute; left:50%; bottom:40px; transform:translateX(-50%); border:0; border-radius:24px; padding:12px 20px; background:#faf8f5; color:#20162e; font:600 .85rem 'Inter',sans-serif; cursor:pointer; box-shadow:0 4px 20px rgba(0,0,0,.2); }
.call-demo-play[hidden] { display:none; }
@media(max-width:900px) {
  .offer-card { grid-template-columns:1fr; gap:36px; padding:32px; }
  .demo-grid { gap:24px; }
  .demo-example { padding:24px 12px; }
  .receptionist-trust-grid { grid-template-columns:1fr; gap:24px; }
}
@media(max-width:700px) {
  .receptionist-page .hero.receptionist-hero { min-height:auto; padding:138px 22px 64px; }
  .receptionist-page .hero-sub { font-size:1rem; }
  .receptionist-page .offer-section,.receptionist-page .demo-section,.receptionist-page .trust-section { padding:56px 20px; }
  .offer-card { padding:28px 22px; }
  .demo-grid { grid-template-columns:1fr; gap:32px; }
  .receptionist-page .demo-example .iphone-frame,.receptionist-page .call-phone { max-width:100%; }
  .receptionist-page .cta-section { padding:64px 20px; }
  .receptionist-page footer { padding:32px 20px; }
  .receptionist-page .process-section { padding:56px 24px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Receptionist landing page: the real call demo anchors the opening. */
.receptionist-landing .hero.receptionist-hero {
  display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:56px;
  align-items:center; min-height:0; max-width:1280px; margin:auto; padding:138px 48px 66px;
  text-align:left; overflow:visible;
}
.receptionist-landing .receptionist-hero::before { content:''; position:absolute; inset:8% 0 -4%; background:radial-gradient(ellipse at 80% 45%,rgba(124,58,237,.1),transparent 45%),radial-gradient(ellipse at 60% 70%,rgba(217,119,6,.07),transparent 45%); pointer-events:none; }
.receptionist-landing .hero-content { position:relative; z-index:1; }
.receptionist-landing .receptionist-hero h1 { font-size:clamp(2.8rem,4.8vw,4.5rem); margin:0; }
.receptionist-landing .hero-sub { margin:24px 0 0; max-width:570px; font-size:1.04rem; }
.receptionist-landing .hero-cta { justify-content:flex-start; gap:12px; }
.receptionist-landing .hero-cta a { font-size:.88rem; padding:15px 22px; }
.hero-reassurance { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:28px; color:#57534e; font-size:.75rem; line-height:1.6; }
.hero-reassurance span { display:inline-flex; align-items:center; gap:7px; }
.hero-reassurance span::before { content:''; width:5px; height:5px; border-radius:50%; background:#7c3aed; }
.hero-demo { position:relative; display:flex; align-items:center; flex-direction:column; padding:12px 0 0; isolation:isolate; }
.hero-demo::before { content:''; position:absolute; inset:12% -8% 8%; border-radius:50%; background:radial-gradient(ellipse,rgba(124,58,237,.19),rgba(217,119,6,.08) 45%,transparent 70%); filter:blur(20px); z-index:-1; }
.hero-demo-label { display:inline-flex; align-items:center; gap:8px; margin-bottom:16px; font-size:.7rem; color:#57534e; letter-spacing:.02em; }
.hero-demo-label>span { width:6px; height:6px; border-radius:50%; background:#7c3aed; box-shadow:0 0 0 5px rgba(124,58,237,.08); }
.hero-demo-phone { position:relative; z-index:2; transform:rotate(3deg); transition:transform .4s ease; }
.hero-demo:hover .hero-demo-phone { transform:rotate(0); }
.hero-demo-phone .call-phone { width:248px; }
.demo-caption { position:relative; z-index:2; margin-top:22px; max-width:255px; text-align:center; color:#57534e; font-size:.75rem; line-height:1.6; }
.demo-orbit { position:absolute; top:43%; left:50%; width:min(380px,100%); aspect-ratio:1; border:1px solid rgba(124,58,237,.12); border-radius:50%; z-index:-1; }
.orbit-one { transform:translate(-50%,-50%) scaleY(.78); }
.orbit-two { transform:translate(-50%,-50%) scaleX(.8); border-color:rgba(217,119,6,.14); }
.receptionist-landing .offer-section { padding:38px 40px 48px; }
.receptionist-landing .offer-card { display:block; padding:36px; box-shadow:0 12px 40px rgba(28,25,23,.025); }
.receptionist-landing .offer-intro { display:grid; grid-template-columns:1fr 1fr; gap:12px 48px; align-items:start; padding-bottom:28px; }
.receptionist-landing .offer-intro .section-label { grid-column:1/-1; margin-bottom:2px; }
.receptionist-landing .offer-intro h2 { grid-row:2/4; margin:0; max-width:none; font-size:clamp(1.8rem,3vw,2.6rem) !important; }
.receptionist-landing .offer-intro .section-sub { margin:0; }
.receptionist-landing .offer-intro .text-link { margin:0; }
.receptionist-landing .offer-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; padding-top:26px; border-top:1px solid #e7e1d9; }
.receptionist-landing .offer-list li { display:block; padding:0; border:0; }
.receptionist-landing .offer-list li>span { display:block; margin-bottom:10px; font-size:.7rem; }
.receptionist-landing .offer-list h3 { font-size:.94rem; line-height:1.45; margin-bottom:10px; }
.receptionist-landing .offer-list p { font-size:.8rem; line-height:1.7; }
.receptionist-landing .industry-examples { padding:38px 32px 34px; }
.receptionist-landing .industry-examples h2 { font-size:1.4rem !important; }
.receptionist-landing .industry-examples>p { margin-top:10px; font-size:.9rem; }
.receptionist-landing .example-strip { margin-top:20px; gap:8px; }
.receptionist-landing .example-strip li { padding:6px 12px; font-size:.75rem; }
.receptionist-landing .demo-section { padding-top:46px; padding-bottom:50px; }
.receptionist-landing .demo-grid { grid-template-columns:minmax(0,1fr) minmax(290px,.8fr); align-items:center; gap:72px; margin-top:30px; }
.receptionist-landing .demo-example { padding:24px 16px; border:0; background:radial-gradient(ellipse,rgba(124,58,237,.08),transparent 70%); }
.receptionist-landing .demo-example>h3 { font-size:.75rem; font-weight:500; color:#57534e; margin-bottom:22px; }
.demo-context h3 { font-size:1.65rem; line-height:1.25; max-width:400px; margin-bottom:18px; }
.demo-context p { color:#57534e; font-size:.94rem; line-height:1.8; }
.conversation-flow { list-style:none; padding:0; margin:24px 0 0; }
.conversation-flow li { display:flex; align-items:center; gap:14px; border-bottom:1px solid #e7e1d9; padding:15px 0; font-size:.86rem; }
.conversation-flow li>span { font-size:.7rem; color:#7c3aed; font-weight:700; }
body.receptionist-landing #trust { padding:44px max(24px,calc((100vw - 1100px)/2)); background:#20162e; color:#faf8f5; }
.receptionist-landing .trust-section>.section-label { color:#bea0f2; }
.receptionist-landing .trust-section>h2 { font-size:clamp(1.8rem,3vw,2.6rem) !important; color:#faf8f5; }
.receptionist-landing .receptionist-trust-grid { gap:32px; margin-top:26px; }
.receptionist-landing .receptionist-trust-grid h3 { color:#faf8f5; font-size:.95rem; }
.receptionist-landing .receptionist-trust-grid p { color:#d4cadf; font-size:.85rem; }
.receptionist-landing .recording-note { color:#c5b9d1; border-color:rgba(255,255,255,.12); margin-top:24px; padding-top:18px; font-size:.75rem; }
.receptionist-landing .cta-section { display:flex; justify-content:center; padding:0 24px 40px; background:#20162e; border:0; }
.receptionist-landing .cta-section .btn-primary { margin:0; padding:15px 24px; }
.receptionist-landing footer { padding:28px 32px; }
@media(max-width:1000px) {
  .receptionist-landing .hero.receptionist-hero { grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr); gap:24px; padding-left:28px; padding-right:28px; }
  .receptionist-landing .receptionist-hero h1 { font-size:3.2rem; }
  .receptionist-landing .offer-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
  .receptionist-landing .demo-grid { gap:30px; }
}
@media(max-width:700px) {
  .receptionist-landing .hero.receptionist-hero { grid-template-columns:1fr; padding:122px 24px 36px; gap:34px; text-align:left; overflow:hidden; }
  .receptionist-landing .receptionist-hero h1 { font-size:clamp(2.5rem,10.5vw,3.2rem); }
  .receptionist-landing .hero-sub { font-size:.97rem; margin-top:20px; }
  .receptionist-landing .hero-cta a { font-size:.8rem; padding:13px 16px; }
  .hero-reassurance { margin-top:22px; gap:7px 12px; font-size:.7rem; }
  .hero-demo { padding:4px 0 8px; }
  .hero-demo-phone .call-phone { width:228px; }
  .receptionist-landing .offer-section { padding:24px 18px 30px; }
  .receptionist-landing .offer-card { padding:26px 22px; }
  .receptionist-landing .offer-intro { display:block; padding-bottom:22px; }
  .receptionist-landing .offer-intro .section-label { margin-bottom:14px; }
  .receptionist-landing .offer-intro h2 { font-size:1.8rem !important; }
  .receptionist-landing .offer-intro .section-sub { margin-top:16px; font-size:.9rem; }
  .receptionist-landing .offer-intro .text-link { margin-top:16px; }
  .receptionist-landing .offer-list { grid-template-columns:1fr; gap:20px; padding-top:22px; }
  .receptionist-landing .offer-list li { display:flex; gap:14px; }
  .receptionist-landing .offer-list li>span { padding-top:4px; }
  .receptionist-landing .offer-list h3 { margin-bottom:5px; }
  .receptionist-landing .industry-examples { padding:30px 24px; }
  .receptionist-landing .demo-section { padding:30px 24px; }
  .receptionist-landing .demo-section>h2 { font-size:1.8rem !important; }
  .receptionist-landing .demo-grid { grid-template-columns:1fr; gap:20px; margin-top:24px; }
  .demo-context h3 { font-size:1.3rem; }
  .demo-context p { font-size:.9rem; }
  .receptionist-landing .demo-example { padding:16px 0 10px; }
  body.receptionist-landing #trust { padding:32px 24px 26px; }
  .receptionist-landing .receptionist-trust-grid { gap:20px; }
  .receptionist-landing .cta-section { padding:0 24px 34px; }
  .receptionist-landing footer { padding:24px; }
}
@media(prefers-reduced-motion:reduce) { .hero-demo-phone { transform:none; transition:none; } }
