/* BUXY DIGITAL · SYNTH 04 · FROST + ORBIT + NOVA · Home v4 */
:root{--v4-blue:#70c8ff;--v4-lilac:#c09bff;--v4-deep:#060b21}
html{scroll-padding-bottom:135px}
.app-shell{padding-bottom:calc(164px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 60% 40% at 83% 17%,rgba(90,48,195,.11),transparent),linear-gradient(180deg,#080c22,#080c23 58%,#060a20)}
.app-header{height:66px;padding:9px 18px;background:rgba(8,11,29,.89);border-bottom-color:rgba(182,181,255,.23)}
.brand-mark{height:39px;width:39px;flex-basis:39px;font-size:20px}
.brand{font-size:13px}
.demo-ribbon{height:24px;font-size:8px;padding:0 16px}
.ribbon-right{font-size:7.5px}
main{padding:15px 16px 125px}
.nova-home{margin:0;padding:0 0 20px}
.nh-intro{padding:3px 2px 11px;font-size:9px;letter-spacing:.17em;line-height:1.6}
.nh-intro span{letter-spacing:.12em}
.nh-hero{min-height:243px;max-height:265px;border-radius:25px;padding:17px 16px;background:linear-gradient(112deg,#080f32 0%,#17174b 52%,#3a266b 100%);border:1px solid rgba(197,205,255,.8);box-shadow:inset 0 1px 0 rgba(240,243,255,.5),inset 0 0 19px rgba(137,109,253,.3),0 13px 30px rgba(18,9,69,.45)}
.nh-hero-art{position:absolute;z-index:0;width:62%;height:100%;inset:0 0 0 auto;object-fit:cover;object-position:52% 48%;opacity:.94;filter:contrast(1.07) saturate(1.08);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 22%,#000 53%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 22%,#000 53%)}
.nh-hero:before{z-index:1;inset:0;background:linear-gradient(93deg,rgba(7,12,35,.98),rgba(9,12,37,.86) 43%,rgba(9,10,37,.11) 91%);border-radius:inherit}
.nh-hero:after{z-index:3;inset:0;background:linear-gradient(145deg,rgba(225,248,255,.15),transparent 30%,rgba(196,161,255,.08) 100%);border-radius:inherit;box-shadow:inset 0 1px 0 rgba(226,236,255,.34),inset 0 -1px 0 rgba(156,169,255,.34)}
.nh-hero-content{max-width:238px}
.nh-kicker{font-size:9px;letter-spacing:.15em;color:#c4d1ff}
.nh-hero h1{font-size:clamp(27px,7.3vw,32px);max-width:228px;margin:13px 0 8px;line-height:1.09;font-weight:800;letter-spacing:-.047em}
.nh-hero p{max-width:207px;font-size:10.8px;line-height:1.46;margin:0 0 12px;color:#ecf3ff}
.nh-primary{font-size:11px;min-height:39px;padding:8px 13px;box-shadow:0 0 14px rgba(90,104,255,.51),inset 0 1px 0 rgba(245,251,255,.52)}
.nh-quick-grid{gap:8px;margin-top:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.nh-quick{min-height:94px;height:94px;border-radius:17px;padding:7px 3px 8px;gap:2px;background:linear-gradient(145deg,rgba(63,94,156,.3),rgba(20,29,69,.94) 51%,rgba(30,21,71,.9));border-color:rgba(171,187,255,.65)}
.nh-quick:nth-child(even){background:linear-gradient(145deg,rgba(145,78,210,.33),rgba(40,27,86,.88))}
.nh-quick-icon{height:28px;width:30px}.nh-quick-icon svg{height:24px;width:24px}
.nh-quick strong{font-size:11px}.nh-quick small{font-size:8px;line-height:1.2;color:#cdd5f3}
.nh-section-head{margin:15px 3px 9px}.nh-section-head h2{font-size:17px}
.nh-projects{gap:10px}
.nh-project{min-height:206px;border-radius:19px;border-color:rgba(174,182,255,.7);background:linear-gradient(150deg,#101945,#140e34)}
.nh-project img{top:0;left:0;width:100%;height:73%;object-fit:cover;object-position:center 15%;filter:contrast(1.02) saturate(1.15)}
.nh-project:after{background:linear-gradient(180deg,transparent 12%,rgba(6,10,27,.04) 28%,rgba(6,10,28,.69) 60%,#060b22 78%)}
.nh-project-info{bottom:12px;left:11px;right:9px}
.nh-project-info strong{font-size:12.5px;margin-bottom:2px}
.nh-project-info small{font-size:9.4px;line-height:1.4}
.nh-tags{margin-top:6px;gap:4px}.nh-tags i{padding:3px 6px;font-size:8px}
.nh-ai-tool{min-height:95px;border-radius:20px;padding:10px 12px}
.nh-ai-orbit{height:60px;width:60px;flex-basis:60px}
.nh-ai-copy strong{font-size:16px}.nh-ai-copy p{font-size:9.6px;margin-top:2px}
.nh-ai-tool .nh-primary{min-height:35px;font-size:10px;padding:7px 10px}
.dock{max-width:505px;width:calc(100% - 22px);height:69px;bottom:calc(9px + env(safe-area-inset-bottom));border-radius:23px;padding:4px 5px 5px;box-shadow:inset 0 1px 0 rgba(219,232,255,.37),0 8px 28px rgba(38,24,129,.4),0 16px 30px rgba(0,0,0,.75)}
.nav-link{height:58px;font-size:10px}
.ai-nav .ai-orb{height:42px;width:42px}.ai-nav .ai-orb .nav-icon svg{height:24px;width:24px}
.nh-footer{margin-top:16px}
@media(max-width:375px){
 .app-header{height:61px;padding:7px 13px}
 .brand{font-size:12px;gap:7px;letter-spacing:.1em}
 .system-label{font-size:7px}
 .nh-hero{min-height:233px;max-height:253px;padding:14px 12px}
 .nh-hero-art{width:64%;object-position:48% 50%}
 .nh-hero h1{font-size:27px;max-width:215px}
 .nh-hero p{max-width:190px;font-size:10px}
 .nh-quick{height:90px;min-height:90px}
 .nh-quick strong{font-size:10px}
 .nh-quick small{font-size:7.5px}
 .nh-project{min-height:191px}
 .nh-ai-orbit{height:50px;width:50px;flex-basis:50px}
 .nh-ai-copy strong{font-size:15px}
 .nh-ai-tool{gap:7px;padding:8px}
 .nh-ai-tool .nh-primary{font-size:9px;padding:7px}
}
@media(min-width:500px){
 .nh-hero{min-height:263px;max-height:280px}
 .nh-hero-art{width:58%}
 .nh-hero h1{font-size:36px;max-width:275px}
 .nh-hero p{font-size:12px;max-width:245px}
 .nh-quick{min-height:102px;height:102px}
 .nh-project{min-height:232px}
}
@media(prefers-reduced-motion:reduce){.nh-ai-orbit{animation:none!important}}