:root{--ink: oklch(22% .055 215);--ink-light: oklch(50% .04 215);--muted: oklch(70% .03 212);--border: oklch(89% .015 205);--bg: oklch(98.5% .006 200);--surface: oklch(100% 0 0);--surface-alt: oklch(99.2% .005 200);--teal-dark: oklch(50% .1 175);--teal: oklch(60% .12 175);--teal-soft: oklch(96% .02 175);--hairline: color-mix(in oklch, var(--border), var(--ink) 12%);--shadow-xs: 0 1px 2px 0 rgba(44, 62, 80, .06);--shadow-sm: 0 2px 6px -2px rgba(44, 62, 80, .08);--shadow-md: 0 10px 20px -5px rgba(44, 62, 80, .1), 0 4px 6px -4px rgba(44, 62, 80, .05);--shadow-lg: 0 18px 48px -14px rgba(44, 62, 80, .14);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--radius-full: 9999px;--max-width: 1100px;--max-narrow: 720px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.skip-link{position:absolute;top:-100px;left:var(--space-md);z-index:1000;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--ink);color:#fff;font-weight:700;font-size:.875rem}.skip-link:focus{top:var(--space-md);outline:3px solid color-mix(in oklch,var(--teal),white 35%);outline-offset:2px}.page-shell{min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 50% 0%,oklch(97.5% .01 190) 0%,var(--bg) 60%)}.section{padding:clamp(var(--space-2xl),6vw,var(--space-4xl)) var(--space-lg)}.section.alt{background:color-mix(in oklch,var(--bg),var(--teal-soft) 18%);border-top:1px solid color-mix(in oklch,var(--hairline),white 55%);border-bottom:1px solid color-mix(in oklch,var(--hairline),white 55%)}.section-inner{max-width:var(--max-width);margin:0 auto}.section-narrow{max-width:var(--max-narrow)}.section-title{font-size:clamp(1.55rem,4vw,2.05rem);font-weight:850;text-align:center;letter-spacing:-.02em;margin:0 0 var(--space-sm) 0}.section-subtitle{text-align:center;color:var(--ink-light);font-size:clamp(.95rem,2vw,1.075rem);margin:0 0 clamp(var(--space-xl),4vw,var(--space-3xl)) 0}.site-header{position:sticky;top:0;z-index:100;padding:var(--space-md) var(--space-lg)}.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffff5,#f5fdfdeb);border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 24px -12px #2c3e5024;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px}.logo-mark{width:36px;height:36px;background:linear-gradient(135deg,var(--teal),var(--teal-dark));border-radius:10px;color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px -2px #005a5a2e;flex-shrink:0}.logo-mark-sm{width:28px;height:28px;border-radius:9px}.logo-svg{width:18px;height:18px}.logo-mark-sm .logo-svg{width:14px;height:14px}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-title{font-weight:850;font-size:.95rem;line-height:1.1}.brand-tag{font-size:.62rem;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.09em}.header-actions{display:flex;align-items:center;justify-content:flex-end}.btn-primary{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:750;cursor:pointer;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;height:48px;padding:0 30px;border-radius:var(--radius-full);background:var(--ink);color:#fff;border:1px solid var(--ink);box-shadow:var(--shadow-md);font-size:.95rem}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary.btn-compact{height:34px;padding:0 14px;font-size:.78rem;box-shadow:var(--shadow-sm)}.btn-primary.btn-compact:hover{transform:none;box-shadow:var(--shadow-sm)}:where(a,button):focus-visible{outline:3px solid color-mix(in oklch,var(--teal),white 35%);outline-offset:3px;border-radius:var(--radius-sm)}.btn-primary:focus-visible{border-radius:var(--radius-full)}.hero-section{position:relative;padding:clamp(var(--space-xl),6vw,var(--space-4xl)) var(--space-lg);padding-bottom:clamp(var(--space-2xl),8vw,var(--space-4xl));overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none;color:var(--teal);opacity:.8}.hero-grid-svg{width:100%;height:100%}.hero-content{position:relative;max-width:var(--max-narrow);margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:clamp(2.05rem,6vw,3.25rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;margin:0 0 var(--space-lg) 0}.text-gradient{background:linear-gradient(135deg,var(--teal),var(--teal-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--ink-light);max-width:560px;margin:0 0 var(--space-xl) 0;line-height:1.7}.cta-group{display:flex;justify-content:center;width:100%}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-lg);margin:0;padding:0;list-style:none}.step-card{padding:var(--space-xl)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:color-mix(in oklch,var(--teal-soft),white 25%);color:var(--teal-dark);font-weight:900;margin-bottom:var(--space-md);box-shadow:var(--shadow-xs)}.step-card h3{margin:0 0 var(--space-sm) 0;font-size:1.05rem;font-weight:850}.step-card p{margin:0;color:var(--ink-light);font-size:.95rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-lg)}.feature-card{padding:var(--space-xl)}.feature-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in oklch,var(--teal-soft),white 20%);border:1px solid color-mix(in oklch,var(--hairline),white 40%);display:grid;place-items:center;color:var(--teal-dark);margin-bottom:var(--space-md);font-size:1.1rem}.feature-card h3{margin:0 0 var(--space-sm) 0;font-size:1.05rem;font-weight:850}.feature-card p{margin:0;color:var(--ink-light);font-size:.95rem}.faq-list{display:flex;flex-direction:column;gap:var(--space-md);margin:0}.faq-item{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-xs)}.faq-question{font-weight:850;font-size:1rem;margin:0 0 var(--space-sm) 0}.faq-answer{margin:0;color:var(--ink-light);font-size:.95rem;line-height:1.65}.site-footer{margin-top:auto;padding:var(--space-2xl) var(--space-lg) var(--space-lg);background:var(--surface);border-top:1px solid var(--hairline)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl);flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:var(--space-sm)}.site-footer .brand{min-width:0}.site-footer .brand.brand-sm{align-items:center}.footer-tagline{margin:0;color:var(--muted);font-size:.85rem}.footer-bottom{max-width:var(--max-width);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid color-mix(in oklch,var(--hairline),white 55%)}.footer-bottom p{margin:0;color:var(--muted);font-size:.82rem}@media(max-width:640px){.footer-inner{justify-content:center;align-items:center;text-align:center}.footer-brand{align-items:center;width:100%}.site-footer .brand.brand-sm{justify-content:center;width:100%}}@media(max-width:640px){.site-header{display:none}.header-inner{flex-direction:column;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md)}.brand{justify-content:center;width:100%}.header-actions{width:100%;justify-content:center}.btn-primary.btn-compact{width:100%;max-width:320px;height:42px;font-size:.9rem}.hero-section{padding-top:28px;padding-bottom:34px}.hero-title br{display:none}.cta-group .btn-primary{width:100%;max-width:340px}.site-header{position:static}.site-header{padding:var(--space-sm) var(--space-md)}.header-inner{padding:10px 12px;border-radius:var(--radius-md)}.header-actions .btn-primary.btn-compact{width:100%;max-width:320px;height:42px;font-size:.9rem}}
