/* Mobile-first layout tokens, scoped to the approved header, Hero and comparison. */
:root{--ecali-container-max:1200px;--ecali-gutter:20px}
.ecali-stage,.ecali-compare{--ecali-content-width:min(var(--ecali-container-max),calc(100% - 2 * var(--ecali-gutter)))}
.ecali-header{height:auto;min-height:62px;padding:7px 16px;gap:8px;background:#fff;backdrop-filter:none}
.ecali-header .wordmark{font-size:32px}.ecali-header .wordmark small{font-size:7px;letter-spacing:1.6px}
.ecali-header>.button{margin-left:auto;min-height:44px;padding:10px 14px;font-size:14px;gap:8px;white-space:nowrap}
.ecali-arrow{width:22px;height:22px;flex-shrink:0}.ecali-header>.button .ecali-arrow{display:none}
.ecali-header .menu{display:block;min-width:44px;min-height:44px;padding:5px;background:none;border:0;color:var(--ink);font-size:24px}
.ecali-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 20px;background:#fff;box-shadow:0 15px 20px #103b7215;max-height:calc(100dvh - 64px);overflow:auto;font-size:16px}
.ecali-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.ecali-header nav a,.ecali-header nav button,.ecali-header .nav-dropdown summary{min-height:44px;display:flex;align-items:center;text-align:left;font-size:16px;padding-block:7px}
.ecali-header .nav-dropdown summary{justify-content:flex-start;gap:10px}
.ecali-header .nav-dropdown summary:after{content:'';display:block;width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-3px) rotate(45deg);color:inherit}
.ecali-header .nav-dropdown[open]>summary:after{transform:translateY(2px) rotate(225deg)}
.ecali-header .nav-dropdown>div{position:static;width:100%;box-shadow:none;margin-top:8px}
.ecali-hero{background:#f5fbff;padding-bottom:24px;isolation:isolate}.ecali-hero:before{display:none}
.ecali-stage{position:relative;isolation:isolate;overflow:hidden;background:#f2faff;min-height:0;max-width:1440px;margin-inline:auto}
.ecali-photo{position:absolute;z-index:0;inset:0;display:flex;align-items:flex-end;width:100%;height:100%;pointer-events:none}
.ecali-photo img{display:block;width:100%;height:auto;max-width:none;flex:none;object-fit:contain;object-position:center bottom}
.ecali-copy{position:relative;z-index:1;width:var(--ecali-content-width);max-width:none;margin:0 auto;padding:22px 0 clamp(290px,98vw,470px)}
.ecali-seal{display:inline-block;max-width:100%;white-space:normal;border:1px solid #d3eaff;background:#e9f5ff;color:#0785f6;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.09em;padding:8px 13px;margin-bottom:17px}
.ecali-hero .ecali-copy h1{font-size:clamp(36px,9.5vw,56px);line-height:1.04;letter-spacing:-.045em;color:#061e70;max-width:none}
.ecali-hero .ecali-copy h1 br{display:none}.ecali-hero .ecali-copy h1 em{display:block;background:linear-gradient(100deg,#0085ff,#00bcdf);background-clip:text;color:transparent}
.ecali-copy>p{font-size:16px;line-height:1.4;color:#455d87;margin:16px 0 20px;max-width:490px}
.ecali-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.ecali-hero .ecali-cta{flex:1 1 145px;min-height:54px;padding:13px 18px;font-size:19px;gap:12px;white-space:nowrap}
.ecali-price{display:flex;flex:1 1 140px;flex-direction:column;border-left:1px solid #9fcaff;padding-left:16px;line-height:1.3;color:#0647b3;white-space:nowrap}
.ecali-price>span{font-size:14px}.ecali-price strong{font-size:33px;font-weight:800;line-height:1.13;letter-spacing:-.045em;color:#0089ff}
@media(min-width:400px){.ecali-header{padding-inline:20px}.ecali-header>.button .ecali-arrow{display:block;width:18px;height:18px}}
@media(min-width:640px){
 .ecali-header{min-height:64px;padding-block:8px;gap:12px}.ecali-header .wordmark{font-size:34px}
 .ecali-stage{min-height:clamp(510px,64svh,610px)}
 .ecali-photo img{height:100%;object-position:right bottom}
 .ecali-copy{width:calc(var(--ecali-content-width) * .44);margin-left:calc((100% - var(--ecali-content-width))/2);margin-right:0;padding:26px 0 32px}
 .ecali-hero .ecali-copy h1{font-size:clamp(36px,5.1vw,54px)}.ecali-hero .ecali-copy h1 br{display:inline}
 .ecali-copy>p{font-size:clamp(16px,1.7vw,18px)}.ecali-actions{gap:14px}
 .ecali-hero .ecali-cta{flex:0 1 auto;font-size:18px;min-height:52px;padding-inline:24px}
 .ecali-price{flex:0 1 auto;border-left:0;padding-left:0}.ecali-price strong{font-size:34px}
}
@media(min-width:1101px){
 .ecali-stage,.ecali-compare{--ecali-gutter:32px}
 .ecali-header{min-height:68px;padding:8px max(32px,calc((100% - 1200px)/2));gap:22px}
 .ecali-header .wordmark{font-size:40px}.ecali-header .wordmark small{font-size:8px;letter-spacing:1.8px}
 .ecali-header .menu{display:none}.ecali-header>.button{margin-left:0;padding:10px 22px;font-size:16px;min-height:46px;gap:12px}
 .ecali-header>.button .ecali-arrow{width:23px;height:23px}
 .ecali-header nav,.ecali-header nav.open{display:flex;position:static;flex-direction:row;align-items:center;gap:22px;margin-left:auto;padding:0;box-shadow:none;overflow:visible;max-height:none;background:none}
 .ecali-header nav a,.ecali-header nav button,.ecali-header .nav-dropdown summary{font-size:15px}
 .ecali-header .nav-dropdown>div{position:absolute;top:100%;width:270px;box-shadow:0 15px 30px #06247716;margin-top:0}
 .ecali-stage{min-height:clamp(530px,70svh,620px)}
 .ecali-copy{width:calc(var(--ecali-content-width) * .46);max-width:552px;padding:28px 0 36px}
 .ecali-hero .ecali-copy h1{font-size:clamp(52px,4.4vw,64px);line-height:.99}
 .ecali-seal{padding-inline:18px;margin-bottom:19px;letter-spacing:.12em}
 .ecali-copy>p{font-size:20px;max-width:none;margin:17px 0 22px}
 .ecali-actions{gap:22px}.ecali-hero .ecali-cta{flex:1 1 200px;font-size:24px;min-height:60px;padding:13px 26px;gap:22px}
 .ecali-price{flex:0 1 auto;border-left:1px solid #9fcaff;padding-left:22px}.ecali-price>span{font-size:16px}.ecali-price strong{font-size:40px}
}
@media(min-width:1101px) and (max-height:740px){.ecali-stage{min-height:500px}.ecali-copy{padding-block:22px 28px}.ecali-hero .ecali-copy h1{font-size:56px}.ecali-copy>p{font-size:18px;margin-block:15px 19px}}