.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:700 1rem/1 var(--body);text-decoration:none;cursor:pointer;
  border:0;border-radius:999px;padding:1rem 1.6rem;color:var(--ink-3);background:var(--marigold);
  box-shadow:0 6px 0 var(--marigold-edge),0 14px 22px rgba(20,25,74,.25);transform:translateY(0);transition:transform .09s ease,box-shadow .09s ease;min-height:var(--touch)}
.btn:hover{color:var(--ink-3);filter:none;transform:translateY(-2px);box-shadow:0 8px 0 var(--marigold-edge),0 18px 26px rgba(20,25,74,.25)}
.btn:active{transform:translateY(6px);box-shadow:0 0 0 var(--marigold-edge),0 4px 8px rgba(20,25,74,.25)}
.btn--pink{background:var(--chilli);box-shadow:0 6px 0 var(--chilli-edge),0 14px 22px rgba(20,25,74,.25)}
.btn--pink:hover{box-shadow:0 8px 0 var(--chilli-edge),0 18px 26px rgba(20,25,74,.25)}
.btn--pink:active{box-shadow:0 0 0 var(--chilli-edge),0 4px 8px rgba(20,25,74,.25)}
.btn--wa{background:var(--wa);box-shadow:0 6px 0 var(--wa-edge),0 14px 22px rgba(20,25,74,.25)}
.btn--wa:hover{box-shadow:0 8px 0 var(--wa-edge),0 18px 26px rgba(20,25,74,.25)}
.btn--wa:active{box-shadow:0 0 0 var(--wa-edge),0 4px 8px rgba(20,25,74,.25)}
.btn--ghost{background:transparent;color:var(--text);border:2px solid var(--line-strong);box-shadow:0 5px 0 var(--line)}
.btn--ghost:hover{color:var(--text);box-shadow:0 7px 0 var(--line)}
.btn--ghost:active{box-shadow:0 0 0 var(--line)}
.btn--ink{background:var(--ink-3);color:#FFF4DC;box-shadow:0 4px 0 #000}
.btn--ink:hover{color:var(--marigold);box-shadow:0 6px 0 #000}
.btn--ink:active{box-shadow:0 0 0 #000}
.btn--sm{padding:.7rem 1.05rem;font-size:.92rem}
.btn--big{width:100%;padding:1.3rem 1.6rem;font-size:1.2rem;font-weight:700}
.btn svg{flex:none}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:translateY(3px);box-shadow:0 3px 0 var(--marigold-edge)}
.link{background:none;border:0;color:var(--link);font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}
.chips li{display:inline-flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:500;background:var(--card);color:var(--text-soft);padding:.4rem .85rem;border-radius:999px;box-shadow:0 2px 0 var(--edge),inset 0 0 0 1px var(--line)}
.chips li::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--lagoon);flex:none}
.card{background:var(--card);border-radius:22px;padding:1.4rem;box-shadow:0 5px 0 var(--edge),inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:.55rem}
.card h3{font-size:1.2rem}
.card p{margin:0;color:var(--text-soft)}
.card .btn{margin-top:auto;align-self:flex-start}
.card .btn + .btn{margin-top:.4rem}
.ad{max-width:var(--max);margin:1.5rem auto;padding:0 var(--gutter);display:none;text-align:center}
.ad.is-enabled{display:block}
.ad--wide{min-height:100px} .ad--rect{min-height:280px}
.ad-preview .ad:not(.is-enabled){border:2px dashed var(--line-strong);border-radius:16px;width:calc(100% - 2 * var(--gutter));display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem;min-height:90px}
.ad-preview .ad:not(.is-enabled)::after{content:"Advertisement space (preview only; visitors do not see this)"}
.desk{position:relative;transform-style:preserve-3d;transition:transform .25s ease-out;
  background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border-radius:30px;padding:clamp(1.1rem,3vw,2rem);
  box-shadow:0 12px 0 var(--edge),var(--shadow-big),inset 0 1px 0 rgba(255,255,255,.5)}
.status{display:inline-flex;align-items:center;gap:.55rem;font-size:.95rem;color:var(--muted);background:var(--deep);padding:.45rem .9rem;border-radius:999px;margin-bottom:1.3rem}
.status .dot{width:.65rem;height:.65rem;border-radius:50%;background:#8A90BE}
.status.on .dot{background:var(--lagoon);box-shadow:0 0 10px var(--lagoon)}
.status.busy .dot{background:var(--marigold);box-shadow:0 0 10px var(--marigold)}
.status.off .dot{background:var(--chilli);box-shadow:0 0 10px var(--chilli)}
.block{border:0;padding:0;margin:0 0 1.6rem;min-width:0}
.block>legend,.legend{font:700 1.08rem var(--display);padding:0;margin:0 0 .8rem;float:left;width:100%;color:var(--text)}
.block>legend+*{clear:both}
.legend{float:none}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background:var(--deep);padding:.4rem;border-radius:18px}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label{display:flex;align-items:center;justify-content:center;text-align:center;padding:.85rem .5rem;border-radius:13px;font-weight:600;cursor:pointer;color:var(--muted);min-height:var(--touch)}
.seg input:checked+label{background:var(--chilli);color:var(--ink-3);box-shadow:0 4px 0 var(--chilli-edge);transform:translateY(-1px)}
.seg input:focus-visible+label{outline:3px solid var(--lagoon);outline-offset:2px}
.voices{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem}
.voice{position:relative}
.voice input{position:absolute;opacity:0;pointer-events:none}
.voice label{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 3.6rem .9rem 1rem;border-radius:16px;background:var(--deep);cursor:pointer;border:2px solid transparent;min-height:var(--touch)}
.voice label b{font-weight:700;font-size:1.02rem}
.voice label i{font-style:normal;color:var(--muted);font-size:.88rem}
.voice input:checked+label{border-color:var(--marigold);background:var(--select);transform:translateY(-2px)}
.voice input:focus-visible+label{outline:3px solid var(--lagoon);outline-offset:2px}
.voice .preview{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;border-radius:50%;border:0;cursor:pointer;background:var(--lagoon);color:var(--ink-3);display:grid;place-items:center;box-shadow:0 3px 0 #17857B}
.voice .preview:active{transform:translateY(calc(-50% + 3px));box-shadow:none}
.drop{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;padding:2rem 1rem;border:3px dashed var(--line-strong);border-radius:20px;background:transparent;color:var(--text);font:inherit;cursor:pointer;text-align:center;min-height:8rem}
.drop:hover,.drop.over{border-color:var(--marigold);background:rgba(255,182,39,.12)}
.drop small{color:var(--muted)}
.clip__name{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin-bottom:.8rem;word-break:break-all}
.wave{background:var(--deep);border-radius:14px;padding:.4rem;height:96px}
#wave{width:100%;height:100%;display:block}
.clip__row{display:flex;align-items:center;gap:1rem;margin:.9rem 0 .4rem}
input[type=range]{flex:1;width:100%;accent-color:var(--chilli);height:2rem}
.fine summary{cursor:pointer;font-weight:600;padding:.3rem 0}
.fine[open] summary{margin-bottom:.6rem}
.check{display:grid;grid-template-columns:auto 1fr;gap:.35rem .7rem;align-items:start;margin-bottom:1rem}
.check input{width:1.15rem;height:1.15rem;margin-top:.25rem}
.go{margin-top:.6rem;display:grid;gap:.8rem}
.bar{height:12px;background:var(--deep);border-radius:99px;overflow:hidden;margin-top:1rem}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lagoon),var(--marigold),var(--chilli));border-radius:99px;transition:width .2s}
.msg{min-height:1.6rem;margin:1rem 0 0}
.msg.err{color:var(--err)} .msg.ok{color:var(--ok)}
.job__meta,.job__title{word-break:break-word}
.jobs{margin-top:2.6rem}
.jobs__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.jobs h3{font-size:1.4rem;font-weight:700}
#job-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:1rem}
.job{background:var(--card);border-radius:20px;padding:1.1rem 1.2rem;box-shadow:0 6px 0 var(--edge),inset 0 0 0 1px var(--line)}
.job__top{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;justify-content:space-between}
.job__title{font-weight:700}
.pill{display:inline-block;padding:.25rem .7rem;border-radius:99px;font-size:.85rem;font-weight:700;background:var(--pill-bg);color:var(--pill-text)}
.pill.queued{background:var(--marigold);color:var(--ink-3)} .pill.running{background:var(--lagoon);color:var(--ink-3)}
.pill.done{background:#8BE8DD;color:var(--ink-3)} .pill.failed,.pill.gone,.pill.expired{background:var(--chilli);color:var(--ink-3)}
.job__meta{color:var(--muted);font-size:.95rem;margin:.4rem 0 .8rem;word-break:break-word}
.job__acts{display:flex;flex-wrap:wrap;gap:.7rem}
.job audio{width:100%;margin-top:.9rem}
.job .bar{margin:.6rem 0 .2rem;height:8px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.steps li{background:var(--card);padding:1.6rem;border-radius:26px;box-shadow:0 8px 0 var(--edge),var(--shadow-big)}
.steps .n{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--marigold);color:var(--ink-3);font:800 1.4rem var(--display);box-shadow:0 5px 0 var(--marigold-edge);margin-bottom:1rem}
.steps li:nth-child(2) .n{background:var(--chilli);box-shadow:0 5px 0 var(--chilli-edge)}
.steps li:nth-child(3) .n{background:var(--lagoon);box-shadow:0 5px 0 #17857B}
.steps h3{font-size:1.25rem;margin-bottom:.6rem}
.steps p{margin:0;color:var(--text-soft)}
.offer{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center;color:var(--ink-3);
  background:linear-gradient(125deg,#FFC94D 0%,#FFB627 40%,#FF8FB3 100%);border-radius:36px;padding:clamp(1.5rem,5vw,3.2rem);
  box-shadow:0 12px 0 #B7770A,0 40px 70px rgba(183,119,10,.3)}
.offer__coin{perspective:900px;display:grid;place-items:center;padding:.5rem}
.coin{position:relative;width:min(210px,48vw);aspect-ratio:1;transform-style:preserve-3d;animation:spin 9s linear infinite}
.coin__face{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  border:9px solid var(--ink-3);box-shadow:inset 0 0 0 5px rgba(255,255,255,.35),0 18px 30px rgba(12,16,48,.35)}
.coin__face--front{background:radial-gradient(circle at 35% 30%,#FFF0B8,#FFD25A 55%,#F2A300);color:var(--ink-3)}
.coin__face--back{background:radial-gradient(circle at 35% 30%,#FFC2D6,var(--chilli) 60%,#C22A63);color:var(--ink-3);transform:rotateY(180deg)}
.coin__face b{font:700 1.05rem var(--display)} .coin__face strong{font:800 clamp(2.6rem,9vw,4.3rem)/1 var(--display)}
@keyframes spin{to{transform:rotateY(360deg)}}
.offer h2{font-size:clamp(1.9rem,4.6vw,3.1rem);font-weight:800;margin-bottom:1rem}
.ticks{list-style:none;margin:0 0 .4rem;padding:0;display:grid;gap:.6rem}
.ticks li{padding-left:2rem;position:relative;font-weight:500}
.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:1.1rem;height:.6rem;border-left:4px solid var(--ink-3);border-bottom:4px solid var(--ink-3);transform:rotate(-45deg)}
.offer .muted{color:#3B2D00}
.offer a:not(.btn){color:var(--ink-3);font-weight:600}
.faq{display:grid;gap:.8rem;max-width:50rem}
.faq details{background:var(--card);border-radius:16px;padding:1rem 1.2rem;box-shadow:0 3px 0 var(--edge),inset 0 0 0 1px var(--line)}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--chilli);font:800 1.4rem/1 var(--display)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:.8rem 0 0;color:var(--text-soft)}
.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}
.video-card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 6px 0 var(--edge),inset 0 0 0 1px var(--line)}
.video-facade{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;cursor:pointer;background:#0C1030;color:#fff}
.video-facade img{width:100%;height:100%;object-fit:cover;display:block}
.video-facade span{position:absolute;inset:auto 1rem 1rem 1rem;font-weight:700;text-align:left;text-shadow:0 1px 8px #000}
.video-facade::after{content:"Play";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--chilli);color:var(--ink-3);font-weight:800;padding:.7rem 1.1rem;border-radius:999px;box-shadow:0 4px 0 var(--chilli-edge)}
.video-card iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}
.hero__orb{position:relative;justify-self:center;width:min(100%,520px);aspect-ratio:1}
#orb{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}
#orb:active{cursor:grabbing}
.orb-hint{position:absolute;left:0;right:0;bottom:2%;text-align:center;font-size:.9rem;color:var(--muted);margin:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .coin{animation:none;transform:rotateY(-18deg)}
}

/* Fine-tuning note and model profile spacing (kept external for CSP compatibility). */
.fine-tune-note{grid-column:2}
.model-profile-grid{margin-top:1.4rem}

.video-title{font-size:1rem;line-height:1.4;margin:0;padding:1rem 1rem 1.1rem;overflow-wrap:anywhere}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;aspect-ratio:16/9;border:0;display:block}