:root{color-scheme:dark;--navy:#071224;--panel:#0d2038;--line:rgba(160,209,255,.17);--text:#f5faff;--muted:#aec2d8;--cyan:#4ae1e8;--ice:#a8e9ff;--green:#7df0cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071224;color:var(--text);font:400 16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(2.6rem,5.3vw,5.1rem);font-weight:800;margin-bottom:25px}h1 em{font-style:normal;color:var(--ice)}h2{font-size:clamp(2.05rem,3.7vw,3.45rem);font-weight:780}h3{font-size:1.18rem}p{margin-bottom:0}.site-shell{overflow:hidden;background:radial-gradient(ellipse 58% 29% at 73% 7%,rgba(30,117,182,.22),transparent 78%),linear-gradient(180deg,#071224,#081529 38%,#071224)}.wrap{max-width:1220px;margin:0 auto;padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}.skip-link{position:absolute;top:-70px;left:15px;padding:10px 16px;background:#fff;color:#071224;z-index:20}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--green);outline-offset:4px;border-radius:4px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(160,209,255,.08)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:680;letter-spacing:-.025em;white-space:nowrap}.brand img,.footer-brand img{border-radius:11px}.brand strong{font-weight:800;color:var(--ice)}.header-nav{display:flex;align-items:center;gap:31px;margin-left:auto;margin-right:21px;color:#b5c9df;font-size:.9rem}.header-nav a:hover,.footer-links a:hover{color:var(--green)}.language-button{height:43px;min-width:64px;padding:0 12px;background:rgba(169,222,255,.08);border:1px solid var(--line);border-radius:11px;color:var(--text);font-weight:720;cursor:pointer}.language-button span{color:var(--cyan)}.language-button:hover{background:rgba(169,222,255,.17)}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(28px,4vw,70px);align-items:start;padding-top:clamp(44px,6vw,88px);padding-bottom:clamp(80px,9vw,145px)}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker{font-size:.72rem;font-weight:800;letter-spacing:.18em;color:var(--cyan)}.eyebrow{display:flex;gap:11px;align-items:center;margin-bottom:23px}.eyebrow-line{display:inline-block;width:23px;height:2px;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.hero-lead{max-width:550px;color:#c7d7e7;font-size:clamp(1.04rem,1.5vw,1.21rem);line-height:1.68}.hero-note{display:flex;align-items:center;gap:10px;margin-top:22px;color:#9dc2d1;font-size:.87rem}.note-dot,.caption-signal{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);flex:none}.store-links{display:flex;gap:11px;margin-top:32px}.store-link{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:12px 17px;border:1px solid transparent;border-radius:12px;font-size:.93rem;font-weight:760;line-height:1.2;white-space:nowrap;transition:transform .15s ease,background .15s ease}.store-link:hover{transform:translateY(-2px)}.store-primary{background:#baf5ff;color:#062038;box-shadow:0 11px 34px rgba(62,193,228,.16)}.store-primary:hover{background:#e0fbff}.store-secondary{background:#173047;border-color:#406077;color:#f4faff}.store-secondary:hover{background:#24435b}.store-icon{font-size:1.05rem;line-height:1}.store-icon.apple{font-size:1.2rem;transform:scaleX(.84)}.arrow{margin-left:4px;font-size:1.1rem}.store-disclaimer{margin-top:10px;color:#7894a9;font-size:.76rem}.countdown-card{max-width:558px;margin-top:49px;padding:25px 28px 22px;background:linear-gradient(145deg,rgba(25,53,84,.79),rgba(9,29,53,.92));border:1px solid rgba(127,198,235,.25);border-radius:19px;box-shadow:0 25px 65px rgba(2,11,27,.18)}.countdown-top{display:flex;align-items:start;justify-content:space-between}.countdown-top .section-kicker{margin-bottom:8px}.countdown-top h2{font-size:1.3rem;letter-spacing:-.018em;margin-bottom:0}.countdown-mark{color:#73d4e1;font-size:1.6rem;line-height:1}.countdown-status{margin:10px 0 16px;color:#afd1da;font-size:.79rem}.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.countdown-grid>div{min-height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#081a32;border:1px solid rgba(121,183,220,.12);border-radius:9px}.countdown-grid strong{font-variant-numeric:tabular-nums;font-size:1.65rem;line-height:1.05;letter-spacing:-.045em}.countdown-grid span{margin-top:7px;color:#79a7b9;font-size:.57rem;font-weight:780;letter-spacing:.14em}.countdown-date{margin-top:14px;color:#99b3c8;font-size:.78rem}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3px}.visual-glow{position:absolute;width:640px;height:660px;max-width:100%;top:0;border-radius:50%;background:radial-gradient(ellipse,rgba(41,151,199,.20) 0,rgba(23,88,152,.11) 40%,transparent 73%);pointer-events:none}.screenshot-frame{position:relative;width:min(100%,340px);height:auto;overflow:hidden;border-radius:36px;padding:7px;background:linear-gradient(145deg,#abc9de,#345e87 45%,#101e34 80%);box-shadow:0 36px 100px rgba(0,3,18,.6),0 0 75px rgba(26,126,202,.19);transform:rotate(2deg)}.screenshot-frame img{width:100%;height:auto;object-fit:contain;object-position:top;border-radius:29px}.visual-caption{position:relative;display:flex;align-items:center;gap:9px;margin-top:22px;color:#84adbe;font-size:.67rem;font-weight:800;letter-spacing:.19em}.section-pad{padding-top:96px;padding-bottom:100px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-intro h2{margin:0}.section-intro>p{max-width:365px;color:var(--muted);font-size:.94rem;line-height:1.6}.section-kicker{margin-bottom:15px}.prizes-section{background:linear-gradient(180deg,#0a1a31,#071629);border-top:1px solid rgba(180,230,255,.08);border-bottom:1px solid rgba(180,230,255,.08)}.prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.prize-card{min-width:0;overflow:hidden;border:1px solid #254968;border-radius:16px;background:#0d2744}.prize-first{border-color:#4b9cc3;box-shadow:0 0 35px rgba(56,171,214,.08)}.prize-top{display:flex;justify-content:space-between;padding:15px 17px;color:#a4dbe5;font-size:.68rem;font-weight:800;letter-spacing:.13em}.prize-top span:last-child{font-size:1rem;color:var(--green);line-height:.7}.prize-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.prize-bottom{padding:19px 20px 23px}.prize-bottom p{color:var(--cyan);font-size:.65rem;font-weight:800;letter-spacing:.17em;margin-bottom:7px}.prize-bottom h3{font-size:clamp(1.05rem,1.4vw,1.32rem);line-height:1.25;letter-spacing:-.025em;margin-bottom:0}.prize-disclaimer{margin-top:20px;color:#819daf;font-size:.78rem}.how-section{background:#071224}.how-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center}.how-heading h2{max-width:420px}.how-heading>p:last-child,.details-layout>div:first-child>p:not(.section-kicker){max-width:470px;color:var(--muted);line-height:1.73}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}.steps li:first-child{border-top:1px solid var(--line)}.steps>li>span{color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.12em;padding-top:4px}.steps h3{margin:0 0 7px}.steps p{color:var(--muted);font-size:.92rem;line-height:1.6}.details-section{background:#0b1d34}.details-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.details-layout h2{max-width:440px}.text-link{display:inline-flex;align-items:center;gap:16px;margin-top:24px;color:var(--cyan);font-size:.92rem;font-weight:750}.text-link:hover{text-decoration:underline}.faq{padding:28px 31px;border:1px solid var(--line);border-radius:18px;background:#0d2542}.faq h3{font-size:1.32rem;margin-bottom:8px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;font-size:.95rem;font-weight:720;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary::after{content:'+';font-size:1.3rem;line-height:1;color:var(--cyan)}.faq details[open] summary::after{content:'−'}.faq details p{padding-top:12px;color:var(--muted);font-size:.87rem;line-height:1.63}.closing-section{padding:82px 0;background:radial-gradient(ellipse 65% 140% at 88% 40%,rgba(31,127,160,.18),transparent 75%),#08192b;border-top:1px solid var(--line)}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.closing-inner h2{max-width:530px;margin-bottom:12px}.closing-inner p:last-child{color:var(--muted)}.closing-links{margin:0;flex-wrap:wrap;justify-content:flex-end}.site-footer{border-top:1px solid var(--line);background:#06111f;padding:38px 0 28px}.footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:start}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:750}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 25px;color:#a8bfd1;font-size:.85rem}.footer-inner>p{grid-column:1/-1;color:#6c8a9e;font-size:.75rem;padding-top:20px;border-top:1px solid rgba(175,221,246,.08)}
@media(max-width:1020px){.hero{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:24px}.store-links{flex-wrap:wrap}.store-link{min-width:195px}.screenshot-frame{width:285px;height:auto}.closing-inner{align-items:start;flex-direction:column}.closing-links{justify-content:flex-start}}
@media(max-width:760px){.site-header{height:70px}.header-nav{display:none}.hero{display:flex;flex-direction:column;padding-top:39px;padding-bottom:75px;gap:45px}.hero-copy{width:100%}.hero-lead{max-width:600px}.hero-visual{width:100%}.screenshot-frame{width:310px;height:auto}.section-pad{padding-top:70px;padding-bottom:75px}.section-intro{display:block}.section-intro>p{margin-top:18px}.prize-grid{grid-template-columns:1fr;max-width:480px;margin:auto}.prize-bottom h3{font-size:1.27rem}.how-layout,.details-layout{grid-template-columns:1fr;gap:38px}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-inner>p{grid-column:1}}
@media(max-width:460px){.wrap{padding-left:19px;padding-right:19px}.brand{font-size:.95rem;gap:8px}.brand img{width:38px;height:38px}.hero{padding-top:33px}.eyebrow{font-size:.61rem;margin-bottom:18px}h1{font-size:clamp(2.34rem,10.7vw,3.1rem);line-height:1.07;margin-bottom:17px}.hero-lead{font-size:.96rem;line-height:1.57}.hero-note{font-size:.78rem;margin-top:15px}.store-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.store-link{min-width:0;padding:10px 7px;min-height:58px;gap:5px;font-size:.74rem;white-space:normal;text-align:center}.store-icon{font-size:.89rem}.store-icon.apple{font-size:1rem}.arrow{display:none}.store-disclaimer{font-size:.71rem}.countdown-card{margin-top:32px;padding:19px 16px}.countdown-grid{gap:5px}.countdown-grid>div{min-height:65px}.countdown-grid strong{font-size:1.37rem}.countdown-grid span{font-size:.5rem;letter-spacing:.08em}.countdown-top h2{font-size:1.17rem}.hero-visual{margin-top:4px}.screenshot-frame{width:min(78vw,290px);height:auto}.section-intro h2,.how-heading h2,.details-layout h2,.closing-inner h2{font-size:2rem}.faq{padding:19px}.closing-section{padding:65px 0}.closing-links{width:100%}.closing-links .store-link{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Local 60-second timing demo. The campaign countdown above remains independent. */
.countdown-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.countdown-heading .section-kicker{margin-bottom:8px}.live-badge{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;padding:3px 9px;border:1px solid rgba(145,243,209,.5);border-radius:999px;background:rgba(33,143,105,.18);color:#b4ffe1;font-size:.64rem;font-weight:800;letter-spacing:.12em;line-height:1.4}.live-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#79f7bf;box-shadow:0 0 8px #79f7bf}.live-badge[hidden]{display:none}
.demo-section{background:radial-gradient(ellipse 55% 80% at 79% 50%,rgba(36,126,171,.16),transparent 77%),#07172b;border-top:1px solid rgba(180,230,255,.08);border-bottom:1px solid rgba(180,230,255,.08)}
.demo-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,6vw,90px)}
.demo-copy h2{max-width:570px;margin-bottom:22px}.demo-copy>p:not(.section-kicker){max-width:500px;color:#b6cddd;line-height:1.7}.demo-copy .demo-note{color:#83a8ba;font-size:.82rem;margin-top:19px}
.demo-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.demo-controls button{min-height:52px;padding:11px 23px;border-radius:11px;font-weight:760;cursor:pointer}.demo-action{background:#baf5ff;border:1px solid #baf5ff;color:#062038;min-width:132px}.demo-action:hover{background:#e1fbff}.demo-retry{background:#173047;border:1px solid #406077;color:#f4faff}.demo-retry:hover:not(:disabled){background:#24435b}.demo-retry:disabled{opacity:.48;cursor:default}.demo-status{min-height:1.7em;margin-top:14px;color:#a7e0e5;font-size:.9rem}
.demo-stage{position:relative;width:min(100%,456px);aspect-ratio:1;margin-inline:auto;overflow:hidden;border:1px solid rgba(134,199,235,.24);border-radius:32px;background:radial-gradient(circle at 50% 52%,#123453 0,#0d2845 26%,#0b203a 54%,#08182c 74%,#071426 100%);box-shadow:inset 0 0 85px rgba(0,6,18,.42),0 24px 65px rgba(0,5,20,.29)}
.demo-stage::before{content:"";position:absolute;inset:9%;border:1px solid rgba(132,215,237,.08);border-radius:50%;box-shadow:0 0 0 28px rgba(113,179,212,.025),0 0 0 62px rgba(113,179,212,.019);pointer-events:none}.demo-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(156,225,245,.045) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(156,225,245,.045) 50%,transparent 50.2%);pointer-events:none}
#timingCanvas,.demo-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.demo-stage[data-render-mode="fallback"] #timingCanvas{opacity:0}.demo-stage[data-render-mode="webgl"] .demo-fallback{opacity:0}
.demo-fallback span{position:absolute;left:50%;top:50%;border:5px solid rgba(104,222,237,.78);border-radius:50%;box-shadow:0 0 20px rgba(45,201,221,.27),inset 0 0 17px rgba(45,201,221,.2);transform:translate(-50%,-50%) rotateX(63deg) rotateZ(-24deg)}.demo-fallback span:nth-child(1){width:78%;height:78%}.demo-fallback span:nth-child(2){width:61%;height:61%;border-color:rgba(142,192,255,.8);transform:translate(-50%,-50%) rotateY(65deg) rotateZ(30deg)}.demo-fallback span:nth-child(3){width:44%;height:44%;border-color:rgba(99,255,214,.8);transform:translate(-50%,-50%) rotateX(35deg) rotateZ(55deg)}
.demo-stage.is-visible.is-running .demo-fallback span:nth-child(1){animation:demo-orbit-a 9s linear infinite}.demo-stage.is-visible.is-running .demo-fallback span:nth-child(2){animation:demo-orbit-b 7s linear infinite reverse}.demo-stage.is-visible.is-running .demo-fallback span:nth-child(3){animation:demo-orbit-c 6s linear infinite}
@keyframes demo-orbit-a{to{transform:translate(-50%,-50%) rotateX(63deg) rotateZ(336deg)}}@keyframes demo-orbit-b{to{transform:translate(-50%,-50%) rotateY(65deg) rotateZ(390deg)}}@keyframes demo-orbit-c{to{transform:translate(-50%,-50%) rotateX(35deg) rotateZ(415deg)}}
.demo-core{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(138,231,246,.28);border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(29,76,115,.96),rgba(6,23,44,.98) 72%);box-shadow:0 0 0 8px rgba(13,58,91,.28),0 0 46px rgba(89,201,225,.18);pointer-events:none}
.demo-readout{position:absolute;left:50%;top:50%;width:70%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.demo-readout-label,.demo-readout-unit{color:#8bd8e6;font-size:.62rem;font-weight:800;letter-spacing:.17em}.demo-readout-label{margin-bottom:7px}.demo-readout-unit{margin-top:6px;color:#779fb5}#demoTime{color:#e7fbff;font-size:clamp(2.4rem,5.3vw,3.7rem);font-weight:800;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(111,233,255,.35)}
.demo-progress{position:absolute;left:11%;right:11%;bottom:10%;height:5px;overflow:hidden;border-radius:99px;background:rgba(141,199,223,.18)}.demo-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#5ee6da,#baf5ff);box-shadow:0 0 16px rgba(90,230,230,.8)}
@media(max-width:760px){.demo-layout{grid-template-columns:1fr;gap:31px}.demo-stage{width:min(100%,420px)}.demo-copy h2{margin-bottom:15px}}
@media(max-width:460px){.demo-stage{border-radius:24px}.demo-controls button{flex:1;min-width:0;padding-inline:12px}.demo-readout-label,.demo-readout-unit{font-size:.51rem;letter-spacing:.1em}#demoTime{font-size:clamp(2rem,10vw,3.2rem)}.demo-fallback span{border-width:4px}}

/* Keep targets and controls beside the timer on every screen size. */
.demo-console{width:min(100%,456px);margin-inline:auto;min-width:0}
.demo-targets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.demo-target{padding:13px 18px;border:1px solid #2a536c;border-radius:14px;background:linear-gradient(135deg,#102d46,#0b2036)}
.demo-target span{display:block;font-size:.62rem;font-weight:800;letter-spacing:.16em;color:#8fb9cc}
.demo-target strong{display:block;margin-top:3px;font-size:1.65rem;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#d5f8ff}
.demo-target.is-nearest{border-color:var(--green);background:#123a43;box-shadow:0 0 24px rgba(125,240,204,.08)}
.demo-console .demo-controls{margin-top:18px;display:grid;grid-template-columns:1fr 1fr}
.demo-console .demo-status{text-align:center;min-height:3.4em;line-height:1.7}
.demo-copy .demo-loop-note{margin-top:20px;padding-left:16px;border-left:2px solid #4ba9bd;font-size:.92rem;color:#a8d9e6}
.demo-console .demo-stage{width:100%}
@media(max-width:460px){.demo-target{padding:11px 15px}.demo-target strong{font-size:1.5rem}.demo-console .demo-status{font-size:.8rem}.demo-console .demo-controls{gap:10px}}
