/* Phone: one dimensional focal scene, real app screens, quiet supporting copy. */
.pc-chapter{background:#1d1d1f;color:#f5f5f7;padding:112px 0 0;overflow:clip;font-family:var(--goxee-font,Arial,sans-serif)}
.pc-chapter *{box-sizing:border-box}.pc-chapter [hidden]{display:none!important}
.pc-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.pc-heading{text-align:center;margin-bottom:22px}.pc-service{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 22px;font-size:16px;font-weight:500}
.pc-service .pc-service-icon{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px}.pc-service img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}
.pc-heading h2{font-size:clamp(44px,4.5vw,64px);font-weight:400;letter-spacing:-.03em;line-height:1.06;margin:0 0 25px;text-wrap:balance}.pc-heading h2 span{display:block}
.pc-heading>p:last-child{font-size:20px;line-height:1.6;color:#64748b;max-width:700px;margin:0 auto;text-wrap:pretty}
/* Centered Phone introduction with the original light heading and editorial emphasis. */
.pc-chapter>.pc-heading{text-align:center;padding-inline:0}
.pc-chapter>.pc-heading .pc-service{justify-content:center}
.pc-chapter>.pc-heading h2{max-width:1040px;margin-inline:auto;font-size:clamp(44px,4.5vw,64px);font-weight:400;line-height:1.06}
@media(max-width:800px){.pc-chapter>.pc-heading h2{font-size:clamp(30px,9vw,44px)}}
.pc-chapter #phone-screens{background:#1d1d1f;color:#f5f5f7;padding:80px 0 92px;--story-card-width:min(620px,calc(100vw - var(--story-gutter)*2));--g-control-surface:#303033;--g-control-hover:#424249;--g-control-ink:#fff;--g-control-pressed:#424249}
.pc-chapter #phone-screens .ml-story-heading h2,.pc-chapter #phone-screens .ml-story-heading-lead{color:#f5f5f7}
/* Human stories complement the app and routing demonstrations above. */
.pc-chapter #phone-screens .ml-story-art{height:440px;border-radius:26px;background:#101722}
.pc-human-art .ml-story-photo{object-position:center top;transform-origin:center top}
.pc-human-art .ml-story-photo-badge{max-width:calc(100% - 56px)}
@media(max-width:370px){.pc-human-art .ml-story-specs{left:16px;right:16px;bottom:24px;gap:6px}.pc-human-art .ml-story-specs>span{padding-inline:9px;gap:6px;font-size:13px}}
.pc-chapter #phone-screens .ml-story-caption{max-width:560px;margin:22px 12px 0}.pc-chapter #phone-screens .ml-story-caption strong{color:#f5f5f7;font-weight:600}.pc-chapter #phone-screens .ml-story-caption span{color:#848484}.pc-chapter #phone-screens .ml-story-controls .ml-fa{filter:brightness(0) invert(1);opacity:.9}
#phone-benefits{--benefit-muted:#848484;padding:80px 0 32px}
@media(max-width:800px){.pc-chapter{padding:76px 0 0}.pc-wrap{width:calc(100% - 40px)}.pc-heading h2{font-size:44px}.pc-heading>p:last-child{font-size:18px;max-width:460px}.pc-service{font-size:15px;margin-bottom:18px}.pc-chapter #phone-screens{--story-gutter:20px;padding:64px 0 72px}.pc-chapter #phone-screens .ml-story-art{height:360px;border-radius:22px}.pc-chapter #phone-screens .ml-story-caption p{font-size:17px}#phone-benefits{padding:56px 0 20px}}

@media(max-width:370px){.pc-heading h2{font-size:40px}.pc-chapter #phone-screens .ml-story-art{height:340px}}


.pc-chapter>.pc-heading .pc-hero-description{max-width:880px;margin:28px auto 0;color:#848484;font-size:20px;line-height:1.6;font-weight:500;text-wrap:balance}
.pc-hero-description strong{color:#fff;font-weight:500}
@media(max-width:800px){.pc-chapter>.pc-heading .pc-hero-description{font-size:18px;margin-top:24px}}

/* Keep the same characters visible throughout the branded five-scene story. */
.pc-human-art--story-vehicle .ml-story-photo{object-position:62% top}
.pc-human-art--story-visit .ml-story-photo{object-position:25% top}

/* Two actual app screens break up the human story; advertising closes it. */
.pc-chapter #phone-screens .pc-phone-art{--pc-device-height:620px;--pc-device-top:32px;background:linear-gradient(0deg,#303033,#173b60)}
.pc-chapter #phone-screens .pc-phone-art--followup{background:linear-gradient(0deg,#303033,#3c3154)}
.pc-carousel-phone{position:absolute;left:0;right:0;top:calc(var(--pc-device-height)/2 + var(--pc-device-top));height:var(--pc-device-height);display:flex;justify-content:center;transform:translateY(-50%);transform-origin:center}
.pc-carousel-phone .gh-iphone{position:relative;width:auto;height:var(--pc-device-height);aspect-ratio:867/1815;filter:drop-shadow(0 22px 28px #0006)}
.pc-call-timer{position:absolute;z-index:2;left:73%;top:9.1%;width:11.3%;height:2%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#5fb76c,#5eb465);color:#fff;pointer-events:none;font-family:Arial,sans-serif;font-size:3.6cqw;font-weight:400;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
/* One softly lit attribution panel follows the shared Voice Agent UI rhythm. */
.pc-chapter #phone-screens .pc-advertising-art{background:radial-gradient(ellipse at 92% 0%,#b8b8f0 0%,transparent 62%),radial-gradient(ellipse at 0% 12%,#a5cde9 0%,transparent 62%),linear-gradient(180deg,#e5ebfa,#dbe1ee);color:#202737}
.pc-advertising-content{position:absolute;left:38px;right:38px;top:50%;text-align:center;transform:translateY(-50%);transform-origin:center}
.pc-advertising-content h3{margin:0 0 22px;font-size:32px;font-weight:400;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}.pc-advertising-content h3 span{display:block}
.pc-attribution-panel{max-width:470px;margin:auto;padding:18px;background:rgba(255,255,255,.95);border:1px solid #fff;border-radius:23px;box-shadow:0 20px 45px -12px #243f7130,0 2px 5px #243f7108;text-align:left}
.pc-advertising-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 17px;padding-bottom:17px;border-bottom:1px solid #e6eaf2}
.pc-advertising-brands>[data-attribution-source]{--source-emphasis:0;display:flex;align-items:center;justify-content:center;height:48px;padding:8px;border-radius:12px;background:rgba(70,117,208,calc(var(--source-emphasis)*.09))}
.pc-advertising-brands>[data-source-active=true]{--source-emphasis:1}
.pc-advertising-brands img{width:100%;max-width:116px;height:30px;object-fit:contain;opacity:calc(.4 + var(--source-emphasis)*.6)}
.pc-advertising-cars{color:#36236a;font-size:23px;font-weight:650;letter-spacing:-.05em;white-space:nowrap;opacity:calc(.4 + var(--source-emphasis)*.6)}
.pc-advertising-outcomes{display:grid;gap:8px}
.pc-attribution-row{--outcome-reveal:1;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:44px;padding:5px 12px;border-radius:12px;background:rgba(60,103,183,calc(var(--outcome-reveal)*.055));font-size:17px;font-weight:500;line-height:1.3;color:#34415a}
.pc-attribution-row>span:nth-child(2){opacity:calc(.55 + var(--outcome-reveal)*.45)}
.pc-attribution-symbol{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:rgba(51,111,206,calc(.04 + var(--outcome-reveal)*.09));color:#3c65a5;font-size:22px;font-weight:500}
.pc-attribution-symbol .ml-fa{width:16px;height:16px;opacity:calc(.35 + var(--outcome-reveal)*.4)}
.pc-attribution-check{display:flex;align-items:center;justify-content:center;opacity:var(--outcome-reveal)}.pc-attribution-check .ml-fa{width:12px;height:12px;opacity:.55}
@media(max-width:800px){.pc-chapter #phone-screens .pc-phone-art{--pc-device-height:500px;--pc-device-top:24px}.pc-advertising-content{left:22px;right:22px}.pc-advertising-content h3{font-size:26px;margin-bottom:18px}.pc-attribution-panel{padding:12px;border-radius:20px}.pc-advertising-brands{gap:4px;margin-bottom:12px;padding-bottom:12px}.pc-advertising-brands>[data-attribution-source]{height:40px;padding:5px;border-radius:9px}.pc-advertising-cars{font-size:18px}.pc-attribution-row{grid-template-columns:28px minmax(0,1fr) 16px;gap:9px;min-height:40px;padding:5px 8px;font-size:15px}.pc-attribution-symbol{width:28px;height:28px;border-radius:9px;font-size:20px}.pc-attribution-symbol .ml-fa{width:14px;height:14px}}
@media(max-width:370px){.pc-chapter #phone-screens .pc-phone-art{--pc-device-height:480px}.pc-advertising-content{left:18px;right:18px}.pc-advertising-content h3{font-size:23px;margin-bottom:16px}.pc-attribution-panel{padding:10px}.pc-advertising-cars{font-size:16px}.pc-attribution-row{font-size:14px;gap:8px}}
@media(max-width:800px){.pc-advertising-brands{grid-template-columns:1fr}.pc-advertising-brands>[data-attribution-source]{grid-area:1/1;height:46px;opacity:var(--source-emphasis);background:transparent}.pc-advertising-brands img{width:150px;max-width:150px;height:30px;opacity:1}.pc-advertising-cars{font-size:25px;opacity:1}}

.pc-chapter #phone-screens .pc-phone-art--followup{--pc-device-height:580px}
@media(max-width:800px){.pc-chapter #phone-screens .pc-phone-art--followup{--pc-device-height:480px}}
@media(max-width:370px){.pc-chapter #phone-screens .pc-phone-art--followup{--pc-device-height:460px}}
