@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#080b0a;--panel:#111513;--soft:#171d1a;--mint:#09e3ac;--mint2:#73ffd5;--paper:#f4f6f3;--muted:#9da7a2;--line:#29312d;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.nav{height:86px;display:flex;align-items:center;gap:48px;max-width:var(--max);margin:auto;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:10}.brand{margin-right:auto}.brand img{width:122px;height:52px;object-fit:cover;object-position:center 79%}.nav nav{display:flex;gap:32px;color:#c9d0cc;font-size:.92rem}.nav nav a:hover{color:var(--mint)}.button{display:inline-flex;justify-content:center;align-items:center;border:0;background:var(--mint);color:#04110d;padding:15px 23px;border-radius:8px;font:700 .95rem 'Manrope';cursor:pointer;transition:.2s}.button:hover{background:var(--mint2);transform:translateY(-2px)}.button-small{padding:11px 17px}.hero{max-width:var(--max);margin:auto;min-height:720px;padding:88px 28px 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{font:700 .75rem 'Manrope';letter-spacing:.17em;color:var(--mint);margin:0 0 20px}.hero h1,.section h2{font:700 clamp(3rem,6.5vw,6.5rem)/.98 'Manrope';letter-spacing:-.06em;margin:0}.hero h1 span{color:var(--mint)}.lead{font-size:1.18rem;color:#b9c1bd;max-width:620px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{color:#dce1de;font-weight:600}.text-link span{color:var(--mint);margin-left:8px}.proof{padding:0;margin:52px 0 0;display:flex;list-style:none;gap:44px}.proof li{display:grid}.proof strong{font:700 1.35rem 'Manrope'}.proof span{color:var(--muted);font-size:.86rem}.product-stage{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:410px;height:410px;background:var(--mint);border-radius:50%;filter:blur(95px);opacity:.14}.station{width:min(390px,80%);max-height:570px;object-fit:contain;position:relative;filter:drop-shadow(0 35px 45px #000)}.signal{position:absolute;background:rgba(18,24,21,.9);border:1px solid #34413a;backdrop-filter:blur(10px);border-radius:12px;padding:12px 15px;font-size:.83rem;box-shadow:0 16px 35px rgba(0,0,0,.35)}.signal-one{top:17%;left:0;color:var(--mint)}.signal-two{bottom:19%;right:0}.signal-two b{color:var(--mint);margin-right:6px}.problem-band{background:var(--mint);color:#06100c;padding:48px max(28px,calc((100vw - var(--max))/2 + 28px));display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.problem-band>p{font:700 clamp(1.7rem,3vw,3rem)/1.1 'Manrope';letter-spacing:-.04em;margin:0}.problem-band>div{display:grid;gap:8px;font-weight:600}.problem-band>div span:before{content:'—';margin-right:10px}.section{max-width:var(--max);margin:auto;padding:120px 28px}.section h2{font-size:clamp(2.6rem,5vw,5rem)}.steps{display:grid;gap:72px}.section-intro{display:flex;justify-content:space-between;align-items:end}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step-grid article{padding:34px 34px 10px 0;border-right:1px solid var(--line);position:relative}.step-grid article+article{padding-left:34px}.step-grid article:last-child{border-right:0}.number{color:#66716b;font:600 .78rem 'Manrope'}.icon{margin:55px 0 28px;color:var(--mint);font-size:2.6rem}.step-grid h3{font:700 1.35rem 'Manrope';margin:0 0 12px}.step-grid p{color:var(--muted);margin:0}.business{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.business-copy>p:not(.eyebrow){color:#aeb7b2;font-size:1.08rem;max-width:620px}.check-list{margin-top:45px;display:grid;gap:22px}.check-list>div{display:flex;gap:16px}.check-list i{font-style:normal;color:var(--mint);border:1px solid #315247;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto}.check-list span{display:grid;color:var(--muted)}.check-list b{color:var(--paper);font:700 1rem 'Manrope'}.quote-card{background:linear-gradient(145deg,#151b18,#0d110f);border:1px solid #293530;border-radius:22px;padding:50px;min-height:480px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.quote-card:before{content:'';position:absolute;width:250px;height:250px;background:var(--mint);filter:blur(90px);opacity:.12;top:-60px;right:-60px}.battery{align-self:flex-start;border:1px solid var(--mint);color:var(--mint);border-radius:999px;padding:7px 12px;font:700 .8rem 'Manrope';margin-bottom:auto}.quote-card blockquote{font:700 clamp(1.75rem,3vw,2.7rem)/1.14 'Manrope';letter-spacing:-.04em;margin:0 0 22px}.quote-card p{color:var(--muted);margin:0}.specs{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px}.specs-head{grid-row:span 2}.spec-list{border-top:1px solid #35403a}.spec-list div{display:flex;justify-content:space-between;padding:21px 0;border-bottom:1px solid #35403a}.spec-list span{color:var(--muted)}.spec-list b{font-family:'Manrope'}.spec-note{color:var(--muted);margin:0}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;background:#0c100e;max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px))}.accordions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:24px 0}summary{font:600 1.05rem 'Manrope';cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';color:var(--mint);font-size:1.4rem}details[open] summary:after{content:'−'}details p{color:var(--muted);max-width:660px}.demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.demo>div>p:last-child{color:var(--muted);font-size:1.08rem;max-width:520px}.demo form{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:34px}.demo label{display:grid;gap:7px;color:#ccd3cf;font-size:.86rem}.demo input{width:100%;background:#0b0e0c;border:1px solid #343d38;color:white;border-radius:8px;padding:14px 13px;font:inherit;outline:none}.demo input:focus{border-color:var(--mint)}.demo button,.demo .form-note,.demo .success{grid-column:1/-1}.demo button{margin-top:8px}.form-note,.success{font-size:.82rem;color:var(--muted);margin:0;text-align:center}.success{color:var(--mint)}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:48px 28px 60px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;color:var(--muted)}footer img{width:105px;height:44px;object-fit:cover;object-position:center 79%}footer p{margin:0}footer>div{display:flex;gap:24px}footer a{color:var(--paper)}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.product-stage{min-height:470px}.problem-band,.business,.specs,.faq,.demo{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr}.step-grid article{border-right:0;border-bottom:1px solid var(--line);padding:28px 0!important}.icon{margin:25px 0 15px}.business,.faq,.demo{gap:50px}.specs-head{grid-row:auto}.proof{gap:24px}.section{padding-top:90px;padding-bottom:90px}.demo form{grid-template-columns:1fr}.demo label,.demo button,.demo .form-note,.demo .success{grid-column:1}footer{grid-template-columns:1fr}footer>div{flex-direction:column;gap:5px}}
@media(max-width:560px){.nav{height:72px;padding:0 18px}.button-small{font-size:.8rem;padding:9px 12px}.brand img{width:105px}.hero,.section{padding-left:18px;padding-right:18px}.hero{min-height:auto}.hero h1{font-size:3.2rem}.lead{font-size:1.04rem}.hero-actions{align-items:flex-start;flex-direction:column}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proof strong{font-size:1.1rem}.proof span{font-size:.7rem}.product-stage{min-height:400px}.station{width:74%}.signal{font-size:.72rem}.signal-one{left:0}.problem-band{padding:38px 18px}.quote-card{padding:30px;min-height:400px}.demo form{padding:22px}footer{padding-left:18px;padding-right:18px}}

/* Brand assets: keep the complete logo visible and use the real PowerUp station. */
.brand img{width:106px;height:66px;object-fit:contain;object-position:center}
.station-photo{width:min(430px,88%);border-radius:18px;box-shadow:0 35px 70px rgba(0,0,0,.45)}
footer img{width:112px;height:auto;object-fit:contain;object-position:center}
@media(max-width:560px){.brand img{width:92px;height:58px}.station-photo{width:88%}}

.product-stage{background:#f4f4f2;border-radius:28px;overflow:hidden;min-height:610px}
.studio-station{width:152%;max-width:none;max-height:none;filter:none;transform:translateY(1%)}
.product-stage .glow{display:none}
.products{max-width:none;background:#eef1ee;color:#0a0d0b;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px))}
.products .eyebrow{color:#087d62}.products-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;margin-bottom:62px}.products-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.products-heading h2{font-size:clamp(2.7rem,5vw,5.2rem)}.products-heading>p:last-child{color:#58625d;max-width:520px;margin:0 0 8px}.product-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-card{margin:0;background:#fff;border-radius:20px;overflow:hidden;min-height:460px;display:grid;grid-template-rows:1fr auto}.product-card img{width:100%;height:420px;object-fit:cover}.product-card-wide img{object-fit:cover}.product-card figcaption{padding:22px 24px 24px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e7e9e7}.product-card figcaption span{font:700 1rem 'Manrope';color:#101411}.product-card figcaption b{font:600 .86rem 'Manrope';color:#69736e;text-align:right}
@media(max-width:900px){.products-heading{grid-template-columns:1fr}.products-heading .eyebrow{grid-column:auto}.product-stage{min-height:520px}.studio-station{width:145%}}
@media(max-width:680px){.product-gallery{grid-template-columns:1fr}.product-card{min-height:390px}.product-card img{height:350px}.products-heading{margin-bottom:40px}.product-stage{min-height:450px}.studio-station{width:160%}}

.cutout-card{background:#fff;border:0}
.cutout-card img{object-fit:contain;padding:34px 52px 20px;filter:drop-shadow(0 24px 22px rgba(13,20,16,.18))}
.cutout-card figcaption{border-top-color:#e7e9e7}
.product-card-wide img{transform:scale(1.12);transform-origin:center 45%}
@media(max-width:560px){.cutout-card img{padding:24px 48px 12px}}

.language-switch{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #303a35;border-radius:999px;color:#707c76;font:700 .72rem 'Manrope'}
.language-switch button{border:0;background:transparent;color:inherit;font:inherit;padding:2px;cursor:pointer}.language-switch button.active{color:var(--mint)}.language-switch span{color:#3f4944}
.product-stage{background:transparent;border-radius:0;overflow:visible}
.studio-station{width:142%;border-radius:0;box-shadow:none;filter:none;transform:none}
@media(max-width:760px){.nav{gap:12px}.language-switch{margin-left:auto}.nav>.button-small{display:none}}
@media(max-width:560px){.language-switch{padding:6px 8px}.studio-station{width:150%}.product-stage{min-height:430px}}

/* Responsive finishing pass */
html,body{max-width:100%;overflow-x:hidden}
.nav,.hero,.section,footer{width:100%}
.hero-copy,.business-copy,.specs-head,.products-heading,.demo>div{min-width:0}
.hero h1{font-size:clamp(3rem,5.35vw,5.35rem);overflow-wrap:normal}
.product-stage{min-width:0;isolation:isolate}
.studio-station{width:min(132%,720px);height:auto}
.product-card img{object-position:center}
.product-card-wide img{object-fit:contain;padding:22px;transform:scale(1.06)}
.product-card figcaption{align-items:flex-start}
.demo input{min-height:50px}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.language-switch button,.nav .button-small{min-height:40px}

@media(max-width:1100px){
  .nav{gap:24px}
  .nav nav{gap:20px}
  .hero{gap:24px;padding-top:70px;min-height:650px}
  .hero h1{font-size:clamp(3rem,5.6vw,4.6rem)}
  .product-stage{min-height:500px}
  .studio-station{width:138%}
  .business,.faq{gap:52px}
  .demo{gap:60px}
}

@media(max-width:900px){
  .nav{height:78px}
  .hero{grid-template-columns:1fr;gap:18px;padding-top:64px;padding-bottom:64px}
  .hero-copy{max-width:720px}
  .hero h1{font-size:clamp(3.25rem,9vw,5rem)}
  .lead{max-width:680px}
  .product-stage{min-height:540px;width:100%;max-width:680px;margin:10px auto 0}
  .studio-station{width:min(125%,760px)}
  .signal-one{left:4%}.signal-two{right:4%}
  .products-heading{gap:18px}
  .product-card{min-height:410px}
  .product-card img{height:360px}
  .quote-card{min-height:400px}
}

@media(max-width:680px){
  .section{padding-top:76px;padding-bottom:76px}
  .hero{padding-top:52px;padding-bottom:54px}
  .hero h1{font-size:clamp(2.75rem,13vw,4rem);letter-spacing:-.055em}
  .lead{margin:24px 0;font-size:1.02rem}
  .hero-actions{gap:18px}
  .hero-actions .button{width:100%}
  .proof{margin-top:38px;gap:12px}
  .proof li{min-width:0}
  .proof strong{font-size:1.08rem}
  .proof span{line-height:1.25}
  .product-stage{min-height:390px;margin-top:2px}
  .studio-station{width:118%}
  .signal{padding:9px 11px}
  .signal-one{top:12%;left:0}.signal-two{bottom:13%;right:0}
  .problem-band{gap:24px}
  .problem-band>p{font-size:clamp(1.7rem,8vw,2.35rem)}
  .section h2,.products-heading h2{font-size:clamp(2.35rem,11vw,3.4rem);letter-spacing:-.055em}
  .business,.faq,.demo{gap:38px}
  .quote-card{padding:28px;min-height:350px}
  .specs{gap:36px}
  .spec-list div{gap:18px}
  .spec-list b{text-align:right}
  .products{padding-left:18px;padding-right:18px}
  .product-card{min-height:0}
  .product-card img{height:auto;aspect-ratio:1/1}
  .product-card-wide img{padding:14px;transform:scale(1.03)}
  .cutout-card img{padding:28px 52px 16px}
  .product-card figcaption{padding:18px 18px 20px}
  .demo form{padding:22px 18px}
  footer{gap:18px;padding-top:38px}
}

@media(max-width:420px){
  .nav{height:68px;padding-left:14px;padding-right:14px;gap:8px}
  .brand img{width:82px;height:52px}
  .language-switch{font-size:.68rem;padding:5px 7px}
  .hero,.section{padding-left:16px;padding-right:16px}
  .hero h1{font-size:clamp(2.5rem,12.4vw,3.2rem)}
  .proof{grid-template-columns:1fr 1fr 1fr}
  .proof span{font-size:.67rem}
  .product-stage{min-height:330px}
  .studio-station{width:112%}
  .signal{font-size:.68rem}
  .products{padding-left:16px;padding-right:16px}
  .product-card figcaption{display:grid;gap:4px}
  .product-card figcaption b{text-align:left}
  .cutout-card img{padding:24px 54px 12px}
  .spec-list div{font-size:.9rem}
}

.support-phone{display:inline-flex;gap:8px;align-items:center;margin-top:18px;color:var(--paper);font:700 1.05rem 'Manrope'}
.support-phone span{color:var(--mint)}

/* Customer support form */
.support{border-top:1px solid var(--line)}
.support .form-wide{grid-column:1/-1}
.demo select,.demo textarea{width:100%;background:#0b0e0c;border:1px solid #343d38;color:white;border-radius:8px;padding:14px 13px;font:inherit;outline:none}
.demo select{min-height:50px}
.demo textarea{min-height:130px;resize:vertical}
.demo select:focus,.demo textarea:focus{border-color:var(--mint)}
@media(max-width:900px){.support .form-wide{grid-column:1}}

/* Keep the hero contained at every desktop, laptop, tablet and phone width. */
.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);overflow:hidden}
.hero-copy{min-width:0;position:relative;z-index:2}
.hero-copy .lead{max-width:58ch;overflow-wrap:anywhere}
.product-stage{min-width:0;max-width:100%;overflow:hidden;z-index:1}
.studio-station{width:100%;max-width:620px}
@media(max-width:1100px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)}
  .hero h1{font-size:clamp(3rem,5.6vw,4.25rem)}
  .studio-station{width:106%}
}
@media(max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr);overflow:visible}
  .hero-copy{max-width:100%}
  .product-stage{width:100%;max-width:680px;margin-left:auto;margin-right:auto}
  .studio-station{width:112%;max-width:720px}
}
@media(max-width:680px){
  .hero h1{font-size:clamp(2.65rem,12vw,3.75rem)}
  .hero-copy .lead{max-width:100%}
  .studio-station{width:116%}
}
@media(max-width:420px){
  .hero h1{font-size:clamp(2.35rem,11.8vw,3rem)}
  .hero-actions,.hero-actions .button,.hero-actions .text-link{width:100%}
  .studio-station{width:120%}
}