:root{--bg:#f2eef8;--bg-hero:linear-gradient(135deg,#f6ecff,#ede4fb);--card:#fff;--card-2:#f7f4fc;--text:#1f1730;--muted:#8e87a6;--border:#eae4f4;--primary:#8b30e0;--primary-contrast:#fff;--primary-soft:#f3e8ff;--grad:linear-gradient(135deg,#b45cff,#7c3aed);--grad-soft:linear-gradient(135deg,rgba(180,92,255,.12),rgba(124,58,237,.12));--success:#1faf6e;--success-soft:#e5f7ee;--warning:#e78a06;--warning-soft:#fdf3e2;--danger:#e5484d;--danger-soft:#fdeaea;--info:#3b82f6;--info-soft:#e9f1fe;--shadow:0 8px 24px rgba(84,41,158,.08);--shadow-strong:0 12px 32px rgba(84,41,158,.16);--nav-bg:hsla(0,0%,100%,.92);--lock-bg:#f4f1fa;--m-interest:linear-gradient(90deg,#f472b6,#ec4899);--m-trust:linear-gradient(90deg,#a78bfa,#7c3aed);--m-boundary:linear-gradient(90deg,#4ade80,#16a34a);--m-stability:linear-gradient(90deg,#60a5fa,#2563eb);--m-initiative:linear-gradient(90deg,#22d3ee,#0891b2);--m-pressure:linear-gradient(90deg,#f87171,#dc2626)}[data-theme=dark]{--bg:#0c0710;--bg-hero:linear-gradient(135deg,#1c0f2b,#240f26);--card:#171021;--card-2:#201729;--text:#f6effb;--muted:#9a8db0;--border:#2a2038;--primary:#f02d8a;--primary-contrast:#fff;--primary-soft:rgba(240,45,138,.14);--grad:linear-gradient(135deg,#ff3d9a,#b01aff);--grad-soft:linear-gradient(135deg,rgba(255,61,154,.16),rgba(176,26,255,.16));--success:#2fd388;--success-soft:rgba(47,211,136,.14);--warning:#ffb020;--warning-soft:rgba(255,176,32,.14);--danger:#ff5470;--danger-soft:rgba(255,84,112,.14);--info:#5aa2ff;--info-soft:rgba(90,162,255,.14);--shadow:0 8px 24px rgba(0,0,0,.45);--shadow-strong:0 12px 32px rgba(0,0,0,.6);--nav-bg:rgba(18,11,26,.94);--lock-bg:#1d1428;--m-interest:linear-gradient(90deg,#ff6aae,#ff2e8d);--m-trust:linear-gradient(90deg,#c084fc,#9333ea);--m-boundary:linear-gradient(90deg,#34d399,#10b981);--m-stability:linear-gradient(90deg,#7db5ff,#3b82f6);--m-initiative:linear-gradient(90deg,#38e0f8,#06b6d4);--m-pressure:linear-gradient(90deg,#ff7d7d,#ef4444)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}.container{max-width:480px;margin:0 auto;padding:14px 16px calc(88px + env(safe-area-inset-bottom));min-height:100dvh}.screen-head{display:flex;align-items:center;gap:10px;padding:6px 0 14px}.screen-head h1{font-size:19px;font-weight:700;flex:1 1;text-align:center}.screen-head .head-side{flex-shrink:0}.back-btn,.screen-head .head-side{width:38px;height:38px;display:flex;align-items:center;justify-content:center}.back-btn{border-radius:12px;font-size:17px}.back-btn,.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}.card{border-radius:20px;padding:16px}.card+.card,.card+.lockedcard,.lockedcard+.card{margin-top:12px}.card-2{background:var(--card-2);border-radius:14px;padding:12px}.section-label{font-size:13px;font-weight:600;color:var(--muted);margin:16px 2px 8px;text-transform:none}.hero{background:var(--bg-hero);border:1px solid var(--border);border-radius:22px;padding:18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.hero .slogan{font-size:17px;font-weight:800;line-height:1.35}.hero .slogan .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .gem{font-size:44px;filter:drop-shadow(0 6px 14px rgba(139,48,224,.35))}.feature{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow);width:100%;text-align:left}.feature+.feature{margin-top:10px}.feature .f-icon{width:44px;height:44px;border-radius:13px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}.feature .f-title{font-weight:700;font-size:15px}.feature .f-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.feature .f-arrow{margin-left:auto;color:var(--muted);font-size:18px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border-radius:16px;font-weight:700;font-size:15px;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;pointer-events:none}.btn-primary{background:var(--grad);color:var(--primary-contrast);box-shadow:var(--shadow-strong)}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-ghost{background:var(--card);border:1px solid var(--border);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-sm{padding:9px 14px;border-radius:12px;font-size:13.5px;width:auto}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips.scroll::-webkit-scrollbar{display:none}.chip{padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:13.5px;font-weight:600;color:var(--muted);white-space:nowrap;transition:all .15s ease}.chip.active{background:var(--grad);border-color:transparent;color:var(--primary-contrast);box-shadow:var(--shadow)}.chip.locked{opacity:.6}.seg{display:flex;background:var(--card-2);padding:4px;gap:4px}.seg,.seg button{border-radius:999px}.seg button{flex:1 1;padding:9px 12px;font-size:13.5px;font-weight:700;color:var(--muted)}.seg button.active{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.input,.textarea{width:100%;background:var(--card-2);border:1px solid var(--border);border-radius:14px;padding:13px 14px;font-size:15px;outline:none;color:var(--text)}.input:focus,.textarea:focus{border-color:var(--primary)}.textarea{min-height:110px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--muted)}.metric{gap:10px;padding:7px 0}.metric,.metric .m-label{display:flex;align-items:center}.metric .m-label{gap:7px;width:158px;flex-shrink:0;font-size:13.5px;font-weight:600}.metric .m-bar{flex:1 1;height:6px;background:var(--card-2);border-radius:999px;overflow:hidden}.metric .m-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.metric .m-value{width:52px;text-align:right;font-size:13px;font-weight:700;color:var(--muted);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-grad{background:var(--grad);color:var(--primary-contrast)}.lockedcard{background:var(--lock-bg);border:1px dashed var(--border);border-radius:16px;padding:13px 14px;display:flex;align-items:center;gap:10px;margin-top:10px}.lockedcard .l-text{flex:1 1;font-size:13.5px;font-weight:600;color:var(--muted)}.list-item{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--card);border:1px solid var(--border);border-radius:16px;width:100%;text-align:left;box-shadow:var(--shadow)}.list-item+.list-item{margin-top:8px}.list-item .li-icon{width:38px;height:38px;border-radius:11px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.list-item .li-arrow{margin-left:auto;color:var(--muted)}.avatar{border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:50}.bottom-nav .nav-inner{max-width:480px;margin:0 auto;display:flex;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:10.5px;font-weight:600;color:var(--muted);white-space:nowrap}@media (max-width:359px){.bottom-nav a{font-size:9.5px}.bottom-nav svg{width:20px;height:20px}}.bottom-nav a.active{color:var(--primary)}.bottom-nav svg{width:22px;height:22px}.tariff-card{border-radius:20px;border:1px solid var(--border);background:var(--card);padding:18px;box-shadow:var(--shadow);position:relative}.tariff-card+.tariff-card{margin-top:12px}.tariff-card.highlight{border:1.5px solid var(--primary);background:linear-gradient(var(--card),var(--card)) padding-box;box-shadow:var(--shadow-strong)}.tariff-card .t-price{font-size:26px;font-weight:800}.tariff-card .t-price span{font-size:14px;color:var(--muted);font-weight:600}.tariff-feature{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;padding:3.5px 0}.tariff-feature .tick{color:var(--success);font-weight:800}.toggle{width:46px;height:27px;border-radius:999px;background:var(--card-2);border:1px solid var(--border);position:relative;transition:background .2s ease;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform .2s ease}.toggle.on{background:var(--grad);border-color:transparent}.toggle.on:after{transform:translateX(19px)}.flag-item{display:flex;gap:8px;align-items:flex-start;padding:5px 0;font-size:13.5px}.row,.row-between{display:flex;align-items:center;gap:10px}.row-between{justify-content:space-between}.col{display:flex;flex-direction:column}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.muted{color:var(--muted)}.small{font-size:12.5px}.bold{font-weight:700}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.center{text-align:center}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{border-radius:14px;background:linear-gradient(90deg,var(--card-2) 25%,color-mix(in srgb,var(--primary) 10%,var(--card-2)) 50%,var(--card-2) 75%);background-size:200% 100%;animation:shimmer 1.6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--primary-soft);border-top-color:var(--primary);animation:spin .7s linear infinite;margin:0 auto}.alert{border-radius:14px;padding:12px 14px;font-size:13.5px;font-weight:600;margin-top:10px}.alert-danger{background:var(--danger-soft);color:var(--danger)}.alert-info{background:var(--info-soft);color:var(--info)}.alert-success{background:var(--success-soft);color:var(--success)}.demo-pill{position:fixed;top:8px;right:8px;z-index:60;background:var(--warning-soft);color:var(--warning);font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;border:1px solid var(--border)}.compare-table{width:100%;border-collapse:collapse;font-size:12.5px}.compare-table td,.compare-table th{padding:9px 6px;border-bottom:1px solid var(--border);text-align:center}.compare-table td:first-child,.compare-table th:first-child{text-align:left;font-weight:600}.compare-table th{color:var(--muted);font-size:12px}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.02)}to{opacity:1;transform:none}}@keyframes float-soft{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7px) rotate(-3deg)}}.screen-in{animation:fade-in .22s ease both}.alert,.card,.feature,.hero,.list-item,.lockedcard,.tariff-card{animation:fade-up .42s cubic-bezier(.22,1,.36,1) both}.feature:nth-child(2),.list-item:nth-child(2){animation-delay:.05s}.feature:nth-child(3),.list-item:nth-child(3){animation-delay:.1s}.feature:nth-child(4),.list-item:nth-child(4){animation-delay:.15s}.feature:nth-child(5),.list-item:nth-child(5){animation-delay:.2s}.feature:nth-child(n+6),.list-item:nth-child(n+6){animation-delay:.24s}.tariff-card:nth-child(2){animation-delay:.06s}.tariff-card:nth-child(3){animation-delay:.12s}.metric{animation:fade-up .36s cubic-bezier(.22,1,.36,1) both}.metric:nth-child(2){animation-delay:.04s}.metric:nth-child(3){animation-delay:.08s}.metric:nth-child(4){animation-delay:.12s}.metric:nth-child(5){animation-delay:.16s}.metric:nth-child(6){animation-delay:.2s}.metric:nth-child(7){animation-delay:.24s}.chip,.feature,.list-item,.tariff-card,.toggle{transition:transform .12s cubic-bezier(.22,1,.36,1),background .18s ease,border-color .18s ease,box-shadow .18s ease}.feature:active,.list-item:active{transform:scale(.985)}.chip:active{transform:scale(.95)}.bottom-nav a{transition:color .2s ease,transform .16s cubic-bezier(.22,1,.36,1)}.bottom-nav a:active{transform:scale(.9)}.bottom-nav a.active svg{animation:pop-in .34s cubic-bezier(.22,1,.36,1)}.hero .gem{animation:float-soft 4.5s ease-in-out infinite}.connect-banner{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;background:var(--grad-soft);border:1px solid var(--primary-soft,var(--border));animation:fade-up .42s cubic-bezier(.22,1,.36,1) both}.connect-banner:active{transform:scale(.99)}.connect-banner>span:nth-child(2){flex:1 1;min-width:0}.floaty{display:inline-block;animation:float-soft 4.5s ease-in-out infinite}.waiting{display:flex;align-items:center;justify-content:center;gap:9px}.dot-pulse{width:9px;height:9px;border-radius:50%;background:var(--primary);animation:dot-pulse 1.4s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.empty{text-align:center;padding:34px 22px;animation:fade-up .42s cubic-bezier(.22,1,.36,1) both}.empty .e-icon{width:82px;height:82px;margin:0 auto 14px;border-radius:26px;background:var(--grad-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:36px;animation:float-soft 5s ease-in-out infinite}.empty .e-title{font-size:16.5px;font-weight:800}.empty .e-text{color:var(--muted);font-size:13.5px;margin-top:6px;max-width:34ch;margin-inline:auto}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}