:root{--black:#050505;--muted:#8f949c;--line:#e9e9eb;--soft:#f5f5f7;--green:#18d56b;--red:#f04444}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:#1f1f1f;color:var(--black);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a,button{font:inherit}button{cursor:pointer}.page-shell{min-height:100svh;display:grid;place-items:center;padding:28px}.app-card{width:min(100%,390px);min-height:820px;background:#fff;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.22)}.topbar{height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:#030303}.brand{color:#fff;font-size:21px;font-weight:800;letter-spacing:-1.5px;text-decoration:none;transform:skew(-5deg)}.language-switch{display:flex;align-items:center;gap:8px}.language-switch,.language-switch button{color:#5e5e62;font-size:9px;font-weight:700}.language-switch button{border:0;padding:0;background:transparent}.language-switch button.active{color:#fff}.content{padding:24px 22px 20px}.hero{display:flex;min-height:180px;justify-content:space-between}.hero-copy{position:relative;z-index:2;flex:0 0 52%}.hero h1{margin:0 0 12px;font-size:23px;line-height:1.03;letter-spacing:-.85px}.hero p{margin:0;color:#777c84;font-size:11px;line-height:1.42}.hero-art{position:relative;width:152px;height:150px;margin-top:0;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 50% 40%,#26272b,#090a0b 72%)}.phone{position:absolute;width:49px;height:86px;border:2px solid #3d4147;border-radius:7px;background:linear-gradient(155deg,#252932 8%,#07090b 60%);box-shadow:0 8px 14px rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800}.phone:before{position:absolute;top:4px;width:14px;height:2px;content:"";border-radius:2px;background:#555a62}.phone-back{top:25px;left:31px;transform:rotate(-12deg);opacity:.82}.phone-front{top:36px;left:65px;z-index:2;transform:rotate(13deg)}.phone-front span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#8526ff,#4578ff)}.cup{top:25px;right:11px;z-index:3;width:40px;height:64px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.4))}.cup,.cup-bowl{position:absolute}.cup-bowl{left:8px;width:25px;height:31px;border-radius:4px 4px 12px 12px;background:linear-gradient(100deg,#b56e05,#ffd450 55%,#9a5900)}.cup-bowl:after,.cup-bowl:before{position:absolute;top:4px;width:10px;height:14px;content:"";border:3px solid #c9870c}.cup-bowl:before{left:-10px;border-right:0;border-radius:8px 0 0 8px}.cup-bowl:after{right:-10px;border-left:0;border-radius:0 8px 8px 0}.cup-stem{position:absolute;top:29px;left:18px;width:6px;height:17px;background:#d18b0d}.cup-base{top:44px;left:11px;width:21px;height:6px;border-radius:4px;background:#efac24}.coin,.cup-base{position:absolute}.coin{z-index:4;display:grid;width:22px;height:22px;place-items:center;border:2px solid #eaaa25;border-radius:50%;color:#9a5800;background:#ffc844;box-shadow:0 3px 5px #0007;font-size:10px;font-weight:800}.coin-one{right:20px;bottom:20px}.coin-two{right:43px;bottom:10px;transform:scale(.85)}.coin-three{right:3px;bottom:34px;transform:scale(.72)}.ball{position:absolute;bottom:15px;left:29px;z-index:3;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#111;background:#dfe3e8;box-shadow:0 3px 6px #0008;font-size:14px}.spark{position:absolute;z-index:5;color:#f5c64b}.spark-one{top:13px;left:21px;font-size:13px}.spark-two{top:15px;right:56px;font-size:11px}.included h2,.plans h2{margin:0 0 12px;font-size:13px;letter-spacing:-.2px}.plan-list{display:grid;grid-gap:10px;gap:10px}.plan-option{width:100%;min-height:71px;padding:10px 13px;display:flex;align-items:center;border:1.5px solid #e3e4e7;border-radius:13px;color:#9196a0;background:#fff;text-align:left;transition:.16s ease}.plan-option:hover{border-color:#aeb2b8}.plan-option.selected{border-color:#050505;color:#050505;box-shadow:inset 0 0 0 .5px #050505}.plan-icon{width:37px;height:37px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:#9196a0;background:#f1f2f4}.selected .plan-icon{color:#fff;background:#050505}.plan-copy{min-width:0;margin-left:12px;display:flex;flex:1 1;flex-direction:column}.plan-copy strong{font-size:11px;line-height:1.2;letter-spacing:1px}.plan-copy b,.plan-copy span{margin-top:2px;font-size:9px}.plan-copy b{color:#050505}.radio{width:18px;height:18px;display:grid;flex:0 0 auto;place-items:center;border:1.5px solid #d3d6db;border-radius:50%;color:#fff}.selected .radio{border-color:#050505;background:#050505}.primary-button,.retry-button,.secondary-button,.text-button{width:100%;border:0;border-radius:10px;font-weight:600}.primary-button{color:#fff;background:#050505}.subscribe{height:50px;margin-top:14px;font-size:13px}.primary-button:active,.retry-button:active{transform:translateY(1px)}.renewal{margin:11px 0 0;color:#b1b4bb;font-size:8px;text-align:center}.divider{height:1px;margin:28px 0 20px;background:#ececef}.included h2{margin-bottom:16px}.benefit{display:flex;min-height:48px;align-items:center;gap:13px}.benefit-icon{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:#050505}.benefit>span:last-child{display:flex;flex-direction:column}.benefit b{font-size:11px;font-weight:500}.benefit small{margin-top:3px;color:#797e86;font-size:8px}.modal-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.72);animation:fade-in .18s ease-out}.modal-card{width:min(100%,324px);padding:25px 22px 23px;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.32);text-align:center;animation:modal-in .22s cubic-bezier(.2,.8,.2,1)}.status-icon{width:42px;height:42px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%}.status-icon.neutral{color:#1d2329;background:#f1f2f4}.status-icon.positive{color:var(--green);background:#eafbf1}.status-icon.negative{color:#ff5757;background:#ffeded}.modal-card h2{margin:0 0 20px;font-size:15px;letter-spacing:-.25px}.modal-card h2.success-text{color:var(--green)}.modal-card h2.failure-text{color:var(--red)}.summary-box{padding:13px 14px;border-radius:12px;background:var(--soft);text-align:left}.summary-heading{margin-bottom:4px;color:#9a9ea5;font-size:8px;font-weight:700;letter-spacing:.7px}.summary-row{display:flex;align-items:center;justify-content:space-between}.summary-row b,.summary-row strong{font-size:12px}.summary-row small{font-size:8px;font-weight:500}.summary-box p{margin:5px 0 0;color:#9498a0;font-size:8px;line-height:1.35}.modal-action{height:43px;margin-top:19px;font-size:12px}.secondary-button{height:41px;margin-top:9px;border:1px solid #e1e2e5;color:#5e6269;background:#fff;font-size:11px}.retry-button{color:#fff;background:var(--red)}.text-button{height:37px;margin-top:7px;color:#5e6269;background:#fff;font-size:11px}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@media (max-width:480px){body{background:#fff}.page-shell{display:block;padding:0}.app-card{width:100%;min-height:100svh;box-shadow:none}.modal-backdrop{align-items:center}}@media (max-height:760px){.app-card{min-height:700px}.content{padding-top:18px}.hero{min-height:162px}.divider{margin:20px 0 15px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}