/* BUXY DIGITAL — FROST × ORBIT × NOVA / SYNTH Preview only */
:root{--nova-ice:#8beaff;--nova-pink:#f18bff;--nova-blue:#547aff;--nova-violet:#a66dff}
html,body{background:#05091a}
body{background:radial-gradient(circle at 85% 0%,#24195c 0%,transparent 33%),radial-gradient(circle at 8% 75%,#073e61 0%,transparent 32%),#05091a}
.app-shell{background:linear-gradient(180deg,rgba(7,12,33,.93),rgba(4,9,25,.94));overflow:clip;isolation:isolate}
.app-shell:before{content:"";position:absolute;inset:35px 0 0;z-index:-1;pointer-events:none;opacity:.44;background-image:radial-gradient(1px 1px at 10% 8%,#c4eaff 99%,transparent),radial-gradient(1px 1px at 75% 13%,#d5c8ff 99%,transparent),radial-gradient(2px 2px at 34% 19%,#91dfff 99%,transparent),radial-gradient(1px 1px at 92% 27%,#f5c8ff 99%,transparent),radial-gradient(1px 1px at 25% 45%,#b0a4ff 99%,transparent),radial-gradient(1px 1px at 79% 54%,#7eeaff 99%,transparent),radial-gradient(1px 1px at 4% 68%,#b5caff 99%,transparent),radial-gradient(1px 1px at 96% 79%,#cebaff 99%,transparent);background-size:347px 480px}
.demo-ribbon{background:linear-gradient(90deg,#071c3d,#271747);border-color:#9068d749}
.pulse-dot{background:#bda4ff;box-shadow:0 0 9px #bd7eff}
.app-header{background:rgba(5,10,29,.93);border-bottom:1px solid #879af32e}
.brand{font-size:15px;letter-spacing:.14em}.brand strong{color:#c7a2ff}.brand-mark{border-color:#9fbfff90;color:#b3deff;background:radial-gradient(circle at 27% 16%,#469afc55,transparent 65%),#121331;box-shadow:0 0 20px #6e7dff35}
.system-label,.system-label i{color:#b9adff}
.app-header .icon-button{border-color:#8a84ec5b;box-shadow:inset 0 0 14px #7469ff16}
.dock{background:linear-gradient(115deg,rgba(15,23,57,.96),rgba(16,13,45,.98));border-color:#a1bcff68;box-shadow:0 0 26px #8162fa22,0 15px 46px #000b;backdrop-filter:blur(24px)}
.nav-link{color:#a8b7d7}.nav-link.active{color:#a3dfff;text-shadow:0 0 13px #5abaffaa}.ai-nav .ai-orb{background:radial-gradient(circle at 25% 19%,#d4f9ff 0%,#47dfff 14%,#356ff1 34%,#903fda 66%,#2a1547 86%);border:2px solid #b8b6ff;box-shadow:0 0 13px #48baff,0 0 33px #8e4bff9c,inset -6px -7px 15px #1e083a}
.nav-link.active .ai-orb{box-shadow:0 0 20px #64cbff,0 0 41px #b352ff}
.nova-home{position:relative;margin:0 -4px;padding:4px 0 26px;color:#f2f5ff}
.nh-starwash{position:absolute;inset:0;pointer-events:none;opacity:.8;background:radial-gradient(circle at 98% 15%,#2a48bd2a,transparent 28%),radial-gradient(circle at 0% 52%,#b544f324,transparent 26%)}
.nh-intro{position:relative;padding:10px 6px 14px;color:#9cadd1;font-size:10px;line-height:1.7;letter-spacing:.2em}
.nh-intro span{color:#73c9ff}
.nh-hero{position:relative;isolation:isolate;overflow:hidden;min-height:293px;padding:22px 17px 23px;border:1px solid #b1adff8a;border-radius:28px;background:radial-gradient(ellipse at 91% 47%,#8041e858,transparent 51%),linear-gradient(125deg,rgba(27,39,90,.9),rgba(21,27,66,.86) 53%,rgba(65,32,96,.85));box-shadow:inset 0 0 28px #bdcaff19,0 17px 52px #18084466}
.nh-hero:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(108deg,#060e2dcc 0%,#080f30af 38%,#090b1d00 75%);z-index:1}
.nh-hero:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 32px #b093ff25;z-index:3}
.nh-hero-art{position:absolute;right:-146px;top:-16px;width:510px;height:340px;z-index:0;transform:rotate(-1deg);object-fit:cover;opacity:.93;filter:saturate(1.2)}
.nh-hero-content{position:relative;z-index:2;max-width:245px}
.nh-kicker{display:block;color:#b3d7ff;font-size:10px;letter-spacing:.19em;font-weight:750}
.nh-hero h1{max-width:290px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(29px,8vw,39px);line-height:1.12;font-weight:820;letter-spacing:-.048em;margin:15px 0 10px;text-shadow:0 3px 25px #0b153f}
.nh-hero h1 em{font-style:normal;background:linear-gradient(100deg,#8abaff,#df97ff 75%,#6febff);color:transparent;background-clip:text}
.nh-hero p{max-width:220px;color:#d0dcf5;font-size:12px;line-height:1.65;text-shadow:0 2px 12px #050d2f;margin:0 0 17px}
.nh-primary{border:1px solid #bca4ffda;color:#fff;background:linear-gradient(110deg,#824cf1,#347ff9 72%,#61caff);padding:12px 15px;min-height:44px;border-radius:22px;font-size:12px;font-weight:800;letter-spacing:.01em;box-shadow:0 3px 17px #447aff6d,inset 0 1px 0 #ffffff83;transition:filter .2s,transform .2s}
.nh-primary:active{transform:scale(.97)}.nh-primary:hover{filter:brightness(1.13)}
.nh-section-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 3px 13px}
.nh-section-head h2{font-size:19px;letter-spacing:-.035em;color:#f0f3ff}
.nh-more{background:transparent;border:0;color:#b0bbff;font-weight:650;font-size:11px;min-height:34px}
.nh-quick-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}
.nh-quick{min-width:0;min-height:112px;border:1px solid #a19df57a;border-radius:19px;padding:13px 3px 11px;background:radial-gradient(circle at 16% 12%,#3768ad55,transparent 60%),linear-gradient(145deg,#101d3bba,#191334df);color:#f2f5ff;display:flex;align-items:center;flex-direction:column;justify-content:space-around;gap:5px;box-shadow:inset 0 1px 0 #c6ccff3d,0 8px 18px #060b3040;transition:transform .2s,border-color .2s}
.nh-quick:nth-child(2),.nh-quick:nth-child(4){background:radial-gradient(circle at 70% 5%,#804cc453,transparent 55%),linear-gradient(145deg,#151834db,#28153bdb)}
.nh-quick:hover{border-color:#afccff}.nh-quick:active{transform:scale(.97)}
.nh-quick-icon{height:35px;width:35px;display:grid;place-items:center;color:#80d7ff;filter:drop-shadow(0 0 7px #6cc7ff99)}
.nh-quick:nth-child(2) .nh-quick-icon,.nh-quick:nth-child(4) .nh-quick-icon{color:#e0a5ff;filter:drop-shadow(0 0 7px #d57affbb)}
.nh-quick-icon svg{width:31px;height:31px}
.nh-quick strong{font-size:12px;letter-spacing:-.02em}
.nh-quick small{color:#a8b7d4;font-size:8.5px;line-height:1.35;text-align:center;max-width:80px}
.nh-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.nh-project{overflow:hidden;position:relative;min-width:0;border:1px solid #9b92fa8e;border-radius:22px;min-height:232px;background:linear-gradient(145deg,#111935,#130c2c);color:white;padding:0;text-align:left;box-shadow:inset 0 0 19px #9f90ff1d,0 8px 26px #0005}
.nh-project img{position:absolute;inset:0;width:100%;height:72%;object-fit:cover;opacity:.91;transition:transform .3s}
.nh-project:active img{transform:scale(1.04)}
.nh-project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,#080f2c4a 53%,#080e25ee 73%,#081025 100%);pointer-events:none}
.nh-project-info{position:absolute;z-index:2;bottom:14px;left:13px;right:12px}
.nh-project-info strong{display:block;font-size:14px;letter-spacing:-.025em;margin-bottom:3px}
.nh-project-info small{display:block;font-size:10px;line-height:1.45;color:#becbea}
.nh-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.nh-tags i{font-style:normal;border:1px solid #9fb5ff69;border-radius:20px;color:#cddcff;padding:4px 7px;font-size:9px;background:#222c5999}
.nh-ai-tool{position:relative;overflow:hidden;min-height:123px;padding:16px 13px;display:flex;align-items:center;gap:11px;border:1px solid #ac91ffae;border-radius:25px;background:radial-gradient(circle at 3% 62%,#147aba84,transparent 42%),linear-gradient(115deg,#15204c,#28164f);box-shadow:inset 0 1px 0 #cac1ff59,0 12px 36px #2c0e5955}
.nh-ai-orbit{position:relative;display:grid;place-items:center;width:78px;height:78px;flex:0 0 78px;border-radius:50%;background:radial-gradient(circle at 28% 26%,#dcffff,#41cdff 17%,#4d4ee8 39%,#a235e7 62%,#10122e 78%);box-shadow:0 0 18px #35aaffaa,0 0 30px #ac58f69a;animation:nh-pulse 7s ease-in-out infinite}
.nh-ai-orbit:before{content:"";position:absolute;inset:18px -13px;border:2px solid #dbb9ff;border-radius:50%;transform:rotate(-28deg) scaleY(.58);box-shadow:0 0 8px #bd64ff}
.nh-ai-copy{min-width:0;flex:1}.nh-ai-copy strong{display:block;font-size:19px;letter-spacing:.02em}.nh-ai-copy p{font-size:10px;color:#c4d5f6;line-height:1.55;margin-top:4px}
.nh-ai-tool .nh-primary{padding:10px 12px;min-height:37px;white-space:nowrap;font-size:10px}
.nh-footer{font-size:10px;color:#8294b4;margin:20px 3px 0;line-height:1.7;border-left:2px solid #8b7eff87;padding:0 11px}
@keyframes nh-pulse{0%,100%{box-shadow:0 0 16px #35aaff88,0 0 30px #ac58f677}50%{box-shadow:0 0 23px #35aaffbb,0 0 42px #ac58f6bb}}
@media(max-width:370px){.nh-hero{padding:17px 12px;min-height:276px}.nh-hero h1{font-size:28px}.nh-hero-art{right:-170px}.nh-quick{min-height:107px}.nh-quick strong{font-size:11px}.nh-quick small{font-size:8px}.nh-ai-orbit{height:59px;width:59px;flex-basis:59px}.nh-ai-copy strong{font-size:16px}.nh-ai-tool{gap:8px;padding:12px 9px}.nh-ai-tool .nh-primary{font-size:9px;padding:8px}}
@media(min-width:510px){.nh-hero-art{right:-100px}.nh-hero-content{max-width:295px}.nh-hero p{max-width:255px}.nh-project{min-height:255px}.nh-quick{min-height:124px}.nh-quick strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.nh-ai-orbit{animation:none!important}.nh-quick,.nh-primary,.nh-project img{transition:none!important}}