:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#edffff;background:#060c11;--cyan:#8dfff5;--orange:#ff9b48}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scene{position:relative;isolation:isolate;max-width:1200px;height:100svh;min-height:780px;max-height:1080px;margin:auto;overflow:hidden;background:#08151c;perspective:1100px}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-3}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#060c11 0%,transparent 14%,transparent 89%,#02090b90);z-index:-2;pointer-events:none}.topbar{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.signature{font-size:12px;letter-spacing:2px;text-shadow:0 2px 6px #000;color:#d8f6f4;margin:0}.languages{display:flex;padding:4px;background:#06161ddd;border:1px solid #59918f;border-radius:3px}.languages a{font-size:14px;padding:9px 12px;text-decoration:none;color:#acd3d4}.languages a[aria-current]{background:#224b4f;color:#fff;box-shadow:inset 0 -2px var(--cyan)}.perspective{position:absolute;right:5%;top:12%;width:45%;height:64%;perspective:950px}.panel{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(-9deg) rotateX(3deg);will-change:transform;transition:transform .12s ease-out}.panel-frame{position:absolute;inset:-3%;width:106%;height:106%;pointer-events:none;transform:translateZ(10px);filter:drop-shadow(0 0 8px #62ffff65)}.glass{position:absolute;inset:3%;background:linear-gradient(125deg,#07333844,#021c2528 60%,#91fff20a);border:1px solid #80f9f365;clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%);pointer-events:none;transform:translateZ(-7px)}.back-edge{position:absolute;inset:1%;border:2px solid #7bf2e580;clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%);transform:translateZ(-24px);box-shadow:0 0 16px #5fffff33;pointer-events:none}.panel-content{position:absolute;inset:7% 8% 5%;display:flex;flex-direction:column;justify-content:center;transform-style:preserve-3d}.offer-row{display:flex;align-items:center;justify-content:center;gap:18px;flex:1;min-height:0;transform:translateZ(28px);border-bottom:1px solid #9bfff6ba;text-shadow:0 2px 3px #031818,0 0 12px #45ffc780}.amount{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(55px,7.5vw,99px);font-weight:900;white-space:nowrap;color:#b4ffcf;letter-spacing:-2px;line-height:1.1}.for{font-size:clamp(17px,2.35vw,31px);font-weight:900;text-transform:uppercase;white-space:nowrap;letter-spacing:-.5px}.program{font-size:clamp(15px,1.7vw,21px);font-weight:700;text-align:center;margin:16px 0;transform:translateZ(22px);text-shadow:0 2px 5px #000}.code-zone{position:relative;border-top:1px solid #ff9735;padding-top:15px;transform:translateZ(40px);text-align:center}.code-label{margin:0;color:#ffbd7b;font-size:clamp(15px,1.8vw,23px);font-weight:700;text-shadow:0 2px 6px #000}.copy{display:block;position:relative;border:0;background:transparent;width:100%;padding:0 0 2px;cursor:pointer;transition:filter .2s}.copy img{width:100%;height:auto;max-height:135px;object-fit:contain;display:block;filter:drop-shadow(0 0 8px #ff6a3290)}.copy:hover,.copy:focus-visible{filter:brightness(1.4) drop-shadow(0 0 12px #ff8b35)}.copy-hint{font-size:14px;color:#f0fffa;text-shadow:0 2px 5px #000;display:block;line-height:1.4}.feedback{position:absolute;top:100%;left:-5%;right:-5%;text-align:center;color:#bcffe5;font-size:14px;text-shadow:0 2px 5px #000;margin:7px 0 0;min-height:20px}.order-group{position:absolute;left:17%;right:10%;bottom:6%;text-align:center}.order{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 30px;border:2px solid #8fffee;background:linear-gradient(120deg,#063c4299,#001a2488);box-shadow:inset 0 0 16px #77ffeb30,0 0 12px #77ffeb35;text-decoration:none;clip-path:polygon(3% 0,97% 0,100% 22%,100% 78%,97% 100%,3% 100%,0 78%,0 22%);transition:box-shadow .2s,background .2s,filter .2s;color:#d8fff9}.order:before{content:'';position:absolute;inset:5px;border:1px solid #74e9df88;clip-path:inherit;pointer-events:none}.order:hover,.order:focus-visible{background:#12555bd9;box-shadow:inset 0 0 35px #7cfff199,0 0 35px #7cfff1;filter:brightness(1.45)}.order svg{width:38px;height:38px;flex-shrink:0;fill:none;stroke:#9effe2;stroke-width:1.8;filter:drop-shadow(0 0 6px #59ffe4)}.order-copy{text-align:left}.order strong{display:block;font-size:clamp(24px,3vw,35px);text-shadow:0 0 12px #77ffcc80}.order small{display:block;font-size:14px;margin-top:5px}.chevrons{font:700 36px monospace;color:#b9ffeb;text-shadow:0 0 12px #47ffd6}.manual{font-size:13px;line-height:1.5;margin:12px 0 0;color:#ddf5f2;text-shadow:0 1px 5px #000}.below{max-width:1120px;padding:40px 30px 0;margin:auto}.section-top{display:flex;align-items:center;gap:22px}h1{font-size:26px;line-height:1.3;margin:0;letter-spacing:-.6px}.section-top:after{content:'';height:1px;flex:1;background:#355052}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:0;margin:30px 0 36px}.num{font:14px monospace;color:#ffab6f}h2{font-size:18px;margin:12px 0}.steps p,.disclosure p{color:#b2c9cf;font-size:16px;line-height:1.7;margin:0}.disclosure{border-top:1px solid #294348;padding:26px 0;display:grid;grid-template-columns:1fr 2fr;gap:35px}.disclosure strong{font-size:17px;line-height:1.6}.disclosure p{font-size:14px}footer{border-top:1px solid #294348;padding:22px 0 28px;font-size:12px;color:#9ab8bd;display:flex;justify-content:space-between;gap:18px}@media(min-width:1600px){.scene{max-width:1300px}}@media(max-width:850px) and (min-width:621px){.perspective{width:49%;right:3%;height:59%;top:18%}.offer-row{gap:9px}.amount{font-size:66px}.for{font-size:23px}.program{font-size:17px}.order-group{left:10%;right:7%}}@media(max-width:620px){.scene{height:auto;min-height:780px;max-height:none;padding:218px 0 30px}.backdrop{height:100%;object-position:31% top}.topbar{left:17px;right:17px;top:15px}.signature{font-size:12px;max-width:180px;line-height:1.5;letter-spacing:1px}.languages a{padding:8px 10px}.perspective{position:relative;top:auto;right:auto;width:88%;height:390px;margin:0 4% 0 8%;perspective:none}.panel{transform:none!important}.panel-content{inset:7% 8% 6%}.offer-row{gap:14px}.amount{font-size:65px}.for{font-size:24px}.program{font-size:17px;margin:10px 0}.code-label{font-size:18px}.code-zone{padding-top:10px}.copy img{max-height:99px}.copy-hint{font-size:14px}.glass{background:#04212980}.order-group{position:relative;left:auto;right:auto;bottom:auto;margin:45px 6% 0}.order{padding:14px 17px;gap:14px}.order strong{font-size:27px}.order small{font-size:13px}.order svg{width:29px;height:29px}.chevrons{font-size:27px}.manual{font-size:13px;line-height:1.5}.below{padding:30px 22px 0}.steps{grid-template-columns:1fr;gap:24px}.steps li{position:relative;padding-left:36px}.num{position:absolute;left:0;top:1px}h2{margin-top:0}.disclosure{grid-template-columns:1fr;gap:12px}footer{flex-direction:column;gap:8px}h1{font-size:24px}}@media(max-width:370px){.for{font-size:20px}.amount{font-size:58px}.offer-row{gap:10px}.program{font-size:15px}.order{gap:10px}.order strong{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.panel{transform:none!important}}

/* Align live content to the two apertures in the extracted frame. */
.panel-frame{left:-13%;right:auto;width:126%}.panel-content{inset:7% 11% 3%;display:grid;grid-template-rows:25% 25% 14% 36%;align-items:stretch}.offer-row{flex:none}.program{align-self:center;line-height:1.3;margin:0;font-size:clamp(14px,1.5vw,19px)}.code-zone{padding-top:20px;border-top:0}.copy img{height:clamp(65px,9vw,100px);max-height:none}.code-label{font-size:clamp(15px,1.65vw,21px)}.feedback{top:calc(100% + 4px)}
@media(max-width:620px){.panel-content{inset:7% 11% 3%}.code-zone{padding-top:16px}.copy img{height:65px}.program{font-size:15px}.code-label{font-size:17px}.feedback{top:calc(100% + 10px)}}

/* Lightly tinted glass: blue offer area, orange referral-code area. */
.glass{background:linear-gradient(to bottom,rgba(5,48,78,.60) 0%,rgba(5,48,78,.60) 65%,rgba(94,39,10,.55) 65%,rgba(94,39,10,.55) 100%)}
.disclosure a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.disclosure a:hover{color:#fff}
.cursor-ember{position:fixed;width:17px;height:17px;opacity:0;border-radius:50%;background:radial-gradient(circle,#fff4af 0%,#ffb43a 15%,#ff6a11aa 38%,#ff620040 58%,transparent 74%);box-shadow:0 0 9px #ff761b70;pointer-events:none;z-index:100;mix-blend-mode:screen;will-change:transform,opacity}
.code-help{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center;padding:25px;margin:0 0 32px;border:1px solid #355052;background:#0a1821}.code-help h2{margin-top:0;color:#d5fff8}.code-help p{font-size:16px;line-height:1.7;color:#b2c9cf;margin:10px 0}.code-help figure{margin:0}.code-help img{display:block;width:100%;height:auto;border:1px solid #48636a;border-radius:4px}.code-help figcaption{font-size:13px;line-height:1.5;color:#9ab8bd;margin-top:9px}.code-help strong{color:#eafff8}
@media(max-width:620px){.code-help{grid-template-columns:1fr;padding:20px;gap:14px}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.cursor-ember{display:none}}

/* Keep the customer signature above the EBOX artwork. */
.signature{position:absolute;top:-16px;left:0}.languages{margin-left:auto}
@media(max-width:620px){.signature{top:-9px}}
.sound-control{position:fixed;bottom:16px;left:16px;z-index:110}.sound-toggle{display:flex;align-items:center;gap:9px;border:1px solid #537271;border-radius:24px;background:#071921ed;color:#d0ebe6;font:14px Arial,sans-serif;padding:12px 17px;cursor:pointer;box-shadow:0 3px 15px #0005}.sound-toggle:hover,.sound-toggle[aria-pressed="true"]{border-color:#ffae69;color:#ffcf99}.sound-toggle:disabled{opacity:.65;cursor:wait}footer{padding-bottom:86px}

/* Sound control beside FR/EN, below the selector on narrow screens. */
.topbar .sound-control{position:static;margin-left:auto;z-index:110}
.topbar .languages{margin-left:0}
@media(max-width:620px){.topbar .sound-control{position:absolute;top:50px;right:0;bottom:auto;left:auto;margin:0}.topbar .languages{margin-left:auto}.sound-toggle{font-size:13px;padding:10px 14px}}
/* Explicit top-right anchors prevent an older flex layout from shifting controls. */
.topbar .languages{position:absolute;top:0;right:0;margin:0}
.sound-control{top:24px;right:140px;bottom:auto;left:auto}
.topbar .sound-control{position:absolute;top:0;right:108px;bottom:auto;left:auto;margin:0}
@media(max-width:620px){.sound-control{top:65px;right:17px;bottom:auto;left:auto}.topbar .sound-control{top:50px;right:0;bottom:auto;left:auto}.topbar .languages{top:0;right:0;margin:0}}