/* V302.68: homepage introduction only. Existing Theme Manager surfaces remain. */
body.hb302-public.hb2962-home :is(.hb302-intro,.hb368-hero){align-items:center;min-width:0}
body.hb302-public.hb2962-home .hb302-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:48px!important}
body.hb302-public.hb2962-home .hb368-showcase{margin:0;min-width:0;position:relative;padding:0 0 0 18px;font-family:system-ui,sans-serif}
.hb368-window{border:1px solid #d6e2d9;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 45px #173e381a;transform:rotate(1.5deg)}
.hb368-windowbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;font:750 9px/1.3 system-ui;letter-spacing:.12em;color:#60776c}
.hb368-windowbar>span:first-child{color:#b6c6bc;letter-spacing:3px}
.hb368-scene{min-height:320px;box-sizing:border-box;padding:32px;background:linear-gradient(90deg,#062832e8,#06283282 62%,#0628320d),url('/media/splash-scenes-v30237/tropical-tide.webp') center/cover;color:#fff}
.hb368-sample-label{font:700 9px/1.4 system-ui;letter-spacing:.2em;color:#d9eadb}
.hb368-scene>strong{display:block;font:800 clamp(36px,4vw,52px)/1.03 system-ui;letter-spacing:-.05em;margin:20px 0 16px;color:#fff}
body.hb302-public.hb2962-home :is(#hb30256-purpose,.hb302-intro) .hb368-scene>p{font:400 12px/1.65 system-ui!important;line-height:1.65!important;color:#e2ece7!important;margin:0 0 20px!important}
.hb368-sample-button{display:inline-flex;gap:20px;align-items:center;background:#e4efc5;color:#153e35;border-radius:7px;padding:10px 13px;font:750 10px/1.3 system-ui}
.hb368-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-32px 22px 0 -18px;padding:20px 23px;background:#123f3c;border:4px solid #f7f9f6;border-radius:12px;box-shadow:0 10px 22px #1a3e301c;color:#fff}
.hb368-banner>div>span{display:block;color:#b9d4b5;font:750 8px/1.3 system-ui;letter-spacing:.16em;margin-bottom:8px}
.hb368-banner strong{display:block;font:750 22px/1.1 system-ui;letter-spacing:-.03em;color:#fff}
.hb368-banner-arrow{font:400 38px system-ui;color:#d7ebb0}
.hb368-showcase figcaption{font:400 11px/1.6 system-ui;color:#60766a;margin:13px 0 0;max-width:390px}
body.hb302-public.hb2962-home :is(#hb30256-purpose,.hb302-intro) .hb368-hero-note{font:500 12px/1.6 system-ui!important;color:#647b70!important;margin:16px 0 7px!important}
.hb368-guide{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font:650 12px/1.5 system-ui;color:#1b6b54;text-underline-offset:4px}
.hb368-tool-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin:10px 0 0 18px}
.hb368-tool-links>a{display:inline-flex;align-items:center;min-height:44px;font:650 12px/1.4 system-ui;color:#1a6651;text-decoration:none}
body.hb302-public.hb2962-home .hb302-counts{margin-top:18px}
body.hb302-public.hb2962-home .hb302-intro[data-hb-surface="midnight"] :is(.hb368-hero-note,.hb368-showcase figcaption){color:#c5dcd2!important}
body.hb302-public.hb2962-home .hb302-intro[data-hb-surface="midnight"] :is(.hb368-guide,.hb368-tool-links>a){color:#b6ebd1!important}
body.hb302-public.hb2962-home :is(.hb368-hero,.hb302-intro) a:focus-visible{outline:3px solid #25866a;outline-offset:4px;border-radius:5px}
body.hb302-public.hb2962-home .hb-new-home .hb2962-visual-splash{background:linear-gradient(90deg,#0a3545dd,#0a354540),url('/media/splash-scenes-v30237/tropical-tide.webp') center/cover!important}
@media(max-width:800px){
 body.hb302-public.hb2962-home .hb302-intro{gap:30px!important}
 .hb368-scene{padding:25px;min-height:300px}
 .hb368-banner{padding:17px 18px;margin-right:8px}
}
@media(max-width:600px){
 body.hb302-public.hb2962-home .hb302-intro{grid-template-columns:minmax(0,1fr)!important;gap:25px!important;padding:32px 0!important}
 body.hb302-public.hb2962-home #hb30256-purpose.hb368-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:25px!important}
 body.hb302-public.hb2962-home .hb368-showcase{padding:0 4px 0 12px}
 .hb368-window{transform:none;border-radius:13px}
 .hb368-scene{padding:24px;min-height:280px}
 .hb368-scene>strong{font-size:39px}
 .hb368-banner{margin-left:-12px;margin-right:12px}
 .hb368-banner strong{font-size:21px}
 .hb368-tool-links{margin-left:0}
 body.hb302-public.hb2962-home .hb302-primary{display:flex!important;justify-content:center;min-height:48px!important;width:100%;box-sizing:border-box}
}