.ss-samples{--g:#d4af37;--g2:#f3d27a;margin:1.6rem auto 0;max-width:40rem;animation:ssIn .7s ease both}
.ss-head{display:flex;align-items:center;gap:.75rem;justify-content:center}
.ss-head h3{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,var(--g),var(--g2),var(--g));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ssShine 4s linear infinite;white-space:nowrap}
.ss-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.55),transparent)}
.ss-sub{text-align:center;font-size:.78rem;opacity:.65;margin:.35rem 0 .9rem}
.ss-grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}
@media(max-width:560px){.ss-grid{grid-template-columns:1fr}}
.ss-card{position:relative;display:flex;gap:.7rem;padding:.85rem;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(212,175,55,.22);backdrop-filter:blur(6px);overflow:hidden;transition:transform .35s ease,border-color .35s,box-shadow .35s}
.ss-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(243,210,122,.14) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none}
.ss-card:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.6);box-shadow:0 10px 30px -12px rgba(212,175,55,.45)}
.ss-card:hover::before{transform:translateX(120%)}
.ss-ic{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--g2);background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3)}
.ss-txt{min-width:0}
.ss-t{font-size:.86rem;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.ss-badge{font-size:.62rem;font-weight:600;padding:.08rem .45rem;border-radius:999px;color:var(--g2);border:1px solid rgba(212,175,55,.4)}
.ss-txt p{margin:.3rem 0 .55rem;font-size:.74rem;line-height:1.6;opacity:.72}
.ss-act{display:flex;gap:.4rem;flex-wrap:wrap}
.ss-soon{font-size:.68rem;padding:.2rem .6rem;border-radius:999px;border:1px dashed rgba(212,175,55,.45);color:var(--g2);opacity:.85}
.ss-btn{font-size:.72rem;font-weight:600;padding:.3rem .8rem;border-radius:8px;text-decoration:none;color:#0b0f14;background:linear-gradient(90deg,var(--g),var(--g2));transition:filter .2s}
.ss-btn:hover{filter:brightness(1.1)}
.ss-ghost{background:transparent;color:var(--g2);border:1px solid rgba(212,175,55,.5)}
@keyframes ssShine{to{background-position:200% center}}
@keyframes ssIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ss-samples,.ss-head h3{animation:none}.ss-card,.ss-card::before{transition:none}}
.ss-grid:has(> .ss-card:only-child){grid-template-columns:1fr;max-width:22rem;margin-inline:auto}
.ss-note{margin:.9rem auto 0;max-width:34rem;text-align:center;font-size:.74rem;line-height:1.8;padding:.55rem .9rem;border-radius:10px;color:var(--g2);background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.25)}
@media(max-width:640px){
.ss-samples{padding:.9rem .75rem!important;margin-top:1rem!important}
.ss-head h3{font-size:1rem!important}
.ss-grid{grid-template-columns:1fr!important;gap:.7rem!important}
.ss-card{padding:.85rem!important}
.ss-t{font-size:.92rem}
.ss-txt p{font-size:.8rem;line-height:1.75}
.ss-act{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.ss-btn{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:.82rem;border-radius:10px}
.ss-btn:active{transform:scale(.97)}
.ss-note{font-size:.78rem}
}
.ss-exec-pitch{display:flex;gap:.5rem;align-items:flex-start;margin:0 auto .9rem;max-width:34rem;padding:.6rem .85rem;border-radius:12px;font-size:.78rem;line-height:1.8;color:var(--g2);background:linear-gradient(120deg,rgba(212,175,55,.14),rgba(212,175,55,.04));border:1px solid rgba(212,175,55,.4)}
.ss-exec-pitch svg{flex:none;margin-top:.35rem}
.ss-dd{position:relative;max-width:26rem;margin:0 auto}
.ss-dd-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.6rem 1rem;border-radius:12px;font-weight:700;font-size:.88rem;color:#0b0f14;background:linear-gradient(90deg,var(--g),var(--g2));border:0;cursor:pointer}
.ss-dd-btn:hover{filter:brightness(1.08)}
.ss-chev{transition:transform .25s}.ss-dd-btn[aria-expanded="true"] .ss-chev{transform:rotate(180deg)}
.ss-dd-menu{position:absolute;inset-inline:0;top:calc(100% + .4rem);z-index:40;display:grid;gap:.35rem;padding:.4rem;border-radius:14px;background:#0d1219;border:1px solid rgba(212,175,55,.35);box-shadow:0 18px 40px -12px rgba(0,0,0,.7);animation:ssIn .2s ease both}
.ss-dd-menu[hidden]{display:none}
.ss-dd-item{display:flex;gap:.6rem;align-items:flex-start;text-align:start;padding:.65rem .7rem;border-radius:10px;background:transparent;border:1px solid transparent;color:inherit;cursor:pointer}
.ss-dd-item>svg{color:var(--g2);flex:none;margin-top:.15rem}
.ss-dd-item:hover,.ss-dd-item:focus-visible{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.35);outline:none}
.ss-dd-t{display:grid;gap:.15rem}.ss-dd-t b{font-size:.84rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.ss-dd-t small{font-size:.72rem;opacity:.72;line-height:1.6}.ss-dd-t em{font-style:normal;font-size:.65rem;color:var(--g2);opacity:.8}
.ss-star{display:inline-flex;gap:.2rem;align-items:center;font-size:.6rem;padding:.08rem .45rem;border-radius:999px;color:#0b0f14;background:linear-gradient(90deg,var(--g),var(--g2))}
.ss-ov{position:fixed;inset:0;z-index:2147483000;background:rgba(3,6,10,.82);backdrop-filter:blur(6px);display:grid;place-items:center;padding:1rem;pointer-events:auto}
.ss-vb{width:min(1400px,100%);height:min(92vh,100%);display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#0b0f14;border:1px solid rgba(212,175,55,.35)}
.ss-vbar{display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem;border-bottom:1px solid rgba(212,175,55,.25);color:var(--g2,#f3d27a)}
.ss-x{width:36px;height:36px;border-radius:10px;border:1px solid rgba(212,175,55,.4);background:transparent;color:#f3d27a;font-size:1.3rem;cursor:pointer}
.ss-split{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(212,175,55,.25);min-height:0}
.ss-pane{display:flex;flex-direction:column;background:#0b0f14;min-height:0}
.ss-pane header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.8rem;color:#f3d27a}
.ss-pane header span{display:flex;gap:.4rem}
.ss-pane header a{font-size:.72rem;padding:.25rem .65rem;border-radius:8px;text-decoration:none;color:#f3d27a;border:1px solid rgba(212,175,55,.45)}
.ss-pane header a:first-child{color:#0b0f14;background:linear-gradient(90deg,#d4af37,#f3d27a);border-color:transparent}
.ss-pane iframe{flex:1;width:100%;border:0;background:#fff;min-height:0}
@media(max-width:760px){.ss-split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.ss-ov{padding:.4rem}.ss-vb{height:96vh}}
.ss-free{background:linear-gradient(90deg,#5ab4ff,#9fd4ff)!important}