:root{--ink:#29232c;--muted:#706c75;--green:#4a2555;--lime:#f2ebf4;--paper:#fff;--line:#ded9df;--soft:#f9f7f9}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--ink);font-size:14px;line-height:1.65}
a{color:var(--green)}
header{border-color:var(--line)}
.nav{max-width:1260px;min-height:72px;padding:16px 42px}
.logo{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.04em;color:var(--ink)}
.logo b{width:27px;height:27px;border-radius:4px;margin:0;background:var(--green);color:#fff;font-size:16px;font-weight:700}
.nav nav{gap:30px;font-size:12px;font-weight:600}
.nav nav a{color:var(--muted)}
.nav nav a:hover,.nav nav a:focus-visible{color:var(--green)}
.wrap{max-width:1260px;padding:0 42px 80px}
.hero{grid-template-columns:1.05fr .95fr;gap:60px;padding:80px 0 86px}
.eyebrow{font-size:11px;letter-spacing:.085em;color:var(--green)}
h1{font-size:clamp(36px,4.4vw,58px);line-height:1.16;letter-spacing:-.07em;margin:17px 0 19px}
h2{font-size:22px;letter-spacing:-.045em;line-height:1.35}
h3{font-size:17px;letter-spacing:-.035em}
p{color:var(--muted)}
.lead{font-size:16px;line-height:1.65;max-width:540px;color:var(--muted)}
.btn{padding:11px 17px;border-radius:5px;background:var(--green);font-size:12px;margin:8px 6px 0 0}
.btn:hover{background:#36193f}
.btn.secondary{border:1px solid var(--line);color:var(--ink)}
.btn.secondary:hover{background:var(--soft)}
.hero small{display:block;margin-top:16px;font-size:11px;color:var(--muted)}
.visual{min-height:318px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:0;background:var(--soft)}
.visual-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:24px;color:var(--muted);font-size:11px}
.visual .visual-top span{display:inline;width:auto;height:auto;border:0;background:none;border-radius:0;box-shadow:none;font-size:11px;transform:none}
.visual-samples{display:flex;justify-content:center;gap:16px}
.visual-samples span{width:86px;height:86px;border:1px solid var(--line);border-radius:5px;background:#fff;display:grid;place-items:center;font-size:42px;box-shadow:none;transform:none!important}
.visual-caption{text-align:center;margin-top:23px;color:var(--muted);font-size:11px}
.section{border-color:var(--line);padding:42px 0}
.section>h2{margin-bottom:8px}
.cards{gap:14px;margin:24px 0 0}
.card{border-color:var(--line);border-radius:0;padding:24px;min-height:160px}
.card .icon{font-size:12px;font-weight:700;color:var(--green);margin-bottom:22px}
.card p{font-size:12px;line-height:1.7;margin:0}
.steps{gap:14px}
.steps div{border-color:var(--line);border-radius:0;font-size:12px;color:var(--muted)}
.steps b{color:var(--green)}
.callout{background:var(--soft);border-color:var(--green);border-radius:0}
footer{border-color:var(--line)}
.foot{max-width:1260px;padding:27px 42px;color:var(--muted)}
.foot a{color:var(--muted)}
small{color:var(--muted)}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:34px;padding:48px 0}.visual{min-height:240px}}
@media(max-width:740px){.nav{padding:15px 20px;align-items:flex-start}.nav nav{gap:12px 18px}.wrap{padding:0 20px 52px}.hero{padding:36px 0}.cards,.steps{grid-template-columns:1fr}.visual-samples span{width:68px;height:68px;font-size:32px}.foot{padding:24px 20px}}