.problem-head{gap:16px;max-width:760px;display:grid}.life{margin-top:64px;position:relative}.life-track{background:var(--line);height:2px;margin:0 6px;position:relative}.life-fill{height:2px;width:var(--lp,0%);background:var(--ink);position:absolute;top:0;left:0}.life-hawk{top:-21px;left:var(--lp,0%);background:var(--surface);border:1px solid var(--line-2);border-radius:50%;place-items:center;width:40px;height:40px;margin-left:-20px;display:grid;position:absolute;box-shadow:0 6px 16px -8px #0000004d}.life-hawk svg{width:24px;height:24px;color:var(--ink);--cut:var(--surface)}.life-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.life-steps li{opacity:.38;align-content:start;gap:6px;padding-top:4px;transition:opacity .4s;display:grid;position:relative}.life-steps li:before{content:"";background:var(--bg);border:2px solid var(--line-2);border-radius:50%;width:9px;height:9px;transition:background-color .3s,border-color .3s;position:absolute;top:-45px;left:0}.life-steps li.on{opacity:1}.life-steps li.on:before{background:var(--accent);border-color:var(--accent)}.life-steps .when{font:500 12px/1.3 var(--f-mono);color:var(--accent-ink)}.life-steps h3{letter-spacing:-.02em;font-size:17px}.life-steps p{color:var(--ink-2);font-size:14px;line-height:1.5}.scan{color:#0000;background:linear-gradient(90deg, var(--ink) 0 50%, color-mix(in srgb, var(--ink) 16%, transparent) 50% 100%) 100% 0 / 200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;justify-self:start;width:fit-content;display:inline-block;position:relative}.scan:after{content:"";background:var(--accent);width:2px;box-shadow:0 0 14px var(--accent);opacity:0;position:absolute;top:-8%;bottom:-8%;left:0}.scan.on{animation:scan 1.2s var(--ease-out) forwards}.scan.on:after{animation:scan-bar 1.2s var(--ease-out) forwards}.scan.done{background-position:0 0;animation:none}@keyframes scan{to{background-position:0 0}}@keyframes scan-bar{0%{opacity:1;left:0}85%{opacity:1}to{opacity:0;left:100%}}.feat-intro{gap:14px;max-width:760px;display:grid}.feat-layout{grid-template-columns:minmax(0,3fr) minmax(0,9fr);align-items:start;gap:clamp(32px,5vw,72px);margin-top:56px;display:grid}.index{gap:2px;display:grid;position:sticky;top:100px}.index button{text-align:left;height:44px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:30px minmax(0,1fr);align-items:center;padding:0 10px;font-size:15px;transition:color .25s,background-color .25s;display:grid;position:relative;overflow:hidden}.index .ix-n{font:400 11.5px/1 var(--f-mono)}.index button[aria-selected=true]{color:var(--ink);background:var(--card)}.index .ix-bar{background:var(--accent);transform-origin:0;height:2px;transition:transform .6s var(--ease-out);border-radius:1px;position:absolute;bottom:6px;left:10px;right:10px;transform:scaleX(0)}.index button[aria-selected=true] .ix-bar{transform:scaleX(1)}.feats{gap:clamp(72px,10vw,128px);display:grid}.feat{gap:24px;display:grid}.feat-copy{opacity:.4;gap:10px;max-width:620px;transition:opacity .4s;display:grid}.feat.is-on .feat-copy{opacity:1}.h3{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,32px);line-height:1.15}.feat-copy p:last-child{color:var(--ink-2);font-size:15.5px;line-height:1.6}.feat-visual{border-radius:var(--r-lg);background:var(--card);min-width:0;padding:clamp(18px,3vw,40px)}.feat-visual .mk{max-width:620px;margin-inline:auto}.compare .body-2{margin-top:16px}.cmp-title{max-width:22ch}.cmp{border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px;display:grid}.cmp-card{align-content:start;gap:8px;min-width:0;padding:26px;display:grid}.cmp-card+.cmp-card{border-left:1px solid var(--line)}.cmp-old{background:var(--card)}.cmp-new{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.cmp-tags{gap:6px;display:flex}.mtag{border:1px solid var(--line-2);height:22px;font:500 11.5px/1 var(--f-mono);color:var(--ink-2);background:var(--surface);border-radius:4px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.mtag i{background:var(--ink-3);border-radius:50%;width:6px;height:6px}.mtag.warn i{background:var(--crit)}.mtag.live i{background:var(--clear);box-shadow:0 0 0 3px color-mix(in srgb, var(--clear) 25%, transparent)}.cmp-card h3{letter-spacing:-.025em;margin-top:8px;font-size:21px}.cmp-card>p{color:var(--ink-3);font-size:14px}.faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(32px,6vw,80px);display:grid}.faq-sub{margin-top:12px}.faq-cta{margin-top:24px}.qa details{border-bottom:1px solid var(--line)}.qa details:first-child{border-top:1px solid var(--line)}.qa summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;gap:16px;padding:20px 4px;font-size:16px;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";color:var(--ink-3);transition:transform .3s var(--ease-out);font-size:20px;line-height:1}.qa details[open] summary:after{transform:rotate(45deg)}.qa details p{max-width:62ch;color:var(--ink-2);padding:0 4px 22px;font-size:15px;line-height:1.6}@media (width<=900px){.feat-layout,.faq-grid{grid-template-columns:minmax(0,1fr)}.index{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);scrollbar-width:none;grid-auto-flow:column;padding:6px 0;top:64px;overflow-x:auto}.index button{white-space:nowrap}.feat-copy{opacity:1}.cmp{grid-template-columns:minmax(0,1fr)}.cmp-card+.cmp-card{border-left:0;border-top:1px solid var(--line)}.life{margin-top:40px;padding-left:26px}.life-track{width:2px;height:auto;margin:0;position:absolute;top:0;bottom:0;left:6px}.life-fill{width:2px;height:var(--lp,0%)}.life-hawk{top:var(--lp,0%);margin:-20px 0 0 -20px;left:1px}.life-steps{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:0}.life-steps li:before{top:6px;left:-25px}}
