: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);-webkit-font-smoothing:antialiased;font:16px/1.6 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}.page{max-width:1080px;margin:0 auto;padding:0 24px;position:relative}.grain{pointer-events:none;opacity:.5;z-index:0;background-image:radial-gradient(#ffffff06 1px,#0000 1px);background-image:radial-gradient(lab(100% 0 0/.025) 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}main,header,footer{z-index:1;position:relative}.nav{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.brand{letter-spacing:-.03em;color:var(--ink);align-items:center;gap:10px;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-dot{background:var(--accent);width:14px;height:14px;box-shadow:0 0 18px oklch(.78 .16 var(--hue) / .55);border-radius:4px;rotate:12deg}.nav-links{align-items:center;gap:22px;display:flex}.nav-links a{color:var(--ink-dim);font-size:.95rem;text-decoration:none}.nav-links a:hover{color:var(--ink)}.lang{position:relative}.lang summary{cursor:pointer;color:var(--ink-dim);font-size:.95rem;list-style:none}.lang summary::-webkit-details-marker{display:none}.lang summary:hover{color:var(--ink)}.lang-list{inset-inline-end:0;z-index:2;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);gap:2px;min-width:11rem;max-height:60vh;padding:8px;list-style:none;display:grid;position:absolute;top:calc(100% + 12px);overflow:auto}.lang-list a{border-radius:8px;padding:6px 10px;font-size:.92rem;display:block}.lang-list a:hover,.lang-list a[aria-current=true]{color:var(--ink);background:var(--line)}.hero{max-width:780px;padding:96px 0 56px}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:.82rem;font-weight:600;display:inline-flex}.tick{background:var(--accent);border-radius:50%;width:8px;height:8px;display:inline-block}.headline{letter-spacing:-.04em;margin:18px 0 22px;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:800;line-height:1.02}.hl-line{display:block}.hl-line:last-child{background:linear-gradient(100deg, var(--accent), oklch(.85 .1 calc(var(--hue) - 50)));color:#0000;-webkit-background-clip:text;background-clip:text}.sub{color:var(--ink-dim);max-width:56ch;font-size:1.18rem}.cta-row{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-foot{color:var(--ink-dim);margin-top:18px;font-size:.88rem}.btn{border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:1rem;font-weight:650;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.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{box-shadow:0 12px 36px oklch(.78 .16 var(--hue) / .4);transform:translateY(-2px)}.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{display:inline-block}.arrow:after{content:"→";display:inline-block;translate:0 1px}.strip{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:1px;margin:40px 0 0;display:grid;overflow:hidden}.strip-item{background:var(--bg-soft);gap:4px;padding:22px 24px;display:grid}.strip-item strong{letter-spacing:-.02em;color:var(--accent);font-size:1.5rem}.strip-item span{color:var(--ink-dim);font-size:.92rem}.features{padding:110px 0 30px}.section-title{letter-spacing:-.03em;margin-bottom:40px;font-size:clamp(1.7rem,3.6vw,2.4rem)}.section-title em{color:var(--accent);font-style:normal}.grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--bg-soft), transparent);padding:26px 24px 24px;transition:border-color .15s,translate .15s}.card:hover{border-color:var(--accent-deep);translate:0 -3px}.card-index{color:var(--accent);letter-spacing:.12em;font-size:.78rem;font-weight:700}.card h3{letter-spacing:-.01em;margin:10px 0 8px;font-size:1.12rem}.card p{color:var(--ink-dim);font-size:.95rem}.how{padding:80px 0 20px}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding:0;list-style:none;display:grid}.step{border-inline-start:2px solid var(--accent);padding-block:4px;padding-inline-start:18px}.step-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.78rem;display:block}.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{letter-spacing:-.03em;margin-bottom:30px;font-size:clamp(1.8rem,4.5vw,2.8rem)}.footer{border-top:1px solid var(--line);color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:26px 0 40px;font-size:.88rem;display:flex}.footer-quiet{opacity:.7}@media (max-width:640px){.strip{grid-template-columns:1fr}.hero{padding-top:64px}}[dir=rtl] .arrow:after{content:"←"}[dir=rtl] .kicker,[dir=rtl] .step-kicker{letter-spacing:0;text-transform:none}[dir=rtl] .headline,[dir=rtl] .brand,[dir=rtl] .section-title,[dir=rtl] .closing-title,[dir=rtl] .card h3,[dir=rtl] .step h3,[dir=rtl] .strip-item strong{letter-spacing:0}
