/* Homepage polish: use the restored space artwork without flattening UI into screenshots. */
body#top{background:#020817;color:#eaf4ff;color-scheme:dark}
body#top .reference-topbar{background:rgba(2,8,20,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body#top .reference-hero{min-height:clamp(690px,calc(100svh - 88px),860px);background:radial-gradient(ellipse at 78% 48%,#082d59 0%,#04152f 34%,#020817 72%)}
body#top .reference-hero:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 52%,rgba(0,174,255,.15),transparent 36%),linear-gradient(180deg,rgba(2,8,23,.04),rgba(2,8,23,.28))}
body#top .reference-hero .hero-art{z-index:0}
body#top .reference-hero .hero-art img{width:min(86vw,1260px);right:-4%;bottom:-5%;opacity:1;filter:saturate(1.12) contrast(1.06) drop-shadow(0 0 52px rgba(0,132,255,.25));animation:avrHeroDrift 18s ease-in-out infinite alternate}
body#top .reference-hero .hero-blue-haze{z-index:2;background:linear-gradient(90deg,#020817 0%,rgba(2,8,23,.98) 27%,rgba(2,8,23,.79) 44%,rgba(2,8,23,.12) 70%,transparent 100%),linear-gradient(0deg,rgba(2,8,23,.38),transparent 34%)}
body#top .reference-hero .hero-grid{z-index:3;min-height:inherit;display:flex;align-items:center;padding-top:76px;padding-bottom:76px}
body#top .reference-hero .hero-copy{width:min(54%,650px);max-width:650px}
body#top .reference-hero .hero-preheadline{color:#b8d8f7;font-size:clamp(12px,1.1vw,15px);line-height:1.55;letter-spacing:.01em;margin:18px 0 0}
body#top .reference-hero h1{font-size:clamp(44px,5vw,72px);line-height:1.02;text-wrap:balance}
body#top .reference-hero .hero-lede{max-width:510px;font-size:clamp(13px,1.1vw,15px);line-height:1.78;color:#c9dcf4}
body#top .hero-feature-row{flex-wrap:wrap;row-gap:16px;max-width:610px}
body#top .hero-feature-row>div{min-width:130px}
body#top .reference-hero .hero-actions{gap:13px}
body#top .reference-primary-cta{box-shadow:0 0 28px rgba(0,139,255,.42),0 10px 30px rgba(0,0,0,.22)}
body#top .reference-secondary-cta{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body#top .reference-language{background:radial-gradient(ellipse at 78% 0%,#0a2b50 0%,#04142b 48%,#020817 100%);border-top:1px solid rgba(43,163,255,.32);border-bottom:1px solid rgba(43,163,255,.2)}
body#top .language-card{background:linear-gradient(145deg,rgba(11,42,80,.78),rgba(3,14,34,.92));border-color:rgba(55,151,232,.34)}
body#top .language-card:hover{box-shadow:0 12px 32px rgba(0,126,255,.18),inset 0 0 24px rgba(0,150,255,.1)}
body#top .story-promo,body#top .home-paths{background:#030b1a;color:#edf6ff}
body#top .home-path-card{background:linear-gradient(145deg,rgba(9,29,55,.94),rgba(4,14,31,.98));border:1px solid rgba(64,139,205,.28);box-shadow:0 14px 36px rgba(0,0,0,.16);transition:transform .22s,border-color .22s,box-shadow .22s}
body#top .home-path-card:hover{transform:translateY(-5px);border-color:#168fff;box-shadow:0 18px 42px rgba(0,113,220,.18)}
body#top .home-path-card h3{color:#f2f8ff}
body#top .home-path-card p{color:#b2c7df}
body#top .home-path-card>span,body#top .home-path-card>b{color:#51caff}
body#top .footer{background:#010611}
@keyframes avrHeroDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-1.2%,.6%,0) scale(1.035)}}
@media(max-width:900px){
 body#top .reference-hero{min-height:unset}
 body#top .reference-hero .hero-grid{min-height:760px;padding-top:76px;padding-bottom:340px;align-items:flex-start}
 body#top .reference-hero .hero-copy{width:min(100%,680px)}
 body#top .reference-hero .hero-art img{width:min(112vw,900px);right:-18%;bottom:-5%}
 body#top .reference-hero .hero-blue-haze{background:linear-gradient(180deg,#020817 0%,rgba(2,8,23,.96) 43%,rgba(2,8,23,.48) 68%,rgba(2,8,23,.12) 100%)}
}
@media(max-width:700px){
 body#top .reference-hero .hero-grid{min-height:unset;padding-top:54px;padding-bottom:250px}
 body#top .reference-hero .hero-copy{width:100%}
 body#top .reference-hero h1{font-size:clamp(38px,10vw,49px);letter-spacing:-.055em}
 body#top .reference-hero .hero-lede{font-size:13px;line-height:1.7}
 body#top .hero-feature-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-top:22px}
 body#top .hero-feature-row>div{min-width:0}
 body#top .hero-feature-row b,body#top .hero-feature-row small{white-space:normal}
 body#top .reference-hero .hero-actions{align-items:stretch;flex-direction:column}
 body#top .reference-hero .hero-actions .button{width:100%;min-height:50px;text-align:center}
 body#top .reference-hero .hero-art img{width:145vw;right:-36%;bottom:-3%;opacity:.92}
 body#top .reference-hero .hero-blue-haze{background:linear-gradient(180deg,#020817 0%,rgba(2,8,23,.98) 52%,rgba(2,8,23,.66) 76%,rgba(2,8,23,.24) 100%)}
 body#top .language-layout{grid-template-columns:1fr;gap:22px}
 body#top .language-disclaimer{grid-column:1}
 body#top .language-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 body#top .language-card{min-height:104px}
}
@media(prefers-reduced-motion:reduce){
 body#top .reference-hero .hero-art img,body#top .home-path-card{animation:none;transition:none}
}


/* 2026-11 homepage background refinement: calmer, cleaner deep-space treatment */
body#top .reference-hero{
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 78% 44%, rgba(18,91,155,.22) 0%, rgba(8,39,76,.13) 30%, transparent 58%),
    radial-gradient(ellipse at 18% 12%, rgba(18,65,111,.12) 0%, transparent 42%),
    linear-gradient(118deg,#030916 0%,#061327 52%,#030b1a 100%);
}
body#top .reference-hero:after{
  background:
    radial-gradient(ellipse at 76% 50%,rgba(34,145,220,.10),transparent 43%),
    linear-gradient(90deg,rgba(3,9,22,.16),rgba(3,9,22,0) 68%);
}
body#top .reference-hero .hero-art img{
  width:min(74vw,1040px);
  right:-2%;
  bottom:-3%;
  opacity:.42;
  filter:saturate(.82) contrast(1.02) drop-shadow(0 0 34px rgba(22,115,190,.16));
  animation:none;
}
body#top .reference-hero .hero-blue-haze{
  background:linear-gradient(90deg,#030916 0%,rgba(3,9,22,.97) 30%,rgba(3,9,22,.78) 48%,rgba(3,9,22,.16) 76%,transparent 100%);
}
body#top .reference-hero .hero-grid{position:relative}
body#top .reference-language{
  background:linear-gradient(180deg,#07162a 0%,#061326 100%);
  border-top:1px solid rgba(67,142,204,.18);
  border-bottom:1px solid rgba(67,142,204,.14);
}
@media(max-width:900px){
  body#top .reference-hero .hero-art img{width:min(100vw,820px);right:-13%;bottom:-2%;opacity:.28}
  body#top .reference-hero .hero-blue-haze{
    background:linear-gradient(180deg,#030916 0%,rgba(3,9,22,.97) 48%,rgba(3,9,22,.70) 74%,rgba(3,9,22,.26) 100%);
  }
}
@media(max-width:700px){
  body#top .reference-hero .hero-art img{width:125vw;right:-28%;bottom:-1%;opacity:.20}
  body#top .reference-hero .hero-blue-haze{
    background:linear-gradient(180deg,#030916 0%,rgba(3,9,22,.97) 55%,rgba(3,9,22,.72) 78%,rgba(3,9,22,.30) 100%);
  }
}

/* Earth + receptionist composition: use the supplied source assets as separate layers */
body#top .reference-hero .hero-art{
  left:40%; width:60%; height:100%; overflow:visible;
}
body#top .reference-hero .hero-art .hero-earth-art{
  position:absolute; width:min(66vw,930px); max-width:none; height:auto;
  right:-7%; bottom:7%; object-fit:contain; opacity:.82;
  filter:saturate(1.08) contrast(1.04) drop-shadow(0 0 32px rgba(20,137,255,.2));
}
body#top .reference-hero .hero-art .hero-assistant-art{
  position:absolute; width:clamp(270px,29vw,430px); max-width:none; height:auto;
  right:13%; bottom:3%; object-fit:contain; opacity:1;
  filter:drop-shadow(0 14px 42px rgba(0,0,0,.45)) drop-shadow(0 0 25px rgba(35,165,255,.22));
}
body#top .reference-hero .hero-blue-haze{
  background:linear-gradient(90deg,#030916 0%,rgba(3,9,22,.98) 25%,rgba(3,9,22,.82) 43%,rgba(3,9,22,.24) 62%,transparent 100%);
}
.reference-brand-mark{overflow:hidden;display:grid;place-items:center}
.reference-brand-mark img{display:block;width:100%;height:100%;object-fit:contain;padding:2px}
@media(max-width:900px){
 body#top .reference-hero .hero-art{left:15%;width:85%}
 body#top .reference-hero .hero-art .hero-earth-art{width:min(94vw,760px);right:-13%;bottom:4%;opacity:.75}
 body#top .reference-hero .hero-art .hero-assistant-art{width:clamp(235px,42vw,340px);right:12%;bottom:1%}
}
@media(max-width:700px){
 body#top .reference-hero .hero-art{left:0;width:100%;height:390px;top:auto;bottom:0}
 body#top .reference-hero .hero-art .hero-earth-art{width:145vw;right:-32%;bottom:3%;opacity:.68}
 body#top .reference-hero .hero-art .hero-assistant-art{width:min(72vw,300px);right:11%;bottom:0}
 body#top .reference-hero .hero-blue-haze{background:linear-gradient(180deg,#030916 0%,rgba(3,9,22,.98) 49%,rgba(3,9,22,.74) 75%,rgba(3,9,22,.18) 100%)}
}


/* Global AI receptionist hero composition — aligned to the supplied space reference */
body#top .reference-hero{
  min-height:clamp(720px,calc(100svh - 78px),900px);
  background:
    radial-gradient(ellipse at 76% 48%,rgba(0,116,220,.19),transparent 46%),
    radial-gradient(ellipse at 22% 10%,rgba(0,54,105,.16),transparent 44%),
    linear-gradient(112deg,#000817 0%,#020d20 54%,#010713 100%);
}
body#top .reference-hero .hero-art{
  left:34%;width:66%;height:100%;overflow:visible;z-index:0;
}
body#top .reference-hero .hero-art .hero-earth-art{
  position:absolute;width:min(78vw,1120px);max-width:none;height:auto;
  right:-10%;bottom:1%;object-fit:contain;opacity:.96;
  filter:saturate(1.12) contrast(1.06) drop-shadow(0 0 42px rgba(0,132,255,.24));
}
body#top .reference-hero .hero-art .hero-assistant-art{
  position:absolute;width:clamp(350px,34vw,510px);max-width:none;height:auto;
  right:22%;bottom:4%;object-fit:contain;opacity:1;
  filter:drop-shadow(0 12px 36px rgba(0,0,0,.52)) drop-shadow(0 0 28px rgba(0,156,255,.25));
}
body#top .reference-hero .hero-blue-haze{
  z-index:2;
  background:linear-gradient(90deg,#000817 0%,rgba(0,8,23,.98) 24%,rgba(0,8,23,.84) 42%,rgba(0,8,23,.22) 61%,transparent 78%),linear-gradient(0deg,rgba(0,8,23,.12),transparent 30%);
}
body#top .reference-hero .hero-grid{z-index:3}
body#top .reference-hero .hero-copy{width:min(50%,620px);max-width:620px}
body#top .reference-hero .hero-feature-icon{color:#28caff;text-shadow:0 0 16px rgba(0,170,255,.7)}
body#top .reference-hero .eyebrow{display:flex;align-items:center;gap:10px}
body#top .reference-hero .eyebrow:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,#15d8ff,#277dff);box-shadow:0 0 12px #13bfff}
@media(max-width:900px){
  body#top .reference-hero{min-height:850px}
  body#top .reference-hero .hero-art{left:12%;width:88%}
  body#top .reference-hero .hero-art .hero-earth-art{width:min(110vw,900px);right:-15%;bottom:0;opacity:.88}
  body#top .reference-hero .hero-art .hero-assistant-art{width:clamp(300px,48vw,420px);right:18%;bottom:2%}
  body#top .reference-hero .hero-blue-haze{background:linear-gradient(180deg,#000817 0%,rgba(0,8,23,.98) 42%,rgba(0,8,23,.68) 67%,rgba(0,8,23,.12) 100%)}
}
@media(max-width:700px){
  body#top .reference-hero .hero-grid{min-height:unset;padding-top:48px;padding-bottom:300px}
  body#top .reference-hero .hero-copy{width:100%}
  body#top .reference-hero .hero-art{left:0;width:100%;height:390px;top:auto;bottom:0}
  body#top .reference-hero .hero-art .hero-earth-art{width:155vw;right:-36%;bottom:0;opacity:.82}
  body#top .reference-hero .hero-art .hero-assistant-art{width:min(78vw,330px);right:10%;bottom:0}
  body#top .reference-hero .hero-blue-haze{background:linear-gradient(180deg,#000817 0%,rgba(0,8,23,.98) 48%,rgba(0,8,23,.72) 75%,rgba(0,8,23,.12) 100%)}
}


/* Retell-powered platform credibility strip in the homepage hero */
body#top .hero-platform-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  max-width:650px;margin:24px 0 0;padding:0;
}
body#top .hero-platform-stats>div{
  min-width:0;padding:13px 14px;border:1px solid rgba(89,174,239,.25);
  border-radius:14px;background:linear-gradient(145deg,rgba(13,43,76,.72),rgba(4,17,36,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 28px rgba(0,0,0,.12);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
body#top .hero-platform-stats strong{
  display:block;color:#e9f7ff;font:800 clamp(23px,2.3vw,31px)/1.1 Manrope,sans-serif;
  letter-spacing:-.045em;text-shadow:0 0 22px rgba(36,174,255,.22);
}
body#top .hero-platform-stats span{
  display:block;margin-top:7px;color:#b9cde3;font-size:11px;line-height:1.45;
}
body#top .hero-stats-note{
  max-width:650px;margin:9px 0 0;color:#91a9c4;font-size:10px;line-height:1.55;
}
body#top .hero-stats-note a{color:#9bdcff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
  body#top .hero-platform-stats{gap:7px;margin-top:18px}
  body#top .hero-platform-stats>div{padding:10px 8px;border-radius:11px}
  body#top .hero-platform-stats strong{font-size:22px}
  body#top .hero-platform-stats span{font-size:9px;line-height:1.35}
  body#top .hero-stats-note{font-size:9px}
}

/* Homepage hero rebuild: supplied receptionist model left, product video right */
body#top .reference-hero{
  min-height:unset;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 18% 48%,rgba(0,124,220,.18),transparent 42%),
    radial-gradient(ellipse at 88% 14%,rgba(36,77,155,.14),transparent 38%),
    linear-gradient(115deg,#020817 0%,#07152a 54%,#030918 100%);
}
body#top .reference-hero:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.26;
  background-image:radial-gradient(1px 1px at 9% 18%,#d5f4ff 98%,transparent),radial-gradient(1px 1px at 26% 73%,#b7eaff 98%,transparent),radial-gradient(1px 1px at 58% 13%,#fff 98%,transparent),radial-gradient(1px 1px at 84% 68%,#a7dfff 98%,transparent);
  background-size:270px 210px,330px 250px,410px 310px,360px 280px;
}
body#top .reference-hero .hero-grid{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);
  gap:clamp(28px,4vw,64px);align-items:center;min-height:unset;padding-top:58px;padding-bottom:58px;
}
body#top .hero-model-column{position:relative;min-width:0;min-height:570px;display:flex;align-items:flex-end;justify-content:center}
body#top .hero-model-glow{position:absolute;width:90%;height:70%;left:5%;bottom:4%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,147,255,.3),rgba(20,76,180,.12) 46%,transparent 72%);filter:blur(28px)}
body#top .hero-model-image{position:relative;z-index:1;display:block;width:100%;max-width:540px;max-height:650px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 48px rgba(0,0,0,.48)) drop-shadow(0 0 25px rgba(28,155,255,.2))}
body#top .hero-model-caption{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;padding:10px 14px;border:1px solid rgba(93,190,255,.34);border-radius:30px;background:rgba(4,17,36,.82);backdrop-filter:blur(12px);color:#d7efff;font:700 8px 'DM Mono',monospace;letter-spacing:.12em}
body#top .hero-live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#45e2b2;box-shadow:0 0 12px #45e2b2}
body#top .reference-hero .hero-copy{width:100%;max-width:720px}
body#top .reference-hero .hero-preheadline{margin-top:14px;color:#b8d8f7}
body#top .reference-hero h1{font-size:clamp(38px,4.1vw,59px);line-height:1.04;margin:18px 0}
body#top .reference-hero .hero-lede{font-size:13px;line-height:1.7;max-width:660px}
body#top .hero-platform-stats{gap:8px;margin-top:18px}
body#top .hero-platform-stats>div{padding:10px 11px;border-radius:10px}
body#top .hero-platform-stats strong{font-size:clamp(19px,2vw,26px)}
body#top .hero-platform-stats span{font-size:9px}
body#top .hero-stats-note{font-size:9px}
body#top .reference-hero .hero-actions{flex-wrap:wrap;margin-top:19px}
body#top .reference-hero .hero-actions .button{padding:12px 14px;font-size:10px}
body#top .reference-hero .hero-proof{margin-top:15px;font-size:9px}
body#top .reference-hero .hero-video{width:min(100%,480px);margin:20px 0 0}
body#top .reference-hero .video-label{color:#8bdfff;font-size:8px;letter-spacing:.14em}
body#top .reference-hero .video-frame{border:1px solid rgba(74,174,255,.48);border-radius:12px;background:#020916;box-shadow:0 16px 42px rgba(0,0,0,.38),0 0 25px rgba(0,133,255,.12)}
/* Compact dashboard preview directly below the hero */
body#top .dashboard-quick-preview{position:relative;padding:74px 0 82px;background:linear-gradient(180deg,#061327 0%,#081a30 100%);color:#eaf4ff;border-top:1px solid rgba(74,157,225,.22)}
body#top .dashboard-preview-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
body#top .dashboard-preview-heading h2{margin:12px 0 8px;color:#f4f8ff;font:800 clamp(28px,3.6vw,42px)/1.1 Manrope,sans-serif;letter-spacing:-.05em}
body#top .dashboard-preview-heading h2 em{font-style:normal;color:#55cfff}
body#top .dashboard-preview-heading p{margin:0;color:#a8bfd8;font-size:12px;line-height:1.6}
body#top .dashboard-preview-link{flex:0 0 auto;padding:11px 14px;border:1px solid rgba(70,181,255,.45);border-radius:8px;color:#dff5ff;font-size:10px;font-weight:800}
body#top .dashboard-preview-link span{color:#5bd5ff;margin-left:8px}
body#top .dashboard-preview-window{overflow:hidden;border:1px solid rgba(111,170,219,.28);border-radius:14px;background:#f8fafc;color:#172b3c;box-shadow:0 25px 70px rgba(0,0,0,.34)}
body#top .dashboard-preview-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;background:#fff;border-bottom:1px solid #e5edf3}
body#top .dashboard-preview-brand{display:flex;align-items:center;gap:10px}
body#top .dashboard-preview-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e8f5ff;color:#087bd1}
body#top .dashboard-preview-brand b{display:block;font:800 10px Manrope;color:#1b3043;letter-spacing:.06em}
body#top .dashboard-preview-brand small{display:block;margin-top:3px;color:#8193a3;font:600 7px 'DM Mono',monospace;letter-spacing:.08em}
body#top .dashboard-preview-status{color:#168b70;font:700 8px 'DM Mono',monospace;letter-spacing:.08em}
body#top .dashboard-preview-status i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#20bd91}
body#top .dashboard-preview-layout{display:grid;grid-template-columns:165px 1fr;min-height:350px}
body#top .dashboard-preview-sidebar{display:flex;flex-direction:column;gap:7px;padding:18px 12px;background:#f2f6fa;border-right:1px solid #e2eaf1;color:#62788d;font-size:9px}
body#top .dash-side-label{margin:0 8px 5px;color:#91a1b0;font:700 7px 'DM Mono',monospace;letter-spacing:.13em}
body#top .dashboard-preview-sidebar>span:not(.dash-side-label),body#top .dashboard-preview-sidebar>b{padding:9px 9px;border-radius:6px}
body#top .dashboard-preview-sidebar>b.selected{background:#e1f1ff;color:#0879c9}
body#top .dashboard-preview-side-bottom{margin-top:auto;padding:12px 8px;border-top:1px solid #dce6ef;color:#91a1b0;font:700 7px 'DM Mono',monospace;line-height:1.9}
body#top .dashboard-preview-side-bottom strong{color:#168b70;font:700 8px 'DM Sans',sans-serif}
body#top .dashboard-preview-content{min-width:0;padding:20px}
body#top .dashboard-preview-welcome{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:15px}
body#top .dashboard-preview-welcome small{color:#8a9cac;font:700 7px 'DM Mono',monospace;letter-spacing:.1em}
body#top .dashboard-preview-welcome h3{margin:6px 0 4px;color:#1c3041;font:800 17px Manrope}
body#top .dashboard-preview-welcome p{margin:0;color:#8a9cac;font-size:9px}
body#top .dashboard-preview-date{padding:7px 9px;border:1px solid #dfe8ef;border-radius:6px;color:#718599;font-size:8px;white-space:nowrap}
body#top .dashboard-preview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
body#top .dashboard-preview-kpis>div{padding:12px;border:1px solid #e3eaf0;border-radius:8px;background:#fff}
body#top .dashboard-preview-kpis small{display:block;color:#8b9aaa;font:700 7px 'DM Mono',monospace;letter-spacing:.06em}
body#top .dashboard-preview-kpis b{display:block;margin:8px 0 4px;color:#1d3244;font:800 22px Manrope}
body#top .dashboard-preview-kpis em{color:#159675;font-size:7px;font-style:normal}
body#top .dashboard-preview-lower{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
body#top .dashboard-preview-panel{min-width:0;padding:13px;border:1px solid #e3eaf0;border-radius:8px;background:#fff}
body#top .dashboard-preview-panel-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
body#top .dashboard-preview-panel-head b{color:#294052;font:800 9px Manrope}
body#top .dashboard-preview-panel-head small{color:#94a3b1;font-size:7px}
body#top .dashboard-preview-chart{height:90px;display:flex;align-items:end;gap:8px;padding:10px 5px 0;border-bottom:1px solid #e8eef3}
body#top .dashboard-preview-chart i{flex:1;max-width:22px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#39b9f2,#1675c4)}
body#top .dashboard-preview-days{display:flex;justify-content:space-between;padding-top:6px;color:#9aa9b6;font:6px 'DM Mono',monospace}
body#top .dashboard-preview-call{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eef2f5}
body#top .dashboard-preview-call:last-child{border-bottom:0}
body#top .dashboard-preview-call-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:7px;background:#eaf6ff;color:#147cc1;font-size:11px}
body#top .dashboard-preview-call>span:nth-child(2){min-width:0;flex:1}
body#top .dashboard-preview-call b{display:block;color:#31495b;font-size:8px}
body#top .dashboard-preview-call small{display:block;margin-top:3px;color:#94a3b1;font-size:7px}
body#top .dashboard-preview-call em{color:#168b70;font-size:7px;font-style:normal;white-space:nowrap}
body#top .dashboard-preview-disclaimer{display:flex;gap:8px;padding:10px 14px;background:#fff8e9;border-top:1px solid #f0e2c2;color:#80652f;font-size:8px;line-height:1.5}
@media(max-width:900px){
 body#top .reference-hero .hero-grid{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:24px;padding-top:42px;padding-bottom:48px}
 body#top .hero-model-column{min-height:500px}
 body#top .hero-model-image{max-height:560px}
 body#top .reference-hero h1{font-size:clamp(34px,4.5vw,48px)}
 body#top .dashboard-preview-layout{grid-template-columns:125px 1fr}
}
@media(max-width:700px){
 body#top .reference-hero .hero-grid{grid-template-columns:1fr;gap:12px;padding-top:35px;padding-bottom:42px}
 body#top .hero-model-column{min-height:320px;max-height:380px;order:0}
 body#top .hero-model-image{width:min(78vw,330px);max-height:360px}
 body#top .hero-model-caption{bottom:5px}
 body#top .reference-hero .hero-copy{order:1}
 body#top .reference-hero h1{font-size:clamp(36px,9vw,48px)}
 body#top .hero-platform-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 body#top .reference-hero .hero-actions{flex-direction:column;align-items:stretch}
 body#top .reference-hero .hero-actions .button{width:100%}
 body#top .dashboard-quick-preview{padding:52px 0}
 body#top .dashboard-preview-heading{display:block}
 body#top .dashboard-preview-link{display:inline-flex;margin-top:15px}
 body#top .dashboard-preview-layout{grid-template-columns:1fr}
 body#top .dashboard-preview-sidebar{display:none}
 body#top .dashboard-preview-content{padding:12px}
 body#top .dashboard-preview-welcome h3{font-size:14px}
 body#top .dashboard-preview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 body#top .dashboard-preview-lower{grid-template-columns:1fr}
 body#top .dashboard-preview-recent .dashboard-preview-call{gap:6px}
}
@media(prefers-reduced-motion:reduce){body#top .hero-model-image{animation:none}}


/* Brand positioning: enterprise-grade capability with personal, small-business service */
body#top .hero-personal-service{max-width:510px;margin:12px 0 0;color:#d9e9fb;font-size:clamp(13px,1.05vw,14px);line-height:1.7}
body#top .hero-personal-service:before{content:"";display:inline-block;width:18px;height:2px;margin:0 9px 4px 0;background:#35c8ff;box-shadow:0 0 10px rgba(53,200,255,.45)}
@media(max-width:700px){body#top .hero-personal-service{font-size:13px;line-height:1.65}}


/* Onboarding availability is spoken by the homepage AI receptionist, not placed in the navigation. */
body#top .onboarding-speech{position:absolute;z-index:4;top:15%;right:1%;width:min(225px,43%);padding:13px 16px;border:1px solid rgba(112,225,203,.58);border-radius:18px 18px 18px 5px;background:linear-gradient(145deg,rgba(8,35,48,.96),rgba(4,19,34,.96));color:#dffff7;box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 24px rgba(53,220,190,.13);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:700 13px/1.4 'DM Sans',sans-serif;text-align:center}
body#top .onboarding-speech-text{display:block}
body#top .onboarding-speech-tail{position:absolute;left:19px;bottom:-10px;width:18px;height:18px;background:#082332;border-left:1px solid rgba(112,225,203,.58);border-bottom:1px solid rgba(112,225,203,.58);transform:skewY(-35deg) rotate(-24deg);border-radius:0 0 0 3px}
@media(max-width:900px){body#top .onboarding-speech{top:12%;right:2%;width:min(205px,42%);font-size:12px}}
@media(max-width:700px){body#top .onboarding-speech{top:8%;right:0;width:175px;padding:10px 12px;font-size:11px;border-radius:14px 14px 14px 4px}}


/* Compact upper-left receptionist with dialogue visually placed at her mouth. */
body#top .hero-model-column{min-height:440px;align-items:flex-start;justify-content:flex-start;padding-top:8px}
body#top .hero-model-glow{width:72%;height:58%;left:-2%;bottom:12%}
body#top .hero-model-image{width:clamp(245px,27vw,365px);max-width:100%;max-height:445px;object-position:left top;margin:0}
body#top .hero-model-caption{left:8px;bottom:10px;transform:none}
body#top .onboarding-speech{top:17%;left:39%;right:auto;width:min(205px,57%);padding:11px 14px;border-radius:15px;text-align:left;font-size:12px;box-shadow:0 8px 26px rgba(0,0,0,.24),0 0 18px rgba(53,220,190,.10)}
body#top .onboarding-speech-tail{display:none}
@media(max-width:900px){
 body#top .hero-model-column{min-height:390px;padding-top:0}
 body#top .hero-model-image{width:clamp(225px,32vw,315px);max-height:390px}
 body#top .onboarding-speech{top:15%;left:36%;width:min(190px,60%);font-size:11px}
}
@media(max-width:700px){
 body#top .reference-hero .hero-grid{grid-template-columns:1fr;gap:8px;padding-top:24px}
 body#top .hero-model-column{min-height:245px;max-height:260px;width:100%;justify-content:flex-start;align-items:flex-start;overflow:visible}
 body#top .hero-model-image{width:205px;max-height:250px;object-position:left top}
 body#top .hero-model-glow{width:210px;height:190px;left:-18px;bottom:0}
 body#top .hero-model-caption{left:4px;bottom:0;padding:7px 10px;font-size:7px}
 body#top .onboarding-speech{top:15%;left:155px;right:auto;width:min(175px,calc(100% - 165px));padding:9px 10px;font-size:10px}
 body#top .reference-hero .hero-copy{order:1}
}