:root{--primary: #11728f;--primary-dark: #0b5269;--primary-soft: rgba(17, 114, 143, .12);--accent: #d59b49;--surface: #f4f7f8;--surface-alt: #eaf0f2;--surface-strong: #ffffff;--surface-hover: #eef4f6;--text-primary: #10212b;--text-secondary: #5d6d78;--border-color: rgba(16, 33, 43, .1);--shadow-soft: 0 8px 30px rgba(16, 33, 43, .06);--shadow-card: 0 18px 45px rgba(16, 33, 43, .08);--shadow-header: 0 18px 40px rgba(16, 33, 43, .08);--font-family-base: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;--font-family-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--line-height-normal: 1.6;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 30px;--radius-full: 999px;--spacing-2: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--container-width: 1240px;--transition-base: .18s ease}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-family-base);font-size:16px;line-height:var(--line-height-normal);overflow-x:hidden}body{margin:0;min-width:320px;color:var(--text-primary);background:radial-gradient(circle at top left,rgba(213,155,73,.12),transparent 28%),radial-gradient(circle at top right,rgba(17,114,143,.14),transparent 32%),var(--surface);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(16,33,43,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,33,43,.03) 1px,transparent 1px);background-size:96px 96px;mask-image:radial-gradient(circle at center,black 38%,transparent 78%);pointer-events:none;opacity:.55}app-root,.app-container,.main-content,main,section{position:relative}a{color:inherit}img{display:block;max-width:100%}code,pre{font-family:var(--font-family-mono)}.container{width:min(100% - 2rem,var(--container-width));margin:0 auto}.section{padding:clamp(4rem,7vw,6.5rem) 0}.section-alt{background:linear-gradient(180deg,#ffffff85,#ffffff47)}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.gradient-text-primary{background:linear-gradient(135deg,var(--primary-dark),var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eyebrow{margin:0 0 .85rem;color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section-heading{max-width:1040px;margin-bottom:2.25rem}.section-heading h1{margin:0;max-width:none;font-size:clamp(2rem,2.5vw,3rem);line-height:.99;letter-spacing:-.055em;text-wrap:balance}.section-heading h2{margin:0;font-size:clamp(1.9rem,3vw,3rem);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.section-heading p{margin:1rem 0 0;color:var(--text-secondary);font-size:1.05rem;line-height:1.8}@media (max-width: 760px){.section-heading h1,.section-heading h2{max-width:none}}.panel{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:#ffffffbd;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pill{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:999px;background:#ffffffbd;border:1px solid rgba(16,33,43,.08);color:var(--text-primary);font-size:.88rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.2rem;padding:.85rem 1.35rem;border:1px solid transparent;border-radius:999px;font-size:.96rem;font-weight:700;line-height:1;text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base);cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 18px 35px #11728f38}.btn-primary:hover{box-shadow:0 22px 40px #11728f47}.btn-secondary{color:var(--text-primary);background:#ffffffc7;border-color:#10212b1a}.btn-secondary:hover{border-color:#11728f38}.btn-ghost{color:var(--text-primary);background:transparent;border-color:#10212b1f}.link-arrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--primary-dark);font-weight:700;text-decoration:none}.link-arrow:after{content:"->";font-size:.78rem}.code-panel{padding:1.5rem;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#11202d,#07131d);color:#e9f1f5;box-shadow:0 24px 45px #07131d4d}.code-panel pre{margin:0;font-size:.84rem;line-height:1.8;white-space:pre-wrap}.code-panel .code-muted{color:#8aa1b0}.code-panel .code-strong{color:#7bd4ea}.code-panel .code-accent{color:#ffd089}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){:root{--surface: #09131a;--surface-alt: #0e1c24;--surface-strong: #10212b;--surface-hover: #132733;--text-primary: #eef7fa;--text-secondary: #9cb2be;--border-color: rgba(255, 255, 255, .1);--shadow-soft: 0 8px 30px rgba(0, 0, 0, .28);--shadow-card: 0 18px 45px rgba(0, 0, 0, .32);--shadow-header: 0 18px 40px rgba(0, 0, 0, .34)}body{background:radial-gradient(circle at top left,rgba(213,155,73,.08),transparent 28%),radial-gradient(circle at top right,rgba(17,114,143,.12),transparent 32%),var(--surface)}.section-alt{background:linear-gradient(180deg,#ffffff05,#ffffff03)}.panel,.pill,.btn-secondary,.product-card-stage{background:#10212bc7}}@media (max-width: 760px){.section-heading p{font-size:1rem}.btn{width:100%}}