/* Preview V2: comfortable reading and faithful brand assets. */
body{font-size:17px}
:root{--muted:#bcc6db}
.preview-ribbon{font-size:12px;height:33px}
.desktop-nav a{font-size:17px}
.desktop-nav{gap:27px}
.header-inner{gap:24px}
.header-call{font-size:15px;min-height:48px;padding:12px 18px}
.mobile-nav a{font-size:18px;min-height:52px}
.hero-intro{font-size:19px;line-height:1.75}
.path-choice strong{font-size:17px}
.path-choice small{font-size:13px}
.path-choice{min-height:85px}
.hero-whatsapp,.text-link{font-size:16px}
.hero-whatsapp{margin-top:16px}
.eyebrow,.label{font-size:12px}
.art-caption{font-size:13px}
.button{font-size:16px;min-height:54px}
.button-small{font-size:15px;min-height:48px}
.trust-inner{grid-template-columns:1fr 1.15fr 1fr;gap:28px}
.trust-inner>p{font-size:14px;line-height:1.65}
.trust-inner span strong{font-size:16px}
.trust-inner>p>.icon{width:29px;height:29px}
.trust-inner img{width:46px;height:46px}
.section-heading>p:last-child{font-size:17px}
.card-topline .label{font-size:12px;letter-spacing:.1em}
.offer-card .offer-brand{min-height:66px;margin-bottom:18px;display:flex;align-items:center}
.offer-wordmark,.offer-card .shopibot-wordmark{display:block;width:250px;max-width:100%;height:65px;object-fit:contain;object-position:left center;margin:0}
.offer-promise{font-size:26px}
.offer-description{font-size:17px;line-height:1.7}
.check-list li{font-size:16px;line-height:1.65}
.price-row>span{font-size:14px}
.availability{font-size:13px;line-height:1.6}
.offer-footnote{font-size:13px}
.delegation-band p{font-size:16px}
.delegation-band .label{font-size:12px}
.section-lead{font-size:19px}
.bot-story>p:not(.eyebrow):not(.section-lead){font-size:17px}
.feature-line h3{font-size:20px}
.feature-line p{font-size:16px;line-height:1.75}
.feature-line{margin-top:28px}
.demo-toolbar{font-size:12px;gap:14px}
.demo-tabs button{font-size:14px;min-height:54px}
.demo-label{font-size:12px;letter-spacing:.07em}
.demo-panel{min-height:510px}
.demo-panel p{font-size:16px;line-height:1.75}
.demo-panel .demo-opening{font-size:17px}
.demo-panel h4{font-size:18px}
.seo-snippet strong{font-size:16px}
.seo-snippet>span:last-child{font-size:14px}
.seo-snippet .demo-label{font-size:11px}
.raw-data{font-size:14px;line-height:1.95}
.demo-panel .demo-note{font-size:14px}
.demo-caption{font-size:12px}
.mini-flow{font-size:13px;flex-wrap:wrap}
.reassurance{font-size:14px}
.reassurance strong{font-size:15px}
.video-link{font-size:16px}
.proof-peek{display:block;width:calc(100% - 60px);text-align:left;color:inherit;cursor:zoom-in}
.proof-peek img{aspect-ratio:auto;object-fit:contain;border-radius:7px}
.proof-peek>span{font-size:14px;line-height:1.7}
.proof-peek .proof-peek-action{font-size:12px;display:inline;margin-left:6px;color:#c9d7ff;white-space:nowrap}
.formation-copy>p{font-size:17px;line-height:1.75}
.training-points p{font-size:16px;line-height:1.75}
.training-points>div>span{font-size:15px}
.formation-copy .course-status{font-size:15px}
.formation-price>span{font-size:14px}
.small-print{font-size:13px!important;line-height:1.75}
.field-heading>p{font-size:16px;max-width:320px}
.proof-heading h3{font-size:18px}
.proof-heading p{font-size:13px}
.proof-image>span{font-size:13px}
.portrait-caption span{font-size:14px}
.personal-copy>p:not(.eyebrow){font-size:17px;line-height:1.75}
.resources-heading>p{font-size:16px;max-width:330px}
.resource-link p{font-size:16px;line-height:1.7}
.resource-link .label{font-size:11px}
.resource-symbol{background:transparent;box-shadow:none;width:46px;height:46px}
.resource-symbol img{width:44px;height:44px;object-fit:contain}
.youtube-symbol img{width:46px;height:46px}
.brand-icon{display:inline-block;flex:none;width:25px;height:25px;object-fit:contain;vertical-align:middle}
.text-link .brand-icon{width:22px;height:22px}
.hero-whatsapp .brand-icon{width:22px;height:22px}
.mobile-nav .brand-icon{width:25px;height:25px}
.faq-section>div:first-child>p:not(.eyebrow){font-size:17px}
.faq-items summary{font-size:17px;padding-block:24px}
.faq-items details>p{font-size:16px;line-height:1.85}
.final-call p:not(.eyebrow){font-size:18px}
.final-bot{font-size:15px;max-width:640px}
.footer-top p{font-size:14px}
.footer-links{font-size:15px;gap:22px}
.footer-bottom{font-size:13px}
.image-dialog>p{font-size:14px}

@media(max-width:1100px){
  .desktop-nav{gap:18px}.desktop-nav a{font-size:16px}
  .header-call{font-size:14px;padding-inline:14px}
  .hero-intro{font-size:18px}
  .trust-inner{gap:20px}.trust-inner>p{font-size:13px}
  .trust-inner span strong{font-size:15px}
  .offer-card .label{font-size:11px}
  .offer-description{font-size:16px}
  .offer-promise{font-size:24px}
  .offer-wordmark,.offer-card .shopibot-wordmark{width:230px;height:60px}
  .mini-flow{font-size:12px;gap:6px}
  .demo-toolbar{font-size:11px}
  .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
}
@media(max-width:980px){
  .desktop-nav{display:none}.menu-toggle{display:flex}
  .header-call{margin-left:auto}
}
@media(max-width:900px){
  .trust-inner{grid-template-columns:1fr 1.15fr 1fr;gap:18px}
  .trust-inner>p{font-size:12px}.trust-inner span strong{font-size:14px}
  .trust-inner>p>.icon{width:23px;height:23px}
  .offer-card{padding:25px}
  .offer-description{font-size:16px}.check-list li{font-size:15px}
  .availability,.offer-footnote{font-size:12px}
  .demo-toolbar{font-size:10px}.demo-tabs button{font-size:13px}
  .feature-line h3{font-size:18px}
  .formation-layout{gap:32px}.training-points p{font-size:16px}
  .field-heading>p{max-width:280px}
  .resource-link{gap:14px}.resource-link h3{font-size:20px}
}
@media(max-width:700px){
  .preview-ribbon{font-size:11px;height:30px;gap:7px}
  .header-call{display:none}.header-inner{gap:15px}
  .mobile-nav a{font-size:18px;line-height:1.5}
  .hero-intro{font-size:17px;line-height:1.75}
  .path-choice{min-height:78px;padding:14px 16px}
  .path-choice strong{font-size:16px}.path-choice small{font-size:13px}
  .hero-whatsapp,.text-link{font-size:15px;line-height:1.65}
  .eyebrow,.label{font-size:11px;letter-spacing:.1em}
  .art-caption{font-size:12px}
  .trust-inner{grid-template-columns:1fr;gap:16px;padding-block:22px}
  .trust-inner>p,.trust-inner>p:nth-child(2){display:flex;font-size:14px;gap:14px}
  .trust-inner>p{font-size:14px}.trust-inner span strong{font-size:16px}
  .trust-inner>p>.icon{width:27px;height:27px}.trust-inner img{width:34px;height:34px}
  .section-heading>p:last-child{font-size:16px}
  .offer-card .offer-brand{min-height:60px;margin-bottom:18px}
  .offer-wordmark,.offer-card .shopibot-wordmark{width:235px;height:60px}
  .card-topline .label{font-size:11px}
  .offer-promise{font-size:25px}.offer-description{font-size:16px;line-height:1.75}
  .check-list li{font-size:16px}
  .price-row>span{font-size:14px}.availability{font-size:13px}
  .offer-footnote{font-size:12px}
  .offer-card .button,.button{font-size:16px;min-height:54px}
  .delegation-band .label{font-size:11px}.delegation-band p{font-size:16px}
  .delegation-band .button{font-size:16px;min-height:52px}
  .section-lead{font-size:18px}
  .bot-story>p:not(.eyebrow):not(.section-lead){font-size:16px}
  .feature-line h3{font-size:19px}.feature-line p{font-size:16px}
  .bot-story>.button{font-size:16px}
  .demo-toolbar{font-size:11px;line-height:1.6}
  .demo-tabs button{font-size:13px}
  .demo-panel p,.demo-panel .demo-opening{font-size:16px}
  .demo-panel h4{font-size:18px}.demo-label{font-size:11px}
  .seo-snippet strong{font-size:15px}.seo-snippet>span:last-child{font-size:14px}
  .seo-snippet .demo-label{font-size:10px}.demo-caption{font-size:11px;line-height:1.6}
  .mini-flow{font-size:11px;gap:6px}.mini-flow strong{margin-left:3px}
  .reassurance{font-size:14px}.reassurance strong{font-size:15px}
  .video-link{font-size:15px}
  .proof-peek{width:calc(100% - 44px)}
  .proof-peek>span{font-size:14px}.proof-peek .proof-peek-action{font-size:12px}
  .formation-copy>p,.training-points p{font-size:16px}
  .formation-copy .course-status{font-size:15px}
  .formation-price>span{font-size:13px}
  .formation-copy .button{font-size:16px}
  .small-print{font-size:13px!important}
  .field-heading>p{font-size:16px;max-width:none}
  .proof-heading h3{font-size:17px}.proof-heading p{font-size:13px}
  .proof-image>span{font-size:13px}
  .personal-copy>p:not(.eyebrow){font-size:16px}
  .personal-copy .button{font-size:16px}.personal-copy .text-link{font-size:15px}
  .portrait-caption span{font-size:14px}
  .resources-heading>p{font-size:16px;max-width:none}
  .resource-link p{font-size:16px}.resource-link .label{font-size:11px}
  .resource-link h3{font-size:21px}.resource-link{align-items:flex-start;gap:14px}
  .resource-symbol,.resource-symbol img{width:38px;height:38px}
  .youtube-symbol img{width:40px;height:40px}
  .resource-link>.icon{width:17px;height:17px;margin-top:5px}
  .faq-section>div:first-child>p:not(.eyebrow){font-size:16px}
  .faq-items summary{font-size:17px}.faq-items details>p{font-size:16px}
  .final-call p:not(.eyebrow){font-size:17px}
  .final-call .button{font-size:16px;min-height:54px}
  .final-bot{font-size:14px;max-width:340px}
  .footer-top p{font-size:14px}.footer-links{display:flex;font-size:15px}
  .footer-bottom{font-size:12px}
  .image-dialog>p{font-size:13px}
}
.proof-peek-toheed .testimonial-original{display:block;margin:0}
.proof-peek-toheed .testimonial-original img{display:block;position:static;width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:944 / 1034;object-fit:contain;padding:0;border-radius:7px}
.proof-peek-toheed .tilted-proof-title{display:block;font-size:18px;line-height:1.45;color:#f1f4fc;font-weight:600;margin-top:14px}
.proof-peek-toheed .tilted-proof-title strong{color:#9cdaf4}
.proof-peek-toheed .tilted-proof-role{display:block;font-size:14px;font-style:italic;line-height:1.7;margin-top:7px;color:#bcc8e0}
.proof-peek-toheed .proof-peek-action{display:block;margin:10px 0 0;font-size:13px}
.proof-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:34px;background:linear-gradient(120deg,#15213b,#10182a)}
.featured-proof-copy h3{font-size:29px;line-height:1.35;margin:20px 0 16px}
.featured-proof-copy h3 strong{display:block;font-size:46px;letter-spacing:-.04em;color:#99d5fa}
.featured-proof-copy>p{font-size:16px;line-height:1.8;margin-top:14px}
.featured-proof-copy>p em{font-style:italic;color:#e0e8f8}
.featured-proof-note{display:block;margin-top:24px;font-size:13px;color:#aab9d8}
.proof-image-toheed .testimonial-original{display:block;padding:0;margin:0;background:#f0ece5}
.proof-image-toheed .testimonial-original img{display:block;position:static;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:944 / 1034;object-fit:contain;padding:0;background:none}
@media(max-width:700px){.proof-card-featured{grid-template-columns:1fr;gap:24px;padding:23px}.featured-proof-copy h3{font-size:26px;margin-top:14px}.featured-proof-copy h3 strong{font-size:43px}.featured-proof-note{margin-top:15px}.proof-peek-toheed .tilted-proof-title{font-size:17px}.proof-peek-toheed .tilted-proof-role{font-size:14px}}
@media(max-width:380px){
  .preview-ribbon{font-size:10px}
  .path-choice strong{font-size:15px}.path-choice small{font-size:12px}
  .hero-intro{font-size:17px}.hero-whatsapp{font-size:14px}
  .offer-card{padding:21px}.card-topline .label{font-size:10px}
  .offer-wordmark,.offer-card .shopibot-wordmark{width:220px;height:57px}
  .availability{font-size:12px}.offer-promise{font-size:24px}
  .demo-toolbar>span:last-child{font-size:10px}
  .resource-link{gap:12px;padding-inline:15px}
  .resource-symbol,.resource-symbol img{width:32px;height:32px}
  .resource-link h3{font-size:20px}
}

/* Compact proof carousel: equal cards, full images, manual navigation only. */
.testimonial-carousel>.proof-grid{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 0 4px}
.testimonial-carousel>.proof-grid::-webkit-scrollbar{display:none}
.testimonial-carousel .proof-card{flex:0 0 calc((100% - 22px)/2);min-width:0;scroll-snap-align:start;padding:22px}
.testimonial-carousel .proof-heading{min-height:103px;align-items:flex-start;margin-bottom:15px}
.testimonial-carousel .proof-heading>.proof-mark{margin-top:3px}
.testimonial-carousel .proof-heading>.icon{margin-top:7px}
.testimonial-carousel .proof-heading>div{min-width:0}
.testimonial-carousel .proof-heading h3{font-size:19px;line-height:1.45}
.testimonial-carousel .proof-heading p{font-size:14px;line-height:1.65;margin-top:6px}
.testimonial-carousel .proof-heading em{font-style:italic}
.testimonial-carousel .proof-image img{position:static;display:block;width:100%;height:230px;max-height:none;min-height:0;aspect-ratio:auto;object-fit:contain;padding:8px;background:#09151d}
.testimonial-carousel .testimonial-original{display:block;height:230px;position:static;padding:0;margin:0;background:#09151d}
.testimonial-carousel .proof-image-toheed .testimonial-original img{width:100%;height:230px;max-height:none;aspect-ratio:auto;object-fit:contain;padding:8px;background:#09151d}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}
.carousel-hint{font-size:14px}
.carousel-navigation{display:flex;align-items:center;gap:10px;flex:none}
.carousel-count{font-size:13px;font-variant-numeric:tabular-nums;color:#becae4;margin-right:8px;min-width:49px;text-align:right}
.carousel-navigation button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #415276;border-radius:50%;background:#15213b;color:#dbe6fc}
.carousel-navigation button:hover:not(:disabled){background:#253757;border-color:#93b3f5}
.carousel-navigation button:disabled{opacity:.35;cursor:default}
.carousel-prev .icon{transform:rotate(180deg)}
.carousel-dots{display:none;gap:9px}
.carousel-dots button{width:28px;height:28px;border:0;background:none;display:grid;place-items:center;padding:0}
.carousel-dots button:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#46577b}
.carousel-dots button[aria-current=true]:before{width:18px;border-radius:5px;background:#8bbefa}
.proof-peek-toheed .testimonial-original{height:230px;display:block;background:#0b1323;border-radius:7px}
.proof-peek-toheed .testimonial-original img{position:static;width:100%;height:230px;max-height:none;aspect-ratio:auto;object-fit:contain;padding:7px;border-radius:7px}
.proof-peek-toheed .tilted-proof-title{font-size:17px;margin-top:12px}
.proof-peek-toheed .tilted-proof-role{font-size:14px}
@media(max-width:700px){
  .testimonial-carousel>.proof-grid{gap:16px}
  .testimonial-carousel .proof-card{flex-basis:100%;padding:20px}
  .testimonial-carousel .proof-heading{min-height:112px;gap:10px;margin-bottom:13px}
  .testimonial-carousel .proof-heading h3{font-size:18px}
  .testimonial-carousel .proof-heading p{font-size:14px}
  .testimonial-carousel .proof-mark{width:30px;height:30px;font-size:12px}
  .testimonial-carousel .proof-heading>.icon{width:16px;height:16px}
  .testimonial-carousel .proof-image img,.testimonial-carousel .proof-image-toheed .testimonial-original img{height:220px}
  .testimonial-carousel .testimonial-original{height:220px}
  .carousel-controls{gap:10px;margin-top:13px}
  .carousel-hint{display:none}.carousel-dots{display:flex;gap:3px}
  .carousel-navigation{gap:7px}.carousel-count{margin-right:3px;font-size:12px;min-width:32px}
  .carousel-navigation button{width:42px;height:42px}
  .proof-peek-toheed .testimonial-original,.proof-peek-toheed .testimonial-original img{height:220px}
}