.hero{position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(14,27,61,.10) 1.2px,transparent 1.4px);background-size:24px 24px;-webkit-mask-image:linear-gradient(100deg,#000 0,transparent 62%);mask-image:linear-gradient(100deg,#000 0,transparent 62%);pointer-events:none}.hero:after{content:'';position:absolute;right:-120px;top:-150px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(242,106,27,.16),transparent 68%);pointer-events:none}.hero .wrap{position:relative;z-index:1}
.feat{padding:16px 0 56px}.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;transition:transform .2s,box-shadow .2s}.feat-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -20px rgba(14,27,61,.5)}.feat-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--tint);color:var(--ink);margin-bottom:14px}.feat-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feat-card:nth-child(1) .feat-ico{background:#FDE9DC;color:var(--accent-ink)}.feat-card:nth-child(3) .feat-ico{background:#FDE9DC;color:var(--accent-ink)}.feat-card h3{font:700 1.05rem/1.2 var(--f-head);margin:0 0 6px}.feat-card p{color:var(--muted);font-size:.93rem;line-height:1.5;margin:0}
.grow-card{display:grid;grid-template-columns:290px minmax(0,1fr);gap:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}.grow-ctl{display:grid;gap:20px;align-content:start}.grow-ctl label{display:flex;justify-content:space-between;font-weight:600;font-size:.92rem;margin-bottom:8px}.grow-ctl output{color:var(--accent-ink);font-weight:700}.grow-ctl input[type=range]{width:100%;accent-color:var(--accent)}.grow-note{font-size:.82rem;color:var(--muted);line-height:1.45;margin:0}.grow-kpis{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.kpi{flex:1;min-width:150px;padding:14px 16px;border-radius:var(--r-md);background:var(--tint)}.kpi span{display:block;font-size:.82rem;color:var(--muted);margin-bottom:2px}.kpi strong{font:800 1.7rem/1.1 var(--f-head);letter-spacing:-.01em}.kpi.ink{background:var(--ink);color:#fff}.kpi.ink span{color:#aebbe0}.kpi.acc strong{color:var(--accent-ink)}.grow-chart svg{width:100%;height:auto;display:block}.grow-chart text{fill:var(--muted);font:11px var(--f-body)}.legend{display:flex;gap:18px;font-size:.82rem;color:var(--muted);margin:6px 0 12px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.tbl{width:100%;border-collapse:collapse;font-size:.92rem}.tbl th,.tbl td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.tbl th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg)}.tbl td.n,.tbl th.n{text-align:right;font-variant-numeric:tabular-nums}.tbl tr:last-child td{border-bottom:0}.grow-link{margin:16px 0 0;text-align:center}.grow-link a{font-weight:700;color:var(--accent-ink)}
.ref-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.ref-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 22px 8px;overflow-x:auto}.ref-card h3{display:flex;align-items:center;gap:10px;font:700 1.15rem var(--f-head);margin:0 0 12px}.ref-card h3 svg{width:22px;height:22px;fill:none;stroke:var(--accent-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ref-card td:first-child{font-weight:600;white-space:nowrap}.ref-card code{background:var(--tint);padding:2px 7px;border-radius:6px;font-size:.88rem;white-space:nowrap}.ref-card a{color:var(--ink);text-decoration:none}.ref-card a:hover{color:var(--accent-ink)}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.flow-step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.flow-step:not(:last-child):after{content:'';position:absolute;right:-24px;top:50%;width:14px;height:14px;border-top:3px solid var(--accent);border-right:3px solid var(--accent);transform:translateY(-50%) rotate(45deg)}.flow-n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;margin-bottom:12px}.flow-step h3{font:700 1.15rem var(--f-head);margin:0 0 4px}.flow-step>p{color:var(--muted);font-size:.93rem;margin:0 0 14px}.mock-f{display:flex;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);margin-top:8px;font-size:.9rem;color:var(--muted)}.mock-f b{color:var(--ink)}.mock-r{background:var(--ink);color:#fff;border-radius:12px;padding:14px 16px}.mock-r small{color:#aebbe0;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.mock-r strong{display:block;font:800 2.2rem/1.1 var(--f-head)}.mock-s{background:var(--tint);border-radius:12px;padding:12px 14px;margin:0;list-style:none;display:grid;gap:8px;font-size:.9rem}.mock-s li{display:flex;gap:8px;align-items:center}.mock-s li:before{content:'';flex:0 0 16px;height:16px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.3 2.3 4.7-4.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
@media (max-width:1000px){.feat-grid{grid-template-columns:1fr 1fr}.grow-card,.ref-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr;gap:26px}.flow-step:not(:last-child):after{right:auto;left:50%;top:auto;bottom:-20px;transform:translateX(-50%) rotate(135deg)}}
@media (max-width:560px){.feat-grid{grid-template-columns:1fr}.grow-card{padding:18px}.kpi strong{font-size:1.4rem}}