.hero{overflow-x:clip;position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:clamp(40px,7vw,100px) 0 clamp(56px,7vw,96px)}.hero-glow{position:absolute;width:640px;height:640px;right:-120px;top:-80px;background:radial-gradient(closest-side,rgba(216,181,111,.16),transparent);filter:blur(10px);pointer-events:none}.hero h1{font-size:clamp(50px,7.5vw,100px);font-weight:600}.lede{font-size:clamp(16px,1.6vw,19px);color:var(--muted);max-width:520px;margin:28px 0 38px}.hero-cta{display:flex;flex-wrap:wrap;gap:14px}.hero-stats{list-style:none;padding:0;margin:56px 0 0;display:flex;gap:44px;flex-wrap:wrap}.hero-stats li{display:flex;flex-direction:column}.hero-stats strong{font-family:var(--serif);font-size:34px;font-weight:600;color:var(--gold-hi);line-height:1}.hero-stats span{font-size:12.5px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;margin-top:8px}.hero-visual{position:relative;perspective:1400px}.showcase{position:relative;border-radius:22px;padding:18px;background:linear-gradient(160deg,#1c1813,#100e0b);box-shadow:var(--shadow),0 60px 120px -40px #d8b56f2e;transform:rotateY(-10deg) rotateX(6deg);transition:transform .8s var(--ease);animation:floaty 7s ease-in-out infinite}.hero-visual:hover .showcase{transform:rotateY(0) rotateX(0)}@keyframes floaty{50%{translate:0 -10px}}.showcase-head{display:flex;align-items:center;gap:14px;padding:2px 4px 14px}.sc-dots{display:flex;gap:6px}.sc-dots i{width:9px;height:9px;border-radius:50%;background:#2b251c;box-shadow:inset 0 0 0 1px var(--line-strong)}.sc-title{font-family:var(--serif);font-size:20px;font-style:italic;color:var(--gold-hi)}.sc-row{display:flex;gap:8px;margin-top:8px}.sc-row b{width:58px;min-height:58px;border-radius:12px;display:grid;place-items:center;flex:none;font-family:var(--serif);font-size:28px;color:#18120a;background:var(--c);box-shadow:inset 0 1px #ffffff59,inset 0 -10px 20px #0000001f}.sc-items{flex:1;display:flex;gap:8px;padding:6px;border-radius:12px;background:#ffffff06;box-shadow:inset 0 0 0 1px var(--line)}.sc-items span{width:46px;height:46px;display:grid;place-items:center;font-size:26px;border-radius:10px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.sc-fly{animation:fly 5s var(--ease) infinite}@keyframes fly{0%,15%{transform:translate(40px,240px) scale(.9);opacity:0}30%{opacity:1}55%,to{transform:none;opacity:1;box-shadow:inset 0 0 0 1px var(--gold),0 0 24px #d8b56f59}}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;font-size:13.5px;font-weight:600;background:#16130fdb;backdrop-filter:blur(12px);box-shadow:var(--shadow);animation:floaty 6s ease-in-out infinite}.fc-ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--gold-grad);color:#1a1408}.fc-1{left:12px;bottom:-26px;animation-delay:-2s}.fc-2{right:12px;top:-22px;animation-delay:-4s}.marquee{margin-inline:calc(50% - 50vw);border-block:1px solid var(--line);overflow:hidden;padding:22px 0;background:var(--bg-2)}.marquee-track{display:flex;gap:36px;width:max-content;animation:marquee 40s linear infinite;font-family:var(--serif);font-size:26px;font-style:italic;color:var(--muted)}.marquee-track i{color:var(--gold);font-style:normal;font-size:16px;align-self:center}@keyframes marquee{to{transform:translate(-50%)}}@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:56px}.hero-visual{max-width:560px}}@media(max-width:760px){.fc-1{left:8px;bottom:-18px}.fc-2{right:8px}.showcase{transform:none}.hero-stats{gap:28px}}@media(max-width:420px){.sc-row b{width:44px;min-height:48px;font-size:22px}.sc-items span{width:36px;height:36px;font-size:20px}}.diagram{border-radius:28px;padding:clamp(20px,3.5vw,44px);background:linear-gradient(170deg,#1d1914e6,#0e0c0ae6);box-shadow:var(--shadow);position:relative;overflow:hidden}.diagram:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 50% 0%,rgba(216,181,111,.1),transparent 70%);pointer-events:none}.flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;min-height:150px;margin-bottom:36px}.flow-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flow-base{fill:none;stroke:#d8b56f29;stroke-width:2;stroke-dasharray:4 8}.flow-progress{fill:none;stroke:url(#goldLine);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s var(--ease);filter:drop-shadow(0 0 6px rgba(216,181,111,.6))}.flow-spark{fill:var(--gold-hi);filter:drop-shadow(0 0 8px var(--gold))}.node{position:relative;z-index:1;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;cursor:pointer;padding:6px;border-radius:16px}.node-ring{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#2a241b,#100e0b);box-shadow:inset 0 0 0 1px var(--line-strong),0 12px 30px -10px #000c;transition:transform .5s var(--ease),box-shadow .5s var(--ease);position:relative}.node-ring:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid var(--gold);opacity:0;transform:scale(.8);transition:.5s var(--ease)}.node-ico{font-size:26px;color:var(--muted);transition:color .4s;line-height:1}.node-num{font-size:11px;letter-spacing:.28em;color:var(--dim);margin-top:6px}.node-label{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--muted);transition:color .4s}.node:hover .node-ring{transform:translateY(-3px)}.node.is-done .node-ico{color:var(--gold)}.node.is-done .node-ring{box-shadow:inset 0 0 0 1px var(--gold),0 12px 30px -10px #000c}.node.is-active .node-ring{background:var(--gold-grad);transform:scale(1.08);box-shadow:0 0 0 6px #d8b56f1a,0 18px 40px -10px #d8b56f8c}.node.is-active .node-ring:after{opacity:.45;transform:scale(1);animation:pulse 2.2s ease-out infinite}.node.is-active .node-ico{color:#1a1408}.node.is-active .node-label{color:var(--ivory)}.node.is-active .node-num{color:var(--gold)}@keyframes pulse{0%{transform:scale(.95);opacity:.6}to{transform:scale(1.35);opacity:0}}.diagram-stage{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,4vw,56px);align-items:center}.stage-kicker{color:var(--gold);font-size:12px;letter-spacing:.28em;text-transform:uppercase;margin:0 0 12px}.stage-copy h3{font-size:clamp(32px,3.6vw,46px)}.stage-copy>p:not(.stage-kicker){color:var(--muted);margin:16px 0 0}.stage-copy.swap h3,.stage-copy.swap>p,.stage-copy.swap ul{animation:rise .6s var(--ease) both}.stage-copy.swap>p:not(.stage-kicker){animation-delay:.06s}.stage-copy.swap ul{animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.stage-points{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}.stage-points li{display:flex;gap:12px;align-items:baseline;font-size:14.5px;color:var(--ivory)}.stage-points li:before{content:"✦";color:var(--gold);font-size:11px}.stage-controls{display:flex;align-items:center;gap:10px;margin-top:30px;flex-wrap:wrap}.stage-controls .btn-sm{min-width:44px}.stage-timer{flex:1;min-width:80px;height:2px;background:var(--line);border-radius:2px;overflow:hidden}.stage-timer i{display:block;height:100%;width:0;background:var(--gold-grad)}.mini{position:relative;border-radius:20px;padding:16px 16px 14px;background:linear-gradient(160deg,#1b1712,#0f0d0a);box-shadow:inset 0 0 0 1px var(--line-strong),0 30px 60px -30px #000000e6;min-height:360px;overflow:hidden;user-select:none}.mini-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mini-title{font-family:var(--serif);font-size:20px;font-style:italic;color:var(--gold-hi)}.mini-badge{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);padding:5px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-strong);display:inline-flex;gap:6px;align-items:center}.mini-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#7ccf8a;box-shadow:0 0 8px #7ccf8a;animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.3}}.mini-board{display:grid;gap:7px;transition:transform .8s var(--ease),filter .6s}.mini-row{display:flex;gap:7px;height:54px}.mini-label{width:54px;flex:none;border-radius:10px;display:grid;place-items:center;font-family:var(--serif);font-size:24px;color:#18120a;background:var(--c);transition:background .7s var(--ease),transform .5s var(--ease),box-shadow .5s}.mini-lane{flex:1;border-radius:10px;background:#ffffff06;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .4s,background .4s}.mini-lane.hot{box-shadow:inset 0 0 0 1px var(--gold),0 0 22px -6px #d8b56f99;background:#d8b56f0d}.mini-pool{margin-top:12px;height:62px;border-radius:12px;border:1px dashed var(--line-strong);position:relative;transition:border-color .4s,background .4s}.mini-pool.hot{border-color:var(--gold);background:#d8b56f0a}.mini-pool-label{position:absolute;right:10px;bottom:6px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.mini-input{position:absolute;left:16px;right:16px;bottom:14px;height:40px;border-radius:10px;background:#0b0a08;box-shadow:inset 0 0 0 1px var(--gold);display:flex;align-items:center;padding:0 12px;font-size:14px;color:var(--ivory);opacity:0;transform:translateY(14px);transition:.5s var(--ease);pointer-events:none}.mini-caret{width:2px;height:18px;background:var(--gold);order:2;margin-left:2px;animation:blink 1s steps(1) infinite}.mini[data-step="0"] .mini-input{opacity:1;transform:none}.mini[data-step="0"] .mini-pool{margin-bottom:52px}.mini-chips{position:absolute;inset:0;pointer-events:none}.mini-chip{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:9px;display:grid;place-items:center;font-size:22px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong),0 6px 14px -6px #000c;transition:transform .9s var(--ease),opacity .5s,box-shadow .4s;will-change:transform}.mini-chip.lifted{box-shadow:inset 0 0 0 1px var(--gold),0 16px 30px -8px #000000e6,0 0 24px #d8b56f59;z-index:3}.mini-cursor{position:absolute;left:0;top:0;width:22px;height:22px;opacity:0;transition:transform .9s var(--ease),opacity .3s;z-index:5;pointer-events:none}.mini-cursor svg{width:100%;height:100%;fill:var(--ivory);stroke:#0b0a08;stroke-width:1.5;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.mini-cursor.show{opacity:1}.mini-cursor.press svg{transform:scale(.85)}.mini-palette{position:absolute;display:flex;gap:6px;padding:8px;border-radius:12px;background:#16130ff5;box-shadow:var(--shadow);left:78px;top:58px;opacity:0;transform:translateY(6px) scale(.96);transition:.45s var(--ease);pointer-events:none;z-index:4}.mini-palette i{width:20px;height:20px;border-radius:6px;background:var(--c);box-shadow:inset 0 0 0 1px #ffffff26}.mini-palette.show{opacity:1;transform:none}.mini-export{position:absolute;inset:0;pointer-events:none}.mini-flash{position:absolute;inset:0;background:radial-gradient(circle,rgba(242,220,170,.55),transparent 70%);opacity:0}.mini-file{position:absolute;left:50%;bottom:18px;transform:translate(-50%,30px);opacity:0;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:14px;background:#16130ff5;box-shadow:inset 0 0 0 1px var(--gold),0 20px 40px -10px #000000e6;white-space:nowrap;font-size:13px;transition:.7s var(--ease)}.mf-ico{padding:8px;border-radius:8px;background:var(--gold-grad);color:#1a1408;font-weight:700;font-size:11px;letter-spacing:.08em}.mf-ok{color:#8fd19b;font-weight:600}.mini[data-step="3"] .mini-pool{opacity:0}.mini[data-step="3"] .mini-file{opacity:1;transform:translate(-50%);transition-delay:.9s}.mini[data-step="3"] .mini-flash{animation:flash 1.2s .5s ease-out both}@keyframes flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.mini-pool{transition:opacity .5s,border-color .4s,background .4s,margin .5s var(--ease)}.mini-label.glow{box-shadow:0 0 0 2px var(--gold-hi),0 0 24px #f2dcaa80;transform:scale(1.06)}@media(max-width:1000px){.diagram-stage{grid-template-columns:1fr}}@media(max-width:760px){.flow{grid-template-columns:repeat(2,1fr);row-gap:18px;min-height:0}.flow-svg{display:none}.node-ring{width:60px;height:60px}.node-label{font-size:17px}}.maker{border-radius:28px;padding:clamp(14px,2.5vw,30px);background:linear-gradient(170deg,#1d1914eb,#0e0c0aeb);box-shadow:var(--shadow)}.maker-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.list-title{flex:1 1 260px;min-width:0;background:transparent;border:0;border-bottom:1px solid transparent;font-family:var(--serif);font-size:clamp(28px,3.4vw,40px);font-weight:600;font-style:italic;color:var(--gold-hi);padding:2px 0;transition:border-color .3s}.list-title:hover,.list-title:focus{border-bottom-color:var(--line-strong);outline:none}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.select-wrap select{appearance:none;-webkit-appearance:none;cursor:pointer;padding:9px 34px 9px 16px;border-radius:999px;font-size:13.5px;font-weight:600;background:#ffffff05 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23d8b56f' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--line-strong);color:var(--ivory)}.select-wrap select:hover{border-color:var(--gold)}.select-wrap option{background:var(--surface)}.board{display:grid;gap:8px}.tier{display:flex;gap:8px;min-height:92px}.tier-label{position:relative;width:112px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--c);color:#18120a;padding:10px 8px;box-shadow:inset 0 1px #ffffff59,inset 0 -16px 30px #0000001f}.tier-name{font-family:var(--serif);font-weight:700;font-size:30px;line-height:1.05;text-align:center;outline:none;word-break:break-word;max-width:100%;border-radius:6px;padding:0 4px;cursor:text}.tier-name:focus{background:#0000001f}.tier-name.small{font-size:18px}.lane{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:8px;border-radius:14px;background:#ffffff06;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s,background .25s}.lane.over{box-shadow:inset 0 0 0 1px var(--gold),0 0 30px -10px #d8b56f8c;background:#d8b56f0d}.tier-tools{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:none}.icon-btn{width:32px;height:26px;border-radius:8px;display:grid;place-items:center;cursor:pointer;background:transparent;border:1px solid transparent;color:var(--dim);font-size:13px;transition:.2s}.icon-btn:hover{color:var(--gold-hi);border-color:var(--line-strong);background:#d8b56f0f}.icon-btn.swatch{position:relative}.icon-btn.swatch:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--c);box-shadow:inset 0 0 0 1px #fff3}.item{position:relative;width:84px;height:84px;border-radius:12px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;background:linear-gradient(160deg,#24201a,#17140f);box-shadow:inset 0 0 0 1px var(--line-strong),0 6px 16px -8px #000c;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .25s var(--ease),box-shadow .25s;overflow:hidden}.item:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--gold),0 10px 22px -8px #000000e6}.item:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.item .emoji{font-size:32px;line-height:1}.item .txt{font-size:11.5px;font-weight:600;line-height:1.15;text-align:center;color:var(--ivory);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}.item.has-emoji .txt{-webkit-line-clamp:2;font-size:10.5px;color:var(--muted)}.item.is-image{padding:0}.item.is-image img{width:100%;height:100%;object-fit:cover;pointer-events:none}.item.is-image .txt{position:absolute;left:0;right:0;bottom:0;padding:14px 4px 4px;background:linear-gradient(transparent,#000000d9);font-size:10px;-webkit-line-clamp:1}.item .del{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:0;cursor:pointer;background:#0b0a08d9;color:var(--muted);font-size:12px;line-height:1;display:grid;place-items:center;opacity:0;transition:opacity .2s,color .2s}.item:hover .del,.item:focus-within .del{opacity:1}.item .del:hover{color:#f08b7a}.item.placeholder{visibility:hidden}.item.dragging{position:fixed;z-index:1000;pointer-events:none;cursor:grabbing;margin:0;box-shadow:inset 0 0 0 1px var(--gold),0 30px 50px -14px #000000f2,0 0 30px #d8b56f59;transition:none}.drop-marker{width:3px;align-self:stretch;min-height:60px;border-radius:3px;background:var(--gold-grad);box-shadow:0 0 14px var(--gold);flex:none}.pool-wrap{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.pool-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.pool-head h3{font-size:26px;display:flex;align-items:center;gap:10px}.count{font-family:var(--sans);font-size:12px;font-weight:700;color:#1a1408;background:var(--gold-grad);border-radius:999px;padding:2px 9px}.add-form{display:flex;gap:8px;flex:1 1 420px;max-width:620px;flex-wrap:wrap}.add-form input{flex:1 1 200px;min-width:0;padding:9px 16px;border-radius:999px;font-size:14px;background:#0000004d;border:1px solid var(--line-strong);color:var(--ivory);transition:border-color .3s,box-shadow .3s}.add-form input::placeholder{color:var(--dim)}.add-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #d8b56f1f}.upload-btn{cursor:pointer}.pool{min-height:110px;border:1px dashed var(--line-strong);box-shadow:none;background:#0000002e}.pool:empty:before{content:attr(data-empty);color:var(--dim);font-size:14px;margin:auto;padding:20px;text-align:center}.hint{color:var(--dim);font-size:13px;margin:14px 0 0}kbd{font-family:var(--sans);font-size:11px;padding:2px 6px;border-radius:5px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ivory)}.swatch-pop{position:absolute;z-index:200;display:grid;grid-template-columns:repeat(5,28px);gap:8px;padding:12px;border-radius:14px;background:#16130ffa;box-shadow:var(--shadow);animation:rise .25s var(--ease)}.swatch-pop button{width:28px;height:28px;border-radius:8px;border:0;cursor:pointer;background:var(--c);box-shadow:inset 0 0 0 1px #ffffff2e;transition:transform .2s}.swatch-pop button:hover{transform:scale(1.12)}.swatch-pop label{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:pointer}.swatch-pop input[type=color]{width:28px;height:22px;border:0;padding:0;background:none;cursor:pointer}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;z-index:300;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;background:#16130ff5;box-shadow:inset 0 0 0 1px var(--gold),0 20px 40px -12px #000000e6;transition:.45s var(--ease);pointer-events:none;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:760px){.tier{min-height:76px}.tier-label{width:70px}.tier-name{font-size:24px}.tier-name.small{font-size:14px}.item{width:64px;height:64px;border-radius:10px}.item .emoji{font-size:24px}.item .txt{font-size:9.5px}.item .del{opacity:1;width:18px;height:18px;font-size:10px}.tier-tools{gap:2px}.icon-btn{width:26px;height:22px;font-size:11px}.toolbar-actions{width:100%}}@media(max-width:420px){.lane{padding:6px;gap:6px}}