:root{--teal: #119da2;--teal-deep: #0b7e83;--teal-2: #0f8d92;--teal-tint: #e4f5f5;--teal-line: #bfe4e6;--navy: #0f2231;--ink: #1b2b36;--muted: #5f7280;--faint: #8ea0ab;--bg: #f3f7f8;--card: #ffffff;--line: #e3eaee;--line-soft: #ecf1f4;--gold: #e8990c;--gold-deep: #b45309;--gold-tint: #fdf3e0;--green: #55a630;--green-deep: #33761a;--green-tint: #ecf6e6;--green-line: #cde8bf;--warn: #b9521f;--warnbg: #fdeee6;--shadow-sm: 0 1px 2px rgba(15, 34, 49, .05), 0 1px 6px rgba(15, 34, 49, .04);--shadow-md: 0 2px 4px rgba(15, 34, 49, .04), 0 12px 28px rgba(15, 34, 49, .09);--shadow-hero: 0 8px 16px rgba(10, 90, 94, .18), 0 24px 56px rgba(10, 90, 94, .28);--radius: 16px;--display: "Manrope", "Inter", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;background:radial-gradient(1100px 420px at 50% -180px,rgba(17,157,162,.09),transparent 70%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#119da238}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.muted{color:var(--muted)}.wordmark{font-family:var(--display);font-weight:800;color:var(--teal);font-size:21px;letter-spacing:-.4px}.wordmark span{color:var(--navy)}:where(button,a,select,input):focus-visible{outline:2px solid var(--teal);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rise{animation:rise .55s cubic-bezier(.2,.7,.3,1) both}.rise.d1{animation-delay:.07s}.rise.d2{animation-delay:.14s}.rise.d3{animation-delay:.21s}.rise.d4{animation-delay:.28s}@media (prefers-reduced-motion: reduce){.rise{animation:none}*{transition:none!important}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#ffffffdb;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar .right{display:flex;align-items:center;gap:10px}select,.btn{font:inherit;font-size:14.5px}select{padding:9px 32px 9px 13px;border:1px solid var(--line);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235f7280' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--ink);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}select:hover{border-color:#cdd9de}.btn{padding:9px 15px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;font-weight:500;transition:border-color .15s,box-shadow .15s,transform .1s}.btn:hover{border-color:#c6d4da;box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#14aeb4,var(--teal-2));color:#fff;border-color:transparent;font-weight:600;box-shadow:0 1px 2px #0b7e8359,inset 0 1px #ffffff2e}.btn.primary:hover{background:linear-gradient(180deg,#12a3a9,#0d8186);box-shadow:0 3px 10px #0b7e8359}.btn.primary:disabled{opacity:.6;cursor:default}.client-static{font-size:14.5px;color:var(--ink);padding:7px 4px;font-weight:600}.eye-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--muted);transition:background .15s,color .15s,border-color .15s}.eye-btn:hover{background:var(--line-soft);color:var(--ink)}.eye-btn.on{background:var(--teal-deep);border-color:var(--teal-deep);color:#fff}.eye-btn.on:hover{background:#096468}.wrap{max-width:1080px;margin:0 auto;padding:34px 26px 48px}.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.hello{font-size:13px;font-weight:700;color:var(--teal-deep);letter-spacing:.4px;text-transform:uppercase;margin-bottom:4px}.client-head h1{font-family:var(--display);font-size:33px;font-weight:800;margin:2px 0 6px;color:var(--navy);letter-spacing:-.8px;line-height:1.12}.client-sub{color:var(--muted);font-size:15px}.fresh-pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--green-deep);background:var(--green-tint);border:1px solid var(--green-line);padding:6px 13px;border-radius:999px;white-space:nowrap;margin-bottom:6px}.fresh-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #55a6302e}.fresh-pill.amber{color:var(--warn);background:var(--warnbg);border-color:#f1cdb8}.fresh-pill.amber .dot{background:var(--warn);box-shadow:0 0 0 3px #b9521f26}.banner{background:var(--warnbg);color:var(--warn);border:1px solid #f1cdb8;border-radius:14px;padding:12px 16px;margin-top:20px;font-size:14.5px}.section{margin-top:42px}.section-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.section-label:before{content:"";width:18px;height:3px;border-radius:2px;background:var(--teal);flex:none}.section-label:after{content:"";flex:1;height:1px;background:var(--line)}.score{display:flex;flex-direction:column;gap:20px}.hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:26px;background:radial-gradient(720px 300px at 88% -60%,rgba(255,255,255,.17),transparent 60%),radial-gradient(460px 260px at -8% 130%,rgba(255,255,255,.1),transparent 60%),linear-gradient(132deg,#0a5e66,#0f8d92 48%,#17b3b3);color:#fff;border-radius:20px;padding:32px 36px;box-shadow:var(--shadow-hero)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.5px);background-size:22px 22px;mask-image:linear-gradient(115deg,transparent 55%,rgba(0,0,0,.9));-webkit-mask-image:linear-gradient(115deg,transparent 55%,rgba(0,0,0,.9))}.hero-icon{width:60px;height:60px;border-radius:18px;flex:none;background:#ffffff29;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff40}.hero-icon svg{width:28px;height:28px;color:#fff}.hero-main{min-width:0;flex:1}.hero-value{font-family:var(--display);font-size:58px;font-weight:800;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,40,42,.25)}.hero-label{font-size:15.5px;color:#d5f4f5;margin-top:10px}.hero-side{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;flex:none;background:#06373a40;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:16px 20px}.hero-side .hs-v{font-family:var(--display);font-size:17.5px;font-weight:700;font-variant-numeric:tabular-nums}.hero-side .hs-l{font-size:12px;color:#b8e9ea;margin-top:2px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#d5e1e6}.kpi-top{margin-bottom:16px}.kpi-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.kpi-icon svg{width:21px;height:21px}.kpi-icon.teal{background:var(--teal-tint);color:var(--teal-deep)}.kpi-icon.gold{background:var(--gold-tint);color:var(--gold-deep)}.kpi-icon.green{background:var(--green-tint);color:var(--green-deep)}.kpi-value{font-family:var(--display);font-size:36px;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-.8px;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.kpi-value.green{color:var(--green-deep)}.kpi-value.gold{color:var(--navy)}.kpi-extra{display:inline-flex}.kpi-label{font-size:13.5px;color:var(--muted);margin-top:9px}.stars{position:relative;display:inline-block;line-height:1;color:#dde5e9;letter-spacing:2px}.stars-fill{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--gold)}.chart-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 880px){.chart-grid{grid-template-columns:1fr 1fr}}.chart-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 14px;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}.chart-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#d5e1e6}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.chart-title{font-family:var(--display);font-size:16px;font-weight:700;color:var(--navy);letter-spacing:-.2px}.chart-sub{font-size:13px;color:var(--muted);margin-top:3px}.chip{font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px;white-space:nowrap}.chip.green{color:var(--green-deep);background:var(--green-tint);border:1px solid var(--green-line)}.chart-empty{color:var(--faint);font-size:13.5px;padding:40px 6px 46px;text-align:center}.loc-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 780px){.loc-grid{grid-template-columns:1fr 1fr}}.loc-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s;background-image:linear-gradient(180deg,var(--teal-tint),transparent 64px)}.loc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#d5e1e6}.loc-head{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:17.5px;font-weight:700;color:var(--navy);padding:20px 24px 0}.loc-head .dot{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px #119da22e;flex:none}.loc-body{padding:18px 24px 24px;display:flex;flex-direction:column;gap:22px}.loc-group .g-label{font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--faint);margin-bottom:12px}.loc-stats{display:flex;gap:40px;flex-wrap:wrap}.loc-stat .lv{font-family:var(--display);font-size:27px;font-weight:800;color:var(--navy);line-height:1.05;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.loc-stat .lv.teal{color:var(--teal-deep)}.loc-stat .lv.green{color:var(--green-deep)}.loc-stat .lv.gold{color:var(--navy)}.loc-stat .ll{font-size:12.5px;color:var(--muted);margin-top:6px}.star{color:var(--gold)}.loc-number{padding:4px 24px 0;font-size:12.5px;color:var(--muted)}.plan-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 780px){.plan-grid{grid-template-columns:3fr 2fr}}.plan-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:18px}.plan-head{display:flex;align-items:center;gap:16px}.plan-icon{width:48px;height:48px;border-radius:14px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.plan-icon.teal{background:var(--teal-tint);color:var(--teal-deep)}.plan-icon svg{width:22px;height:22px}.plan-name{font-size:15px;font-weight:600;color:var(--muted)}.plan-amt{font-family:var(--display);font-size:26px;font-weight:800;color:var(--navy);margin-top:2px;letter-spacing:-.5px;display:flex;align-items:baseline;flex-wrap:wrap}.plan-amt span{font-size:13px;font-weight:500;font-family:Inter,sans-serif;color:var(--muted);margin-left:3px}.plan-list{font-size:17px;font-weight:600;color:var(--faint);text-decoration-color:#8ea0abcc;margin-right:8px}.plan-save{margin-left:10px}.plan-cycle{display:flex;flex-direction:column;gap:9px}.plan-cycle-row{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted);gap:12px;flex-wrap:wrap}.pc-strong{color:var(--navy);font-weight:600}.muted-row{font-size:12.5px}.progress{height:8px;border-radius:999px;background:var(--line-soft);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal-2),#1bbcc2);transition:width .6s cubic-bezier(.2,.7,.3,1)}.support-sub{font-size:13.5px;color:var(--muted);margin-top:3px}.support-btn{text-align:center;text-decoration:none;color:var(--teal-deep);font-weight:600;border-color:var(--teal-line);background:var(--teal-tint)}.support-btn:hover{border-color:var(--teal)}.plan-invoice{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);padding-top:16px}.plan-invoice-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--teal-deep);font-weight:600;border-color:var(--teal-line);background:var(--teal-tint)}.plan-invoice-btn:hover{border-color:var(--teal)}.plan-invoice-btn svg{width:17px;height:17px}.plan-invoice-sub{font-size:12.5px;color:var(--muted);text-align:center}.num-card{gap:16px}.num-intro{font-size:14.5px;line-height:1.65;color:var(--muted)}.num-list{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 780px){.num-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.num-row{display:flex;align-items:center;gap:14px}.num-value{display:block;font-family:var(--display);font-size:22px;font-weight:700;color:var(--navy);text-decoration:none;letter-spacing:.2px;font-variant-numeric:tabular-nums}.num-value:hover{color:var(--teal-deep)}.num-label{font-size:12px;color:var(--muted);margin-top:2px}.login-bg{min-height:100vh;background:radial-gradient(900px 480px at 70% -10%,rgba(17,157,162,.16),transparent 60%),radial-gradient(700px 420px at 6% 108%,rgba(17,157,162,.09),transparent 60%),var(--bg)}.login-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:46px 42px;width:448px;max-width:94vw;box-shadow:0 2px 8px #0f22310d,0 24px 64px #0f223121}.login-card .wordmark{font-size:27px}.login-card h1{font-family:var(--display);font-size:27px;font-weight:800;margin:0 0 6px;letter-spacing:-.5px;color:var(--navy)}.login-card p{color:var(--muted);margin:0 0 22px;font-size:15px;line-height:1.55}.login-card input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:16px;margin-bottom:14px;transition:border-color .15s,box-shadow .15s}.login-card input.code{text-align:center;letter-spacing:.35em;font-size:22px;font-weight:700;padding:16px 14px;font-family:var(--display)}.login-card input.code::placeholder{letter-spacing:normal;font-size:15px;font-weight:400;font-family:Inter,sans-serif;color:var(--faint)}.login-card input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #119da229}.login-card .btn{font-size:16px;padding:14px 16px;border-radius:12px}.login-card .btn.primary{width:100%}.linklike{display:block;width:100%;margin-top:14px;background:none;border:none;color:var(--teal-deep);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:center;padding:4px}.linklike:hover{text-decoration:underline}.login-msg{font-size:14px;margin-top:14px;line-height:1.5}.foot{color:var(--faint);font-size:13px;margin-top:40px;text-align:center}.banner.preview{background:linear-gradient(180deg,#eaf7f7,#e2f3f4);color:#0d474c;border-color:var(--teal-line);line-height:1.6;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.preview-copy{flex:1 1 380px;font-size:15px}.preview-actions{flex:0 0 auto;display:flex;gap:10px;align-items:center}.preview-btn{border:0;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:700;font-family:var(--display);background:linear-gradient(180deg,#10868c,var(--teal-deep));color:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px #09646859,inset 0 1px #ffffff26;transition:filter .15s,transform .1s,box-shadow .15s}.preview-btn:hover{filter:brightness(1.07);box-shadow:0 4px 14px #09646866}.preview-btn:active{transform:translateY(1px)}.preview-btn.ghost{background:transparent;color:#0d474c;border:1px solid #9dcdd0;box-shadow:none}.preview-btn.ghost:hover{background:#d9eff0;filter:none}.ba-strip{display:flex;align-items:center;justify-content:center;gap:clamp(16px,6vw,72px);margin-top:16px;padding:22px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm)}.ba-side{text-align:center;opacity:.35;transition:opacity .4s,transform .4s}.ba-side.on{opacity:1;transform:scale(1.05)}.ba-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}.ba-num{font-family:var(--display);font-size:clamp(32px,7vw,46px);font-weight:800;line-height:1.15;color:var(--navy);letter-spacing:-1px;font-variant-numeric:tabular-nums}.ba-cap{font-size:12px;color:var(--muted)}.ba-arrow{font-size:22px;color:var(--faint)}@media (max-width: 420px){.ba-strip{gap:20px;padding:16px}}.cost-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:26px 28px;box-shadow:var(--shadow-sm)}.cost-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.cost-amount{font-family:var(--display);font-size:clamp(34px,6vw,44px);font-weight:800;line-height:1.1;color:var(--navy);letter-spacing:-1px;font-variant-numeric:tabular-nums}.cost-amount span{font-size:15px;font-weight:500;font-family:Inter,sans-serif;color:var(--muted);margin-left:5px;letter-spacing:0}.cost-sub{margin-top:7px;font-size:15.5px;color:var(--muted)}.cost-free{flex:0 0 auto;text-align:center;font-size:14px;font-weight:700;line-height:1.35;color:var(--teal-deep);background:var(--teal-tint);border:1px solid var(--teal-line);border-radius:12px;padding:11px 16px}.cost-points{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:14px}.cost-points li{font-size:16px;line-height:1.55;color:var(--ink);padding-left:22px;position:relative}.cost-points li:before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px #119da226}.cost-assume{display:block;margin-top:4px;font-size:14px;color:var(--muted);font-style:italic}@media (max-width: 720px){.hero{flex-direction:column;align-items:flex-start;gap:18px;padding:26px}.hero-side{flex-direction:row;gap:26px;width:100%;justify-content:space-between}.hero-value{font-size:46px}.client-head h1{font-size:26px}.wrap{padding:24px 16px 38px}.section{margin-top:34px}}