/* FLUON / cinematic edition. Original brand scene, dimensional controls, restrained movement. */
:root{--bg:#07090f;--card:#10141e;--card2:#1b2030;--line:#2b3146;--accent:#b8b5ff;--vio:#9b88fa;--mut:#9babc4}
body{background:var(--bg);background-image:radial-gradient(ellipse 450px 500px at 50% 0,#17234050,transparent 80%)}
.app{padding-top:19px;padding-bottom:calc(118px + var(--safe))}.top{margin-bottom:18px}.brand{letter-spacing:-.05em}.brand b{color:#e2dcff}.brand small{letter-spacing:.16em;font-size:8px}.logo img{border-radius:50%;box-shadow:0 0 24px #6956ff20}.icon{background:linear-gradient(150deg,#262a3e88,#111522);border:1px solid #61678045;box-shadow:inset 0 1px 0 #ffffff0d,0 5px 10px #0003}.icon:hover{border-color:#a19fe6;transform:translateY(-2px)}
.welcome{padding:26px 24px 24px;min-height:466px;border:1px solid #62699666;border-radius:27px;background:linear-gradient(180deg,#08102015,#070b1455 39%,#0a0f1aef 77%,#0b101cfb),url('assets/fluon-scene.jpg') left top / auto 100% no-repeat;box-shadow:inset 0 1px 0 #c4d9ff38,0 24px 50px #0006;isolation:isolate}
.welcome:before{content:'';position:absolute;inset:-1px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 75% 30% at 75% 4%,#6a55ff3a,transparent 80%);animation:sceneLight 9s ease-in-out infinite alternate}
.welcome:after{content:'';position:absolute;left:0;right:0;top:0;height:190px;background:linear-gradient(180deg,#0c112d44,transparent);pointer-events:none;z-index:-1}
.welcome-intro{display:block;position:relative;padding-top:8px;min-height:194px}.welcome .eyebrow{font-size:7px;letter-spacing:.18em;color:#c2cfed}.welcome h1{font-size:clamp(35px,10vw,46px);font-weight:500;line-height:1.04;letter-spacing:-.055em;position:relative;margin-top:36px;margin-bottom:19px;text-shadow:0 3px 22px #02040b7a;overflow-wrap:normal;color:#fff}
.freedom-mark{position:absolute;right:2px;top:7px;width:34px;height:34px;transform:none}.freedom-mark img{border-radius:50%;box-shadow:none;opacity:.92}.welcome>p{color:#c5cde0;font-size:11px;position:relative;max-width:230px;line-height:1.65;margin:0 0 24px;text-shadow:0 2px 8px #000}
.home-sub{padding:16px;margin:0 0 16px;border:1px solid #b2c3fa28;border-radius:15px;background:linear-gradient(130deg,#18243ba8,#111827d9);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff09}
.home-sub-label{font-size:9px;letter-spacing:.025em;color:#c3b8ff}.home-sub-label i{box-shadow:0 0 9px currentColor}.home-sub>b{font-size:19px;font-weight:550;letter-spacing:-.045em;margin-top:7px;color:#fff}.home-sub>small{font-size:9px;color:#aebbd5}
.btn,.plan-cta{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s var(--ease),box-shadow .3s,border-color .3s;background:linear-gradient(120deg,#668eff,#9277f7 65%,#b18df4);border:1px solid #c7caff44;border-bottom:1px solid #5964a5;color:#fff;box-shadow:inset 0 1px 0 #e6edff70,inset 0 -2px 0 #3e419c4d,0 4px 0 #2f3462,0 10px 22px #4260b82e;border-radius:13px;min-height:52px;font-size:13px;font-weight:650;letter-spacing:-.015em;text-shadow:0 1px 1px #4f4c7c70;transform:translateZ(0)}
.btn:before,.plan-cta:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff39 48%,transparent 75%);transform:translateX(-120%);transition:transform .65s var(--ease)}
.btn:hover:before,.plan-cta:hover:before{transform:translateX(120%)}.btn:hover,.plan-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff80,0 6px 0 #303767,0 17px 24px #556fde33}.btn:active,.plan-cta:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff50,0 1px 0 #303767,0 5px 10px #313e7025}
.btn>span,.plan-cta>span{width:27px;height:27px;display:grid;place-items:center;background:#ffffff1c;border:1px solid #ffffff24;border-radius:8px;font-size:16px;font-weight:400}.btn.secondary{background:linear-gradient(145deg,#252c40,#161d2e);border-color:#46516c6b;border-bottom-color:#111723;box-shadow:inset 0 1px 0 #bcd0ff0b,0 3px 0 #070a11,0 8px 18px #0002;text-shadow:none}
.home-utilities{margin-top:19px;gap:12px}.home-wallet,.quick-key{padding:16px 13px;background:linear-gradient(135deg,#182031dd,#0f1522);border-color:#4b5b7b55;box-shadow:inset 0 1px 0 #d1e2ff0b,0 7px 18px #0002;border-radius:17px}.wallet-add{border-radius:50%;background:linear-gradient(130deg,#414a68,#242c42);border-color:#7d8da050;box-shadow:inset 0 1px 0 #d5e5ff20,0 2px 0 #080c16;color:#e7eaff}.wallet-mark,.quick-key svg{color:#b9bbfa}.quick-key:hover{border-color:#a8b5ec80;transform:translateY(-2px)}
/* Journal: clear separation between artwork and the complete article. */
.news-heading{margin:34px 0 16px;display:flex;align-items:end;justify-content:space-between}.news-heading .eyebrow{font-size:8px;letter-spacing:.18em;color:#8c9bb9}.news-heading h2{margin:7px 0 0;font-size:29px;line-height:1;letter-spacing:-.05em;font-weight:500}.news-heading>a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);color:#c5cbf8;text-decoration:none;background:#1d2436}
.news-carousel{gap:14px;align-items:stretch}.news-slide{flex:0 0 95%;height:auto;min-height:320px;display:flex;flex-direction:column;border-radius:20px;background:linear-gradient(150deg,#1b2233,#101622);border:1px solid #65739150;box-shadow:inset 0 1px 0 #ffffff08;overflow:hidden;padding:0;color:#f6f7ff}.news-slide:after{display:none}.news-art{height:164px;position:relative;overflow:hidden;background:#101827}.news-slide .news-art img{position:static;width:100%;height:100%;object-fit:cover;display:block;transform:none;animation:none}.news-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#161e2c66)}.journal-label{position:absolute;left:14px;top:14px;color:#dfdafa;font-size:8px;letter-spacing:.1em;background:#13192ac9;backdrop-filter:blur(10px);padding:6px 8px;border:1px solid #98a6db38;border-radius:6px;z-index:2}
.news-copy{position:static;padding:18px 18px 21px;flex:1;display:flex;flex-direction:column}.news-copy time{font-size:9px;color:#9ba9c3;letter-spacing:.02em}.news-copy h3{font-size:21px;font-weight:500;line-height:1.18;margin:9px 0 10px;letter-spacing:-.04em}.news-copy p{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:11px;line-height:1.75;color:#adb8cd;margin:0}.news-read{display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid #48557150;background:transparent;padding:13px 0 0;margin-top:18px;color:#c0bbf1;font-size:10px;text-align:left;min-height:35px}.news-read span{font-size:15px}.news-dots{margin-top:15px;gap:6px}.news-dots button{border:0;padding:0;width:6px;height:6px;border-radius:5px;background:#3c465d;transition:width .25s,background .25s;position:relative}.news-dots button:before{content:'';position:absolute;inset:-9px}.news-dots button.on{width:24px;background:#b7a7f5}
.news-story-body{margin-top:18px;font-size:14px;line-height:1.9;white-space:pre-wrap;color:var(--mut)}.news-story-image{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:15px;margin:20px 0}.news-story-date{font-size:11px;color:var(--mut)}
.tariff-tabs{background:linear-gradient(145deg,#1e2638,#121a29);border-color:#4f5d7c55;padding:5px;border-radius:17px;box-shadow:inset 0 2px 5px #0003}.tariff-tabs button{border-radius:12px;padding:12px 13px}.tariff-tabs button.selected{background:linear-gradient(140deg,#414a6b,#242c45);border-color:#a1a9df5c;box-shadow:inset 0 1px 0 #b7c6ff30,0 4px 8px #0003;color:#fff}.access-includes{color:#a2b0c9;font-size:9px;gap:12px}.plan-block-head h3{font-weight:500;font-size:18px}.plan{background:linear-gradient(150deg,#1a2234,#101624 70%);border:1px solid #4c5c7d6b;border-radius:18px;box-shadow:inset 0 1px 0 #c3d4ff0a,0 8px 20px #0002;padding:17px 14px;min-height:220px}.plan.best{background:linear-gradient(145deg,#35314f,#192136 75%);border-color:#9b88d199}.plan-term{font-size:16px;font-weight:500}.plan-price b{font-weight:500;font-size:34px;letter-spacing:-.06em}.plan-badge.hot,.plan-badge.deal{background:#c2a6ff17;border:1px solid #ccb6ff25;color:#d6c4ff;font-size:7px}.plan-badge.ghost{font-size:7px;background:#242e43;color:#a3b1cb}.plan-cta,.plan.best .plan-cta{min-height:39px;background:linear-gradient(115deg,#526fac,#8373c9);border-color:#c1c9fb3d;color:#fff;box-shadow:inset 0 1px 0 #e6edff3b,0 3px 0 #252b48,0 7px 10px #0003;text-shadow:none;font-size:10px;border-radius:9px}.plan.best .plan-cta{background:linear-gradient(110deg,#a4b4ff,#c0a2f7);color:#1d2343;text-shadow:none}.plan-cta>span{width:21px;height:21px;border-radius:6px;font-size:13px}.plan-foot{gap:10px}.plan-meta{font-size:9px}.plan-foot>span{font-size:8px}.plan:hover{border-color:#aba7eab3}
.hero{background:linear-gradient(115deg,#141d32da,#14192bd9),url('assets/fluon-fabric.png') center/cover;border:1px solid #8387b95e;border-radius:23px;box-shadow:inset 0 1px 0 #e8dfff20,0 20px 35px #0004;position:relative;overflow:hidden;color:#fff}.hero:before{content:'';position:absolute;width:110px;height:110px;top:-48px;right:-35px;border-radius:50%;background:#8d78fa55;filter:blur(40px);pointer-events:none}.hero h2{font-size:25px;font-weight:500}.hero .status{background:#b8adff14;border:1px solid #b8adff20}.status{color:#c2b4fc}.card,.app-download{background:linear-gradient(145deg,#1a2231,#101723);border-color:#46567555;box-shadow:inset 0 1px 0 #d3e3ff0a}.coin,.app-download .os-icon{color:#c4b7ff}.app-download .os-icon{width:47px;height:47px;display:grid;place-items:center;border:1px solid #92a5d43a;background:linear-gradient(145deg,#36445f,#232c42);border-radius:14px;box-shadow:inset 0 1px 0 #d3e3ff25,0 4px 0 #090e19}.app-download:hover{border-color:#a2aedb75;transform:translateY(-2px)}.mini-btn,.support-action{background:linear-gradient(145deg,#303b54,#222c42);border-color:#8191b43a;box-shadow:inset 0 1px 0 #d3e3ff14,0 2px 0 #090e19;color:#dfe7fa}.switch.on{background:linear-gradient(110deg,#6f8df5,#a181dc);box-shadow:inset 0 1px 0 #d3e3ff40,0 0 12px #8994ff20}.switch{box-shadow:inset 0 2px 4px #0004}.keybox{background:#0b111e;border-color:#8b94b726;color:#b0bed7}.profile-title{font-size:31px;font-weight:350}
.nav{width:min(calc(100% - 28px),458px);bottom:calc(12px + var(--safe));border:1px solid #a7b7e32a;border-radius:22px;padding:7px 10px;background:linear-gradient(160deg,#1a2436ee,#0f1524ee);box-shadow:inset 0 1px 0 #e0eaff15,0 16px 30px #0007;backdrop-filter:blur(25px)}.nav button{border-radius:14px;padding:7px;min-height:50px}.nav button.on{background:linear-gradient(135deg,#a9b9ff13,#bca0ff16);color:#d2caff}.nav button.on i{background:linear-gradient(140deg,#5c6194,#39395c);border:1px solid #d3d5ff33;box-shadow:inset 0 1px 0 #d3e3ff20,0 3px 0 #101322;width:35px;height:27px}.nav-label{font-size:8px;letter-spacing:.03em}
.sheet{background:linear-gradient(145deg,#172033,#0c1322 70%);border-color:#9badd14d;box-shadow:inset 0 1px 0 #d3e3ff14,0 -25px 65px #0006}.close{background:linear-gradient(135deg,#37415c,#1b2335);border-color:#8c9dbe3b}.pay-option{background:linear-gradient(145deg,#202c43,#141e31);border-color:#6a7b9d38;box-shadow:inset 0 1px 0 #dce7ff09,0 4px 0 #070e1b;min-height:78px;margin-top:12px;transition:transform .22s,border-color .22s}.pay-option:hover{transform:translateY(-2px);border-color:#aba9eb88}.pay-option:active{transform:translateY(2px)}.pay-option i{background:linear-gradient(145deg,#45506f,#2a3452);border:1px solid #b3c0e33b;box-shadow:inset 0 1px 0 #d3e3ff20,0 3px 0 #12182b;color:#d6ccff;border-radius:12px}.field{background:#0d1625;border-color:#53678669}.checkout-price{font-size:43px;font-weight:500;letter-spacing:-.05em}.body-sheet .nav{opacity:.3}.tap-wave{position:absolute;pointer-events:none;border-radius:50%;background:#fff6;z-index:3;transform:scale(0);animation:tapWave .55s ease-out forwards}.app-download,.icon,.quick-key,.mini-btn{position:relative;overflow:hidden}.preview-banner{font-size:8px;color:#7889a6;padding-bottom:12px}
@keyframes tapWave{to{transform:scale(1);opacity:0}}@keyframes sceneLight{from{opacity:.5;transform:translateX(-8%)}to{opacity:1;transform:translateX(8%)}}
body.light{--bg:#f3f5fc;--card:#fff;--card2:#e7ecf7;--text:#1d2942;--mut:#6e7c96;--line:#d5dcec;--accent:#655b9f;background:#f3f5fc}
body.light .brand b{color:#665c91}body.light .welcome{background:linear-gradient(180deg,#08102015,#070b1455 39%,#0a0f1aef 77%,#0b101cfb),url('assets/fluon-scene.jpg') left top / auto 100% no-repeat;border-color:#a3acc8}body.light .welcome h1{color:#fff}body.light .welcome .eyebrow,body.light .welcome>p{color:#d1dbee}body.light .home-sub{background:linear-gradient(130deg,#18243bbf,#111827e8);border-color:#b2c3fa28}body.light .home-sub-label{color:#c3b8ff}body.light .home-sub>b{color:#fff}body.light .home-sub>small{color:#b8c6df}
body.light .home-wallet,body.light .quick-key,body.light .card,body.light .app-download{background:linear-gradient(145deg,#fff,#edf1fa);border-color:#d3dbea;box-shadow:inset 0 1px 0 #fff,0 7px 18px #263b6510}body.light .wallet-add,body.light .mini-btn,body.light .icon,body.light .support-action{background:linear-gradient(145deg,#fafcff,#e0e7f5);border-color:#c7d1e6;color:#59658b;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d0d8e9}body.light .quick-key svg,body.light .wallet-mark{color:#7d71ab}body.light .tariff-tabs{background:#e1e7f4;border-color:#c7d1e6}body.light .tariff-tabs button.selected{background:linear-gradient(145deg,#fff,#edf0fc);color:#384570;border-color:#b6bfdf;box-shadow:inset 0 1px 0 #fff,0 3px 6px #354b7015}body.light .plan{background:linear-gradient(150deg,#fff,#edf2fc);border-color:#ccd5e8}body.light .plan.best{background:linear-gradient(145deg,#ece6fc,#f4f7ff);border-color:#b3a1d9}body.light .plan-badge.hot,body.light .plan-badge.deal{color:#7d5caa;background:#a78bfa12}body.light .plan-badge.ghost{background:#e2e8f5;color:#6a7d9a}body.light .plan-price b{color:#273652}body.light .plan-cta{color:#fff;background:linear-gradient(110deg,#7186c6,#9180c8)}body.light .plan.best .plan-cta{background:linear-gradient(110deg,#667fbd,#8c6dbc);color:#fff}body.light .btn.secondary{background:linear-gradient(145deg,#f8faff,#e1e8f5);border-color:#c7d1e6;color:#4e6082;box-shadow:inset 0 1px 0 #fff,0 3px 0 #c5cee2;text-shadow:none}body.light .hero{background:linear-gradient(115deg,#13213add,#171d34de),url('assets/fluon-fabric.png') center/cover;color:#fff}body.light .hero h2{color:#fff}body.light .hero p,body.light .hero .until span,body.light .hero .sub-heading{color:#acbdd7}body.light .hero .status{color:#d0c1ff}body.light .hero .until b{color:#fff}body.light .nav{background:linear-gradient(145deg,#f9fbffef,#e7edf9ef);border-color:#c8d3e6;box-shadow:inset 0 1px 0 #fff,0 12px 28px #2c436020}body.light .nav button.on{color:#67599b}body.light .nav button.on i{background:linear-gradient(140deg,#dddaf6,#e8e6fa);border-color:#c3bbdf;box-shadow:inset 0 1px 0 #fff,0 2px 0 #bcb8d1}body.light .sheet{background:linear-gradient(145deg,#f8faff,#eaf0fa);border-color:#c5d0e5}body.light .pay-option{background:linear-gradient(145deg,#fff,#eff3fc);border-color:#c5cfe1;box-shadow:inset 0 1px 0 #fff,0 3px 0 #d0d9ea}body.light .pay-option i,body.light .app-download .os-icon{background:linear-gradient(145deg,#f1f0ff,#dedff3);color:#7460aa;box-shadow:inset 0 1px 0 #fff,0 3px 0 #c8c6dd;border-color:#c4c4df}body.light .field,body.light .keybox{background:#eaf0f9;border-color:#c5d0e5;color:#607397}body.light .news-heading>a{background:#e6ecf6;color:#677c9d;border-color:#c6d3e9}
@media(max-width:360px){.welcome{padding:22px 20px;min-height:450px}.welcome h1{font-size:38px}.welcome .eyebrow{font-size:6px}.freedom-mark{width:28px;height:28px;right:0}.welcome-intro{min-height:188px}.home-sub{padding:13px}.home-sub>b{font-size:17px}.btn{font-size:12px}.plan{padding:15px 11px}.plan-price b{font-size:31px}.news-art{height:145px}}
@media(prefers-reduced-motion:reduce){.welcome:before{animation:none}.tap-wave{display:none}*,*:before,*:after{transition:none!important;animation:none!important}}

.btn>span svg,.plan-cta>span svg,.quick-key>span:last-child svg,.news-read>span svg,.news-heading>a svg{width:15px;height:15px;stroke-width:1.5}.btn>span svg{width:16px;height:16px}.quick-key>span:last-child{display:grid;place-items:center}.news-read>span{display:grid;place-items:center}.news-heading>a svg{width:17px;height:17px}

.method-sbp svg{width:21px;height:21px}.empty-key svg{width:33px;height:33px}body.light .hero .until{border-color:#d2d5ff20}