:root{--hue: 160;--bg: oklch(.16 .015 calc(var(--hue) + 40));--bg-soft: oklch(.2 .02 calc(var(--hue) + 40));--ink: oklch(.94 .01 var(--hue));--ink-dim: oklch(.72 .02 var(--hue));--accent: oklch(.78 .16 var(--hue));--accent-deep: oklch(.62 .17 var(--hue));--line: oklch(.32 .03 var(--hue) / .6);--radius: 14px}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:16px/1.6 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1080px;margin:0 auto;padding:0 24px;position:relative}.grain{position:fixed;inset:0;pointer-events:none;opacity:.5;z-index:0;background-image:radial-gradient(oklch(1 0 0 / .025) 1px,transparent 1px);background-size:3px 3px}main,header,footer{position:relative;z-index:1}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.brand-dot{width:14px;height:14px;border-radius:4px;background:var(--accent);box-shadow:0 0 18px oklch(.78 .16 var(--hue) / .55);rotate:12deg}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:var(--ink-dim);text-decoration:none;font-size:.95rem}.nav-links a:hover{color:var(--ink)}.hero{padding:96px 0 56px;max-width:780px}.kicker{display:inline-flex;align-items:center;gap:10px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600}.tick{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.headline{margin:18px 0 22px;font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.02;letter-spacing:-.04em;font-weight:800}.hl-line{display:block}.hl-line:last-child{background:linear-gradient(100deg,var(--accent),oklch(.85 .1 calc(var(--hue) - 50)));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--ink-dim);font-size:1.18rem;max-width:56ch}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-foot{margin-top:18px;color:var(--ink-dim);font-size:.88rem}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:650;font-size:1rem;transition:transform .12s ease,box-shadow .12s ease}.btn-primary{background:var(--accent);color:oklch(.17 .03 var(--hue));box-shadow:0 8px 30px oklch(.78 .16 var(--hue) / .3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px oklch(.78 .16 var(--hue) / .4)}.btn-ghost{color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-big{padding:16px 30px;font-size:1.1rem}.arrow{translate:0 1px}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:40px 0 0}.strip-item{background:var(--bg-soft);padding:22px 24px;display:grid;gap:4px}.strip-item strong{font-size:1.5rem;letter-spacing:-.02em;color:var(--accent)}.strip-item span{color:var(--ink-dim);font-size:.92rem}.features{padding:110px 0 30px}.section-title{font-size:clamp(1.7rem,3.6vw,2.4rem);letter-spacing:-.03em;margin-bottom:40px}.section-title em{font-style:normal;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px 24px;background:linear-gradient(180deg,var(--bg-soft),transparent);transition:border-color .15s ease,translate .15s ease}.card:hover{border-color:var(--accent-deep);translate:0 -3px}.card-index{font-size:.78rem;color:var(--accent);font-weight:700;letter-spacing:.12em}.card h3{margin:10px 0 8px;font-size:1.12rem;letter-spacing:-.01em}.card p{color:var(--ink-dim);font-size:.95rem}.how{padding:80px 0 20px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;counter-reset:paso}.step{counter-increment:paso;border-left:2px solid var(--accent);padding:4px 0 4px 18px}.step:before{content:"paso " counter(paso);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.step h3{margin:6px 0;font-size:1.15rem}.step p{color:var(--ink-dim);font-size:.95rem}.closing{text-align:center;padding:110px 0 90px}.closing-title{font-size:clamp(1.8rem,4.5vw,2.8rem);letter-spacing:-.03em;margin-bottom:30px}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:26px 0 40px;color:var(--ink-dim);font-size:.88rem}.footer-quiet{opacity:.7}@media(max-width:640px){.strip{grid-template-columns:1fr}.hero{padding-top:64px}}