@font-face{font-family:Manrope;src:url('../assets/fonts/Manrope-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/Manrope-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/Manrope-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/Manrope-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{background:#020910;color:#f7f8fa;font-family:Manrope,Arial,sans-serif}
body{margin:0}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid #8ce7ff;outline-offset:6px}
button{font:inherit}
p,h1{margin:0}
/* Desktop composition. 1 cqw = 16.86 px on the 1686 px reference plane. */
.hero{position:relative;isolation:isolate;container-type:inline-size;width:100%;max-width:1920px;min-width:1024px;aspect-ratio:1686/916;overflow:hidden;margin:0 auto;border-radius:0 1.66cqw 0 0;background:#020910}
.hero-scene{position:absolute;z-index:-2;width:102.6%;height:auto;max-width:none;left:0;top:-.25%;}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,3,7,.35),transparent 48%),linear-gradient(90deg,transparent 66%,rgba(0,8,16,.3) 87%)}
.header{position:absolute;left:2.67cqw;top:1.84cqw;display:flex;align-items:center;gap:5.36cqw}
.brand{display:flex;align-items:center;gap:.77cqw;white-space:nowrap;font-size:1.245cqw;font-weight:700;letter-spacing:.077cqw}
.brand img{width:2.37cqw;height:2.37cqw}
.navigation{display:flex;gap:2.91cqw;font-size:1.245cqw;font-weight:500;letter-spacing:-.024cqw}
.navigation a[href]:hover{color:#35bff0}
.pending-link{cursor:pointer}
.hero-copy{position:absolute;top:10.28cqw;left:3.08cqw}
h1{letter-spacing:-.237cqw;font-weight:500}
h1 span{display:block;white-space:nowrap}
.headline-first{font-size:7.24cqw;line-height:6.64cqw;font-weight:700}
.headline-second{font-size:5.6cqw;line-height:5.87cqw;letter-spacing:-.178cqw}
.promise{margin-top:1.07cqw;color:#35bff0;font-size:3.02cqw;line-height:3.56cqw;font-weight:600;letter-spacing:-.083cqw;white-space:nowrap}
.description{margin-top:1.24cqw;color:#becbd8;font-size:1.483cqw;line-height:2.135cqw;letter-spacing:-.036cqw;font-weight:400}
.facts{position:absolute;top:36.65cqw;left:3.08cqw;display:flex;gap:.83cqw;margin:0;padding:0;list-style:none}
.fact{height:5.4cqw;border:1px solid #29495a;border-radius:.65cqw;display:flex;align-items:center;gap:.83cqw;padding:0 1.3cqw;background:rgba(0,6,12,.3);font-size:1.245cqw;line-height:1.54cqw;letter-spacing:-.03cqw;font-weight:500;white-space:nowrap}
.fact-start{width:12.04cqw}.fact-days{width:10.14cqw;padding:0 1.07cqw;gap:.71cqw}.fact-results{width:13.05cqw;padding:0 1.18cqw}
.fact>img,.fact>picture>img{width:2.61cqw;height:2.85cqw;flex:none}
.fact strong{font-size:1.365cqw;font-weight:600}
.days-icon{position:relative;display:grid;place-items:center;flex:none;width:2.85cqw;height:2.85cqw;color:#43c9ff}
.days-icon img{position:absolute;width:100%;height:100%}
.days-icon span{font-size:1.245cqw;line-height:1}
.action-row{position:absolute;left:3.08cqw;top:44.19cqw;display:flex;align-items:center;gap:1.96cqw}
.cta{display:flex;align-items:center;justify-content:flex-start;padding-left:3.62cqw;padding-right:1cqw;gap:1.25cqw;white-space:nowrap;width:19.81cqw;height:4.39cqw;border:1px solid #43ccfa;border-radius:.83cqw;background:linear-gradient(110deg,#31b9f4,#43d0f5);color:#00131e;font-size:1.483cqw;letter-spacing:-.036cqw;font-weight:600;box-shadow:0 .5cqw 2.5cqw #0079b212;cursor:pointer}
.cta img{width:1.78cqw;height:1.78cqw;flex:none}
.expert{display:flex;align-items:center;gap:.71cqw;font-size:1.186cqw;line-height:1.66cqw;letter-spacing:-.03cqw;white-space:nowrap}
.expert img{width:2.19cqw;height:2.19cqw}
.disclaimer{position:absolute;left:3.08cqw;top:50.95cqw;color:#96b5cf;font-size:1.186cqw;line-height:1.66cqw;letter-spacing:-.018cqw}
.metrics{position:absolute;inset:0;pointer-events:none;color:#43c9ff}
.connectors{position:absolute;left:82.74cqw;top:11.74cqw;width:16.014cqw;height:24.318cqw}
.weight-metric{position:absolute;left:88.38cqw;top:7.295cqw;width:7.83cqw;height:7.83cqw;text-align:center}
.weight-metric>img,.weight-metric>picture>img{position:absolute;inset:0;width:100%;height:100%}
.weight-metric p{padding-top:1.48cqw;line-height:2.61cqw}
.weight-metric strong{font-size:2.25cqw;font-weight:700;letter-spacing:-.059cqw}
.weight-metric p span{font-size:1.008cqw;font-weight:500}
.weight-metric small{display:block;font-size:.712cqw;line-height:1.068cqw;color:#83b5d7}
.weight-chart{position:absolute;left:90.69cqw;top:18.68cqw;width:7.95cqw}
.weight-chart p{margin-left:.59cqw;font-size:.89cqw;line-height:1.068cqw;color:#83b5d7}
.weight-chart img{display:block;width:100%;margin-top:.59cqw}
.energy-metric{position:absolute;left:92.94cqw;top:31.02cqw;width:5.34cqw}
.energy-metric>p{font-size:.89cqw;line-height:1.127cqw}
.energy-ring{position:relative;width:5.34cqw;height:5.34cqw;margin-top:1.008cqw}
.energy-ring>img,.energy-ring>picture>img{width:100%;height:100%}
.energy-ring .fire{position:absolute;width:2.2cqw;height:2.73cqw;left:1.57cqw;top:1.3cqw}
.energy-metric>strong{display:block;text-align:center;font-size:1.6cqw;font-weight:600;line-height:2.02cqw;margin-top:.59cqw;letter-spacing:-.03cqw}

/* Shared markup helpers preserve the existing desktop composition. */
picture{display:contents} source{display:none}
h1 .desktop-space{display:inline}
h1 .mobile-break,.mobile-break,.mobile-space,.mobile-menu{display:none}

@font-face{font-family:ManropeMobile;src:url('../assets/mobile/block-01-hero/fonts/Manrope-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ManropeMobile;src:url('../assets/mobile/block-01-hero/fonts/Manrope-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:ManropeMobile;src:url('../assets/mobile/block-01-hero/fonts/Manrope-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:ManropeMobile;src:url('../assets/mobile/block-01-hero/fonts/Manrope-Bold.woff2') format('woff2');font-weight:700;font-display:swap}

/* Tablet: compact landscape composition with readable text and touch targets. */
@media(min-width:768px) and (max-width:1199px){
  .hero{min-width:0;height:clamp(700px,80vw,900px);aspect-ratio:auto;border-radius:0 24px 0 0}
  .hero-scene{width:125%;left:-9%;top:70px;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 82%,transparent)}
  .hero:after{background:linear-gradient(90deg,#020910e6, #020910a0 35%,transparent 65%),linear-gradient(0deg,#020910 0%,#020910db 16%,transparent 42%)}
  .header{left:4cqw;right:4cqw;top:24px;justify-content:space-between;gap:20px}
  .brand{font-size:16px;gap:9px;letter-spacing:.7px}
  .brand img{width:34px;height:34px}
  .navigation{font-size:16px;gap:24px;letter-spacing:0}
  .navigation a{display:flex;align-items:center;min-height:44px}
  .hero-copy{left:4cqw;top:130px;width:58cqw}
  .headline-first{font-size:8.3cqw;line-height:1.07;letter-spacing:-.3cqw}
  .headline-second{font-size:5.8cqw;line-height:1.15;letter-spacing:-.2cqw}
  .promise{font-size:3.4cqw;line-height:1.25;margin-top:22px;letter-spacing:-.08cqw}
  .description{font-size:18px;line-height:27px;margin-top:22px;letter-spacing:-.3px}
  .facts{top:auto;bottom:176px;left:4cqw;right:4cqw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .fact{width:auto;min-width:0;height:80px;padding:0 20px;gap:14px;font-size:17px;line-height:23px;letter-spacing:-.3px;border-radius:10px;background:#020a13e8}
  .fact>picture>img{width:36px;height:40px}
  .fact strong{font-size:20px}
  .days-icon{width:42px;height:42px}.days-icon span{font-size:20px}
  .action-row{left:4cqw;right:4cqw;top:auto;bottom:78px;gap:24px;justify-content:space-between}
  .cta{width:40cqw;height:68px;padding:0 20px;justify-content:space-between;gap:12px;font-size:22px;border-radius:12px;letter-spacing:-.4px}
  .cta img{width:28px;height:28px}
  .expert{font-size:16px;line-height:23px;gap:9px;letter-spacing:-.3px}
  .expert img{width:32px;height:32px}
  .disclaimer{left:4cqw;top:auto;bottom:28px;font-size:16px;line-height:24px;letter-spacing:0}
  .connectors,.weight-chart,.energy-metric{display:none}
  .weight-metric{left:auto;right:3cqw;top:102px;width:100px;height:100px}
  .weight-metric p{padding-top:23px;line-height:30px}
  .weight-metric strong{font-size:29px}.weight-metric p span{font-size:14px}
  .weight-metric small{font-size:10px;line-height:14px}
}

/* Mobile reference: 941 x 1672. Coordinates follow its portrait composition. */
@media(max-width:767px){
  .hero{min-width:0;max-width:none;aspect-ratio:941/1672;border-radius:4.25vw;font-family:ManropeMobile,Arial,sans-serif}
  .hero-scene{width:100%;height:100%;object-fit:cover;left:0;top:0}
  .hero:after{background:linear-gradient(90deg,rgba(0,3,7,.1),transparent 48%)}
  .header{left:5.1cqw;right:5.8cqw;top:5.85cqw;gap:0;justify-content:space-between;align-items:flex-start;z-index:5}
  .brand{gap:1.4cqw;font-size:3.3cqw;letter-spacing:.12cqw}
  .brand img{width:8cqw;height:6.6cqw}
  .navigation{display:none}
  .mobile-menu{display:block;position:relative;margin-top:-2.8cqw}
  .mobile-menu summary{width:9cqw;min-width:44px;height:9cqw;min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.1cqw;cursor:pointer;list-style:none}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary span{width:5.1cqw;height:.43cqw;background:#f7f8fa;border-radius:2px}
  .mobile-menu summary:focus-visible{outline:2px solid #42c9ff;outline-offset:3px}
  .mobile-menu nav{position:absolute;top:100%;right:0;display:flex;flex-direction:column;min-width:165px;padding:10px;border:1px solid #29495a;border-radius:10px;background:#03111efa;box-shadow:0 10px 35px #0008;font-size:16px;white-space:nowrap}
  .mobile-menu nav a,.mobile-menu nav>span{padding:12px}
  .hero-copy{left:6.15cqw;top:23.2cqw;width:55cqw}
  .headline-first{font-size:12.76cqw;line-height:13.5cqw;letter-spacing:-.42cqw}
  .headline-second{font-size:9.1cqw;line-height:9.15cqw;letter-spacing:-.27cqw;font-weight:700}
  h1 .mobile-break,.mobile-break{display:block}
  h1 .desktop-space,.desktop-space,.desktop-break{display:none}
  .mobile-space{display:inline}
  .promise{margin-top:3.5cqw;font-size:5.85cqw;line-height:6.48cqw;letter-spacing:-.15cqw;color:#32c9ec}
  .description{margin-top:4.2cqw;font-size:3.5cqw;line-height:4.25cqw;letter-spacing:-.075cqw;color:#d0d8e2;white-space:nowrap}
  .facts{top:120.09cqw;left:5.74cqw;right:5.63cqw;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr) minmax(0,1.045fr);gap:2.12cqw}
  .fact{min-width:0;width:auto;height:14.88cqw;border-radius:1.7cqw;padding:0 1.8cqw;gap:1.3cqw;font-size:2.95cqw;line-height:3.61cqw;letter-spacing:-.064cqw;background:rgba(0,8,16,.94)}
  .fact>picture>img{width:6.38cqw;height:7.01cqw}
  .fact-days{padding:0 1.8cqw;gap:1.3cqw}
  .days-icon{width:8.1cqw;height:8.1cqw}
  .days-icon span{font-size:4cqw;font-weight:600}
  .fact strong{font-size:3.19cqw;font-weight:600}
  .action-row{top:138.26cqw;left:5.95cqw;right:5.95cqw;flex-direction:column;gap:2.75cqw}
  .cta{position:relative;width:100%;height:17cqw;justify-content:center;padding:0 10cqw 0 5cqw;border-radius:2.98cqw;gap:0;font-size:5.32cqw;line-height:6.38cqw;font-weight:700;letter-spacing:-.106cqw;background:linear-gradient(110deg,#2dccf2,#37d1f2);box-shadow:0 0 5cqw #007aa32b}
  .cta img{position:absolute;right:8.5cqw;width:5.7cqw;height:5.7cqw}
  .expert{gap:2.12cqw;font-size:3.29cqw;line-height:4.25cqw;letter-spacing:-.075cqw;transform:translateX(0)}
  .expert img{width:6.48cqw;height:6.48cqw}
  .disclaimer{left:0;top:168.6cqw;width:100%;text-align:center;font-size:2.87cqw;line-height:3.72cqw;letter-spacing:-.053cqw}
  .connectors{display:none}
  .weight-metric{left:78.85cqw;top:15.73cqw;width:16.58cqw;height:16.58cqw}
  .weight-metric:before{content:"";position:absolute;inset:.7cqw .5cqw .1cqw;border:.48cqw solid #0a2638;border-radius:50%}
  .weight-metric:after{content:"";position:absolute;left:-4.9cqw;top:16.6cqw;width:6cqw;height:1px;transform:rotate(-54deg);background:#188dbe;transform-origin:left}
  .weight-metric p{position:relative;padding-top:3.5cqw;line-height:5.53cqw}
  .weight-metric strong{font-size:4.78cqw;letter-spacing:-.106cqw}
  .weight-metric p span{font-size:2.44cqw}
  .weight-metric small{position:relative;font-size:1.49cqw;line-height:2.12cqw;color:#b8d3eb}
  .weight-chart{left:82.36cqw;top:36.45cqw;width:13.29cqw;border-top:.3cqw solid #123346;border-bottom:1px solid #12618a;padding-top:1.6cqw;padding-bottom:1.6cqw}
  .weight-chart p{margin-left:.7cqw;font-size:2.02cqw;line-height:2.66cqw}
  .weight-chart img{margin-top:1.3cqw;width:100%;height:12.8cqw}
  .energy-metric{left:84.38cqw;top:60.99cqw;width:11.27cqw}
  .energy-metric>p{font-size:2.02cqw;line-height:2.66cqw;margin-left:1.4cqw}
  .energy-ring{width:11.27cqw;height:11.27cqw;margin-top:1.7cqw}
  .energy-ring .fire{width:4.46cqw;height:5.64cqw;left:3.4cqw;top:2.8cqw}
  .energy-metric>strong{font-size:3.51cqw;line-height:4.25cqw;margin-top:1.5cqw;letter-spacing:-.053cqw}
}