/* Final visual rhythm shared by Modelo 2. Preserve each page's composition. */
.model2{--reading-ink:#59677a;--reading-dark:#bcc9db}
.model2 :is(h1,h2,h3){text-wrap:balance}
.model2 :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #83adff;outline-offset:5px}
.model2 :is(.pill,.sp-button,.sense-top-cta){min-height:52px;font-size:13px}
.model2 :is(.sp-text-link,.direction-talk,.direction-editorial a,.spirit-link){font-size:13px;line-height:1.7}
.model2 :is(.sp-eyebrow,.label,.direction-eyebrow){font-size:11px;line-height:1.7;letter-spacing:1.2px}
.model2 :is(.sp-heading h2,.section-heading h2){line-height:1.13;letter-spacing:-1.6px}
.model2 .sp-section,.service-youl .sp-section{padding-top:84px;padding-bottom:84px}
.model2 :is(.sp-heading,.section-heading){margin-bottom:36px}
.model2 :is(.sp-heading>p:last-child:not(.sp-eyebrow),.sp-step-grid p,.sp-large-copy){font-size:15px;line-height:1.85}
.model2 :is(.direction-editorial p,.method-intro>p,.method-step p,.conversion-row p){font-size:15px;line-height:1.85;color:var(--reading-ink)}
.model2 .method-step small{font-size:12px;color:#49688e}
.model2 .direction-editorial a{min-height:40px}
.model2 .direction-statement h2 em{color:#657183}
.model2 .sense-method{margin-top:12px;margin-bottom:12px}

/* An open editorial section breaks the run of filled panels and repeated photos. */
.model2 .why2{background:#fff;border-radius:0;margin:0;padding:84px 0 46px;color:#171e2b}
.model2 .why2-grid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:9%}
.model2 .why2 h2{font-size:clamp(34px,3.3vw,48px);line-height:1.14;letter-spacing:-1.6px}
.why2-intro>p{font-size:15px;line-height:1.85;color:var(--reading-ink);max-width:380px;margin:24px 0}
.spirit-link{display:inline-flex;align-items:center;gap:20px;color:#0755ff;font-weight:600;min-height:44px}
.spirit-link>span{font-size:24px}
.model2 .why2 .accordion{margin:0;border-top:1px solid #dce3ec}
.model2 .why2 .accordion summary{font-size:19px;line-height:1.45;padding:26px 0;gap:15px}
.model2 .why2 .accordion p{font-size:15px;line-height:1.85;color:var(--reading-ink)}
.model2 .why2 .accordion summary>span{font-size:12px;color:#0755ff}
.model2 .team2{padding-top:52px}
.model2 .conversion-row{padding-top:26px;margin-top:30px}
.model2 .sp-faq .sp-heading:after{display:none}

/* Keep accent panels for key moments, with open sections between them. */
.model2 .editorial-manifesto{background:transparent;border-radius:0;padding:76px 0;margin-top:0;margin-bottom:0}
.model2 .shop-start{background:transparent;border-radius:0;padding:0;border:0}
.model2 .complete-youl{background:transparent;border-radius:0;border:0;padding-left:0;padding-right:0}
.model2 .about-process{gap:0;border-top:1px solid #dce3ec;border-bottom:1px solid #dce3ec}
.model2 .about-process article{background:transparent;border-radius:0;padding:30px;color:#1b293a}
.model2 .about-process article:first-child{padding-left:0}
.model2 .about-process article+article{border-left:1px solid #dce3ec}
.model2 .about-process article>span{color:#0755ff}
.model2 .about-process article p{font-size:14px;color:var(--reading-ink)}
.model2 .yp-journey{background:transparent;border-radius:0;padding:32px 0;border-top:1px solid #dce3ec;border-bottom:1px solid #dce3ec}
.model2 .yp-journey p{font-size:13px;color:var(--reading-ink);line-height:1.75}
.model2 :is(.about-story>div>p:not(.sp-eyebrow),.about-culture p,.about-solution p,.yp-usecase-grid p,.ct-location p:not(.sp-eyebrow)){font-size:15px;line-height:1.85}
.model2 .about-solution{min-height:0}
.model2 .about-process h3{font-size:23px}
.model2 .service-story{margin-top:28px;margin-bottom:28px}
.model2 .sp-related{padding-top:56px;padding-bottom:76px}
.model2 .sp-related a{font-size:13px;min-height:52px}

/* Consistent form hierarchy and readable secondary information. */
.model2 :is(.sp-lead-form label,.sense-contact-form label,.sense-contact-services legend){font-size:13px}
.model2 :is(.sp-form-note,.sense-contact-submit>p,.sp-lead-form label small){font-size:12px;line-height:1.7;color:#637187}
.model2 .sp-lead-form{gap:10px}
.model2 :is(.sp-contact>div>p:not(.sp-eyebrow),.sense-contact-intro){font-size:15px;line-height:1.85;color:var(--reading-dark)}
.model2 .sense-footer-links a{font-size:13px;line-height:1.7;color:#b3bdcc}
.model2 .sense-footer-brand>p{font-size:14px;color:#aeb8c7}
.model2 .sense-footer-legal{font-size:12px;color:#a5b0c1}
.model2.service-page .sense-footer-invite{padding:38px 44px;grid-template-columns:1fr 130px;gap:40px}
.model2.service-page .sense-footer-invite h2{font-size:36px;max-width:650px;margin-bottom:14px}
.model2.service-page .footer-circle-cta{width:130px;height:130px}
.model2.service-page .footer-invite-copy{max-width:620px;font-size:14px}
.model2 .ct-bottom{background:transparent;color:#17202e;border-radius:0;border-top:1px solid #dce3ec;border-bottom:1px solid #dce3ec;padding:32px 0;margin-bottom:70px}
.model2 .ct-bottom p{color:var(--reading-ink);font-size:14px;line-height:1.8}
.model2 .ct-bottom>span{font-size:65px;color:#0755ff}
.model2 .ct-purpose label span{font-size:13px;min-height:44px;padding:11px 16px}
.model2 .ct-purpose legend{font-size:13px}
.model2 .ct-fields :is(input,textarea)::placeholder{font-size:14px}
.model2 .ct-form-card .sp-form-note{font-size:12px;color:#637187}
.model2 .ct-channel strong{font-size:13px;overflow-wrap:anywhere}
.model2 .ct-form-card .sp-lead-form{padding:0;background:transparent}

/* Visible actions take priority over the floating shortcut. */
.model2 :is(.sp-floating-cta,.sense-whatsapp-float){transition:opacity .2s,visibility .2s,transform .2s}
.model2 :is(.sp-floating-cta,.sense-whatsapp-float).context-hidden{opacity:0;visibility:hidden;pointer-events:none}
.model2 :is(.sp-reveal,.reveal){transition-duration:.45s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .model2 :is(.sp-step-grid article,.about-process article):hover{transform:none}
 .model2 .sense-service:hover{transform:translateY(-3px)}
}
@media(max-width:1100px){
 .model2 .why2-grid{gap:5%}
 .model2 .about-process article{padding:24px 20px}
 .model2 .about-process h3{font-size:21px}
}
@media(min-width:761px) and (max-width:980px){
 .model2 :is(.sp-hero,.about-hero,.yp-hero,.ct-hero,.sense-hero-body){grid-template-columns:1fr;gap:40px;min-height:0;padding-top:42px;padding-bottom:48px}
 .model2 :is(.sp-hero-copy,.about-hero-copy,.yp-hero>div:first-child,.ct-copy){max-width:650px;width:100%}
 .model2 :is(.sp-hero-visual,.about-hero-visual,.yp-hero-visual,.ct-form-card){width:100%;max-width:650px;margin-left:auto;margin-right:auto}
 .model2 :is(.sp-hero,.about-hero,.yp-hero,.ct-hero) h1{font-size:58px;letter-spacing:-2px;max-width:640px}
 .model2 .sp-lead{max-width:560px;font-size:16px}
 .model2 :is(.sp-contact,.sense-contact .sense-contact-layout){grid-template-columns:1fr}
 .model2 .sp-contact>div{padding:40px}
 .model2 .sp-proof{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:28px}
 .model2 .sp-proof>span{border:0;padding:0}
 .model2 .sp-proof a{margin-left:0;max-width:none}
 .model2 .about-solutions{grid-template-columns:1fr 1fr}
 .model2 .about-process{grid-template-columns:1fr 1fr}
 .model2 .about-process article:nth-child(3){border-left:0}
 .model2 .about-process article:nth-child(n+3){border-top:1px solid #dce3ec}
 .model2 .about-process article:first-child{padding-left:20px}
 .model2 .direction-intro{flex-wrap:wrap;gap:25px}
 .model2 .direction-talk{margin-left:105px}
 .model2 .why2-grid{grid-template-columns:1fr;gap:32px}
 .model2 .why2-intro>p{max-width:570px}
}
@media(max-width:760px){
 .model2 .sp-section,.service-youl .sp-section{padding-top:56px;padding-bottom:56px}
 .model2 :is(.sp-heading,.section-heading){margin-bottom:28px}
 .model2 :is(.sp-heading h2,.section-heading h2){font-size:34px;line-height:1.14;letter-spacing:-1.2px}
 .model2 :is(.sp-eyebrow,.label,.direction-eyebrow){font-size:10px;letter-spacing:1px}
 .model2 :is(.sp-lead,.yp-lead,.about-hero-copy>p:not(.sp-eyebrow)){font-size:15px;line-height:1.8}
 .model2 :is(.sp-button,.pill){font-size:13px;min-height:52px;white-space:normal;line-height:1.5}
 .model2 :is(.sp-text-link,.direction-editorial a,.direction-talk,.sense-service-cta){font-size:13px;min-height:44px}
 .model2 .sp-actions{gap:14px}
 .model2 .sp-section p:not(.sp-eyebrow):not(.demo-note):not(.about-editorial-hint):not(.about-archive-note){font-size:15px;line-height:1.8}
 .model2 .complete-method{grid-template-columns:1fr}
 .model2 .yp-features{grid-template-columns:1fr}
 .model2 .yp-feature{padding:26px}
 .model2 .yp-feature h3{font-size:23px}
 .model2 .yp-whatsapp ul{font-size:14px;line-height:1.8}
 .model2 .yp-usecase-grid a{font-size:13px;min-height:44px;display:flex;align-items:center}
 .model2 .sp-breadcrumb{font-size:11px;line-height:1.7;margin-bottom:25px}
 .model2 .sp-hero{padding-top:24px;gap:28px}
 .model2 :is(.direction-editorial p,.method-intro>p,.method-step p){font-size:15px;line-height:1.8}
 .model2 .method-step{gap:14px;padding:25px 0}
 .model2 .method-step:first-child{padding-top:0}
 .model2 .method-step:last-child{padding-bottom:0}
 .model2 .method-step h3{font-size:22px;line-height:1.25}
 .model2 .method-step small{font-size:12px;line-height:1.7}
 .model2 .method-intro .method-cta{font-size:13px}
 .model2 .direction-statement{gap:13px}
 .model2 .direction-spark{font-size:46px;margin-top:31px}
 .model2 .direction-talk{margin-left:0;max-width:none}
 .model2 .direction-talk>span{width:44px;height:44px}
 .model2 .sense-method{margin:0;padding:52px 0}
 .model2 .why2{padding:56px 0 30px}
 .model2 .why2-grid{grid-template-columns:1fr;gap:30px}
 .model2 .why2 h2{font-size:34px;letter-spacing:-1.2px}
 .model2 .why2-intro>p{margin:20px 0 12px}
 .model2 .why2 .accordion summary{font-size:17px;padding:22px 0}
 .model2 .why2 .accordion p{padding-left:0;font-size:15px}
 .model2 .team2{padding-top:36px}
 .model2 .editorial-manifesto{padding:56px 0}
 .model2 .about-process{grid-template-columns:1fr;gap:0}
 .model2 .about-process article,.model2 .about-process article:first-child{padding:25px 0;display:grid;grid-template-columns:40px 1fr;gap:10px 16px}
 .model2 .about-process article+article{border-left:0;border-top:1px solid #dce3ec}
 .model2 .about-process article>span{grid-row:1/3;margin:0}
 .model2 .about-process h3{margin:0;font-size:23px}
 .model2 .about-process article p{font-size:15px;line-height:1.8}
 .model2 .about-solutions{grid-template-columns:1fr}
 .model2 .about-solution{padding:25px;min-height:0}
 .model2 .about-solution h3{font-size:23px}
 .model2 .about-solution img{margin-bottom:18px}
 .model2 :is(.about-culture p,.about-story>div>p:not(.sp-eyebrow),.about-solution p,.yp-usecase-grid p){font-size:15px}
 .model2 .yp-journey{gap:26px 20px;padding:28px 0}
 .model2 .yp-journey h3{font-size:19px}
 .model2 .yp-journey p{font-size:13px}
 .model2 :is(.sp-accordion summary,.sense-faq-item summary){font-size:16px;line-height:1.5}
 .model2 :is(.sp-accordion details>p,.faq-answer p){font-size:15px;line-height:1.8}
 .model2 .sp-proof a{font-size:12px;line-height:1.6}
 .model2 :is(.sp-lead-form input,.sp-lead-form textarea,.sp-lead-form select,.sense-contact-form input:not([type=checkbox]),.sense-contact-form textarea){font-size:16px;min-height:48px}
 .model2 .sense-contact-form .contact-choice>span{font-size:13px;padding:12px;min-height:48px}
 .model2 :is(.sp-lead-form,.sense-contact-form){padding:30px 24px}
 .model2 .sp-lead-form .sp-button,.model2 .sense-contact-submit .pill{font-size:13px;width:100%}
 .model2 .sp-related{padding-top:42px;padding-bottom:62px}
 .model2 .sp-related>div{display:grid;grid-template-columns:1fr;width:100%}
 .model2 .sp-related a>span{margin-left:auto}
 .model2 .sense-footer-grid{gap:34px 22px;padding-top:40px;padding-bottom:35px}
 .model2 .sense-footer-links{gap:5px}
 .model2 .sense-footer-links a{min-height:36px;display:flex;align-items:center}
 .model2 .sense-footer-contact strong{font-size:13px}
 .model2.service-page .sense-footer-invite{padding:30px 24px;grid-template-columns:1fr;gap:22px}
 .model2.service-page .sense-footer-invite h2{font-size:31px}
 .model2.service-page .footer-circle-cta{width:110px;height:110px}
 .model2 .sense-footer-legal{font-size:11px;line-height:1.8}
 .model2 .ct-bottom{padding:28px 0;margin-bottom:55px}
 .model2 :is(.sp-choice-row button,.about-gallery-controls button){font-size:13px;min-height:44px}
 .model2 .about-purpose-tabs button{font-size:12px;min-height:64px}
 .model2 .sense-whatsapp-float{width:52px;height:52px;padding:0;justify-content:center;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 .model2 .sense-whatsapp-float>span{display:none}
 .model2 .sp-floating-cta{font-size:0;width:52px;height:52px;min-height:52px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:0;gap:0;justify-content:center}
 .model2 .sp-floating-cta span{font-size:28px}
 .model2 .back-top{display:none}
}
@media(prefers-reduced-motion:reduce){
 .model2 *,.model2 *:before,.model2 *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .model2 :is(.reveal,.sp-reveal){opacity:1!important;transform:none!important}
}

/* Keep the rotating label and the arrow on the same center at every footer size. */
.model2 .footer-circle-cta>.footer-circle-type{width:100%;height:100%;transform-origin:50% 50%;pointer-events:none}
.model2 .footer-circle-cta>.footer-cta-arrow{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;font-size:0;line-height:0;transform:none;pointer-events:none;transition:color .25s}
.model2 .footer-circle-cta>.footer-cta-arrow>svg{display:block;width:34%;height:34%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform:none}
.model2 .footer-circle-cta:hover>.footer-cta-arrow{transform:none;color:white}
@media(prefers-reduced-motion:reduce){.model2 .footer-circle-cta>.footer-cta-arrow{transition:none}}

/* A closer team portrait inside the original rounded silhouette. */
.model2 .about-sense-team-photo{clip-path:url(#about-photo-shape);overflow:hidden}
.model2 .about-sense-team-photo>img{clip-path:none;transform:scale(1.1);transform-origin:50% 60%}


/* Youl owns the promotional column of the shared service mega-menu. */
.sense-mega-product{padding:28px 27px}
.mega-product-brand{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 17px;background:#fff;border-radius:16px;margin-bottom:19px}
.mega-product-brand .mega-youl-dot{width:8px;height:8px}
.sense-mega-product>.mega-product-label{font-size:8px;letter-spacing:1.1px;color:#d5e3ff}
.sense-mega-product h3{font-size:28px;line-height:1.17;letter-spacing:-1px;margin:16px 0 14px}
.sense-mega-product p{font-size:12px;line-height:1.7;margin:0 0 16px}
.mega-product-features{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:10px;font-size:11px;line-height:1.5;color:#fff}
.mega-product-features li{display:flex;align-items:flex-start;gap:9px}
.mega-product-features li:before{content:"";display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22m5%2012%204%204%2010-10%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22m5%2012%204%204%2010-10%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;vertical-align:-.12em;color:#c5f483;font-weight:700;flex-shrink:0}
.mega-product-actions{width:100%;margin-top:auto;display:grid;gap:12px}
.sense-navigation .mega-product-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#fff;border-radius:12px;color:#0755ff;font-size:12px;font-weight:700;text-transform:none;transition:background .2s}
.sense-navigation .mega-product-cta:hover{background:#eaf2ff;color:#003ed2}
.mega-product-cta svg{width:20px;height:20px;flex-shrink:0}
.sense-navigation .mega-product-demo{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:none;color:#e1ecff;padding:2px 1px}
.sense-navigation .mega-product-demo:hover{color:white}

/* Youl brand palette for the product panel on every page. */
.model2 .sense-mega-aside.sense-mega-product{background:#f1f5ed;color:#17211c;border-left:1px solid #e8ece3}
.sense-mega-product>.mega-product-label{color:#354529}
.sense-mega-product h3{color:#17211c}
.sense-mega-product p,.sense-mega-product .mega-product-features{color:#293721}
.sense-mega-product .mega-product-features li:before{color:#314c18}
.sense-navigation .mega-product-cta{background:#17211c;color:#fff}
.sense-navigation .mega-product-cta:hover{background:#2c3d25;color:#fff}
.sense-navigation .mega-product-demo{color:#293721}
.sense-navigation .mega-product-demo:hover{color:#111b0c}

.sense-mega-product .mega-product-brand{background:transparent;padding:0 0 14px;border-radius:0;border-bottom:1px solid #e8ece3}

/* Direct product access when the desktop promotional panel is hidden. */
.sense-navigation>a.sense-mobile-youl{display:none}
@media(max-width:1050px){
 .sense-navigation>a.sense-mobile-youl{display:flex;align-items:center;justify-content:space-between;color:#17211c}
 .sense-mobile-youl>span:first-child{display:flex;align-items:center;gap:9px}
 .sense-mobile-youl i{width:7px;height:7px;background:#8ec52b;border-radius:50%;display:inline-block}
 .sense-mobile-youl>span:last-child{font-size:19px;font-weight:400}
}