.process-card{min-width:0;grid-column:span 2}.process-card[hidden]{display:none!important}.process-demo,.process-editorial{display:flex;flex-direction:column;border:1px solid #cbdde8;border-radius:24px;background:#fff;overflow:hidden;color:#193c51;min-height:440px;text-decoration:none}.process-browser{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;background:#eef5fa;font-size:11px;letter-spacing:.07em}.process-browser b{font-weight:500;letter-spacing:0}.process-stage{display:grid;flex:1;padding:24px;min-height:220px;background:radial-gradient(ellipse at top,#e1f3ff,white 78%)}.process-step{align-self:center;text-align:center;animation:process-reveal .3s ease-out}.process-step[hidden]{display:none}.process-symbol{display:grid;place-items:center;margin:0 auto 14px;width:56px;height:56px;border-radius:18px;background:#217cba;color:#fff;font-size:30px}.process-step small{font-weight:700;text-transform:uppercase;letter-spacing:.08em}.process-step p{font-size:clamp(18px,2vw,25px);line-height:1.45;margin:12px 0}.process-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:10px}.process-tabs button{border:0;border-top:3px solid #d9e6ee;background:#f5f9fc;padding:10px 3px;color:#34566b;font:inherit;font-size:11px;cursor:pointer;overflow-wrap:anywhere}.process-tabs button span{display:block;font-size:15px;font-weight:700;margin-bottom:5px}.process-tabs button[aria-pressed=true]{border-color:#227bb8;background:#e0effa;color:#075589}.process-auto{align-self:center;margin:5px 0 18px;padding:10px 16px;border:1px solid #bcd4e4;border-radius:20px;background:white;color:#174b6a;cursor:pointer;font:inherit;font-size:13px}.process-auto:focus-visible,.process-tabs button:focus-visible,.process-editorial:focus-visible{outline:3px solid #1675c5;outline-offset:3px}.process-paper{padding:26px;display:flex;flex:1;flex-direction:column;gap:16px}.process-paper small{font-size:11px;letter-spacing:.15em;color:#287bb2}.process-paper>strong{font-size:clamp(23px,3vw,36px);line-height:1.12}.process-paper-illustration{display:flex;align-items:center;justify-content:center;gap:22px;background:#e8f4fb;border-radius:15px;padding:15px}.process-paper-illustration b{font-size:42px}.process-paper-illustration i{font-style:normal;font-size:24px}.process-paper-lines{height:23px;background:repeating-linear-gradient(to bottom,#dce6ed 0 3px,transparent 3px 10px);width:85%}.process-read{padding:18px 26px;font-weight:700;border-top:1px solid #dbe7ee}.process-editorial:hover .process-read{background:#edf7ff}@keyframes process-reveal{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.process-step{animation:none}}@media(max-width:480px){.process-stage{padding:20px 16px}.process-demo,.process-editorial{min-height:400px}.process-paper{padding:22px}.process-browser{padding:15px}}

.process-podcast{border:1px solid #cbdde8;border-radius:24px;overflow:hidden;background:white}.process-podcast-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.process-podcast-player{padding:20px;background:#f2f8fc;text-align:center}.process-podcast-player p{font-size:12px;color:#526e80;margin:10px 0}.process-podcast-player audio{display:block;width:100%;max-width:100%}.process-wave{height:54px;display:flex;gap:4px;align-items:center;justify-content:center}.process-wave i{display:block;width:4px;max-width:2%;height:var(--height);border-radius:4px;background:#257db8;transform:scaleY(.25)}.process-podcast-player.is-playing .process-wave i{animation:podcast-wave .8s ease-in-out infinite alternate;animation-delay:var(--bar)}@keyframes podcast-wave{from{transform:scaleY(.25)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.process-podcast-player.is-playing .process-wave i{animation:none;transform:scaleY(.7)}}

.process-youtube video{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#102b3d}.process-youtube>p{padding:12px 16px;margin:0;font-size:12px;color:#597080}

.process-youtube-launch{display:block;position:relative;width:100%;padding:0;border:0;background:#102b3d;cursor:pointer;color:white}.process-youtube-launch img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.process-youtube-launch span{position:absolute;bottom:16px;left:16px;padding:10px 18px;border-radius:24px;background:#102b3dee;font:700 15px sans-serif}.process-youtube-launch:focus-visible{outline:3px solid #1675c5;outline-offset:-3px}.process-youtube-player iframe{display:block;border:0;width:100%;aspect-ratio:16/9}.process-youtube [hidden]{display:none!important}
/* Illustrated previews remain populated before any interaction. */
.process-stage{padding:18px;min-height:390px}.process-step{width:100%;min-width:0}.process-step>small{display:block;margin-top:16px}.process-step>p{font-size:17px;margin:8px 0}.process-rich{text-align:left;border:1px solid #d5e4ee;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 12px 30px #123a5912}.process-rich-channels{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f4f9fd}.process-rich-channels span{display:flex;align-items:center;gap:4px;font-size:10px}.process-rich-channels img{width:20px;height:20px;object-fit:contain}.process-chat-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #e4edf3}.process-chat-avatar{display:grid;place-items:center;background:#2478bb;color:white;border-radius:50%;width:36px;height:36px;font-size:23px}.process-chat-head small{display:block;font-size:10px;color:#688597;margin-top:3px}.process-chat-head i{color:#16a176;margin-left:auto}.process-chat-message{max-width:86%;margin:12px;padding:12px;background:#edf4f9;border-radius:14px 14px 14px 3px;font-size:13px;line-height:1.5}.process-chat-message small{display:block;font-size:10px;margin-bottom:5px;font-weight:700}.process-chat-reply{margin-left:32px;background:#197dbe;color:white;border-radius:14px 14px 3px 14px}.process-chat-dots{color:#3f97c6;text-align:right;margin:0 18px;font-size:10px;letter-spacing:3px}.process-chat-result{padding:12px;background:#e6f6ef;color:#177659;font-size:11px;font-weight:650}.process-mini-hero{position:relative;height:180px;background:#163348;color:white;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;box-sizing:border-box;gap:5px;overflow:hidden}.process-mini-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.55}.process-mini-hero b,.process-mini-hero span{position:relative;text-shadow:0 1px 5px #000}.process-mini-hero b{font-size:24px;max-width:230px}.process-mini-hero span{font-size:11px;letter-spacing:.12em}.process-mini-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.process-mini-form span{border:1px solid #d5e4ee;border-radius:8px;padding:10px;font-size:11px;color:#718797}.process-mini-form b{grid-column:1/-1;background:#207fc0;color:white;border-radius:8px;padding:12px;text-align:center;font-size:13px}.process-flow-nodes{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px 16px;font-size:10px;color:#2574a5}.process-flow-nodes span{background:#edf5fb;padding:8px;border-radius:8px}.process-flow-nodes i{font-style:normal}.process-blog-cover{display:grid;grid-template-columns:1fr 1fr;min-height:190px;border-radius:16px;background:#15364d;overflow:hidden;color:white}.process-blog-cover>img{width:100%;height:100%;max-height:240px;object-fit:cover;object-position:center 25%}.process-blog-cover>span{padding:20px 14px;display:flex;flex-direction:column;justify-content:center;gap:14px}.process-blog-cover small{color:#8ccef6;font-size:8px}.process-blog-cover b{font-size:25px;line-height:1.1}.process-blog-cover span span{font-size:11px;color:#b8d8ed}.process-tabs button{border:1px solid #cddfeb;border-radius:10px;box-shadow:0 2px 0 #deebf3}.process-tabs button[aria-pressed=true]{background:#247fbd;color:white}.process-demo{min-height:0}.process-step[hidden]{display:none!important}
@media(prefers-reduced-motion:no-preference){.process-step:not([hidden]) .process-chat-reply{animation:process-reveal .6s ease-out}.process-step:not([hidden]) .process-chat-dots{animation:process-reveal 1.2s ease-in-out infinite alternate}}
