:root{--page-bg:#f7f8fc;--surface:#fff;--text-primary:#111218;--text-muted:#5a6175;--accent:#111218;--border:#e4e7ef;--shadow:0 12px 20px #0f172a14;--hero-band-height:clamp(460px,60vh,640px);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Satoshi,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page-bg);min-height:100%}body{background:var(--page-bg);min-height:100%;color:var(--text-primary);margin:0}#root{width:100%;margin:0}a{color:inherit}p{color:var(--text-muted)}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace}::selection{color:inherit;background:#7c8cff4d}.hero{box-shadow:none;height:var(--hero-band-height);box-sizing:border-box;text-align:center;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;gap:2rem;max-width:72rem;margin:0 auto;padding:clamp(3rem,6vw,6rem) clamp(1.5rem,3vw,3.5rem) clamp(2.5rem,5vw,4rem);display:flex}.hero h1{color:#050505;margin:0;font-size:clamp(2.75rem,5vw,4.5rem);font-weight:800;line-height:1.05}.lede{max-width:60ch;color:var(--text-muted);margin:0 auto;font-size:1.725rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.scroll-indicator{text-transform:uppercase;letter-spacing:.2em;opacity:.6;color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.scroll-indicator:after{content:"";border:1px solid var(--border);background:linear-gradient(#0000 20%,#0f172a33);border-radius:999px;width:8px;height:16px;animation:1.4s ease-in-out infinite scrollHint;display:inline-block;position:relative}@keyframes scrollHint{0%{opacity:.6;transform:translateY(-2px)}50%{opacity:1;transform:translateY(2px)}to{opacity:.6;transform:translateY(-2px)}}.journey{flex-direction:column;gap:2rem;padding-block:2rem;display:flex;position:relative}.journey-track{scroll-snap-type:none;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;display:grid}.journey-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);scroll-snap-align:start;border-radius:20px;padding:clamp(1.75rem,3vw,2.5rem)}.journey-card h2{color:var(--text-primary);margin-top:.2rem;margin-bottom:.6rem}.journey-card ul{color:var(--text-muted);gap:.4rem;margin:0;padding-left:1.1rem;display:grid}.step-description{max-width:60ch;color:var(--text-muted)}.pricing{gap:2rem;display:grid}.section-heading h2{text-align:center;margin:.2rem 0;font-size:clamp(3rem,6vw,4.5rem)}.section-heading p{text-align:center;max-width:50ch;margin:0 auto;font-size:2.1rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.pricing-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:2rem;display:flex}.pricing-card--emphasis{color:#1b1c24;background:linear-gradient(135deg,#ffe1a0cc,#fff9);border-color:#0000}.price{flex-direction:column;margin:.25rem 0 .75rem;font-size:2.75rem;font-weight:700;line-height:1;display:flex}.price span{color:var(--text-muted);font-size:.9rem;font-weight:400}.plan-description{color:var(--text-muted);margin:0 0 1rem}.pricing-card ul{color:var(--text-muted);gap:.4rem;margin:0;padding-left:1rem;display:grid}.contact{justify-content:center;gap:2rem;display:grid}.contact-shell{flex-direction:column;gap:2rem;width:min(1280px,100%);margin:0 auto;padding:0 clamp(1rem,3vw,2rem);display:flex}.contact-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;gap:2rem;padding:clamp(2rem,4vw,3rem);display:grid}.contact-form{gap:1rem;display:grid}.contact-form label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);gap:.35rem;font-size:.9rem;display:grid}.contact-form input,.contact-form textarea{color:inherit;resize:vertical;background:#fff;border:1px solid #0a0a0a;border-radius:16px;padding:.9rem 1rem;font-size:1rem}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #000}.site-footer{color:#f7f7f7;background:#060606;width:calc(100% + 2*clamp(1.5rem,3vw,3rem));margin-top:clamp(2rem,4vw,4rem);margin-bottom:0;margin-left:calc(-1*clamp(1.5rem,3vw,3rem));padding:2.5rem clamp(1.5rem,4vw,4rem)}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:min(1200px,100%);margin:0 auto;display:flex}.footer-inner p{letter-spacing:.04em;margin:0;font-size:.95rem}.footer-nav{flex-wrap:wrap;gap:1rem;display:flex}.footer-nav a{color:inherit;opacity:.85;font-size:.95rem;text-decoration:none}.footer-nav a:hover,.footer-nav a:focus-visible{opacity:1}@media (max-width:720px){.primary-nav{grid-template-columns:1fr;gap:.5rem}.nav-links{justify-content:space-between;justify-self:stretch;width:100%}.nav-actions{justify-self:stretch;width:100%}.nav-actions .nav-button{text-align:center;width:100%}.hero-actions{flex-direction:column;align-items:stretch}.pricing-grid{grid-template-columns:1fr}.contact-card{padding:1.5rem}}.page-shell{min-height:100vh;color:var(--text-primary);flex-direction:column;gap:clamp(3rem,6vw,5rem);padding:0 clamp(1.5rem,3vw,3rem);display:flex}.primary-nav-wrapper{z-index:3;background:var(--surface);border-bottom:1px solid var(--border);width:calc(100% + 2*clamp(1.5rem,3vw,3rem));box-shadow:var(--shadow);align-items:center;margin-left:calc(-1*clamp(1.5rem,3vw,3rem));display:flex;position:sticky;top:0}.primary-nav{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:2;background:0 0;border:none;border-radius:0;flex:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem;padding:1rem clamp(1.5rem,3vw,3rem);display:grid}.logo-section{justify-self:start;align-items:center;gap:.75rem;display:flex}.logo-slot{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:44px;height:44px;box-shadow:inset 0 1px 2px #0f172a0f}.logo-mark{letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);font-size:1rem;font-weight:700}.nav-links{justify-self:center;align-items:center;gap:1.5rem;font-size:1.125rem;font-weight:500;display:flex}.nav-links a{color:inherit;padding:.25rem .5rem;text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text-muted)}.nav-actions{justify-self:end;align-items:center;gap:.75rem;display:flex}.nav-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .16s;display:inline-flex}.nav-button:hover,.nav-button:focus-visible{opacity:.8}.nav-button--light{border-color:var(--border);color:var(--text-primary);background:0 0}.nav-button--dark{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 10px #11121840}.content{flex-direction:column;gap:clamp(4rem,8vw,7rem);display:flex}.btn{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:220px;padding:1.25rem 2.6rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover,.btn:focus-visible{transform:translateY(-1px)}.btn.primary{color:#fff;background:var(--accent);box-shadow:0 12px 30px #11121840}.btn.ghost{border-color:var(--border);color:#111;background:#fff}.btn.secondary{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.btn.full{width:100%}.auth-page{background:radial-gradient(circle at top,#0f172a26,transparent 45%),var(--page-bg);justify-content:center;align-items:center;min-height:100vh;padding:clamp(2rem,4vw,4rem);display:flex}.auth-panel{background:var(--surface);border:1px solid var(--border);width:min(400px,90%);min-height:60vh;box-shadow:var(--shadow);border-radius:32px;gap:1rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.auth-header{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.logo-link{flex:1;text-decoration:none}.logo-placeholder{border:1px dashed var(--border);width:140px;height:40px;color:var(--text-muted);border-radius:16px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.mode-toggle{background:#636e8b1f;border-radius:999px;grid-template-columns:repeat(2,1fr);min-width:160px;padding:.2rem;display:grid;position:relative}.mode-toggle button{color:var(--text-muted);z-index:1;background:0 0;border:none;border-radius:999px;padding:.35rem .75rem;font-weight:600;transition:color .15s}.mode-toggle button.active{color:var(--text-primary)}.mode-indicator{background:#fff;border-radius:999px;width:calc(50% - 6px);transition:transform .2s;position:absolute;top:3px;bottom:3px;box-shadow:0 6px 12px #0f172a26}.mode-indicator--login{transform:translate(4px)}.mode-indicator--signup{transform:translate(calc(100% + 4px))}.auth-copy{text-align:center}.auth-copy h1{margin:0 0 .3rem;font-size:clamp(1.8rem,4vw,2.6rem)}.auth-copy p{color:var(--text-muted);margin:0;font-size:.95rem}.auth-form{gap:.75rem;display:grid}.auth-form label{color:var(--text-primary);gap:.35rem;font-weight:600;display:grid}.auth-form label.remember{align-items:center;gap:.4rem;font-weight:500;display:inline-flex}.auth-form label.remember input{width:1rem;height:1rem;margin:0}.auth-form input{border:1px solid var(--border);border-radius:14px;padding:.7rem .85rem;font-size:.9rem}.auth-form__row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.remember{align-items:center;gap:.4rem;display:inline-flex}.remember input{width:1rem;height:1rem;margin:0}.link-muted{color:var(--text-muted);text-decoration:none}.auth-divider{background:var(--border);width:100%;height:1px}.sso-grid{justify-content:center;gap:.75rem;display:flex}.sso-option{border:1px solid var(--border);background:#fffc;border-radius:18px;place-items:center;width:60px;height:60px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.sso-option:hover,.sso-option:focus-visible{transform:translateY(-1px);box-shadow:0 6px 12px #0f172a26}.sso-option__logo{background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.sso-option__logo svg{width:26px;height:26px;display:block}.auth-error{color:#a0141b;background:#dc35451f;border:1px solid #dc354566;border-radius:12px;padding:.75rem 1rem;font-size:.85rem}.auth-footer{justify-content:center;align-items:center;gap:.35rem;font-size:.85rem;display:flex}.auth-footer button{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}@media (max-width:720px){.auth-panel{border-radius:20px}.auth-header{flex-direction:column;align-items:flex-start}.mode-indicator--signup{transform:translate(calc(100% + 2px))}}.remember input{align-self:center;margin:0}.plans-tab{color:#0b0b0b;gap:1.25rem;display:grid}.plans-tab__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.plans-tab__title{letter-spacing:-.02em;margin:0;font-size:1.6rem}.plans-tab__subtitle{color:#4b5563;margin:.3rem 0 0}.plans-tab__summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr 1fr;gap:.75rem;min-width:260px;padding:.75rem .9rem;display:grid}.plans-tab__summary-label{color:#6b7280;font-size:.8rem}.plans-tab__summary-value{font-weight:800}.plans-tab__banner{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.85rem 1rem;font-weight:600}.plans-tab__banner.is-error{color:#7f1d1d;background:#fef2f2;border-color:#fecaca}.plans-tab__banner.is-success{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.plans-tab__section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem}.plans-tab__section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.plans-tab__section-title{margin:0;font-size:1.05rem}.plans-tab__action{color:#fff;cursor:pointer;letter-spacing:.01em;background:#0b0b0b;border:1px solid #0b0b0b;border-radius:12px;padding:.55rem .85rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.plans-tab__action:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000001f}.plans-tab__action:active{transform:translateY(0)scale(.99)}.plans-tab__action:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;display:grid}.plan-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem;transition:transform .15s,box-shadow .15s,border-color .15s}.plan-card:hover{border-color:#0b0b0b;transform:translateY(-2px);box-shadow:0 14px 34px #00000014}.plan-card.is-current{border-color:#0b0b0b;box-shadow:0 16px 38px #0000001a}.plan-card__top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.plan-card__name{font-size:1.05rem;font-weight:900}.plan-card__price{margin-top:.35rem;font-weight:900}.plan-card__price-sub{color:#6b7280;margin-top:.15rem;font-size:.85rem;font-weight:600;display:block}.plan-card__badge{border:1px solid #0b0b0b;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:900}.plan-card__cta{letter-spacing:.01em;cursor:pointer;border:none;border-radius:999px;width:100%;margin-top:.75rem;padding:.6rem .85rem;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s}.plan-card__cta.is-upgrade{color:#fff;box-shadow:none;background:#0ea5e9}.plan-card__cta.is-upgrade:hover{box-shadow:none;transform:translateY(-1px)}.plan-card__cta.is-downgrade{color:#1f2937;background:#f3f4f6;border:1px solid #e5e7eb}.plan-card__cta.is-downgrade:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000000f}.plan-card__cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.plan-card__features{color:#111827;margin:.85rem 0 0;padding-left:1.05rem}.plan-card__features li{color:#374151;margin:.3rem 0}.plan-card__features--empty{color:#6b7280;margin-top:.85rem}.packs-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;display:grid}.pack-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem;transition:transform .15s,box-shadow .15s,border-color .15s}.pack-card:hover{border-color:#0b0b0b;transform:translateY(-2px);box-shadow:0 14px 34px #00000014}.pack-card:active{transform:translateY(-1px)scale(.995)}.pack-card__credits{letter-spacing:-.02em;font-size:2rem;font-weight:950}.pack-card__label{color:#6b7280;margin-top:.1rem;font-weight:700}.pack-card__price{margin-top:.75rem;font-weight:900}.pack-card__cta{letter-spacing:.01em;cursor:pointer;color:#fff;width:100%;box-shadow:none;background:linear-gradient(120deg,#22c55e,#16a34a);border:none;border-radius:999px;margin-top:.75rem;padding:.5rem .75rem;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s}.pack-card__cta:hover{box-shadow:none;transform:translateY(-1px)}.pack-card__cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:640px){.plans-tab__summary{width:100%;min-width:0}}.checkout-success{color:#0f172a;background:radial-gradient(circle at 20% 20%,#ecfeff,#fff),#f8fafc;place-items:center;min-height:100vh;padding:2rem;display:grid}.checkout-success__card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:480px;padding:2.4rem;box-shadow:0 24px 60px #0f172a14}.checkout-success__icon{color:#fff;background:linear-gradient(120deg,#22c55e,#16a34a);border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 1rem;font-size:1.4rem;font-weight:900;display:grid}.checkout-success h1{letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.6rem}.checkout-success__lede{color:#475569;margin:0 0 .6rem}.checkout-success__note{color:#64748b;word-break:break-word;margin:.4rem 0 1rem;font-size:.95rem}.checkout-success__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.checkout-success__primary{letter-spacing:.01em;cursor:pointer;color:#fff;background:linear-gradient(120deg,#0ea5e9,#6366f1);border:none;border-radius:999px;padding:.65rem 1.1rem;font-weight:800;transition:transform .15s,box-shadow .15s}.checkout-success__primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #6366f140}.checkout-success__primary:active{transform:translateY(0)}.checkout-success__secondary{letter-spacing:.01em;color:#0f172a;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:.6rem 1rem;font-weight:800;text-decoration:none}
