/* Public introduction; shared chrome and palette come from site.css. */
.home { max-width:1248px; margin:auto; padding:0 20px; }
.home-hero { display:grid; grid-template-columns:minmax(0,1fr) 360px; grid-template-areas:"copy portrait" "mission portrait"; gap:28px 48px; align-items:center; padding:40px 0; }
.home-intro-copy { grid-area:copy; }
.home-portrait { grid-area:portrait; width:100%; aspect-ratio:2/3; margin:0; align-self:end; }
.home-portrait img { display:block; width:100%; height:100%; object-fit:contain; mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%); }
.home-kicker { color:var(--accent-copper); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:18px; }
.home h1 { font-size:clamp(32px,4.2vw,54px); line-height:1.12; letter-spacing:-.035em; max-width:760px; }
.home-lead { max-width:650px; font-size:18px; line-height:1.7; color:var(--muted); margin-top:22px; }
.home-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-top:28px; font-size:14px; }
.home-primary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; background:var(--primary); color:var(--bg); border:1px solid var(--primary); border-radius:6px; font-weight:600; box-shadow:inset 0 1px #ffffff33,0 2px 3px #0002; }
.home-primary:hover { background:var(--primary-hover); text-decoration:none; }
.home-mission { grid-area:mission; padding:20px 0 0; border-top:1px solid var(--border); }
.home-mission h2 { font-size:19px; line-height:1.3; margin-bottom:8px; }
.home-mission p { color:var(--muted); font-size:14px; line-height:1.65; }
.home-tools { border:1px solid var(--border); border-radius:10px; background:var(--surface); box-shadow:var(--shadow); overflow:hidden; }
.home-tools > header { padding:24px 28px; border-bottom:1px solid var(--border); }
.home-tools > header p { color:var(--muted); font-size:14px; margin-top:6px; }
.home-tool { display:grid; grid-template-columns:48px minmax(0,1fr) 190px; gap:24px; align-items:center; padding:26px 28px; }
.home-tool + .home-tool { border-top:1px solid var(--border); }
.home-tool svg { width:32px; height:32px; justify-self:center; color:var(--primary); fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.home-tool h3 { font-size:19px; margin:0 0 6px; }
.home-tool p { font-size:14px; color:var(--muted); max-width:650px; }
.home-tool-links { display:flex; flex-direction:column; gap:8px; font-size:13px; }
.home-more { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding:38px 0 10px; }
.home-more h2 { font-size:19px; margin-bottom:10px; }
.home-more p { color:var(--muted); font-size:14px; line-height:1.7; }
.home-more a { font-size:13px; }
.home-more .telegram-tool { display:inline-flex; align-items:center; height:36px; margin-top:10px; padding:4px 12px; border:1px solid var(--border); border-radius:5px; color:var(--primary); background:var(--surface); }
.home-more .telegram-tool[aria-disabled] { color:var(--muted); cursor:default; }
.home-more .telegram-tool[href]:hover { text-decoration:underline; }
.home-help-links { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:16px; }
.home footer { margin-top:24px; align-items:center; }
@media(max-width:850px) {
 .home-hero { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); grid-template-areas:"copy portrait" "mission mission"; gap:24px; padding:32px 0; }
 .home-mission { padding:20px 0 0; }
 .home-mission h2 { font-size:18px; margin-bottom:6px; }
 .home-tool { grid-template-columns:36px minmax(0,1fr); gap:12px 18px; padding:22px; }
 .home-tool-links { grid-column:2; flex-direction:row; flex-wrap:wrap; gap:8px 20px; }
}
@media(max-width:540px) {
 .home { padding:0 12px; }
 .home-lead { font-size:16px; }
 .home-hero { padding-top:28px; }
 .home-tools > header { padding:20px; }
 .home-more { grid-template-columns:1fr; gap:28px; padding-top:30px; }
 .home-tool { padding:20px 14px; gap:10px 12px; }
 .home-tool h3 { font-size:17px; }
}

@media(max-width:600px) { .home-hero { grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "portrait" "mission"; } .home-portrait { max-width:300px; justify-self:center; } }