.howwework[data-astro-cid-iy2nwosd]{position:relative;isolation:isolate}.howwework[data-astro-cid-iy2nwosd]:before{content:"";position:absolute;top:0;left:0;right:0;z-index:-1;height:31.98vw;max-height:440px;background:linear-gradient(to bottom,#f8fafc8c,#f8fafc3d 16%,#f8fafc00 42%),url(/why/why-bg-full.webp) top center / 100% auto no-repeat,linear-gradient(to bottom,#0078d633,#0082e617 40%,#0090ff00 74%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 100%);pointer-events:none}.howwework-panel[data-astro-cid-iy2nwosd]{padding:28px 20px 30px;border:1px solid var(--color-border);border-radius:var(--radius-32);background:var(--color-surface)}@media(min-width:640px){.howwework-panel[data-astro-cid-iy2nwosd]{padding:34px 32px 36px}}.step-slot[data-astro-cid-iy2nwosd]{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:var(--radius-20);background:#fff;container-type:inline-size}.step-01[data-astro-cid-iy2nwosd] .step-slot[data-astro-cid-iy2nwosd]:not(:has(img)){background:linear-gradient(135deg,#eef7ff,#e7f6ee)}.step-01[data-astro-cid-iy2nwosd] .step-slot[data-astro-cid-iy2nwosd]{background:transparent}.step-01[data-astro-cid-iy2nwosd] .step-slot[data-astro-cid-iy2nwosd] img[data-astro-cid-iy2nwosd]{object-fit:contain}.step-02[data-astro-cid-iy2nwosd] .step-slot[data-astro-cid-iy2nwosd]:not(:has(img)){background:linear-gradient(140deg,#eef2ff,#eaf6ff)}.step-02[data-astro-cid-iy2nwosd] .step-slot[data-astro-cid-iy2nwosd]{background:transparent}.step-02[data-astro-cid-iy2nwosd] .step-slot[data-astro-cid-iy2nwosd] img[data-astro-cid-iy2nwosd]{object-fit:contain}.step-03[data-astro-cid-iy2nwosd] .step-slot[data-astro-cid-iy2nwosd]:not(:has(img)){background:linear-gradient(140deg,#eaf6ff,#efeeff)}.step-03[data-astro-cid-iy2nwosd] .step-slot[data-astro-cid-iy2nwosd]{background:transparent}.step-03[data-astro-cid-iy2nwosd] .step-slot[data-astro-cid-iy2nwosd] img[data-astro-cid-iy2nwosd]{object-fit:contain}.step-overlay[data-astro-cid-iy2nwosd]{position:absolute;inset:0;pointer-events:none}.ov-card[data-astro-cid-iy2nwosd]{position:absolute;background:#fff;border-radius:clamp(10px,3.4cqw,15px);padding:clamp(8px,3cqw,13px);box-shadow:0 clamp(6px,2cqw,10px) clamp(18px,6cqw,30px) -12px #0b122059}.ov-label[data-astro-cid-iy2nwosd],.ov-cap[data-astro-cid-iy2nwosd],.ov-pill-label[data-astro-cid-iy2nwosd]{font-family:var(--font-body);font-size:clamp(9px,3cqw,11.5px);line-height:1.25;color:var(--color-muted)}.ov-num[data-astro-cid-iy2nwosd]{font-family:var(--font-display);font-size:clamp(22px,8.5cqw,34px);font-weight:400;line-height:1;letter-spacing:-.01em;color:var(--color-ink)}.ov-num[data-astro-cid-iy2nwosd].sm{font-size:clamp(16px,5.6cqw,24px)}.ov-unit[data-astro-cid-iy2nwosd]{font-size:.5em;margin-left:2px;color:var(--color-muted)}.ov-avatar[data-astro-cid-iy2nwosd]{display:inline-flex;flex:none;align-items:center;justify-content:center;width:clamp(24px,8cqw,34px);height:clamp(24px,8cqw,34px);border-radius:var(--radius-circle);background:var(--color-ink);color:#fff}.ov-avatar[data-astro-cid-iy2nwosd] svg[data-astro-cid-iy2nwosd]{width:54%;height:54%}.ov-avatar[data-astro-cid-iy2nwosd].sm{width:clamp(20px,6.5cqw,28px);height:clamp(20px,6.5cqw,28px)}.ov-avatar[data-astro-cid-iy2nwosd].chat{width:clamp(20px,6.5cqw,28px);height:clamp(20px,6.5cqw,28px);background:var(--color-accent)}.ov-score[data-astro-cid-iy2nwosd]{top:1%;right:7%;width:clamp(120px,46cqw,200px)}.ov-score-row[data-astro-cid-iy2nwosd]{margin-top:clamp(4px,1.5cqw,7px);display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,2cqw,10px)}.ov-ring[data-astro-cid-iy2nwosd]{flex:none;width:clamp(22px,7.5cqw,32px);height:clamp(22px,7.5cqw,32px);transform:rotate(-90deg)}.ov-ring-bg[data-astro-cid-iy2nwosd]{stroke:#0090ff29;stroke-width:3.2}.ov-ring-fg[data-astro-cid-iy2nwosd]{stroke:var(--color-accent);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:72 98}.ov-prompt[data-astro-cid-iy2nwosd]{left:-1%;bottom:0%;width:clamp(150px,60cqw,250px);display:flex;flex-direction:column;gap:clamp(6px,2.2cqw,10px)}.ov-prompt-head[data-astro-cid-iy2nwosd]{display:flex;align-items:center;gap:clamp(6px,2.2cqw,9px)}.ov-prompt-text[data-astro-cid-iy2nwosd]{font-family:var(--font-body);font-size:clamp(10px,3.4cqw,13px);font-weight:500;line-height:1.2;color:var(--color-ink)}.ov-btn[data-astro-cid-iy2nwosd]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:clamp(6px,2.2cqw,9px) clamp(10px,3.4cqw,14px);border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-family:var(--font-body);font-size:clamp(9.5px,3.1cqw,12.5px);font-weight:500}.ov-btn-arr[data-astro-cid-iy2nwosd]{font-size:1.05em}.ov-pill[data-astro-cid-iy2nwosd]{top:8%;left:8%;display:flex;align-items:center;gap:clamp(6px,2.2cqw,9px);padding:clamp(6px,2cqw,8px) clamp(9px,3cqw,12px);border-radius:var(--radius-pill)}.ov-tag[data-astro-cid-iy2nwosd]{padding:clamp(2px,1cqw,4px) clamp(6px,2.2cqw,9px);border-radius:var(--radius-pill);background:var(--color-accent-tint);color:var(--color-accent-hover);font-family:var(--font-body);font-size:clamp(8px,2.6cqw,11px);font-weight:500}.ov-progress[data-astro-cid-iy2nwosd]{left:8%;right:8%;bottom:7%}.ov-progress-top[data-astro-cid-iy2nwosd]{display:flex;align-items:baseline;gap:clamp(5px,2cqw,8px)}.ov-bars[data-astro-cid-iy2nwosd]{margin-top:clamp(6px,2.2cqw,10px);display:flex;gap:clamp(3px,1.2cqw,5px)}.ov-bars[data-astro-cid-iy2nwosd] span[data-astro-cid-iy2nwosd]{flex:1;height:clamp(4px,1.5cqw,7px);border-radius:var(--radius-pill);background:var(--color-accent)}.ov-chat[data-astro-cid-iy2nwosd]{position:absolute;inset:clamp(10px,4cqw,20px) clamp(8px,3cqw,16px);display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,2.2cqw,11px)}.ov-bubble[data-astro-cid-iy2nwosd]{max-width:82%;padding:clamp(6px,2.4cqw,10px) clamp(9px,3cqw,13px);border-radius:clamp(10px,3.4cqw,15px);font-family:var(--font-body);font-size:clamp(9.5px,3.3cqw,13px);line-height:1.3;box-shadow:0 clamp(5px,1.8cqw,9px) clamp(16px,5cqw,26px) -12px #0b122059}.ov-bubble-q[data-astro-cid-iy2nwosd]{align-self:flex-end;display:flex;align-items:center;gap:clamp(6px,2.2cqw,9px);margin-top:4px;margin-bottom:101px;background:#fff;color:var(--color-ink);border-bottom-right-radius:clamp(3px,1cqw,5px)}.ov-bubble-a[data-astro-cid-iy2nwosd]{align-self:flex-start;background:#fff;color:var(--color-ink);border-bottom-left-radius:clamp(3px,1cqw,5px)}.ov-bubble-accent[data-astro-cid-iy2nwosd]{align-self:flex-start;background:var(--color-accent);color:#fff;border-bottom-left-radius:clamp(3px,1cqw,5px)}.step-rail[data-astro-cid-iy2nwosd]{display:flex;align-items:center;gap:10px;margin:18px -16px 14px}.rail-line[data-astro-cid-iy2nwosd]{flex:1;height:1px;background:var(--color-border)}.step[data-astro-cid-iy2nwosd]:first-child .rail-line[data-astro-cid-iy2nwosd]:first-child,.step[data-astro-cid-iy2nwosd]:last-child .rail-line[data-astro-cid-iy2nwosd]:last-child{visibility:hidden}.step-node[data-astro-cid-iy2nwosd]{display:inline-flex;height:32px;min-width:32px;flex:none;align-items:center;justify-content:center;padding:0 9px;border:1px solid var(--color-accent-line);border-radius:var(--radius-pill);background:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--color-accent-hover);transition:border-color .35s ease,background .35s ease,color .35s ease}.step[data-astro-cid-iy2nwosd]:hover .step-node[data-astro-cid-iy2nwosd]{border-color:var(--color-accent);background:var(--color-accent-tint)}@media(max-width:639px){.step-rail[data-astro-cid-iy2nwosd]{margin:16px 0 12px}.rail-line[data-astro-cid-iy2nwosd]{display:none}.step-rail[data-astro-cid-iy2nwosd]{justify-content:flex-start}}.howwework[data-astro-cid-iy2nwosd].is-ready .step[data-astro-cid-iy2nwosd]{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--i) * .11s)}.howwework[data-astro-cid-iy2nwosd].is-ready.is-in .step[data-astro-cid-iy2nwosd]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.howwework[data-astro-cid-iy2nwosd].is-ready .step[data-astro-cid-iy2nwosd],.howwework[data-astro-cid-iy2nwosd].is-ready.is-in .step[data-astro-cid-iy2nwosd]{opacity:1;transform:none;transition:none}}@media(max-width:767px){.howwework[data-astro-cid-iy2nwosd] .step[data-astro-cid-iy2nwosd] .step-slot[data-astro-cid-iy2nwosd]{display:none}}.d3-idx-list[data-astro-cid-pxriyfyg]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--color-border)}.d3-console[data-astro-cid-pxriyfyg]{border-radius:24px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,#ffffff29,#ffffff0a);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 1px #ffffff4d,0 40px 80px -40px #00081ecc;overflow:hidden;color:#fff}.d3-console-head[data-astro-cid-pxriyfyg]{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.16)}.d3-dot[data-astro-cid-pxriyfyg]{width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px #5cb3ff47}.d3-rows[data-astro-cid-pxriyfyg]{list-style:none;margin:0;padding:0}.d3-row[data-astro-cid-pxriyfyg]{display:grid;grid-template-columns:36px 1fr minmax(60px,34%);align-items:center;gap:16px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.12)}.d3-row[data-astro-cid-pxriyfyg]:first-child{border-top:0}.d3-row-n[data-astro-cid-pxriyfyg]{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:#5cb3ff}.d3-row-t[data-astro-cid-pxriyfyg]{font-family:var(--font-display);font-size:clamp(18px,1.9vw,22px);letter-spacing:-.01em}.d3-row-bar[data-astro-cid-pxriyfyg]{height:4px;border-radius:4px;background:#ffffff24;overflow:hidden}.d3-row-bar[data-astro-cid-pxriyfyg] i[data-astro-cid-pxriyfyg]{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#5cb3ff,#b7a6ff)}.d3-row[data-astro-cid-pxriyfyg]:nth-child(1) i[data-astro-cid-pxriyfyg]{width:80%}.d3-row[data-astro-cid-pxriyfyg]:nth-child(2) i[data-astro-cid-pxriyfyg]{width:64%}.d3-row[data-astro-cid-pxriyfyg]:nth-child(3) i[data-astro-cid-pxriyfyg]{width:90%}.d3-row[data-astro-cid-pxriyfyg]:nth-child(4) i[data-astro-cid-pxriyfyg]{width:56%}.d3-console-foot[data-astro-cid-pxriyfyg]{display:grid;gap:6px;padding:22px 24px 26px;background:#ffffff1a;border-top:1px solid rgba(255,255,255,.2)}.d3-console-foot-label[data-astro-cid-pxriyfyg]{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5cb3ff}.d3-console-foot-t[data-astro-cid-pxriyfyg]{font-family:var(--font-display);font-size:22px;letter-spacing:-.01em}.d3-orb[data-astro-cid-pxriyfyg]{position:absolute;z-index:-4;border-radius:50%;filter:blur(70px);pointer-events:none}.d3-orb--a[data-astro-cid-pxriyfyg]{width:360px;height:360px;right:6%;top:10%;background:#5cb3ff59}.d3-orb--b[data-astro-cid-pxriyfyg]{width:300px;height:300px;right:30%;bottom:-6%;background:#a082ff47}.bg-darkroom[data-astro-cid-pxriyfyg]{background-color:var(--color-navy-field)}.bg-darkroom-field[data-astro-cid-pxriyfyg]{background-image:url(/problem-field.webp);background-size:cover;background-position:center}.bg-darkroom-veil[data-astro-cid-pxriyfyg]{background:linear-gradient(180deg,#04164294,#0416424d 34% 62%,#0416428c),radial-gradient(76% 62% at 50% 46%,#04164200,#04164266)}