/* Homepage only. Keep existing broker/payout tickers and shared navigation intact. */
/* Palette. Dark is the default; the page-level light palette is declared twice below (explicit
   choice and OS preference), mirroring cyber.css. Indicator cards and dialogs keep the dark palette
   in both themes: their figures are drawn for a dark surface. */
.home-launch,.hl-details,.hl-dialog,.hl-feature,.hl-detail-card{--hl-mint:#38d7d3;--hl-muted:#a7b8cb;--hl-line:#2b4152;--hl-text:#eef2fa;--hl-cta:#38d7d3;--hl-cta-hover:#74eee4;--hl-cta-text:#071820;--hl-ghost-bg:#101828;--hl-ghost-line:#42546b;--hl-glow:#123b4670;--hl-orbit:#2d879140;color:var(--hl-text)}
.cyber-theme[data-theme="light"] :is(.home-launch,.hl-details){--hl-mint:#007c83;--hl-muted:#46566b;--hl-line:#c9d3e0;--hl-text:#142238;--hl-cta:#007c83;--hl-cta-hover:#00666c;--hl-cta-text:#fff;--hl-ghost-bg:#fff;--hl-ghost-line:#8a9ab0;--hl-glow:#007c831c;--hl-orbit:#007c8340}
@media(prefers-color-scheme:light){.cyber-theme:not([data-theme="dark"]) :is(.home-launch,.hl-details){--hl-mint:#007c83;--hl-muted:#46566b;--hl-line:#c9d3e0;--hl-text:#142238;--hl-cta:#007c83;--hl-cta-hover:#00666c;--hl-cta-text:#fff;--hl-ghost-bg:#fff;--hl-ghost-line:#8a9ab0;--hl-glow:#007c831c;--hl-orbit:#007c8340}}
.hl-dialog{color-scheme:dark}
.home-launch{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;min-height:670px;padding:10px 0 28px}
.home-launch::before{content:"";position:absolute;inset:0 0 0 35%;background:radial-gradient(ellipse,var(--hl-glow),transparent 68%);z-index:-1;pointer-events:none}
.hl-copy{min-width:0}.hl-eyebrow{color:var(--hl-mint);font-size:10px;font-weight:700;letter-spacing:.13em;margin:0 0 22px!important}
.hl-kicker{color:var(--hl-mint);font-size:15px;font-weight:700;line-height:1.5;letter-spacing:.04em;margin:0 0 14px!important}
.home-launch h1{font-size:clamp(30px,3.3vw,44px);font-weight:800;line-height:1.35;letter-spacing:-.03em;margin:0;overflow-wrap:break-word}.home-launch h1 em{font-style:normal;color:var(--hl-mint)}
.hl-offer{margin-top:23px;padding-left:18px;border-left:3px solid var(--hl-mint)}.hl-rate{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:4px;line-height:1.1;font-size:22px;font-weight:700}.hl-rate>strong{font-family:Arial,sans-serif;font-size:86px;line-height:1;font-weight:800;letter-spacing:-.06em;color:var(--hl-mint);white-space:nowrap}.hl-rate>strong>span{font-size:38px;letter-spacing:-.02em;margin-left:4px}.hl-note{font-size:12px;line-height:1.8;color:var(--hl-muted);margin:12px 0!important}.hl-text-link{font-size:12px;color:var(--hl-mint);text-underline-offset:4px}.hl-text-link:hover{text-decoration:underline}.hl-offer .hl-text-link{font-size:12px;font-weight:600}
.hl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hl-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:13px 20px;border-radius:8px;font-size:14px;font-weight:700;text-align:center;transition:transform .18s,background .18s}.hl-button:hover{transform:translateY(-2px)}.hl-primary{background:var(--hl-cta);color:var(--hl-cta-text)!important}.hl-primary:hover{background:var(--hl-cta-hover)}.hl-secondary{border:1px solid var(--hl-ghost-line);background:var(--hl-ghost-bg);color:var(--hl-text)}
.hl-support{margin-top:22px}.hl-support-title{font-size:15px;font-weight:700;line-height:1.6}.hl-description{font-size:13px;line-height:1.9;color:var(--hl-muted);margin:4px 0 0!important}.hl-conditions{display:inline-block;font-size:12px;color:var(--hl-muted);margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.hl-showcase{height:635px;position:relative;min-width:0;isolation:isolate}.hl-orbit{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);border:1px solid var(--hl-orbit);border-radius:50%;z-index:-1;pointer-events:none}.hl-orbit-one{width:85%;height:410px}.hl-orbit-two{width:100%;height:510px;border-style:dashed}.hl-stage-label{position:absolute;left:50%;top:18px;transform:translateX(-50%);white-space:nowrap;font:9px monospace;letter-spacing:.12em;color:var(--hl-muted)}.hl-character-crop{position:absolute;left:50%;top:42px;transform:translateX(-50%);width:100%;height:545px;overflow:hidden;mask-image:linear-gradient(#000 0 70%,transparent 100%)}.hl-character{position:absolute;left:50%;top:0;transform:translateX(-50%);height:555px;width:auto;max-width:none;filter:drop-shadow(0 0 45px #2dccd018)}.hl-badge{position:absolute;right:3px;top:204px;border:1px solid #355a6c;background:#112734;border-radius:30px;padding:7px 12px;font-size:9px;color:#bde8e5;transform:rotate(4deg)}
.hl-feature{position:absolute;z-index:2;display:block;width:225px;padding:17px 17px 12px;border:1px solid #3c6d77;background:linear-gradient(145deg,#152a3bf5,#101a2bf5);backdrop-filter:blur(16px);border-radius:12px;box-shadow:0 20px 40px #0004;transition:transform .2s,border-color .2s}.hl-slot-1{left:-8px;top:310px}.hl-slot-2{right:0;top:410px}.hl-feature:hover{transform:translateY(-5px);border-color:var(--hl-mint)}.hl-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#c0d1dd;line-height:1.6}.hl-feature>strong{display:block;font-size:16px;line-height:1.4;letter-spacing:.01em;margin:10px 0 6px}.hl-card-summary{display:block;font-size:11px;color:#bacbd9;line-height:1.8}.hl-chart{display:block;margin-top:8px}.hl-chart svg{display:block;width:100%;height:60px}.hl-card-foot{display:flex;justify-content:space-between;border-top:1px solid #56717e50;padding-top:9px;margin-top:8px;font-size:10px;color:var(--hl-mint)}.hl-tide.hl-feature{border-color:#806b4d;background:linear-gradient(145deg,#252a34f5,#121b2bf5)}.hl-tide .hl-card-foot{color:#efbf78}.hl-hint{position:absolute;left:0;right:0;bottom:0;text-align:center;color:var(--hl-muted);font-size:10px}.hl-showcase-empty{height:570px}.hl-showcase-empty .hl-character-crop{height:490px}
.hl-details{margin:64px 0 48px;scroll-margin-top:100px}.hl-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.hl-section-heading .hl-eyebrow{margin-bottom:13px!important}.hl-section-heading h2{font-size:27px;font-weight:700;line-height:1.6}.hl-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hl-detail-card{padding:28px;border:1px solid var(--hl-line);border-radius:12px;background:linear-gradient(130deg,#122430,#101825 70%)}.hl-detail-card.hl-tide{background:linear-gradient(130deg,#25272d,#101825 70%)}.hl-live{white-space:nowrap;border:1px solid #3f686d;color:#a1e2d8;padding:3px 9px;border-radius:20px;font-size:10px}.hl-detail-card h3{font-size:21px;font-weight:700;margin:23px 0 12px;line-height:1.6}.hl-detail-card>p{font-size:13px;color:var(--hl-muted);line-height:2}.hl-detail-card footer{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--hl-line);padding-top:19px;margin-top:23px}.hl-detail-card footer strong{font-size:13px}.hl-disclosure{font-size:11px;line-height:1.9;color:var(--hl-muted);margin-top:17px!important}
.hl-dialog{border:1px solid #456176;background:#101b2a;border-radius:16px;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;box-shadow:0 30px 100px #0009}.hl-dialog::backdrop{background:#020612bf;backdrop-filter:blur(7px)}.hl-dialog-content{padding:36px;position:relative}.hl-close{position:absolute;right:14px;top:12px;width:40px;height:40px;background:#213345;color:var(--hl-text);border:0;border-radius:50%;font-size:24px;cursor:pointer}.hl-dialog .hl-eyebrow{padding-right:35px;margin-top:12px!important}.hl-dialog h2{font-size:27px;font-weight:700;line-height:1.5}.hl-dialog-lead{font-size:15px;line-height:1.9;margin-top:14px!important}.hl-dialog-chart{background:#0c1421;padding:15px;border:1px solid #304658;border-radius:8px;margin:22px 0}.hl-dialog-chart svg{width:100%;height:100px}.hl-dialog ul{list-style:disc;padding-left:20px;font-size:13px;line-height:2;color:#b7c8d9}.hl-dialog .hl-button{width:100%;margin-top:14px}.hl-dialog .hl-conditions{display:block;text-align:center}
.home-launch a:focus-visible,.hl-details a:focus-visible,.hl-dialog :is(a,button):focus-visible{outline:3px solid var(--hl-mint);outline-offset:5px}
@media(min-width:760px) and (max-width:1050px){.home-launch{gap:12px}.hl-feature{width:200px;padding:14px}.hl-slot-1{left:0}.hl-slot-2{top:435px}.hl-showcase{height:675px}.hl-rate{column-gap:8px;font-size:18px}.hl-rate>strong{font-size:68px}.hl-rate>strong>span{font-size:30px}.hl-offer{padding-left:12px}.hl-actions{flex-direction:column;align-items:start}.hl-button{width:100%}}
/* Mobile: the copy comes first in both DOM and paint order, so the cashback headline, the offer
   and the sign-up button sit in the first screen; character and tool cards follow. The main
   wrapper already gives 16px sides and 24px top; the copy adds 4px to reach 20px. */
@media(max-width:759px){.home-launch{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0 0 20px}.home-launch::before{inset:0 0 auto;height:480px}.hl-copy{width:100%;padding-inline:4px}.hl-kicker{font-size:13px;margin-bottom:10px!important}.home-launch h1{font-size:clamp(28px,8.4vw,34px);line-height:1.3;letter-spacing:-.02em}.hl-offer{margin-top:16px;padding-left:14px}.hl-rate{column-gap:10px;font-size:18px}.hl-rate>strong{font-size:68px}.hl-rate>strong>span{font-size:30px}.hl-note{font-size:12px;line-height:1.7;margin:10px 0 8px!important}.hl-actions{flex-direction:column;gap:10px;margin-top:18px}.hl-button{width:100%}.hl-support{margin-top:20px}.hl-support-title{font-size:14px}.hl-showcase{width:100%;height:530px;margin-top:24px}.hl-stage-label{top:4px;font-size:8px}.hl-character-crop{top:25px;height:320px;mask-image:linear-gradient(#000 0 78%,transparent 100%)}.hl-character{height:460px}.hl-orbit-one{width:85%;height:290px;top:36%}.hl-orbit-two{height:380px;top:41%}.hl-badge{top:224px;right:4px;font-size:8px}.hl-feature{width:calc(50% - 5px);padding:13px 11px 11px;border-radius:9px}.hl-slot-1{left:0;top:284px}.hl-slot-2{right:0;top:310px}.hl-feature>strong{font-size:13px}.hl-card-top{font-size:9px}.hl-card-summary{font-size:10px}.hl-chart svg{height:45px}.hl-card-foot{font-size:9px}.hl-hint{font-size:9px;bottom:0}.hl-showcase-empty{height:330px}.hl-showcase-empty .hl-character-crop{height:300px}.hl-details{margin:48px 0 36px}.hl-section-heading{display:block}.hl-section-heading h2{font-size:23px}.hl-section-heading>.hl-text-link{display:inline-block;margin-top:12px}.hl-detail-grid{grid-template-columns:1fr;gap:14px}.hl-detail-card{padding:23px}.hl-detail-card h3{font-size:19px}.hl-dialog-content{padding:28px 23px}.hl-dialog h2{font-size:24px}}
@media(max-width:359px){.home-launch h1{font-size:28px}.hl-rate{column-gap:8px;font-size:16px}.hl-rate>strong{font-size:60px}.hl-rate>strong>span{font-size:26px}.hl-feature{padding:11px 9px}.hl-feature>strong{font-size:11px}.hl-card-summary{font-size:9px}.hl-hint{font-size:8px}.hl-character{height:430px}}
/* Longer translations get a normal card row, so text cannot overlap the character. */
html:not([lang="ja"]) .hl-showcase{height:auto;min-height:660px;display:flex;align-items:start;gap:12px;flex-wrap:wrap;padding-top:360px;padding-bottom:45px}html:not([lang="ja"]) .hl-feature{position:relative;inset:auto;width:calc(50% - 6px)}html:not([lang="ja"]) .hl-character-crop{height:410px}html:not([lang="ja"]) .hl-showcase-empty{min-height:570px}
@media(max-width:759px){html:not([lang="ja"]) .hl-showcase{min-height:0;padding-top:285px}html:not([lang="ja"]) .hl-character-crop{height:320px}html:not([lang="ja"]) .hl-showcase-empty{min-height:330px}html:not([lang="ja"]) .hl-hint{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.hl-feature,.hl-button{transition:none}.hl-feature:hover,.hl-button:hover{transform:none}}
@media(min-width:760px){.hl-showcase{height:675px}.hl-hint{bottom:0}}
@media(min-width:760px) and (max-width:1050px){.hl-showcase{height:710px}.hl-feature{width:calc(50% - 6px);padding:13px 11px}.hl-feature>strong{font-size:13px}.hl-slot-1{top:350px}.hl-slot-2{top:380px}}
@media print{.hl-showcase,.hl-dialog{display:none}.home-launch{display:block;min-height:0}.home-launch,.hl-details,.hl-detail-card{--hl-text:#111;--hl-muted:#444;--hl-mint:#075563;--hl-cta:#075563;--hl-cta-text:#fff;background:#fff!important;color:#111}.home-launch::before{display:none}}

/* Reuse the shared pointer controller without moving text, cards or cashback figures. */
.cyber-theme .hl-character-crop > .cyber-pointer-layer { inset: 0; }
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .cyber-theme[data-cyber-motion="on"] .hl-character { transition: transform 320ms ease; }
  .cyber-theme[data-cyber-motion="on"] .hl-showcase:hover .hl-character { transform: translate(-50%, -6px); }
}