/* POP AI: dark glass, sculpted surfaces and purple/cyan studio lighting. */
:root{color-scheme:dark;--ink:#f2ecff;--muted:#afa7c1;--purple:#b684ff;--border:#40344f;--bg:#090710}
html{background:#090710}body{background:radial-gradient(ellipse at 80% 0%,#28103c66,transparent 50%),radial-gradient(ellipse at 15% 80%,#063c4550,transparent 50%),#090710;color:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#9f67e806 1px,transparent 1px),linear-gradient(90deg,#9f67e806 1px,transparent 1px);background-size:54px 54px}aside{background:linear-gradient(160deg,#181021,#090a13 70%);border-right:1px solid #493452;box-shadow:12px 0 55px #0005}.brand{color:#fff}.brand img{box-shadow:0 0 20px #ae57f533;border:1px solid #695078}.brand small{color:#d8a3ff}.navlabel{color:#8e7d9f}.sidebottom{border-color:#3a2a46;color:#c2b1d4}.sidebottom p{color:#a695b8}.sidebottom a{color:#dbafff}nav a{color:#b8a8ca;border:1px solid transparent}nav a:hover{background:#291b3a;border-color:#56366d;color:#fff}nav a.active{background:linear-gradient(135deg,#8342c4,#4d256e);border-color:#ba80ee;box-shadow:inset 0 1px #edc7ff66,0 7px 0 #180a25,0 12px 28px #913de235;color:#fff}header{background:#0f0b17db;backdrop-filter:blur(18px);border-color:#3c2b4b;box-shadow:0 8px 25px #0003}.crumb{color:#a995bf}.crumb b{color:#f3e9ff}.crumb span{color:#604571}.badge{color:#c5a9df}h1,h2,h3{color:#f4edff}h1{font-weight:800;letter-spacing:-1px}.subtitle{color:#b2a3c3}.primary{background:linear-gradient(120deg,#b26bf7,#7934bb 65%,#532681);border:1px solid #d3a4ff;box-shadow:inset 0 1px #f8e5ff66,0 4px 0 #3e165e,0 8px 24px #a239d236;color:#fff;text-shadow:0 1px 2px #31143f}.primary:hover{background:linear-gradient(120deg,#d394ff,#9851db);box-shadow:inset 0 1px #fff8,0 6px 0 #431768,0 15px 35px #c451ff55;transform:translateY(-2px)}.secondary{background:linear-gradient(145deg,#2c213a,#191321);border-color:#725082;box-shadow:inset 0 1px #ffffff14,0 3px 0 #09060d;color:#e5d3f5}.secondary:hover{border-color:#bb7ef1;color:#fff}.textbtn{background:#2b1b3a;color:#e5bdff;border:1px solid #593770}.hero{min-height:370px;padding:38px;background:radial-gradient(ellipse at 70% 25%,#7132b344,transparent 60%),linear-gradient(125deg,#191025,#130c20 55%,#150b25);border:1px solid #72478e;border-radius:19px;box-shadow:inset 0 1px #e6b6ff44,inset 0 -2px 1px #0008,0 9px 0 #08050d,0 20px 70px #660b9a30;isolation:isolate}.hero>div:first-child{position:relative;z-index:2;max-width:58%}.hero h2{font-size:43px;line-height:1.16;letter-spacing:-1.8px;text-shadow:0 2px 0 #4a255f,0 8px 25px #0007;background:linear-gradient(130deg,#fff 5%,#eac6ff 60%,#b4f3ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{color:#c2afcf;max-width:350px;font-size:13px}.eyebrow{color:#d5a2ff;letter-spacing:2px}.heroart{width:49%;height:100%;right:0;top:0;background-image:linear-gradient(90deg,#150d21 0%,transparent 38%),linear-gradient(0deg,#140c20 0%,transparent 35%),url('/pop-platform/pop-ai-studio-share-v76.jpg');background-size:100% 100%,100% 100%,220% auto;background-position:center,center,4% 45%;background-repeat:no-repeat;transform:perspective(1000px) rotateY(-8deg);transform-origin:right center;border-radius:0 18px 18px 0}.heroart .orb,.heroart .orbit{display:none}.heroart:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 20%,#bb54ff11 70%,#45daf522);border-radius:inherit;pointer-events:none}.float{background:linear-gradient(145deg,#241733e8,#100d1ce8);border:1px solid #9e69c2;color:#f2daff;box-shadow:inset 0 1px #ebcaff44,0 6px 0 #09060b,0 15px 40px #0008;backdrop-filter:blur(10px);z-index:3;font-size:10px}.f1{right:18px;top:25px;transform:rotate(3deg)}.f2{left:14px;bottom:29px;transform:rotate(-3deg);border-color:#56b9cf;color:#bcf4ff}.sectionhead{margin-top:34px}.sectionhead a{color:#d0a0ff}.card,.metric{background:radial-gradient(ellipse at 10% 0%,#ad64db0e,transparent 65%),linear-gradient(145deg,#21172d,#110d1a 80%);border-color:#59406c;box-shadow:inset 0 1px #ddacff25,inset 0 -1px #0007,0 6px 0 #08050d,0 15px 30px #0004;border-radius:14px}.services{gap:20px;perspective:1200px}.service{min-height:184px;position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .25s,border-color .25s,box-shadow .25s}.service:before{content:"";position:absolute;right:-50px;top:-60px;width:150px;height:150px;background:radial-gradient(circle,#9d4ed423,transparent 65%);pointer-events:none}.service:nth-child(3n+2):before{background:radial-gradient(circle,#35dbf51c,transparent 65%)}.service:hover,.service:focus-visible{transform:translateY(-7px) rotateX(2deg);border-color:#c388ef;box-shadow:inset 0 1px #e0b6ff55,0 8px 0 #0b0710,0 22px 40px #7d28aa30}.service p{color:#c1b2cf;font-size:12px;line-height:1.65}.service .arrow{color:#d0a2ed}.tileicon{background:linear-gradient(140deg,#6b3b8b,#251633);border:1px solid #b175d7;color:#f0ceff;box-shadow:inset 0 1px #f6dbff77,2px 4px 0 #140b1d,0 8px 20px #9a34ce22;width:39px;height:39px}.service:nth-child(3n+2) .tileicon{background:linear-gradient(135deg,#236779,#142733);border-color:#65bccf;color:#b0f4ff}.pill{background:#3b204d;color:#e7bbff;border:1px solid #784697;box-shadow:inset 0 1px #d59ded1c}.proof img{filter:saturate(1.12);border-bottom:1px solid #655077}.proofbody p,.templ p,.package p{color:#bbaacb}.proofbody a{color:#d0a0ff}.activity li{border-color:#604275;color:#e0cfea}.activity li:before{background:#b77be3;box-shadow:0 0 10px #d07bff}.activity li small{color:#a68eb9}.note{background:linear-gradient(120deg,#2c193b,#151827);border:1px solid #583d70;color:#c8b3da;box-shadow:inset 3px 0 #a75cda}.package.featured{background:radial-gradient(ellipse at 50% 0%,#70358b55,transparent 70%),linear-gradient(#2e1740,#140d20);border-color:#bc75e6;box-shadow:inset 0 1px #ffcfff66,0 7px 0 #0b0610,0 18px 45px #a23dda24}.package ul{color:#c8b2d9}.package .eyebrow{font-size:8px;letter-spacing:1.5px}.package h2{color:#f4dcff}.package .secondary{color:#edd9ff}.buildconfig{background:linear-gradient(150deg,#261733,#100d19)}input,select,textarea{color:#f0e3fb;background:#120d1c;border-color:#67477e;box-shadow:inset 0 2px 6px #0005}input::placeholder,textarea::placeholder{color:#947eaa}input:focus,select:focus,textarea:focus{outline:2px solid #c280f4;border-color:transparent;box-shadow:0 0 18px #9b3bd328}label.field{color:#d9bfe9}.buildpreview{background:radial-gradient(ellipse at 60% 30%,#321c4440,transparent 65%),#100c18;border-color:#85509e;box-shadow:inset 0 1px #efd3ff33,0 7px 0 #07050b,0 20px 60px #0005}.previewempty{background:radial-gradient(ellipse at 50% 45%,#522e6d22,transparent 60%)}.previewempty p{color:#bba6cc}.ghostlines i{background:linear-gradient(90deg,#58327455,#31213e);border:1px solid #74439433}.browserbar{background:linear-gradient(90deg,#382047,#1b1327);color:#d2a7ea;border-bottom:1px solid #6c4483}.conceptbody{background:linear-gradient(145deg,#1c1228,#0c0a13)}.conceptdesc{color:#c6afd7}.conceptfeatures>div,.conceptmetrics>div{background:linear-gradient(145deg,#31203e,#1b1327);border:1px solid #67447d;box-shadow:inset 0 1px #f0ccff1a,0 4px 0 #09070e}.conceptfeatures b{color:#ebd9f6}.conceptfeatures p,.conceptmetrics span{color:#b5a0c7}.conceptmetrics b{color:#d8acff}.sampleinquiries>div{border-color:#654779;background:#21142e}.sampleinquiries p{color:#bea7d0}.agentdemo{background:#160f22;border:1px solid #66417c;box-shadow:inset 0 1px #efd0ff22}.agentdemo>p{color:#c3a9d5}.message{background:#261733;border:1px solid #5c3a72;color:#e9d7f4}.message.visitor{background:#3e2354;border-color:#8753a7}.message small{color:#c28fe0}.keepbar{border-color:#634276}.keepbar p{color:#bba5cf}.keepbar b{color:#f0d8ff}.simnote{color:#a793b9}.chartlegend{color:#ae99bd}.bars{border-color:#4b345c}.tablewrap,th{background:#1a1125}td,th{border-color:#49315a}.column{background:#170e22}.column h3{color:#c3a5d8}.previewtext{background:#130d1c;border:1px solid #634079;color:#e8d5f6}dialog,.install-dialog{background:radial-gradient(ellipse at 0 0,#41234e44,transparent 65%),#17101f;color:#efe2f7;border:1px solid #a269be;box-shadow:inset 0 1px #efd2ff55,0 25px 120px #000c}.modalhead p,.install-dialog p,.install-dialog li{color:#bfa9cf}.modalhead h2,.install-dialog h2{color:#f3e3ff}.close{background:#3a254c;color:#e9ccff;border:1px solid #76528b}dialog::backdrop{background:#06020cbb;backdrop-filter:blur(9px)}.install-icon{border:1px solid #9b6eb6;box-shadow:0 0 25px #ae56e333}footer{color:#9f87b0}.sidebar-install{background:linear-gradient(120deg,#422353,#21132d);border-color:#8a56a7;color:#f0d5ff;box-shadow:inset 0 1px #efcfff33,0 3px 0 #08050d}#toast{background:linear-gradient(120deg,#522b69,#20152e);border:1px solid #a76ec7;box-shadow:0 12px 40px #0009;color:#f5e7ff}.studio-intro.intro-waiting{background:radial-gradient(ellipse at 50% 45%,#43165a 0%,#170820 45%,#07020d 80%)}
@media(min-width:1500px){.hero h2{font-size:49px}.hero{min-height:390px}.hero p{max-width:420px}}@media(max-width:1050px){.hero{padding:30px;min-height:340px}.hero h2{font-size:36px}.heroart{width:46%;background-size:100% 100%,100% 100%,260% auto}.float{font-size:8px;padding:9px}.f1{right:8px}.f2{left:8px}}@media(max-width:760px){aside{box-shadow:0 8px 30px #0005}.hero{padding:28px 24px;min-height:335px}.hero h2{font-size:34px;line-height:1.2}.hero>div:first-child{max-width:78%}.hero p{font-size:12px;max-width:245px}.heroart{right:-5%;width:53%;opacity:.65;background-size:100% 100%,100% 100%,300% auto;mask-image:linear-gradient(90deg,transparent,black 40%)}.heroart .float{display:none}.service{min-height:185px;padding:20px 16px}.service h3{font-size:13px}.service p{font-size:11px}.services{gap:15px}.primary{font-size:11px}.hero .primary{padding:13px 17px}.sidebar-install{font-size:10px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}nav a.active{box-shadow:inset 0 1px #edc7ff55,0 3px 0 #180a25}.intro-revealing .shell{animation-name:popWebsiteReveal}}
@media(prefers-reduced-motion:reduce){.service,.primary,.heroart,.float{transition:none}.service:hover{transform:none}}

.hero h2{text-shadow:0 0 35px #ba7eff22;background-image:linear-gradient(125deg,#ffffff,#efdaff 65%,#c4f7ff)}
