:root{--color-bg: #ebe6dc;--color-bg-elevated: #e2dcd2;--color-surface: #f7f4ee;--color-surface-hi: #f0ebe2;--color-text: #14161a;--color-muted: #4a4f58;--color-accent: #0c7c86;--color-accent-hover: #095f67;--color-accent-soft: #c9e8eb;--color-accent-glow: rgba(12, 124, 134, .22);--color-product: #3b2f6d;--color-product-hover: #2d2454;--color-product-soft: #e4dff5;--color-product-glow: rgba(59, 47, 109, .18);--color-accent-contrast: #ffffff;--color-border: #d4cec3;--color-border-soft: #e8e2d6;--color-ink-deep: #0a0b0d;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgb(12 17 21 / .06);--shadow-md: 0 6px 16px -4px rgb(12 17 21 / .08), 0 2px 6px -2px rgb(12 17 21 / .05);--shadow-lg: 0 18px 40px -12px rgb(12 17 21 / .12), 0 6px 14px -6px rgb(12 17 21 / .08);--shadow-xl: 0 28px 64px -16px rgb(12 17 21 / .18);--content-max: 76rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--gradient-brand: linear-gradient(135deg, #0c7c86 0%, #3b2f6d 100%);--gradient-brand-hover: linear-gradient(135deg, #095f67 0%, #2d2454 100%);--gradient-shoreline: linear-gradient(90deg, transparent 0%, rgb(12 124 134 / .44) 24%, rgb(59 47 109 / .28) 50%, rgb(12 124 134 / .44) 76%, transparent 100%);--noise-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;color:var(--color-text);background-color:var(--color-bg);background-image:linear-gradient(90deg,rgba(20,22,26,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(20,22,26,.035) 1px,transparent 1px),radial-gradient(ellipse 55% 40% at 0% 0%,rgba(12,124,134,.09) 0%,transparent 52%),radial-gradient(ellipse 50% 45% at 100% 8%,rgba(59,47,109,.07) 0%,transparent 48%);background-size:72px 72px,72px 72px,auto,auto;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;inset:0;width:100%;height:100%;background-image:var(--noise-url);opacity:.018;pointer-events:none;z-index:9999}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-hi);border:2px solid var(--color-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;font-variation-settings:"opsz" 48;line-height:1.06;letter-spacing:-.03em;color:var(--color-text);margin:0 0 var(--space-md)}p{margin:0 0 var(--space-md)}a{color:var(--color-accent);text-decoration:none;transition:color .2s var(--ease-out)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-product);outline-offset:3px}.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}.container{width:min(100% - var(--space-lg) * 2,var(--content-max));margin-inline:auto}.section{padding-block:var(--space-3xl)}.section-heading{margin:0 0 var(--space-sm);font-size:clamp(2rem,1.35rem + 2.8vw,3.25rem);letter-spacing:-.035em;font-variation-settings:"opsz" 56}.section-lead{margin:0 0 var(--space-2xl);max-width:44rem;color:var(--color-muted);font-size:1.2rem;line-height:1.55}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px 18px;padding:var(--space-xl);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .25s ease}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--gradient-brand);opacity:0;transition:opacity .25s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#0c7c8659}.card:hover:before{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.8125rem 1.625rem;border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;font-size:.9375rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s var(--ease-out),box-shadow .25s ease}.btn-primary{background:var(--gradient-brand);color:#fff;border-radius:2px 999px 999px 2px;box-shadow:0 4px 20px #0c7c8647,inset 0 1px #ffffff38}.btn-primary:hover{color:#fff;box-shadow:0 8px 28px #0c7c8642,inset 0 1px #ffffff42;transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-hi);border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-ghost:hover{background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:fade-in-up .8s var(--ease-out) both}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.card:hover{transform:none}}@media print{.app-shell app-header,.app-shell app-footer{display:none!important}.app-shell .main{display:block;padding:0}body{background:#fff;color:#000}}