@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}:root{--bg:#f8f7ff;--bg-2:#eef1ff;--surface:#ffffffc2;--surface-solid:#fff;--text:#111827;--muted:#5d6478;--line:#59658c29;--primary:#6d45ff;--primary-2:#0056c6;--accent-pink:#dc5cff;--shadow-soft:0 24px 70px #404e8c29;--shadow-lift:0 34px 90px #37478238;color:var(--text);background:var(--bg);font-family:Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 18% 7%,#dc5cff29,#0000 28rem),radial-gradient(circle at 82% 12%,#0056c62e,#0000 30rem),linear-gradient(#fbfaff 0%,#f4f6ff 47%,#fff 100%);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#6d45ff0b 1px,#0000 1px),linear-gradient(90deg,#6d45ff0b 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 62%);mask-image:linear-gradient(#000 0%,#0000 62%)}a{color:inherit}.topbar{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffb8;border:1px solid #ffffffd6;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;max-width:1220px;margin:.9rem auto 0;padding:.72rem .86rem;display:flex;position:sticky;top:0;box-shadow:0 18px 60px #4446701a}.brand,nav{align-items:center;gap:.72rem;display:flex}.brand{color:#111827;letter-spacing:-.03em;font-weight:900;text-decoration:none}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--primary), #25d7ff);border-radius:.82rem;place-items:center;width:2.25rem;height:2.25rem;display:inline-grid;box-shadow:0 12px 28px #6d45ff47}nav{flex-wrap:wrap;justify-content:flex-end}nav a{color:#4a5166;border-radius:999px;padding:.58rem .72rem;font-size:.92rem;font-weight:760;text-decoration:none}nav a:hover{color:var(--primary);background:#6d45ff14}.nav-cta{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-2));box-shadow:0 12px 24px #6d45ff42}.nav-cta:hover{color:#fff}.section-pad{max-width:1220px;margin:0 auto;padding:5.2rem 1.25rem;position:relative}.hero{grid-template-columns:minmax(320px,.54fr) minmax(680px,1.46fr);align-items:start;gap:clamp(1.2rem,3vw,2.2rem);min-height:78vh;padding-top:2.8rem;display:grid}.hero-copy h1,.page h1{color:#0d1224;letter-spacing:-.075em;max-width:760px;margin:.45rem 0 1rem;font-family:Plus Jakarta Sans,Geist,sans-serif;font-size:clamp(3rem,6.2vw,6rem);line-height:.94}.hero-copy h1{font-size:clamp(2.9rem,4.8vw,4.55rem);line-height:.98}h2{color:#0d1224;letter-spacing:-.055em;margin:.35rem 0 .75rem;font-family:Plus Jakarta Sans,Geist,sans-serif;font-size:clamp(2.15rem,4vw,4rem);line-height:1.02}h3{color:#111827;letter-spacing:-.025em;margin:0 0 .55rem;font-size:1.28rem;line-height:1.12}p{line-height:1.68}.lede,.page-lede,.section-heading p,.gallery-copy p,.custom-order-card p,.footer p,.concept-statement p,.recipe-copy p,.legal-copy p,.value-card p,.safety-note p,.generator-head p,.generator-flow p{color:var(--muted);font-size:1.05rem}.lede{max-width:650px;font-size:clamp(1.08rem,1.8vw,1.28rem)}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.15em;margin:0;font-size:.76rem;font-weight:900}.cta-row{flex-wrap:wrap;gap:.8rem;margin:1.45rem 0 1rem;display:flex}.home-category-chips{flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 .2rem;display:flex}.home-category-chips a{color:#303a55;background:#ffffffbd;border:1px solid #6d45ff2e;border-radius:999px;align-items:center;min-height:2.18rem;padding:.45rem .72rem;font-size:.82rem;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #323d6f12}.home-category-chips a:first-child,.home-category-chips a:hover{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-2))}.studio-button{color:#fff;background:linear-gradient(135deg, var(--primary), #845fff 45%, var(--primary-2));border:1px solid #ffffff80;border-radius:999px;justify-content:center;align-items:center;min-height:3.05rem;padding:.82rem 1.12rem;font-weight:850;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 16px 32px #6d45ff47,inset 0 1px #ffffff6b}.studio-button:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 22px 46px #6d45ff5c}.studio-button--secondary{color:#273047;background:#ffffffb8;border:1px solid #6d45ff2e;box-shadow:0 14px 34px #3e48761f}.trust-badges,.filter-chips,.studio-tags{flex-wrap:wrap;gap:.55rem;padding:0;list-style:none;display:flex}.trust-badges span,.filter-chips button,.studio-tags li{color:#48526d;font:inherit;background:#ffffffa3;border:1px solid #6d45ff29;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .72rem;font-size:.78rem;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #323d6f0f}.filter-chips{margin:0 0 1.4rem}.filter-chips button{cursor:pointer;transition:transform .16s,background .16s,color .16s}.filter-chips button:hover{transform:translateY(-1px)}.filter-chips button.is-active{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff}.filter-chips button span{background:#00000014;border-radius:999px;place-items:center;min-width:1.35rem;min-height:1.35rem;padding:0 .3rem;font-size:.72rem;display:inline-grid}.filter-result-count{color:var(--muted);margin:-.65rem 0 1.25rem;font-size:.95rem;font-weight:760}.studio-card{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffd1,#f7f8ffb8);border:1px solid #ffffffdb;border-radius:28px}.hero-preview{background:radial-gradient(circle at 88% 12%,#25d7ff38,#0000 16rem),linear-gradient(135deg,#ffffffd6,#e8ecff9e);border-radius:34px;padding:.75rem;position:relative;overflow:hidden;box-shadow:0 38px 110px #2d3d7e38}.hero-preview:before{content:"";filter:blur(12px);background:radial-gradient(circle,#6d45ff47,#0000 68%);border-radius:50%;width:28rem;height:28rem;position:absolute;inset:-20% -10% auto auto}.hero-preview .workspace-mock{min-height:clamp(410px,42vw,570px);box-shadow:0 34px 72px #05081261}.hero-preview-topline,.gallery-meta{color:#6d7690;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:.75rem;padding:.3rem .45rem .78rem;font-size:.72rem;font-weight:850;display:flex}.skin-switch-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.75rem;display:grid}.skin-switch-tabs a{white-space:nowrap;text-overflow:ellipsis;color:#313b55;text-align:center;background:#ffffffb8;border:1px solid #6d45ff24;border-radius:999px;padding:.62rem .7rem;font-size:.78rem;font-weight:850;text-decoration:none;overflow:hidden}.hero-store{gap:.85rem;display:grid}.hero-store-grid{grid-template-columns:minmax(0,1.28fr) minmax(260px,.82fr);gap:.85rem;display:grid}.hero-skin-card{border-radius:30px;grid-template-rows:minmax(235px,1fr) auto;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.hero-skin-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.hero-skin-media{padding:.72rem .72rem 0;position:relative}.hero-skin-media .workspace-mock{min-height:clamp(255px,25vw,390px);box-shadow:0 26px 64px #0508124d}.hero-skin-card:first-child{grid-row:span 2}.hero-skin-card:first-child .workspace-mock{min-height:clamp(410px,43vw,585px)}.free-ribbon{z-index:8;color:#061021;background:linear-gradient(135deg, #fff, var(--accent));letter-spacing:.12em;border:1px solid #ffffffc7;border-radius:999px;padding:.36rem .58rem;font-size:.72rem;font-weight:950;position:absolute;top:1.15rem;left:1.15rem;box-shadow:0 14px 30px #00000038}.hero-skin-copy{gap:.45rem;padding:.85rem .95rem 1rem;display:grid}.hero-skin-copy h3{font-size:clamp(1.25rem,1.9vw,1.75rem)}.hero-skin-copy p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.hero-skin-kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:var(--primary)!important;font-size:.68rem!important}.hero-card-actions{grid-template-columns:1fr 1fr;gap:.52rem;margin-top:.45rem;display:grid}.hero-card-actions .studio-button{white-space:nowrap;min-height:2.45rem;padding:.52rem .58rem;font-size:.78rem}.hero-generator-entry{background:linear-gradient(135deg,#ffffffc7,#edefffb8);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem;display:grid}.hero-generator-entry h3,.hero-generator-entry p{margin:0}.hero-generator-entry>p:not(.eyebrow){color:var(--muted);font-size:.92rem}.hero-generator-entry .studio-button{min-height:2.35rem;padding:.5rem .75rem;font-size:.82rem}.workspace-mock{--accent:#6d45ff;color:#f8fafc;isolation:isolate;background:#101418;border:1px solid #ffffff2e;border-radius:24px;min-height:280px;position:relative;overflow:hidden}.workspace-mock--stitch-backed{aspect-ratio:16/9;background-image:var(--atmosphere);background-position:50%;background-size:cover}.stitch-atmosphere{z-index:0;background-image:var(--atmosphere);opacity:.82;filter:saturate(1.07)contrast(1.03);background-position:50%;background-size:cover;position:absolute;inset:0}.stitch-atmosphere:after{content:"";-webkit-backdrop-filter:blur(.35px);backdrop-filter:blur(.35px);background:radial-gradient(circle at 52% 16%,#ffffff1f,#0000 34%),linear-gradient(#06081233,#0608126b);position:absolute;inset:0}.workspace-mock--mini{border-radius:18px;min-height:145px}.workspace-mock--hero{min-height:370px}.workspace-mock--detail{min-height:520px}.workspace-mock:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff29,#0000 42%),linear-gradient(#ffffff12,#0000 24%);position:absolute;inset:0}.mock-titlebar{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000047;border-bottom:1px solid #ffffff24;align-items:center;gap:.36rem;padding:.72rem .82rem;font-size:.72rem;display:flex;position:relative}.mock-titlebar strong{color:#ffffffeb;letter-spacing:.08em;margin-left:.35rem}.mock-titlebar em{color:var(--accent);text-transform:uppercase;margin-left:auto;font-style:normal;font-weight:900}.window-dot{background:#ff5f57;border-radius:999px;width:.68rem;height:.68rem}.window-dot:nth-child(2){background:#ffbd2e}.window-dot:nth-child(3){background:#28c840}.mock-body{z-index:2;grid-template-columns:minmax(5.2rem,.24fr) 1fr;gap:clamp(.35rem,1vw,.72rem);min-height:calc(100% - 42px);padding:clamp(.38rem,1vw,.72rem);display:grid;position:relative}.mock-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06081494;border:1px solid #ffffff29;border-radius:16px;align-content:start;gap:.48rem;padding:.62rem;display:grid;box-shadow:inset 0 1px #ffffff14}.mock-sidebar b{color:#101322;background:var(--accent);width:2.05rem;height:2.05rem;box-shadow:0 0 26px color-mix(in srgb, var(--accent) 58%, transparent);border-radius:12px;place-items:center;font-size:.72rem;font-weight:950;display:grid}.mock-sidebar span{white-space:nowrap;text-overflow:ellipsis;color:#ffffffc2;background:#ffffff14;border-radius:9px;min-height:1.45rem;padding:.34rem .45rem;font-size:clamp(.5rem,.74vw,.68rem);font-weight:820;display:block;overflow:hidden}.mock-sidebar span.active{color:#101322;background:var(--accent)}.mock-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0f2461;border:1px solid #ffffff1f;border-radius:18px;grid-template-rows:auto 1fr auto;align-content:stretch;gap:.72rem;min-width:0;padding:.72rem calc(24% + .72rem) .72rem .72rem;display:grid}.mock-file-tab{color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;justify-content:space-between;align-items:center;gap:.7rem;max-width:60%;padding:.38rem .6rem;font-size:.64rem;font-weight:900;display:flex}.mock-file-tab span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mock-file-tab i{background:var(--accent);width:.55rem;height:.55rem;box-shadow:0 0 18px var(--accent);border-radius:50%}.task-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;gap:clamp(.42rem,1vw,.78rem);display:grid}.skin-task-card{border:1px solid color-mix(in srgb, var(--accent) 45%, #ffffff59);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff2e,#ffffff12);border-radius:14px;gap:.36rem;min-height:clamp(4.4rem,8vw,6.8rem);padding:clamp(.52rem,1.1vw,.82rem);display:grid;position:relative;box-shadow:0 16px 34px #00000040,inset 0 1px #ffffff29}.skin-task-card strong{color:#ffffffeb;font-size:clamp(.6rem,.95vw,.82rem)}.skin-task-card span{color:#ffffff9e;font-size:clamp(.5rem,.72vw,.64rem);line-height:1.35}.skin-task-card i{width:var(--progress);background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 35%, white));height:.34rem;box-shadow:0 0 18px color-mix(in srgb, var(--accent) 42%, transparent);border-radius:999px}.skin-task-card em{color:color-mix(in srgb, var(--accent) 72%, white);font-size:.6rem;font-style:normal;font-weight:950;position:absolute;top:.44rem;right:.52rem}.mock-chat-card,.mock-code-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;gap:.45rem;padding:.65rem;display:grid;box-shadow:inset 0 1px #ffffff14}.mock-code-card{background:#0000003d}.mock-line{background:#ffffff73;border-radius:999px;height:.48rem}.mock-line--1{width:92%}.mock-line--2{opacity:.75;width:72%}.mock-line--3{opacity:.58;width:46%}.mock-line--4{opacity:.68;width:83%}.mock-line--5{opacity:.5;width:61%}.mock-status-row{grid-template-columns:.9fr .65fr .35fr;gap:.45rem;display:grid}.mock-status-row i{background:var(--accent);border-radius:999px;height:.62rem}.mock-prompt-input{border:1px solid color-mix(in srgb, var(--accent) 72%, white);color:#ffffffc7;box-shadow:0 0 26px color-mix(in srgb, var(--accent) 18%, transparent);background:#00000057;border-radius:999px;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding:.52rem .55rem .52rem .8rem;font-size:clamp(.58rem,.9vw,.78rem);font-weight:800;display:flex}.mock-prompt-input button{color:#111827;background:var(--accent);font:inherit;text-transform:capitalize;border:0;border-radius:999px;padding:.44rem .7rem;font-size:.72rem;font-weight:950}.mock-right-panel{z-index:5;border:1px solid color-mix(in srgb, var(--accent) 34%, #ffffff42);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030610b8;border-radius:16px;align-content:start;gap:.5rem;width:min(10rem,24%);padding:.62rem;display:grid;position:absolute;top:clamp(.75rem,1.45vw,1.05rem);bottom:clamp(.75rem,1.45vw,1.05rem);right:clamp(.75rem,1.45vw,1.05rem);box-shadow:0 18px 40px #00000042}.mock-right-panel>strong{color:#ffffffe0;letter-spacing:.05em;font-size:.72rem}.mock-chat-card b{color:var(--accent);font-size:.58rem}.mock-decoration{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mock-decoration span{display:block;position:absolute}.workspace-mock--neon{--accent:#16d9e3;background:radial-gradient(circle at 14% 22%,#16d9e361,#0000 7rem),radial-gradient(circle at 82% 18%,#d946ef52,#0000 8rem),repeating-linear-gradient(105deg,#eaf8ff1a 0 1px,#0000 1px 14px),linear-gradient(#070b13,#22364a)}.workspace-mock--neon .mock-decoration span:first-child{background:linear-gradient(#f6c85f1f,#d946ef1a);border:1px solid #f6c85f;width:5rem;height:13rem;top:16%;right:7%;box-shadow:0 0 30px #f6c85f47}.workspace-mock--neon .mock-decoration span:nth-child(2){filter:blur(10px);background:linear-gradient(90deg,#0000,#16d9e347,#d946ef42,#0000);height:4rem;bottom:6%;left:0;right:0;transform:skewY(-4deg)}.workspace-mock--neon .mock-decoration span:nth-child(3){border:1px solid #16d9e394;inset:10% 12% 26% 7%;transform:rotate(-2deg);box-shadow:0 0 26px #16d9e357,inset 0 0 22px #d946ef24}.workspace-mock--forge{--accent:#ffb13b;background:radial-gradient(circle at 64% 36%,#ffb13b4d,#0000 7rem),radial-gradient(circle at 80% 74%,#d6401f38,#0000 8rem),linear-gradient(135deg,#120d0b,#3b2118)}.workspace-mock--forge .mock-decoration span:first-child{background:conic-gradient(from 20deg,#0000,#d6401f,#ffb13b,#0000 72%);border-radius:50%;width:12rem;height:12rem;animation:15s linear infinite slow-spin;top:18%;right:8%;-webkit-mask:radial-gradient(circle,#0000 43%,#000 45% 62%,#0000 64%);mask:radial-gradient(circle,#0000 43%,#000 45% 62%,#0000 64%)}.workspace-mock--forge .mock-decoration span:nth-child(2){background:repeating-linear-gradient(90deg,#ffb13b29 0 1px,#0000 1px 21px),repeating-linear-gradient(0deg,#8a5a322e 0 1px,#0000 1px 18px);height:64%;inset:17% 3% auto 38%}.workspace-mock--glasshouse{--accent:#34d399;color:#0f172a;background:radial-gradient(circle at 78% 10%,#38bdf85c,#0000 9rem),radial-gradient(circle at 22% 18%,#c084fc33,#0000 8rem),linear-gradient(#fbfdff 0%,#dff7ea 58%,#d9e2ff 100%)}.workspace-mock--glasshouse .mock-titlebar{background:#ffffffa3;border-bottom-color:#0f172a29}.workspace-mock--glasshouse .mock-titlebar strong{color:#0f172a}.workspace-mock--glasshouse .mock-decoration{display:none}.glasshouse-lab-interior{z-index:2;color:#0f172a;position:absolute;inset:42px 0 0;overflow:hidden}.glasshouse-lab-interior:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffffc7 0 10%,#0000 10% 16%,#ffffff6b 16% 23%,#0000 23% 100%);position:absolute;inset:0}.glass-roof{z-index:2;clip-path:polygon(50% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#38bdf829 0 1px,#0000 1px 30px),linear-gradient(#ffffffbd,#38bdf829);border:1px solid #0f172a52;border-bottom-color:#0f172a2e;height:42%;position:absolute;top:4%;left:6%;right:6%;box-shadow:0 22px 55px #38bdf833,inset 0 -10px #34d3991f}.glass-roof i{top:7%;bottom:-2%;left:var(--rib-left);transform-origin:bottom;width:2px;transform:rotate(var(--rib-rotate));background:#0f172a57;position:absolute}.glass-roof i:first-child{--rib-left:18%;--rib-rotate:28deg}.glass-roof i:nth-child(2){--rib-left:34%;--rib-rotate:13deg}.glass-roof i:nth-child(3){--rib-left:50%;--rib-rotate:0deg}.glass-roof i:nth-child(4){--rib-left:66%;--rib-rotate:-13deg}.glass-roof i:nth-child(5){--rib-left:82%;--rib-rotate:-28deg}.lab-rail{z-index:5;color:#0f172a;background:#38bdf8d1;border:1px solid #fffc;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.42rem .6rem;font-size:.72rem;font-weight:950;display:grid;position:absolute;top:41%;left:7%;right:7%;box-shadow:0 16px 32px #38bdf847}.lab-rail span{background:linear-gradient(90deg,#34d399 0 78%,#fffc 78%);border-radius:999px;height:.46rem}.sprint-board{z-index:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid;position:absolute;top:52%;left:7%;right:7%}.sprint-column{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;border:1px solid #0f172a1a;border-radius:16px;gap:.38rem;min-height:27%;padding:.58rem;display:grid;position:relative;box-shadow:0 16px 36px #0f172a1a}.sprint-column strong{color:#0f172a;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:950}.sprint-column span{background:#0f172a24;border-radius:999px;height:.55rem}.sprint-column span:first-of-type{background:#34d3998f;width:88%}.sprint-column span:nth-of-type(2){background:#38bdf87a;width:68%}.sprint-column span:nth-of-type(3){width:48%}.sprint-column em{color:#0f172a;background:#34d399;border-radius:999px;padding:.14rem .28rem;font-size:.56rem;font-style:normal;font-weight:950;position:absolute;top:.42rem;right:.42rem}.growth-meter,.greenhouse-silhouette{display:none}.workspace-mock--blueprint{--accent:#60a5fa;background:repeating-linear-gradient(0deg,#60a5fa21 0 1px,#0000 1px 18px),repeating-linear-gradient(90deg,#60a5fa1c 0 1px,#0000 1px 18px),radial-gradient(circle at 80% 20%,#60a5fa38,#0000 8rem),linear-gradient(160deg,#061021,#111827)}.workspace-mock--blueprint .mock-decoration span:first-child{border:1px dashed #60a5fa;width:9rem;height:5.4rem;bottom:12%;right:7%}.workspace-mock--blueprint .mock-decoration span:nth-child(2){border-top:2px solid #60a5fa;width:10rem;top:14%;left:48%;box-shadow:0 34px #60a5fa73}.workspace-mock--rose{--accent:#f8b4d9;background:radial-gradient(circle at 70% 18%,#c084fc5c,#0000 8rem),radial-gradient(circle at 18% 75%,#f8b4d933,#0000 8rem),linear-gradient(135deg,#271022,#5a2553)}.workspace-mock--rose .mock-decoration span:first-child,.workspace-mock--rose .mock-decoration span:nth-child(2),.workspace-mock--rose .mock-decoration span:nth-child(3){width:18rem;height:7rem;transform:rotate(var(--r,-18deg));border:1px solid #c084fc;border-radius:50%;top:20%;left:30%}.workspace-mock--rose .mock-decoration span:nth-child(2){--r:22deg;border-color:#f8b4d9}.workspace-mock--rose .mock-decoration span:nth-child(3){--r:58deg;border-color:#fde68a}.workspace-mock--pixel{--accent:#fb7185;background:radial-gradient(circle at 78% 20%,#facc1533,#0000 7rem),linear-gradient(135deg,#2b1c15,#4b2a25 55%,#111827)}.workspace-mock--pixel .mock-decoration span:first-child{background:radial-gradient(circle at 35% 38%,#fff 0 4px,#0000 5px),radial-gradient(circle at 65% 38%,#fff 0 4px,#0000 5px),linear-gradient(135deg,#facc15,#fb7185);border-radius:42% 58% 45% 55%;width:5.2rem;height:5.2rem;top:22%;right:8%;box-shadow:0 16px 36px #fb718547}.workspace-mock--pixel .mock-decoration span:nth-child(2){background:#ffffff24;border-radius:12px;width:3rem;height:3rem;top:14%;left:45%;box-shadow:36px 0 #22d3ee52,0 36px #facc1547}.workspace-mock--ink{--accent:#bce8d8;background:radial-gradient(at 70% 18%,#bce8d842,#0000 10rem),radial-gradient(at 16% 75%,#d94a3221,#0000 9rem),linear-gradient(#101418 0%,#123c3d 58%,#0a1113 100%)}.workspace-mock--moonlit{--accent:#f6b45c;background:radial-gradient(circle at 56% 3%,#a7d8ff57,#0000 11rem),radial-gradient(circle at 83% 78%,#f6b45c42,#0000 8rem),linear-gradient(145deg,#0e1028,#2c214b)}.workspace-mock--moonlit .mock-main{background:#1c163873}.workspace-mock--moonlit .skin-task-card{background:linear-gradient(#9084e24d,#3c30663d)}.workspace-mock--gold{--accent:#f59e0b;background:radial-gradient(at 72% 0,#fde68a47,#0000 12rem),linear-gradient(135deg,#050505,#1f2937)}.workspace-mock--sonar{--accent:#67e8f9;background:radial-gradient(circle at 18% 72%,#67e8f938,#0000 4rem),linear-gradient(145deg,#030b16,#0b2545)}.workspace-mock--sonar .mock-decoration span:first-child,.workspace-mock--sonar .mock-decoration span:nth-child(2),.workspace-mock--sonar .mock-decoration span:nth-child(3){border:1px solid #67e8f98c;border-radius:50%;width:12rem;height:12rem;bottom:8%;left:3%}.workspace-mock--sonar .mock-decoration span:nth-child(2){transform:scale(.66)}.workspace-mock--sonar .mock-decoration span:nth-child(3){background:#d9f99d2e;transform:scale(.34)}@keyframes slow-spin{to{transform:rotate(360deg)}}.generator-strip{background:linear-gradient(135deg,#6d45ff14,#25d7ff1a,#fff6);border-block:1px solid #6d45ff1a;max-width:none;margin:0;padding-left:max(1.25rem,50vw - 610px + 1.25rem);padding-right:max(1.25rem,50vw - 610px + 1.25rem)}.generator-head{max-width:820px}.generator-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem;display:grid}.generator-flow article{min-height:20rem;box-shadow:var(--shadow-soft);background:#ffffffad;border:1px solid #ffffffdb;border-radius:28px;padding:1.2rem;position:relative;overflow:hidden}.generator-flow article>strong{color:var(--primary);opacity:.22;font-size:2.5rem;font-weight:900}.moodboard-pixels,.palette-analyzer,.recipe-mini-card{background:linear-gradient(135deg,#101827,#283458);border-radius:22px;height:8.2rem;position:absolute;bottom:1.2rem;left:1.2rem;right:1.2rem;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.moodboard-pixels{grid-template-columns:1.15fr .85fr;gap:.5rem;padding:.5rem;display:grid}.moodboard-pixels i{background:linear-gradient(135deg,#16d9e3,#d946ef);border-radius:16px}.moodboard-pixels i:nth-child(2){background:linear-gradient(135deg,#ffb13b,#d6401f)}.moodboard-pixels i:nth-child(3){background:linear-gradient(135deg,#f8fafc,#34d399)}.moodboard-pixels i:nth-child(4){background:linear-gradient(135deg,#f8b4d9,#c084fc)}.palette-analyzer{justify-content:center;align-items:center;gap:.45rem;display:flex}.palette-analyzer span{background:var(--c,#16d9e3);width:18%;height:62%;box-shadow:0 0 28px var(--c,#16d9e3);border-radius:999px}.palette-analyzer span:nth-child(2){--c:#d946ef}.palette-analyzer span:nth-child(3){--c:#ffb13b}.palette-analyzer span:nth-child(4){--c:#60a5fa}.palette-analyzer span:nth-child(5){--c:#f8b4d9}.recipe-mini-card{color:#fff;align-content:center;gap:.55rem;padding:1rem;display:grid}.recipe-mini-card b{color:#25d7ff}.recipe-mini-card span{background:#ffffff38;border-radius:999px;height:.7rem}.recipe-mini-card span:nth-child(3){width:72%}.recipe-mini-card span:nth-child(4){width:48%}.path-split{padding-top:3.5rem}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.path-card{align-content:start;gap:.85rem;min-height:18rem;padding:1.4rem;display:grid;overflow:hidden}.path-card h3{letter-spacing:-.045em;font-size:clamp(1.6rem,3vw,2.6rem)}.path-card--free{background:radial-gradient(circle at 90% 12%,#6d45ff33,#0000 12rem),linear-gradient(135deg,#ffffffe0,#edefffc2)}.path-card--custom{background:radial-gradient(circle at 88% 15%,#dc5cff33,#0000 12rem),linear-gradient(135deg,#ffffffe0,#f5edffc7)}.install-guide{padding-top:1rem}.install-guide-inner,.custom-order-inner{padding:1.4rem}.install-steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.install-steps-grid article{background:#ffffff8c;border:1px solid #6d45ff21;border-radius:18px;gap:.45rem;padding:.95rem;display:grid}.install-steps-grid strong{color:#111827;font-weight:900}.install-steps-grid span{color:var(--muted);font-size:.9rem;line-height:1.45}.showcase-strip{display:none}.section-heading{max-width:880px;margin-bottom:1.8rem}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;display:grid}.skin-gallery-card{grid-template-rows:auto minmax(0,1fr);transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.skin-gallery-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.skin-gallery-card--featured .workspace-mock{min-height:340px}.skin-gallery-card .workspace-mock{aspect-ratio:16/10;min-height:305px;margin:.95rem}.gallery-meta{padding:1rem 1rem 0}.gallery-copy{padding:0 1rem 1rem}.studio-tags{margin:.9rem 0}.palette-strip{grid-template-columns:repeat(5,1fr);gap:.28rem;margin:.9rem 0 0;display:grid}.palette-strip span{background:var(--swatch);border-radius:999px;height:.72rem;display:block;box-shadow:inset 0 0 0 1px #0000001a}.card-actions{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1rem;display:flex}.card-actions .studio-button{min-height:2.55rem;padding:.55rem .8rem;font-size:.86rem}.custom-order-inner{grid-template-columns:1fr .92fr;gap:1.2rem;display:grid}.order-form-preview{padding:1rem}.form-lines{gap:.55rem;margin:1.1rem 0 1.3rem;display:grid}.form-lines span{color:#566078;background:#ffffff8f;border:1px solid #6d45ff24;border-radius:16px;padding:.75rem .85rem;font-weight:760}.before-after-mock{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.75rem;display:grid}.before-after-mock>div>span{color:var(--primary);margin-bottom:.45rem;font-weight:900;display:inline-block}.page{min-height:58vh}.page .page-lede{max-width:850px;margin-bottom:1.3rem}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.value-card,.legal-copy,.adapt-steps,.concept-statement,.palette-board,.recipe-board,.ui-states{padding:1.25rem}.adapt-steps ol{color:var(--muted);gap:.7rem;padding-left:1.2rem;line-height:1.65;display:grid}.detail-work-page{gap:1.15rem;display:grid}.work-hero{box-shadow:var(--shadow-soft);background:radial-gradient(circle at 85% 18%,#6d45ff29,#0000 14rem),#ffffffad;border:1px solid #ffffffd1;border-radius:30px;grid-template-columns:minmax(0,.84fr) minmax(420px,1.16fr);align-items:stretch;gap:1.25rem;padding:1rem;display:grid;position:relative;overflow:hidden}.work-copy{z-index:2;align-content:center;padding:clamp(1rem,3vw,2rem);display:grid;position:relative}.work-copy h2{font-size:clamp(2.5rem,5.5vw,5.2rem)}.work-copy>p:not(.eyebrow){color:var(--muted);font-size:1.17rem}.detail-work-page--forge .work-hero,.detail-work-page--neon .work-hero,.detail-work-page--gold .work-hero,.detail-work-page--sonar .work-hero{background:radial-gradient(circle at 76% 24%, color-mix(in srgb, var(--primary) 28%, transparent), transparent 16rem), linear-gradient(135deg, #131827, #27314e)}.detail-work-page--forge .work-copy>p:not(.eyebrow),.detail-work-page--neon .work-copy>p:not(.eyebrow),.detail-work-page--gold .work-copy>p:not(.eyebrow),.detail-work-page--sonar .work-copy>p:not(.eyebrow),.detail-work-page--forge .work-copy h2,.detail-work-page--neon .work-copy h2,.detail-work-page--gold .work-copy h2,.detail-work-page--sonar .work-copy h2{color:#f8faff}.metadata-panel{box-shadow:none;background:#ffffff9e;gap:.45rem;margin:1rem 0 0;padding:.9rem;display:grid}.metadata-panel div{border-bottom:1px solid #6d45ff1a;grid-template-columns:7.5rem 1fr;gap:.7rem;padding-bottom:.35rem;display:grid}.metadata-panel dt{color:var(--primary);letter-spacing:.12em;font-size:.72rem;font-weight:900}.metadata-panel dd{color:#2b3348;margin:0;font-size:.82rem;font-weight:760}.palette-board-grid,.concept-recipe-map,.state-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.palette-board-grid div,.concept-recipe-map div,.state-grid div{color:#111827;background:var(--swatch,#fff9);border-radius:20px;align-content:end;gap:.32rem;min-height:8.6rem;padding:.85rem;display:grid;box-shadow:inset 0 0 0 1px #00000014}.palette-board-grid b,.concept-recipe-map b{background:#ffffff61;border-radius:50%;width:2rem;height:2rem;box-shadow:inset 0 0 0 1px #0000001f}.palette-board-grid div.is-dark-swatch{color:#fff}.recipe-board--forge,.recipe-board--glasshouse{grid-template-columns:13rem 1fr;align-items:center;gap:1rem;display:grid}.forge-gauge-dial,.glasshouse-instrument{background:conic-gradient(from 270deg, #16110f 0 52%, #d6401f 52% 70%, #ffb13b 70% 90%, #8a5a32 90% 100%);border-radius:22px;width:13rem;height:8rem;box-shadow:inset 0 0 0 1px #ffffff2e}.forge-gauge-bars,.glasshouse-gauge-list{gap:.65rem;display:grid}.forge-gauge-row,.glasshouse-gauge-row{grid-template-columns:1fr auto;align-items:center;gap:.7rem;display:grid}.forge-gauge-row span,.glasshouse-gauge-row span,.neon-node-list span{color:var(--muted);font-size:.86rem}.forge-gauge-row i,.glasshouse-gauge-row i{background:linear-gradient(90deg, var(--gauge-color) var(--gauge-width), #6d45ff1a var(--gauge-width));border-radius:999px;grid-column:1/-1;height:.58rem}.recipe-board--neon svg{background:linear-gradient(#080b12,#2c3a4a);border-radius:20px;width:100%;min-height:12rem}.recipe-board--neon polyline{fill:none;stroke:#16d9e3;stroke-width:4px;filter:drop-shadow(0 0 10px #16d9e3bf)}.recipe-board--neon circle{fill:var(--node-color);filter:drop-shadow(0 0 12px var(--node-color))}.neon-node-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-top:.7rem;display:grid}.neon-node-list div{background:color-mix(in srgb, var(--node-color) 14%, white);border-radius:16px;padding:.65rem}.state-grid span{font-weight:900}.state-grid b{background:var(--accent);border-radius:999px;height:.72rem}.state-grid i{background:color-mix(in srgb, var(--accent) 20%, transparent);border-radius:12px;height:2.1rem}.footer{border-top:1px solid #6d45ff1f;padding-top:2rem}.footer-links{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.footer-links a{color:#4a5166;background:#fff9;border:1px solid #6d45ff1f;border-radius:999px;padding:.42rem .66rem;font-size:.82rem;font-weight:760;text-decoration:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.workspace-mock--forge .mock-decoration span,.studio-button,.skin-gallery-card{transition:none;animation:none}}@media (width<=980px){.topbar{border-radius:24px;flex-direction:column;align-items:flex-start;margin:.75rem 1rem 0;position:static}nav{justify-content:flex-start}.hero,.custom-order-inner,.work-hero{grid-template-columns:1fr}.hero{gap:1.3rem;min-height:auto;padding-top:2.6rem}.gallery-grid,.value-grid,.path-grid,.generator-flow,.hero-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-skin-card:first-child{grid-area:auto/1/auto/-1}.hero-generator-entry{grid-template-columns:1fr;align-items:start}.section-pad{padding:3.6rem 1rem}.palette-board-grid,.state-grid,.concept-recipe-map,.install-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-board--forge,.recipe-board--glasshouse{grid-template-columns:1fr}}@media (width<=640px){.topbar{gap:.35rem;margin:.45rem .6rem 0;padding:.55rem}.brand{font-size:.92rem}.brand-mark{width:1.9rem;height:1.9rem}nav{gap:.2rem}nav a{padding:.36rem .44rem;font-size:.74rem}.hero{padding:1.5rem .8rem 2.4rem}.hero-copy h1,.page h1{margin-bottom:.65rem;font-size:2.45rem;line-height:.98}.lede{margin:0;font-size:.96rem;line-height:1.5}.cta-row{gap:.5rem;margin:.85rem 0 .65rem}.hero .studio-button{flex:calc(50% - .5rem);min-height:2.45rem;padding:.55rem .7rem;font-size:.82rem}.home-category-chips{gap:.35rem;margin-top:.85rem}.home-category-chips a{min-height:1.95rem;padding:.34rem .52rem;font-size:.7rem}.trust-badges{gap:.32rem}.trust-badges span,.filter-chips button,.studio-tags li{padding:.3rem .5rem;font-size:.68rem}.hero-preview{border-radius:24px;padding:.55rem}.hero-preview .workspace-mock{min-height:260px}.hero-preview-topline{padding-bottom:.4rem;font-size:.56rem}.skin-switch-tabs{gap:.35rem;margin-top:.45rem}.skin-switch-tabs a{padding:.4rem .42rem;font-size:.62rem}.section-pad{padding:2.7rem .8rem}.gallery-grid,.value-grid,.path-grid,.before-after-mock,.palette-board-grid,.neon-node-list,.state-grid,.concept-recipe-map,.install-steps-grid,.generator-flow,.hero-store-grid{grid-template-columns:1fr}.generator-flow article{min-height:18rem}.mock-body{grid-template-columns:1fr}.mock-main{padding:.62rem}.mock-sidebar{border-bottom:1px solid #ffffff1f;border-right:0;grid-template-columns:2.1rem repeat(5,1fr);align-items:center}.mock-right-panel{display:none}.task-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-mock{border-radius:18px;min-height:220px}.hero-skin-card{border-radius:22px;grid-template-rows:auto auto}.hero-skin-media{padding:.55rem .55rem 0}.hero-skin-media .workspace-mock{min-height:230px}.hero-card-actions .studio-button{width:100%;min-height:2.25rem;font-size:.74rem}.hero-generator-entry{border-radius:22px;padding:.75rem}.workspace-mock--mini{min-height:180px}.workspace-mock--detail{min-height:390px}.skin-gallery-card .workspace-mock,.skin-gallery-card--featured .workspace-mock{min-height:235px}.metadata-panel div{grid-template-columns:1fr;gap:.2rem}.cta-row .studio-button{width:100%}}
