:root{--black:#08090A;--black-2:#0b0c0f;--panel:#0e1014;--panel-2:#101218;--gold:#b49648;--gold-lt:#d7c08a;--gold-dk:#8a722f;--purple:#816e94;--purple-lt:#a695bb;--cream:#fffcf9;--muted:#9ca3af;--muted-2:#6b7280;--line:rgba(255,252,249,.12);--line-soft:rgba(255,252,249,.07);--heat:rgba(180,150,72,.35)}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--black);color:var(--cream);font-family:Inter,sans-serif;font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 52% 42% at 84% -2%,rgba(180,150,72,.13) 0%,transparent 60%),radial-gradient(ellipse 48% 48% at 4% 100%,rgba(129,110,148,.12) 0%,transparent 60%)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}#root{position:relative;z-index:1;animation:appSoftEnter .72s cubic-bezier(.22,.61,.36,1) both}.shell{max-width:1140px;margin:0 auto;padding:0 32px 90px}.stage-slot{margin-top:30px}.stage-slot-intro{margin-top:0}@media(max-width:640px){.shell{padding:0 18px 70px}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 0 0;gap:16px}.mark{display:flex;align-items:center;gap:11px;font-family:Sora,sans-serif;font-weight:700;letter-spacing:.22em;font-size:12px;text-transform:uppercase;color:var(--cream)}.mark-icon{width:18px;height:18px;display:block;border-radius:5px;filter:drop-shadow(0 0 10px rgba(180,150,72,.72));flex:0 0 auto}.mark .dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--gold-lt),var(--gold));box-shadow:0 0 14px #b49648cc}.top-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.stepcount{font-family:Sora,sans-serif;font-size:11px;letter-spacing:.16em;color:var(--muted)}.stepcount b{color:var(--gold-lt);font-weight:600}.restart-btn{appearance:none;border:1px solid var(--line);border-radius:999px;background:#fffcf909;color:var(--muted);cursor:pointer;font-family:Sora,sans-serif;font-size:10px;font-weight:600;letter-spacing:.12em;line-height:1;padding:9px 13px;text-transform:uppercase;transition:all .18s}.restart-btn:hover{border-color:#d7c08a8c;color:var(--gold-lt);background:#b4964814}.restart-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.restart-confirm{display:flex;align-items:center;gap:7px;border:1px solid rgba(215,192,138,.35);border-radius:999px;background:#08090ab8;box-shadow:0 10px 30px #0000003d;color:var(--gold-lt);font-family:Sora,sans-serif;font-size:10px;font-weight:600;letter-spacing:.08em;padding:5px 6px 5px 11px;text-transform:uppercase}.restart-confirm button{border:1px solid transparent;border-radius:999px;cursor:pointer;font-family:Sora,sans-serif;font-size:9px;font-weight:700;letter-spacing:.08em;padding:7px 9px;text-transform:uppercase;transition:all .18s}.restart-keep{background:transparent;color:var(--muted);border-color:var(--line)!important}.restart-keep:hover{color:var(--cream);border-color:var(--gold-lt)!important}.restart-clear{background:var(--gold-lt);color:var(--black)}.restart-clear:hover{background:var(--cream)}.restart-confirm button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:640px){.topbar{align-items:flex-start}.top-actions{gap:10px}.restart-btn{padding:8px 10px;font-size:9px}.restart-confirm{align-items:flex-start;border-radius:14px;flex-direction:column;padding:8px}.restart-confirm button{width:100%}}.filament{position:relative;height:2px;background:var(--line-soft);margin:22px 0 0;border-radius:2px;overflow:hidden}.filament .fill{position:absolute;left:0;top:0;height:2px;background:linear-gradient(90deg,rgba(180,150,72,.18),var(--gold),var(--gold-lt));box-shadow:0 0 12px #b49648d9;transition:width .55s cubic-bezier(.22,.61,.36,1)}.phaserail{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.phasechip{font-family:Sora,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);border:1px solid var(--line-soft);border-radius:999px;padding:6px 12px;cursor:default;transition:color .18s,border-color .18s,background .18s;display:flex;align-items:center;gap:7px;-webkit-user-select:none;user-select:none}.phasechip .pi{width:5px;height:5px;border-radius:50%;background:var(--muted-2)}.phasechip.done{color:var(--muted);cursor:pointer}.phasechip.done .pi{background:var(--gold);box-shadow:0 0 7px #b4964899}.phasechip.done:hover{color:var(--cream);border-color:var(--line)}.phasechip.active{color:var(--black);background:var(--gold-lt);border-color:var(--gold-lt);font-weight:600}.phasechip.active .pi{background:var(--black)}.eyebrow{font-family:Sora,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:13px}.eyebrow:after{content:"";flex:1;height:1px;background:var(--line-soft)}.q-head{font-family:Sora,sans-serif;font-weight:600;font-size:clamp(22px,4vw,32px);letter-spacing:-.01em;margin:16px 0 6px;line-height:1.08}.q-head .accent{color:var(--gold-lt)}.q-sub{font-size:14.5px;color:var(--muted);margin-bottom:26px;max-width:64ch}.q-sub b{color:var(--cream);font-weight:500}.q-sub .acc{color:var(--gold-lt);font-weight:500}.intro{padding:58px 0 0}.intro-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:56px;align-items:center}.intro-copy{max-width:820px}.intro h1{font-family:Sora,sans-serif;font-weight:700;font-size:clamp(36px,5.8vw,64px);line-height:1.02;letter-spacing:-.015em;margin:24px 0 20px}.intro h1 .accent{color:var(--gold-lt)}.intro .lede{font-size:17.5px;color:var(--muted);max-width:60ch}.intro .lede b{color:var(--cream);font-weight:500}.client-note{margin-top:20px;max-width:58ch;border-left:2px solid var(--gold);padding:10px 0 10px 18px;color:var(--muted);font-size:14.5px}.client-note b{color:var(--cream);font-weight:600}.intro .meta{margin-top:30px;max-width:660px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(215,192,138,.13)}.intro .meta .mi{display:flex;flex-direction:column;gap:7px;min-height:92px;padding:19px 20px 0 0}.intro .meta .mi+.mi{border-left:1px solid rgba(215,192,138,.1);padding-left:20px}.intro .meta .mi .k{display:flex;align-items:center;gap:9px;font-family:Sora,sans-serif;font-size:16px;font-weight:700;line-height:1.1;color:var(--gold-lt)}.intro .meta .mi .k:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #b49648b8;flex:0 0 auto}.intro .meta .mi .v{max-width:16ch;font-size:13px;line-height:1.45;color:var(--muted)}.intro-actions{align-items:center;flex-wrap:wrap}.intro-time{font-size:12.5px;color:var(--muted);font-family:Space Mono,monospace}.intro-actions .btn-primary{position:relative;min-width:285px;min-height:58px;justify-content:flex-start;overflow:hidden;padding:15px 88px 15px 34px;border:1px solid rgba(255,252,249,.18);background:radial-gradient(circle at 24% 14%,rgba(255,252,249,.42),transparent 24%),linear-gradient(135deg,#f2da92 0%,var(--gold-lt) 38%,var(--gold) 72%,#8f7331 100%);box-shadow:0 0 0 1px #d7c08a2e,0 14px 38px #b4964857,0 0 46px #b4964833;color:#130f07;font-size:clamp(18px,1.05vw,21px);font-weight:800;line-height:1.1;letter-spacing:0}.intro-cta-text{position:relative;z-index:1;display:block;width:auto;text-align:left}.intro-cta-play{position:absolute;z-index:1;right:32px;top:50%;width:31px;height:31px;border-radius:50%;background:#130f072e;border:1px solid rgba(19,15,7,.2);box-shadow:inset 0 0 0 1px #fffcf929;transform:translateY(-50%)}.intro-cta-play:before{content:"";position:absolute;left:12px;top:9px;width:0;height:0;border-top:6.5px solid transparent;border-bottom:6.5px solid transparent;border-left:9px solid #130f07}.intro-actions .btn-primary:before{content:"";position:absolute;inset:-42% auto -42% -58%;width:48%;background:linear-gradient(90deg,transparent,rgba(255,252,249,.55),transparent);transform:skew(-18deg);animation:introButtonGleam 4.6s ease-in-out infinite;pointer-events:none}.intro-actions .btn-primary:hover{transform:translateY(-3px);border-color:#fffcf957;box-shadow:0 0 0 1px #d7c08a52,0 20px 48px #b4964870,0 0 68px #d7c08a47}.intro-actions .btn-primary:hover .intro-cta-play{background:#130f0740;transform:translateY(-50%) scale(1.06)}.intro-actions .btn-primary:active{transform:translateY(-1px)}.intro-actions .btn-primary:focus-visible{outline:2px solid var(--cream);outline-offset:4px}.intro-logo-panel{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none}.direction-demo{--demo-width:clamp(450px, 39vw, 620px);position:relative;width:min(100%,calc(var(--demo-width) + 26px));min-height:clamp(285px,25vw,380px);display:grid;place-items:center;isolation:isolate}.direction-orbital{position:absolute;width:calc(var(--demo-width) * .94);height:calc(var(--demo-width) * .48);border-radius:999px;border:1px solid rgba(215,192,138,.055);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--gold-lt) 12%,transparent),transparent 66%);opacity:.58;filter:blur(.2px);animation:directionDrift 18s ease-in-out infinite alternate}.direction-orbital:before,.direction-orbital:after{content:"";position:absolute;inset:17%;border-radius:999px;border:1px solid rgba(255,252,249,.035)}.direction-orbital:after{display:none}@property --accent{syntax:"<color>"; inherits:true; initial-value:#d8bd72;}@property --canvas-bg{syntax:"<color>"; inherits:true; initial-value:#101218;}@property --canvas-ink{syntax:"<color>"; inherits:true; initial-value:#f7f5ee;}.direction-window{--accent:var(--gold-lt);--canvas-bg:#101218;--canvas-ink:#f7f5ee;--direction-duration:1.1s;--direction-ease:cubic-bezier(.22,.61,.36,1);--nav-x:0%;--nav-y:0%;--nav-w:100%;--copy-x:0%;--copy-y:22%;--copy-w:48%;--copy-h:42%;--copy-nudge-x:0px;--copy-nudge-y:0px;--image-x:54%;--image-y:20%;--image-w:46%;--image-h:44%;--image-nudge-x:0px;--image-nudge-y:0px;--sections-x:0%;--sections-y:72%;--sections-w:100%;--sections-h:28%;--line-1:96%;--line-2:74%;--line-3:58%;--line-4:42%;--image-scale:.98;--image-radius:12px;--card-radius:12px;--nav-1:.98;--nav-2:.78;--nav-3:.88;--card-1-y:0px;--card-2-y:0px;--card-3-y:0px;position:relative;z-index:1;display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(100%,var(--demo-width));aspect-ratio:16 / 10;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:clamp(18px,1.6vw,26px);padding:clamp(14px,1.25vw,20px);background:radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 34%),linear-gradient(145deg,rgba(255,252,249,.045),transparent 36%),#090a09bd;box-shadow:0 0 54px color-mix(in srgb,var(--accent) 12%,transparent),0 0 115px color-mix(in srgb,var(--accent) 5%,transparent),inset 0 0 44px #fffcf906;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:directionWindowBreath 5s ease-in-out infinite alternate;transition:--accent var(--direction-duration) var(--direction-ease),--canvas-bg var(--direction-duration) var(--direction-ease),--canvas-ink var(--direction-duration) var(--direction-ease),border-color var(--direction-duration) var(--direction-ease),background var(--direction-duration) var(--direction-ease),box-shadow var(--direction-duration) var(--direction-ease)}.direction-window:before{content:"";position:absolute;inset:-80px -120px auto auto;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 68%);opacity:.7;transition:background var(--direction-duration) var(--direction-ease)}.direction-window:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(255,252,249,.05) 48%,transparent 58% 100%);transform:translate(-115%);animation:directionGlassSweep 8s ease-in-out infinite;pointer-events:none}.window-top,.preview-stage,.direction-label{position:relative;z-index:2}.window-top{display:flex;align-items:center;gap:8px;margin-bottom:clamp(8px,.8vw,12px)}.window-dot{width:8px;height:8px;border-radius:50%;background:#fffcf92e}.window-address{min-width:0;flex:1;height:22px;display:flex;align-items:center;padding:0 12px;border:1px solid rgba(255,252,249,.06);border-radius:999px;background:#fffcf90b;color:#fffcf975;font-family:Space Mono,monospace;font-size:clamp(8px,.62vw,10.5px);letter-spacing:.04em;overflow:hidden;white-space:nowrap}.window-title{color:#fffcf966;font-family:Sora,sans-serif;font-size:clamp(8px,.62vw,10.5px);letter-spacing:.16em;text-transform:uppercase}.direction-label{position:relative;right:auto;bottom:auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin-bottom:clamp(8px,.8vw,12px);padding:6px 10px 6px 12px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,rgba(255,252,249,.035)),#fffcf909);color:#fffcf9c7;font-family:Sora,sans-serif;letter-spacing:0;transition:border-color var(--direction-duration) var(--direction-ease),background var(--direction-duration) var(--direction-ease),color var(--direction-duration) var(--direction-ease)}.direction-name{color:var(--cream);font-size:clamp(11px,.8vw,14px);font-weight:700;line-height:1.1;white-space:nowrap}.direction-blurb{color:#fffcf98a;font-family:Inter,sans-serif;font-size:clamp(9.5px,.68vw,11.5px);line-height:1.15;text-align:right}.preview-stage{min-height:0;overflow:hidden}.preview-nav{position:absolute;left:var(--nav-x);top:var(--nav-y);width:var(--nav-w);height:clamp(7px,.62vw,10px);display:flex;justify-content:space-between;gap:clamp(8px,.8vw,12px);transition:left var(--direction-duration) var(--direction-ease),top var(--direction-duration) var(--direction-ease),width var(--direction-duration) var(--direction-ease)}.preview-nav i{display:block;width:100%;height:100%;border-radius:999px;background:#fffcf924;transform:scaleX(var(--nav-scale));transform-origin:left center;transition:background var(--direction-duration) var(--direction-ease),opacity var(--direction-duration) var(--direction-ease),transform var(--direction-duration) var(--direction-ease)}.preview-nav i:nth-child(1){--nav-scale:var(--nav-1)}.preview-nav i:nth-child(2){--nav-scale:var(--nav-2)}.preview-nav i:nth-child(3){--nav-scale:var(--nav-3)}.preview-hero{display:contents}.preview-copy{position:absolute;left:var(--copy-x);top:var(--copy-y);width:var(--copy-w);height:var(--copy-h);display:grid;gap:clamp(5px,.58vw,9px);align-content:center;transform:translate(var(--copy-nudge-x),var(--copy-nudge-y));transition:left var(--direction-duration) var(--direction-ease),top var(--direction-duration) var(--direction-ease),width var(--direction-duration) var(--direction-ease),height var(--direction-duration) var(--direction-ease),transform var(--direction-duration) var(--direction-ease)}.preview-copy i{display:block;height:clamp(7px,.68vw,11px);border-radius:999px;background:#fffcf9d6;transition:width var(--direction-duration) var(--direction-ease),background var(--direction-duration) var(--direction-ease),opacity var(--direction-duration) var(--direction-ease)}.preview-copy i:nth-child(1){width:var(--line-1)}.preview-copy i:nth-child(2){width:var(--line-2);background:var(--accent)}.preview-copy i:nth-child(3){width:var(--line-3);opacity:.46}.preview-copy i:nth-child(4){width:var(--line-4);height:8px;opacity:.25}.preview-image{position:absolute;left:var(--image-x);top:var(--image-y);width:var(--image-w);height:var(--image-h);min-height:0;border-radius:var(--image-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 50%,transparent),color-mix(in srgb,var(--canvas-bg) 70%,rgba(255,252,249,.08))),color-mix(in srgb,var(--canvas-bg) 76%,rgba(255,252,249,.08));box-shadow:inset 0 0 26px #fffcf90a;transform:translate(var(--image-nudge-x),var(--image-nudge-y)) scale(var(--image-scale));transition:left var(--direction-duration) var(--direction-ease),top var(--direction-duration) var(--direction-ease),width var(--direction-duration) var(--direction-ease),height var(--direction-duration) var(--direction-ease),background var(--direction-duration) var(--direction-ease),border-radius var(--direction-duration) var(--direction-ease),box-shadow var(--direction-duration) var(--direction-ease),transform var(--direction-duration) var(--direction-ease);position:relative;overflow:hidden}.preview-image:before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#fffcf91a;right:-22%;bottom:-22%}.preview-sections{position:absolute;left:var(--sections-x);top:var(--sections-y);width:var(--sections-w);height:var(--sections-h);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,.8vw,12px);min-height:0;padding-bottom:0;transition:left var(--direction-duration) var(--direction-ease),top var(--direction-duration) var(--direction-ease),width var(--direction-duration) var(--direction-ease),height var(--direction-duration) var(--direction-ease)}.preview-card{min-height:0;height:100%;border-radius:var(--card-radius);background:color-mix(in srgb,var(--canvas-bg) 78%,rgba(255,252,249,.08));border:1px solid rgba(255,252,249,.055);transform:translateY(var(--card-y));transform-origin:left center;transition:background var(--direction-duration) var(--direction-ease),border-color var(--direction-duration) var(--direction-ease),border-radius var(--direction-duration) var(--direction-ease),opacity var(--direction-duration) var(--direction-ease),transform var(--direction-duration) var(--direction-ease);position:relative;overflow:hidden}.preview-card:nth-child(1){--card-y:var(--card-1-y)}.preview-card:nth-child(2){--card-y:var(--card-2-y)}.preview-card:nth-child(3){--card-y:var(--card-3-y)}.preview-card:before{content:"";position:absolute;left:11px;right:18px;top:12px;height:6px;border-radius:999px;background:#fffcf938;transition:background var(--direction-duration) var(--direction-ease),opacity var(--direction-duration) var(--direction-ease)}.preview-card:after{content:"";position:absolute;left:11px;right:28px;top:clamp(23px,2vw,32px);height:5px;border-radius:999px;background:color-mix(in srgb,var(--canvas-ink) 16%,transparent);opacity:.7;transition:background var(--direction-duration) var(--direction-ease),opacity var(--direction-duration) var(--direction-ease)}.preview-card:nth-child(2){background:color-mix(in srgb,var(--accent) 14%,rgba(255,252,249,.055))}.preview-palette{position:absolute;left:clamp(11px,1vw,16px);bottom:clamp(10px,.9vw,14px);display:flex;align-items:center;gap:7px}.preview-palette i{display:block;width:10px;height:10px;border-radius:50%;background:var(--accent);transition:background var(--direction-duration) var(--direction-ease),opacity var(--direction-duration) var(--direction-ease)}.preview-palette i:nth-child(2){opacity:.55}.preview-palette i:nth-child(3){opacity:.25}.direction-window.organic{--nav-x:8%;--nav-y:2%;--nav-w:84%;--copy-x:0%;--copy-y:24%;--copy-w:43%;--copy-h:38%;--copy-nudge-x:0px;--copy-nudge-y:0px;--image-x:50%;--image-y:18%;--image-w:50%;--image-h:52%;--image-nudge-x:0px;--image-nudge-y:0px;--sections-x:0%;--sections-y:76%;--sections-w:100%;--sections-h:24%;--line-1:88%;--line-2:84%;--line-3:62%;--line-4:46%;--image-scale:1.04;--image-radius:24px;--card-radius:18px;--nav-1:.74;--nav-2:.92;--nav-3:.62;--card-1-y:3px;--card-2-y:-2px;--card-3-y:2px}.direction-window.minimaltech{--nav-x:0%;--nav-y:0%;--nav-w:100%;--copy-x:0%;--copy-y:17%;--copy-w:58%;--copy-h:36%;--copy-nudge-x:0px;--copy-nudge-y:0px;--image-x:66%;--image-y:17%;--image-w:34%;--image-h:32%;--image-nudge-x:0px;--image-nudge-y:0px;--sections-x:0%;--sections-y:62%;--sections-w:100%;--sections-h:38%;--line-1:100%;--line-2:68%;--line-3:66%;--line-4:52%;--image-scale:.92;--image-radius:8px;--card-radius:8px;--nav-1:.95;--nav-2:.95;--nav-3:.95;--card-1-y:-2px;--card-2-y:2px;--card-3-y:4px}.direction-window.luxenoir{--nav-x:0%;--nav-y:0%;--nav-w:100%;--copy-x:0%;--copy-y:20%;--copy-w:40%;--copy-h:38%;--copy-nudge-x:0px;--copy-nudge-y:0px;--image-x:47%;--image-y:18%;--image-w:53%;--image-h:44%;--image-nudge-x:0px;--image-nudge-y:0px;--sections-x:0%;--sections-y:74%;--sections-w:100%;--sections-h:26%;--line-1:82%;--line-2:64%;--line-3:44%;--line-4:30%;--image-scale:1.02;--image-radius:10px;--card-radius:8px;--nav-1:.68;--nav-2:1;--nav-3:.76;--card-1-y:0px;--card-2-y:0px;--card-3-y:0px}.direction-window.directionboard{--nav-x:7%;--nav-y:0%;--nav-w:86%;--copy-x:5%;--copy-y:17%;--copy-w:42%;--copy-h:34%;--copy-nudge-x:0px;--copy-nudge-y:0px;--image-x:53%;--image-y:17%;--image-w:42%;--image-h:34%;--image-nudge-x:0px;--image-nudge-y:0px;--sections-x:5%;--sections-y:61%;--sections-w:90%;--sections-h:34%;--line-1:80%;--line-2:80%;--line-3:72%;--line-4:40%;--image-scale:.99;--image-radius:14px;--card-radius:12px;--nav-1:.9;--nav-2:.9;--nav-3:.9;--card-1-y:0px;--card-2-y:0px;--card-3-y:0px}.direction-window.minimaltech .preview-nav i,.direction-window.directionboard .preview-nav i{background:color-mix(in srgb,var(--accent) 50%,rgba(255,252,249,.13))}.direction-window.directionboard .preview-card:nth-child(3){background:color-mix(in srgb,var(--accent) 16%,rgba(255,252,249,.05))}@keyframes directionGlassSweep{0%,48%{transform:translate(-115%)}67%,to{transform:translate(115%)}}@keyframes directionDrift{0%{transform:translate3d(-8px,5px,0) scale(.99)}to{transform:translate3d(8px,-6px,0) scale(1.01)}}@keyframes directionWindowBreath{0%{box-shadow:0 0 70px color-mix(in srgb,var(--accent) 12%,transparent),0 0 150px color-mix(in srgb,var(--accent) 5%,transparent),inset 0 0 44px #fffcf906}to{box-shadow:0 0 96px color-mix(in srgb,var(--accent) 18%,transparent),0 0 190px color-mix(in srgb,var(--accent) 7%,transparent),inset 0 0 50px #fffcf909}}@keyframes directionFragmentFloat{0%,to{transform:translateZ(0) rotate(-4deg);opacity:.35}45%{transform:translate3d(10px,-16px,0) rotate(7deg);opacity:.84}}@keyframes introButtonGleam{0%,58%{left:-58%;opacity:0}68%{opacity:.82}84%,to{left:118%;opacity:0}}@media(max-width:900px){.intro-grid{grid-template-columns:1fr;gap:36px}.intro-logo-panel{order:-1;min-height:330px;align-items:center}.direction-demo{--demo-width:min(580px, 88vw);min-height:clamp(245px,48vw,360px);width:min(100%,calc(var(--demo-width) + 20px))}.direction-window{width:min(100%,var(--demo-width))}}@media(max-width:640px){.intro{padding-top:36px}.intro .meta{grid-template-columns:1fr;max-width:none}.intro .meta .mi{min-height:0;padding:15px 0}.intro .meta .mi+.mi{border-left:0;border-top:1px solid rgba(215,192,138,.09);padding-left:0}.intro .meta .mi .v{max-width:none}.intro-logo-panel{min-height:260px}.direction-demo{--demo-width:min(350px, 92vw);min-height:235px;width:min(100%,calc(var(--demo-width) + 10px))}.direction-window{width:min(100%,var(--demo-width));border-radius:18px;padding:12px}.window-title{display:none}.window-address{height:19px;padding:0 9px}.direction-label{min-height:34px;padding:7px 9px;margin-bottom:10px}.direction-blurb{max-width:15ch}.preview-nav{margin-bottom:10px}.preview-hero{gap:9px;margin-bottom:10px}.preview-image,.preview-card{min-height:0}.preview-palette{bottom:12px;left:12px}}.stage{animation:rise .5s cubic-bezier(.22,.61,.36,1)}.stage-intro .intro{animation:introFade .5s cubic-bezier(.22,.61,.36,1)}@keyframes appSoftEnter{0%{opacity:0;filter:blur(5px);transform:translateY(6px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes introFade{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{transform:scale(.85)}to{transform:none}}.btn{font-family:Sora,sans-serif;font-weight:600;font-size:14px;border-radius:999px;padding:12px 26px;cursor:pointer;border:1px solid transparent;transition:all .18s;display:inline-flex;align-items:center;gap:9px}.btn-primary{background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#1a1408;box-shadow:0 4px 20px #b496484d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 26px #b4964866}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--line)}.btn-ghost:hover{color:var(--cream);border-color:var(--cream)}.btn-back{background:#d7c08a1a;color:var(--cream);border-color:#d7c08a8c;box-shadow:inset 0 0 0 1px #d7c08a14,0 0 22px #b496481f}.btn-back:hover{background:#d7c08a2e;color:var(--gold-lt);border-color:var(--gold-lt);transform:translateY(-1px);box-shadow:0 8px 26px #b4964838}.btn-back:disabled{background:transparent;color:var(--muted-2);border-color:var(--line-soft);box-shadow:none;transform:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.nav{display:flex;align-items:center;gap:16px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line-soft)}.nav .spacer{flex:1}.hint{font-size:12.5px;color:var(--muted)}.mock-frame{width:100%;height:100%;min-height:150px;display:flex;container-type:size}.mock{display:flex;flex:1 1 auto;flex-direction:column;min-height:100%;justify-content:center;height:100%;position:relative;overflow:hidden;gap:var(--mock-gap, .7em);padding:var(--mock-pad-y, 1.25em) var(--mock-pad-x, 1.05em);font-size:clamp(var(--mock-min-font, 12px),var(--mock-fluid-w, 3.9cqw),var(--mock-max-font, 27px))}.m-eyebrow{font-size:.625em;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.m-h{font-size:var(--mock-title, 2em);line-height:1.07;font-weight:700}.m-p{font-size:.75em;line-height:1.45;max-width:42em}.m-meta{font-size:.656em}.m-btn{align-self:flex-start;font-weight:700;font-family:Inter,sans-serif;border-radius:var(--mock-control-radius, 999px);font-size:.719em;padding:.438em .938em}.m-tags{display:flex;gap:.313em;flex-wrap:wrap}.m-chip{font-size:.594em;padding:.125em .5em;border-radius:var(--mock-radius,999px);border:1px solid currentColor;opacity:.7}.m-shapes{height:var(--mock-shapes-h, 2.5em);display:flex;gap:.438em;align-items:center}.m-shapes .m-dot,.m-shapes .m-square{width:var(--mock-shape-size, 1.625em);height:var(--mock-shape-size, 1.625em);display:block}.m-shapes .m-dot{border-radius:50%}.m-shapes .m-square{border-radius:.312em}.m-shapes .m-triangle{width:0;height:0;display:block;border-left:var(--mock-triangle-x, .875em) solid transparent;border-right:var(--mock-triangle-x, .875em) solid transparent;border-bottom:var(--mock-triangle-y, 1.5em) solid}.m-banner{width:100%;height:var(--mock-banner-h, 2.875em)}.m-media-spacer{display:none}.mock>:not(.m-presence){position:relative;z-index:1}.m-presence{position:absolute;pointer-events:none;z-index:0;opacity:.72}.m-presence-whisper{width:2.625em;height:.188em;left:1.125em;top:1.125em;border-radius:999px;opacity:.6}.m-presence-balanced{width:34%;height:.5em;right:0;bottom:0;border-radius:999px 0 0;opacity:.78}.m-presence-statement{width:48%;height:100%;right:0;top:0;opacity:.24;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}.mock.intensity-whisper{filter:saturate(.74)}.mock.intensity-whisper .m-btn,.mock.intensity-whisper .m-banner,.mock.intensity-whisper .m-shapes{opacity:.72}.mock.intensity-whisper .m-eyebrow{color:var(--mock-accent)!important;opacity:.76}.mock.intensity-whisper .m-btn{background:transparent!important;color:var(--mock-accent)!important;border:1px solid color-mix(in srgb,var(--mock-accent) 62%,transparent)}.mock.intensity-statement{box-shadow:inset 0 0 0 1px var(--mock-accent),inset 0 -42px 80px #ffffff08}.mock.intensity-statement:before{content:"";position:absolute;inset:auto -24% -30%;height:58%;background:radial-gradient(ellipse at center,var(--mock-accent),transparent 66%);opacity:.26;pointer-events:none;z-index:0}.mock.intensity-statement .m-eyebrow{text-shadow:0 0 18px var(--mock-accent)}.mock.intensity-statement .m-btn{box-shadow:0 9px 28px color-mix(in srgb,var(--mock-accent) 45%,transparent);transform:translateY(-1px)}.mock.intensity-statement .m-h{max-width:82%}.mock.intensity-statement .m-banner{box-shadow:0 10px 34px color-mix(in srgb,var(--mock-accent) 26%,transparent)}@media(prefers-reduced-motion:no-preference){.mock.motion-calm .m-banner,.mock.motion-calm .m-shapes{animation:motion-calm-drift 4.8s ease-in-out infinite}.mock.motion-calm .m-btn{animation:motion-calm-glow 3.8s ease-in-out infinite}.mock.motion-lively .m-banner,.mock.motion-lively .m-shapes span{animation:motion-lively-pop 1.45s cubic-bezier(.22,.61,.36,1) infinite}.mock.motion-lively .m-shapes span:nth-child(2){animation-delay:.12s}.mock.motion-lively .m-shapes span:nth-child(3){animation-delay:.24s}.mock.motion-lively .m-btn{animation:motion-lively-button 1.6s ease-in-out infinite}.mock.motion-lively .m-chip{animation:motion-lively-chip 1.8s ease-in-out infinite}.mock.motion-lively .m-chip:nth-child(2){animation-delay:.18s}.mock.motion-cinematic:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,252,249,.2) 49%,transparent 62%,transparent 100%);transform:translate(-135%);animation:motion-cinematic-sweep 3.2s cubic-bezier(.22,.61,.36,1) infinite}.mock.motion-cinematic .m-banner,.mock.motion-cinematic .m-shapes{animation:motion-cinematic-scale 3.2s cubic-bezier(.22,.61,.36,1) infinite;transform-origin:center}.mock.motion-cinematic .m-h{animation:motion-cinematic-title 3.2s cubic-bezier(.22,.61,.36,1) infinite}}@keyframes motion-calm-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes motion-calm-glow{0%,to{transform:translateY(0);box-shadow:0 0 #fff0}50%{transform:translateY(-2px);box-shadow:0 8px 22px #ffffff1f}}@keyframes motion-lively-pop{0%,to{transform:translateY(0) scale(1)}42%{transform:translateY(-7px) scale(1.04)}}@keyframes motion-lively-button{0%,to{transform:translate(0)}36%{transform:translate(7px)}62%{transform:translate(-2px)}}@keyframes motion-lively-chip{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes motion-cinematic-sweep{0%,28%{transform:translate(-135%)}70%,to{transform:translate(135%)}}@keyframes motion-cinematic-scale{0%,to{transform:scale(1)}48%{transform:scale(1.05)}}@keyframes motion-cinematic-title{0%,to{transform:translate(0)}45%{transform:translate(6px)}}.tlayout{display:grid;grid-template-columns:1fr 304px;gap:30px;align-items:start}@media(max-width:900px){.tlayout{grid-template-columns:1fr}}.duel{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin-top:6px}@media(max-width:560px){.duel{grid-template-columns:1fr;gap:18px}.duel .vs{flex-direction:row;padding:6px 0}.duel .vs .line{width:auto;height:1px;flex:1}}.duel .vs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 26px}.duel .vs .line{width:1px;flex:1;background:var(--line-soft)}.duel .vs .ring{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:Sora,sans-serif;font-weight:700;font-size:13px;letter-spacing:.1em;color:var(--gold-lt);background:var(--black-2);box-shadow:inset 0 0 22px #b496481f}.contender{display:flex;flex-direction:column;gap:12px}.spcard{cursor:pointer;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--black-2);transition:transform .22s,box-shadow .22s,border-color .22s;position:relative}.spcard .specwrap{position:relative;overflow:hidden}.spcard .specwrap .mock-frame{--mock-min-font:12.5px !important;--mock-fluid-w:4.05cqw !important;--mock-max-font:27px !important}.spcard .specwrap .mock{justify-content:flex-start;gap:clamp(.52em,1.45cqh,.82em);padding:clamp(14px,5cqh,28px) clamp(14px,4.4cqw,26px)!important}.spcard .specwrap .m-banner{height:clamp(2em,8.5cqh,3.2em)}.spcard .specwrap .m-shapes{height:clamp(1.9em,8cqh,2.65em)}.spcard .specwrap .m-media-spacer{display:block;flex:0 0 auto;height:clamp(2em,8.5cqh,3.2em)}.spcard .specwrap .m-h{line-height:1.02}.spcard .specwrap:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:radial-gradient(ellipse 60% 100% at 50% 130%,var(--heat),transparent 70%);opacity:0;transition:opacity .28s;pointer-events:none}.spcard:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 22px 50px #0000008c,0 0 30px #b4964838}.spcard:hover .specwrap:after{opacity:1}.spcard:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.spcard .tag{padding:13px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;border-top:1px solid var(--line-soft);background:var(--black-2);display:flex;align-items:center;justify-content:space-between;gap:10px}.spcard .tag .bl{color:var(--muted);font-weight:400;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;text-align:right}.spcard .choose{position:absolute;top:12px;right:12px;font-family:Sora,sans-serif;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-lt);background:#08090ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:999px;padding:5px 11px;opacity:0;transition:opacity .2s}.spcard:hover .choose{opacity:1}.essence{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#b496480f,#0b0c0f80);padding:22px 22px 24px;position:sticky;top:24px}.essence h3{font-family:Sora,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;justify-content:space-between}.essence h3 .count{color:var(--muted);font-weight:400;letter-spacing:.04em}.vapor{margin:16px 0;border-radius:14px;border:1px solid var(--line-soft);min-height:118px;position:relative;overflow:hidden;background:#fffcf906;display:flex;align-items:stretch;justify-content:center;padding:12px}.essence-specimen{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;width:100%;min-height:104px;overflow:hidden;border:1px solid rgba(255,252,249,.28);border-radius:12px;box-shadow:inset 0 0 0 1px #08090a2e,0 16px 36px #0003}.essence-glyph{display:grid;place-items:center;min-height:68px;font-size:42px;font-weight:700;line-height:1;opacity:.95}.essence-accent{position:absolute;left:14px;top:14px;width:44px;height:7px;border-radius:999px;box-shadow:0 0 0 1px #fffcf95c,0 8px 20px #0000002e}.essence-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(8,9,10,.22)}.essence-swatch{position:relative;display:block;min-height:24px;border-right:1px solid rgba(255,252,249,.36);box-shadow:inset 0 0 0 1px #08090a2e}.essence-swatch:last-child{border-right:none}.essence-swatch i{position:absolute;left:50%;bottom:4px;transform:translate(-50%);padding:2px 4px;border-radius:999px;background:#08090ab8;color:var(--cream);font-family:Space Mono,monospace;font-size:6.5px;font-style:normal;letter-spacing:.04em;line-height:1;text-transform:uppercase;white-space:nowrap}.vapor .seedhint{font-size:11.5px;color:var(--muted);max-width:80%;text-align:center;line-height:1.5}.traitlist{display:flex;flex-direction:column;gap:0}.traitrow{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:12.5px}.traitrow:last-child{border-bottom:none}.traitrow .tk{color:var(--muted);font-family:Sora,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.traitrow .tv{color:var(--cream);font-weight:500;display:flex;align-items:center;gap:8px}.traitrow .tv .mini{font-size:10px;color:var(--gold);font-family:Space Mono,monospace}.traitrow.dim .tv{color:var(--muted-2)}.bracket{display:flex;align-items:center;gap:7px;margin-top:4px}.bracket .bd{height:5px;flex:1;border-radius:3px;background:var(--line-soft);overflow:hidden;position:relative}.bracket .bd.done{background:linear-gradient(90deg,var(--gold),var(--gold-lt));box-shadow:0 0 8px #b4964880}.bracket .blabel{font-family:Sora,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.pool{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}@media(max-width:640px){.pool{grid-template-columns:1fr}.pool .spcard .specwrap .mock-frame,.pool .spcard .specwrap .mock{min-height:clamp(230px,58vw,300px)}}.grid3{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.optcard{cursor:pointer;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--black-2);transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.optcard:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 18px 40px #00000080,0 0 22px #b496482e}.optcard.sel{border-color:var(--gold-lt);box-shadow:0 0 0 1px var(--gold-lt),0 0 26px #b4964847}.optcard:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.optcard .preview{min-height:150px;display:flex;flex-direction:column}.optcard .preview .mock-frame{min-height:150px}.optcard .preview-spec{flex:0 0 auto;overflow:hidden;height:auto;min-height:clamp(200px,28vw,280px)}.optcard .preview-spec .mock-host,.optcard .preview-spec .mock-frame{display:flex;flex:1 1 auto;min-height:0;width:100%}.optcard .preview-spec .mock-host,.optcard .preview-spec .mock-frame,.optcard .preview-spec .mock{height:100%}.optcard .lab{padding:12px 15px;font-family:Sora,sans-serif;font-size:12.5px;font-weight:600;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:10px}.optcard .lab .sub{color:var(--muted);font-weight:400;font-size:10.5px}.optcard .lab .check{width:17px;height:17px;border-radius:50%;border:1px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center}.optcard.sel .lab .check{background:var(--gold-lt);border-color:var(--gold-lt)}.optcard.sel .lab .check:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--black)}.type-sample{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;min-height:86px;padding:18px 18px 20px;border-top:1px solid var(--line-soft);color:var(--cream)}.type-sample p{max-width:23ch;font-size:clamp(17px,1.45vw,25px);line-height:1.12;font-weight:700}.type-sample span{color:var(--muted);font-family:inherit;font-size:clamp(11px,.9vw,14px);letter-spacing:.02em}.structure-preview{min-height:200px;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse 55% 60% at 50% 48%,rgba(180,150,72,.12),transparent 68%),var(--black-2)}.structure-stage-inner{width:100%;max-width:980px}.structure-symbol{position:relative;display:grid;place-items:center;width:min(240px,100%);min-height:128px;margin:auto}.page-frame{position:relative;display:flex;flex-direction:column;gap:8px;width:106px;min-height:138px;padding:13px 13px 16px;border:1px solid rgba(215,192,138,.42);border-radius:13px;background:linear-gradient(180deg,#d7c08a1a,#fffcf906);box-shadow:0 18px 38px #00000052,0 0 28px #b496481f}.page-frame:after{content:"";position:absolute;left:50%;bottom:7px;width:18px;height:3px;border-radius:999px;background:#d7c08a6b;transform:translate(-50%)}.page-top,.page-hero,.page-line,.page-section,.page-cta{display:block;border-radius:999px}.page-top{width:42px;height:7px;background:var(--gold-lt)}.page-hero{width:100%;height:22px;border-radius:8px;background:linear-gradient(90deg,var(--gold),var(--gold-lt))}.page-line{width:100%;height:6px;background:#d7c08a61}.page-line.short{width:64%}.page-section{width:100%;height:28px;border-radius:8px;background:#b496482e;border:1px solid rgba(215,192,138,.18)}.page-cta{width:48px;height:10px;background:var(--gold)}.multi-page-symbol{width:252px;gap:13px;justify-items:center;transform:translate(-8px)}.site-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:76px;height:48px;border:1px solid rgba(215,192,138,.32);border-radius:10px;background:#fffcf909}.home-node{width:94px;border-color:#d7c08aa6;background:#b4964821;box-shadow:0 0 24px #b4964829}.node-head,.node-line{display:block;border-radius:999px}.node-head{width:45px;height:8px;background:var(--gold-lt)}.node-line{width:55px;height:5px;background:#d7c08a5c}.site-branches{position:relative;display:grid;grid-template-columns:repeat(3,76px);justify-content:center;width:242px;height:22px}.site-branches:before{content:"";position:absolute;top:0;left:50%;width:1px;height:22px;background:#d7c08a61;transform:translate(-50%)}.site-branches:after{content:"";position:absolute;top:21px;left:38px;right:38px;height:1px;background:#d7c08a61}.site-branches i{position:relative;display:block;justify-self:center;width:1px;height:22px;background:#d7c08a61}.child-row{display:flex;gap:14px;justify-content:center;width:100%}.decide-symbol{min-height:148px}.compass-ring{position:relative;width:122px;height:122px;border:1px solid rgba(215,192,138,.52);border-radius:50%;background:radial-gradient(circle at center,rgba(215,192,138,.16),transparent 42%),conic-gradient(from -35deg,#d7c08a0a,#d7c08a2e,#fffcf908,#d7c08a1a,#d7c08a0a);box-shadow:0 0 36px #b4964824}.compass-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#d7c08aad}.compass-dot.north{top:9px;left:50%;transform:translate(-50%)}.compass-dot.east{right:9px;top:50%;transform:translateY(-50%)}.compass-dot.south{bottom:9px;left:50%;transform:translate(-50%)}.compass-dot.west{left:9px;top:50%;transform:translateY(-50%)}.compass-needle{position:absolute;left:50%;top:50%;width:22px;height:78px;background:linear-gradient(180deg,var(--gold-lt) 0 48%,rgba(215,192,138,.22) 52% 100%);clip-path:polygon(50% 0,76% 45%,50% 100%,24% 55%);transform:translate(-50%,-50%) rotate(38deg);transform-origin:center;filter:drop-shadow(0 0 12px rgba(215,192,138,.36))}.compass-core{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:var(--black-2);border:2px solid var(--gold-lt);transform:translate(-50%,-50%)}.lab-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}@media(max-width:900px){.lab-layout{grid-template-columns:1fr}}.moodgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.mood{cursor:pointer;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--black-2);transition:all .2s}.mood:hover{border-color:var(--gold);transform:translateY(-3px)}.mood.sel{border-color:var(--gold-lt);box-shadow:0 0 0 1px var(--gold-lt),0 0 22px #b4964840}.mood .swrow{display:flex;gap:6px;margin-bottom:11px}.mood .swrow i{width:24px;height:24px;border-radius:7px;border:1px solid var(--line)}.mood .mn{font-family:Sora,sans-serif;font-size:13px;font-weight:600}.mood .mnote{font-size:11px;color:var(--muted);margin-top:2px}.intensity{display:flex;gap:10px;margin-top:8px}.intensity .ipill{flex:1;text-align:center;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px 8px;font-family:Sora,sans-serif;font-size:12px;color:var(--muted);transition:all .18s;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px}.intensity .ipill:hover{color:var(--cream);border-color:var(--gold)}.intensity .ipill.sel{background:var(--gold-lt);color:var(--black);border-color:var(--gold-lt);font-weight:600}.intensity-mark{width:42px;height:24px;position:relative;display:inline-block;flex:0 0 auto;border:1px solid var(--line-soft);border-radius:6px;overflow:hidden;background:#fffcf906}.intensity-mark i{position:absolute;display:block;background:var(--gold-lt);border-radius:999px}.intensity-mark i:nth-child(1){left:7px;top:6px;width:18px;height:3px;opacity:.62}.intensity-mark i:nth-child(2){left:7px;top:13px;width:28px;height:3px;opacity:.34}.intensity-mark i:nth-child(3){right:6px;bottom:4px;width:6px;height:6px;opacity:.32}.intensity-mark-1 i:nth-child(1){width:24px;opacity:.86}.intensity-mark-1 i:nth-child(2){width:24px;opacity:.58}.intensity-mark-1 i:nth-child(3){width:15px;height:4px;opacity:.72}.intensity-mark-2 i:nth-child(1){left:0;top:0;width:100%;height:7px;border-radius:0;opacity:.92}.intensity-mark-2 i:nth-child(2){left:7px;top:12px;width:30px;opacity:.9}.intensity-mark-2 i:nth-child(3){right:0;bottom:0;width:18px;height:9px;border-radius:8px 0 0;opacity:.86}.intensity .ipill.sel .intensity-mark{border-color:#08090a38;background:#08090a14}.intensity .ipill.sel .intensity-mark i{background:var(--black)}.labpreview{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--black-2);position:sticky;top:24px;box-shadow:0 26px 60px #00000080}.labpreview .mock-frame{--mock-fluid-w:4cqw !important;--mock-max-font:24px !important}.labpreview .ph{padding:11px 15px;border-bottom:1px solid var(--line-soft);font-family:Space Mono,monospace;font-size:10.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.labpreview .ph i{width:8px;height:8px;border-radius:50%;background:#fffcf92e}.labpreview .palette{display:flex;height:40px}.labpreview .palette i{flex:1}@media(max-width:640px){.lab-layout{grid-template-columns:1fr;gap:22px}.moodgrid,.grid3{grid-template-columns:1fr}.mood{min-width:0;padding:18px 20px}.mood .mnote,.q-sub{overflow-wrap:anywhere}.intensity{flex-direction:column}.intensity .ipill{justify-content:flex-start;padding:13px 16px}.labpreview{position:relative;top:0}}.qblock{margin-bottom:30px}.qblock .qq{font-family:Sora,sans-serif;font-weight:600;font-size:17px;margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:13.5px;color:var(--muted);font-weight:400;transition:all .18s;-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--purple-lt);color:var(--cream)}.chip.on{border-color:var(--gold);color:var(--black);background:var(--gold-lt);font-weight:500}.field{margin-bottom:22px}.field label{display:block;font-family:Sora,sans-serif;font-size:12.5px;font-weight:500;color:var(--cream);margin-bottom:8px;letter-spacing:.02em}textarea,input[type=text],input[type=email],input[type=url]{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:13px 15px;color:var(--cream);font-family:Inter,sans-serif;font-size:14.5px;font-weight:300;resize:vertical;transition:border-color .2s,box-shadow .2s}textarea{min-height:74px}textarea:focus,input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b4964829}input::placeholder,textarea::placeholder{color:var(--muted-2)}.builder{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:start}@media(max-width:860px){.builder{grid-template-columns:1fr;gap:22px}}.sectionrail{position:sticky;top:24px;display:flex;flex-direction:column;gap:3px}.sectionrail .sr{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13px;color:var(--muted);transition:all .18s;border:1px solid transparent}.sectionrail .sr .si{width:8px;height:8px;border-radius:50%;border:1px solid var(--muted-2);flex-shrink:0;transition:all .18s}.sectionrail .sr.set .si{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #b496488c}.sectionrail .sr.skipped .si{background:transparent;border-color:var(--muted-2);opacity:.5}.sectionrail .sr.active{background:#b496481a;color:var(--cream);border-color:var(--line-soft)}.sectionrail .sr:hover{color:var(--cream)}.sectionrail .sr .skiptag{margin-left:auto;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.section-options-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:4px}.section-options-title{font-family:Sora,sans-serif;font-weight:600;font-size:18px}.section-options-desc{color:var(--muted);font-size:13px}.section-required{color:var(--gold);font-family:Sora,sans-serif;font-size:11px;letter-spacing:.06em}.section-skip{padding:8px 16px;font-size:12.5px}.section-wfgrid{margin-top:16px}.mobile-section-options{display:none}@media(max-width:860px){.sectionrail{position:relative;top:auto;z-index:auto}.desktop-section-options{display:none}.mobile-section-options{display:block;margin:2px 0 18px;padding:0 0 18px;border-bottom:1px solid var(--line-soft)}}.wfgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.wfcanvas{border-radius:11px;padding:16px;min-height:118px;display:flex;flex-direction:column;justify-content:center;gap:9px;overflow:hidden}.section-options-nav .wfcanvas-nav{min-height:clamp(188px,24vh,260px);padding:clamp(24px,2.4vw,40px)}.section-options-nav .wfnav{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,4.4%,22px);width:100%;min-height:clamp(72px,8vh,104px)}.section-options-nav .wfnav-logo,.section-options-nav .wfnav-link,.section-options-nav .wfnav-cta{display:block;flex:0 0 auto;border-radius:min(var(--wf-radius, 8px),8px)}.section-options-nav .wfnav-logo{width:clamp(48px,24%,88px);height:14px}.section-options-nav .wfnav-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(7px,7%,16px);flex:1 1 auto;min-width:0}.section-options-nav .wfnav-link{width:clamp(18px,18%,42px);height:9px;opacity:.7}.section-options-nav .wfnav-cta{width:clamp(34px,24%,62px);height:24px}.section-options-nav .wfnav-centered{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.section-options-nav .wfnav-centered .wfnav-links{width:100%;gap:clamp(7px,12%,14px)}.section-options-nav .wfnav-centered .wfnav-link{width:clamp(16px,32%,42px)}.section-options-nav .wfnav-links-left{justify-content:flex-start}.section-options-nav .wfnav-links-right{justify-content:flex-end}.section-options-nav .wfnav-logo-center{width:clamp(58px,8vw,104px);height:16px}.wfrow{display:flex}.wfcol{display:flex;flex-direction:column}@media(max-width:640px){.builder{gap:24px}.sectionrail{gap:7px}.sectionrail .sr{min-height:46px;padding:11px 14px}.wfgrid{grid-template-columns:1fr;gap:16px}.wfcanvas{min-height:128px}.section-options-nav .wfcanvas-nav{min-height:172px;padding:24px}}.board{animation:rise .6s ease}.boardgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}@media(max-width:860px){.boardgrid{grid-template-columns:1fr}}.send-closed{display:none}.board.showing-send>.eyebrow,.board.showing-send>.q-head,.board.showing-send>.q-sub,.board.showing-send>.boardgrid,.board.showing-send>.board-reveal-nav{display:none}.board.showing-send .send-open{display:block;margin-top:0;animation:rise .42s cubic-bezier(.22,.61,.36,1)}.stage-board .board.showing-send{display:flex;flex-direction:column;overflow:hidden}.stage-board .board.showing-send .send-open{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:0;contain:layout paint;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(216,188,119,.58) rgba(255,252,249,.08)}.stage-board .board.showing-send .send-open::-webkit-scrollbar{width:8px}.stage-board .board.showing-send .send-open::-webkit-scrollbar-track{background:#fffcf90f;border-radius:999px}.stage-board .board.showing-send .send-open::-webkit-scrollbar-thumb{background:#d8bc7780;border-radius:999px}.stage-board .send-actions{position:sticky;bottom:-1px;z-index:2;margin-top:0!important;margin-left:calc(clamp(28px,3vw,52px)*-1);margin-right:calc(clamp(28px,3vw,52px)*-1);margin-bottom:calc(clamp(26px,4vh,44px)*-1);padding:16px clamp(28px,3vw,52px) clamp(18px,2vh,24px);border-top:1px solid rgba(215,192,138,.18);background:#0e1014;box-shadow:0 -18px 30px #08090ad1}.bigpreview{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--black-2);box-shadow:0 30px 70px #0000008c}.bigpreview .mock-frame{--mock-fluid-w:5cqw !important;--mock-max-font:32px !important}.bigpreview .ph{padding:12px 16px;border-bottom:1px solid var(--line-soft);font-family:Space Mono,monospace;font-size:10.5px;color:var(--muted);display:flex;gap:8px;align-items:center}.bigpreview .ph i{width:9px;height:9px;border-radius:50%;background:#fffcf92e}.board-preview-stack,.board-readouts{min-width:0}@media(min-width:861px){.boardgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.board-preview-stack{display:contents}.board-preview-stack .bigpreview{grid-column:2;grid-row:1 / 3;align-self:stretch;display:flex;flex-direction:column;min-height:0;height:100%;width:100%}.board-preview-stack .bigpreview>div:last-child{flex:1 1 auto;min-height:0}.board-preview-stack .board-trail-panel{grid-column:1;grid-row:2;align-self:stretch;min-height:0;height:100%;margin-top:0!important}.board-readouts{grid-column:1;grid-row:1}}.panel{border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:var(--panel);margin-bottom:16px}.panel h3{font-family:Sora,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.panel h3 .edit{font-size:10px;color:var(--muted);cursor:pointer;letter-spacing:.08em;text-transform:none;font-weight:400;border:1px solid var(--line-soft);border-radius:999px;padding:4px 10px;transition:all .18s}.panel h3 .edit:hover{color:var(--gold-lt);border-color:var(--gold)}.trail{display:flex;flex-direction:column;gap:0}.board-trail-panel{display:flex;flex-direction:column;overflow:hidden}.board-trail-panel .trail{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(216,188,119,.6) rgba(255,252,249,.08)}.board-trail-panel .trail::-webkit-scrollbar{width:7px}.board-trail-panel .trail::-webkit-scrollbar-track{background:#fffcf90f;border-radius:999px}.board-trail-panel .trail::-webkit-scrollbar-thumb{background:#d8bc778c;border-radius:999px}.board-trail-panel .trail::-webkit-scrollbar-thumb:hover{background:#e8ce8bb8}.trnode{display:flex;gap:14px;position:relative;padding-bottom:16px}.trnode:last-child{padding-bottom:0}.trnode .rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.trnode .rail .knot{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--gold);background:var(--black);margin-top:2px;display:flex;align-items:center;justify-content:center}.trnode .rail .knot:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold-lt);box-shadow:0 0 7px var(--gold)}.trnode .rail .stem{width:1px;flex:1;background:linear-gradient(180deg,var(--gold),var(--line-soft));margin-top:4px}.trnode:last-child .rail .stem{display:none}.trnode .body{flex:1}.trnode .body .tt{font-family:Sora,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.trnode .body .tv{font-size:14px;color:var(--cream);font-weight:500;margin-top:2px}.trnode .body .tv b{color:var(--gold-lt)}.srow{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px}.srow:last-child{border-bottom:none}.srow .k{color:var(--muted)}.srow .v{color:var(--cream);font-weight:500;text-align:right}.swatches{display:flex;gap:8px;margin-top:6px}.swatches .sw{width:28px;height:28px;border-radius:7px;border:1px solid var(--line)}.kept{display:flex;flex-wrap:wrap;gap:7px}.kept .kt{font-family:Sora,sans-serif;font-size:11px;font-weight:500;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--cream)}.kept .kt.rej{color:var(--muted-2);text-decoration:line-through;text-decoration-color:var(--muted-2);opacity:.7}.notes{font-size:13.5px;color:var(--cream)}.notes .empty{color:var(--muted);font-style:italic}.notes p{margin-top:6px}.notes b{color:var(--gold-lt);font-weight:600}.secsummary{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.secsummary .ss{border:1px solid var(--line-soft);border-radius:9px;padding:9px 10px;font-size:11px}.secsummary .ss .sk{color:var(--muted);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.secsummary .ss .sv{color:var(--cream);font-weight:500;margin-top:3px}.secsummary .ss.sk-skip .sv{color:var(--muted-2)}.send{margin-top:34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#b4964812,#0e101466);padding:36px 38px}@media(max-width:640px){.send{padding:26px 20px}}.send h2{font-family:Sora,sans-serif;font-weight:700;font-size:clamp(20px,3vw,27px);letter-spacing:-.01em;margin:12px 0 8px}.send p{color:var(--muted);max-width:58ch;font-size:14.5px}.sendform{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.sendform .full{grid-column:1 / -1}.attachment-panel{border:1px solid var(--line-soft);border-radius:14px;padding:16px;background:#fffcf906}.attachment-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.attachment-title{font-family:Sora,sans-serif;font-size:12.5px;font-weight:600;color:var(--cream);margin-bottom:4px}.attachment-panel p{font-size:12.5px;line-height:1.45;margin:0;color:var(--muted);max-width:none}.attachment-drop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-height:48px;border:1px dashed rgba(216,188,119,.44);border-radius:12px;padding:11px 14px;cursor:pointer;color:var(--cream);background:#b496480e;transition:border-color .18s,background .18s}.attachment-drop:hover{border-color:var(--gold);background:#b4964817}.attachment-drop input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.attachment-drop span{font-family:Sora,sans-serif;font-size:13px;font-weight:600}.attachment-drop small,.attachment-item small{color:var(--muted);font-size:12px}.attachment-list{display:flex;flex-direction:column;gap:8px;margin:-4px 0 16px}.attachment-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--line-soft);border-radius:10px;padding:9px 10px;background:#08090a5c}.attachment-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--cream)}.attachment-item button{border:1px solid var(--line-soft);border-radius:999px;background:transparent;color:var(--muted);font-family:Sora,sans-serif;font-size:10.5px;padding:5px 9px;cursor:pointer}.attachment-item button:hover{color:var(--cream);border-color:var(--gold)}.attachment-notes{display:block;margin:18px 0 0}.attachment-notes textarea{min-height:62px}.send-actions{position:relative}.form-error{border:1px solid rgba(255,118,118,.45);background:#ff76761a;color:#ffd7d7;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.45}@media(max-width:560px){.sendform{grid-template-columns:1fr}.attachment-drop{align-items:flex-start;flex-direction:column}.attachment-item{grid-template-columns:minmax(0,1fr) auto}.attachment-item small{grid-column:1}}.confirm{text-align:center;padding:80px 20px 40px;max-width:620px;margin:0 auto;animation:rise .6s ease}.confirm .seal{width:92px;height:92px;margin:0 auto 26px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 50% 40%,rgba(180,150,72,.25),transparent 70%)}.confirm .seal:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid var(--line-soft)}.confirm .seal .dot{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--gold-lt),var(--gold));box-shadow:0 0 24px #b49648cc}.confirm h1{font-family:Sora,sans-serif;font-weight:700;font-size:clamp(26px,4.5vw,40px);letter-spacing:-.015em;margin-bottom:16px;line-height:1.08}.confirm h1 .accent{color:var(--gold-lt)}.confirm p{color:var(--muted);font-size:16px;max-width:48ch;margin:0 auto 10px}.confirm p b{color:var(--cream);font-weight:500}.confirm .actions{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.copied{color:var(--gold-lt);font-size:13px;font-family:Sora,sans-serif}footer{margin-top:70px;padding-top:24px;border-top:1px solid rgba(215,192,138,.13);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-family:Space Mono,monospace;font-size:11px;color:#d7c08ab8;letter-spacing:.04em;pointer-events:none}footer span:last-child{color:#d7c08a94}@media(min-width:1024px)and (min-height:720px){html,body,#root{height:100%}body{overflow:hidden}.shell{--ui-scale:clamp(.86, calc(100vh / 900), 1.18);--stage-width:clamp(1120px, 78vw, 1620px);--chrome-pad:clamp(14px, 2vh, 28px);--stage-gap:clamp(12px, 2.2vh, 30px);--footer-gap:clamp(10px, 1.9vh, 28px);--card-gap:clamp(12px, 1.2vw, 24px);--panel-pad:clamp(14px, 1.2vw, 24px);--preview-h:clamp(168px, 25vh, 300px);max-width:var(--stage-width);height:100vh;min-height:100vh;padding:0 clamp(24px,2.4vw,48px) clamp(10px,1.8vh,24px);display:flex;flex-direction:column;overflow:hidden}.topbar{padding-top:var(--chrome-pad);flex:0 0 auto}.filament{margin-top:clamp(12px,1.8vh,22px);flex:0 0 auto}.phaserail{margin-top:clamp(10px,1.7vh,18px);flex:0 0 auto}.phasechip{font-size:clamp(9px,calc(10px * var(--ui-scale)),12px);padding:clamp(5px,.7vh,8px) clamp(10px,1vw,15px)}.stage-slot{flex:1 1 auto;min-height:0;margin-top:var(--stage-gap);display:flex;flex-direction:column}.stage-slot-intro{margin-top:0}.stage-slot>.stage,.stage-slot>.board,.stage-slot>.confirm{flex:1 1 auto;min-height:0}footer{flex:0 0 auto;margin-top:var(--footer-gap);padding-top:clamp(10px,1.5vh,20px);font-size:clamp(10px,calc(11px * var(--ui-scale)),13px)}.eyebrow{font-size:clamp(9.5px,calc(11px * var(--ui-scale)),13px);letter-spacing:clamp(.18em,.28em,.3em)}.q-head{font-size:clamp(26px,calc(32px * var(--ui-scale)),44px);margin:clamp(8px,1.7vh,16px) 0 6px}.q-sub{font-size:clamp(12.5px,calc(14.5px * var(--ui-scale)),17px);margin-bottom:clamp(12px,2vh,26px)}.btn{font-size:clamp(12px,calc(14px * var(--ui-scale)),16px);padding:clamp(9px,1.1vh,13px) clamp(20px,1.7vw,30px)}.nav{margin-top:clamp(14px,2.5vh,32px);padding-top:clamp(12px,2vh,22px)}.stage-intro .stage-slot{justify-content:flex-start}.stage-intro .stage-slot>.stage{flex:0 1 auto}.stage-intro .intro{padding:0;margin-top:auto;margin-bottom:auto}.stage-intro .intro .eyebrow{margin-top:clamp(18px,3vh,42px)}.stage-intro .intro-grid{grid-template-columns:minmax(540px,1.1fr) minmax(430px,.9fr);gap:clamp(22px,2.4vw,40px);align-items:center}.stage-intro .intro h1{font-size:clamp(48px,4.3vw,76px)}.stage-intro .intro .lede{font-size:clamp(16px,1vw,20px)}.stage-intro .intro .meta{margin-top:clamp(20px,3vh,34px)}.stage-intro .intro-actions{padding-top:clamp(24px,3.2vh,38px)!important}.stage-intro .intro-cta{min-width:clamp(286px,20vw,330px);min-height:clamp(60px,7vh,78px)}.stage-intro .intro-logo-panel{min-height:clamp(520px,64vh,680px);justify-content:center;align-items:center}.stage-intro .direction-demo{--demo-width:clamp(540px, 39vw, 736px)}.stage-intro .direction-window{width:min(calc(100% + clamp(34px,7vw,110px)),var(--demo-width))}.tlayout{grid-template-columns:minmax(0,1fr) clamp(278px,22vw,410px);gap:clamp(22px,2.4vw,48px);min-height:0}.stage-tournament .bracket{margin-top:clamp(0px,.4vh,6px)}.stage-tournament .duel{align-items:stretch}.stage-tournament .spcard .specwrap .mock-frame,.stage-tournament .spcard .specwrap .mock{min-height:var(--preview-h)}.stage-tournament .spcard .tag{padding:clamp(10px,1.2vh,15px) clamp(12px,1vw,18px)}.essence{top:0;padding:var(--panel-pad);max-height:100%;overflow:hidden}.vapor{min-height:clamp(92px,14vh,150px)}.lab-layout{grid-template-columns:minmax(0,1fr) clamp(380px,30vw,620px);gap:clamp(22px,2.2vw,46px);min-height:0}.stage-refine .stage,.stage-colorlab .stage{display:flex;min-height:0}.stage-refine .lab-layout,.stage-colorlab .lab-layout{flex:1 1 auto;min-height:0;align-items:stretch}.stage-refine .lab-layout>div:first-child{display:flex;flex-direction:column;min-height:0}.stage-refine .grid3{flex:1 1 auto;min-height:0;grid-auto-rows:minmax(0,1fr)}.stage-refine .refine-grid-spec{align-content:start;align-items:stretch;flex:0 0 auto;grid-auto-rows:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.stage-refine .refine-grid-spec .preview-spec{height:auto;min-height:clamp(240px,30vh,320px)}.stage-refine .refine-grid-spec .preview-spec .mock-frame{--mock-fluid-w:3.55cqw !important;--mock-max-font:24px !important}.stage-refine .refine-grid-spec .preview-spec .mock-host,.stage-refine .refine-grid-spec .preview-spec .mock-frame,.stage-refine .refine-grid-spec .preview-spec .mock{flex:1 1 auto;width:100%;height:100%;min-height:0}.stage-refine .refine-grid-spec .optcard .preview .mock-frame,.stage-refine .refine-grid-spec .optcard .preview .mock{height:100%}.stage-refine .grid3.refine-grid-type{flex:0 0 auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-content:start;align-items:stretch}.stage-refine .grid3.refine-grid-type .preview-type{min-height:0}.stage-refine .grid3.refine-grid-type .type-sample{min-height:0;padding:14px 14px 16px}.stage-refine .grid3.refine-grid-type .type-sample p{font-size:clamp(14px,1.05vw,19px)}.stage-refine .grid3.refine-grid-type .type-sample span{font-size:clamp(10px,.75vw,12px)}.stage-refine .grid3.refine-grid-type .lab{flex-wrap:wrap}.stage-refine .optcard,.stage-refine .optcard .preview:not(.preview-spec),.stage-refine .optcard .preview:not(.preview-spec) .mock-frame,.stage-refine .optcard .preview:not(.preview-spec) .mock{min-height:0}.stage-refine .refine-grid-spec .optcard .preview.preview-spec{min-height:clamp(240px,30vh,320px)}.stage-refine .nav{flex:0 0 auto}.grid3{gap:var(--card-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.optcard .preview,.optcard .preview .mock-frame,.optcard .preview .mock{min-height:clamp(148px,22vh,270px)}.optcard .lab{padding:clamp(10px,1.1vh,14px) clamp(12px,1vw,18px)}.labpreview{top:0}.labpreview .mock-frame,.labpreview .mock{height:auto;min-height:clamp(260px,39vh,560px)}.stage-refine .labpreview .mock-frame,.stage-colorlab .labpreview .mock-frame,.stage-refine .labpreview .mock,.stage-colorlab .labpreview .mock{height:auto}.moodgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.mood{padding:clamp(12px,1.4vh,18px)}.intensity .ipill{min-height:clamp(42px,6vh,58px)}.stage-context .stage,.stage-structure .stage{display:flex;flex-direction:column;justify-content:flex-start}.shell.stage-context .stage-slot{margin-top:clamp(10px,1.5vh,20px)}.shell.stage-context .stage-slot>.stage{flex:0 1 auto}.shell.stage-context footer{height:1px;min-height:0;margin-top:0;padding-top:0;overflow:hidden;color:transparent}.shell.stage-context footer *{visibility:hidden}.stage-structure .stage{padding-top:clamp(34px,7vh,76px)}.stage-structure .structure-stage-inner{width:min(100%,clamp(920px,72vw,1320px));max-width:none;margin:0 auto}.stage-context .stage{justify-content:flex-start}.stage-context .stage>div{max-width:100%!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,2vw,34px);align-content:start}.stage-context .eyebrow,.stage-context .q-head,.stage-context .q-sub,.stage-context .nav{grid-column:1 / -1}.stage-context .q-head{margin:clamp(8px,1.2vh,14px) 0 4px;font-size:clamp(22px,2.4vw,30px)}.stage-context .q-sub{margin-bottom:clamp(10px,1.2vh,16px)}.stage-context .qblock{margin-bottom:clamp(8px,1vh,14px)}.stage-context .qblock .qq{font-size:clamp(12px,.85vw,14px);margin-bottom:clamp(6px,.8vh,10px)}.stage-context .chip{font-size:clamp(10px,.8vw,12px);padding:clamp(5px,.7vh,8px) clamp(8px,.8vw,12px)}.stage-context .qblock-notes{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1vw,16px)}.stage-context .qblock-notes .qq{grid-column:1 / -1;margin-bottom:0}.stage-context .field{margin-bottom:0}.stage-context textarea{min-height:clamp(82px,10vh,130px)}.structure-preview{min-height:clamp(138px,22vh,230px)}.structure-symbol{transform:scale(clamp(.82,var(--ui-scale),1.18))}.builder{grid-template-columns:clamp(180px,15vw,260px) minmax(0,1fr);gap:clamp(18px,2vw,34px);min-height:0}.sectionrail{top:0}.sectionrail .sr{padding:clamp(8px,1vh,12px) clamp(10px,.9vw,14px);font-size:clamp(11px,calc(13px * var(--ui-scale)),15px)}.section-options-head{margin-bottom:clamp(4px,1vh,10px)}.wfgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap)}.wfcanvas{min-height:clamp(108px,18vh,210px)}.board{display:flex;flex-direction:column;min-height:0}.boardgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(clamp(110px,15vh,200px),1fr);gap:clamp(18px,2vw,32px);flex:1 1 auto;min-height:0;max-height:none;overflow:visible;position:relative;z-index:1}.board-preview-stack{display:contents}.board-preview-stack .bigpreview{grid-column:2;grid-row:1 / 3;align-self:stretch;display:flex;flex-direction:column;min-height:0;height:100%;width:100%}.board-preview-stack .bigpreview>div:last-child{flex:1 1 auto;min-height:0}.board-preview-stack .board-trail-panel{grid-column:1;grid-row:2;align-self:stretch;display:flex;flex-direction:column;min-height:0;height:100%;max-height:none;margin-top:0!important;overflow:hidden}.board-preview-stack .board-trail-panel .trail{flex:1 1 auto;min-height:0;overflow-y:auto}.board-readouts{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vh,16px);align-content:start;min-height:0}.board-readouts .panel{margin-bottom:0;min-height:0;overflow:hidden}.board-readouts .panel:first-child{grid-column:1 / -1}.stage-board .bigpreview .mock-frame,.stage-board .bigpreview .mock{min-height:0;height:100%}.panel{padding:clamp(14px,1.4vh,20px) clamp(16px,1.4vw,24px);margin-bottom:clamp(10px,1.3vh,16px)}.trail{gap:0}.trnode{padding-bottom:clamp(8px,1.2vh,16px)}.secsummary{max-height:clamp(128px,19vh,220px);overflow:hidden}.stage-board .secsummary{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;max-height:none}.stage-board .secsummary .ss{min-height:36px;padding:6px 8px;font-size:9.5px;line-height:1.15}.stage-board .secsummary .ss .sk{font-size:7.5px;line-height:1.05}.stage-board .secsummary .ss .sv{margin-top:2px;font-size:9px;line-height:1.15}.board-reveal-nav{position:relative;z-index:20;margin-top:clamp(12px,1.8vh,22px);background:transparent;pointer-events:auto}.board-reveal-nav .btn{position:relative;z-index:21}.send-closed{display:none}.board.showing-send>.eyebrow,.board.showing-send>.q-head,.board.showing-send>.q-sub,.board.showing-send>.boardgrid,.board.showing-send>.board-reveal-nav{display:none}.board.showing-send .send-open{display:block;margin-top:0;animation:rise .42s cubic-bezier(.22,.61,.36,1)}.send{padding:clamp(26px,4vh,44px) clamp(28px,3vw,52px)}.sendform{gap:clamp(12px,1.4vh,18px)}}@media(min-width:1024px)and (max-width:1599px)and (min-height:720px){.stage-intro .intro .eyebrow{margin-top:clamp(8px,1.2vh,14px)}.stage-intro .intro .meta{margin-top:clamp(16px,2.2vh,24px)}.stage-intro .intro-actions{padding-top:clamp(14px,1.9vh,22px)!important}.stage-context textarea{min-height:clamp(120px,15vh,150px)}}@media(min-width:1024px)and (min-height:720px)and (max-height:899px){.shell{--ui-scale:clamp(.78, calc(100vh / 940), .92);--stage-gap:10px;--footer-gap:8px;--preview-h:clamp(150px, 23vh, 210px);padding-bottom:10px}.topbar{padding-top:12px}.mark{font-size:11px}.filament,.phaserail{margin-top:10px}.phasechip{padding:5px 10px}.q-head{margin-top:8px}.q-sub{margin-bottom:12px;line-height:1.45}.nav{margin-top:12px;padding-top:12px}.stage-tournament .spcard .specwrap .mock-frame,.stage-tournament .spcard .specwrap .mock{min-height:clamp(150px,24vh,190px)}.stage-tournament .duel .vs{padding:0 18px}.essence{padding:14px}.vapor{min-height:86px;margin:12px 0}.traitrow{padding:6px 0}.optcard .preview,.optcard .preview .mock-frame,.optcard .preview .mock{min-height:clamp(136px,20vh,180px)}.stage-refine .grid3{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stage-refine .refine-grid-spec{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-refine .refine-grid-spec .preview-spec{height:auto;min-height:clamp(240px,32vh,300px)}.stage-refine .refine-grid-spec .preview-spec .mock-frame{--mock-fluid-w:3.35cqw !important;--mock-max-font:22px !important}.stage-refine .refine-grid-spec .preview-spec .mock-host,.stage-refine .refine-grid-spec .preview-spec .mock-frame,.stage-refine .refine-grid-spec .preview-spec .mock{flex:1 1 auto;width:100%;height:100%;min-height:0}.stage-refine .refine-grid-spec .optcard .preview .mock-frame,.stage-refine .refine-grid-spec .optcard .preview .mock{height:100%}.stage-refine .optcard .preview:not(.preview-spec),.stage-refine .optcard .preview:not(.preview-spec) .mock-frame,.stage-refine .optcard .preview:not(.preview-spec) .mock{min-height:clamp(112px,17vh,148px)}.stage-refine .refine-grid-spec .optcard .preview.preview-spec{min-height:clamp(240px,32vh,300px)}.labpreview .mock-frame,.labpreview .mock{height:auto;min-height:clamp(280px,38vh,360px)}.moodgrid{gap:10px}.mood .swrow i{width:20px;height:20px}.stage-context .qblock{margin-bottom:10px}.stage-context .qblock .qq{font-size:13px;margin-bottom:8px}.stage-context .chips{gap:6px}.stage-context .chip{font-size:11px;padding:6px 10px}.stage-context .qblock-notes{gap:8px}.stage-context .field label{font-size:10.5px;margin-bottom:5px}.stage-context textarea{min-height:clamp(72px,10vh,105px);padding:9px 12px;font-size:12px;border-radius:8px}.stage-structure .stage{padding-top:12px}.structure-preview{min-height:150px}.wfcanvas{min-height:112px}.stage-board .q-sub{display:none}.stage-board .boardgrid{position:relative;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(96px,1fr);gap:12px}.stage-board .bigpreview .mock-frame,.stage-board .bigpreview .mock{height:100%;min-height:0}.stage-board .bigpreview .ph{padding:8px 12px;font-size:9.5px}.stage-board .panel{padding:8px 12px;margin-bottom:7px}.panel h3{margin-bottom:10px}.stage-board .panel h3{font-size:9.5px;margin-bottom:8px}.stage-board .preference-panel p{display:none}.stage-board .kept{gap:4px}.stage-board .kept .kt{padding:4px 8px;font-size:9px}.stage-board .swatches{gap:6px;margin-top:2px}.stage-board .swatches .sw{width:22px;height:22px;border-radius:6px}.stage-board .pill{padding:6px 10px;font-size:10px}.stage-board .srow{padding:5px 0;font-size:11.5px}.stage-board .secsummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:none}.stage-board .secsummary .ss{min-height:29px;padding:4px 6px;font-size:8.5px;line-height:1.15}.stage-board .secsummary .ss .sk{font-size:6.8px;line-height:1.05}.stage-board .secsummary .ss .sv{margin-top:1px;font-size:8px;line-height:1.12}.stage-board .board-trail-panel{max-height:none}.stage-board .board-trail-panel .trail{overflow-y:auto}.stage-board .trnode{padding-bottom:7px}.stage-board .trnode .body .tt{font-size:8.5px}.stage-board .trnode .body .tv{font-size:11px}.stage-board .board-reveal-nav{position:relative;z-index:20;margin-top:10px;background:transparent;padding-top:10px;pointer-events:auto}.stage-board .board-reveal-nav .btn{position:relative;z-index:21}.srow{padding:6px 0}footer{padding-top:10px}.stage-intro .intro{padding-top:0}.stage-intro .intro .eyebrow{margin-top:clamp(8px,1.4vh,14px)}.stage-intro .intro-grid{grid-template-columns:minmax(0,.9fr) minmax(380px,.76fr);gap:clamp(18px,2.8vw,34px);align-items:center}.stage-intro .intro h1{font-size:clamp(40px,7.2vh,58px);margin:clamp(10px,1.5vh,16px) 0 clamp(10px,1.6vh,16px);line-height:1.01}.stage-intro .intro .lede{font-size:clamp(13px,2vh,16px);line-height:1.45;max-width:64ch}.stage-intro .client-note{margin-top:clamp(10px,1.8vh,16px);padding:7px 0 7px 14px;font-size:clamp(12px,1.8vh,13.5px)}.stage-intro .intro .meta{margin-top:clamp(12px,2vh,18px)}.stage-intro .intro .meta .mi{min-height:0;padding-top:clamp(10px,1.5vh,14px)}.stage-intro .intro-actions{padding-top:clamp(14px,2vh,20px)!important}.stage-intro .intro-cta{min-width:clamp(250px,22vw,285px);min-height:clamp(50px,7vh,58px);padding:13px 68px 13px 28px;font-size:clamp(18px,2.25vh,19px)}.stage-intro .intro-cta-play{right:22px;width:29px;height:29px}.stage-intro .intro-cta-play:before{left:11px;top:8px}.stage-intro .intro-logo-panel{min-height:clamp(280px,48vh,390px);padding-top:clamp(4px,2vh,18px);padding-bottom:clamp(18px,4vh,38px)}.stage-intro .direction-demo{--demo-width:clamp(450px, 69vh, 575px);min-height:clamp(260px,43vh,350px)}.stage-intro .direction-window{width:min(calc(100% + 28px),var(--demo-width))}}@media(min-width:1024px)and (min-height:720px)and (max-height:759px){.shell.stage-context .stage-slot{margin-top:6px}.stage-context .q-head{margin:6px 0 2px;font-size:21px}.stage-context .q-sub{font-size:12.5px;margin-bottom:8px}.stage-context .qblock{margin-bottom:6px}.stage-context .qblock .qq{font-size:11.5px;margin-bottom:5px}.stage-context .chips{gap:5px}.stage-context .chip{font-size:10px;padding:4px 8px}.stage-context .qblock-notes{gap:6px}.stage-context .field label{font-size:10px;margin-bottom:4px}.stage-context textarea{min-height:40px;max-height:44px;padding:7px 10px}}@media(min-width:1600px)and (min-height:900px){.shell{--ui-scale:clamp(1.08, calc(100vh / 880), 1.34);--stage-width:clamp(1540px, 84vw, 2060px);--preview-h:clamp(330px, 34vh, 520px)}.q-head{font-size:clamp(38px,calc(36px * var(--ui-scale)),58px)}.q-sub{font-size:clamp(16px,calc(15px * var(--ui-scale)),21px)}.tlayout{grid-template-columns:minmax(0,1fr) clamp(360px,22vw,520px);gap:clamp(34px,2.8vw,68px)}.stage-tournament .spcard .specwrap .mock-frame,.stage-tournament .spcard .specwrap .mock{min-height:var(--preview-h)}.stage-tournament .spcard .tag{font-size:clamp(14px,.8vw,18px);padding:16px 20px}.stage-tournament .spcard .tag .bl{font-size:clamp(11px,.6vw,13px)}.stage-tournament .duel .vs{padding:0 clamp(28px,2.2vw,44px)}.essence{padding:clamp(24px,1.5vw,34px)}.essence h3{font-size:clamp(12px,.72vw,15px)}.vapor{min-height:clamp(150px,16vh,230px)}.traitrow{padding:clamp(10px,1.1vh,16px) 0}.labpreview .mock-frame,.labpreview .mock{min-height:clamp(360px,42vh,640px)}.optcard .preview,.optcard .preview .mock-frame,.optcard .preview .mock{min-height:clamp(220px,24vh,310px)}.stage-context textarea{min-height:clamp(110px,12vh,170px)}.wfcanvas{min-height:clamp(170px,19vh,240px)}}@media(max-width:1023px),(max-height:719px){body{overflow-x:hidden}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}