:root{--bg: #f5f7f2;--surface: rgba(255, 255, 255, .78);--surface-strong: #ffffff;--surface-dark: #0f1930;--text: #182338;--muted: #556377;--line: rgba(24, 35, 56, .12);--primary: #0b6cff;--primary-deep: #0747b9;--accent: #ffb347;--shadow: 0 20px 60px rgba(9, 19, 42, .12);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--shell: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(11,108,255,.16),transparent 32%),radial-gradient(circle at top right,rgba(255,179,71,.18),transparent 24%),linear-gradient(180deg,#fbfcfa 0%,var(--bg) 48%,#eef3f8 100%);min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main{display:block}code{font-family:SFMono-Regular,Consolas,monospace;background:#0f19300f;padding:.15rem .35rem;border-radius:.45rem}.shell{width:min(calc(100% - 2rem),var(--shell));margin:0 auto}.page-shell{position:relative}.eyebrow{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.18em;font-size:.77rem;font-weight:700;color:var(--primary-deep)}.section{padding:2.5rem 0 5rem}.section--tinted{background:linear-gradient(180deg,#0b6cff0a,#fff0)}.section--dark{background:radial-gradient(circle at 20% 20%,rgba(255,179,71,.14),transparent 18%),linear-gradient(180deg,#0b1326,#101b35)}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:#f5f7f2c2;border-bottom:1px solid rgba(24,35,56,.07)}.site-header__inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.85rem}.brand img{width:42px;height:42px}.brand__copy{display:grid;gap:.12rem}.brand__name{font-size:1rem;font-weight:800}.brand__sub{font-size:.85rem;color:var(--muted)}.site-nav{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem;border-radius:999px;background:#fff9;border:1px solid rgba(24,35,56,.08)}.site-nav__link{padding:.72rem 1rem;border-radius:999px;font-size:.95rem;color:var(--muted);transition:.18s ease}.site-nav__link:hover,.site-nav__link--active{color:var(--text);background:#0b6cff17}.site-header__actions{display:inline-flex;gap:.75rem}.mobile-nav-toggle,.mobile-nav-panel{display:none}.mobile-nav-toggle{width:52px;height:52px;padding:0;border:1px solid rgba(24,35,56,.1);border-radius:16px;background:#ffffffc7;align-items:center;justify-content:center;flex-direction:column;gap:.26rem}.mobile-nav-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-nav-panel{margin-top:.85rem;padding:1rem;border-radius:var(--radius-md);background:#ffffffd6;border:1px solid rgba(24,35,56,.08);box-shadow:var(--shadow)}.mobile-nav-links,.mobile-nav-actions{display:grid;gap:.75rem}.mobile-nav-link{padding:.95rem 1rem;border-radius:16px;background:#0b6cff0a;color:var(--muted);font-weight:700}.mobile-nav-link--active{background:#0b6cff1a;color:var(--text)}.mobile-nav-actions{margin-top:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:999px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-1px)}.button--sm{padding:.78rem 1rem;font-size:.92rem}.button--md{padding:.95rem 1.25rem;font-size:.98rem}.button--primary{background:linear-gradient(135deg,var(--primary) 0%,#2c92ff 100%);color:#fff;box-shadow:0 14px 30px #0b6cff38}.button--secondary{background:#ffffffc7;color:var(--text);border-color:#1823381a}.button--ghost{background:transparent;color:var(--text);border-color:#1823381f}.hero,.page-hero{padding:4.2rem 0 2.4rem}.hero__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:3rem;align-items:center}.hero__content h1,.page-hero h1,.section-heading h2{margin:0;line-height:.98;letter-spacing:-.05em}.hero__content h1{font-size:clamp(3rem,7vw,5.5rem);max-width:11ch}.hero__content h1 span{color:var(--primary);display:inline-block}.hero__lede,.page-hero__copy,.section-heading p,.feature-card p,.detail-card p,.widget-slot__meta p,.footer__copy,.playground-notes p,.split-callout p,.checklist div{color:var(--muted);line-height:1.65}.hero__lede{max-width:62ch;font-size:1.08rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.75rem}.hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.hero__stats div,.playground-notes div,.detail-card,.feature-card,.hero-card,.widget-slot,.split-callout,.checklist div{background:var(--surface);border:1px solid rgba(255,255,255,.64);box-shadow:var(--shadow)}.hero__stats div{padding:1.1rem;border-radius:var(--radius-md)}.hero__stats strong{display:block;font-size:1.6rem;margin-bottom:.35rem}.hero__visual{position:relative;display:grid;justify-items:center;gap:1rem}.hero-card{width:min(100%,520px);padding:1rem;border-radius:calc(var(--radius-lg) + 4px);background:linear-gradient(180deg,#fffffffa,#f1f7fff0)}.hero-card__badge{display:inline-flex;padding:.4rem .7rem;border-radius:999px;background:#0b6cff17;color:var(--primary-deep);font-size:.8rem;font-weight:700;margin-bottom:.75rem}.hero-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0 auto;border-radius:20px;filter:drop-shadow(0 20px 50px rgba(15,25,48,.12))}.channel-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.channel-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-radius:999px;background:#ffffffe0;border:1px solid rgba(24,35,56,.08);box-shadow:0 10px 25px #0f193014;font-weight:700}.section-heading{max-width:760px;margin-bottom:2rem}.section-heading h2{font-size:clamp(2rem,5vw,3.3rem);margin-bottom:1rem}.section-heading--dark,.section-heading--dark p,.section-heading--dark h2{color:#fff}.card-grid{display:grid;gap:1.25rem}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.detail-card{padding:1.6rem;border-radius:var(--radius-md)}.feature-card__eyebrow,.widget-slot__eyebrow{margin:0 0 .7rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary-deep);font-weight:800}.feature-card h3,.widget-slot h3,.detail-card h2{margin:0 0 .7rem;font-size:1.35rem}.feature-card__link,.text-link{display:inline-flex;margin-top:.8rem;color:var(--primary-deep);font-weight:700}.split-callout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:1.5rem;padding:1.7rem;border-radius:calc(var(--radius-lg) + 2px)}.checklist{display:grid;gap:.8rem}.checklist div{padding:1rem 1.1rem;border-radius:var(--radius-sm)}.playground-notes,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.playground-notes div{padding:1.4rem;border-radius:var(--radius-md)}.widget-stack{display:grid;gap:1.25rem}.widget-slot{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);gap:1.25rem;padding:1.4rem;border-radius:calc(var(--radius-lg) + 2px)}.widget-slot__canvas{border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(180deg,#f6f8fd,#eef3fb);border:1px solid rgba(24,35,56,.08);min-height:320px}.widget-slot__chrome{display:flex;gap:.45rem;padding:.75rem .9rem;border-bottom:1px solid rgba(24,35,56,.08);background:#ffffffc2}.widget-slot__chrome span{width:.68rem;height:.68rem;border-radius:999px;background:#1823382e}.widget-slot__body{min-height:268px;padding:1rem}.widget-slot__empty{height:100%;border:2px dashed rgba(11,108,255,.24);border-radius:var(--radius-sm);display:grid;place-items:center;text-align:center;padding:1.5rem;color:var(--muted);background:#ffffff80}.site-footer{padding:2rem 0 3rem}.site-footer__grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:1.5rem;padding:1.7rem;border-radius:calc(var(--radius-lg) + 2px);background:#ffffffb3;border:1px solid rgba(24,35,56,.07)}.footer__eyebrow,.footer__heading{margin:0 0 .85rem;font-weight:800}.footer__links{display:grid;gap:.6rem}.footer__site-link,.inline-link{color:var(--primary-deep);font-weight:700}.footer__site-link{display:inline-flex;margin-top:.5rem}.footer__links a{color:var(--muted)}.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 0;margin-top:1rem;color:var(--muted);font-size:.95rem}.site-footer__legal{display:flex;flex-wrap:wrap;gap:1rem}.site-footer__legal a{color:var(--primary-deep);font-weight:700}@media(max-width:960px){.hero__grid,.card-grid--three,.split-callout,.playground-notes,.detail-grid,.widget-slot,.site-footer__grid{grid-template-columns:1fr}.site-header__inner{display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:stretch;padding:1rem 0}.site-nav--desktop,.site-header__actions--desktop{display:none}.mobile-nav-toggle{display:inline-flex;justify-self:end}.mobile-nav-panel{display:block}.hero__stats{grid-template-columns:1fr}.site-footer__bottom{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.hero,.page-hero{padding-top:2.8rem}.button--md,.button--sm{width:100%}.hero__actions,.mobile-nav-actions{display:grid}}