:root{
  --bg:#090b0e;
  --panel:#12161b;
  --panel-2:#171c22;
  --line:#2a323b;
  --text:#f5f7f8;
  --muted:#9ea8b3;
  --lime:#efff47;
  --lime-soft:rgba(239,255,71,.08);
  --title:'Bahnschrift','Arial Narrow','Segoe UI',sans-serif;
  --body:'Segoe UI',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% -8%,rgba(239,255,71,.11),transparent 26%),var(--bg);color:var(--text);font:16px/1.55 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
.shell{width:min(680px,calc(100% - 32px));margin:auto}
.profile{padding:56px 0 31px;text-align:center}
.avatar{display:block;width:88px;height:88px;margin:0 auto 15px;border:2px solid var(--lime);border-radius:50%;object-fit:cover;background:var(--panel)}
.profile h1{margin:0;font:900 clamp(1.9rem,6vw,2.5rem)/1 var(--title);letter-spacing:-.035em}
.handle{margin:7px 0 0;color:var(--muted);font-size:.82rem}
.positioning{max-width:550px;margin:19px auto 0;font-size:clamp(1.05rem,3vw,1.2rem);font-weight:700;line-height:1.45}
.intro{max-width:570px;margin:9px auto 0;color:var(--muted);font-size:.91rem}
.social-links{display:flex;justify-content:center;gap:10px;margin-top:18px}
.social-links a{display:grid;place-items:center;width:39px;height:39px;border:1px solid #3a444e;border-radius:50%;background:rgba(18,22,27,.75);color:#dce1e5;text-decoration:none;transition:transform .18s,border-color .18s,color .18s,background .18s}
.social-links a:hover{transform:translateY(-2px);border-color:var(--lime);background:var(--lime);color:#0b0d0f}
.social-links svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-links .fill-dot{fill:currentColor;stroke:none}
.hub-section{margin-top:34px}
.section-head{margin-bottom:13px}
.section-head h2{margin:0;font:900 1.12rem/1.2 var(--title);letter-spacing:-.015em}
.section-head p{margin:5px 0 0;color:var(--muted);font-size:.8rem}
.card-list{display:grid;gap:11px}
.hub-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:19px 20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--panel-2),var(--panel));text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.hub-card:hover{transform:translateY(-2px);border-color:#53606b;box-shadow:0 15px 38px rgba(0,0,0,.2)}
.hub-card.featured{padding:23px 22px;border-color:#6c7b24;background:linear-gradient(145deg,#202911,#11160e)}
.hub-card.featured:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 100% 0,rgba(239,255,71,.09),transparent 34%);pointer-events:none}
.card-copy{position:relative;z-index:1;min-width:0}
.badge{display:inline-flex;margin-bottom:8px;padding:4px 8px;border:1px solid #3d4852;border-radius:999px;color:#c8d0d6;font:900 .59rem var(--title);letter-spacing:.105em;text-transform:uppercase}
.featured .badge,.product-card .badge{border-color:transparent;background:var(--lime);color:#0b0d0f}
.problem{margin:0 0 3px;color:var(--muted);font-size:.72rem}
.hub-card h3{margin:0;font:900 clamp(1.08rem,4vw,1.3rem)/1.15 var(--title);letter-spacing:-.02em}
.description{margin:7px 0 0;color:#adb6bf;font-size:.81rem;line-height:1.5}
.card-meta{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-top:11px}
.price{color:var(--lime);font:900 1.05rem var(--title)}
.price-note{color:var(--muted);font-size:.66rem}
.step{display:inline-flex;margin-bottom:8px;color:var(--lime);font:900 .61rem var(--title);letter-spacing:.12em}
.arrow{position:relative;z-index:1;display:grid;place-items:center;width:35px;height:35px;border:1px solid #3b4650;border-radius:50%;color:var(--lime);font-size:1.13rem;transition:background .18s,color .18s,border-color .18s}
.hub-card:hover .arrow{border-color:var(--lime);background:var(--lime);color:#0b0d0f}
.proof{margin-top:38px;padding-top:31px;border-top:1px solid var(--line)}
.proof h2{margin:0;font:900 1.35rem var(--title)}
.proof>p{margin:7px 0 16px;color:var(--muted);font-size:.84rem}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.proof-card{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.proof-card a{display:block;background:#07090b}
.proof-card img{display:block;width:100%;height:250px;object-fit:contain;background:#07090b}
.proof-card figcaption{padding:11px 12px;color:var(--muted);font-size:.7rem;line-height:1.45}
.footer{margin-top:46px;padding:24px 0 34px;border-top:1px solid var(--line);color:#76818b;font-size:.7rem}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}
.footer a{text-decoration:none;color:#99a3ad}
.footer a:hover{color:var(--lime)}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
@media(max-width:520px){
  .shell{width:min(100% - 24px,680px)}
  .profile{padding:35px 8px 23px}
  .avatar{width:76px;height:76px}
  .positioning{font-size:1rem}
  .intro{font-size:.84rem}
  .hub-section{margin-top:27px}
  .hub-card,.hub-card.featured{padding:17px 16px;border-radius:15px}
  .description{font-size:.78rem}
  .arrow{width:32px;height:32px}
  .proof-grid{grid-template-columns:1fr}
  .proof-card img{height:auto;max-height:none}
  .footer-inner{align-items:flex-start;flex-direction:column;gap:8px}
  .footer-links{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hub-card,.arrow,.social-links a{transition:none}}