@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#212231;--muted:#777987;--purple:#7760d7;--border:#e9e8ee;--bg:#f7f7fa}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px 'DM Sans',Arial,sans-serif}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:.18s}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #aa91ff;outline-offset:3px}aside{width:238px;background:#171823;color:#b5b5c3;position:fixed;inset:0 auto 0 0;padding:32px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:10px;align-items:center;color:white;font-family:Manrope,Arial;font-weight:800;font-size:17px}.brand img{width:43px;height:37px;object-fit:cover;border-radius:8px}.brand small{display:block;letter-spacing:2.4px;font-size:9px;color:#af9cfa;margin-top:6px}.navlabel{font-size:9px;letter-spacing:1.6px;margin:48px 14px 15px;color:#767889}nav a{display:flex;gap:13px;padding:13px 15px;margin-bottom:6px;border-radius:8px;font-weight:500}nav a:hover{background:#252533}nav a.active{background:#7961d8;color:white;box-shadow:0 6px 20px #0002}nav a span{font-size:17px;width:20px;text-align:center}.sidebottom{margin-top:auto;padding:20px 14px 0;border-top:1px solid #30303d;font-size:11px}.sidebottom p{line-height:1.8;color:#777b8d}.sidebottom a{color:#c5b5ff}.statusdot{display:inline-block;width:6px;height:6px;background:#a8d4b4;border-radius:50%;margin-right:5px}.shell{margin-left:238px}header{height:84px;padding:0 42px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px}.crumb{font-size:12px;color:var(--muted)}.crumb span{margin:0 12px;color:#ccc}.crumb b{font-weight:500;color:var(--ink)}.headright{display:flex;align-items:center;gap:23px}.badge{font-size:11px;color:#767185}.primary,.secondary,.textbtn{border:0;border-radius:7px;padding:12px 18px;font-weight:600;font-size:12px}.primary{background:var(--purple);color:white}.primary:hover{background:#6046c0;transform:translateY(-1px)}.secondary{background:white;border:1px solid var(--border);color:var(--ink)}.textbtn{background:#f2eefc;color:#7860ca}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:25px;letter-spacing:-.8px;margin:0 0 8px}h2{font-size:17px;letter-spacing:-.4px;margin:0}h3{font-size:14px;margin:0 0 8px}p{line-height:1.65}.subtitle{margin:0;color:var(--muted);font-size:12px}main{max-width:1480px;margin:auto;padding:34px 42px 45px}.hero{position:relative;overflow:hidden;border:1px solid #e2d9f8;border-radius:14px;padding:36px 34px;min-height:256px;background:linear-gradient(110deg,#eee8fd,#f2edfc 57%,#ded8fa);display:flex;align-items:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#7b60bd}.hero h2{font-size:35px;letter-spacing:-1.2px;line-height:1.22;margin:13px 0}.hero p{font-size:12px;color:#726987;max-width:360px;margin-bottom:22px}.heroart{position:absolute;right:1%;top:0;width:43%;height:100%;display:grid;place-items:center;pointer-events:none}.orbit{position:absolute;border:1px solid #c9b9ed88;width:280px;height:280px;border-radius:50%;transform:rotateX(28deg) rotate(-25deg)}.orbit:nth-child(2){width:205px;height:205px}.orb{font-family:Manrope;font-size:43px;letter-spacing:-4px;font-weight:800;color:#f8f3ff;background:radial-gradient(circle at 30% 20%,#bfabf4,#7651c2 58%,#492b91);height:139px;width:139px;display:grid;place-items:center;border-radius:36px;transform:rotate(-12deg);box-shadow:12px 27px 35px #7653bb44,inset 2px 2px 4px #fff9}.float{position:absolute;background:#fffdfd;box-shadow:0 7px 25px #7860aa18;padding:10px 13px;border-radius:9px;font-size:10px;color:#77658e}.f1{top:42px;right:12px}.f2{bottom:33px;left:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:23px 0 28px}.metric,.card{background:#fff;border:1px solid var(--border);border-radius:11px}.metric{padding:18px 20px}.metric .icon{float:right;background:#f2eefb;color:#8970c8;padding:8px;border-radius:8px}.metric label{font-size:11px;color:var(--muted)}.metric strong{display:block;font:750 27px Manrope;margin:10px 0 7px}.metric small{color:#95939f;font-size:10px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:28px 0 15px}.sectionhead a{font-size:11px;color:var(--purple)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{padding:21px;cursor:pointer}.service:hover{border-color:#bea8eb;transform:translateY(-3px)}.tileicon{background:#f2edfc;color:#8764cd;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;margin-bottom:16px;font-size:18px}.service p{font-size:11px;color:var(--muted);margin:0;min-height:36px}.service .arrow{float:right;color:#b4a3ce}.twocol{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:26px}.proof{overflow:hidden}.proof img{width:100%;height:166px;object-fit:cover;object-position:top}.proofbody{padding:21px}.pill{font-size:9px;border-radius:5px;padding:5px 8px;background:#f0edf9;color:#8565bd;display:inline-block}.proofbody h3{font-size:18px;margin:10px 0 5px}.proofbody p{font-size:11px;color:var(--muted)}.proofbody a{font-size:11px;color:var(--purple);font-weight:600}.activity{padding:23px}.activity ul{list-style:none;padding:0;margin:20px 0 0}.activity li{padding:0 0 20px 23px;border-left:1px solid #e8e2f3;position:relative;font-size:11px}.activity li:before{content:'';width:7px;height:7px;position:absolute;left:-4px;top:4px;background:#ad96dd;border-radius:50%}.activity li small{display:block;color:#9b98a4;margin-top:5px}.note{font-size:11px;color:#8f8b9c;background:#f0eef6;padding:12px 15px;border-radius:7px;line-height:1.6}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}input,select,textarea{border:1px solid #dfdce7;border-radius:7px;background:white;padding:12px;font:inherit;color:var(--ink);width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #bfa9f0}textarea{min-height:115px;resize:vertical}label.field{display:block;font-size:12px;margin:17px 0 6px;font-weight:600}.toolbar input{max-width:320px}.toolbar select{max-width:175px}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package{padding:25px}.package.featured{border:1px solid #b79adc;background:linear-gradient(#f8f4ff,#fff)}.package h2{font-size:22px;margin:15px 0}.package p{color:var(--muted);font-size:12px}.package ul{padding-left:18px;font-size:12px;line-height:2.5;color:#666475}.package button{width:100%;margin-top:10px}.tablewrap{overflow:auto;border:1px solid var(--border);border-radius:10px;background:white}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:10px;color:#95909f;font-weight:500;background:#fcfbfe;padding:16px 20px}td{padding:18px 20px;border-top:1px solid var(--border);font-size:12px}td select{font-size:11px;padding:6px;min-width:118px}.empty{padding:45px;text-align:center;color:#888}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.column{border-radius:10px;background:#eeedf3;padding:16px}.column h3{font-size:11px;color:#7d748b;margin-bottom:18px}.project{padding:19px;margin-bottom:12px}.project p{font-size:11px;color:var(--muted)}.project select{font-size:11px;padding:7px}.bar{height:6px;background:#eeeaf5;border-radius:5px;overflow:hidden;margin:17px 0 9px}.bar i{display:block;height:100%;background:#9d81d7}.chart{padding:25px}.bars{display:flex;align-items:end;gap:17px;height:180px;margin:28px 0 12px;border-bottom:1px solid var(--border)}.bars div{flex:1;background:#b49bdf;border-radius:5px 5px 0 0;position:relative;min-height:3px}.bars span{position:absolute;bottom:-24px;left:0;width:100%;text-align:center;font-size:9px;color:#999}.chartlegend{font-size:11px;color:#999;margin-top:35px}.settings{max-width:700px;padding:28px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog{border:1px solid #e9e3f0;border-radius:16px;padding:30px;width:min(570px,calc(100% - 30px));max-height:90vh;box-shadow:0 30px 100px #17112944}dialog::backdrop{background:#17152988;backdrop-filter:blur(4px)}.close{float:right;border:0;background:#f2eff7;border-radius:50%;width:28px;height:28px;color:#82768f}.modalhead{margin-bottom:22px}.modalhead h2{font-size:24px;margin-top:12px}.modalhead p{font-size:12px;color:var(--muted)}.steps{display:flex;gap:7px;margin:20px 0}.steps i{height:4px;background:#e9e3f3;flex:1;border-radius:3px}.steps i.done{background:#9471d5}.modalactions{display:flex;justify-content:space-between;margin-top:25px;gap:10px}.previewtext{white-space:pre-wrap;background:#f7f5fa;padding:18px;border-radius:8px;font-size:12px;line-height:1.8}.templ{padding:25px}.templ p{color:#888;font-size:12px}footer{padding:20px 42px 28px;display:flex;justify-content:space-between;font-size:10px;color:#a09ba9}#toast{position:fixed;bottom:25px;right:25px;background:#292436;color:white;border-radius:8px;padding:15px 20px;display:none;z-index:100}.mobileonly{display:none}@media(min-width:1450px){.heroart{right:7%}.hero{padding:40px}}@media(max-width:1100px){aside{width:200px}.shell{margin-left:200px}main{padding:28px 25px}header{padding:0 25px}.headright .badge{display:none}.hero h2{font-size:30px}.heroart{right:-4%}.hero p{max-width:290px}.metrics{gap:10px}.metric{padding:16px}.twocol{grid-template-columns:1fr 1fr}.services{gap:10px}.service{padding:17px}.board{gap:10px}}@media(max-width:760px){aside{position:relative;width:100%;padding:16px 18px}.navlabel,.sidebottom{display:none}.brand{font-size:16px}.brand small{display:inline;margin-left:8px;font-size:8px}nav{display:flex;overflow-x:auto;margin-top:18px;gap:5px}nav a{white-space:nowrap;font-size:11px;padding:9px 12px;margin:0}nav a span{font-size:13px;width:auto}.shell{margin:0}header{height:64px;padding:0 20px}.crumb{font-size:10px}.headright{gap:0}.headright button{font-size:10px;padding:10px}.crumb span{margin:0 5px}main{padding:25px 18px}.pagehead{align-items:flex-start}h1{font-size:23px}.pagehead .badge{display:none}.hero{padding:26px 23px;min-height:300px;align-items:start}.hero h2{font-size:29px;position:relative;z-index:1}.hero p{max-width:240px;position:relative;z-index:1}.heroart{width:42%;right:-5%;top:55px;opacity:.6}.orb{width:92px;height:92px;font-size:30px;border-radius:24px}.orbit{width:165px;height:165px}.orbit:nth-child(2){width:125px;height:125px}.float{display:none}.hero .primary{position:relative;z-index:1}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:24px}.services{grid-template-columns:1fr 1fr}.service p{min-height:54px}.twocol,.packages,.board{grid-template-columns:1fr}.proof img{height:190px}.sectionhead h2{font-size:16px}.formgrid{grid-template-columns:1fr}.toolbar input,.toolbar select{max-width:none}.pagehead .secondary{padding:9px;font-size:10px}footer{padding:20px;gap:10px;line-height:1.6}footer span:last-child{display:none}dialog{padding:24px}.chart{padding:20px}}

.buildergrid{display:grid;grid-template-columns:330px 1fr;gap:22px;margin-top:24px;align-items:start}.buildconfig{padding:25px}.buildconfig h2{margin-top:12px}.buildpreview{min-height:620px;overflow:hidden}.previewempty{padding:100px 40px;text-align:center}.previewempty .tileicon{margin:0 auto 25px}.previewempty h2{font-size:26px;margin:16px 0}.previewempty p{max-width:350px;margin:0 auto;color:#8a8195;font-size:12px}.ghostlines{max-width:280px;margin:30px auto}.ghostlines i{display:block;background:#f0edf7;height:11px;border-radius:5px;margin:12px}.ghostlines i:nth-child(2){width:70%}.browserbar{display:flex;justify-content:space-between;background:#f1eef6;color:#a394b8;padding:15px;font-size:9px}.browserbar b{font-weight:600;font-size:8px;letter-spacing:1px}.conceptbody{padding:30px}.conceptbody>h2{font-size:29px;line-height:1.25;margin:18px 0}.conceptdesc{font-size:13px;color:#83758e;white-space:pre-wrap;overflow-wrap:anywhere}.conceptcta{background:var(--accent);margin:15px 0 24px}.conceptfeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 25px}.conceptfeatures>div{padding:15px;background:#f7f5fa;border-radius:8px}.conceptfeatures b{font-size:11px}.conceptfeatures p{font-size:10px;color:#9a8fa5}.keepbar{border-top:1px solid #ede6f4;margin-top:30px;padding-top:20px}.keepbar p{font-size:11px;color:#95899e}.keepbar b{color:#514260}.simnote{font-size:9px;color:#aa9fb4;line-height:1.6;margin-top:20px}.conceptmetrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.conceptmetrics>div{background:#f4f0f9;border-radius:9px;padding:20px}.conceptmetrics b{display:block;font-size:21px;color:var(--accent)}.conceptmetrics span{font-size:10px;color:#9787a2}.sampleinquiries>div{padding:15px;border:1px solid #ece5f3;border-radius:8px;margin-top:10px}.sampleinquiries p{font-size:12px;color:#95899e}.agentdemo{margin-top:25px;background:#f8f5fc;padding:20px;border-radius:12px}.agentdemo>p{font-size:12px;color:#8c7b9b}.agentinput{display:flex;gap:8px;margin-top:20px}.agentinput input{font-size:12px;min-width:0}.agentinput button{white-space:nowrap}.message{margin:15px 0;border-radius:8px;padding:12px 15px;background:white}.message.visitor{margin-left:30px;background:#eee6fb}.message small{font-size:8px;letter-spacing:1px;color:#9984ac}.message p{margin:8px 0 0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1050px){.buildergrid{grid-template-columns:1fr}.buildconfig textarea{min-height:85px}.buildpreview{min-height:450px}}@media(max-width:550px){.conceptbody{padding:22px}.conceptfeatures{grid-template-columns:1fr}.conceptbody>h2{font-size:25px}.browserbar{font-size:8px}}@media print{.buildpreview{display:none}}

body.intro-active{overflow:hidden}.studio-intro{position:fixed;inset:0;z-index:10000;background:#07020d;isolation:isolate;color:#fff;display:grid;place-items:center}.studio-intro video{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;z-index:-2}.intro-shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,#090211ed);z-index:-1}.intro-brand{position:absolute;top:30px;left:35px;font:800 22px Manrope,Arial;letter-spacing:3px;text-shadow:0 0 20px #c026ff}.intro-brand span{display:block;font-size:9px;font-weight:500;letter-spacing:5px;margin-top:8px;color:#d6b8fa}.intro-actions{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));text-align:center;left:20px;right:20px}.intro-actions p{font-size:10px;letter-spacing:3px;color:#e2c5fa;text-shadow:0 1px 8px #000}#enter-studio{display:block;width:min(340px,100%);margin:18px auto;padding:18px 30px;border-radius:12px;border:1px solid #e3a2ff;background:linear-gradient(110deg,#5b2394,#b52ae0,#562aa9);color:#fff;font-weight:800;letter-spacing:3px;box-shadow:0 0 28px #ad35ef66,inset 0 1px #ffffff55}#enter-studio span{margin-left:25px}#enter-studio:hover{transform:translateY(-2px);box-shadow:0 0 40px #c35bff99}#intro-sound{border:1px solid #a98ac1;border-radius:20px;padding:9px 17px;background:#120a1fcc;color:#edd7ff;font-size:10px;letter-spacing:1px}.intro-actions small{display:block;color:#9d86af;font-size:10px;margin-top:14px}@media(max-width:600px){.intro-brand{top:22px;left:22px}.intro-actions{bottom:max(25px,env(safe-area-inset-bottom))}.intro-actions p{font-size:8px;letter-spacing:2px}.studio-intro video{object-fit:contain}}

.install-pop{cursor:pointer}.intro-install{display:block;margin:12px auto 0;border:0;background:transparent;color:#d1b5ea;font-size:10px;letter-spacing:1px}.sidebar-install{border:1px solid #57426e;border-radius:7px;background:#2a223a;color:#ddc7f7;padding:11px;width:100%;font-size:10px;margin-bottom:20px}.install-dialog{max-width:450px;color:#292137}.install-dialog h2{font-size:23px;margin:14px 0}.install-dialog p,.install-dialog li{font-size:13px;color:#84768e;line-height:1.8}.install-dialog ol{padding-left:22px}.install-icon{height:64px;width:64px;border-radius:15px}.install-dialog button{margin-top:15px}.intro-actions{padding-bottom:env(safe-area-inset-bottom)}@media(display-mode:standalone){.install-pop{display:none!important}header{padding-top:env(safe-area-inset-top);height:calc(84px + env(safe-area-inset-top))}.intro-brand{top:calc(25px + env(safe-area-inset-top))}aside{padding-top:calc(32px + env(safe-area-inset-top))}}@media(max-width:760px) and (display-mode:standalone){header{height:calc(64px + env(safe-area-inset-top))}}@media(max-width:760px){.intro-install{font-size:9px}.intro-actions small{margin-top:8px}.intro-actions p{margin-bottom:8px}#enter-studio{margin:10px auto}.intro-actions{bottom:max(18px,env(safe-area-inset-bottom))}}