html{scroll-behavior:smooth;scroll-padding-top:24px}
.home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:34px;align-items:center;min-height:670px;padding:72px 0 82px}
.home-copy h1{max-width:800px;margin:20px 0 25px;font-size:clamp(58px,7.4vw,98px);font-weight:700;line-height:.9;letter-spacing:-6px}
.home-copy h1 span{color:#555}
.home-copy>p{max-width:660px;color:var(--muted);font-size:15px;line-height:1.72}
.home-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.primary-link,.social-link{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:1px solid var(--border);color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1.3px;text-decoration:none}
.primary-link{border-color:var(--accent);background:var(--accent);color:#fff}
.primary-link:hover{border-color:#7650db;background:#7650db}
.social-link:hover{border-color:var(--accent);background:rgba(139,92,246,.05);color:var(--text)}
.social-link img{width:16px;height:16px;object-fit:contain}
.skin-card{border:1px solid var(--border);background:linear-gradient(155deg,rgba(139,92,246,.09),transparent 42%),var(--surface);box-shadow:0 30px 90px rgba(0,0,0,.18);overflow:hidden}
.skin-card-head,.skin-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;color:#555;font-size:8px;font-weight:700;letter-spacing:1.4px}
.skin-card-head{height:42px;border-bottom:1px solid var(--border)}
.skin-card-foot{height:38px;border-top:1px solid var(--border)}
.live-indicator{color:var(--good)}
#skin-container{position:relative;display:grid;width:100%;height:360px;min-height:300px;place-items:center;overflow:hidden}
#skin-container:before{position:absolute;width:min(72%,350px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(48,229,210,.11),rgba(48,229,210,.03) 48%,transparent 73%);filter:blur(20px);content:"";pointer-events:none}
#skin-container:after{position:absolute;right:30%;bottom:11%;left:30%;height:12px;border-radius:50%;background:rgba(0,0,0,.26);filter:blur(15px);content:"";pointer-events:none}
.identity-mark{position:relative;z-index:1;width:min(73%,330px);display:grid;place-items:center}
#butterfly-logo{display:block;width:100%;height:auto;overflow:visible}
.bf-glow{opacity:.22}
.bf-shape{filter:drop-shadow(0 0 4px rgba(57,232,213,.18))}
.tools-section{padding-top:68px;border-top:1px solid var(--border)}
.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:28px}
.section-intro h2{margin-top:16px;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-3px}
.section-intro>p{max-width:470px;color:var(--muted);font-size:12px;line-height:1.7;text-align:right}
.tool-card h3{margin-bottom:12px;font-size:30px;letter-spacing:-1.4px}
body.light-theme .home-copy h1 span{color:#9aa0a8}
body.light-theme .skin-card{background:linear-gradient(155deg,rgba(139,92,246,.1),transparent 42%),#fff;box-shadow:0 30px 90px rgba(42,38,56,.09)}
body.light-theme #skin-container:after{background:rgba(78,63,122,.14)}
@media(max-width:960px){.home-hero{grid-template-columns:1fr;min-height:0;padding-top:76px}.skin-card{width:min(520px,100%)}.section-intro{align-items:flex-start;flex-direction:column}.section-intro>p{text-align:left}.tools-section{padding-top:56px}}
@media(max-width:620px){.home-hero{gap:38px;padding:76px 0 64px}.home-copy h1{font-size:clamp(49px,16vw,70px);letter-spacing:-4px}.home-copy>p{font-size:13px}.home-actions{align-items:stretch;flex-direction:column}.primary-link,.social-link{width:100%}#skin-container{height:300px}.skin-card-foot{font-size:7px}.tools-section{padding-top:46px}.section-intro h2{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card{transition:none}}