/* Preserve the desktop composition; make the phone layout follow its content. */
.header .brand,.header .brand img{border:0;outline:0;background:transparent;box-shadow:none;border-radius:0}
.immersive-hero .intro-frame{border:0;box-shadow:none;border-radius:0}
@media(max-width:800px){
 html{scroll-padding-top:155px}body{overflow-x:clip}main,main>section{min-width:0}.wrap{width:calc(100% - 36px)}
 .header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:12px 14px;align-items:center}.header .brand{grid-column:1;grid-row:1;min-width:0;justify-self:start}.header .brand img{width:120px;max-width:100%;height:auto}.header nav{display:none}.header .nav-actions{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;margin:0}.header .motion-toggle{width:28px;height:30px;flex-shrink:0}.header .login{font-size:12px;white-space:nowrap}.header .button.small{padding:9px 10px;font-size:12px;white-space:nowrap}.header-flags{grid-column:1;grid-row:2;order:initial;gap:5px;margin:0;min-width:0}.header-flags a{padding:3px 1px}.header-flags img{width:20px;height:15px}.header-socials{grid-column:2;grid-row:2;order:initial;width:auto;justify-content:flex-end;gap:7px;margin:0;padding:0;border:0}.header-socials a{width:30px;height:30px}.header-socials svg{width:18px;height:18px}
 .immersive-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:26px 18px 86px;gap:30px}.immersive-copy{width:100%;max-width:none;min-width:0}.immersive-copy h1{font-size:clamp(58px,11vw,88px);letter-spacing:-3px}.immersive-copy>p:not(.eyebrow){max-width:100%}.immersive-hero .hero-brand{position:relative;inset:auto;width:min(100%,600px);max-width:100%;margin:0 auto;transform:none;align-self:center}.intro-cinema .intro-frame>img{max-height:none}.intro-frame{width:100%;aspect-ratio:16/10}.hero-brand .axis-bottom{position:relative;display:block;bottom:auto;right:auto;left:auto;text-align:center;margin-top:12px;font-size:10px}.hero-ground{bottom:20px;left:18px;right:18px;gap:12px;flex-wrap:wrap;font-size:10px}.hero-ground>span:last-child{display:none}.hero-ground>a{font-size:10px;gap:8px}.hero-ground i{height:25px}
 .hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions .button{flex:1 1 140px;justify-content:center;text-align:center;min-width:0}.section{padding-top:60px;padding-bottom:48px}.section-title{gap:18px}.section-title h2,.demo-intro h2,.faq h2{font-size:clamp(30px,7.6vw,40px);line-height:1.18;overflow-wrap:break-word}.section-title>p,.section-title .client-intro{max-width:100%;font-size:16px}
 .experience-layout{grid-template-columns:minmax(0,1fr);gap:22px}.experience-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.experience-tab{min-width:0;min-height:110px;padding:16px 12px;align-items:flex-start;text-align:left}.experience-tab b{font-size:16px;line-height:1.3;overflow-wrap:break-word}.experience-tab p{display:none}.experience-stage{min-width:0;transform:none}.screen-inner{height:auto;aspect-ratio:3/2}.stage-bar,.stage-bottom{gap:8px;flex-wrap:wrap;line-height:1.5}.stage-bottom>span{min-width:0;flex:1 1 140px}.stage-bar>span{overflow-wrap:anywhere}.expand-image{white-space:nowrap}
 .live-demo{grid-template-columns:minmax(0,1fr)}.live-demo .hero-visual{width:100%;min-width:0}.app-window{transform:none}.app-body{padding:20px 16px}.app-heading{align-items:flex-start}.app-heading>div{min-width:0}.app-heading h2{line-height:1.25}.product-search .search-box{min-width:0;padding:10px;gap:7px}.search-box input{font-size:16px}.search-submit{flex-shrink:0;padding:10px;font-size:13px}.search-suggestions{flex-wrap:wrap}.best-price-radar{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;padding:14px 10px}.best-price-radar>div{min-width:0}.best-price-radar strong{font-size:14px;line-height:1.3}.best-price-radar>b{font-size:19px;white-space:nowrap}.price-row{min-width:0;gap:8px;padding:13px 10px}.price-row .supplier{min-width:0;overflow-wrap:break-word}.price-row strong{white-space:nowrap}.comparison-footer,.visual-caption{gap:10px;flex-wrap:wrap}.saving-float{position:relative;inset:auto;margin:15px 0 0;max-width:100%;padding:16px}.saving-float .mini-bars{margin-left:auto}.demo-note{line-height:1.6}
 .feature-grid,.charts-open,.advanced-charts,.faq,.matrix-contact,.whatsapp-contact,.savings-portrait-section,.time-freedom,.value-plan{grid-template-columns:minmax(0,1fr)}.feature,.main-feature,.charts-open>article,.advanced-charts>article,.time-freedom-copy,.savings-portrait-copy,.plan-description,.value-card,.matrix-contact-copy,.matrix-contact-form,.contact-copy,.whatsapp-card{min-width:0}.main-feature{grid-column:auto}.feature h3{font-size:28px;line-height:1.2}.pie-stage{width:100%;max-width:470px;margin:24px auto 0}.pie-stage svg{max-width:100%}.chart-periods{flex-wrap:wrap}.chart-periods button{min-width:0}.medicine-bars{gap:10px;padding-left:8px;padding-right:8px}.medicine-bar{min-width:0}.bar-name{white-space:normal;overflow-wrap:break-word;font-size:12px;line-height:1.3;min-height:40px;height:auto;text-align:center}.medicine-bar .bar-column b{font-size:14px}.supplier-legend{grid-template-columns:minmax(0,1fr)}.opportunity-console{grid-template-columns:minmax(0,1fr);padding:24px 18px;gap:24px}.console-result{grid-column:auto;padding:20px 0 0;border-left:0;border-top:1px solid #91c9e344}.console-result strong{font-size:34px}.rate-options{flex-wrap:wrap}.advanced-heading{flex-wrap:wrap;gap:12px}.opportunity-row{grid-template-columns:100px minmax(0,1fr) 68px;gap:6px}.opportunity-row>span{overflow-wrap:break-word}.trend-stage{min-width:0}.time-comparison{gap:12px}.time-comparison strong{font-size:clamp(25px,7vw,35px);letter-spacing:-1px;white-space:normal}.time-reclaimed{flex-wrap:wrap}.time-portrait img,.savings-avatar img{max-width:100%;height:auto;object-fit:contain}.work-comparison-labels{gap:14px}.work-comparison-labels h3{font-size:20px}.work-comparison-labels p{font-size:14px;overflow-wrap:break-word}
 .plan-price{flex-wrap:wrap}.value-card .plan-tag{white-space:normal;line-height:1.5}.value-equation{gap:8px;line-height:1.5}.value-card .button{white-space:normal;line-height:1.4}.coffee-input-wrap input{font-size:22px}.client-card{flex:0 0 calc(100vw - 62px);max-width:420px;padding:24px}.client-name{min-width:0}.client-name>div{min-width:0}.client-name h3{overflow-wrap:break-word}.faq-list summary{line-height:1.5;padding-right:25px}.final-cta h2{font-size:clamp(34px,8.5vw,48px)}.final-cta .button{max-width:100%;white-space:normal;text-align:center}.world-visual{width:min(88%,420px)}.world-copy h2{font-size:clamp(30px,8vw,42px)}.world-spot{height:auto;min-height:55px;line-height:1.5}.world-spot span{white-space:normal}.world-country-list{flex-wrap:wrap;justify-content:center}.contact-field-grid{grid-template-columns:minmax(0,1fr)}.contact-form-top{flex-wrap:wrap;gap:8px}.matrix-contact-form input:not([type=hidden]),.matrix-contact-form textarea{font-size:16px}.matrix-contact-copy h2,.contact-copy h2{font-size:clamp(30px,8vw,40px)}.contact-code-line{overflow-wrap:anywhere}.whatsapp-card{padding:26px 20px}.whatsapp-button{white-space:normal;text-align:center}.upcoming-network{grid-template-columns:minmax(0,1fr)}.careers-strip{min-width:0}.careers-button{max-width:100%;white-space:normal;text-align:center}.footer{padding-bottom:80px}.footer-top{gap:16px}.footer-top>a:last-child{margin-left:0}.footer-address{line-height:1.6}.footer-bottom{flex-wrap:wrap;gap:12px}.sound-toggle{bottom:calc(10px + env(safe-area-inset-bottom));left:12px}.capsule-message p{overflow-wrap:break-word}.welcome-price-note{max-width:calc(100% - 28px);text-align:center}.welcome-logo{max-width:none}
}
@media(max-width:520px){.header .brand img{width:110px}.header .button.small{font-size:11px;padding:9px 8px}.header-flags{gap:4px}.header-socials{gap:6px}.immersive-copy h1{font-size:clamp(48px,14.8vw,76px);letter-spacing:-2.5px}.immersive-copy .eyebrow{font-size:11px;letter-spacing:1px;line-height:1.5}.immersive-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}.immersive-copy .hero-actions{margin-top:24px}.hero-actions .button{font-size:13px;padding:14px 12px}.intro-topline,.intro-caption{padding:10px;font-size:9px;letter-spacing:0;flex-wrap:wrap}.intro-caption>span{max-width:155px}.intro-caption button{font-size:10px}.steps{grid-template-columns:minmax(0,1fr);gap:24px}.steps h3{font-size:22px;margin:15px 0 10px}.steps p{font-size:15px}.interactive-capsules{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.capsule-choice{min-width:0}.capsule-choice strong{font-size:16px!important;line-height:1.4}.choice-option>span:last-child{line-height:1.5}.client-logo{flex-shrink:0}.work-comparison-labels{grid-template-columns:minmax(0,1fr);gap:22px}.world-spot{font-size:17px}.footer-top>span{font-size:14px}}
@media(max-width:359px){.header{padding-left:10px;padding-right:10px}.header .brand img{width:96px}.header-flags img{width:18px;height:14px}.header-socials a{width:28px;height:28px}.header-flags{gap:3px}.hero-actions{flex-direction:column}.hero-actions .button{flex:auto;width:100%}.interactive-capsules{grid-template-columns:minmax(0,1fr)}.capsule-choice{max-width:250px;width:100%;justify-self:center}.time-comparison{grid-template-columns:minmax(0,1fr)}.coffee-bars>div{grid-template-columns:105px minmax(0,1fr)}.opportunity-row{grid-template-columns:88px minmax(0,1fr) 64px}}

/* Center capsule artwork and choice messages in the actual visible mobile screen. */
@media(max-width:800px){
 .choice-image-stage{margin-inline:auto;width:100%;box-sizing:border-box}
 .choice-image-stage>img{margin-inline:auto;object-position:center center}
 .capsule-message{padding-block:max(24px,env(safe-area-inset-top,0px),env(safe-area-inset-bottom,0px));padding-inline:max(24px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
 .capsule-message p{width:min(100%,26ch);max-width:100%;font-size:clamp(22px,5.8vw,30px);line-height:1.45;letter-spacing:.3px;white-space:normal;text-wrap:balance;overflow-wrap:normal;word-break:normal}
 .choice-message-red p{width:min(100%,22ch)}
 .choice-message-blue p{letter-spacing:.3px}
}
/* Keep the tutorial control in normal flow on mobile, clear of the hero CTA. */
@media(max-width:800px){.tutorial-video-trigger{position:static;width:max-content;max-width:100%;height:44px;min-height:44px;margin:0 0 12px auto}}

/* A small, borderless instruction link in its own row above the mobile screen. */
@media(max-width:800px){
 .tutorial-video-toolbar{position:static;display:flex;justify-content:flex-end;clear:both;width:100%;padding:0 0 14px;margin:0}
 .tutorial-video-toolbar .tutorial-video-trigger{position:static;display:inline-flex;width:auto;max-width:100%;height:32px;min-height:32px;margin:0;padding:4px 0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;font-size:11px;gap:5px;color:#add7ec}
 .tutorial-video-toolbar .tutorial-video-trigger svg{width:17px;height:17px}
 .tutorial-video-toolbar .tutorial-video-trigger:hover{color:#fff}
}