:root{--brand: #00d68f;--brand-soft: rgba(0, 214, 143, .15);--brand-strong: #00b377;--bg: hsl(214, 55%, 5%);--bg-elevated: hsl(214, 50%, 8%);--bg-card: hsl(214, 46%, 11%);--text: #f5f7fa;--text-muted: rgba(255, 255, 255, .65);--text-dim: rgba(255, 255, 255, .45);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--max-w: 1100px;--radius-sm: 8px;--radius: 12px;--radius-lg: 20px}*{box-sizing:border-box}*::selection{background:var(--brand);color:var(--bg)}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";line-height:1.55}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px}.site-header{padding:24px 0;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.site-header nav{display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--brand);color:var(--bg);border-radius:8px;font-size:1rem;font-weight:800}.hero{padding:clamp(60px,10vw,120px) 0;text-align:center}.hero-title{font-size:clamp(2rem,6vw,3.6rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:0 0 24px;background:linear-gradient(180deg,#fff,#ffffffc7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1.05rem,2.2vw,1.35rem);color:var(--text-muted);max-width:680px;margin:0 auto 48px}.ctas{display:grid;grid-template-columns:1fr;gap:16px;max-width:540px;margin:0 auto}@media (min-width: 720px){.ctas{grid-template-columns:1fr 1fr;max-width:720px}}.cta{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);text-align:left;transition:transform .15s ease,border-color .15s ease,background .15s ease}.cta:hover{transform:translateY(-2px);border-color:var(--brand);background:var(--bg-card)}.cta-icon{font-size:1.8rem;flex-shrink:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);border-radius:10px}.cta-body{flex:1;display:flex;flex-direction:column;min-width:0}.cta-body strong{font-size:1.05rem;font-weight:700;color:var(--text)}.cta-body small{font-size:.875rem;color:var(--text-muted);margin-top:2px}.cta-arrow{font-size:1.4rem;color:var(--text-dim);transition:transform .15s ease,color .15s ease}.cta:hover .cta-arrow{color:var(--brand);transform:translate(4px)}.cta-primary{border-color:var(--brand);background:linear-gradient(135deg,var(--brand-soft) 0%,var(--bg-elevated) 60%)}.cta-primary:hover{background:linear-gradient(135deg,var(--brand-soft) 0%,var(--bg-card) 80%)}.how{padding:clamp(60px,8vw,100px) 0;border-top:1px solid var(--border)}.section-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;text-align:center;margin:0 0 56px;letter-spacing:-.02em}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 720px){.steps{grid-template-columns:repeat(3,1fr);gap:32px}}.step{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;text-align:center;position:relative}.step-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--brand);color:var(--bg);font-weight:800;font-size:1.25rem;margin-bottom:20px}.step-title{font-size:1.2rem;font-weight:700;margin:0 0 12px;color:var(--text)}.step-text{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.6}.site-footer{border-top:1px solid var(--border);padding:32px 0;text-align:center;color:var(--text-dim);font-size:.85rem;margin-top:60px}a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
