/* NeuroSite — a unified cosmic visual language for landing and workspace. */
:root{--bg:#070711;--panel:#121024;--line:#b18bff23;--muted:#a59cb9;--accent:#ad78ff;--green:#c4ff85;color:#f6f2ff;background:#070711;font-family:Arial,Helvetica,sans-serif}
body{background:radial-gradient(ellipse at 5% 24%,#5d279520,transparent 34%),radial-gradient(ellipse at 95% 52%,#2a3e8b21,transparent 40%),#070711}
button,a{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s,color .2s}::selection{background:#8b45dc;color:#fff}
.btn{border-radius:11px;padding:13px 21px;font-size:12px;border-color:#b48bff38;background:linear-gradient(120deg,#27203988,#141225bb);box-shadow:inset 0 1px 0 #ffffff08}
.btn:hover{border-color:#b38aff99;background:#35224c;box-shadow:0 4px 24px #7a2ee526}.btn.primary{background:linear-gradient(115deg,#674bff,#852af5);border-color:#ad73ff75;color:#fff;box-shadow:inset 0 1px 0 #d7b8ff44,0 5px 24px #7532df35}.btn.primary:hover{background:linear-gradient(115deg,#7e60ff,#a044ff);box-shadow:0 7px 32px #8e39ff5c}.btn.light{background:linear-gradient(115deg,#d3ffad,#adf473);color:#162610;border-color:#c9ff91}.textlink{color:#c1a0ff;text-underline-offset:4px}
.section{max-width:1380px;margin:100px auto;padding:0 5%}.section-title{margin-bottom:38px;gap:35px}.section h2{font-size:clamp(32px,3.1vw,49px);font-weight:500;letter-spacing:-.045em;line-height:1.13}.section-title p{font-size:14px;color:#b3a7c7;line-height:1.8;max-width:365px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#b787ff}.small-business-story{padding-top:70px;border-top:1px solid #a768ff26}.business-benefits{gap:20px}.business-benefits article{position:relative;overflow:hidden;padding:32px;border:1px solid #aa78ff29;border-radius:23px;background:radial-gradient(ellipse at 100% 0,#6c31a928,transparent 70%),linear-gradient(145deg,#19122a,#0e0d1b);box-shadow:inset 0 1px 0 #e3c9ff0c,0 18px 40px #0003}.business-benefits article:after{content:'✧';position:absolute;right:20px;top:12px;color:#a95cff25;font-size:80px;pointer-events:none}.business-benefits span{color:#b787ff;letter-spacing:.15em}.business-benefits h3{font-size:24px;font-weight:500;margin:35px 0 16px}.business-benefits p{font-size:13px;line-height:1.85;color:#b5abc6}.business-benefits article:hover{border-color:#a670ff77;box-shadow:0 18px 50px #5e1db91a}
.steps{border:0;gap:20px;border-radius:0;overflow:visible}.step{position:relative;border:1px solid #a56aff29!important;border-radius:23px;padding:32px;background:linear-gradient(145deg,#21143299,#0c0c1c);box-shadow:inset 0 1px 0 #fff1}.step small{color:#bb85ff}.step h3{font-size:23px;line-height:1.2;margin:35px 0 16px;font-weight:500}.step p{font-size:13px;color:#b0a4c0;line-height:1.8}
.theme-grid{grid-template-columns:repeat(4,1fr);gap:16px}.theme-card{border:1px solid #b88aff29;background:linear-gradient(145deg,#241832,#11101f);border-radius:17px;padding:10px;overflow:hidden;box-shadow:inset 0 1px 0 #fff1}.theme-card:hover{border-color:#b985ff;box-shadow:0 12px 35px #7f30da26;transform:translateY(-4px)}.theme-art{height:140px;border-radius:10px;background:radial-gradient(ellipse at 75% 10%,var(--color),transparent 140%),#100e20}.theme-card span{padding:15px 9px 8px;font-size:13px;color:#e1d1f4}.mini-cube{box-shadow:13px 13px 0 -1px #ffffff12,13px 13px 0 0 #ffffff55,0 0 35px #c6a4ff3b}
.feature-grid{gap:20px}.feature{border:1px solid #a86eff26;border-radius:21px;background:radial-gradient(ellipse at 0 0,#6b2cb029,transparent 70%),#111020;padding:30px;box-shadow:inset 0 1px 0 #fff1}.feature .icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;border:1px solid #aa69ff40;color:#c28aff;background:#8e36ed17;font-size:25px}.feature h3{font-size:21px;margin:24px 0 14px;font-weight:500}.feature p{font-size:13px;line-height:1.85;color:#b4a9c7}.feature:hover{border-color:#a76aff70;transform:translateY(-3px)}
.faq{max-width:900px}.faq h2{margin-bottom:35px}.faq details{padding:23px 26px;border:1px solid #b288ff29;background:linear-gradient(110deg,#1e152b,#100f1f);border-radius:15px;margin:12px 0;font-size:15px}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#be86ff;font-size:24px;font-weight:300}.faq details[open] summary:after{content:'−'}.faq details[open]{border-color:#b079ff60;background:#1e1530}.faq p{font-size:13px;line-height:1.85;color:#b6a7cc}
.cta{position:relative;overflow:hidden;border:1px solid #a96bff45;background:radial-gradient(ellipse at 50% 100%,#6f24b94d,transparent 72%),linear-gradient(130deg,#181129,#0b0b1a);padding:70px 25px;border-radius:28px;box-shadow:inset 0 1px 0 #c8a0ff26,0 20px 80px #0004}.cta:before{content:'';position:absolute;width:70%;height:110px;border:1px solid #a66bff50;border-radius:50%;bottom:-80px;left:15%;box-shadow:0 0 40px #9435ff70;pointer-events:none}.cta h2{margin:20px 0}.cta p{font-size:14px;color:#b9a6ce}.cta .btn{margin-top:15px;padding:16px 27px}.footer{border-color:#a86aff24;padding:38px 8%;gap:24px;background:#090713;color:#a699b8}.footer .brand b{color:#a459ff}.footer button{color:#ab9aba}
/* A collection of live worlds. */
.portfolio-feature{position:relative;grid-template-columns:.85fr 1.25fr;border:1px solid #a771ff45;border-radius:28px;padding:20px;gap:25px;background:radial-gradient(ellipse at 0 0,#7435b42d,transparent 65%),linear-gradient(130deg,#191125,#0b0c1a);box-shadow:0 20px 70px #0005,inset 0 1px 0 #d8b9ff17;overflow:hidden}.portfolio-story{padding:30px 22px;align-self:center}.portfolio-story h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(30px,3vw,48px);font-weight:500;line-height:1.1;letter-spacing:-.05em;color:#f3ebff;margin:22px 0}.portfolio-story p{font-size:13px;line-height:1.85;color:#b6a8cb}.portfolio-tags{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0}.portfolio-tags span{border:1px solid #b47aff2e;border-radius:20px;background:#a367ff0d;color:#c6b0e0;font-size:10px;padding:7px 10px}.portfolio-process{border-color:#b582ff25;margin:27px 0;padding:18px 0}.portfolio-process span{color:#b27cff}.portfolio-process b{color:#b4a5c9;font-size:10px}.portfolio-source{color:#9d8cb0;font-size:10px}.portfolio-live{border:1px solid #a77aff38;border-radius:20px;background:#0b0b1a;box-shadow:0 15px 45px #0005;overflow:hidden}.portfolio-live-bar{background:linear-gradient(110deg,#251a36,#0d0c1b);padding:14px 17px;font-size:8px;color:#cdb6ee}.portfolio-live-bar .dot{background:#ac61ff;box-shadow:0 0 9px #ac61ff}.portfolio-live iframe{height:530px}.portfolio-live-footer{padding:14px 17px;color:#a795bd;border-top:1px solid #aa75ff22;font-size:9px}.portfolio-heading-row{margin-top:48px;padding-bottom:18px;border-bottom:1px solid #b481ff24;color:#a790c4;font-size:10px;letter-spacing:.13em}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px}.portfolio-filters button{border:1px solid #ac7bff30;background:#171125;color:#ad9ac6;padding:10px 16px;border-radius:24px;font-size:11px}.portfolio-filters button:hover{color:#eee4ff;border-color:#ad78ff8c;background:#2d1d43}.portfolio-filters button.active{background:linear-gradient(110deg,#6946e4,#8531d7);border-color:#b786ff80;color:#fff;box-shadow:0 5px 20px #792dde35}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.portfolio-card{position:relative;border:1px solid #a178d532;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#20162e,#100e1d);box-shadow:inset 0 1px 0 #ffffff0d,0 12px 30px #0003;transition:transform .3s,border-color .3s,box-shadow .3s}.portfolio-card.selected{border-color:var(--case-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--case-accent) 18%,transparent),0 10px 40px #6430b420}.portfolio-card:hover{transform:translateY(-6px);border-color:var(--case-accent);box-shadow:0 18px 45px #0007,0 0 30px color-mix(in srgb,var(--case-accent) 10%,transparent)}
.portfolio-cover{display:block;position:relative;width:100%;height:290px;border:0;border-radius:0;padding:0;overflow:hidden;text-align:left;background:#10101d}.portfolio-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .6s ease,opacity .6s;filter:saturate(.9)}.portfolio-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08061038,transparent 25%,#08061025 45%,#0d091be8 100%);pointer-events:none}.portfolio-card:hover img{transform:scale(1.06);opacity:1;filter:saturate(1.1)}.portfolio-index{position:absolute;z-index:2;left:17px;top:17px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffffff30;border-radius:20px;background:#110b239c;backdrop-filter:blur(10px);color:#f5eeff;font-size:9px;letter-spacing:.02em}.portfolio-index i,.case-status{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--case-accent);box-shadow:0 0 8px var(--case-accent)}.portfolio-play{position:absolute;z-index:2;top:16px;right:16px;display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff44;border-radius:50%;background:#140d24a6;backdrop-filter:blur(8px);color:#fff;font-size:17px}.portfolio-card:hover .portfolio-play{background:var(--case-accent);color:#130b23;transform:rotate(45deg)}
.portfolio-image-title{position:absolute;z-index:2;left:22px;bottom:53px;max-width:85%;font:500 30px/1.07 Arial,Helvetica,sans-serif;color:#fff;letter-spacing:-.045em;text-shadow:0 3px 18px #0008}.portfolio-image-title small{display:block;font:8px/1.4 Arial;letter-spacing:.17em;margin-bottom:10px;color:#d6c7e9}.portfolio-view{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;align-items:center;justify-content:space-between;font:10px Arial;color:#eee3ff;letter-spacing:.015em}.portfolio-view>span{font-size:17px;color:var(--case-accent)}.portfolio-card-info{padding:20px 22px;gap:12px;background:linear-gradient(100deg,#21162f55,#110f21);align-items:center}.portfolio-card-info>div>span{display:block;font-size:8px;letter-spacing:.13em;color:var(--case-accent)}.portfolio-card-info h4{font-size:14px;line-height:1.3;color:#e4d8f2;font-weight:400;margin:7px 0 0}.portfolio-engine{display:block!important;border:1px solid #ba93ed30!important;background:#b693ff0b;border-radius:7px!important;padding:7px 9px!important;font-size:9px!important;color:#c4b4dc!important}.portfolio-card-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b58ce91c;padding:15px 22px;gap:10px;font-size:9px;color:#ac9dbf}.portfolio-card-meta>span{display:flex;align-items:center;gap:7px;max-width:none!important}.portfolio-card-meta button{font-size:10px;color:#dbc6ff;padding:0;background:none;border:0;white-space:nowrap}.portfolio-card-meta button span{margin-left:6px;color:var(--case-accent)}.portfolio-card-meta button:hover{color:#fff}.portfolio-disclosure{color:#8f80a5;font-size:10px;line-height:1.85;margin-top:25px;max-width:950px}
/* Workspace, editor, library, projects, forms and dialogs. */
.app-shell{grid-template-columns:230px 1fr;background:radial-gradient(ellipse at 70% 0,#5b269520,transparent 55%),#090914}.sidebar{background:linear-gradient(175deg,#1b102c,#0c0a18 55%);border-color:#b17aff26;padding:28px 16px}.sidebar .brand{font-size:23px;margin-bottom:40px}.sidebar .brand b{color:#a75aff}.sidebar small{font-size:8px;letter-spacing:.18em;color:#87749c}.side-nav{gap:5px!important}.side-nav button{font-size:12px!important;color:#ac9abd;padding:12px!important;border:1px solid transparent;border-radius:10px}.side-nav button:hover{background:#b366ff0d;border-color:#b577ff20;color:#eadbff}.side-nav button.active{background:linear-gradient(100deg,#6e33bd45,#6631b21a);border-color:#ac65ff42;color:#ddbcff;box-shadow:inset 3px 0 0 #aa66ff}.side-icon{color:#af74f2}.local-info{border:1px solid #a76cff25;background:#9d4cf908;border-radius:12px;color:#9882af}.local-info b{color:#c4a0ec}.account{border-color:#a068e62c}.avatar{background:linear-gradient(135deg,#6b3db0,#3e2568);color:#e4c9ff;box-shadow:0 0 20px #8740d328}.app-header{height:78px;background:#120d2088;border-color:#ab77ff25;backdrop-filter:blur(15px);padding:0 38px}.breadcrumbs{color:#9e86b7}.breadcrumbs b{color:#e9d7ff}.save-state{color:#a9d48d}.app-main{padding:38px;max-width:1680px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:32px;line-height:1.15;font-weight:500;letter-spacing:-.045em;color:#f3eaff}.page-heading p{color:#a894bd;font-size:12px;line-height:1.7}.notice{border:1px solid #ad77ff2b;border-radius:13px;padding:16px 20px;background:linear-gradient(100deg,#61319b1f,#22152d50);color:#bca5d3;line-height:1.8;font-size:11px}.panel,.editor-panel,.preview-panel{border:1px solid #a878ff30;border-radius:18px;background:linear-gradient(145deg,#1a1228,#100f1e);box-shadow:inset 0 1px 0 #fff1,0 12px 35px #0002}.panel{padding:28px}.panel h2,.panel h3{font-weight:500;letter-spacing:-.025em}.studio{gap:25px;grid-template-columns:minmax(310px,.85fr) minmax(360px,1.2fr)}.tabs{background:#1b122b;border-color:#ac70ff26;padding:0 12px}.tabs button{color:#a58abf;font-size:11px;padding:17px 12px}.tabs button.active{color:#dab5ff;border-color:#ad65ff;background:linear-gradient(0deg,#aa64ff18,transparent)}.editor-body{padding:10px 24px 25px}.editor-body h3{color:#d3b2f2;font-size:15px}.preview-toolbar{background:linear-gradient(110deg,#271733,#151025);border-color:#af7aff30;padding:13px 16px;color:#c7acdd}.preview-wrap{background:#080812}.preview-foot{color:#a38ab9;background:#140e21;border-top:1px solid #ab71ff22}.segmented{border:1px solid #af7aff25;border-radius:9px;background:#09071480}.segmented button{border-radius:6px;color:#a992bf}.segmented button.active{background:#8c4bd233;color:#e3c5ff}.icon-btn{color:#bda0d6;border-radius:6px}.icon-btn:hover{color:#ecd9ff;background:#ac74ff18}
.field,input,textarea,select{background:#100c1d;border:1px solid #a976ff30;border-radius:9px;color:#eee2fc;padding:13px;font-size:12px;box-shadow:inset 0 2px 5px #0002}input::placeholder,textarea::placeholder{color:#7f6c94}input:focus,textarea:focus,select:focus{border-color:#b37cff;box-shadow:0 0 0 3px #aa66ff14}label{color:#baa1cf;font-size:11px;line-height:1.6;margin:17px 0 8px}.check input{accent-color:#9b56f6}.scene-number{border:1px solid #ac76ff45;background:linear-gradient(135deg,#442963,#241832);border-radius:8px;color:#d6acff}.scene-row{border-color:#b07cff20;gap:10px;padding:14px 0}.list-item{border:1px solid #a977ff29;border-radius:12px;background:#af7aff05;padding:15px}.variant{border:1px solid #a973ff30;background:linear-gradient(140deg,#301c45,#151021);border-radius:10px;padding:18px 10px}.variant:hover{border-color:#b27bff;box-shadow:0 0 20px #9f40f41a}.background-picker button,.source-picker button{border-radius:9px;border-color:#ad7aff2a;background:#1c132b}.source-picker button{padding:11px}.source-picker img{border-radius:6px}.source-picker span{color:#ddc5f1}.source-picker small{color:#a384bb}
.project-grid{gap:23px}.project-card{border-radius:19px;border:1px solid #b17dff30;background:linear-gradient(145deg,#21162f,#100d1c);box-shadow:0 12px 30px #0003}.project-card:hover{border-color:#b17aff88;box-shadow:0 18px 45px #0005}.project-cover{height:200px}.project-cover:has(img):after{background:linear-gradient(transparent 30%,#10071bcc)}.project-cover .label{color:#ecdcff;font-size:9px;left:20px;bottom:18px}.project-card-body{padding:21px}.project-card h3{font-size:17px;font-weight:500;letter-spacing:-.02em;color:#eee0ff;margin-bottom:13px}.meta{color:#ac94be;font-size:10px}.badge{border:1px solid #b67bff25;color:#cfabef;background:#b568ff12;border-radius:6px;padding:6px 8px}.badge.live{color:#b9e59a;background:#8fc15a12;border-color:#99c57028}.project-actions{border-color:#ae76ff26;padding-top:15px;margin-top:18px}.project-actions button{color:#c2a2dd;font-size:10px;padding:8px;border-radius:7px}.project-actions button:hover{background:#ad6bff1a;color:#f1dfff}.metric{border:1px solid #aa74ff30;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#7738b72e,transparent 85%),#181022;padding:27px}.metric b{font-size:37px;color:#ddbcff;font-weight:500}.metric span{color:#a991bb}.order,.version-row{border-color:#a774ff24;color:#d9c3eb}.order small{color:#a58bb7}.empty{border:1px dashed #a675ff4d;border-radius:18px;background:radial-gradient(ellipse at top,#6c2ea021,transparent 90%);padding:50px 30px;color:#b7a0cd}.empty p{line-height:1.8}.searchbar{gap:12px}.searchbar input{min-width:220px}progress{accent-color:#a467f8}pre{border-radius:10px;background:#0c0817;padding:17px;color:#b6a0ca}
dialog{border:1px solid #b283ff66;border-radius:23px;background:radial-gradient(ellipse at 0 0,#653d8238,transparent 70%),#130e21;padding:32px;box-shadow:0 25px 100px #0009,0 0 55px #8227dd20}dialog::backdrop{background:#04020bcc;backdrop-filter:blur(12px)}dialog h2{color:#f0dfff;font-weight:500;font-size:28px;letter-spacing:-.04em}dialog p{color:#b69bc9;font-size:12px;line-height:1.85}.modal-close{width:28px;height:28px;background:#a269e517;border-radius:50%;color:#c4a0df}.modal-close:hover{background:#a269e53b}.form-error{color:#ffabba}#toast{border:1px solid #b881ff66;background:linear-gradient(120deg,#38204f,#1a112b);color:#f0e0ff;border-radius:13px;box-shadow:0 12px 35px #0006}
@media(min-width:1600px){.section{max-width:1480px}.portfolio-cover{height:325px}}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-feature{grid-template-columns:.8fr 1.2fr;gap:10px;padding:15px}.portfolio-story{padding:20px 12px}.portfolio-story h3{font-size:34px}.app-shell{grid-template-columns:200px 1fr}.app-main{padding:28px}.studio{grid-template-columns:1fr}.preview-panel{position:static}.theme-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.section{margin:70px auto;padding:0 6%}.section-title{gap:20px}.portfolio-feature{grid-template-columns:1fr;padding:15px;border-radius:23px}.portfolio-story{padding:20px 15px 10px}.portfolio-story h3{font-size:38px;max-width:15ch}.portfolio-story p{max-width:550px}.portfolio-process{max-width:380px}.portfolio-live iframe{height:490px}.portfolio-source{display:block;margin-top:20px}.portfolio-cover{height:270px}.portfolio-grid{gap:18px}.portfolio-image-title{font-size:27px}.portfolio-heading-row span:last-child{display:none}.app-shell{grid-template-columns:175px 1fr}.sidebar{padding:24px 12px}.sidebar .brand{font-size:20px}.side-nav button{font-size:11px!important;padding:10px!important}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.business-benefits{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step h3{margin-top:24px}.theme-grid{grid-template-columns:repeat(3,1fr)}.theme-art{height:115px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.section h2{font-size:32px}.section-title{display:block}.section-title p{font-size:13px;max-width:none}.portfolio-grid{grid-template-columns:1fr;gap:22px}.portfolio-cover{height:320px}.portfolio-image-title{font-size:34px;left:23px;bottom:57px}.portfolio-image-title small{font-size:9px}.portfolio-index{font-size:10px;padding:8px 11px}.portfolio-card-info{padding:21px 23px}.portfolio-card-info h4{font-size:15px}.portfolio-card-info>div>span{font-size:9px}.portfolio-card-meta{padding:17px 23px;font-size:10px}.portfolio-card-meta button{font-size:11px}.portfolio-engine{font-size:10px!important}.portfolio-disclosure{font-size:10px}.portfolio-filters{gap:7px}.portfolio-filters button{padding:9px 12px;font-size:10px}.portfolio-live iframe{height:440px}.portfolio-live-footer{font-size:8px;gap:8px}.portfolio-feature{padding:10px}.portfolio-story{padding:20px 12px 10px}.portfolio-story h3{font-size:34px}.portfolio-story p{font-size:12px}.portfolio-live-bar{font-size:7px;padding:12px}.portfolio-heading-row{font-size:9px;margin-top:35px}.feature-grid{grid-template-columns:1fr}.feature{padding:25px}.theme-grid{grid-template-columns:repeat(2,1fr)}.theme-art{height:120px}.business-benefits article{padding:27px}.cta{padding:48px 22px}.faq details{padding:20px}.faq summary{font-size:14px}.footer{padding:30px 6%;flex-wrap:wrap;font-size:10px}.app-shell{display:block}.sidebar{position:static;height:auto;padding:18px 14px;border-right:0;border-bottom:1px solid #a76cff30}.sidebar .brand{margin-bottom:18px}.sidebar small,.sidebar-bottom{display:none}.side-nav{flex-direction:row;overflow:auto;padding-bottom:4px}.side-nav button{white-space:nowrap;flex-shrink:0;padding:9px 12px!important;font-size:10px!important}.side-nav button.active{box-shadow:inset 0 -2px 0 #aa66ff}.app-header{height:60px;padding:0 18px;font-size:10px}.app-main{padding:25px 16px}.page-heading{gap:13px}.page-heading h1{font-size:27px}.page-heading .actions{gap:7px}.page-heading .btn{font-size:10px;padding:10px 12px}.project-grid{grid-template-columns:1fr}.project-cover{height:220px}.panel{padding:22px}.editor-body{padding:8px 18px 22px}.metric-grid{grid-template-columns:1fr 1fr;gap:12px}.metric{padding:20px}.metric b{font-size:30px}.searchbar{flex-wrap:wrap}.searchbar input{min-width:0;flex:1}.studio{grid-template-columns:minmax(0,1fr)}.preview-wrap iframe{height:530px}.preview-toolbar{gap:6px;padding:11px;font-size:8px}.preview-toolbar .segmented button{font-size:9px;padding:6px}.row{flex-wrap:wrap}.row>*{min-width:120px}dialog{padding:25px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.portfolio-card:hover,.feature:hover,.theme-card:hover{transform:none}}
/* Theme collection: miniature art-directed windows, light and motion. */
.theme-showcase{position:relative;text-align:left;padding:10px 10px 18px;border-radius:21px;transition:transform .35s,box-shadow .35s,border-color .35s;overflow:hidden}.theme-showcase:hover{border-color:var(--theme-accent);box-shadow:0 18px 45px #0007,0 0 25px color-mix(in srgb,var(--theme-accent) 20%,transparent);transform:translateY(-6px)}.theme-showcase .theme-art{position:relative;height:200px;overflow:hidden;display:grid;place-items:center;border-radius:13px;background:radial-gradient(ellipse at 80% 0,var(--color),transparent 110%),#121020;isolation:isolate}.theme-mini-window{position:relative;width:73%;height:76%;border:1px solid #ffffff55;border-radius:10px;background:#100d1ebd;box-shadow:12px 15px 35px #0005,inset 0 1px 0 #fff3;transform:perspective(600px) rotateY(-14deg) rotateX(7deg) rotateZ(-5deg);transition:transform .6s;overflow:hidden;z-index:2;backdrop-filter:blur(10px)}.theme-showcase:hover .theme-mini-window{transform:perspective(600px) rotateY(5deg) rotateX(-3deg) rotateZ(2deg)}.theme-mini-bar{height:18px;display:flex;gap:4px;align-items:center;padding:0 8px;border-bottom:1px solid #ffffff1a}.theme-mini-bar b{width:3px;height:3px;background:#ffffff88;border-radius:50%}.theme-mini-content{padding:14px 15px;color:#fff}.theme-mini-content small{font-size:5px;letter-spacing:1.4px;opacity:.65}.theme-mini-content strong{display:block;font-size:23px;letter-spacing:-1px;line-height:1.1;margin:10px 0}.theme-mini-content>i{display:block;width:75%;height:3px;background:currentColor;opacity:.22;margin:5px 0;border-radius:2px}.theme-mini-content>i+i{width:50%}.theme-mini-content em{display:inline-block;font:6px Arial;padding:6px 10px;margin-top:8px;border:1px solid #ffffff44;border-radius:4px;background:color-mix(in srgb,var(--color) 40%,transparent)}.theme-orbit{position:absolute;width:180px;height:180px;right:-70px;top:-60px;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 0 0 20px #ffffff08,0 0 0 45px #ffffff05;animation:theme-breathe 6s ease-in-out infinite alternate}.theme-spark{position:absolute;left:13%;bottom:16%;width:40%;height:15px;background:var(--color);filter:blur(20px);opacity:.8}.theme-glint{position:absolute;z-index:3;inset:-100%;background:linear-gradient(110deg,transparent 42%,#ffffff00 46%,#ffffff35 49%,#ffffff05 52%,transparent 57%);transform:translateX(-55%);pointer-events:none;animation:theme-shine 9s ease-in-out infinite;animation-delay:calc(var(--theme-order)*1.2s)}.theme-showcase .theme-card-title{display:flex;align-items:center;justify-content:space-between;font-size:15px;padding:16px 9px 5px;color:#eee5fa}.theme-card-title b{font-size:16px;font-weight:400;color:var(--theme-accent)}.theme-description{display:block;padding:0 9px;font-size:10px;color:#a994be;line-height:1.5}.theme-art.art-minimal,.theme-art.art-alpine{background:linear-gradient(140deg,#edf2e7,#a0b3a6)}.art-minimal .theme-mini-window,.art-alpine .theme-mini-window{background:#f7f8f1}.art-minimal .theme-mini-content,.art-alpine .theme-mini-content{color:#263b30}.art-atelier .theme-mini-content strong,.art-retro .theme-mini-content strong,.art-editorial .theme-mini-content strong{font-family:Georgia,serif}.art-atelier .theme-mini-window{border-color:#dec29b;background:#201817}.art-atelier .theme-mini-content{color:#e7cfac}.theme-art.art-neon,.theme-art.art-cyberpunk{background:repeating-linear-gradient(0deg,transparent 0 19px,#a758ff25 20px),linear-gradient(130deg,#05071e,#2f0856)}.art-neon .theme-mini-window{box-shadow:0 0 25px #a4ff6b55;border-color:#b9ff6c}.art-neon strong{color:#b9ff6c}.art-cyberpunk .theme-mini-window{border-color:#fd63de;box-shadow:8px 8px 0 #00f0ff55;border-radius:0}.art-cyberpunk strong{color:#ed6aff;text-transform:uppercase}.theme-art.art-aurora{background:conic-gradient(from 30deg at 20% 90%,#102439,#5ccda2,#4d469d,#102439)}.theme-art.art-hologram{background:conic-gradient(from 70deg,#89aee7,#f1c4f4,#a6eeea,#b2a8ee,#89aee7)}.art-hologram .theme-mini-window{background:#e4e8ff38;border-color:#fff9}.theme-art.art-ocean{background:radial-gradient(ellipse at 80% 110%,#19b8cd,transparent 65%),#04253d}.art-ocean .theme-orbit{width:260px;height:260px;top:50px;right:-80px}.theme-art.art-solar{background:radial-gradient(circle at 70% 30%,#ffda8d,#dd6c77 35%,#66335e 70%)}.theme-art.art-obsidian{background:linear-gradient(135deg,#08090d,#5d626d 49%,#17191e 51%,#08090d)}.art-obsidian .theme-mini-window{background:#08090ddc;border-color:#a3a7b0}.theme-art.art-sakura{background:radial-gradient(circle at 80% 10%,#fff4ee,transparent),#dca1bc}.art-sakura .theme-mini-window{background:#fff1f2d9}.art-sakura .theme-mini-content{color:#873d66}.theme-art.art-desert{background:linear-gradient(165deg,#ebd3b1 50%,#c18e61 51%,#a35c43 80%)}.art-desert .theme-mini-window{background:#f0dbc3}.art-desert .theme-mini-content{color:#713e2e}.theme-art.art-botanical{background:radial-gradient(ellipse at 90% 20%,#82a077,transparent),#13392e}.art-botanical .theme-orbit{border-radius:0 100% 0 100%;border:1px solid #d5efb9;background:#b7d79126;transform:rotate(-30deg)}.theme-art.art-editorial{background:#eee7d9}.art-editorial .theme-mini-window{border-radius:0;background:#f9f5eb;border-color:#332d29}.art-editorial .theme-mini-content{color:#332d29}.art-editorial .theme-mini-content strong{border-top:2px solid #a83b32;padding-top:8px}.theme-art.art-cosmos{background:radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,#d3aaff 0 1px,transparent 2px),radial-gradient(ellipse at 100% 0,#6641b9,transparent 60%),#100b2b;background-size:40px 50px,70px 60px,100% 100%,auto}.art-cosmos .theme-orbit{border-color:#b68bff;box-shadow:0 0 30px #9054ff50}.art-soft .theme-mini-window{background:#56394ebd}.art-industrial .theme-mini-window{border-radius:0;border-color:#e6a357}.art-industrial strong{text-transform:uppercase;font-weight:900}.art-eco .theme-mini-window{border-radius:22px 3px 22px 3px}.art-pop .theme-mini-window{box-shadow:8px 8px 0 #ffb4db;border:2px solid #fff;transform:rotate(-7deg)}.art-retro .theme-mini-window{background:#423021;border:3px double #edc698}.art-handmade .theme-mini-window{background:#e6dbc6;border-radius:30px 30px 5px 5px}.art-handmade .theme-mini-content{color:#625039}.art-photo .theme-mini-window{background:linear-gradient(135deg,#ffffff18,#0a0d17),url('/media/sources/atelier-anna.webp') center/cover}.theme-picker .theme-showcase{padding:5px 5px 10px}.theme-picker .theme-art{height:110px}.theme-picker .theme-mini-window{width:78%;height:80%}.theme-picker .theme-mini-content{padding:7px}.theme-picker .theme-mini-content strong{font-size:15px;margin:5px 0}.theme-picker .theme-mini-content em,.theme-picker .theme-description{display:none}.theme-picker .theme-card-title{font-size:10px;padding:9px 5px 0}.theme-picker .theme-mini-bar{height:12px}
dialog.theme-modal{width:min(850px,94vw);max-height:94dvh;overflow:auto;padding:28px 70px 25px;border-radius:28px;border-color:color-mix(in srgb,var(--preview-accent,#ad78ff) 55%,transparent);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--preview-accent,#ad78ff) 12%,transparent),transparent 65%),#100c1d;box-shadow:0 30px 100px #000a,0 0 65px #8c38df20}.theme-modal .modal-close{position:absolute;right:18px;top:18px}.theme-dialog-top h2{font-size:30px;margin:13px 0 4px}.theme-dialog-top p{margin:0 0 18px;font-size:12px}.theme-preview-stage{position:relative}.theme-preview-stage iframe{display:block;width:100%;height:min(52dvh,530px);border:1px solid #ffffff24;border-radius:16px;background:#090912;box-shadow:0 15px 40px #0005}.theme-switch{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#37204f,#151020);border:1px solid #b785ff77;color:#eee0ff;font-size:23px;box-shadow:0 0 20px #a54cff25}.theme-prev{left:-57px}.theme-next{right:-57px}.theme-switch:hover{border-color:#dfc7ff;background:#713bc8;box-shadow:0 0 25px #aa55ff66}.theme-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0 19px}.theme-dialog-foot>span{font-size:9px;color:#af98c5;max-width:220px;line-height:1.6}#theme-progress{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:200px}#theme-progress button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#86679e55}#theme-progress button.active{background:var(--preview-accent);box-shadow:0 0 8px var(--preview-accent)}
@keyframes theme-shine{0%,65%{transform:translateX(-60%)}95%,100%{transform:translateX(60%)}}@keyframes theme-breathe{from{opacity:.45;scale:.95}to{opacity:1;scale:1.06}}
@media(max-width:600px){.theme-showcase .theme-art{height:160px}.theme-mini-content{padding:9px}.theme-mini-content strong{font-size:19px}.theme-showcase .theme-card-title{font-size:13px;padding:12px 5px 5px}.theme-description{font-size:9px;padding:0 5px}.theme-mini-content small{font-size:4px}.theme-mini-content em{font-size:5px;padding:5px}.theme-showcase{border-radius:16px;padding:7px 7px 13px}dialog.theme-modal{padding:25px 15px 20px;width:96vw;border-radius:20px}.theme-dialog-top{padding:0 8px}.theme-preview-stage iframe{height:52dvh}.theme-switch{width:36px;height:36px;font-size:20px;top:auto;bottom:-57px;transform:none}.theme-prev{left:0}.theme-next{right:0}.theme-dialog-foot{min-height:52px;padding:0 47px;justify-content:center}.theme-dialog-foot>span{display:none}#theme-progress{justify-content:center;max-width:230px}.theme-dialog-top h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.theme-glint,.theme-orbit{animation:none}.theme-showcase:hover .theme-mini-window{transform:none}}
.cosmic-stage .strip{top:87.7%;height:8.2%;border:0;gap:1.15cqw;grid-template-columns:repeat(4,minmax(0,1fr))}
.cosmic-stage .strip span{position:relative;justify-content:center;padding:.8cqw!important;font-size:.95cqw;gap:.8cqw;border:1px solid #ac59ff9c;border-radius:.9cqw;background:linear-gradient(120deg,#321448a8,#120e2ad9);box-shadow:inset 0 0 16px #9c42ff1c,0 0 12px #a84cff3d,0 7px 22px #0005;color:#eee4ff;white-space:nowrap;transition:transform .25s,box-shadow .25s,border-color .25s}
.cosmic-stage .strip span:before{content:'';position:absolute;left:18%;right:18%;top:-1px;height:1px;background:#e6b8ff;box-shadow:0 0 9px #df9aff}
.cosmic-stage .strip b{font-size:1.9cqw;color:#c889ff;text-shadow:0 0 12px #af4eff90;line-height:1}
.cosmic-stage .strip span:hover{transform:translateY(-4px);border-color:#dab0ff;box-shadow:inset 0 0 22px #a74aff25,0 0 24px #aa45ff70,0 10px 24px #0006}
@media(max-width:850px){.cosmic-stage .strip{top:auto;bottom:14px;height:68px;gap:9px}.cosmic-stage .strip span{font-size:10px;padding:10px 6px!important;border-radius:11px;gap:7px}.cosmic-stage .strip b{font-size:24px}}
@media(max-width:500px){.cosmic-stage .strip{height:90px;grid-template-columns:1fr 1fr;gap:9px}.cosmic-stage .strip span{font-size:11px}.cosmic-stage .strip b{font-size:25px}}

/* Nine audiences, three columns, luminous line icons. */
.hero-audience-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65cqw .55cqw;padding:0;margin:0 0 1.4cqw}
.hero-audience-grid li{display:flex;align-items:center;gap:.45cqw;min-width:0;border:1px solid #ae78ff2e;border-radius:.55cqw;background:linear-gradient(120deg,#32184880,#10102288);padding:.65cqw .5cqw;box-shadow:inset 0 1px 0 #e5c4ff0a;color:#e5dcf4;transition:border-color .2s,background .2s,box-shadow .2s}
.hero-audience-grid li:hover{border-color:#b87cff90;background:#45206480;box-shadow:0 0 15px #a64eff25}
.hero-audience-grid svg{width:1.25cqw;height:1.25cqw;flex-shrink:0;color:#c18bff;filter:drop-shadow(0 0 4px #a94fff55)}
.hero-audience-grid li span{font-size:.73cqw;line-height:1.3;letter-spacing:-.015cqw}
@media(max-width:850px){.hero-audience-grid{gap:9px;margin:0 0 25px;max-width:550px}.hero-audience-grid li{gap:7px;border-radius:9px;padding:12px 9px}.hero-audience-grid svg{width:21px;height:21px}.hero-audience-grid li span{font-size:12px;letter-spacing:-.1px}}
@media(max-width:500px){.hero-audience-grid{gap:7px;margin-bottom:22px}.hero-audience-grid li{padding:10px 5px;gap:5px}.hero-audience-grid svg{width:18px;height:18px}.hero-audience-grid li span{font-size:10px}}
/* Keep the audience cards illuminated in their resting state. */
.hero-audience-grid li{border-color:#b87cff90;background:#45206480;box-shadow:0 0 15px #a64eff25}
/* Center the existing theme indicators without changing their behavior. */
.theme-dialog-foot{position:relative;justify-content:center;min-height:30px}
.theme-dialog-foot>span{position:absolute;left:0;max-width:180px;font-size:8px}
#theme-progress{flex-wrap:nowrap;justify-content:center;max-width:none;margin:0 auto;gap:5px}
#theme-progress button{flex:0 0 7px}
@media(min-width:601px){.theme-dialog-foot>span{max-width:140px}.theme-dialog-foot{padding-left:140px;padding-right:140px}}
@media(max-width:600px){.theme-dialog-foot{padding-left:40px;padding-right:40px}#theme-progress{gap:4px}#theme-progress button{width:5px;height:5px;flex-basis:5px}}