@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0b1627;color:#0f172a;--color-primary: #112b4a;--color-primary-dark: #0b1f3a;--color-accent: #4ade80;--color-accent-dark: #22c55e;--color-bg: #f7f9fc;--color-muted: #475569;--border-radius-xl: 24px;--border-radius-lg: 18px;--border-radius-md: 14px;--shadow-soft: 0 20px 40px rgba(11, 31, 58, .18);--text-primary: #0f172a;--text-muted: #475569;--text-soft: rgba(71, 85, 105, .85);--text-soft-muted: rgba(71, 85, 105, .75);--text-inverse: #0b1f3a;--surface-raised: #ffffff;--surface-soft: rgba(17, 43, 74, .05);--surface-panel: rgba(248, 250, 252, .9);--border-subtle: rgba(17, 43, 74, .1);--input-bg: rgba(248, 250, 252, .9);--input-border: rgba(17, 43, 74, .12)}:root[data-theme=dark]{color-scheme:dark;background-color:#050c1a;--color-primary: #1d4ed8;--color-primary-dark: #1a3a8a;--color-accent: #4ade80;--color-accent-dark: #22c55e;--color-bg: #070f1f;--color-muted: rgba(203, 213, 225, .78);--shadow-soft: 0 24px 50px rgba(2, 6, 23, .62);--text-primary: #e2e8f0;--text-muted: rgba(203, 213, 225, .78);--text-soft: rgba(148, 163, 184, .76);--text-soft-muted: rgba(148, 163, 184, .65);--text-inverse: #041023;--surface-raised: rgba(15, 23, 42, .88);--surface-soft: rgba(15, 27, 52, .55);--surface-panel: rgba(11, 20, 37, .88);--border-subtle: rgba(59, 130, 246, .22);--input-bg: rgba(15, 23, 42, .75);--input-border: rgba(94, 136, 195, .38)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(17,43,74,.18),transparent 55%),var(--color-bg);color:var(--text-primary);transition:background .4s ease,color .4s ease}[data-animate]{--animate-delay: 0s;opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--animate-delay)}[data-animate].is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){[data-animate]{transition:none;opacity:1!important;transform:none!important}.integration__code-block code{animation:none!important}}main{display:block}img,svg{display:block}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:0 clamp(1rem,5vw,5rem)}.navbar{position:sticky;top:0;z-index:10;background:#0b1f3aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem clamp(1rem,5vw,5rem);box-shadow:0 12px 32px #0f172a40}.navbar__inner{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:1200px;margin:0 auto;color:#fff}.navbar__branding{display:flex;align-items:center;gap:1rem;position:relative;flex:1 1 0;justify-content:flex-start}.navbar__brand{display:flex;align-items:baseline;gap:.35rem;font-weight:700;font-size:1.25rem;letter-spacing:.04em}.navbar__logo{color:#fff}.navbar__logo-accent{color:var(--color-accent)}.navbar__links-dropdown{position:relative}.navbar__links-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:var(--border-radius-lg);border:1px solid rgba(248,250,252,.2);background:#0f172a59;color:#f8fafce6;cursor:pointer;font-weight:600;letter-spacing:.02em;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.navbar__links-toggle:hover{background:#4ade803d;transform:translateY(-1px);box-shadow:0 10px 24px #22c55e40}.navbar__links-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.navbar__menu{position:absolute;top:calc(100% + .5rem);left:0;display:flex;flex-direction:column;gap:.35rem;padding:.75rem;min-width:220px;border-radius:var(--border-radius-lg);border:1px solid rgba(148,163,184,.2);background:#0b1f3af2;box-shadow:0 20px 40px #0f172a61;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;opacity:0;transform:translateY(-10px) scale(.96);pointer-events:none;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transition-delay:0s;will-change:opacity,transform}.navbar__menu--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition-delay:.06s}.navbar__link{display:block;padding:.4rem .8rem;border-radius:var(--border-radius-md);transition:background .2s ease,color .2s ease;color:#ffffffc2;width:100%}.navbar__link:hover{background:#4ade8029;color:#fff}.navbar__link--active{background:#4ade802e;color:#fff}.navbar__actions{display:flex;align-items:center;gap:.75rem;flex:1 1 0;justify-content:flex-end}.navbar__language{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:#0f172a59;color:#ffffffd9;border:none;cursor:pointer;font-weight:600;letter-spacing:.02em;transition:background .2s ease,transform .2s ease}.navbar__language:hover{background:#4ade8052;transform:translateY(-1px)}.navbar__language span{font-size:.75rem;text-transform:uppercase}.navbar__auth{display:inline-flex;align-items:center;gap:.6rem}.navbar__auth-login{padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(248,250,252,.4);color:#ffffffe6;font-weight:600;transition:background .2s ease,color .2s ease,transform .2s ease}.navbar__auth-login:hover{background:#4ade8038;color:#fff;transform:translateY(-1px)}.navbar__user{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .75rem .35rem .4rem;border-radius:999px;background:#0f172a73;color:#f8fafc;transition:background .2s ease,transform .2s ease}.navbar__user:hover{background:#4ade8047;transform:translateY(-1px)}.navbar__avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:.95rem;color:#fff;box-shadow:inset 0 0 0 1px #f8fafc26}.navbar__user-info{display:flex;flex-direction:column;line-height:1.1}.navbar__user-name{font-weight:600;font-size:.95rem}.navbar__user-plan{font-size:.75rem;color:#f8fafcb3}.navbar__cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-accent);color:var(--text-inverse);font-weight:600;padding:.55rem 1rem;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px #22c55e66}.navbar__cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px #22c55e80}.navbar__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;background:#0f172a59;color:#ffffffd9;transition:background .2s ease}.navbar__icon:hover{background:#4ade8033}.navbar__icon--theme{border:none;cursor:pointer;transition:background .3s ease,color .3s ease}.navbar__icon--theme svg{transition:transform .3s ease}.navbar__icon--theme:active svg{transform:scale(.92)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(2rem,4vw,3rem);align-items:stretch;padding:clamp(3rem,6vw,5rem) 0}.hero__content{background:var(--surface-raised);padding:clamp(2rem,4vw,3rem);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1.25rem}.hero__badge{align-self:flex-start;background:#4ade802e;color:var(--color-accent-dark);padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.04em}.hero__content h1{font-size:clamp(2.2rem,4vw,3rem);margin:0;color:var(--text-primary)}.hero__content p{margin:0;color:var(--color-muted);line-height:1.6}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.hero__card{background:linear-gradient(145deg,#112b4af2,#0b1f3af2);color:#f8fafc;padding:clamp(2rem,4vw,3rem);border-radius:var(--border-radius-xl);display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-soft)}.hero__card h3{margin:0;font-size:1.6rem}.hero__card ul{margin:0;padding-left:1.2rem;display:grid;gap:.5rem;color:#f1f5f9d9}.hero__link{align-self:flex-start;color:var(--color-accent);font-weight:600}.section-header{text-align:center;margin-bottom:clamp(1.5rem,4vw,2.5rem);display:grid;gap:.7rem}.section-header h1,.section-header h2{margin:0;color:var(--text-primary);font-size:clamp(2rem,3.5vw,2.6rem)}.section-header p{margin:0 auto;max-width:580px;color:var(--color-muted)}.section-badge{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#112b4a14;color:var(--color-primary);padding:.4rem .9rem;border-radius:999px;font-weight:600;letter-spacing:.04em}.integration{margin:clamp(3rem,6vw,4.5rem) 0;background:radial-gradient(circle at top left,rgba(34,197,94,.12),transparent 60%),linear-gradient(180deg,#fffffff5,#ffffffe6);border-radius:var(--border-radius-xl);padding:clamp(2.5rem,5vw,4rem);box-shadow:var(--shadow-soft);border:1px solid var(--border-subtle);display:grid;gap:clamp(2rem,4vw,3rem)}.integration__header{text-align:left;gap:.6rem}.integration__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-accent-dark);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.integration__layout{display:grid;gap:clamp(2rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.integration__summary{display:grid;gap:1.5rem}.integration__card{background:var(--surface-soft);border-radius:var(--border-radius-lg);padding:clamp(1.8rem,3vw,2.3rem);display:grid;gap:1rem;color:var(--text-primary);transition:transform .3s ease,box-shadow .3s ease}.integration__card--alt{background:linear-gradient(145deg,#112b4ae6,#0b1f3af2);color:#f1f5f9f2;box-shadow:var(--shadow-soft)}.integration__card h3{margin:0;font-size:1.3rem}.integration__card ul{margin:0;padding-left:1.2rem;display:grid;gap:.6rem;color:var(--color-muted);line-height:1.5}.integration__card--alt ul{color:#e2e8f0e6}.integration__card:hover{transform:translateY(-6px);box-shadow:0 26px 42px #0b1f3a26}.integration__code{display:grid;gap:1.5rem}.integration__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.integration__helper{margin:0;color:var(--text-soft);font-size:.95rem}.integration__tabs{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface-soft);padding:.3rem;border-radius:999px;border:1px solid var(--border-subtle)}.integration__tab{border:none;background:transparent;color:var(--color-primary);font-weight:600;padding:.45rem 1.1rem;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.integration__tab--active{background:var(--color-accent);color:var(--text-inverse);box-shadow:0 12px 28px #22c55e59;transform:translateY(-2px)}.integration__code-card{background:linear-gradient(180deg,#0b1f3af5,#0b1f3ae6);border-radius:var(--border-radius-lg);padding:clamp(1.6rem,3vw,2.2rem);color:#e2e8f0f2;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 36px #0b1f3a59;display:grid;gap:1.1rem}.integration__code-header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#e2e8f0bf}.integration__badge{display:inline-flex;align-items:center;gap:.4rem;background:#4ade802e;color:#e2e8f0f2;padding:.25rem .65rem;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.integration__badge--dark{background:#0f172a8c}.integration__filename{font-family:Manrope,sans-serif}.integration__description{margin:0;color:#e2e8f0bf;font-size:.95rem}.integration__code-block{margin:0;font-family:Fira Code,Source Code Pro,monospace;font-size:.85rem;line-height:1.6;white-space:pre;overflow-x:auto;padding:1.2rem;border-radius:var(--border-radius-md);background:#081423d9;box-shadow:inset 0 0 0 1px #94a3b82e}.lazy-showcase{position:relative;margin:clamp(3rem,6vw,5rem) auto;padding:clamp(2.8rem,6vw,4.5rem);border-radius:var(--border-radius-xl);background:radial-gradient(circle at top,rgba(74,222,128,.14),transparent 55%),linear-gradient(160deg,#0b1f3af5,#0b1f3ad1);box-shadow:inset 0 0 0 1px #ffffff0f,0 24px 64px #0b1f3a66;overflow:hidden;display:grid;gap:clamp(2rem,4vw,3rem)}.lazy-showcase:before{content:"";position:absolute;inset:-40% -20% auto;height:60%;background:radial-gradient(circle,rgba(74,222,128,.22),transparent 58%);filter:blur(60px);opacity:.6}.lazy-showcase__header{position:relative;z-index:1;max-width:720px;margin:0 auto;text-align:center;display:grid;gap:.75rem;color:#e2e8f0e6}.lazy-showcase__header h2{margin:0;font-size:clamp(2.1rem,4vw,2.8rem);color:#f8fafc}.lazy-showcase__header p{margin:0;color:#e2e8f0b8}.lazy-showcase__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .9rem;border-radius:999px;background:#94a3b826;color:#e2e8f0d1;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.lazy-showcase__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.5rem,3vw,2.5rem)}.lazy-card{background:#0f172aa6;border-radius:var(--border-radius-lg);padding:clamp(1.6rem,3vw,2.1rem);box-shadow:inset 0 0 0 1px #94a3b81f;display:grid;gap:1.2rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid rgba(74,222,128,.08)}.lazy-card:hover{transform:translateY(-8px);box-shadow:0 26px 46px #0f172a73;border-color:#4ade802e}.lazy-card__media{position:relative;border-radius:var(--border-radius-md);overflow:hidden;background:#081423e6;min-height:180px}.lazy-card__img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);filter:blur(18px);opacity:0;transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease}.lazy-card__img[data-lazy-loaded=true]{opacity:1;transform:scale(1);filter:blur(0)}.lazy-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(74,222,128,.25),transparent 55%);mix-blend-mode:screen;opacity:.75;transition:opacity .6s ease}.lazy-card:hover .lazy-card__glow{opacity:1}.lazy-card__content{display:grid;gap:.65rem;color:#e2e8f0e0}.lazy-card__labels{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.lazy-card__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:999px;background:#4ade8033;color:#22c55e;font-weight:600;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.lazy-card__stat{color:#94a3b8e6;font-size:.9rem;font-weight:600}.lazy-card__content h3{margin:0;font-size:1.35rem;color:#f1f5f9}.lazy-card__content p{margin:0;line-height:1.55;color:#e2e8f0c2}.lazy-card__detail{color:#94a3b8d9;font-size:.92rem}.integration__code-block code{display:block;animation:snippetFade .4s ease}@keyframes snippetFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.integration__tabs{width:100%;justify-content:space-between}.integration__tab{flex:1}.lazy-showcase{padding:clamp(2rem,4vw,3rem)}.lazy-card__labels{flex-direction:column;align-items:flex-start}}.blog{padding-bottom:clamp(3rem,6vw,4rem)}.blog__grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.blog-card{background:var(--surface-raised);border-radius:var(--border-radius-lg);padding:1.75rem;display:grid;gap:.9rem;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 26px 42px #0f172a2e}.blog-card h3{margin:0;font-size:1.35rem;color:var(--text-primary)}.blog-card p{margin:0;color:var(--color-muted)}.blog-card__meta{display:flex;align-items:center;justify-content:space-between;color:var(--text-soft-muted);font-size:.85rem}.blog-card__category{background:#4ade8026;color:var(--color-accent-dark);padding:.25rem .65rem;border-radius:999px;font-weight:600}.blog-card__link{color:var(--color-primary);font-weight:600}.cta{margin:clamp(3rem,6vw,4.5rem) 0;background:linear-gradient(130deg,#4ade802e,#112b4ae6);border-radius:var(--border-radius-xl);padding:clamp(2.5rem,5vw,4rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;color:var(--text-primary);box-shadow:var(--shadow-soft)}.cta__content{max-width:540px;display:grid;gap:.6rem}.cta__content h2{margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}.cta__content p{margin:0;color:var(--text-soft);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.75rem 1.6rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;transform:translateY(0)}.button--primary{background:var(--color-primary);color:#fff;box-shadow:0 18px 35px #112b4a59}.button--primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.button--primary:focus-visible,.button--secondary:focus-visible,.button--ghost:focus-visible,.navbar__cta:focus-visible,.integration__tab:focus-visible{outline:none;box-shadow:0 0 0 3px #4ade8059}.button--secondary{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 10px 28px #94a3b840}.button--secondary:hover{background:#ffffffe6;transform:translateY(-2px)}.button--ghost{background:transparent;color:var(--text-soft);border:1px solid var(--border-subtle);box-shadow:none}.button--ghost:hover{background:#112b4a14;color:var(--text-primary);transform:translateY(-1px);border-color:var(--border-subtle)}.button:active,.navbar__cta:active,.integration__tab:active{transform:translateY(0) scale(.98)}.pricing{padding:clamp(3rem,6vw,5rem) 0 clamp(4rem,7vw,6rem);max-width:1100px;margin:0 auto}.pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem}.pricing__card{background:var(--surface-raised);border-radius:var(--border-radius-lg);padding:clamp(2rem,4vw,2.6rem);display:grid;gap:1rem;box-shadow:var(--shadow-soft);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.pricing__card--featured{background:linear-gradient(150deg,#112b4af5,#0b1f3af5);color:#f8fafc;transform:translateY(-12px)}.pricing__card--featured .button--primary{background:var(--color-accent);color:var(--text-inverse);box-shadow:0 18px 36px #22c55e73}.pricing__card--featured .button--primary:hover{background:var(--color-accent-dark)}.pricing__price{font-size:2.4rem;font-weight:700;margin:0}.pricing__badge{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .9rem;border-radius:999px;background:#4ade802e;color:var(--color-accent-dark);font-size:.85rem;font-weight:600;letter-spacing:.02em;margin:-.4rem 0 .6rem}.pricing__description{color:var(--text-soft);margin:0}.pricing__error{margin:0 0 1.2rem;color:#ef4444;font-weight:600}.pricing__card--featured .pricing__description{color:#e2e8f0e6}.pricing__card ul{margin:0;padding-left:1.1rem;display:grid;gap:.5rem;color:var(--text-soft)}.pricing__card--featured ul{color:#e2e8f0d9}.auth{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));min-height:calc(100vh - 140px);gap:2rem;align-items:stretch;padding:clamp(3rem,6vw,5rem) 0}.auth__panel{background:var(--surface-raised);border-radius:var(--border-radius-xl);padding:clamp(2.2rem,4vw,3rem);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1.75rem}.auth__header h1{margin:0 0 .75rem;font-size:clamp(2rem,4vw,2.6rem);color:var(--text-primary)}.auth__header p{margin:0;color:var(--text-soft);line-height:1.6}.auth__form{display:grid;gap:1.1rem}.auth__field{display:grid;gap:.5rem}.auth__field span{font-weight:600;color:var(--text-soft)}.auth__field input{padding:.85rem 1rem;border-radius:var(--border-radius-md);border:1px solid var(--input-border);font-size:1rem;background:var(--input-bg);transition:border-color .2s ease,box-shadow .2s ease}.auth__field input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #4ade8033}.auth__error{margin:-.2rem 0 0;font-size:.9rem;color:#ef4444}.auth__success{margin:-.2rem 0 0;font-size:.9rem;color:#22c55e}.auth__submit{margin-top:.5rem;width:100%}.auth__content{display:grid;gap:1.2rem}.auth__providers{display:grid;gap:.6rem;text-align:left;color:var(--text-soft)}.auth__providers ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem}.auth__note{margin:0;font-size:.9rem;color:var(--text-soft)}.auth__code-input{letter-spacing:.6rem;font-family:Menlo,Fira Code,Source Code Pro,monospace;font-size:1.4rem;text-align:center}.auth__footer{display:flex;gap:.5rem;justify-content:center;align-items:center;font-size:.95rem;color:var(--text-soft)}.auth__switch{background:none;border:none;padding:0;color:var(--color-accent-dark);font-weight:600;cursor:pointer}.auth__switch:hover{text-decoration:underline}.auth__aside{background:linear-gradient(150deg,#112b4af5,#0b1f3aeb);border-radius:var(--border-radius-xl);color:#e2e8f0e6;padding:clamp(2.4rem,5vw,3.4rem);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.auth__aside-content{display:grid;gap:1.2rem}.auth__aside h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);color:#f8fafc}.auth__aside p{margin:0;line-height:1.7;color:#e2e8f0d9}.auth__aside ul{margin:0;padding-left:1.2rem;display:grid;gap:.6rem;color:#e2e8f0d9}.auth__aside strong{color:#fff}.account{max-width:1080px;margin:clamp(2rem,5vw,3.5rem) auto clamp(3rem,6vw,5rem);display:grid;gap:2rem}.account__header{background:var(--surface-raised);border-radius:var(--border-radius-xl);padding:clamp(2rem,4vw,2.8rem);box-shadow:var(--shadow-soft);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}.account__profile{display:flex;align-items:center;gap:1.25rem;min-width:260px}.account__avatar{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-weight:700;font-size:1.8rem;color:#f8fafc;box-shadow:inset 0 0 0 2px #f8fafc14}.account__profile-info h1{margin:0;font-size:clamp(1.6rem,3vw,2.1rem);color:var(--text-primary)}.account__profile-info p{margin:.25rem 0 0;color:var(--text-soft)}.account__tag{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.35rem .75rem;border-radius:999px;background:#4ade8029;color:var(--color-accent-dark);font-weight:600;font-size:.85rem}.account__header-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}.account__status{color:var(--text-soft);font-size:.95rem}.account__logout{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-soft);font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease}.account__logout:hover{color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-1px)}.account__delete{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(239,68,68,.35);background:transparent;color:#ef4444;font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease,background .2s ease}.account__delete:hover{border-color:#ef4444b3;background:#ef444414;transform:translateY(-1px)}.account__delete:disabled{opacity:.6;cursor:not-allowed;transform:none}.account__delete-error{margin:0;color:#ef4444;font-size:.9rem}.account__success{margin:0;color:#22c55e;font-size:.9rem}.account__delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.5rem;z-index:20}.account__delete-modal{width:min(420px,100%);background:var(--surface-raised);border-radius:var(--border-radius-xl);padding:clamp(2rem,5vw,2.6rem);box-shadow:var(--shadow-soft);display:grid;gap:1.2rem;text-align:left}.account__delete-modal h2{margin:0;color:var(--text-primary)}.account__delete-modal p{margin:0;color:var(--text-soft);line-height:1.6}.account__delete-actions{display:flex;justify-content:flex-end;gap:.75rem}.account__delete-cancel{padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-soft);font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease}.account__delete-cancel:hover{color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-1px)}.account__delete-confirm{padding:.55rem 1.1rem;border-radius:999px;border:none;background:#ef4444;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 12px 24px #ef444459}.account__delete-confirm:hover{transform:translateY(-1px);box-shadow:0 16px 28px #ef444473}.account__delete-confirm:disabled,.account__delete-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.account__cta{padding:.55rem 1.2rem;border-radius:999px;border:none;background:var(--color-accent);color:var(--text-inverse);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 14px 28px #22c55e59}.account__cta:hover{transform:translateY(-1px);box-shadow:0 18px 32px #22c55e73}.account__cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.account__mfa-setup{display:grid;gap:1rem;position:relative;z-index:1}.account__mfa-qr{display:grid;gap:.6rem;justify-items:center;padding:1rem;border-radius:var(--border-radius-md);background:var(--surface-soft);border:1px solid var(--border-subtle);z-index:1}.account__mfa-qr img{width:180px;height:180px}.account__mfa-qr span{font-size:.85rem;color:var(--text-soft);text-align:center}.account__mfa-secret{display:grid;gap:.4rem;background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);padding:.8rem 1rem}.account__mfa-secret span{font-weight:600;color:var(--text-soft)}.account__mfa-secret code{font-family:Menlo,Fira Code,Source Code Pro,monospace;font-size:1rem;letter-spacing:.1em;color:var(--text-primary)}.account__mfa-secret button{justify-self:flex-start;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border-subtle);background:transparent;color:var(--color-accent);font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease}.account__mfa-secret button:hover{border-color:var(--color-accent);transform:translateY(-1px)}.account__mfa-input{padding:.85rem 1rem;border-radius:var(--border-radius-md);border:1px solid var(--input-border);font-size:1.6rem;background:var(--input-bg);text-align:center;letter-spacing:.6rem;font-family:Menlo,Fira Code,Source Code Pro,monospace;width:100%}.account__mfa-actions{display:flex;gap:.75rem;flex-wrap:wrap}.api-keys{max-width:720px;margin:clamp(2rem,6vw,3.5rem) auto;display:grid;gap:1.5rem}.api-keys__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.api-keys__header h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);color:var(--text-primary)}.api-keys__header p{margin:.3rem 0 0;color:var(--text-soft)}.api-keys__hint{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;background:#4ade802e;color:var(--color-accent);font-size:.85rem;font-weight:600}.api-keys__card{background:var(--surface-raised);border-radius:var(--border-radius-xl);padding:clamp(1.8rem,4vw,2.4rem);box-shadow:var(--shadow-soft);display:grid;gap:1.2rem}.api-keys__plan{display:inline-flex;align-items:center;gap:.8rem;background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);padding:.8rem 1rem}.api-keys__plan span{font-size:.9rem;color:var(--text-soft)}.api-keys__plan strong{display:block;color:var(--text-primary);font-size:1.1rem}.api-keys__form{display:grid;gap:1rem}.api-keys__field{display:grid;gap:.5rem}.api-keys__field input{padding:.8rem 1rem;border-radius:var(--border-radius-md);border:1px solid var(--input-border);background:var(--input-bg);font-size:1rem}.api-keys__field small{color:var(--text-soft);font-size:.8rem}.api-keys__checkbox{display:flex;align-items:flex-start;gap:.6rem}.api-keys__checkbox input{margin-top:.25rem;width:1rem;height:1rem}.api-keys__checkbox span{font-weight:600;color:var(--text-primary)}.api-keys__checkbox small{display:block;color:var(--text-soft)}.api-keys__checkbox--inline{margin-top:.5rem}.api-keys__cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.65rem 1.4rem;border-radius:999px;border:none;background:var(--color-accent);color:var(--text-inverse);font-weight:600;cursor:pointer;box-shadow:0 16px 32px #22c55e59;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.api-keys__cta:hover{transform:translateY(-1px);box-shadow:0 18px 36px #22c55e66}.api-keys__cta:disabled{opacity:.65;cursor:not-allowed;transform:none}.api-keys__error{margin:0;color:#ef4444;font-size:.95rem}.api-keys__success{margin:0;color:#22c55e;font-size:.95rem}.api-keys__note{margin:0;color:var(--text-soft);font-style:italic}.api-keys__list{display:grid;gap:1rem}.api-keys__result{display:grid;gap:.8rem;background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);padding:1rem 1.2rem}.api-keys__meta{display:grid;gap:.2rem}.api-keys__meta--key .api-keys__secret{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}.api-keys__meta span{font-size:.85rem;color:var(--text-soft)}.api-keys__meta code{display:block;margin-top:.2rem;font-family:Menlo,Fira Code,Source Code Pro,monospace;font-size:1rem;color:var(--text-primary);word-break:break-all}.api-keys__meta--key .api-keys__secret code{display:inline-block;margin-top:0}.api-keys__meta strong{display:block;margin-top:.2rem;color:var(--text-primary)}.api-keys__meta--key small{display:block;margin-top:.4rem;font-size:.8rem;color:var(--text-soft)}.api-keys__copy{justify-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid var(--border-subtle);background:transparent;color:var(--color-accent);font-weight:600;padding:.4rem .9rem;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.api-keys__copy:hover{border-color:var(--color-accent);transform:translateY(-1px)}.api-keys__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.api-keys__confirm{display:grid;gap:.8rem;width:100%;padding:.9rem 1rem;border-radius:var(--border-radius-md);border:1px solid var(--border-subtle);background:#94a3b814}.api-keys__confirm--rotate{border-color:#22c55e59;background:#22c55e1f}.api-keys__confirm--danger{border-color:#ef444459;background:#ef44441f}.api-keys__confirm-text{margin:0;color:var(--text-soft);font-size:.9rem}.api-keys__confirm-field input{width:100%;padding:.7rem .95rem;border-radius:var(--border-radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:.95rem}.api-keys__confirm-actions{display:inline-flex;flex-wrap:wrap;gap:.6rem}.api-keys__action{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border-subtle);background:#94a3b814;color:var(--text-primary);font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.api-keys__action:hover{border-color:#94a3b866;transform:translateY(-1px)}.api-keys__action:disabled{opacity:.6;cursor:not-allowed;transform:none}.api-keys__action--primary{border-color:#22c55e66;color:var(--color-accent)}.api-keys__action--primary:hover{background:#22c55e1f}.api-keys__action--danger{border-color:#ef444459;color:#ef4444}.api-keys__action--danger:hover{background:#ef44441f}.account__grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.account__card{background:var(--surface-raised);border-radius:var(--border-radius-xl);padding:clamp(1.6rem,5vw,2.2rem);box-shadow:var(--shadow-soft);display:grid;gap:1.4rem}.account__card--span{grid-column:1 / -1}.account__card-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.account__card-header h2{margin:0;font-size:1.4rem;color:var(--text-primary)}.account__card-header p{margin:.4rem 0 0;color:var(--text-soft);font-size:.95rem}.account__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600}.account__badge--success{background:#4ade8029;color:var(--color-accent-dark)}.account__metrics{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.account__metric{display:flex;align-items:center;gap:.95rem;padding:1rem 1.1rem;border-radius:var(--border-radius-lg);background:var(--surface-soft);border:1px solid var(--border-subtle)}.account__metric svg{color:var(--color-accent)}.account__metric span{font-size:.9rem;color:var(--text-soft)}.account__metric strong{display:block;margin-top:.2rem;font-size:1.5rem;color:var(--text-primary)}.account__note{margin:0;color:var(--text-soft);line-height:1.6}.account__keys{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}.account__key{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:var(--border-radius-lg);background:var(--surface-soft);border:1px solid var(--border-subtle);flex-wrap:wrap}.account__key-info{display:flex;align-items:flex-start;gap:1rem;min-width:220px}.account__key-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#4ade8029;color:var(--color-accent)}.account__key-label{font-weight:600;color:var(--text-primary)}.account__key-value{display:block;margin-top:.3rem;font-family:Menlo,Fira Code,Source Code Pro,monospace;font-size:.95rem;color:var(--text-primary);word-break:break-all}.account__key-meta{display:block;margin-top:.3rem;font-size:.85rem;color:var(--text-soft)}.account__key-action{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-soft);font-weight:600;padding:.45rem .85rem;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.account__key-action:hover{border-color:var(--color-accent);color:var(--color-accent);background:#4ade8014}.account__key-action.is-copied{border-color:#22c55ea6;color:var(--color-accent-dark);background:#4ade801f}.account__alerts{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.account__alert{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;border-radius:var(--border-radius-lg);background:var(--surface-soft);border:1px solid var(--border-subtle)}.account__alert-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f8b4002e;color:#f59e0b}.account__alert h3{margin:0 0 .25rem;font-size:1.05rem;color:var(--text-primary)}.account__alert p{margin:0;color:var(--text-soft);line-height:1.6}.footer{background:#091427;color:#e2e8f0e6;padding:clamp(2.5rem,6vw,4rem) clamp(1rem,5vw,5rem);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;margin-top:auto}.footer__content{max-width:1100px;margin:0 auto 2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer h3,.footer h4{margin-top:0;color:#fff}.footer p,.footer li{margin:0;color:#e2e8f0bf;line-height:1.6}.footer ul{list-style:none;padding:0;display:grid;gap:.4rem}.footer__contact li:before{content:"• ";color:var(--color-accent)}.footer__social{display:flex;gap:.6rem;margin-top:.6rem}.footer__social a{width:38px;height:38px;border-radius:999px;background:#94a3b840;display:grid;place-items:center;color:#fff;transition:background .2s ease}.footer__social a:hover{background:#4ade8059}.footer__copy{text-align:center;margin:0;color:#94a3b8a6}.footer__meta{text-align:center;display:grid;gap:.3rem}.footer__version{margin:0;color:#94a3b88c;font-size:.9rem}:root[data-theme=light] .navbar__icon--theme{background:#94a3b838;color:#f8fafceb;box-shadow:0 12px 24px #0f172a52}:root[data-theme=light] .navbar__icon--theme:hover{background:#94a3b852}:root[data-theme=dark] body{background:radial-gradient(circle at top,rgba(37,99,235,.18),transparent 55%),var(--color-bg)}:root[data-theme=dark] .navbar{background:#040c18eb;box-shadow:0 16px 36px #02061773}:root[data-theme=dark] .navbar__link{color:#e2e8f0c7}:root[data-theme=dark] .navbar__link--active{background:#2563eb47;color:#f8fafc}:root[data-theme=dark] .navbar__icon{background:#94a3b81f;color:#e2e8f0e6}:root[data-theme=dark] .navbar__auth-login{border-color:#94a3b866;color:#e2e8f0d9}:root[data-theme=dark] .navbar__auth-login:hover{background:#4ade8042;color:#f8fafc}:root[data-theme=dark] .navbar__language{background:#94a3b82e;color:#e2e8f0e6}:root[data-theme=dark] .navbar__language:hover{background:#4ade8052}:root[data-theme=dark] .navbar__icon:hover{background:#4ade8047}:root[data-theme=dark] .navbar__icon--theme{background:#94a3b82e}:root[data-theme=dark] .navbar__links-toggle{background:#94a3b82e;border-color:#94a3b852;color:#e2e8f0eb}:root[data-theme=dark] .navbar__links-toggle:hover{background:#4ade8052}:root[data-theme=dark] .navbar__menu{background:#040c18f0;border-color:#3b82f62e}:root[data-theme=dark] .hero__content,:root[data-theme=dark] .blog-card,:root[data-theme=dark] .pricing__card,:root[data-theme=dark] .auth__panel{background:var(--surface-raised)}:root[data-theme=dark] .integration{background:radial-gradient(circle at top left,rgba(37,99,235,.2),transparent 60%),linear-gradient(180deg,#0a1222f5,#080f1ceb);border-color:#3b82f638}:root[data-theme=dark] .integration__card{background:var(--surface-soft);box-shadow:inset 0 0 0 1px #3b82f614}:root[data-theme=dark] .integration__card:hover{box-shadow:0 26px 48px #0206178c}:root[data-theme=dark] .integration__tabs{background:#0f1b348f;border-color:#3b82f638}:root[data-theme=dark] .blog-card__category{background:#4ade8038;color:var(--color-accent)}:root[data-theme=dark] .button--secondary{box-shadow:0 14px 32px #0206178c}:root[data-theme=dark] .button--secondary:hover{background:#0f172af2}:root[data-theme=dark] .button--ghost:hover{background:#2563eb2e}:root[data-theme=dark] .cta{background:linear-gradient(130deg,#2563eb2e,#040c18eb);color:var(--text-primary)}:root[data-theme=dark] .pricing__badge{background:#4ade8038}:root[data-theme=dark] .pricing__card{border-color:#3b82f62e}:root[data-theme=dark] .auth__field input{color:var(--text-primary)}@media (max-width: 960px){.navbar__inner{gap:1rem}.navbar__branding{width:100%;justify-content:space-between}.navbar__links-dropdown{width:100%}.navbar__links-toggle{width:100%;justify-content:space-between}.navbar__menu{position:static;width:100%;margin-top:.75rem;box-shadow:0 16px 32px #0f172a59;transform:translateY(-6px) scale(.98)}.navbar__actions{justify-content:flex-start}}@media (max-width: 720px){main{padding:0 1.2rem}.navbar{padding-inline:1.2rem}.hero{padding-top:2.5rem}.account{margin-top:1.5rem;margin-bottom:clamp(2rem,8vw,3.5rem)}.account__header{flex-direction:column;align-items:flex-start}.account__header-actions{width:100%;justify-content:space-between}.account__logout{width:100%;justify-content:center}.account__key{align-items:flex-start}.account__key-action{width:100%;justify-content:center}}