/* Motion measured from Ryan's 21st.dev selections. */
.hero{grid-template-columns:1fr 1.1fr;gap:18px;min-height:850px}.hero-copy{min-width:0}.hero h1.moving-headline{font-size:clamp(48px,5.65vw,76px);line-height:1.06;letter-spacing:-3.8px;margin-bottom:25px}.headline-fixed{display:block;white-space:nowrap}.headline-window{display:block;position:relative;height:2.2em;overflow:hidden;isolation:isolate}.headline-slide{position:absolute;inset:0;opacity:0;transform:translateY(150px);transition:transform 1000ms cubic-bezier(.22,1.2,.36,1),opacity 550ms ease;will-change:transform,opacity}.headline-slide.is-current{opacity:1;transform:translateY(0)}.motion-toggle{background:none;border:0;padding:4px 0;color:#74746c;font-size:10px;display:inline-flex;gap:10px;align-items:center;margin-top:12px}.motion-toggle:disabled{cursor:default}.hero-product{padding:0;min-width:0;overflow:hidden;animation:none}.phone-carousel{position:relative;width:100%;padding:12px 0 0;isolation:isolate}.phone-carousel .phone-stage{height:656px;display:block;width:100%;position:relative}.phone-stage:before{display:none}.carousel-phone{position:absolute;left:calc(50% - 161px);top:0;width:322px;transition:transform 700ms ease-in-out,opacity 700ms ease-in-out;transform-origin:center center;will-change:transform,opacity}.carousel-phone[data-position=center]{transform:translateX(0) scale(1);opacity:1;z-index:20}.carousel-phone[data-position=left]{transform:translateX(-60%) scale(.9);opacity:.3;z-index:10}.carousel-phone[data-position=right]{transform:translateX(60%) scale(.9);opacity:.3;z-index:10}.carousel-phone[data-position=back]{transform:translateX(0) scale(.9);opacity:0;z-index:0;visibility:hidden}.phone-tilt{transition:transform 300ms ease-out}.carousel-phone[data-position=center]:hover .phone-tilt{transform:scale(1.05) rotate(-6deg)}.carousel-phone .hero-phone{width:322px;height:656px;padding-top:25px;border-width:6px;border-radius:51px;box-shadow:0 0 0 1px #a4a5a1,0 0 0 3px #dddeda,0 15px 40px -30px #0008}.carousel-phone iframe{pointer-events:none}.carousel-phone:after{content:'';position:absolute;right:-3px;top:150px;width:3px;height:65px;border-radius:2px;background:#565752}.phone-carousel .phone-controls{position:absolute;z-index:30;bottom:34px;left:0;right:0;gap:15px;margin:0}.phone-carousel .glass-control{background:#181a18a8;color:#fff;border-color:#ffffff4d;width:38px;height:38px;backdrop-filter:blur(10px)}.phone-carousel .glass-control svg{width:17px}.hero-product>#phone-label{margin-top:18px;gap:5px}.hero-product .product-footnote{margin-top:9px}.phone-carousel .phone-stage:after{content:'';position:absolute;z-index:25;pointer-events:none;bottom:0;left:0;right:0;height:70px;background:linear-gradient(transparent,#ffffffb0)}
/* Refractive pill edges and inset specular rings, including the primary CTAs. */
.liquid-surface{position:relative;isolation:isolate;overflow:visible;border-radius:999px!important;border:0!important;background:transparent;transition:transform 300ms ease,box-shadow 300ms ease!important;--shine-x:35%;--shine-y:0%;box-shadow:none!important}.liquid-content{display:inline-flex;align-items:center;justify-content:inherit;gap:inherit;position:relative;z-index:2;width:100%;pointer-events:none}.liquid-surface:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:0;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#ffffff88,transparent 63%),linear-gradient(160deg,#ffffff35,#ffffff08 48%,#ffffff50);box-shadow:0 0 6px #00000008,0 2px 6px #00000014,inset 3px 3px .5px -3px #000e,inset -3px -3px .5px -3px #000d,inset 1px 1px 1px -.5px #0009,inset -1px -1px 1px -.5px #0009,inset 0 0 6px 6px #00000014,inset 0 0 2px 2px #0000000f;transition:background 300ms,box-shadow 300ms}.liquid-surface:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;backdrop-filter:blur(5px) saturate(1.6);-webkit-backdrop-filter:blur(5px) saturate(1.6);background:#ffffff08}.liquid-surface:hover{transform:scale(1.05)!important}.liquid-surface:active{transform:scale(.97)!important}.liquid-surface.primary{color:white;background:linear-gradient(140deg,#c94306,#d3500d 45%,#b73b07)!important}.liquid-surface.primary:before,.demo-section .liquid-surface:before,.phone-carousel .liquid-surface:before{background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#ffffff3d,transparent 60%);box-shadow:0 0 8px #00000008,0 2px 6px #00000014,inset 3px 3px .5px -3.5px #ffffff17,inset -3px -3px .5px -3.5px #ffffffd9,inset 1px 1px 1px -.5px #ffffff99,inset -1px -1px 1px -.5px #ffffff99,inset 0 0 6px 6px #ffffff1f,inset 0 0 2px 2px #ffffff0f,0 0 12px #00000026}.glass-button{background:#fafaf65c!important;min-height:54px}.glass-control.liquid-surface{padding:0}.glass-control .liquid-content{justify-content:center}.plan-cta .liquid-content{justify-content:space-between}.hero-actions .button{padding-inline:25px;min-height:56px}.button:disabled{transform:none!important}.voice-result a{border-radius:50%}
/* The visualizer remains explicitly illustrative, driven by animation only. */
.voice-orb{animation:voiceBreath 2.8s ease-in-out infinite}.voice-orbit{animation:voiceOrbit 4s linear infinite;border-top-color:#ffaf7b80;border-right-color:#f2652255}.voice-wave i{animation:voiceBars 900ms ease-in-out infinite alternate;transform-origin:center}.voice-wave i:nth-child(2n){animation-delay:-.2s;animation-duration:730ms}.voice-wave i:nth-child(3n){animation-delay:-.6s;animation-duration:1100ms}.voice-wave i:nth-child(5n){animation-delay:-.4s;animation-duration:800ms}.voice-bottom{display:flex;align-items:center;gap:13px;margin-top:18px}.voice-demo .voice-bottom p.voice-disclosure{margin:0;flex:1;text-align:left;font-size:10px;line-height:1.7}.voice-bottom .glass-control{color:#fff;background:#ffffff0a;width:32px;height:32px;flex-shrink:0}.voice-paused .voice-visual *{animation-play-state:paused!important}.coverage-switch{position:relative;display:flex;background:#efefeb;border:1px solid #e3e3dd;border-radius:999px;padding:4px;margin:22px 0 16px;isolation:isolate}.coverage-indicator{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);border-radius:999px;background:#fff;box-shadow:0 2px 5px #17171712;transition:transform 350ms cubic-bezier(.22,1,.36,1);z-index:-1}.coverage-switch.is-after .coverage-indicator{transform:translateX(100%)}.coverage-switch button{flex:1;border:0;background:none;border-radius:999px;padding:10px 6px;font-size:12px;color:#74766e;transition:color .3s}.coverage-switch button[aria-selected=true]{color:#1c1d19}.plan-description{min-height:38px}.plan-card{transition:box-shadow .35s,transform .35s}.plan-card:hover{box-shadow:0 25px 55px -25px #70513b55;transform:translateY(-4px)}
@keyframes voiceBreath{0%,100%{transform:scale(.96);box-shadow:inset 0 2px 9px #ffba8c33,0 0 0 6px #f265220a,0 0 30px #f2652212}50%{transform:scale(1.04);box-shadow:inset 0 2px 9px #ffba8c55,0 0 0 10px #f265220d,0 0 50px #f2652233}}@keyframes voiceBars{from{transform:scaleY(.35);opacity:.3}to{transform:scaleY(1.35);opacity:1}}@keyframes voiceOrbit{to{transform:rotate(360deg)}}
.motion-paused .voice-visual *{animation-play-state:paused!important}.motion-paused .headline-slide{transition:none}.motion-paused .plan-card:hover{transform:none}.motion-paused .liquid-surface:hover{transform:none!important}
@media(max-width:1100px){.hero{grid-template-columns:.95fr 1fr;min-height:820px;gap:8px}.hero h1.moving-headline{font-size:59px;letter-spacing:-3px}.carousel-phone{width:292px;left:calc(50% - 146px)}.carousel-phone .hero-phone{width:292px;height:600px;border-radius:46px}.phone-carousel .phone-stage{height:600px}.hero-actions .button{min-width:225px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:32px;min-height:auto}.hero h1.moving-headline{font-size:68px;max-width:560px}.hero-product{width:100%;max-width:650px}.phone-carousel .phone-stage{height:656px}.carousel-phone{width:322px;left:calc(50% - 161px)}.carousel-phone .hero-phone{width:322px;height:656px}.hero-actions{flex-direction:row}}
@media(max-width:540px){.hero h1.moving-headline{font-size:clamp(40px,12.7vw,57px);letter-spacing:-2.5px}.hero-product{padding:0;margin:0;width:calc(100% + 40px);max-width:none;margin-left:-20px}.product-caption{font-size:9px}.phone-carousel{padding-top:10px}.phone-carousel .phone-stage{height:560px}.carousel-phone{width:275px;left:calc(50% - 137.5px)}.carousel-phone .hero-phone{width:275px;height:560px;border-radius:43px;border-width:5px;padding-top:22px}.carousel-phone[data-position=left]{transform:translateX(-60%) scale(.9)}.carousel-phone[data-position=right]{transform:translateX(60%) scale(.9)}.phone-carousel .phone-controls{bottom:26px}.hero-actions{flex-direction:column;gap:15px}.voice-bottom{gap:8px}.voice-demo .voice-bottom p.voice-disclosure{font-size:9px}.hero-product #phone-label{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.headline-slide,.carousel-phone,.phone-tilt,.coverage-indicator,.plan-card,.liquid-surface{transition:none!important;animation:none!important}.voice-visual *{animation:none!important}.carousel-phone[data-position=center]:hover .phone-tilt,.liquid-surface:hover,.liquid-surface:active,.plan-card:hover{transform:none!important}}
/* Match the full-width UI Layouts pricing composition and rolling digit behavior. */
.pricing-animated.pricing-section{display:block;max-width:none;width:100%;padding:90px 0;background:#f6f6f4;margin:10px 0 0}.pricing-header{max-width:780px}.pricing-header h2{font-size:clamp(38px,4.7vw,60px);letter-spacing:-2.5px;line-height:1.13;margin-bottom:22px}.pricing-header h2>span{display:inline-block}.pricing-header>p:last-child{font-size:16px;line-height:1.8;color:var(--muted);max-width:560px;margin-bottom:28px}.billing-switch{position:relative;display:inline-flex;align-items:center;border:1px solid #dfdfd9;background:#fbfbfa;padding:5px;border-radius:15px;isolation:isolate;margin-bottom:42px}.billing-switch button{border:0;background:none;border-radius:11px;padding:13px 18px;position:relative;color:#686b61;font-size:14px;font-weight:500;transition:color .3s;width:205px;white-space:nowrap}.billing-switch button span{background:#fff4e8;border:1px solid #ffe1c4;border-radius:999px;padding:2px 7px;font-size:10px;color:#512708;margin-left:5px}.billing-switch button[aria-selected=true]{color:white}.billing-indicator{position:absolute;left:5px;top:5px;bottom:5px;width:205px;border-radius:11px;background:linear-gradient(160deg,#ff842d,#e85b0e);box-shadow:inset 0 1px 5px #fff9,inset 0 -2px 3px #99350855,0 0 0 2px #fa99485c,0 3px 10px #eb7b2440;z-index:-1;transition:transform 500ms cubic-bezier(.22,1.25,.36,1)}.billing-switch.is-yearly .billing-indicator{transform:translateX(100%)}.pricing-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tier-card{border:1px solid #deded9;border-radius:16px;padding:29px 27px;background:#fff;box-shadow:0 2px 5px #00000005;min-width:0;transition:box-shadow .3s,transform .3s}.tier-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px -22px #1b1d1740}.tier-card.featured-tier{background:linear-gradient(#fff8ef,#fffdf9);border:2px solid #f48b37;padding:28px 26px;box-shadow:0 0 0 4px #fbc89422}.tier-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px}.tier-heading h3{font-size:25px;letter-spacing:-.8px;margin:0;font-weight:600}.tier-badge{font-size:9px;background:#f57a1f;color:#fff;padding:5px 8px;border-radius:999px;white-space:nowrap}.tier-description{font-size:13px;color:#62665d;line-height:1.65;min-height:44px;margin:17px 0 22px}.tier-price{display:flex;align-items:baseline;white-space:nowrap;height:66px;gap:0;font-weight:550;letter-spacing:-2px;font-size:49px;line-height:1.08}.price-currency{font-size:.7em;letter-spacing:0;margin-right:3px}.price-odometer{display:inline-flex;line-height:1.08}.price-digit{display:inline-block;overflow:hidden;height:1.08em;width:.6em;font-variant-numeric:tabular-nums;line-height:1.08}.digit-reel{display:flex;flex-direction:column;transform:translateY(calc(var(--digit)*-1.08em));transition:transform 850ms cubic-bezier(.22,1,.36,1);will-change:transform}.digit-reel>span{height:1.08em;flex:none;line-height:1.08;display:block}.price-fraction{display:inline-flex;font-size:.53em;letter-spacing:-.8px;overflow:hidden;max-width:0;opacity:0;transition:max-width 550ms ease,opacity 300ms ease}.price-fraction.has-fraction{max-width:1.65em;opacity:1}.price-period{font-size:12px;font-weight:400;letter-spacing:0;color:#666b60;margin-left:5px}.billing-detail{font-size:11px;color:#73766d;margin:2px 0 23px;min-height:17px}.tier-card>.button{width:100%;min-height:48px;font-size:12px;justify-content:space-between;gap:14px;padding:13px 19px}.tier-dark{background:linear-gradient(145deg,#464843,#171916)!important;color:white}.tier-dark:before{box-shadow:inset 0 1px 3px #ffffff55,inset 0 -1px 3px #ffffff40,0 3px 8px #0002!important}.tier-divider{height:1px;background:#e9e9e1;margin:27px 0 22px}.tier-feature-label{font-size:12px;font-weight:600;margin-bottom:19px}.tier-card ul{list-style:none;padding:0;margin:0}.tier-card li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;margin-bottom:15px;color:#45493e}.tier-card li svg{width:15px;height:15px;color:#dd661f;margin-top:2px}.tier-usage{font-size:10px;line-height:1.7;color:#767a6e;border-top:1px solid #e9e9e1;padding-top:17px;margin:24px 0 0}.pricing-preview-note{font-size:11px;line-height:1.8;color:#6e7268;margin:25px 0 0}.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}.pricing-visible .pricing-title>span{animation:pricingWord 750ms var(--word-delay) cubic-bezier(.22,1,.36,1) both}.pricing-visible .tier-card{animation:pricingCard 800ms var(--tier-delay) cubic-bezier(.22,1,.36,1) both}@keyframes pricingWord{from{opacity:0;transform:translateY(25px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes pricingCard{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:801px){.hero-product{container-type:inline-size}.carousel-phone{width:min(322px,47cqw);left:calc(50% - min(161px,23.5cqw))}.carousel-phone .hero-phone{width:min(322px,47cqw);height:min(656px,95.75cqw);border-radius:calc(min(322px,47cqw)*.15)}.phone-carousel .phone-stage{height:min(656px,95.75cqw)}.hero{min-height:770px}.phone-camera{width:28%;height:14px}.carousel-phone .hero-phone iframe{width:100%;height:100%}}
@media(max-width:1100px){.tier-card{padding:24px 20px}.tier-card.featured-tier{padding:23px 19px}.tier-heading h3{font-size:23px}.tier-price{font-size:43px;letter-spacing:-1.7px}.price-period{font-size:10px}.pricing-tiers{gap:15px}.tier-badge{font-size:8px;padding:4px 6px}}
@media(max-width:800px){.pricing-tiers{grid-template-columns:1fr}.tier-card,.tier-card.featured-tier{padding:28px;width:100%}.tier-description{min-height:0}.tier-price{font-size:53px}.tier-heading h3{font-size:27px}.tier-badge{font-size:10px}.tier-card li{font-size:14px}.tier-feature-label{font-size:14px}.tier-card>.button{font-size:14px}.pricing-animated.pricing-section{padding:65px 0}.pricing-header h2{font-size:46px}.pricing-tiers{gap:24px}}
@media(max-width:540px){.pricing-header h2{font-size:39px;letter-spacing:-1.7px}.pricing-header>p:last-child{font-size:14px}.billing-switch{display:flex;width:100%;margin-bottom:30px}.billing-switch button{width:50%;font-size:11px;padding:12px 5px}.billing-switch button span{font-size:8px;padding:2px 5px;margin-left:3px}.billing-indicator{width:calc(50% - 5px)}.tier-card,.tier-card.featured-tier{padding:26px}.pricing-animated.pricing-section{padding:55px 0}.pricing-preview-note{font-size:10px}.tier-price{font-size:52px}}
@media(prefers-reduced-motion:reduce){.pricing-visible .pricing-title>span,.pricing-visible .tier-card{animation:none}.digit-reel,.price-fraction,.billing-indicator{transition:none!important}.tier-card:hover{transform:none}.voice-orb,.voice-wave i,.voice-orbit{animation:none}}
@supports (backdrop-filter:url('#ns-liquid-glass')){.liquid-surface:after{backdrop-filter:url('#ns-liquid-glass') blur(2px) saturate(1.6)}}
.motion-paused .pricing-title>span,.motion-paused .tier-card{animation-play-state:paused!important}.motion-paused .digit-reel,.motion-paused .billing-indicator{transition:none!important}

/* Monthly plans follow the personalized test and gated live trial. */
.trial-setup-note{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 30px;max-width:640px}.higher-volume-tier .tier-heading h3{font-size:23px}.higher-volume-tier .tier-price:before{content:"From";font-size:13px;letter-spacing:0;font-weight:400;color:var(--muted);margin-right:8px}
