:root{--canvas:#0c0907;--surface:#15100c;--surface-soft:#1b140e;--surface-raised:#21170f;--line:#ffe0af1f;--line-strong:#ffbe5357;--ink:#fff8ed;--muted:#a89a89;--amber:#ffb22e;--amber-light:#ffd27e;--orange:#f27a20;--green:#8dd99d;--shadow:0 24px 70px #00000057}*{box-sizing:border-box}html{background:var(--canvas);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(circle at 12% -8%, #ffae2821, transparent 32%), radial-gradient(circle at 90% 22%, #ef791c12, transparent 30%), var(--canvas);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{color:inherit;font:inherit}button{border:0}.app-shell{width:min(100%,536px);min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 18px calc(108px + env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:52px;margin-bottom:34px;display:flex}.brand{text-align:left;cursor:pointer;background:0 0;align-items:center;gap:11px;padding:0;display:flex}.brand img{border:1px solid #ffe2b357;border-radius:15px;width:43px;height:43px;display:block;box-shadow:0 10px 28px #ef791c29}.brand span{align-items:baseline;gap:6px;display:flex}.brand b{letter-spacing:.08em;font-size:15px}.brand small{color:var(--amber);letter-spacing:.16em;font-size:10px;font-weight:850}.account-button{border:1px solid var(--line);max-width:44%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#ffffff06;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:750;overflow:hidden}.view{animation:.24s both enter}@keyframes enter{0%{opacity:0;transform:translateY(5px)}}.page-title{margin-bottom:22px}.page-title h1,.page-title p,.page-title .eyebrow{margin:0}.page-title h1{letter-spacing:-.052em;max-width:440px;font-size:clamp(31px,8vw,44px);font-weight:780;line-height:1.02}.page-title>p:last-child{max-width:430px;color:var(--muted);margin-top:12px;font-size:13px;line-height:1.58}.eyebrow{color:var(--amber);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:9px;font-weight:850;display:block}.status-card{box-shadow:var(--shadow), inset 0 1px #ffffff42;color:#251306;background:linear-gradient(145deg,#ffbd4b,#f28a24 68%,#e66d1c);border:1px solid #ffe0ae3d;border-radius:28px;padding:22px;position:relative;overflow:hidden}.status-card.is-active{background:linear-gradient(145deg,#ffd071,#ef9b31 66%,#dc741e)}.status-card-head,.status-meta,.checkout-bar,.device-card{justify-content:space-between;align-items:center;gap:14px;display:flex}.status-label{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.status-value{align-items:flex-end;gap:12px;margin:24px 0 20px;display:flex}.status-value strong{letter-spacing:-.07em;font-size:72px;font-weight:760;line-height:.78}.status-value span{padding-bottom:2px;font-size:13px;font-weight:750}.connect-button,.primary-button,.secondary-button{background:linear-gradient(120deg, var(--amber-light), var(--amber) 55%, var(--orange));color:#211207;text-align:center;cursor:pointer;border:0;border-radius:17px;place-items:center;width:100%;min-height:54px;padding:0 18px;font-size:13px;font-weight:850;text-decoration:none;display:grid;box-shadow:0 14px 36px #ef791c24}.status-card .connect-button{color:#fff7e9;box-shadow:none;background:#211207}.connect-button:disabled{cursor:default;opacity:.46}.status-meta{border-top:1px solid #25130629;margin-top:18px;padding-top:16px}.status-meta div{min-width:0}.status-meta div:last-child{text-align:right}.status-meta span,.status-meta b{display:block}.status-meta span{opacity:.58;text-transform:uppercase;margin-bottom:4px;font-size:9px}.status-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.promise-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 22px;display:grid}.promise-row span{border:1px solid var(--line);color:#d8ccbe;text-align:center;background:#ffffff06;border-radius:17px;place-items:center;min-height:64px;padding:10px 7px;font-size:9px;font-weight:720;line-height:1.35;display:grid}.quick-list,.plans-list,.download-buttons{gap:9px;display:grid}.quick-list button,.plans-list button,.download-buttons button,.support-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#18110cc7;border-radius:19px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:68px;padding:14px 16px;display:flex}.quick-list button>span,.quick-list b,.quick-list small{display:block}.quick-list button>span{min-width:0}.quick-list b{margin-bottom:5px;font-size:12px}.quick-list small{color:var(--muted);font-size:10px;line-height:1.35}.quick-list strong{color:var(--amber);text-transform:uppercase;flex:none;font-size:9px}.back-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;margin:-9px 0 22px;padding:9px 13px;font-size:10px;font-weight:780}.platform-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px;display:grid}.platform-grid button{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:#ffffff05;border-radius:14px;padding:0 7px;font-size:10px;font-weight:760}.platform-grid button.selected{border-color:var(--line-strong);color:var(--ink);background:#ffb12b1f}.setup-card,.profile-card,.referral-card,.device-card,.plans-summary{border:1px solid var(--line);background:#17100bd1;border-radius:23px;margin-top:11px;padding:19px}.setup-card.accent-card{background:linear-gradient(145deg, #ffb12b1b, transparent 48%), var(--surface);border-color:#ffb94342}.step-heading{align-items:baseline;gap:11px;display:flex}.step-heading span{color:var(--amber);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.step-heading h2{letter-spacing:-.035em;margin:0;font-size:19px}.setup-card>p{color:var(--muted);margin:12px 0 16px;font-size:11px;line-height:1.55}.setup-card>p b{color:var(--ink)}.download-buttons button{border-radius:15px;min-height:50px;font-size:11px;font-weight:740}.download-buttons button span{color:var(--amber);text-transform:uppercase;font-size:9px;font-weight:850}.setup-activate{margin-top:4px}.copy-button,.text-button{width:100%;min-height:42px;color:var(--muted);cursor:pointer;background:0 0;margin-top:7px;font-size:10px;font-weight:750}.ready-note{color:var(--green);background:#8dd99d0e;border:1px solid #8dd99d26;border-radius:15px;padding:13px 14px;font-size:10px;font-weight:720;line-height:1.45}.plans-summary{background:linear-gradient(125deg,#ffae2821,#15100cdb 62%);border-color:#ffbd4f3b;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.plans-summary span,.plans-summary strong,.plans-summary small{display:block}.plans-summary span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:9px}.plans-summary strong{font-size:17px}.plans-summary small{color:var(--muted);margin-top:4px;font-size:10px}.plans-summary>b{color:var(--amber);font-size:20px}.plans-list button{min-height:64px}.plans-list button.selected{border-color:var(--line-strong);background:linear-gradient(110deg,#ffab2524,#ef791c09)}.plans-list span,.plans-list b,.plans-list small{display:block}.plans-list b{font-size:13px}.plans-list small{color:var(--amber);margin-top:5px;font-size:9px}.plans-list strong{font-size:17px}.device-card{margin-top:14px}.device-card h2{margin:4px 0 0;font-size:20px}.device-card p{color:var(--muted);margin:6px 0 0;font-size:9px}.device-card .eyebrow{margin:0}.receipt-email{border:1px solid var(--line);background:#17100bd1;border-radius:20px;margin-top:14px;padding:17px 18px;display:block}.receipt-email span,.receipt-email small{display:block}.receipt-email span{text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:800}.receipt-email input{border:1px solid var(--line-strong);background:var(--surface-raised);width:100%;min-height:46px;color:var(--text);font:inherit;border-radius:13px;outline:none;padding:0 13px}.receipt-email input:focus{border-color:var(--amber)}.receipt-email small{color:var(--muted);margin-top:8px;font-size:9px;line-height:1.45}.payment-methods{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;display:grid}.payment-methods button{border:1px solid var(--line);min-height:72px;color:var(--muted);cursor:pointer;background:#17100bd1;border-radius:16px;padding:11px 8px}.payment-methods button b,.payment-methods button small{display:block}.payment-methods button b{color:var(--ink);font-size:10px;line-height:1.25}.payment-methods button small{margin-top:5px;font-size:8px;line-height:1.3}.payment-methods button.selected{border-color:var(--line-strong);background:linear-gradient(135deg,#ffb02a24,#17100be6)}.payment-methods button:disabled{cursor:default;opacity:.42}.stepper{text-align:center;grid-template-columns:36px 38px 36px;align-items:center;display:grid}.stepper button{border:1px solid var(--line);background:var(--surface-raised);cursor:pointer;border-radius:12px;width:36px;height:36px}.checkout-bar{color:#251407;background:#f8e7c9;border:1px solid #ffdb9d33;border-radius:22px;margin-top:14px;padding:16px}.checkout-bar span{color:#25140794;text-transform:uppercase;font-size:9px;display:block}.checkout-bar strong{margin-top:2px;font-size:22px;display:block}.checkout-bar button{color:#fff7e9;cursor:pointer;background:#251407;border-radius:14px;min-height:46px;padding:0 18px;font-size:11px;font-weight:800}.profile-title{margin-bottom:18px}.profile-card{padding:2px 18px}.profile-card>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.profile-card>div:last-child{border-bottom:0}.profile-card span{color:var(--muted);font-size:11px}.profile-card b{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:62%;font-size:11px;overflow:hidden}.referral-card{background:linear-gradient(140deg, #ffaf2a1a, transparent 46%), var(--surface);border-color:#ffbb463d;margin-top:14px}.referral-card h2{letter-spacing:-.045em;margin:0;font-size:25px}.referral-card>p:not(.eyebrow){color:var(--muted);margin:11px 0 18px;font-size:11px;line-height:1.55}.referral-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.referral-stats span{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;border-radius:15px;padding:12px;font-size:8px}.referral-stats b{color:var(--ink);margin-bottom:3px;font-size:19px;display:block}.secondary-button{margin-top:12px}.support-row{min-height:58px;margin-top:14px}.support-row span{color:var(--muted);font-size:11px}.support-row b{color:var(--amber);font-size:10px}.bottom-nav{z-index:20;right:max(12px,50vw - 268px);bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#130e0af0;border:1px solid #ffe1ad21;border-radius:21px;grid-template-columns:repeat(4,1fr);gap:3px;padding:7px;display:grid;position:fixed;left:max(12px,50vw - 268px);box-shadow:0 20px 60px #0000007a}.bottom-nav button{color:#786d61;cursor:pointer;background:0 0;border-radius:14px;min-height:45px;padding:0 4px;font-size:9px;font-weight:780}.bottom-nav button.active{color:var(--amber);background:#ffaf2a1c}.loading-shell{padding-top:80px}.loading-mark,.loading-line,.loading-card{background:linear-gradient(90deg,#19120c,#2b1d11,#19120c) 0 0/220% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-220% 0}}.loading-mark{border-radius:14px;width:44px;height:44px;margin-bottom:32px}.loading-line{border-radius:99px;width:58%;height:16px;margin-bottom:10px}.loading-line-wide{width:86%;height:28px}.loading-card{border-radius:28px;height:310px;margin-top:32px}.error-shell{text-align:center;place-content:center;min-height:100dvh;display:grid}.error-shell h1{margin:0}.error-shell>p:not(.eyebrow){color:var(--muted);line-height:1.5}.error-logo{border-radius:22px;width:72px;height:72px;margin:0 auto 20px}.primary-button{margin-top:10px}.happ-bridge-shell{width:min(100%,536px);min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));place-items:center;margin:0 auto;display:grid}.happ-bridge-card{border:1px solid var(--line);background:radial-gradient(circle at 50% 0, #ffb22e21, transparent 42%), var(--surface);width:100%;box-shadow:var(--shadow);text-align:center;border-radius:28px;padding:34px 24px}.happ-bridge-logo{border:1px solid #ffe2b357;border-radius:22px;width:72px;height:72px;margin:0 auto 20px;display:block;box-shadow:0 16px 38px #ef791c2e}.happ-bridge-card h1{letter-spacing:-.052em;margin:0;font-size:clamp(32px,9vw,43px);line-height:1.02}.happ-bridge-card>p:not(.eyebrow){max-width:360px;color:var(--muted);margin:14px auto 24px;font-size:13px;line-height:1.58}.happ-bridge-open{text-decoration:none;display:flex}.legal-shell{width:min(100%,760px);min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 18px max(38px, env(safe-area-inset-bottom));margin:0 auto}.legal-header,.legal-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.legal-header>a:last-child,.legal-footer a{color:var(--amber);font-size:11px;font-weight:800;text-decoration:none}.legal-brand{color:var(--ink);letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;font-weight:850;text-decoration:none;display:flex}.legal-brand img{border:1px solid #ffe2b34d;border-radius:13px;width:38px;height:38px}.legal-hero{border-bottom:1px solid var(--line);padding:72px 0 30px}.legal-hero h1{letter-spacing:-.055em;max-width:680px;margin:0;font-size:clamp(35px,9vw,58px);line-height:.98}.legal-hero>p:last-child{color:var(--muted);margin:16px 0 0;font-size:11px}.legal-content{gap:12px;padding:24px 0 34px;display:grid}.legal-content section{border:1px solid var(--line);background:#17100bd1;border-radius:22px;padding:22px}.legal-content h2{letter-spacing:-.025em;margin:0 0 12px;font-size:18px}.legal-content p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.65}.legal-footer{border-top:1px solid var(--line);justify-content:flex-start;padding-top:22px}@media (min-width:560px){.app-shell{padding-left:24px;padding-right:24px}}@media (max-width:380px){.app-shell{padding-left:14px;padding-right:14px}.status-card{padding:19px}.status-value strong{font-size:64px}.promise-row{gap:6px}.promise-row span{font-size:8px}.platform-grid{grid-template-columns:repeat(2,1fr)}.device-card{align-items:flex-end}.payment-methods{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}