.services{padding:32px;background:#ebf8ff;border:1px solid #d3effb;border-radius:24px;overflow:hidden}.services-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px}.services-intro p{font-size:17px}.services-intro .button{padding:15px 20px;font-size:14px;gap:10px}.micro-proof{display:flex;gap:12px;align-items:center;color:#28799b;font-size:13px;margin-top:28px}.micro-proof svg{flex-shrink:0}.service-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card{position:relative;isolation:isolate;min-height:450px;border:0;background:#0b273b;color:white;border-radius:16px;padding:0;overflow:hidden;text-align:left;transition:transform .3s}.service-card:hover{transform:translateY(-8px)}.service-visual{position:absolute;inset:0;overflow:hidden;z-index:-2}.service-visual>img:not(.reference-crop){width:100%;height:100%;object-fit:cover;transition:transform .7s}.service-card:hover .service-visual>img{transform:scale(1.04)}.service-visual .reference-crop{position:absolute;width:640%;max-width:none;height:auto;top:-134%;}.crop-1 .reference-crop{left:-303%}.crop-2 .reference-crop{left:-410%}.crop-3 .reference-crop{left:-518%}.service-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#062a43b0 55%,#05233e 100%);z-index:-1}.service-number{position:absolute;top:20px;left:20px;font-size:23px;font-weight:600}.service-info{position:absolute;bottom:20px;left:18px;right:18px}.service-info h3{font-size:21px;letter-spacing:-.4px;margin:12px 0 8px;line-height:1.15}.service-info p{font-size:15px;line-height:1.4;color:#e0eff8;margin:0 0 34px}.icon-disc,.arrow-disc{display:flex;align-items:center;justify-content:center;background:white;color:#019edf;width:48px;height:48px;border-radius:50%}.arrow-disc{position:absolute;right:0;bottom:-10px;width:38px;height:38px;font-size:25px}.method{position:relative;margin:80px -24px;color:white}.method-stage{position:relative;overflow:hidden;min-height:680px;height:100dvh;max-height:1100px;background:#0a2432}.method-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 48%}.method-image.second{opacity:0;object-position:center 60%}.method-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081e2cee,transparent 100%)}.method-copy{position:relative;padding:110px 8vw;z-index:1}.method-copy h2{font-size:clamp(64px,8vw,120px);line-height:1;letter-spacing:-4px;margin:22px 0}.method-copy .section-label{color:#c9e9f7}.method-copy p{color:#e1edf3;font-size:20px}.method-steps{display:flex;gap:30px;margin-top:55px;font-size:16px}.method-big{position:absolute;bottom:-40px;left:25%;font-size:24vw;white-space:nowrap;letter-spacing:-1vw;font-weight:800;line-height:1;color:#ffffff14}.team{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:0 35px}.team-picture{height:640px;border-radius:22px;overflow:hidden;position:relative}.team-picture img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.team-picture:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#071f35bc)}.team-picture>span{position:absolute;bottom:30px;left:30px;color:white;font-size:27px;z-index:1;line-height:1.2}.team-copy p{font-size:18px}.team-values{display:grid;gap:18px;margin:28px 0 35px}.team-values span{display:flex;align-items:center;gap:15px}.team-values svg{color:#039ed5}.reservation{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:55px;background:#e5f5fc;border-radius:26px;align-items:center}.reservation p{font-size:18px}.reservation-demo{padding:30px;background:white;border:1px solid #c8e8f6;border-radius:20px;box-shadow:0 25px 50px #166c8c0b}.assistant-label,.booking-head{display:flex;gap:14px;align-items:center}.marco{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:42px;height:42px;border-radius:14px;background:#009bc9;color:white;font-size:24px;font-weight:700}.assistant-label strong,.booking-head strong{display:block;font-size:20px}.assistant-label small,.booking-head small{display:block;font-size:13px;color:#526d81;margin-top:3px}.reservation-demo h3{font-size:25px;line-height:1.2;margin:30px 0 20px}.demo-choices{display:grid;gap:12px}.demo-choices button{display:flex;align-items:center;gap:15px;width:100%;padding:22px;border:1px solid #bddfeb;background:#f6fbfd;color:#073455;border-radius:12px;text-align:left}.demo-choices button:hover{border-color:#039dcc;background:#eaf9ff}.demo-choices b{margin-left:auto}.mini-steps{display:flex;justify-content:space-between;font-size:11px;color:#557688;margin-top:28px}.trust{padding:15px 25px}.trust-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.trust-top p{max-width:300px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.trust-grid article{border:1px solid #e0eff8;background:white;padding:30px 25px;border-radius:18px}.trust-grid svg{color:#009dde;width:35px;height:35px}.trust-grid h3{font-size:23px;margin:20px 0 10px}.trust-grid p{font-size:16px}.trust-cta{background:#0066ab;border-radius:20px;color:white;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.trust-cta>div{display:flex;gap:25px;align-items:center}.trust-cta svg{width:48px;height:48px;flex-shrink:0}.trust-cta strong{font-size:25px;display:block}.trust-cta small{display:block;font-size:16px;margin-top:7px;color:#e1f3ff}.button.white{background:white;color:#075889}.contact{padding:55px 28px;background:white;border:1px solid #e0f0f8;border-radius:26px;text-align:center}.wordmark{font-size:31px;font-weight:700;letter-spacing:-1px}.wordmark sup{color:#02a5de;font-size:24px}.contact h2{margin:25px 0 12px}.contact>p{font-size:20px;margin:0 auto 35px;max-width:650px}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.contact-grid>a,.contact-grid>button{padding:28px 15px;background:#fafeff;border:1px solid #e2f1f8;border-radius:20px;color:#082a52;text-align:center;transition:transform .25s,background .25s}.contact-grid>a:hover,.contact-grid>button:hover{transform:translateY(-5px);background:#eefaff}.contact-grid svg{box-sizing:content-box;width:37px;height:37px;border-radius:50%;padding:18px;background:#e0f3ff;color:#008feb}.contact-grid h3{font-size:23px;margin:20px 0 12px}.contact-grid strong{display:block;font-size:19px;font-weight:500;overflow-wrap:anywhere}.contact-grid span{display:block;font-size:13px;color:#3e75a0;margin-top:20px}.contact-grid .whatsapp{background:#f4fff8;border-color:#d1f1dc}.contact-grid .whatsapp svg{background:#dbf8e4;color:#039e4b}.contact-bottom{display:flex;gap:24px;align-items:center;text-align:left;background:#e8f6ff;padding:22px 30px;border-radius:18px;margin-top:25px}.contact-bottom p{flex:1}.contact-bottom svg{width:40px;height:40px;color:#009dda}footer{display:flex;align-items:center;gap:35px;margin:0 auto;max-width:1420px;padding:0 25px 120px;color:#39536b;font-size:14px}footer .wordmark{font-size:25px}footer>span{margin-right:auto}.back-top{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ddf5ff;font-size:24px}.variants{display:flex!important;position:fixed!important;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:95vw;gap:4px!important;padding:7px!important;background:#ffffffed;border:1px solid #d0e6f3;border-radius:40px;box-shadow:0 5px 30px #132d4a20;z-index:20;align-items:center;backdrop-filter:blur(12px)}.variants>span{font-size:9px;letter-spacing:1.5px;color:#537082;padding:0 12px}.variants a{padding:10px 15px;font-size:13px;border-radius:22px}.variants a[aria-current]{background:#07314b;color:white}.motion-toggle{border:0;background:#e4f3fa;color:#0c4666;border-radius:50%;width:34px;height:34px;font-size:15px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:#04b2de;z-index:25}.floating-book{position:fixed;bottom:24px;right:24px;z-index:15;display:flex;align-items:center;gap:10px;border-radius:40px;background:white;border:1px solid #c1e6f5;color:#124661;padding:8px 15px 8px 8px;box-shadow:0 8px 30px #0d405025;font-size:13px}.floating-book .marco{width:33px;height:33px;border-radius:50%;font-size:19px}.dialog-open{overflow:hidden}dialog{border:1px solid #d6eaf5;border-radius:25px;padding:35px;max-width:min(620px,94vw);width:620px;max-height:90dvh;color:#102d4a;box-shadow:0 25px 100px #071d3c40;overscroll-behavior:contain}dialog::backdrop{background:#081b3b99;backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:17px;top:15px;border:0;background:#eaf5fb;border-radius:50%;width:35px;height:35px;color:#1c4f68;font-size:25px}.booking-head{margin-bottom:25px}.booking-progress{display:flex;gap:10px;margin-bottom:28px;font-size:12px;color:#718894}.booking-progress span{padding:10px 0;flex:1;border-bottom:2px solid #e5eef4}.booking-progress .current{color:#007eae;border-color:#009fd1}.booking-progress .complete{color:#187650;border-color:#41bc85}dialog h2{font-size:30px;letter-spacing:-.9px;margin:0 0 25px;line-height:1.1}label,legend{display:block;font-size:14px;margin:16px 0 8px}label small{font-size:12px;color:#688293}input,select,textarea{width:100%;border:1px solid #c5dce8;border-radius:10px;padding:13px;color:#102f49;background:#fafdff;min-width:0}textarea{resize:vertical}fieldset{padding:0;border:0;margin:10px 0}.radio-choice{display:flex;align-items:center;gap:10px;border:1px solid #d6e6ee;padding:13px;border-radius:10px;cursor:pointer}.radio-choice:has(:checked){background:#e8f9ff;border-color:#029dcb}.radio-choice input{width:17px;height:17px;margin:0;accent-color:#009cc7}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-help,.booking-note{font-size:12px;color:#607d91;line-height:1.5}.booking-note{border-top:1px solid #e3edf2;padding-top:16px;margin-bottom:0}.booking-actions{display:flex;justify-content:space-between;gap:12px;margin:22px 0}.booking-actions .button{margin-left:auto;padding:13px 23px}.back-step,.copy-request{background:white;color:#087aa1;border:1px solid #c8e2ef;border-radius:10px;padding:12px}.booking-actions [hidden]{display:none}.recap{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:14px}.recap dt{color:#607c90}.recap dd{margin:0;overflow-wrap:anywhere}.send-options{display:grid;gap:12px;text-align:center}.send-options .button{font-size:14px;padding:15px}.email-request{color:#0089bc;padding:10px}.copy-request{font-size:13px}#form-error{color:#a32a26;font-size:14px}
/* Variation 02: full-bleed cinema, dark service gallery, light booking interlude. */
body[data-variant="2"]{background:#091d29;color:#eff9fe}body[data-variant="2"] main{padding:0}body[data-variant="2"] .hero{border:0;border-radius:0;min-height:850px;height:100dvh}body[data-variant="2"] .hero-photo{width:100%;object-position:65% 50%}body[data-variant="2"] .hero-wash{background:linear-gradient(90deg,#081c2bf5 5%,#081c2bcc 32%,transparent 80%)}body[data-variant="2"] header{padding:22px 4vw}body[data-variant="2"] .logo{background:white;border-radius:10px}body[data-variant="2"] .hero-copy{margin-left:6vw;width:53%;margin-top:70px}body[data-variant="2"] h1{font-size:clamp(76px,7.5vw,125px)}body[data-variant="2"] p{color:#bdd0dd}body[data-variant="2"] .eyebrow,body[data-variant="2"] .section-label{color:#75b9d5}body[data-variant="2"] .text-button{color:#69c8e3}body[data-variant="2"] .photo-note{top:auto;bottom:60px;width:220px;right:5vw;transform:rotate(-4deg)}body[data-variant="2"] .photo-note img{height:170px}body[data-variant="2"] .photo-note>span{color:white;font-size:17px}body[data-variant="2"] .services{background:transparent;border:0;padding:60px 5vw;margin-top:0;max-width:none}body[data-variant="2"] .services-layout{grid-template-columns:1fr;gap:30px}body[data-variant="2"] .services-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px}body[data-variant="2"] .services-intro h2 br{display:none}body[data-variant="2"] .services-intro .button{width:max-content}body[data-variant="2"] .micro-proof{margin:0}body[data-variant="2"] .service-card{min-height:540px;border-radius:4px}body[data-variant="2"] .method{margin:0}body[data-variant="2"] .team{padding:30px 6vw}body[data-variant="2"] .team-picture{border-radius:4px}body[data-variant="2"] .reservation{background:#ebf8fc;color:#082c44;border-radius:0;padding:75px 6vw;max-width:none}body[data-variant="2"] .reservation p,body[data-variant="2"] .contact p{color:#3c6075}body[data-variant="2"] .trust{padding:0 5vw}body[data-variant="2"] .trust-grid article{background:#102c3b;border-color:#24404d;border-radius:4px}body[data-variant="2"] .trust-cta{background:#153e54;border-radius:4px}body[data-variant="2"] .contact{color:#102d45;margin:90px 4vw;border-radius:8px}body[data-variant="2"] footer{padding-left:5vw;padding-right:5vw;color:#c0d8e5}
/* Variation 03: offset editorial hero and scroll-driven wide service track. */
body[data-variant="3"]{background:#fdfefe}body[data-variant="3"] .hero{border-radius:0;border:0;border-bottom:1px solid #cbe4ef}body[data-variant="3"] .hero-photo{width:49%;right:0;top:140px;height:calc(100% - 140px);object-position:59% 50%;border-radius:120px 0 0 0}body[data-variant="3"] .hero-wash{display:none}body[data-variant="3"] .hero-copy{width:46%;margin-top:45px}body[data-variant="3"] h1{font-size:clamp(68px,6.3vw,100px)}body[data-variant="3"] .photo-note{width:140px;right:36%;top:auto;bottom:75px;transform:rotate(-8deg)}body[data-variant="3"] .photo-note>span{background:white;padding:10px;border-radius:8px;font-size:16px}body[data-variant="3"] .photo-note img{height:170px}body[data-variant="3"] .services{border-radius:0;background:#e9f8fc;border:0;padding:45px;max-width:none}body[data-variant="3"] .services-layout{grid-template-columns:330px minmax(0,1fr);gap:35px}body[data-variant="3"] .services-intro{z-index:2;background:#e9f8fc;box-shadow:25px 0 20px #e9f8fc}body[data-variant="3"] .service-track{display:flex;gap:25px;width:max-content}body[data-variant="3"] .service-card{width:330px;min-height:480px;border-radius:100px 100px 10px 10px}body[data-variant="3"] .team{direction:rtl}body[data-variant="3"] .team>*{direction:ltr}body[data-variant="3"] .team-picture{border-radius:130px 8px 8px 8px}body[data-variant="3"] .reservation{background:#0b3550;color:white;border-radius:0}body[data-variant="3"] .reservation p{color:#c3deee}body[data-variant="3"] .reservation-demo{color:#0b3550}body[data-variant="3"] .trust-grid{grid-template-columns:1fr 1fr;gap:0}body[data-variant="3"] .trust-grid article{border-radius:0;border-width:0 0 1px;padding:30px 25px}body[data-variant="3"] .trust-grid article:nth-child(odd){border-right-width:1px}body[data-variant="3"] .contact{border-radius:0;background:#effaff;border:0}
@media(max-width:1200px){.services-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}.services{padding:25px}.service-track{gap:10px}.service-info{left:12px;right:12px}.service-info h3{font-size:18px}.service-info p{font-size:13px}.contact-grid strong{font-size:16px}.floating-book>span:not(.marco){display:none}.team{gap:5%}.team-picture{height:550px}}
@media(max-width:800px){.services-layout{grid-template-columns:1fr}.services-intro{max-width:580px}.services-intro h2 br{display:none}.services-intro .button{font-size:16px}.service-track{grid-template-columns:1fr 1fr;gap:15px}.service-card{min-height:410px}.service-info h3{font-size:23px}.service-info p{font-size:16px}.service-visual .reference-crop{top:-135%}.method{margin:50px -10px}.method-stage{height:75dvh;min-height:600px}.method-copy{padding:60px 30px}.method-copy h2{font-size:65px}.method-copy p{font-size:18px}.method-steps{flex-direction:column;gap:18px;margin-top:35px}.method-big{bottom:0}.team{grid-template-columns:1fr;padding:0 20px;gap:35px}.team-picture{height:580px}.reservation{grid-template-columns:1fr;padding:30px 25px;gap:30px}.trust{padding:0 15px}.trust-top{display:block}.trust-grid{grid-template-columns:1fr 1fr;gap:12px}.trust-grid article{padding:25px 18px}.trust-cta{padding:25px;flex-direction:column;align-items:stretch}.trust-cta strong{font-size:22px}.trust-cta small{font-size:14px}.contact{padding:35px 15px}.contact-grid{grid-template-columns:1fr 1fr;gap:12px}.contact-grid>a,.contact-grid>button{padding:22px 10px}.contact-grid h3{font-size:21px}.contact-grid strong{font-size:16px}.contact-bottom{flex-wrap:wrap;padding:20px}.contact-bottom .button{width:100%}footer{flex-wrap:wrap;padding:10px 20px 110px;gap:20px}footer>span{width:50%;margin:0}.variants>span{display:none}.variants a{font-size:12px;padding:9px 13px}.floating-book{bottom:78px;right:15px}.service-card:hover{transform:none}body[data-variant="2"] .hero{min-height:850px}body[data-variant="2"] .hero-photo{top:0;height:100%;object-position:65% center}body[data-variant="2"] .hero-copy{margin:40px 25px;width:auto}body[data-variant="2"] h1{font-size:64px}body[data-variant="2"] .hero-wash{background:linear-gradient(90deg,#081c2be8,#081c2b77)}body[data-variant="2"] .photo-note{width:145px;bottom:70px;right:25px}body[data-variant="2"] .photo-note img{height:125px}body[data-variant="2"] .services-intro{display:block}body[data-variant="2"] .service-card{min-height:430px}body[data-variant="2"] .micro-proof{margin-top:25px}body[data-variant="2"] .reservation{padding:40px 25px}body[data-variant="2"] header nav{color:#092c43}body[data-variant="3"] .hero{min-height:1000px}body[data-variant="3"] .hero-copy{width:auto;margin:25px}body[data-variant="3"] h1{font-size:64px}body[data-variant="3"] .hero-photo{top:540px;width:100%;height:460px;border-radius:70px 0 0 0}body[data-variant="3"] .photo-note{right:18px;bottom:50px;width:110px}body[data-variant="3"] .photo-note img{height:140px}body[data-variant="3"] .services{padding:25px}body[data-variant="3"] .services-layout{display:block}body[data-variant="3"] .service-track{display:grid;width:auto;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}body[data-variant="3"] .service-card{width:auto;min-height:430px;border-radius:50px 50px 8px 8px}body[data-variant="3"] .services-intro{box-shadow:none}body[data-variant="3"] .team{direction:ltr}}
@media(max-width:450px){.service-track{gap:10px}.service-card{min-height:380px}.service-info h3{font-size:20px}.service-info p{font-size:14px}.icon-disc{width:39px;height:39px}.services{padding:22px 15px}.section-label{font-size:10px;letter-spacing:1px;line-height:2}.section-label b{margin-right:5px}.team-picture{height:470px}.trust-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid h3{font-size:18px}.contact-grid strong{font-size:14px}.contact-grid svg{width:28px;height:28px;padding:14px}.contact-grid span{font-size:12px}.variants{gap:0!important}.variants a{padding:9px 10px}.variants a span{font-size:11px}dialog{padding:28px 20px}dialog h2{font-size:27px}.booking-progress{gap:7px;font-size:10px}.field-row{grid-template-columns:1fr}.recap{grid-template-columns:90px 1fr}.reservation-demo{padding:23px}.mini-steps{font-size:9px}.method-copy h2{font-size:58px}.method-copy{padding-left:24px}.trust-cta svg{width:33px}.service-visual .reference-crop{top:-95%}body[data-variant="3"] .service-card{min-height:390px}}