:root{--color-brand-600: #4f46e5;--color-brand-500: #6366f1;--color-brand-400: #818cf8;--color-accent-600: #f43f5e;--color-accent-500: #fb7185;--color-accent-400: #fda4af;--gradient-brand: linear-gradient( 105deg, #4158d0 0%, #7c3aed 45%, #c026d3 72%, #fb7185 100% );--gradient-brand-soft: linear-gradient( 135deg, rgba(65, 88, 208, .08) 0%, rgba(192, 38, 211, .06) 55%, rgba(251, 113, 133, .07) 100% );--color-bg: #ffffff;--color-bg-muted: #f8fafc;--color-text: #0f172a;--color-text-muted: #475569;--color-text-subtle: #64748b;--color-border: rgba(15, 23, 42, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 12px 40px -12px rgba(79, 70, 229, .25);--font-sans: "Plus Jakarta Sans", "Noto Sans SC", system-ui, sans-serif;--container: 1120px;--space-section: clamp(3rem, 6vw, 5.5rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}a{color:var(--color-brand-600);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--color-brand-500)}:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--color-text);text-decoration:none}.brand__mark{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--gradient-brand);box-shadow:var(--shadow-sm)}.nav{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center}.nav a{color:var(--color-text-muted);text-decoration:none;font-size:.92rem;font-weight:500;padding:.35rem .25rem}.nav a:hover{color:var(--color-brand-600)}.nav a.nav-link--active{color:var(--color-brand-600);font-weight:600}.site-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.btn--sm{padding:.45rem .95rem;font-size:.85rem;border-radius:var(--radius-sm)}.lang-link{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;padding:.35rem .5rem}.lang-link:hover{color:var(--color-brand-600)}.lang-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-muted)}.lang-toggle button{border:0;background:transparent;padding:.45rem .85rem;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--color-text-muted);font-family:inherit}.lang-toggle button[aria-pressed=true]{background:var(--color-bg);color:var(--color-brand-600);box-shadow:var(--shadow-sm)}.hero{padding:var(--space-section) 0;background:var(--gradient-brand-soft)}.hero__grid{display:grid;gap:2rem;align-items:center}@media (min-width: 900px){.hero__grid{grid-template-columns:1.1fr .9fr}}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--color-brand-600);margin-bottom:.75rem}.hero h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 1rem}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.05rem;color:var(--color-text-muted);max-width:52ch;margin:0 0 1.5rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;border:2px solid transparent;font-family:inherit;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover{filter:brightness(1.03)}.btn--ghost{background:var(--color-bg);color:var(--color-accent-600);border-color:var(--color-accent-400)}.btn--ghost:hover{background:#fff5f7}.hero-card{border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:1.25rem}.hero-card__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);margin:0 0 .75rem}.flow{display:grid;gap:.5rem;font-size:.88rem}.flow__row{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border-radius:var(--radius-sm);background:var(--color-bg-muted)}.flow__badge{font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-full);background:var(--color-brand-400);color:#fff}.section{padding:var(--space-section) 0}.section--muted{background:var(--color-bg-muted)}.section__title{font-size:clamp(1.35rem,2.5vw,1.75rem);margin:0 0 .5rem;letter-spacing:-.02em}.section__lead{margin:0 0 2rem;color:var(--color-text-muted);max-width:65ch}.diagram{display:grid;gap:1rem}@media (min-width: 768px){.diagram{grid-template-columns:repeat(3,1fr)}}.diagram__card{padding:1.25rem;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border)}.diagram__card h3{margin:0 0 .5rem;font-size:1rem}.diagram__card p{margin:0;font-size:.9rem;color:var(--color-text-muted)}.pill-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.pill{font-size:.78rem;font-weight:600;padding:.35rem .65rem;border-radius:var(--radius-full);background:#6366f11f;color:var(--color-brand-600)}.tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.token-swatch{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg)}.token-swatch__color{height:72px}.token-swatch__meta{padding:.65rem .75rem;font-size:.72rem;color:var(--color-text-muted)}.token-swatch__meta strong{display:block;color:var(--color-text);font-size:.8rem}.grid-3{display:grid;gap:1rem}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.card{padding:1.35rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);height:100%}.card__icon{font-size:1.5rem;margin-bottom:.5rem}.card h3{margin:0 0 .5rem;font-size:1.05rem}.card p{margin:0;font-size:.92rem;color:var(--color-text-muted)}.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.feature{padding:1.15rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg)}.feature h3{margin:0 0 .35rem;font-size:.98rem}.feature p{margin:0;font-size:.88rem;color:var(--color-text-muted)}.site-footer{padding:2.5rem 0;border-top:1px solid var(--color-border);background:var(--color-bg-muted);font-size:.88rem;color:var(--color-text-muted)}.site-footer a{font-weight:600}.site-footer__grid{display:grid;gap:1.75rem}@media (min-width: 768px){.site-footer__grid{grid-template-columns:1.4fr 1fr 1fr;align-items:start}}.site-footer__brand{margin:0 0 .5rem;font-weight:700;color:var(--color-text)}.site-footer__muted{margin:0;max-width:36ch;line-height:1.5}.site-footer__label{margin:0 0 .5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle)}.site-footer__links{list-style:none;margin:0;padding:0}.site-footer__links li{margin-bottom:.35rem}.page-hero{padding:clamp(2rem,5vw,3rem) 0;background:var(--gradient-brand-soft);border-bottom:1px solid var(--color-border)}.page-hero h1{margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em}.page-hero .lead{margin:0;max-width:52ch}.section--prose{padding:clamp(2rem,5vw,3rem) 0}.prose-block{max-width:65ch}.pricing-table-wrap{overflow-x:auto;margin-top:1.5rem}.pricing-table{width:100%;border-collapse:collapse;font-size:.92rem}.pricing-table th,.pricing-table td{border:1px solid var(--color-border);padding:.75rem 1rem;text-align:left;vertical-align:top}.pricing-table th{background:var(--color-bg-muted);font-weight:600}.placeholder-card{padding:1.25rem;border-radius:var(--radius-md);border:1px dashed rgba(79,70,229,.35);background:#6366f10a;margin-top:1.5rem}.post-list{list-style:none;margin:1.5rem 0 0;padding:0}.post-list li{padding:1rem 0;border-bottom:1px solid var(--color-border)}.post-list a{font-weight:600;text-decoration:none}.post-list a:hover{text-decoration:underline}.pricing-home{background:var(--color-bg);border-top:1px solid var(--color-border)}.pricing-home__grid{display:grid;gap:1.25rem;margin-top:.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:stretch}.pricing-tier{position:relative;display:flex;flex-direction:column;padding:1.65rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);box-shadow:var(--shadow-sm)}.pricing-tier--featured{border:2px solid transparent;background:linear-gradient(var(--color-bg),var(--color-bg)) padding-box,var(--gradient-brand) border-box;box-shadow:var(--shadow-md)}.pricing-tier__badge{position:absolute;top:1rem;right:1rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .6rem;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff}.pricing-tier__name{margin:0 0 .5rem;font-size:1.1rem}.pricing-tier__price{margin:0;line-height:1.1}.pricing-tier__amount{font-size:clamp(2rem,4vw,2.35rem);font-weight:700;letter-spacing:-.03em}.pricing-tier__period{margin:.35rem 0 0;font-size:.88rem;color:var(--color-text-muted)}.pricing-tier__list{list-style:none;margin:1.15rem 0 1.35rem;padding:0;flex:1}.pricing-tier__list li{position:relative;padding:.4rem 0 .4rem 1.35rem;font-size:.92rem;color:var(--color-text-muted)}.pricing-tier__list li:before{content:"";position:absolute;left:0;top:.65rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--color-brand-500);box-shadow:0 0 0 3px #6366f133}.pricing-tier__cta{width:100%;justify-content:center;margin-top:auto}.pricing-tier__cta[disabled],.pricing-tier__cta:disabled{opacity:.65;cursor:not-allowed}.pricing-tier__footnote{margin:.65rem 0 0;font-size:.78rem;color:var(--color-text-subtle);text-align:center}