.iyb-ss{--navy:#061523;--blue:#1769d2;--cyan:#22bce9;--ink:#13283a;--muted:#617587;--line:#d8e5ec;max-width:1180px;margin:30px auto;padding:0 18px;color:var(--ink);font-family:Inter,system-ui,sans-serif}.iyb-ss *{box-sizing:border-box}.iyb-ss-hero{padding:58px;border-radius:28px;color:#fff;background:radial-gradient(circle at 82% 10%,rgba(34,188,233,.28),transparent 34%),linear-gradient(135deg,#061523,#0a385a)}.iyb-ss .eyebrow{font-weight:850;letter-spacing:.14em;color:#78ddfa}.iyb-ss h1{font-size:clamp(2.4rem,6vw,5.2rem);margin:.12em 0}.iyb-ss-hero>p:not(.eyebrow){max-width:800px;font-size:1.16rem}.iyb-ss-boundary{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;padding:12px 15px;border:1px solid rgba(255,255,255,.28);border-radius:11px}.iyb-ss-boundary strong{color:#80e3ff}.iyb-ss-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:18px;margin:22px 0}.iyb-ss-form,.iyb-ss-guide,.iyb-ss-output article{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}.iyb-ss label{display:block;margin:14px 0;font-weight:750}.iyb-ss textarea,.iyb-ss input,.iyb-ss select{width:100%;margin-top:6px;padding:12px;border:1px solid #bdccd5;border-radius:9px;font:inherit}.iyb-ss .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.iyb-ss button,.iyb-ss-actions a{padding:11px 15px;border:0;border-radius:9px;font-weight:800;cursor:pointer;text-decoration:none}.iyb-ss .primary{width:100%;margin-top:14px;background:var(--blue);color:#fff}.iyb-ss .examples{display:flex;gap:7px;flex-wrap:wrap}.iyb-ss .examples button{background:#edf4f8;color:#21445b}.iyb-ss .privacy{color:var(--muted);font-size:.78rem}.iyb-ss-guide{background:#f5f9fb}.iyb-ss-guide li{margin:9px 0}.iyb-ss-output{margin-top:25px}.iyb-ss-output[hidden]{display:none}.iyb-ss .output-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px;border-radius:18px 18px 0 0;background:#082238;color:#fff}.iyb-ss .output-head h2{margin:.15em 0}.iyb-ss .output-head>span{font-size:.72rem;font-weight:850;color:#ffcf77}.iyb-ss-visuals,.iyb-ss-brief{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.iyb-ss-visuals article{background:#071927;color:#fff}.iyb-ss .concept svg,.iyb-ss canvas{display:block;width:100%;height:auto;border-radius:11px;background:#071927}.iyb-ss article small{display:block;margin-top:9px;color:#8aa9ba;font-size:.68rem}.iyb-ss .demo-controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.iyb-ss .demo-controls button{background:#173e56;color:#fff}.iyb-ss-brief dl div{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #edf2f5}.iyb-ss-brief dt{color:var(--muted)}.iyb-ss-brief dd{margin:0;font-weight:700}.iyb-ss-actions{display:flex;gap:10px;flex-wrap:wrap;padding:20px;background:#f3f8fb;border-radius:14px}.iyb-ss-actions button{background:var(--blue);color:#fff}.iyb-ss-actions a{background:#fff;color:var(--blue);border:1px solid var(--blue)}@media(max-width:800px){.iyb-ss-layout,.iyb-ss-visuals,.iyb-ss-brief{grid-template-columns:1fr}.iyb-ss-hero{padding:36px 24px}.iyb-ss .two{grid-template-columns:1fr}.iyb-ss-brief dl div{grid-template-columns:1fr}}