.explain.alt{background:var(--bg-2)}.sbd-journey{padding:72px 56px;background:var(--bg-2)}.sbd-journey-hdr{max-width:760px;margin:0 auto 40px;text-align:center}.sbd-journey-hdr h2{font-weight:700;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.025em;line-height:1.06;margin:12px 0;color:var(--ink);text-wrap:balance}.sbd-journey-hdr p{color:var(--ink-2);font-size:16px;line-height:1.55;margin:0}.sbd-stages{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sbd-stage{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 22px 20px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -16px #0f172a1f}.sbd-stage .n{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--sans);font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}.sbd-stage.gate .n{background:var(--green);color:var(--green-ink)}.sbd-stage h3{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 6px;letter-spacing:-.01em}.sbd-stage .q{font-size:13.5px;color:var(--ink-2);line-height:1.5;margin:0 0 14px}.sbd-stage .out{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--green-deep);font-weight:600;display:flex;align-items:center;gap:7px}.sbd-stage .out:before{content:"";width:14px;height:1px;background:var(--green);flex-shrink:0}.sbd-stepper{max-width:980px;margin:0 auto 26px;display:flex;position:relative}.sbd-step-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;cursor:pointer;padding:0 2px;position:relative;font-family:var(--sans)}.sbd-step-tab:not(:last-child):after{content:"";position:absolute;top:15px;left:50%;right:-50%;height:2px;background:var(--line);z-index:0}.sbd-step-tab .dot{width:32px;height:32px;border-radius:50%;z-index:1;background:#fff;border:2px solid var(--line);color:var(--mid);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;transition:background .2s ease,border-color .2s ease,color .2s ease}.sbd-step-tab .lbl{font-size:12px;font-weight:600;color:var(--mid);text-align:center;line-height:1.2;transition:color .2s ease}.sbd-step-tab:hover .dot{border-color:var(--green)}.sbd-step-tab.is-active .dot{background:var(--navy);border-color:var(--navy);color:#fff}.sbd-step-tab.is-active .lbl{color:var(--ink)}.sbd-step-tab.is-active:not(:last-child):after,.sbd-step-tab.is-done:not(:last-child):after{background:var(--green)}.sbd-step-tab.is-done .dot{background:var(--green);border-color:var(--green);color:var(--green-ink)}.sbd-step-tab:focus-visible{outline:none}.sbd-step-tab:focus-visible .dot{box-shadow:0 0 0 3px #53bd9559}.sbd-panels{max-width:980px;margin:0 auto}.sbd-panel{display:none}.sbd-panel.is-active{display:block;animation:sbdFade .3s ease}@keyframes sbdFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sbd-panel-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center;box-shadow:0 1px 2px #0f172a0a,0 14px 34px -20px #0f172a29}.sbd-panel-copy .q-lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep);font-weight:600}.sbd-panel-copy h3{font-size:22px;font-weight:700;color:var(--ink);margin:8px 0 10px;letter-spacing:-.02em}.sbd-panel-copy p{font-size:14.5px;color:var(--ink-2);line-height:1.55;margin:0 0 16px}.sbd-panel-copy .out{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--green-deep);font-weight:600;display:flex;align-items:center;gap:7px}.sbd-panel-copy .out:before{content:"";width:14px;height:1px;background:var(--green)}.sbd-x{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:16px 16px 14px}.sbd-x-row{display:flex;align-items:center;gap:10px;padding:9px 11px;background:#fff;border:1px solid var(--line);border-radius:7px;margin-bottom:8px}.sbd-x-row:last-child{margin-bottom:0}.sbd-x-bar{height:7px;border-radius:4px;background:var(--bg-3);flex:1}.sbd-x-bar.sm{flex:0 0 34%}.sbd-x-bar.md{flex:0 0 55%}.sbd-x-dot{width:18px;height:18px;border-radius:50%;background:var(--navy-line, #2a3450);flex-shrink:0}.sbd-x-dot.g{background:var(--green)}.sbd-x-pill{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap}.sbd-x-pill.g{background:var(--green-soft);color:var(--green-deep)}.sbd-x-pill.y{background:var(--yellow-soft);color:#8a6d0e}.sbd-x-pill.r{background:#f941441f;color:var(--red, #d92d2f)}.sbd-x-pill.n{background:var(--bg-3);color:var(--mid)}.sbd-x-ref{font-family:var(--mono);font-size:10px;color:var(--green-deep);font-weight:700}.sbd-x-arrow{color:var(--mid);font-size:13px}.sbd-x-chips{display:flex;flex-wrap:wrap;gap:7px}.sbd-x-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-2);font-weight:600;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 10px}.sbd-x-chip .t{color:var(--green);font-weight:700}.sbd-x-donutrow{display:flex;align-items:center;gap:18px;margin-bottom:12px}.sbd-x-donut{width:66px;height:66px;border-radius:50%;flex-shrink:0;background:conic-gradient(var(--green) 0 38%,var(--bg-3) 38% 100%);display:grid;place-items:center}.sbd-x-donut:before{content:"38%";width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--ink);font-family:var(--sans)}.sbd-x-lines{flex:1;display:grid;gap:8px}.sbd-x-note{font-size:11px;color:var(--mid);margin-top:10px;font-style:italic}.sbd-x-gate{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:#8a6d0e;background:var(--yellow-soft);border-radius:7px;padding:8px 11px}.sbd-ai{padding:80px 56px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.sbd-ai:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 78% 12%,rgba(83,189,149,.16),transparent 60%)}.sbd-ai-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.sbd-ai-copy h2{font-weight:700;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.028em;line-height:1.05;margin:16px 0 18px;color:#fff;text-wrap:balance}.sbd-ai-copy h2 .accent{color:var(--green)}.sbd-ai-copy p{color:var(--on-navy);font-size:17px;line-height:1.55;margin:0 0 20px;max-width:480px}.sbd-ai-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.sbd-ai-copy li{position:relative;padding-left:26px;color:var(--on-navy);font-size:14.5px;line-height:1.45}.sbd-ai-copy li b{color:#fff;font-weight:600}.sbd-ai-copy li:before{content:"";position:absolute;left:0;top:4px;width:15px;height:15px;border-radius:50%;background:var(--green);opacity:.18}.sbd-ai-copy li:after{content:"";position:absolute;left:5px;top:8px;width:4px;height:7px;border:solid var(--green);border-width:0 2px 2px 0;transform:rotate(45deg)}.sbd-flow{background:linear-gradient(180deg,#ffffff0d,#0000002e);border:1px solid var(--navy-line, #2a3450);border-radius:16px;padding:22px;backdrop-filter:blur(4px);box-shadow:0 30px 70px -34px #000000b3}.sbd-flow-row{display:grid;grid-template-columns:1fr auto 1.2fr;gap:14px;align-items:center}.sbd-flow-doc,.sbd-flow-out{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px}.sbd-flow-lbl{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-navy-mid, #8d9bb8);font-weight:600;margin-bottom:10px}.sbd-flow-doc .line{height:6px;border-radius:3px;background:#ffffff24;margin-bottom:7px}.sbd-flow-doc .line.s{width:60%}.sbd-flow-doc .file{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--on-navy);font-family:var(--mono);margin-top:12px}.sbd-flow-doc .file span{width:8px;height:10px;border:1px solid var(--on-navy-mid, #8d9bb8);border-radius:1px}.sbd-flow-arrow{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--green);font-size:20px}.sbd-flow-arrow .ai{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;color:var(--green);font-weight:700;border:1px solid rgba(83,189,149,.4);border-radius:999px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.sbd-ctrl{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;background:#53bd9517;border:1px solid rgba(83,189,149,.22);margin-bottom:7px}.sbd-ctrl:last-child{margin-bottom:0}.sbd-ctrl .tick{width:15px;height:15px;border-radius:50%;background:var(--green);color:var(--green-ink);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sbd-ctrl .ref{font-family:var(--mono);font-size:10px;color:var(--green);font-weight:600;flex-shrink:0}.sbd-ctrl .txt{font-size:11.5px;color:#fff;line-height:1.2}.sbd-flow-foot{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:11.5px;color:var(--on-navy)}.sbd-flow-foot b{color:var(--green);font-weight:600}.sbd-doc{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg, 0 30px 60px -30px rgba(15, 23, 42, .2))}.sbd-doc-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--navy);color:#fff;font-family:var(--mono);font-size:12px}.sbd-doc-bar .dot{width:8px;height:8px;border-radius:50%;background:#ffffff40}.sbd-doc-bar b{font-weight:600}.sbd-doc-bar .live{margin-left:auto;font-size:9.5px;letter-spacing:.12em;color:var(--green);display:inline-flex;align-items:center;gap:6px}.sbd-doc-bar .live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}.sbd-chapter{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}.sbd-chapter:last-child{border-bottom:0}.sbd-chapter .num{font-family:var(--mono);font-size:11px;color:var(--mid);width:22px;flex-shrink:0}.sbd-chapter .name{font-size:14px;font-weight:600;color:var(--ink);flex:1}.sbd-chapter .state{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:4px 9px;border-radius:999px;white-space:nowrap}.sbd-chapter .state.confirmed{background:var(--green-soft);color:var(--green-deep)}.sbd-chapter .state.draft{background:var(--yellow-soft);color:#8a6d0e}.sbd-chapter .state.empty{background:var(--bg-3);color:var(--mid)}.sbd-ai-shot{border-radius:14px;overflow:hidden;border:1px solid var(--navy-line, #2a3450);box-shadow:0 30px 70px -34px #000000b3}.sbd-ai-shot img{display:block;width:100%;height:auto}.sbd-shot-band{padding:72px 56px;background:var(--bg-2)}.sbd-shot-hdr{max-width:820px;margin:0 auto 32px;text-align:center}.sbd-shot-hdr h2{font-weight:700;font-size:clamp(26px,3vw,36px);letter-spacing:-.02em;line-height:1.08;margin:12px 0 10px;color:var(--ink);text-wrap:balance}.sbd-shot-hdr p{color:var(--ink-2);font-size:15.5px;line-height:1.55;margin:0}.sbd-shot-frame{max-width:1120px;margin:0 auto;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 80px -40px #0f172a66;background:#fff}.sbd-shot-chrome{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--navy)}.sbd-shot-chrome .lights{display:flex;gap:6px}.sbd-shot-chrome .lights span{width:9px;height:9px;border-radius:50%;background:#ffffff40}.sbd-shot-chrome .path{font-family:var(--mono);font-size:11.5px;color:var(--on-navy)}.sbd-shot-chrome .live{margin-left:auto;font-size:9.5px;letter-spacing:.12em;color:var(--green);display:inline-flex;align-items:center;gap:6px}.sbd-shot-chrome .live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}.sbd-shot-frame img{display:block;width:100%;height:auto}@media(max-width:900px){.sbd-stages{grid-template-columns:1fr 1fr}.sbd-ai-inner{grid-template-columns:1fr;gap:36px}.sbd-ai-copy p{max-width:640px}}@media(max-width:640px){.sbd-journey,.sbd-shot-band{padding:48px 20px}.sbd-panel-card{grid-template-columns:1fr;gap:22px;padding:22px}.sbd-step-tab .lbl{font-size:10px}.sbd-ai{padding:56px 20px}.sbd-flow-row{grid-template-columns:1fr}.sbd-flow-arrow{flex-direction:row;transform:rotate(90deg);margin:4px 0}}