@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;600&display=swap";.btn{font-family:var(--font-body);font-weight:var(--weight-semibold);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent-primary);color:var(--color-text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-accent-primary-press)}.btn-secondary{background:var(--white);color:var(--color-accent-primary);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-sunken)}.btn-ghost{color:var(--color-accent-primary);background:0 0}.btn-danger{background:var(--color-accent-warn);color:var(--white)}.btn-danger:hover:not(:disabled){background:var(--color-accent-warn-hover)}.btn-sm{font-size:var(--text-caption);padding:6px 12px}.btn-md{font-size:var(--text-body);padding:9px 16px}.btn-lg{font-size:var(--text-body-lg);padding:12px 20px}.btn-block{width:100%}.card{background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card-current{border-color:var(--gate-teal)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-micro);letter-spacing:.02em;white-space:nowrap;padding:3px 10px;display:inline-flex}.badge-neutral{background:var(--color-bg-sunken);color:var(--color-text-primary)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-accent{background:var(--sun-yellow);color:var(--gate-teal)}.progress{border-radius:var(--radius-pill);background:var(--color-bg-sunken);height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);height:100%;transition:width var(--duration-normal) var(--ease-standard)}.progress-fill.tone-primary{background:var(--color-accent-primary)}.progress-fill.tone-highlight{background:var(--sun-yellow)}.progress-fill.tone-danger{background:var(--color-accent-warn)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{font-size:var(--text-body);color:var(--color-text-secondary)}.field input{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--white);width:100%;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-primary);outline:none;padding:11px 14px}.field input:focus{box-shadow:var(--shadow-focus)}.form-error{color:var(--color-danger);font-size:var(--text-body)}.spinner{border:2px solid var(--color-border-strong);border-top-color:var(--gate-teal);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-header{padding:0 var(--space-8);border-bottom:1px solid var(--color-border);background:var(--white);justify-content:space-between;align-items:center;height:72px;display:flex}.site-header-left{align-items:center;gap:var(--space-8);display:flex}.site-header-right{align-items:center;gap:var(--space-5);display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{border-radius:var(--radius-icon-tile)}.brand-word{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:-.01em;font-size:27px}.brand-word-teal{color:var(--gate-teal)}.brand-word-coral{color:var(--hinge-coral)}.site-nav{gap:var(--space-6);display:flex}.nav-link{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none}.nav-link.active{color:var(--color-accent-primary);font-weight:var(--weight-semibold)}.site-header-divider{background:var(--color-border);width:1px;height:20px}.account-email{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-primary)}@media (width<=720px){.site-header{padding:0 var(--space-4);gap:var(--space-3);height:auto;padding-block:var(--space-3);flex-direction:column}.site-header-left{gap:var(--space-4)}}.plan-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.plan-name{font-weight:var(--weight-semibold);font-size:var(--text-body-lg)}.limit-list{gap:var(--space-3);flex-direction:column;display:flex}.limit-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:10px;display:flex}.limit-name{font-weight:var(--weight-semibold);font-size:var(--text-body)}.login-page{background:var(--color-bg-page);flex-direction:column;min-height:100vh;display:flex}.login-body{flex:1;justify-content:center;align-items:center;padding:56px 20px;display:flex}.login-card{text-align:center;flex-direction:column;gap:22px;width:380px;max-width:100%;display:flex}.login-card img.mark{border-radius:var(--radius-icon-tile);width:56px;height:56px;margin:0 auto}.login-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-display-md);color:var(--color-text-primary)}.login-sub{font-size:var(--text-body);color:var(--color-text-secondary);margin-top:var(--space-2)}.login-form{gap:var(--space-3);text-align:left;flex-direction:column;display:flex}.login-link{font-size:var(--text-body);color:var(--gate-teal);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;text-decoration:underline}.hero{text-align:center;gap:var(--space-5);flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:96px 20px 64px;display:flex}.hero h1{font-size:44px;line-height:var(--leading-tight);max-width:18ch}.hero p{font-size:var(--text-body-lg);color:var(--color-text-secondary);max-width:60ch;margin:0}.hero-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.hero-hint{font-size:var(--text-caption);color:var(--color-text-secondary)}.feature-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);max-width:1080px;margin:0 auto;padding:0 20px 72px;display:grid}@media (width<=860px){.feature-grid{grid-template-columns:1fr}}.feature-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-title);margin-bottom:var(--space-2)}.price-strip{background:var(--color-bg-sunken);border-block:1px solid var(--color-border);padding:48px 20px}.price-strip-inner{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;max-width:1080px;margin:0 auto;display:flex}.price-list{gap:var(--space-7);flex-wrap:wrap;display:flex}.price-item-name{font-size:var(--text-caption);color:var(--color-text-secondary)}.price-item-value{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-display-md)}.site-footer{justify-content:space-between;gap:var(--space-4);max-width:1080px;font-size:var(--text-caption);color:var(--color-text-secondary);flex-wrap:wrap;margin:0 auto;padding:32px 20px 48px;display:flex}.faq{max-width:760px;padding:var(--space-7) 0 var(--space-5);margin:0 auto}.faq-title{font-size:var(--text-title);margin-bottom:var(--space-4)}.faq-list{gap:var(--space-2);flex-direction:column;display:flex}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface)}.faq-question{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);cursor:pointer;text-align:left;font-family:inherit;font-size:var(--text-body);color:var(--color-text-primary);background:0 0;border:0;font-weight:600;display:flex}.faq-sign{color:var(--color-text-secondary);flex-shrink:0;font-size:20px;line-height:1}.faq-answer{padding:0 var(--space-4) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-caption);line-height:var(--leading-normal)}.faq-answer p{margin:0 0 var(--space-2)}.faq-answer p:last-child{margin-bottom:0}.plans-grid{gap:var(--space-4);margin-top:var(--space-7);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1080px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.plans-grid{grid-template-columns:1fr}}.plan-card{gap:var(--space-4);flex-direction:column;display:flex}.plan-head{flex-direction:column;gap:6px;display:flex}.plan-title-row{justify-content:space-between;align-items:center;display:flex}.plan-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-title)}.plan-price{font-family:var(--font-display);font-weight:var(--weight-bold);white-space:nowrap;font-size:26px;line-height:1.1}.plan-subtitle{font-weight:var(--weight-medium);font-size:var(--text-body)}.plan-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plan-features li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-text-secondary);line-height:var(--leading-normal);display:flex}.plan-features svg{color:var(--gate-teal);flex-shrink:0;margin-top:2px}.plans-note{margin-top:var(--space-5);font-size:var(--text-body);color:var(--color-text-secondary)}:root{--gate-teal:#024853;--gate-teal-hover:#013843;--gate-teal-press:#012a32;--warm-cream:#f8ecd5;--sun-yellow:#f9b51e;--hinge-coral:#f55443;--hinge-coral-hover:#e2432f;--paper:#fbf7ef;--secondary-text:#50636a;--white:#fff;--black:#0a1414;--color-bg-page:var(--paper);--color-bg-surface:var(--white);--color-bg-sunken:var(--warm-cream);--color-bg-inverse:var(--gate-teal);--color-border:#e4dac4;--color-border-strong:#cbbfa2;--color-text-primary:var(--gate-teal);--color-text-secondary:var(--secondary-text);--color-text-on-inverse:var(--warm-cream);--color-text-on-accent:var(--white);--color-accent-primary:var(--gate-teal);--color-accent-primary-hover:var(--gate-teal-hover);--color-accent-primary-press:var(--gate-teal-press);--color-accent-warn:var(--hinge-coral);--color-accent-warn-hover:var(--hinge-coral-hover);--color-accent-highlight:var(--sun-yellow);--color-success:#2e7d5b;--color-success-bg:#e4f1ea;--color-danger:var(--hinge-coral);--color-danger-bg:#fde7e3;--color-warning-bg:#fef3dc;--color-focus-ring:#0a8fa3;--font-display:"Poppins","Avenir Next","Helvetica Neue",Arial,sans-serif;--font-body:"Inter","Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--text-display-lg:32px;--text-display-md:24px;--text-title:18px;--text-body-lg:15px;--text-body:13px;--text-caption:12px;--text-micro:11px;--leading-tight:1.2;--leading-normal:1.45;--leading-relaxed:1.6;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--radius-icon-tile:22.5%;--shadow-sm:0 1px 2px #02485314;--shadow-md:0 4px 12px #0248531a;--shadow-lg:0 12px 32px #02485329;--shadow-popover:0 16px 40px #02485338;--shadow-focus:0 0 0 3px #0a8fa359;--ease-standard:cubic-bezier(.2,.7,.3,1);--duration-fast:.12s;--duration-normal:.18s}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body-lg);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--gate-teal)}h1,h2,h3{font-family:var(--font-display);margin:0}h1{font-size:var(--text-display-lg);font-weight:var(--weight-bold)}h2{font-size:var(--text-title);font-weight:var(--weight-semibold)}.page{background:var(--color-bg-page);min-height:100vh}.page-body{gap:var(--space-7);flex-direction:column;max-width:640px;margin:0 auto;padding:48px 20px 64px;display:flex}.page-body.wide{max-width:1180px}.section-title{margin-bottom:10px}.muted{color:var(--color-text-secondary);font-size:var(--text-caption)}