/* BLACKSNOW V27 / refined hero + corrected icon */
:root{--ink:#171820;--bg:#F8F7F9;--white:#fff;--muted:#6C6873;--line:#E5DEE3;--brand-accent:#A95B70;--brand-soft:#F2E5E9;--brand-soft-2:#FAF6F7;--hero-bg:#141722;--hero-bg-2:#241C25;--hero-highlight:#D6A0AF;--hero-card:#FAF7F8;--success:#E7EFE8;--radius:22px}
body{background:var(--bg);color:var(--ink)}
body.brand-design{--brand-accent:#B96E83;--brand-soft:#F4E8EC}
body.brand-hosting{--brand-accent:#6D879B;--brand-soft:#EAF0F4}
body.brand-event{--brand-accent:#A78D74;--brand-soft:#F4EEE9}
body.brand-snowpage{--brand-accent:#8D9DC7;--brand-soft:#EBEFF8}
body.brand-support{--brand-accent:#8AA18D;--brand-soft:#EBF1EC}
.bs-logo{aspect-ratio:650/120;width:clamp(196px,17vw,248px);max-height:55px;object-fit:contain;object-position:left center}.bs-footer-logo{width:220px}
.top .brand{min-width:210px}
.hero.hero-bleed.hero-v27{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 18%,rgba(169,91,112,.23),transparent 0 18%),linear-gradient(135deg,var(--hero-bg) 0%, #1B1A25 48%, var(--hero-bg-2) 100%);padding-bottom:44px}
.hero-v27 .hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:54px;align-items:center}
.hero-v27 .hero-copy{max-width:700px;z-index:2}
.hero-v27 .hero-copy .eyebrow{display:inline-block;margin-bottom:14px;color:#E7C3CD!important;letter-spacing:.16em;text-transform:uppercase}
.hero-v27 h1{margin:0;font-size:clamp(60px,7vw,100px);line-height:.95;letter-spacing:-.055em;color:#fff}
.hero-v27 h1 em{display:block;font-style:normal;color:#E7B4C2}
.hero-v27 p{max-width:580px;color:#D7D5DC;font-size:19px;line-height:1.68;margin:24px 0 0}
.hero-v27 .hero-actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.hero-v27 .btn{border-radius:999px;padding:14px 22px;font-weight:700}
.hero-v27 .btn.outline{background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
.hero-v27 .hero-note{margin-top:20px;color:#AFAAB6;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.hero-v27 .hero-brandstage{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}
.hero-v27 .hero-ring{position:absolute;border:1px solid rgba(231,180,194,.18);border-radius:999px;inset:36px 18px auto auto;width:340px;height:340px;transform:translate(0,10px)}
.hero-v27 .hero-ring.r2{width:286px;height:286px;opacity:.75;inset:63px 45px auto auto}
.hero-v27 .hero-brandcard{position:relative;z-index:2;width:min(100%,390px);background:linear-gradient(180deg,rgba(250,247,248,.98),rgba(255,255,255,.94));border:1px solid rgba(255,255,255,.72);border-radius:28px;padding:32px 30px 28px;box-shadow:0 28px 90px rgba(0,0,0,.26)}
.hero-v27 .hero-brandtop{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.hero-v27 .hero-brandicon{width:66px;height:66px;border-radius:18px;display:block;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.hero-v27 .hero-brandlabel{font-size:14px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:#796C75;margin:0 0 5px}
.hero-v27 .hero-brandname{font-size:31px;font-weight:800;line-height:1.02;letter-spacing:-.03em;margin:0;color:#171820}
.hero-v27 .hero-brandcopy{font-size:16px;line-height:1.65;color:#5B5560;margin:0 0 24px}
.hero-v27 .hero-brandtags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hero-v27 .hero-brandtags span{background:#F4EFF1;border:1px solid #E6DADF;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:700;color:#292530;text-align:center}
.hero-v27 .hero-floating{position:absolute;z-index:1;background:rgba(250,247,248,.95);border:1px solid rgba(255,255,255,.7);padding:12px 14px;border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.18);font-size:13px;line-height:1.35;color:#2D2831;min-width:168px}
.hero-v27 .hero-floating strong{display:block;margin-bottom:3px;font-size:14px}
.hero-v27 .hero-floating small{display:block;color:#746C77;font-size:12px}
.hero-v27 .hero-floating.f1{left:18px;top:40px}
.hero-v27 .hero-floating.f2{right:0;bottom:86px}
.hero-v27 .hero-floating.f3{left:42px;bottom:44px}
.hero-v27 .micro{margin-top:24px;color:#8C8691;letter-spacing:.16em;text-transform:uppercase;font-size:12px}
.hero-v27 .bs-hero-signature{display:none}
.hero-v27:after{content:"";position:absolute;right:58px;bottom:42px;width:74px;height:74px;background:url('identity/BLACKSNOW_Favicon_Hell.svg') center/contain no-repeat;opacity:.16;filter:saturate(.8)}
.site-mini-nav{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0}.site-mini-nav a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13px;color:#2A2930}
.bs-identity-strip{padding-top:18px}.bs-identity-eyebrow{color:var(--brand-accent);letter-spacing:.12em}.bs-lockup{background:#fff;border-radius:16px;border:1px solid var(--line);padding:14px 16px;transition:transform .2s ease, box-shadow .2s ease}.bs-lockup:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(36,28,37,.08)}
.bs-lockup img{height:46px;width:100%;object-fit:contain;object-position:left center}
.brand-grid{grid-template-columns:1.16fr .9fr .9fr}.brand-card{border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 35px rgba(38,30,37,.04)}
.brand-card.feature{background:#8F465A!important}.brand-card.feature p{color:#F5E9ED}.brand-card.event{background:#F4EEE9}.brand-card.snow{background:#EBEFF8}.brand-card.support{background:#EBF1EC;color:#1F2A23}
.bs-section .btn.dark{background:#231F28!important;color:#fff!important}
.visual{background:#EEE7EA}.visual .browser{background:#23202A;box-shadow:16px 24px 52px rgba(40,26,34,.18)}.visual .browser .bar{background:#4B4250}.visual .browser .stripe{background:#C98798}
.foot{border-top:1px solid var(--line)}
.brand-system-v27 .brand-chip-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.brand-system-v27 .brand-chip-row span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:13px}
.brand-system-v27 .brand-showcase{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:26px}.brand-system-v27 .brand-showcase .item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.brand-system-v27 .brand-showcase img{width:100%;height:60px;object-fit:contain;object-position:left}.brand-system-v27 .brand-showcase strong{display:block;margin-top:8px}.brand-system-v27 .brand-usecases{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:26px}.brand-system-v27 .brand-usecases .card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.brand-system-v27 .preview-stack{display:grid;gap:12px}.brand-system-v27 .preview-tile{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#181824,#30232A);padding:22px;min-height:180px;position:relative;color:#fff}.brand-system-v27 .preview-tile.light{background:linear-gradient(145deg,#F6F2F4,#FFFFFF);color:#171820}.brand-system-v27 .preview-badge{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 14px}
.brand-system-v27 .preview-badge.light{background:#fff;border-color:var(--line)}
.brand-system-v27 .preview-badge img{width:132px;height:auto;display:block}.brand-system-v27 .preview-panel{margin-top:18px;border-radius:18px;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.brand-system-v27 .preview-panel.light{background:#F7F4F6;border-color:#E6DADF}
.brand-system-v27 .preview-appbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.brand-system-v27 .preview-appbar .dots{display:flex;gap:7px}.brand-system-v27 .preview-appbar .dots i{width:8px;height:8px;border-radius:999px;background:#D4B8C1;display:block}.brand-system-v27 .preview-appbar .cta{padding:9px 14px;border-radius:999px;background:#231F28;color:#fff;font-size:12px;font-weight:700}.brand-system-v27 .color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:26px}.brand-system-v27 .swatch{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.brand-system-v27 .swatch i{display:block;height:84px}.brand-system-v27 .swatch div{padding:14px 16px}.brand-system-v27 .usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.brand-system-v27 .usage-grid .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
@media (max-width:1000px){.hero-v27 .hero-grid{grid-template-columns:1fr;gap:34px}.hero-v27 .hero-brandstage{min-height:0}.hero-v27 .hero-floating{position:static;display:block;margin-top:10px}.hero-v27 .hero-brandstage{display:grid;gap:12px}.hero-v27 .hero-ring{display:none}.brand-system-v27 .brand-showcase,.brand-system-v27 .color-grid,.brand-system-v27 .usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-system-v27 .brand-usecases{grid-template-columns:1fr}}
@media (max-width:740px){.bs-logo{width:182px}.top .brand{min-width:0}.hero-v27 h1{font-size:54px}.hero-v27 p{font-size:17px}.hero-v27 .hero-brandcard{padding:24px}.hero-v27 .hero-brandtop{align-items:flex-start}.hero-v27 .hero-brandname{font-size:28px}.site-mini-nav{margin-top:4px}.brand-grid{grid-template-columns:1fr}.brand-system-v27 .brand-showcase,.brand-system-v27 .color-grid,.brand-system-v27 .usage-grid{grid-template-columns:1fr}.brand-system-v27 .preview-badge img{width:118px}}