@property --beam{syntax:"<length-percentage>";inherits:false;initial-value:0%}.mix{--ink-0:#fff;--ink-1:#fff;--ink-2:#f5f7f9;--ink-3:#eef1f4;--ink-4:#e7eaee;--line:#e7eaee;--line-2:#d7dde4;--ink:#0b0f17;--text:#0b0f17;--text-2:#5f6b7c;--text-3:#8a94a3;--cyan:#00c2b8;--blue:#007cf0;--violet:#7c5cff;--grad:linear-gradient(100deg, #007cf0 0%, #00b8d4 55%, #00c9a7 100%);--grad-text:linear-gradient(100deg, #007cf0 0%, #00a6c4 60%, #06b6a4 100%);--grad-soft:linear-gradient(100deg, #007cf01a, #00c9a71a);--shadow-lg:0 40px 90px -36px #0b0f1773;--shadow-md:0 24px 50px -28px #0b0f174d;--shadow-glow:0 18px 48px -16px #007cf073;--serif:var(--font-instrument-serif), "Instrument Serif", Georgia, serif;--maxw:1240px;--radius:22px;--ease:cubic-bezier(.22, .61, .36, 1)}.mix *{box-sizing:border-box}html{scroll-behavior:smooth}.mix{isolation:isolate;background:var(--ink-0);min-height:100vh;color:var(--text);font-family:var(--font-space-grotesk), "Space Grotesk", system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:18px;position:relative;overflow-x:clip}.mix:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(46% 40% at 82% -4%,#00c9a729,#0000 70%),radial-gradient(42% 38% at 6% 6%,#007cf01f,#0000 70%);position:absolute;inset:0}.mix:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 18%,#0000 72%);mask-image:radial-gradient(90% 70% at 50% 0,#000 18%,#0000 72%)}.mix a{color:inherit;text-decoration:none}.mix img{max-width:100%;display:block}.mix .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:28px}.mix section,.mix .hero,.mix .proof,.mix .footer{z-index:1;position:relative}.mix .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:10px;margin:0;font-size:.78rem;font-weight:600;display:inline-flex}.mix .eyebrow:before{content:"";background:var(--grad);border-radius:50%;width:7px;height:7px}.mix .eyebrow.center{justify-content:center}.mix .grad-text{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.mix .serif{font-family:var(--serif);letter-spacing:.005em;font-style:italic;font-weight:400}.mix h1,.mix h2,.mix h3{letter-spacing:-.03em;color:var(--ink);margin:0;font-weight:700;line-height:1.04}.mix .section-title{max-width:18ch;font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.08}.mix .section-lead{color:var(--text-2);text-wrap:pretty;max-width:52ch;margin:18px 0 0;font-size:1.08rem;line-height:1.65}.mix .btn{border:1px solid var(--line-2);cursor:pointer;color:var(--ink);transition:transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease), box-shadow .3s var(--ease), color .25s var(--ease);will-change:transform;background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:9px;padding:14px 26px;font-family:inherit;font-size:.98rem;font-weight:600;display:inline-flex}.mix .btn-primary{color:#fff;background:var(--ink);isolation:isolate;border:1px solid #0000;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 12px 30px -14px #0b0f1780}.mix .btn-primary:before{content:"";z-index:-1;background:var(--grad);opacity:0;transition:opacity .35s var(--ease);position:absolute;inset:0}.mix .btn-primary>*{z-index:1;position:relative}.mix .btn-primary:hover{box-shadow:0 18px 44px -16px #007cf099}.mix .btn-primary:hover:before{opacity:1}.mix .btn-ghost{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3}.mix .btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff}.mix .btn:active{transform:scale(.97)}.mix .btn .arrow{transition:transform .3s var(--ease)}.mix .btn:hover .arrow{transform:translate(4px)}.mix .brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:1.18rem;font-weight:700;display:inline-flex}.mix .brand img{border-radius:9px;width:32px;height:32px}.mix .hero{padding:96px 0 42px;overflow:hidden}.mix .hero-grid{grid-template-columns:1.02fr 1fr;align-items:center;gap:40px;display:grid}.mix .hero-pill{border:1px solid var(--line);color:var(--text-2);background:#fffc;border-radius:100px;align-items:center;gap:9px;margin-bottom:26px;padding:7px 15px 7px 9px;font-size:.82rem;display:inline-flex;box-shadow:0 6px 20px -14px #0b0f1759}.mix .hero-pill b{color:var(--ink);font-weight:600}.mix .hero-pill .tag{letter-spacing:.08em;background:var(--grad-soft);color:var(--blue);text-transform:uppercase;border-radius:100px;padding:3px 9px;font-size:.66rem;font-weight:600}.mix .hero h1{font-size:clamp(2.6rem,6vw,4.5rem);font-weight:700;line-height:1}.mix .hero h1 .serif{font-size:1.04em}.mix .hero p.sub{color:var(--text-2);text-wrap:pretty;max-width:46ch;margin:26px 0 34px;font-size:1.18rem;line-height:1.6}.mix .hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mix .hero-note{color:var(--text-3);align-items:center;gap:8px;margin:22px 0 0;font-size:.84rem;display:flex}.mix .hero-note .dot{background:#16c47f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #16c47f29}.mix .stage{perspective:1600px;position:relative}.mix .browser{border:1px solid var(--line);box-shadow:var(--shadow-lg);transform-style:preserve-3d;transition:transform .6s var(--ease);background:#fff;border-radius:16px;position:relative;overflow:hidden;transform:rotateY(-9deg)rotateX(4deg)}.mix .stage:hover .browser{transform:rotateY(-4deg)rotateX(2deg)}.mix .browser-bar{border-bottom:1px solid var(--line);background:var(--ink-2);align-items:center;gap:7px;padding:12px 14px;display:flex}.mix .browser-bar i{background:#d7dde4;border-radius:50%;width:11px;height:11px;display:block}.mix .browser-bar i:first-child{background:#ff5f57}.mix .browser-bar i:nth-child(2){background:#febc2e}.mix .browser-bar i:nth-child(3){background:#28c840}.mix .browser-url{color:var(--text-3);border:1px solid var(--line);background:#fff;border-radius:7px;flex:1;align-items:center;margin-left:10px;padding:5px 12px;font-size:.72rem;display:flex}.mix .browser-url b{color:inherit;font-weight:600}.mix .viewport{background:#fff;height:430px;position:relative;overflow:hidden}.mix .layer{position:absolute;inset:0}.mix .cv{background:#fbfcfd;padding:26px 30px}.mix .cv-head{letter-spacing:.16em;color:var(--text-3);text-transform:uppercase;margin-bottom:18px;font-size:.64rem;font-weight:600}.mix .cv-line{background:#e3e8ee;border-radius:4px;height:9px;margin-bottom:11px}.mix .cv-line.dim{background:#eef1f5}.mix .folio{clip-path:inset(0 0 100%);background:#fff;flex-direction:column;gap:16px;padding:24px 26px;display:flex}.mix .folio-hero{align-items:center;gap:14px;display:flex}.mix .folio-avatar{background:var(--grad);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:700;display:grid}.mix .folio-name{font-size:1.15rem;font-weight:700}.mix .folio-role{color:var(--blue);margin-top:3px;font-size:.74rem;font-weight:500}.mix .folio-chips{flex-wrap:wrap;gap:7px;display:flex}.mix .chip{border:1px solid var(--line);color:var(--text-2);background:var(--ink-2);border-radius:100px;padding:4px 11px;font-size:.7rem;font-weight:500}.mix .folio-projects{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mix .folio-proj{border:1px solid var(--line);aspect-ratio:16/10;border-radius:12px;position:relative;overflow:hidden}.mix .folio-proj img{object-fit:cover;width:100%;height:100%}.mix .folio-proj span{color:#fff;text-shadow:0 1px 8px #000000b3;font-size:.7rem;font-weight:600;position:absolute;bottom:8px;left:10px}.mix .beam{pointer-events:none;z-index:5;opacity:0;border-bottom:2px solid var(--cyan);background:linear-gradient(#0000,#00c9a724 40%,#007cf038 70%,#0000);height:56px;position:absolute;top:0;left:0;right:0;box-shadow:0 8px 30px #00c9a773}.mix .stage-status{z-index:6;color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:100px;align-items:center;gap:9px;padding:9px 15px;font-size:.74rem;font-weight:500;display:inline-flex;position:absolute;bottom:-16px;left:18px;box-shadow:0 12px 30px -16px #0b0f1766}.mix .stage-status .pulse{background:var(--cyan);border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse;box-shadow:0 0 0 4px #00c9a733}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.mix .replay{z-index:6;border:1px solid var(--line);width:40px;height:40px;color:var(--text-2);cursor:pointer;transition:transform .3s var(--ease), color .2s, border-color .2s;background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-14px;right:16px;box-shadow:0 12px 30px -16px #0b0f1766}.mix .replay:hover{color:var(--blue);border-color:var(--blue);transform:rotate(-40deg)}.mix .stage.playing .beam{animation:beam-drop 3.4s var(--ease) forwards}.mix .stage.playing .folio{animation:folio-reveal 3.4s var(--ease) forwards}.mix .stage.playing .cv{animation:cv-fade 3.4s var(--ease) forwards}@keyframes beam-drop{0%{opacity:0;transform:translateY(-56px)}8%{opacity:1}88%{opacity:1;transform:translateY(430px)}to{opacity:0;transform:translateY(430px)}}@keyframes folio-reveal{0%{clip-path:inset(0 0 100%)}86%{clip-path:inset(0)}to{clip-path:inset(0)}}@keyframes cv-fade{0%,60%{opacity:1}to{opacity:.22}}.mix .proof{border-block:1px solid var(--line);background:#ffffff80;padding:14px 0}.mix .proof-head{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;font-size:.78rem;font-weight:600}.mix .marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.mix .marquee-track{white-space:nowrap;gap:56px;padding-right:56px;animation:26s linear infinite marquee;display:flex}.mix .marquee-track span{color:var(--text-2);align-items:center;gap:14px;font-size:1.08rem;font-weight:600;display:inline-flex}.mix .marquee-track span:before{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px}@keyframes marquee{to{transform:translate(-50%)}}.mix .band{padding:66px 0}.mix .band-head{max-width:760px;margin-bottom:34px}.mix .band-head.center{text-align:center;margin-inline:auto}.mix .band-head.center .section-lead{margin-inline:auto}.mix .band-head .eyebrow{margin-bottom:11px}.mix .bento{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.mix .tile{border:1px solid var(--line);border-radius:var(--radius);transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);background:#fff;flex-direction:column;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #0b0f1705}.mix .tile:after{content:"";border-radius:inherit;background:var(--grad);-webkit-mask-composite:xor;opacity:0;transition:opacity .4s var(--ease);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mix .tile:hover{box-shadow:var(--shadow-md);border-color:var(--line-2);transform:translateY(-5px)}.mix .tile:hover:after{opacity:.55}.mix .tile-poster{grid-area:span 2/span 2}.mix .tile-span-2{grid-column:span 2}.mix .tile-span-3{grid-column:span 3}.mix .tile .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:16px;font-size:.7rem;font-weight:600;display:block}.mix .tile h3{letter-spacing:-.02em;margin-bottom:12px;font-size:1.45rem;line-height:1.16}.mix .tile p{color:var(--text-2);margin:0;font-size:.98rem;line-height:1.62}.mix .stat-big{letter-spacing:-.04em;margin-top:auto;font-size:clamp(3rem,6vw,4.4rem);font-weight:700;line-height:1}.mix .tile-span-2 .stat-big+p{margin-top:14px}.mix .rewrite{flex-direction:column;gap:9px;margin-top:auto;padding-top:20px;display:flex}.mix .rw{border-radius:10px;padding:9px 13px;font-size:.82rem;font-weight:500;line-height:1.3}.mix .rw.before{background:var(--ink-2);border:1px solid var(--line);color:var(--text-3);text-decoration:line-through;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3);align-self:flex-start}.mix .rw-arrow{width:16px;height:16px;color:var(--blue);margin-left:14px;transform:rotate(90deg)}.mix .rw.after{background:var(--grad-soft);color:var(--ink);border:1px solid #007cf04d;align-self:flex-start;font-weight:600}.mix .tile-metric{text-align:center;flex-direction:column;align-items:center;gap:6px;margin:auto;padding-top:18px;display:flex}.mix .tile-metric span{letter-spacing:-.04em;font-size:3.6rem;font-weight:700;line-height:1}.mix .tile-metric em{color:var(--text-3);max-width:none;font-size:.95rem;font-style:normal;font-weight:500;line-height:1.3}.mix .h3-lock{width:22px;height:22px;color:var(--blue);vertical-align:-3px;margin-right:4px}.mix .lock-row{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:22px;display:flex}.mix .lock-row .chip.on{color:var(--blue);background:var(--grad-soft);white-space:nowrap;border-color:#007cf04d;align-items:center;gap:6px;font-weight:600;display:inline-flex}.mix .lock-row .chip.on svg{flex-shrink:0;width:13px;height:13px}.mix .stack-graphic{flex-direction:column;flex:1;justify-content:center;gap:9px;margin-top:24px;display:flex;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.mix .stack-row{border:1px solid var(--line);background:var(--ink-2);border-radius:11px;flex-shrink:0;align-items:center;gap:11px;height:46px;padding:0 13px;display:flex}.mix .stack-row.ghost .g-ava{background:#d7dde4;border-radius:50%;flex-shrink:0;width:22px;height:22px}.mix .stack-row.ghost .g-bar{background:#d7dde4;border-radius:4px;height:7px}.mix .stack-row.you{background:var(--ink);height:58px;box-shadow:var(--shadow-glow);z-index:2;border:1px solid #0000;border-radius:14px;gap:12px;position:relative}.mix .stack-row.you .y-ava{background:var(--grad);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:.78rem;font-weight:700;display:grid}.mix .stack-row.you .y-text{color:#fff;flex-direction:column;gap:3px;font-size:.86rem;font-weight:600;line-height:1.1;display:flex}.mix .stack-row.you .y-text small{color:#aebccd;align-items:center;gap:6px;font-size:.66rem;font-weight:500;display:inline-flex}.mix .stack-row.you .y-live{background:#16c47f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #16c47f40}.mix .stack-row.you .y-badge{letter-spacing:.12em;background:var(--grad);color:#fff;border-radius:100px;flex-shrink:0;margin-left:auto;padding:4px 9px;font-size:.6rem;font-weight:700}.mix .steps{grid-template-columns:1fr 1fr;align-items:start;gap:34px;display:grid}.mix .timeline{position:relative}.mix .track{background:var(--line);border-radius:2px;width:2px;position:absolute;top:26px;bottom:26px;left:25px}.mix .track-fill{width:100%;height:var(--progress,0%);background:var(--grad);border-radius:2px;transition:height .1s linear;position:absolute;top:0;left:0;box-shadow:0 0 14px #007cf066}.mix .step{grid-template-columns:52px 1fr;gap:22px;padding:18px 0 38px;display:grid;position:relative}.mix .step:last-child{padding-bottom:0}.mix .step-num{z-index:2;border:1px solid var(--line-2);width:52px;height:52px;color:var(--text-3);isolation:isolate;transition:border-color .4s var(--ease), box-shadow .4s var(--ease);background:#fff;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:700;display:grid;position:relative;overflow:hidden}.mix .sn-fill{height:calc(var(--fill,0) * 100%);background:var(--ink);z-index:0;transition:height .14s linear;position:absolute;top:0;left:0;right:0}.mix .sn-num{z-index:1;color:var(--text-3);transition:color .25s var(--ease);position:relative}.mix .step-num.filled .sn-num{color:#fff}.mix .step.active .step-num{border-color:#0000;box-shadow:0 0 0 6px #0b0f1714}.mix .step h3{margin:8px 0;font-size:1.3rem}.mix .step p{color:var(--text-2);max-width:40ch;margin:0;line-height:1.6}.mix .steps-aside{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;padding:8px;position:sticky;top:110px}.mix .aside-bar{gap:6px;padding:10px 12px;display:flex}.mix .aside-bar i{background:#d7dde4;border-radius:50%;width:10px;height:10px}.mix .aside-bar i:first-child{background:#ff5f57}.mix .aside-bar i:nth-child(2){background:#febc2e}.mix .aside-bar i:nth-child(3){background:#28c840}.mix .aside-stage{background:var(--ink-2);aspect-ratio:4/3;transition:box-shadow .35s var(--ease);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 #0000}.mix .aside-panel{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);flex-direction:column;justify-content:center;gap:14px;padding:22px;display:flex;position:absolute;inset:0;transform:translateY(14px)scale(.98)}.mix .aside-panel.show{opacity:1;transform:none}.mix .drop{border:1.5px dashed var(--line-2);color:var(--text-3);text-align:center;background:#fff;border-radius:14px;flex:1;place-items:center;gap:8px;font-size:.84rem;font-weight:500;display:grid}.mix .drop .doc{background:var(--grad);opacity:.92;border-radius:6px;width:46px;height:58px;margin:0 auto 12px}.mix .field{border:1px solid var(--line);height:40px;color:var(--text-2);background:#fff;border-radius:9px;align-items:center;gap:10px;padding:0 14px;font-size:.82rem;display:flex}.mix .field .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:.64rem;font-weight:600}.mix .swatches{gap:10px;margin-top:4px;display:flex}.mix .swatch{border:1px solid var(--line-2);cursor:pointer;width:34px;height:34px;transition:transform .2s var(--ease);border-radius:9px}.mix .swatch:hover{transform:translateY(-2px)}.mix .publish-card{background:var(--ink);color:#fff;border-radius:14px;flex-direction:column;gap:7px;margin:0;padding:20px;display:flex}.mix .publish-card .url{color:#fff;font-size:1.05rem;font-weight:700}.mix .aside-bar{align-items:center}.mix .aside-url{color:var(--text-3);border:1px solid var(--line);background:#fff;border-radius:7px;margin-left:10px;padding:4px 10px;font-size:.68rem}.mix .drop-done{gap:14px}.mix .file-chip{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex;box-shadow:0 8px 22px -16px #0b0f1766}.mix .file-ic{background:var(--grad);color:#fff;letter-spacing:.06em;border-radius:7px;flex-shrink:0;place-items:center;width:38px;height:46px;font-size:.58rem;font-weight:700;display:grid}.mix .file-meta{text-align:left;flex:1;line-height:1.25}.mix .file-meta b{color:var(--ink);font-size:.82rem;display:block}.mix .file-meta small{color:var(--text-3);font-size:.7rem}.mix .file-check{color:#fff;background:#16c47f;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.mix .file-check svg{width:13px;height:13px}.mix .drop-note{color:var(--text-3);max-width:30ch;margin:0;font-size:.78rem;line-height:1.45}.mix .aside-head{color:var(--blue);align-items:center;gap:8px;font-size:.72rem;font-weight:600;display:flex}.mix .ah-pulse{background:var(--cyan);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #00c9a72e}.mix .chips-line{flex-wrap:wrap;gap:7px;display:flex}.mix .mini-chip{border:1px solid var(--line);color:var(--text-2);background:#fff;border-radius:100px;padding:5px 11px;font-size:.72rem;font-weight:500}.mix .tone-row{border:1px solid var(--line);background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;height:40px;padding:0 10px 0 14px;display:flex}.mix .seg{background:var(--ink-3);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.mix .seg-opt{color:var(--text-3);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:.74rem;font-weight:600}.mix .seg-opt.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0b0f171f}.mix .swatch.on{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ring,var(--blue))}.mix .pub-top{justify-content:space-between;align-items:center;display:flex}.mix .pub-live{letter-spacing:.12em;color:#fff;align-items:center;gap:6px;font-size:.66rem;font-weight:700;display:inline-flex}.mix .pub-dot{background:#16c47f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #16c47f4d}.mix .pub-time{color:#8fa0b5;font-size:.7rem}.mix .pub-actions{gap:8px;margin-top:6px;display:flex}.mix .pub-btn{color:var(--ink);background:#fff;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:.76rem;font-weight:600;display:inline-flex}.mix .pub-btn svg{width:14px;height:14px}.mix .pub-btn.ghost{color:#fff;background:#ffffff1f}.mix .pub-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:2px;display:grid}.mix .pub-stats>div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:11px;padding:11px 8px}.mix .pub-stats b{letter-spacing:-.02em;font-size:1.15rem;display:block}.mix .pub-stats small{color:var(--text-3);font-size:.66rem}.mix .gallery{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mix .tpl{border:1px solid var(--line);transition:transform .5s var(--ease), border-color .4s var(--ease), box-shadow .5s var(--ease);cursor:pointer;background:#fff;border-radius:18px;overflow:hidden}.mix .tpl:hover{border-color:var(--line-2);box-shadow:var(--shadow-lg);transform:translateY(-10px)}.mix .tpl-shot{aspect-ratio:3/4;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.mix .mood{transition:transform .6s var(--ease);flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden}.mix .tpl:hover .mood{transform:scale(1.02)}.mix .mood-chip{z-index:3;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);background:#ffffffe6;border-radius:100px;align-self:flex-start;padding:6px 12px;font-size:.7rem;font-weight:600;position:relative;box-shadow:0 6px 16px -10px #00000080}.mix .mood-body{z-index:3;margin-top:auto;position:relative}.mix .mood-kicker{letter-spacing:.04em;opacity:.9;margin-bottom:8px;font-size:.72rem;font-weight:600}.mix .mood-word{letter-spacing:-.03em;font-size:clamp(2.4rem,4vw,3.1rem);font-weight:700;line-height:.95}.mix .mood-word.serif{letter-spacing:0;font-weight:400}.mix .mood-rule{opacity:.5;width:46px;height:1px;margin:12px 0}.mix .mood-sub{opacity:.7;margin-top:10px;font-size:.78rem;font-weight:500}.mix .mood-palette{z-index:3;gap:7px;margin-top:18px;display:flex;position:relative}.mix .mood-palette i{border-radius:8px;width:26px;height:26px;box-shadow:0 2px 8px -3px #0006,inset 0 0 0 1px #ffffff1f}.mix .mood-deco{pointer-events:none;position:absolute}.mix .mood-signal{color:#fff;background:linear-gradient(165deg,#0c1119 0%,#15243b 100%)}.mix .mood-signal:before{content:"";background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 70% 30%,#000,#0000 75%);mask-image:radial-gradient(80% 70% at 70% 30%,#000,#0000 75%)}.mix .mood-signal .mood-deco{filter:blur(14px);background:radial-gradient(circle,#00c9a780,#0000 65%);border-radius:50%;width:200px;height:200px;top:-60px;right:-60px}.mix .mood-signal .mood-kicker{color:var(--cyan);font-family:ui-monospace,SF Mono,Menlo,monospace}.mix .mood-signal .mood-word{background:linear-gradient(100deg,#fff,#bfe9ff);color:#0000;-webkit-background-clip:text;background-clip:text}.mix .mood-signal .mood-sub{color:#9fb2c9}.mix .mood-studio{color:#1a1a1a;background:linear-gradient(165deg,#f6f2ea 0%,#ece5d8 100%)}.mix .mood-studio .mood-chip{color:#f6f2ea;background:#1a1a1a}.mix .mood-studio .mood-kicker{text-transform:uppercase;letter-spacing:.16em;color:#c4572e;font-size:.62rem}.mix .mood-studio .mood-word{color:#1a1a1a}.mix .mood-studio .mood-rule{background:#1a1a1a}.mix .mood-studio .mood-sub{color:#6b6256;font-style:italic;font-family:var(--serif);font-size:.92rem}.mix .mood-atlas{color:#ede7da;background:linear-gradient(165deg,#18273e 0%,#0d1626 100%)}.mix .mood-atlas .mood-deco{filter:blur(10px);background:radial-gradient(circle,#c9a24b47,#0000 62%);border-radius:50%;width:220px;height:220px;bottom:-80px;left:-70px}.mix .mood-atlas .mood-chip{color:#e6c980;-webkit-backdrop-filter:none;backdrop-filter:none;background:#c9a24b29;box-shadow:inset 0 0 0 1px #c9a24b66}.mix .mood-atlas .mood-kicker{text-transform:uppercase;letter-spacing:.16em;color:#c9a24b;font-size:.62rem}.mix .mood-atlas .mood-word{color:#f3ecdc}.mix .mood-atlas .mood-rule{opacity:1;background:linear-gradient(90deg,#c9a24b,#0000);width:64px}.mix .mood-atlas .mood-sub{color:#9aa7ba}.mix .mood-pastel{color:#2a2f45;background:linear-gradient(150deg,#d6f3e8 0%,#e7e3ff 52%,#ffe6ef 100%)}.mix .mood-pastel .mood-deco{filter:blur(8px);background:radial-gradient(circle,#b8a9f08c,#0000 70%);border-radius:50%;width:130px;height:130px;top:40px;right:-30px}.mix .mood-pastel .mood-deco-2{background:radial-gradient(circle,#f3b4cb99,#0000 70%);width:96px;height:96px;inset:auto auto 60px -24px}.mix .mood-pastel .mood-chip{color:#2a2f45;background:#ffffffd9}.mix .mood-pastel .mood-kicker{color:#6a5fa0}.mix .mood-pastel .mood-word{color:#2a2f45}.mix .mood-pastel .mood-sub{color:#5b6178}.mix .tpl-meta{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.mix .tpl-meta b{font-size:1rem}.mix .tpl-meta .tone{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.mix .demo{border:1px solid var(--line);box-shadow:var(--shadow-md);background:radial-gradient(80% 120% at 100% 0,#007cf014,#0000 60%),#fff;border-radius:30px;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:38px;display:grid;overflow:hidden}.mix .demo h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}.mix .demo-list{flex-direction:column;gap:16px;margin:28px 0 0;padding:0;list-style:none;display:flex}.mix .demo-list li{color:var(--text-2);align-items:flex-start;gap:13px;font-size:1.02rem;line-height:1.5;display:flex}.mix .demo-list .tick{background:var(--grad-soft);width:24px;height:24px;color:var(--blue);border:1px solid #007cf04d;border-radius:50%;flex-shrink:0;place-items:center;margin-top:2px;font-size:.78rem;font-weight:700;display:grid}.mix .uploader{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;border-radius:20px;padding:26px}.mix .dropzone{border:1.5px dashed var(--line-2);text-align:center;cursor:pointer;border-radius:16px;padding:36px 24px;transition:border-color .3s,background .3s}.mix .dropzone.drag{border-color:var(--blue);background:var(--grad-soft)}.mix .dropzone .doc-icon{background:var(--ink-2);border:1px solid var(--line-2);width:56px;height:70px;color:var(--text-3);border-radius:8px;place-items:center;margin:0 auto 16px;font-size:.62rem;font-weight:600;display:grid;position:relative}.mix .dropzone strong{color:var(--ink);margin-bottom:6px;font-size:1.05rem;display:block}.mix .dropzone span{color:var(--text-3);font-size:.86rem}.mix .upload-progress{background:var(--ink-3);border-radius:100px;height:6px;margin-top:18px;display:none;overflow:hidden}.mix .upload-progress.show{display:block}.mix .upload-progress i{background:var(--grad);border-radius:100px;width:0;height:100%;transition:width .1s linear;display:block}.mix .upload-steps{color:var(--text-3);min-height:20px;margin-top:16px;font-size:.82rem;font-weight:500}.mix .upload-steps b{color:var(--blue);font-weight:600}.mix .faq-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:34px;display:grid}.mix .faq-list{border-top:1px solid var(--line)}.mix .faq-item{border-bottom:1px solid var(--line)}.mix .faq-q{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:18px;padding:24px 0;font-family:inherit;font-size:1.12rem;font-weight:600;display:flex}.mix .faq-q .plus{width:26px;height:26px;transition:transform .4s var(--ease);flex-shrink:0;position:relative}.mix .faq-q .plus:before,.mix .faq-q .plus:after{content:"";background:var(--text-2);border-radius:2px;position:absolute}.mix .faq-q .plus:before{width:2px;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.mix .faq-q .plus:after{height:2px;top:50%;left:4px;right:4px;transform:translateY(-50%)}.mix .faq-item.open .plus{transform:rotate(135deg)}.mix .faq-a{max-height:0;transition:max-height .5s var(--ease), opacity .4s var(--ease);opacity:0;overflow:hidden}.mix .faq-item.open .faq-a{opacity:1;max-height:240px}.mix .faq-a p{color:var(--text-2);max-width:56ch;margin:0 0 24px;line-height:1.65}.mix .final{text-align:center;padding:66px 0;position:relative}.mix .final-card{color:#fff;background:linear-gradient(152deg,#182a42 0%,#143247 52%,#114c52 100%);border:1px solid #ffffff14;border-radius:32px;padding:44px;position:relative;overflow:hidden;box-shadow:0 30px 70px -34px #102a4099}.mix .final-card .glow2{background:radial-gradient(circle at 18% 118%,#007cf061,#0000 52%),radial-gradient(circle at 84% -16%,#00c9a752,#0000 50%);position:absolute;inset:0}.mix .final-card .gridl{opacity:.1;background-image:linear-gradient(#fff6 1px,#0000 1px),linear-gradient(90deg,#fff6 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000,#0000 75%);mask-image:radial-gradient(60% 60%,#000,#0000 75%)}.mix .final-card>*{z-index:1;position:relative}.mix .final-card .eyebrow{color:#8fd4d0;justify-content:center}.mix .final-card .eyebrow:before{background:var(--cyan)}.mix .final-card h2{color:#fff;max-width:17ch;margin:0 auto 14px;font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06}.mix .final-card p{color:#b6c6d6;max-width:46ch;margin:0 auto 28px;font-size:1.1rem}.mix .final-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.mix .final-card .btn-primary{color:#143247;background:#fff}.mix .final-card .btn-primary:hover{color:#fff}.mix .final-card .btn-ghost{color:#fff;background:#ffffff0f;border-color:#ffffff38}.mix .final-card .btn-ghost:hover{color:#143247;background:#fff;border-color:#fff}.mix .final-card .final-note{color:#8aa0b0;margin-top:30px;margin-bottom:0;font-size:.84rem}.mix .footer{border-top:1px solid var(--line);padding:42px 0 30px}.mix .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px;display:grid}.mix .footer-brand p{color:var(--text-2);max-width:30ch;margin:18px 0 0;font-size:.95rem;line-height:1.6}.mix .footer h4{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0 0 18px;font-size:.78rem;font-weight:600}.mix .footer-col a,.mix .footer-col button{color:var(--text-2);padding:7px 0;font-size:.95rem;transition:color .2s;display:block}.mix .footer-col button{text-align:left;cursor:pointer;background:0 0;border:0;font-family:inherit}.mix .footer-col a:hover,.mix .footer-col button:hover{color:var(--ink)}.mix .footer-bottom{border-top:1px solid var(--line);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:34px;padding-top:18px;font-size:.85rem;display:flex}.mix .reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(26px)}.mix .reveal.in{opacity:1;transform:none}.mix .reveal[data-d="1"]{transition-delay:80ms}.mix .reveal[data-d="2"]{transition-delay:.16s}.mix .reveal[data-d="3"]{transition-delay:.24s}.mix .reveal[data-d="4"]{transition-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.mix.revealed .reveal{opacity:1!important;transform:none!important}@media (max-width:980px){.mix .hero-grid{grid-template-columns:1fr;gap:38px}.mix .stage{max-width:540px}.mix .steps{grid-template-columns:1fr;gap:26px}.mix .steps-aside{position:relative;top:0}.mix .demo{grid-template-columns:1fr;padding:26px}.mix .faq-grid{grid-template-columns:1fr;gap:20px}.mix .gallery,.mix .bento{grid-template-columns:repeat(2,1fr)}.mix .tile-poster{grid-area:auto/span 2}.mix .tile-span-3,.mix .tile-span-2{grid-column:span 1}.mix .footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width:720px){.mix{font-size:17px}.mix .hero{padding-top:88px}.mix .band{padding:48px 0}.mix .gallery,.mix .bento{grid-template-columns:1fr}.mix .tile-poster{grid-column:span 1}.mix .footer-grid{grid-template-columns:1fr 1fr}.mix .final-card{padding:56px 26px}}@media (prefers-reduced-motion:reduce){.mix *,.mix :before,.mix :after{transition-duration:.001ms!important;animation-duration:.001ms!important}.mix .reveal{opacity:1;transform:none}.mix .stage .folio{clip-path:inset(0)}.mix .stage .cv{opacity:.22}.mix .marquee-track{animation:none}}