.discovery{--discovery-header-h:64px;background:radial-gradient(ellipse 900px 520px at 85% -10%, color-mix(in srgb, var(--teal) 14%, transparent), transparent 70%), radial-gradient(ellipse 700px 420px at -5% 105%, color-mix(in srgb, var(--amber) 10%, transparent), transparent 70%), var(--canvas);min-height:100svh;color:var(--ink);grid-template-rows:auto 1fr auto;display:grid;overflow-x:clip}.discovery-header{min-height:var(--discovery-header-h);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-inline:clamp(16px,4vw,40px);display:grid}.discovery-header .portal-brand{color:var(--ink);justify-self:start;font-size:19px;text-decoration:none}.discovery-header .brand-mark{width:30px;height:30px;font-size:14px}.discovery-skip{color:var(--muted);grid-column:3;justify-self:end;font-size:14px;font-weight:700;text-decoration:none}.discovery-skip:hover{color:var(--ink)}.discovery-audience{border:1px solid var(--line);background:#fff;border-radius:999px;grid-column:2;padding:4px;display:inline-flex;box-shadow:0 6px 18px #102b4e0f}.discovery-audience [role=tab]{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:700;transition:background-color .16s,color .16s}.discovery-audience [role=tab][aria-selected=true]{background:var(--navy-900);color:#fff}.discovery-audience [role=tab]:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.discovery-main{align-items:center;padding:clamp(8px,2vw,24px) clamp(16px,4vw,40px);display:grid}.discovery-stage{width:min(1240px,100%);margin-inline:auto;animation:.42s cubic-bezier(.2,.7,.2,1) both discovery-enter}.discovery-stage.from-left{--discovery-enter-x:-28px}@keyframes discovery-enter{0%{opacity:0;transform:translateX(var(--discovery-enter-x,28px))}}.discovery-copy h1,.discovery-welcome-copy h1{color:var(--ink);letter-spacing:-.025em;margin:10px 0 0;font-size:clamp(28px,4vw,44px);line-height:1.08}.discovery-copy h1:focus,.discovery-welcome-copy h1:focus{outline:none}.discovery-chapter{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.discovery-points{gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.discovery-points li{color:#34475e;grid-template-columns:26px 1fr;gap:12px;font-size:16px;line-height:1.55;display:grid}.discovery-points li>span{background:var(--teal-light);width:26px;height:26px;color:var(--teal);border-radius:50%;place-items:center;margin-top:1px;display:grid}.discovery-points svg{stroke-width:3px;width:15px;height:15px}.discovery-points li{animation:.42s cubic-bezier(.2,.7,.2,1) both discovery-enter}.discovery-points li:nth-child(2){animation-delay:80ms}.discovery-points li:nth-child(3){animation-delay:.16s}.discovery-preview{min-width:0;animation:.52s cubic-bezier(.2,.7,.2,1) .12s both discovery-rise}@keyframes discovery-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}}.discovery-frame{border:1px solid var(--line);background:#fff;border-radius:14px;margin:0;overflow:hidden;box-shadow:0 30px 60px -20px #071e3847,0 12px 24px -12px #071e382e}.discovery-frame-bar{border-bottom:1px solid var(--line);background:#f7f9fb;align-items:center;gap:6px;height:32px;padding-inline:12px;display:flex}.discovery-frame-bar span{background:#d5dde5;border-radius:50%;width:9px;height:9px}.discovery-frame-bar em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;flex:1;margin-left:10px;padding:3px 10px;font-size:11px;font-style:normal;overflow:hidden}.discovery-frame-viewport{background:var(--canvas);position:relative;overflow:hidden}.discovery-frame-screen{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;overflow:hidden}.discovery-frame-viewport:after{content:"";pointer-events:none;background:linear-gradient(#0000,#f4f7faeb);height:48px;position:absolute;inset:auto 0 0}.discovery-synthesis{grid-template-columns:560px 1fr;align-items:start;gap:32px;padding:32px;display:grid}.discovery-synthesis-page{border-radius:6px;width:100%;height:auto;box-shadow:0 10px 30px #071e3829}.discovery-welcome{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,80px);display:grid}.discovery-welcome-art{justify-self:center;width:min(420px,100%)}.discovery-welcome-art img{border-radius:28px;width:100%;height:auto;box-shadow:0 30px 60px -24px #071e384d}.discovery-lede{color:#34475e;max-width:52ch;margin:18px 0 0;font-size:clamp(16px,1.6vw,18px);line-height:1.6}.discovery-choose{margin:30px 0 12px;font-weight:800}.discovery-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px;display:grid}.discovery-choice{border:1px solid var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:1fr auto;gap:4px 12px;padding:18px 20px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.discovery-choice strong{font-size:17px}.discovery-choice span{color:var(--muted);grid-column:1;font-size:14px;line-height:1.45}.discovery-choice svg{color:var(--teal);grid-area:1/2/span 2;align-self:center;transition:transform .16s}.discovery-choice:hover,.discovery-choice:focus-visible{border-color:var(--teal);outline:none;transform:translateY(-2px);box-shadow:0 10px 24px -12px #078b8f73}.discovery-choice:hover svg{transform:translate(3px)}.discovery-hint{color:var(--muted);margin:12px 0 0;font-size:13px}.discovery-outro-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.discovery-outro-actions [data-slot=button]{width:auto;text-decoration:none}.discovery-restart{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:18px;font-size:14px;font-weight:700;display:inline-flex}.discovery-restart svg{width:15px;height:15px}.discovery-footer{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px clamp(16px,4vw,40px) 20px;display:grid}.discovery-footer [data-slot=button]{text-decoration:none}.discovery-progress{justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.discovery-progress li{flex:0 120px}.discovery-progress button{width:100%;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:8px;padding:6px 0;font-size:12px;font-weight:700;display:grid}.discovery-progress button:before{content:"";background:var(--line);border-radius:999px;height:4px;transition:background-color .24s}.discovery-progress button.done:before,.discovery-progress button.current:before{background:var(--teal)}.discovery-progress button.current{color:var(--ink)}.discovery-progress button:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}@media (max-width:900px){.discovery-chapter,.discovery-welcome{grid-template-columns:1fr}.discovery-welcome-art{width:min(220px,60%)}.discovery-progress-name{display:none}.discovery-progress li{flex-basis:40px}}@media (max-width:640px){.discovery-header{grid-template-columns:1fr auto;row-gap:8px;padding-block:10px}.discovery-audience{grid-area:2/1/auto/-1;justify-self:center}.discovery-skip{grid-area:1/2}.discovery-choices{grid-template-columns:1fr}.discovery-footer-label{display:none}.discovery-footer{background:color-mix(in srgb, var(--canvas) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.discovery-stage,.discovery-points li,.discovery-preview{animation:none}.discovery-choice,.discovery-choice svg,.discovery-progress button:before{transition:none}}