:root{--bg: #07080d;--bg-2: #0b0d15;--surface: #12141d;--surface-2: #1a1d29;--line: #262a38;--text: #eef1f8;--muted: #8b93a9;--accent: #a3c640;--accent-2: #7fb52e;--grad: linear-gradient(120deg, #a3c640, #7fb52e);--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--r: 14px;--r-lg: 20px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1100px 600px at 80% -5%,rgba(163,198,64,.18),transparent 60%),radial-gradient(900px 500px at 0% 30%,rgba(127,181,46,.12),transparent 55%),var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;cursor:pointer}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:#fda4af;background:#ef44441f;border:1px solid rgba(239,68,68,.3);padding:.6rem .8rem;border-radius:10px;font-size:.9rem;margin:0}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:999px;padding:.65rem 1.3rem;font-size:.95rem;font-weight:700;background:var(--surface-2);transition:transform .14s,filter .14s,box-shadow .14s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px #a3c64059}.btn--ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn--lg{padding:.85rem 1.7rem;font-size:1.05rem}.btn--block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.25rem;letter-spacing:-.01em}.brand__logo{width:1.7rem;height:1.7rem;border-radius:7px;background:url(/favicon.png) center / cover no-repeat}.brand__suffix{color:var(--muted);font-weight:700}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem clamp(1.2rem,5vw,4rem);background:#07080db8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-header__nav{display:flex;gap:1.6rem;color:var(--muted);font-weight:600;font-size:.95rem}.site-header__nav a:hover{color:var(--text)}.site-header__cta{display:flex;gap:.6rem}.hero{position:relative;padding:clamp(3rem,9vw,7rem) clamp(1.2rem,5vw,4rem) clamp(3rem,7vw,6rem);overflow:hidden}.hero__inner{max-width:52rem}.hero__pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:#d6ee9c;background:#a3c64024;border:1px solid rgba(163,198,64,.3);padding:.35rem .8rem;border-radius:999px}.hero h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.04;letter-spacing:-.02em;margin:1.2rem 0 0;font-weight:800}.hero__sub{font-size:clamp(1.05rem,2.2vw,1.3rem);color:#c6ccda;max-width:38rem;margin:1.2rem 0 1.8rem;line-height:1.5}.hero__cta{display:flex;gap:.8rem;flex-wrap:wrap}.hero__trust{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem;margin-top:1.4rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem;padding:1rem clamp(1.2rem,5vw,4rem) 2rem;max-width:80rem;margin:0 auto}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.6rem}.feature__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:12px;background:#a3c64024;color:#c2e27e;margin-bottom:.9rem}.feature h3{margin:0 0 .4rem;font-size:1.15rem}.feature p{margin:0;color:var(--muted);line-height:1.5}.section-head{text-align:center;max-width:40rem;margin:0 auto 2.2rem;padding:0 1rem}.section-head h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 .6rem;letter-spacing:-.02em}.section-head p{color:var(--muted);margin:0;font-size:1.05rem}.plans-section,.steps,.faq{padding:clamp(2.5rem,6vw,4.5rem) clamp(1.2rem,5vw,4rem);max-width:80rem;margin:0 auto}.plancards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.4rem;max-width:64rem;margin:0 auto}.plancard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.8rem;display:flex;flex-direction:column;gap:.8rem}.plancard--featured{border-color:#a3c64080;background:linear-gradient(180deg,rgba(163,198,64,.12),var(--surface));box-shadow:0 16px 50px #a3c6402e}.plancard__ribbon{position:absolute;top:-.7rem;left:50%;transform:translate(-50%);background:var(--grad);color:#fff;font-size:.72rem;font-weight:800;padding:.25rem .8rem;border-radius:999px;white-space:nowrap}.plancard__name{margin:0;font-size:1.3rem}.plancard__price{font-size:2.1rem;font-weight:800}.plancard__price span{font-size:.9rem;font-weight:500;color:var(--muted)}.plancard__desc{color:var(--muted);margin:0;font-size:.92rem}.plancard__features{list-style:none;padding:0;margin:.3rem 0;display:flex;flex-direction:column;gap:.55rem;font-size:.95rem;color:#cdd3e2}.plancard__features li{display:flex;align-items:center;gap:.5rem}.plancard__features svg{color:var(--accent);flex:0 0 auto}.plancard .btn{margin-top:auto}.steps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.4rem;max-width:60rem;margin:0 auto}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.6rem}.step__n{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;margin-bottom:.8rem}.step h3{margin:0 0 .4rem}.step p{margin:0;color:var(--muted);line-height:1.5}.faq__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.2rem;max-width:60rem;margin:0 auto}.faq__item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1.5rem}.faq__item h3{margin:0 0 .5rem;font-size:1.05rem}.faq__item p{margin:0;color:var(--muted);line-height:1.5}.cta-band{text-align:center;padding:clamp(3rem,7vw,5rem) 1.5rem;margin:2rem clamp(1.2rem,5vw,4rem);border-radius:var(--r-lg);background:radial-gradient(700px 300px at 50% 0%,rgba(163,198,64,.25),transparent 70%),var(--surface);border:1px solid var(--line)}.cta-band h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 .5rem}.cta-band p{color:var(--muted);margin:0 0 1.5rem}.site-footer{border-top:1px solid var(--line);padding:3rem clamp(1.2rem,5vw,4rem) 2rem;background:var(--bg-2)}.site-footer__grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:2rem;max-width:70rem;margin:0 auto 2rem}.site-footer__grid h4{margin:0 0 .8rem;font-size:.95rem}.site-footer__grid a{display:block;color:var(--muted);padding:.25rem 0;font-size:.9rem}.site-footer__grid a:hover{color:var(--text)}.site-footer__brand .brand{margin-bottom:.6rem}.site-footer__bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;max-width:70rem;margin:0 auto;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.authpage{min-height:70vh;display:grid;place-items:center;padding:3rem 1.5rem}.authcard{width:min(26rem,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:2rem;display:flex;flex-direction:column;gap:.9rem}.authcard h1{margin:0;font-size:1.6rem}.authcard__alt{text-align:center;color:var(--muted);margin:.3rem 0 0;font-size:.9rem}.authcard__alt a{color:#c2e27e}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted);font-weight:600}.input{background:var(--bg);border:1px solid var(--line);color:var(--text);padding:.75rem .9rem;border-radius:10px;font-size:1rem;font-family:inherit}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #a3c64038}.checkoutpage{padding:clamp(2rem,5vw,3.5rem) clamp(1.2rem,5vw,4rem)}.checkout-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.6rem;max-width:58rem;margin:0 auto;align-items:start}.checkout-summary,.checkout-pay{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.7rem}.checkout-summary h2,.checkout-pay h2{margin:0 0 1.1rem;font-size:1.2rem}.summary-row{display:flex;justify-content:space-between;font-weight:600;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.summary-feats{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem;color:#cdd3e2;font-size:.92rem}.summary-feats li{display:flex;align-items:center;gap:.5rem}.summary-feats svg{color:var(--accent)}.summary-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:.9rem;border-top:1px solid var(--line);font-size:1.05rem}.summary-total strong{font-size:1.5rem}.payform{display:flex;flex-direction:column;gap:1.1rem}.payform__secure{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--muted);font-size:.82rem;margin:0}.account{display:grid;grid-template-columns:16rem 1fr;gap:1.5rem;max-width:72rem;margin:0 auto;padding:2rem clamp(1.2rem,5vw,4rem) 4rem}.account__side{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.2rem;display:flex;flex-direction:column;gap:1rem;height:max-content;position:sticky;top:5rem}.account__user{display:flex;align-items:center;gap:.7rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.account__user b{display:block;font-size:.9rem;word-break:break-all}.avatar{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;flex:0 0 auto}.account__tabs{display:flex;flex-direction:column;gap:.25rem}.account__tabs button{display:flex;align-items:center;gap:.7rem;padding:.65rem .7rem;border:none;background:transparent;color:var(--muted);border-radius:10px;font-weight:600;font-size:.92rem;text-align:left}.account__tabs button:hover{background:var(--surface-2);color:var(--text)}.account__tabs button.is-active{background:#a3c64026;color:#fff}.account__tabs button.is-active svg{color:var(--accent)}.account__logout{margin-top:.5rem;display:flex;align-items:center;gap:.7rem;padding:.65rem .7rem;border:none;background:transparent;color:var(--muted);border-radius:10px;font-weight:600}.account__logout:hover{color:var(--text);background:var(--surface-2)}.account__main h1{margin:0 0 1.4rem;font-size:1.7rem}.acards{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem}.acard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem;display:flex;flex-direction:column;gap:.4rem}.acard__k{color:var(--muted);font-size:.82rem}.acard__v{font-size:1.25rem;font-weight:700}.actions{display:flex;gap:.8rem;margin-top:1.6rem;flex-wrap:wrap}.section-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.section-row h1{margin:0}.badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;width:max-content}.badge--active{background:#22c55e29;color:#4ade80}.badge--trialing{background:#a3c6402e;color:#c2e27e}.badge--past_due{background:#f59e0b29;color:#fbbf24}.badge--canceled{background:#ef444429;color:#f87171}.badge--none{background:var(--surface-2);color:var(--muted)}.tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.8rem 1.1rem;border-bottom:1px solid var(--line);background:var(--surface-2)}.table td{padding:.85rem 1.1rem;border-bottom:1px solid var(--line);font-size:.92rem}.table tr:last-child td{border-bottom:none}.cell-right{text-align:right}.iconlink{color:var(--muted);display:inline-flex}.iconlink:hover{color:var(--accent)}.pmlist{display:flex;flex-direction:column;gap:.8rem}.pmcard{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem}.pmcard__brand{display:flex;align-items:center;gap:.6rem;font-weight:600}.pmcard__exp{color:var(--muted);font-size:.9rem}.pmcard__actions{margin-left:auto;display:flex;align-items:center;gap:.8rem}.linkbtn{background:none;border:none;color:#c2e27e;font-weight:600;font-size:.88rem}.iconbtn-danger{background:none;border:none;color:var(--muted);display:inline-flex}.iconbtn-danger:hover{color:var(--red)}.addcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:32rem}@media (max-width: 820px){.site-header__nav{display:none}.checkout-grid,.account{grid-template-columns:1fr}.account__side{position:static;flex-direction:column}.account__tabs{flex-direction:row;flex-wrap:wrap}.site-footer__grid{grid-template-columns:1fr 1fr}}.checkout-step{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.05rem;margin:.2rem 0}.stepdot{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--grad);color:#0b0d12;font-size:.85rem;font-weight:800}.seg{display:flex;gap:.4rem;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:.25rem}.seg button{flex:1;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:.9rem;padding:.5rem .8rem;border-radius:999px}.seg button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000004d}.checkout-legal{margin:.4rem 0 0;line-height:1.5}.checkout-legal a{color:#c2e27e;text-decoration:underline}.doc{max-width:46rem;margin:0 auto;padding:clamp(2rem,6vw,4rem) clamp(1.2rem,5vw,2rem) 3rem}.doc__head{border-bottom:1px solid var(--line);padding-bottom:1.4rem;margin-bottom:1.6rem}.doc__head h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 .6rem;letter-spacing:-.02em}.doc__lead{color:var(--muted);font-size:1.1rem;margin:0;line-height:1.5}.doc__updated{color:var(--muted);font-size:.82rem;margin:.8rem 0 0}.doc__body{line-height:1.7;color:#cdd3e2}.doc__body h2{font-size:1.25rem;margin:1.8rem 0 .6rem;color:var(--text)}.doc__body h3{font-size:1.05rem;margin:1.2rem 0 .4rem;color:var(--text)}.doc__body p,.doc__body li{color:#c2c8d6}.doc__body ul,.doc__body ol{padding-left:1.3rem;display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0}.doc__body a{color:#c2e27e;text-decoration:underline}.doc__back{margin-top:2.5rem}.doc__back a{color:var(--accent);font-weight:600}.danger-zone{margin-top:1.5rem;border:1px solid rgba(239,68,68,.4);background:#ef44440f;border-radius:var(--r-lg);padding:1.4rem 1.5rem}.danger-zone h2{margin:0 0 .4rem;font-size:1.15rem;color:#fda4af}.danger-zone p{margin:0 0 1rem;color:var(--muted);line-height:1.5}.danger-zone .input{margin-bottom:.8rem}.btn--danger{background:var(--red);color:#fff;border-color:var(--red)}.section-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem;color:var(--muted);line-height:1.5;margin:1rem 0}.section-note a{color:#c2e27e;text-decoration:underline}html{scroll-behavior:smooth}.reveal{opacity:0;translate:0 26px;transition:opacity .6s ease,translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d, 0ms)}.reveal.is-visible{opacity:1;translate:0 0}.hero{position:relative}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(620px circle at var(--mx, 78%) var(--my, 12%),rgba(163,198,64,.2),transparent 60%);transition:background .12s ease}.hero__inner{position:relative;z-index:1}.feature,.step,.faq__item,.plancard{transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s,border-color .26s}.feature:hover,.step:hover,.faq__item:hover{transform:translateY(-6px);border-color:#a3c64066;box-shadow:0 16px 40px #00000073}.plancard:hover{transform:translateY(-8px);box-shadow:0 22px 60px #00000080,0 0 0 1px #a3c64040}.feature:active,.step:active,.faq__item:active,.plancard:active{transform:translateY(-2px) scale(.99)}.feature__icon{transition:transform .26s}.feature:hover .feature__icon{transform:scale(1.12) rotate(-4deg)}.brand{transition:transform .2s}.brand:hover{transform:scale(1.03)}.site-header__nav a{position:relative;padding-bottom:.15rem;transition:color .2s}.site-header__nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.2rem;height:2px;border-radius:2px;background:var(--grad);transition:right .3s cubic-bezier(.2,.7,.2,1)}.site-header__nav a:hover,.site-header__nav a.is-active{color:var(--text)}.site-header__nav a.is-active:after{right:0}.hero__cta .btn--primary{animation:ctaPulse 2.8s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 8px 24px #a3c64059}50%{box-shadow:0 10px 32px #a3c64099}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;translate:none!important}.hero__cta .btn--primary{animation:none}}
