.smart-vending-page main{overflow:clip}
.smart-vending-page .desktop-nav a[aria-current="page"]{color:var(--green)}
.smart-vending-page .desktop-nav a[aria-current="page"]:after{right:0}
.smart-vending-page .eyebrow{font-size:.875rem;letter-spacing:.1em;margin-bottom:16px}
.smart-vending-page .text-link{font-size:1rem}
.smart-vending-page main .button{font-size:1rem;gap:18px;white-space:normal;text-align:center}
.smart-breadcrumb{display:flex;gap:12px;align-items:center;padding-top:28px;font-size:.875rem;color:var(--muted)}
.smart-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.smart-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:38px 56px}
.smart-hero h1{font-size:clamp(2.5rem,4.6vw,4rem);line-height:1.07;letter-spacing:-.045em;max-width:620px;margin-bottom:22px}
.smart-hero h1 span{color:var(--green)}
.smart-intro{font-size:1.125rem;line-height:1.7;max-width:510px}
.smart-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:26px}
.smart-hero-visual{min-width:0;border-radius:12px;overflow:hidden;background:var(--pale);border:1px solid #dce5df}
.smart-hero-visual img{width:100%;height:370px;object-fit:cover;object-position:center}
.smart-hero-visual figcaption{font-size:.875rem;line-height:1.55;padding:16px 20px;color:var(--muted)}
.smart-carousel .smart-slide figcaption{min-height:calc(2.71rem + 32px)}
.smart-slide:not([hidden]){animation:smart-slide-in .4s ease-out}
.smart-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 20px 16px}
.smart-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:white;color:var(--navy);border:1px solid #c6d5cc;border-radius:6px;font-size:.875rem;line-height:1.3}
.smart-carousel-controls button:hover{background:#e9f3eb;border-color:var(--green)}
.smart-carousel-controls button:focus-visible{outline-offset:2px}
.smart-carousel-play{padding:10px 14px}
.smart-carousel-navigation{display:flex;align-items:center;gap:8px}
.smart-carousel-step{width:44px;padding:10px}
.smart-carousel-step svg{width:20px;height:20px}
.smart-carousel-count{font-size:.875rem;font-variant-numeric:tabular-nums;min-width:40px;text-align:center;color:var(--muted)}
@keyframes smart-slide-in{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.smart-slide:not([hidden]){animation:none}}
.smart-benefits{padding-block:46px 48px;background:var(--pale);border-top:1px solid #e1e9e3;border-bottom:1px solid #e1e9e3}
.smart-benefits h2{font-size:clamp(1.75rem,2.5vw,2.125rem);letter-spacing:-.025em;margin-bottom:28px}
.smart-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.smart-benefit-grid article{min-width:0;border-top:2px solid var(--green);padding-top:18px}
.smart-benefit-grid .line-icon{width:28px;height:28px;margin-bottom:13px}
.smart-benefit-grid h3{font-size:1.375rem;line-height:1.2;letter-spacing:-.025em;margin-bottom:12px}
.smart-benefit-grid p{font-size:1rem;line-height:1.75}
.smart-trial{padding-block:52px 56px}
.smart-trial-box{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:52px;align-items:center;background:var(--navy);border-radius:12px;padding:38px 40px;color:white}
.smart-trial-box .eyebrow{color:#a9e692}
.smart-trial-box h2{font-size:clamp(1.75rem,2.7vw,2.125rem);line-height:1.15;letter-spacing:-.025em;margin-bottom:16px}
.smart-trial-box p{color:#e0eaf0;font-size:1rem;line-height:1.75}
.smart-trial-box .smart-trial-terms{font-size:.875rem;color:#c1d4df;margin-top:14px}
.smart-next-step{border-left:1px solid #ffffff35;padding-left:36px}
.smart-next-step h3{font-size:1.25rem;line-height:1.3;margin-bottom:12px;letter-spacing:-.02em}
.smart-next-step .button{margin-top:20px;width:100%}
.smart-vending-page .footer-top nav a{font-size:.875rem}
@media(max-width:1050px){
 .smart-hero{gap:32px}
 .smart-hero-visual img{height:340px}
 .smart-trial-box{gap:28px;padding:32px}
 .smart-next-step{padding-left:28px}
 .smart-benefit-grid{gap:24px}
}
@media(max-width:760px){
 .smart-breadcrumb{padding-top:24px}
 .smart-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:28px 36px}
 .smart-hero h1{font-size:clamp(2.5rem,10vw,3.25rem)}
 .smart-intro{font-size:1rem}
 .smart-hero-actions{gap:18px;margin-top:24px}
 .smart-hero-visual img{height:auto;aspect-ratio:4 / 3}
 .smart-hero-visual figcaption{padding:14px 16px}
 .smart-carousel .smart-slide figcaption{min-height:calc(2.71rem + 28px)}
 .smart-carousel-controls{padding:0 16px 14px}
 .smart-benefits{padding-block:34px 36px}
 .smart-benefit-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .smart-benefit-grid article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 14px}
 .smart-benefit-grid .line-icon{grid-column:1;grid-row:1 / 3;margin:0}
 .smart-benefit-grid h3,.smart-benefit-grid p{grid-column:2}
 .smart-trial{padding-block:36px}
 .smart-trial-box{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 24px}
 .smart-next-step{padding:24px 0 0;border-left:0;border-top:1px solid #ffffff35}
 .smart-vending-page .footer-top nav{max-width:none}
}