:root{
  --primary:#ee4d2d;
  --primary-dark:#d73211;
  --accent:#ff7337;
  --ink:#212121;
  --muted:#757575;
  --line:#ededed;
  --soft:#fff5f0;
  --soft-2:#fff9f5;
  --yellow:#ffd839;
  --paper:#fff;
  --bg:#f5f5f5;
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "Helvetica Neue",Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{cursor:pointer}a{color:inherit}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}
h1,h2,h3,p{margin-top:0}h2{font-size:26px;line-height:1.2;letter-spacing:-.5px}h3{line-height:1.35}
button,a,input{max-width:100%}
.page{max-width:1100px;margin:auto;padding:0 32px 120px;background:var(--paper);min-height:100dvh}

/* Header */
header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);background:#fffffff2;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}
.brand img{width:40px;height:40px}
.brand-name{font-size:19px;font-weight:800;letter-spacing:-.5px;color:var(--ink)}
.android-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--primary);background:var(--soft);border:1px solid #ffe0d5;border-radius:30px;padding:6px 12px;white-space:nowrap}
.android-pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Hero */
.intro{position:relative;overflow:hidden;padding:48px 0 34px;text-align:center;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#fff3ec 0%,#fff9f5 62%,#fff 100%)}
.intro::before,.intro::after{content:"";position:absolute;border-radius:50%;background:#ffd9c9;opacity:.55;pointer-events:none}
.intro::before{width:190px;height:190px;left:-70px;top:-60px}
.intro::after{width:150px;height:150px;right:-50px;bottom:-40px;background:#ffe6d8}
.beta{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid #ffcdbb;background:#fff;color:var(--primary);border-radius:30px;font-size:10px;font-weight:800;letter-spacing:1.3px;padding:8px 15px;box-shadow:0 4px 14px #ee4d2d14}
.beta span{font-size:14px}
h1{position:relative;font-size:clamp(34px,4.6vw,53px);line-height:1.08;letter-spacing:-1.8px;margin:20px 0 18px;font-weight:800}
h1 em{color:var(--primary);font-style:normal}
.lead{font-size:15px;line-height:1.7;color:#666;max-width:700px;margin:0 auto}
.lead strong{color:#333;font-weight:700}
.hero-signup{width:auto;max-width:100%;margin:28px auto 0;min-height:52px;padding:13px 30px;border-radius:40px;background:linear-gradient(180deg,#f96342,var(--primary) 55%,#ee3b19);box-shadow:0 10px 24px #ee4d2d2e;font-size:14px;gap:22px}
.hero-signup:hover{background:linear-gradient(180deg,#f55836,#e64322)}
.hero-signup span{margin-left:0}
.hero-signup-note{font-size:10px;color:#a08e88;margin:12px 0 0}

/* Intro benefit cards */
.intro>.intro-meta.benefit-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:640px;margin:26px auto 0;text-align:left}
.summary-benefit{display:flex;align-items:center;gap:13px;min-width:0;padding:16px 18px;border:1px solid #fff0e9;border-radius:12px;background:#fff;box-shadow:0 4px 14px #ee4d2d08}
.summary-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;color:var(--primary);background:var(--soft)}
.summary-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.summary-copy{display:block;min-width:0}
.summary-copy strong{display:block;font-size:13px;font-weight:700;line-height:1.4;color:#3d2a25}
.summary-copy small{display:block;font-size:10px;line-height:1.6;color:#a08c85;margin-top:3px}
.summary-discount{background:#fffaf4;border-color:#ffe9d8}
.summary-discount .summary-icon{background:#fff1e6;color:#e2600f}
.summary-assurances{grid-column:1/-1;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:8px 24px;padding-top:2px;font-size:10px;color:#9c8880}
.summary-assurances span{display:inline-flex;align-items:center;gap:5px}
.summary-assurances i{font-style:normal;color:var(--primary);font-size:10px}

/* Gifts */
.gifts{padding:34px 0 26px;border-top:1px solid var(--line)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.section-heading h2{margin:0 0 8px;font-size:24px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--primary);margin-bottom:9px}
.gift-tag{background:var(--yellow);color:#7a4a00;font-size:9px;font-weight:800;border-radius:4px;transform:rotate(2deg);padding:7px 9px;white-space:nowrap}
.hint{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:22px}
.gift-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gift{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:0 0 14px;overflow:hidden;transition:transform .18s,box-shadow .18s}
.gift:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0000000d}
.gift-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fafafa;overflow:hidden;border-bottom:1px solid #f4f4f4}
.gift-image img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.gift:hover .gift-image img{transform:scale(1.04)}
.gift-image .gift-zoom-trigger{display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in}
.gift-image .gift-zoom-trigger img{display:block}
.gift-number{position:absolute;top:10px;left:12px;z-index:2;color:#fff;background:var(--primary);font-size:10px;font-weight:800;border-radius:4px;padding:2px 6px}
.gift h3{font-size:14px;letter-spacing:-.2px;min-height:38px;margin:0 14px 6px}
.gift>p{font-size:11px;line-height:1.55;color:var(--muted);margin:0 14px 10px;min-height:34px}
.gift-category{font-size:8px!important;letter-spacing:.7px;color:#b4776b!important;font-weight:800;margin:14px 14px 6px!important}
.gift-label{display:inline-block;margin:0 14px;background:#fff0eb;color:var(--primary);font-size:9px;font-weight:800;border-radius:4px;padding:4px 7px}
.gift-action{margin-top:24px;display:flex;align-items:center;gap:15px}
.gift-action .btn{width:auto;min-width:210px;border-radius:40px;gap:22px;font-size:13px;padding:12px 24px}
.gift-action>span{font-size:11px;color:#999}
.app-note{font-size:11px;line-height:1.65;color:#888;margin:18px 0 0}

/* Process */
.beta-process{background:linear-gradient(180deg,#fff7f2,#fffaf7);border:1px solid #ffe8de;border-radius:16px;padding:26px;margin:28px 0}
.beta-process h2{font-size:22px;margin-bottom:22px}
.process-list{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.process-list li{display:flex;gap:13px}
.step-number{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800;border-radius:50%;font-size:14px;box-shadow:0 4px 10px #ee4d2d33}
.process-list h3{font-size:14px;margin:2px 0 5px}
.process-list p{color:#7b6158;font-size:12px;line-height:1.65;margin:0}
.process-bonus{display:flex;gap:13px;align-items:flex-start;margin-top:22px;padding-top:18px;border-top:1px dashed #f1d6c9}
.bonus-mark{flex-shrink:0;display:grid;place-items:center;min-width:58px;height:30px;padding:0 7px;border:1px solid #ffcdb8;border-radius:6px;background:#fff;font-size:11px;font-weight:800;color:var(--primary);transform:rotate(-3deg)}
.process-bonus h3{margin:0 0 5px;font-size:13px;color:#493338}
.process-bonus p{margin:0;color:#85675c;font-size:11px;line-height:1.75}
.no-tasks{margin-top:18px;padding-top:16px;border-top:1px solid #f7e2d8;font-size:12px}
.no-tasks b{display:block;color:var(--primary);font-size:13px;margin-bottom:5px}
.no-tasks span{display:block;color:#7d6a63;font-size:11px;line-height:1.65}

/* Offer voucher — same ticket style as the app */
.benefit-pass{position:relative;margin:0 0 26px;padding:18px 20px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#ff7337 0%,#ee4d2d 58%,#e83d1c 100%);color:#fff;box-shadow:0 10px 24px #ee4d2d2e}
.benefit-pass::before,.benefit-pass::after{content:"";position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;transform:translateY(-50%)}
.benefit-pass::before{left:-8px}
.benefit-pass::after{right:-8px}
.coupon-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.coupon-heading>span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:1.1px;color:#ffffffdb}
.coupon-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.coupon-terms{font-size:9px;font-weight:600;color:#fff;background:#ffffff24;border-radius:20px;padding:4px 9px;white-space:nowrap;text-decoration:none}
.coupon-body{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:18px;padding:12px 0 13px}
.coupon-amount{font:800 54px/1 Arial,Helvetica,sans-serif;letter-spacing:-3px;color:#fff;white-space:nowrap;padding-right:16px;border-right:1px dashed #ffffff66}
.coupon-amount small{font-size:23px;letter-spacing:-1px}
.coupon-amount em{display:block;font-style:normal;font-size:10px;font-weight:800;letter-spacing:1.4px;line-height:1.2;margin-top:5px;color:#fff}
.coupon-copy strong{display:block;font-size:15px;font-weight:700;line-height:1.3;color:#fff}
.coupon-copy p{font-size:11px;line-height:1.65;color:#ffffffd9;margin:5px 0 0}
.coupon-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;border-top:1px dashed #ffffff59;padding:10px 0 0;font-size:10px;line-height:1.5;color:#ffffffdb}

/* Notes */
.test-note{display:flex;gap:12px;border-radius:12px;padding:17px 20px;background:#fafafa;color:#777;font-size:11px;line-height:1.75}
.test-note p{margin:0}
.info-icon{width:19px;height:19px;flex-shrink:0;border:1px solid #bbb;border-radius:50%;text-align:center;line-height:17px;margin-top:3px;color:#777}
.test-note b{color:#444}
.rules{font-size:12px;padding:20px 0}
.rules summary{cursor:pointer;padding:12px 0;font-weight:700;color:#444}
.rule-body{color:#777;font-size:11px;line-height:1.8;padding-top:10px}

/* Footer */
.footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:#999}
.footer-links{display:flex;gap:20px}
.footer a{text-decoration:none}

/* Signup form (desktop sidebar card) */
.signup{position:sticky;top:24px;align-self:start;background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px #0000000f;border-radius:16px;padding:30px 26px;margin:0 0 28px;border-top:4px solid var(--primary)}
.form-step{font-size:10px;letter-spacing:1.4px;font-weight:800;color:var(--primary)}
.signup h2{font-size:30px;letter-spacing:-1px;margin:14px 0 15px;line-height:1.12}
.explain{font-size:13px;color:#777;line-height:1.7;margin-bottom:24px}
form label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}
.email-box{display:flex;align-items:center;border:1px solid #ddd;background:#fafafa;border-radius:8px;overflow:hidden;margin-bottom:20px}
.email-box.invalid{border-color:#c52139}
input{background:transparent;min-width:0;width:100%;padding:14px 11px;border:0;color:var(--ink);outline:0;font-size:14px}
.error,[data-formhub-message]{font-size:12px;color:#c52139}
.error:empty{display:none}
.btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;padding:13px 14px;border:0;border-radius:8px;background:linear-gradient(180deg,#f96342,var(--primary));color:#fff;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;transition:background .15s,opacity .15s}
.btn:hover{background:linear-gradient(180deg,#f55836,#e43f20)}
.btn span{margin-left:auto;font-size:21px;line-height:1}
.form-reassurance{text-align:center;color:#888;font-size:10px;margin:12px 0 20px}
.privacy-note{font-size:10px;color:#999;line-height:1.7}
.privacy-note button{background:none;border:0;padding:0;font-size:inherit;text-decoration:underline;color:#777}
.signup-foot{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700}
.signup-foot img{border-radius:8px}
.signup-foot small{font-weight:400;color:#999;font-size:10px}

/* Download section */
.download{max-width:620px;margin:auto;padding:45px 0}
.step-badge{font-size:11px;font-weight:800;color:var(--primary);letter-spacing:1px}
.download h1{font-size:40px}
.download-lead{font-size:14px;color:#777}
.download-card{position:relative;overflow:hidden;border:1px solid #ffd9c8;border-radius:20px;padding:24px;background:linear-gradient(160deg,#fff9f5 0%,#fff 70%);box-shadow:0 18px 40px #ee4d2d12}
.download-apk .download-card{border-color:#ffd6ca;background:linear-gradient(180deg,#fff8f4 0%,#fff 58%);box-shadow:0 20px 50px #ee4d2d17}
.apk-card{position:relative;overflow:hidden}
.apk-card::before{content:"";position:absolute;top:-70px;right:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#ee4d2d29,#ee4d2d00 70%);pointer-events:none}
.app-line{position:relative;z-index:1;display:flex;gap:14px;align-items:center}
.app-line img{border-radius:12px}
.app-line h2{font-size:22px;margin:0 0 3px}
.app-line p{margin:0;color:#8a7b76;font-size:12px}
.apk-tag{margin-left:auto;padding:6px 10px;border:1px solid #ffc9b8;border-radius:999px;background:#ffe8dd;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:1.2px}
.apk-facts{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px 14px;margin:18px 0 2px;color:#8d7a73;font-size:11px;line-height:1.5}
.apk-facts span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.download-status{position:relative;z-index:1;display:flex;align-items:center;gap:10px;min-height:24px;margin-top:12px}
.download-status[hidden]{display:none}
.download-message{margin:0;color:#7d6b63;font-size:12px;line-height:1.6}
.download-message.is-error{color:#c62828}
.apk-btn{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#ff7a45 0%,#ee4d2d 100%);box-shadow:0 12px 28px #ee4d2d47;color:#fff;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.apk-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #ee4d2d57}
.apk-btn:active{transform:translateY(0)}
.apk-btn:focus-visible{outline:3px solid #ee4d2d59;outline-offset:3px}
.apk-btn[hidden]{display:none}
.apk-btn-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;background:#ffffff26}
.apk-btn-icon svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.apk-btn-copy{display:flex;flex-direction:column;min-width:0}
.apk-btn-copy strong{font-size:16px;font-weight:800;line-height:1.25}
.apk-btn-copy small{margin-top:2px;font-size:11px;opacity:.85}
.apk-btn-arrow{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;flex-shrink:0;border:1px solid #ffffff6b;border-radius:50%;font-size:14px}
.apk-hint{margin:14px 0 0;color:#a08a80;font-size:10px;line-height:1.7}
.spinner{width:20px;height:20px;flex-shrink:0;border:2px solid #ffd0bf;border-top-color:var(--primary);border-radius:50%;animation:apk-spin 1s linear infinite}
.btn .spinner{width:16px;height:16px;margin-left:0;margin-right:8px;border-color:#ffffff66;border-top-color:#fff;vertical-align:middle}
@keyframes apk-spin{to{transform:rotate(360deg)}}
.btn-ghost{border:1px solid #ddd;background:#fff;color:#444;margin-top:14px}
.btn-ghost:hover{background:#f7f7f7}
.next-steps{list-style:none;padding:0;display:grid;gap:24px;margin:30px 0}
.next-steps li{display:flex;gap:15px}
.num{flex-shrink:0;display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:var(--primary);color:#fff;font-weight:700}
.next-steps h3{font-size:15px;margin:2px 0 6px}
.next-steps p{font-size:13px;color:#777;margin:0}
.browser-hint,.beta-small{font-size:11px;color:#888}

@media (max-width:480px){
  .download-apk .download-card{padding:20px}
  .apk-btn{gap:12px;padding:14px 15px;border-radius:14px}
  .apk-btn-icon{width:38px;height:38px;border-radius:11px}
  .apk-btn-icon svg{width:21px;height:21px}
  .apk-btn-copy strong{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .apk-btn{transition:none}
  .apk-btn:hover{transform:none}
}
.back-btn{border:0;background:none;color:var(--primary);padding:15px 0;text-align:left;font:inherit}
.beta-small{margin-top:15px}

/* Dialogs */
dialog{border:0;border-radius:16px;padding:30px;max-width:calc(100vw - 32px);width:460px;max-height:85dvh;color:#333;box-shadow:0 20px 90px #0003}
dialog::backdrop{background:#111111a8;backdrop-filter:blur(4px)}
dialog h2{padding-right:20px;font-size:23px}
dialog p{font-size:13px;line-height:1.8;color:#777}
.close{position:absolute;right:13px;top:10px;background:none;border:0;font-size:26px;color:#888;padding:0 7px}
.confirm-email{overflow-wrap:anywhere;font-weight:700}
.modal-open{overflow:hidden}
#signup-dialog{inset:auto 0 0;margin:0 auto;width:100%;max-width:560px;max-height:94dvh;padding:0 0 env(safe-area-inset-bottom);border-radius:22px 22px 0 0;box-shadow:0 -12px 70px #00000029}
#signup-dialog[open]{animation:sheet-in .28s cubic-bezier(.2,.8,.2,1) both}
#signup-dialog::backdrop{animation:fade-in .22s ease-out}
.sheet-bar{height:38px;position:sticky;top:0;z-index:4;background:#fff;border-radius:22px 22px 0 0;display:flex;align-items:center;justify-content:center}
.sheet-grip{display:block;width:36px;height:4px;background:#e2e2e2;border-radius:5px}
.sheet-bar .signup-close{position:absolute;right:13px;top:8px;margin:0;width:30px;height:30px;background:#f7f7f7;color:#888;font-size:24px;line-height:1;display:grid;place-items:center;border-radius:50%}
#signup-dialog .signup{position:static;top:auto;grid-area:auto;border:0;border-radius:0;box-shadow:none;padding:10px 28px 26px;margin:0}
#signup-dialog .download{padding:10px 28px 26px;max-width:none;margin:0}
#signup-dialog .signup h2{font-size:32px;margin-top:14px;padding-right:15px}
#signup-dialog .download h1{font-size:32px;letter-spacing:-1.2px;margin-top:14px}
#signup-dialog .download-card{padding:22px;border-radius:14px}
@keyframes sheet-in{from{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}

/* Floating invitation */
.floating-signup{position:fixed;z-index:40;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:26px;width:660px;max-width:calc(100vw - 36px);padding:14px 18px 14px 22px;border:1px solid #ffe0d5;border-radius:14px;background:#fffffff5;box-shadow:0 10px 42px #0000001f;backdrop-filter:blur(15px);transition:opacity .18s,visibility .18s}
.floating-signup-copy{display:flex;flex-direction:column;min-width:0}
.floating-signup-kicker{font-size:9px;font-weight:800;letter-spacing:1.1px;color:var(--primary);line-height:1.5;margin-bottom:3px}
.floating-signup-copy strong{font-size:17px;line-height:1.25;letter-spacing:-.3px;color:#2f2522}
.floating-signup-copy small{font-size:10px;line-height:1.5;color:#a08c85;margin-top:3px}
.floating-signup .btn{width:auto;min-width:170px;min-height:46px;border-radius:40px;font-size:13px;gap:20px;padding:11px 22px;flex-shrink:0}
.floating-signup .btn span{margin-left:0}
.modal-open .floating-signup{opacity:0;visibility:hidden;pointer-events:none}

/* Responsive */
@media (min-width:761px){
  #welcome-view{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:'intro intro' 'gifts process' 'offer offer' 'note note' 'rules rules';column-gap:30px}
  .intro{grid-area:intro}.gifts{grid-area:gifts;align-self:start}.beta-process{grid-area:process;margin-top:0}.offer{grid-area:offer}.test-note{grid-area:note}.rules{grid-area:rules}
  .signup{grid-area:auto}
}
@media (max-width:760px){
  .page{padding:0 20px 118px;max-width:560px}
  header{padding:14px 0}
  .brand img{width:36px;height:36px}
  .android-pill{font-size:9px;padding:5px 9px;gap:5px}
  .intro{padding:34px 0 26px;border-radius:0 0 16px 16px}
  .intro h1{font-size:clamp(30px,9.6vw,37px)}
  .lead{font-size:13px}.lead br{display:none}
  .intro>.intro-meta.benefit-summary{margin-top:20px;gap:8px}
  .summary-benefit{padding:12px 11px;gap:9px;align-items:flex-start}
  .summary-icon{width:27px;height:27px;margin-top:1px}
  .summary-copy strong{font-size:11px}
  .summary-copy small{font-size:8px}
  .summary-assurances{font-size:10px;gap:7px 16px}
  .gifts{padding:24px 0}
  .section-heading h2{font-size:23px}
  .gift-row{gap:9px}
  .gift{border-radius:10px}
  .gift-image img{width:90%;height:88%}
  .gift-number{top:7px;left:8px;font-size:9px}
  .gift-category{display:none}
  .gift h3{font-size:12px;margin:11px 10px 5px;min-height:33px}
  .gift>p{font-size:10px;margin:0 10px 8px;min-height:42px}
  .gift-label{font-size:8px;margin:0 10px;padding:4px 5px}
  .gift-action{flex-direction:column;align-items:stretch;gap:9px;margin-top:20px}
  .gift-action .btn{width:100%;min-width:0}
  .gift-action>span{text-align:center;font-size:10px}
  .beta-process{padding:21px 18px;margin:22px 0}
  .beta-process h2{font-size:21px}
  .process-bonus{gap:11px;margin-top:20px}
  .benefit-pass{padding:16px;border-radius:14px}
  .coupon-body{grid-template-columns:86px minmax(0,1fr);gap:13px}
  .coupon-amount{font-size:44px;letter-spacing:-3px;padding-right:13px}
  .coupon-amount small{font-size:19px}
  .coupon-copy strong{font-size:13px}
  .coupon-copy p{font-size:10px}
  .test-note{padding:15px;font-size:10px}
  .footer{font-size:9px}
  .download{padding-top:28px}
  .download h1{font-size:31px}
  .download-card{padding:20px}
  .floating-signup{width:calc(100% - 22px);max-width:518px;padding:11px 12px 11px 15px;gap:12px;border-radius:13px}
  .floating-signup-copy strong{font-size:14px}
  .floating-signup .btn{min-width:120px;min-height:42px;font-size:11px;padding:10px 14px;gap:12px}
  .hero-signup{margin-top:22px;font-size:12px;padding:13px 20px;gap:16px}
  #signup-dialog .signup,#signup-dialog .download{padding-left:24px;padding-right:24px}
}