html{scroll-padding-top:110px}button{cursor:pointer}button:disabled{cursor:default;opacity:.42;transform:none}a,button,input,textarea{touch-action:manipulation}button:active:not(:disabled){transform:scale(.98)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip{position:fixed;top:8px;left:8px;z-index:100;background:var(--deep);padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.current{color:var(--ink);position:relative}.current:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--cyan)}.review-hero{padding:112px 0 64px;min-height:0}.breadcrumb{position:relative;z-index:2;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-bottom:40px}.breadcrumb a:hover{color:var(--cyan)}.preview-label{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--ink-soft)}.review-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.review-copy h1{font-size:clamp(40px,4.4vw,64px);line-height:1.04;font-weight:720;letter-spacing:-.045em}.review-copy .lead{font-size:18px;line-height:1.55;max-width:490px;margin-top:24px}.route-chips{display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap}.route-chips span{font-size:12px;color:var(--ink-soft);display:flex;gap:8px;align-items:center}.route-chips b{display:inline-grid;place-items:center;border:1px solid var(--line-2);background:var(--panel);width:28px;height:28px;border-radius:50%;font-size:11px;color:var(--cyan)}.route-chips i{font-style:normal;font-size:12px;color:var(--muted)}.demo-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:24px}.review-map{position:relative;min-width:0;padding:24px 0 40px}.route-card{width:100%;max-width:540px;min-height:0;transform:rotate(3deg);padding:26px;border-radius:40px 64px 40px 52px}.route-card .project-title{margin-top:24px}.route-card .project-title h2{font-size:30px;line-height:1.08;letter-spacing:-.045em;font-weight:720}.route-score{display:grid;grid-template-columns:144px 1fr;gap:24px;align-items:center;margin-top:24px}.progress-ring{--progress:0deg;width:144px;height:144px;position:relative;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--cyan) var(--progress),rgba(246,249,255,.1) 0);box-shadow:0 0 40px #8deaff18}.progress-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#070e37}.progress-ring>div{position:relative;text-align:center}.progress-ring b{font-size:40px;letter-spacing:-2px}.progress-ring b span{font-size:20px;color:var(--muted);letter-spacing:0}.progress-ring small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.route-stages>div{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.route-stages>div:last-child{border-bottom:0}.stage-icon{color:var(--blue);font-size:11px}.route-stages p{flex:1;font-weight:600}.route-stages small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.stage-state{color:var(--muted);font-size:16px;font-weight:400}.route-stages .done .stage-state{color:var(--sage)}.route-stages .done p{color:var(--cyan)}.area-insight{padding:16px;min-height:126px;border-radius:24px 32px 24px 30px}.area-insight h3{font-size:14px}.area-insight p{font-size:12px;line-height:1.55;margin-top:8px}.map-tabs{margin-top:20px;gap:6px}.map-tabs button{font-size:11px;padding:7px 10px}.map-orbit{position:absolute;inset:0 -32px;border:1px solid #8deaff2b;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.map-orbit.two{inset:40px -48px;transform:rotate(25deg);border-style:dashed;border-color:#b9b7ff32}.label-fact{top:0;right:24px;animation:none;font-size:11px;padding:8px 12px}.route-float{right:0;bottom:8px;animation:none;font-size:11px;padding:12px}.practice-section{padding:72px 0 80px}.practice-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.practice-header h2{font-size:40px;line-height:1.05;letter-spacing:-.045em;font-weight:720}.practice-header>p{font-size:14px;line-height:1.6;color:var(--muted)}.practice-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}.quest-nav{display:grid;gap:12px}.quest-link{display:flex;text-align:left;align-items:center;gap:16px;border:1px solid var(--line);background:var(--panel);border-radius:24px 32px 24px 28px;padding:20px 16px;color:var(--ink);width:100%;transition:background .3s,transform .5s var(--ease),opacity .3s}.quest-link>span{font-size:12px;color:var(--cyan);border:1px solid var(--line-2);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.quest-link>div{font-size:14px;font-weight:600;flex:1}.quest-link small{font-weight:400;display:block;font-size:11px;margin-top:4px;color:var(--muted)}.quest-link b{font-weight:400;color:var(--cyan)}.quest-link.active{border-color:#8deaff77;background:rgba(141,234,255,.1);box-shadow:0 0 32px #8deaff0a}.quest-link.done>span{background:#8deaff18}.quest-hint{display:flex;gap:12px;padding:16px;color:var(--muted);font-size:12px;line-height:1.7}.quest-hint>span{font-size:24px;color:var(--violet)}.mission-card{border:1px solid var(--line-2);border-radius:32px 48px 32px 40px;background:linear-gradient(145deg,rgba(116,186,255,.12),rgba(5,16,62,.72));padding:32px;box-shadow:0 24px 70px #02082040;min-width:0;animation:enter .5s var(--ease)}.mission-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.06em;color:var(--cyan)}.mission-tag{color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 10px;letter-spacing:0}.mission-card h3{font-size:28px;line-height:1.18;letter-spacing:-.035em;font-weight:690;margin-top:24px;max-width:580px;text-wrap:balance}.mission-card blockquote{margin:24px 0 16px;padding:20px;border:1px solid var(--line);background:#f6f9ff06;border-radius:16px 24px 16px 20px;color:var(--ink-soft);font-size:16px;line-height:1.6}.mission-prompt{font-size:13px;color:var(--muted);margin-bottom:16px}.choices{display:grid;gap:12px}.choice{position:relative;border:1px solid var(--line);border-radius:16px 24px 16px 20px;background:#f6f9ff05;color:var(--ink-soft);display:flex;align-items:center;gap:12px;text-align:left;padding:16px;font-size:14px;line-height:1.5;transition:background .3s,border-color .3s,transform .5s var(--ease)}.choice>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid var(--line-2);border-radius:50%;font-size:12px;color:var(--muted)}.choice:hover{background:var(--panel-2);border-color:var(--line-2)}.choice.correct{border-color:#8eeed98c;background:#8eeed912}.choice.correct>span{border-color:var(--sage);background:#8eeed929;color:var(--sage)}.choice.wrong{border-color:#f1c89b80;background:#f1c89b0c}.choice.wrong>span{color:#f1c89b;border-color:#f1c89b80}.feedback{border:1px solid #8eeed950;background:#8eeed90a;padding:16px;margin-top:16px;border-radius:16px;font-size:13px;color:var(--ink-soft);line-height:1.6;animation:enter .3s var(--ease)}.feedback strong{display:block;color:var(--sage);margin-bottom:4px}.feedback.retry{border-color:#f1c89b60;background:#f1c89b08}.feedback.retry strong{color:#f1c89b}.mission-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}.mission-footer>span{font-size:12px;color:var(--muted)}.mission-footer .btn{font-size:14px;white-space:nowrap}.result-card{position:relative;overflow:hidden}.completion-symbol{position:absolute;right:32px;top:24px;font-size:64px;line-height:1;color:var(--cyan);text-shadow:0 0 40px #8deaff70}.result-card .section-kicker{font-size:11px;margin-top:8px}.result-card h3{font-size:36px;margin-top:16px}.result-intro{font-size:14px;line-height:1.6;color:var(--ink-soft);max-width:520px;margin:16px 0 24px}.result-rows{display:grid;gap:12px}.result-rows>div{border:1px solid var(--line);background:var(--panel);padding:16px;border-radius:16px 24px 16px 20px}.result-rows span{display:block;color:var(--cyan);font-size:11px;letter-spacing:.04em;margin-bottom:8px}.result-rows p{font-size:14px;line-height:1.5;color:var(--ink-soft)}.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.result-actions .btn{font-size:13px;min-height:40px;padding:0 16px}.text-button{font-size:12px;background:none;border:0;color:var(--blue);text-decoration:underline;padding:8px;cursor:pointer}#copy-status,#context-copy-status{font-size:12px;line-height:1.5;color:var(--cyan);margin-top:12px}.compact-faq{padding:64px 0}.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:64px}.compact-faq h2{font-size:40px;font-weight:720;letter-spacing:-.04em;margin-bottom:20px}.section-description{font-size:14px;line-height:1.6;color:var(--muted)}details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:14px;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span{color:var(--cyan);font-size:20px;transition:transform .3s var(--ease)}details[open] summary>span{transform:rotate(45deg)}details>p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:16px}.final-cta{padding:40px 0 64px}.cta-box{padding:32px;grid-template-columns:1fr auto;border-radius:32px 48px 32px 40px}.cta-box h2{font-size:36px;font-weight:720;line-height:1.1;margin-top:16px}.cta-box p{font-size:14px;max-width:600px;margin-top:12px}.cta-box .section-kicker{font-size:11px;color:var(--cyan)}footer .logo-mark{width:32px;height:32px}footer .brand strong{font-size:15px}footer .wrap>span{font-size:11px}dialog{width:620px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);border:1px solid var(--line-2);border-radius:32px 48px 32px 40px;background:linear-gradient(145deg,#10205b,#080e36);color:var(--ink);padding:32px;box-shadow:var(--shadow)}dialog::backdrop{background:#02051bcc;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:20px;top:16px;border:0;background:none;color:var(--ink-soft);font-size:30px;padding:4px 8px}dialog h2{font-size:32px;letter-spacing:-.04em;line-height:1.1;margin-top:24px}dialog .context-intro{color:var(--muted);font-size:13px;line-height:1.6;margin-top:16px}.context-progress{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;margin-top:12px;font-size:12px;color:var(--cyan)}.context-dots{display:flex;gap:6px}.context-dots i{width:24px;height:4px;border-radius:4px;background:#f6f9ff20;transition:background .3s}.context-dots i.filled{background:var(--cyan)}#context-form label{font-size:12px;color:var(--ink-soft);display:block;margin:16px 0 8px}textarea{display:block;width:100%;min-width:0;border:1px solid var(--line-2);background:#02092566;color:var(--ink);border-radius:12px;padding:12px;font-size:14px;line-height:1.5;resize:vertical}textarea::placeholder{color:#f6f9ff70}textarea[aria-invalid=true]{border-color:#f1c89b}.form-error{font-size:12px;line-height:1.5;color:#f1c89b;margin-top:12px}#context-form .btn{margin-top:16px;font-size:13px}.context-success{color:var(--sage);font-size:14px;line-height:1.6;margin:24px 0 16px}#context-result .btn{margin-top:16px;font-size:13px}#context-result .text-button{margin-top:8px}#context-message{margin-top:12px;min-height:160px}.dialog-close:active{transform:scale(.98)}[hidden]{display:none!important}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:1060px){.review-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.review-copy h1{font-size:48px}.route-card{padding:20px}.route-card .project-title h2{font-size:24px}.route-score{grid-template-columns:112px 1fr;gap:16px}.progress-ring{width:112px;height:112px}.progress-ring b{font-size:32px}.route-stages small{font-size:10px}.route-stages>div{gap:6px}.stage-icon{display:none}.practice-layout{grid-template-columns:240px minmax(0,1fr);gap:24px}.quest-link{padding:16px 12px;gap:12px}.mission-card{padding:24px}.practice-header h2{font-size:36px}.cta-box{grid-template-columns:1fr auto}.practice-header>p{font-size:13px}}
@media(max-width:760px){html{scroll-padding-top:96px}.review-hero{padding:96px 0 40px}.breadcrumb{flex-wrap:wrap;gap:8px;font-size:11px;margin-bottom:24px}.preview-label{display:block;flex-basis:100%;max-width:max-content;margin-left:0;font-size:10px;padding:4px 8px}.nav-inner{padding-left:12px;gap:8px}.nav-inner .brand{gap:8px}.nav-inner .brand strong{font-size:15px}.nav-inner .brand small{font-size:9px}.nav-inner .logo-mark{width:30px;height:30px}.nav-start{font-size:11px;padding:0 12px;min-height:36px;gap:4px}.nav-links{display:none}.review-grid{display:flex;flex-direction:column;gap:24px}.review-copy{display:block}.review-copy .eyebrow{font-size:10px;letter-spacing:.04em;padding:8px 10px}.review-copy h1{font-size:40px;line-height:1.04;margin-top:20px;letter-spacing:-.04em}.review-copy .lead{font-size:16px;line-height:1.6;margin-top:20px}.hero-actions{margin-top:24px}.hero-actions .btn{font-size:14px}.route-chips{gap:8px;margin-top:24px}.route-chips span{font-size:11px;gap:6px}.route-chips b{width:24px;height:24px;font-size:10px}.route-chips i{font-size:10px}.demo-note{font-size:11px;margin-top:16px}.review-map{width:100%;padding:16px 0 32px}.route-card{padding:20px;transform:none!important;border-radius:28px 40px 28px 36px}.route-card .project-title h2{font-size:26px}.route-card .project-title>span{font-size:12px}.route-card .status{font-size:9px;padding:6px 8px}.route-score{grid-template-columns:112px 1fr;gap:16px}.route-stages>div{font-size:11px;padding:10px 0}.route-stages small{font-size:10px}.progress-ring{width:112px;height:112px}.progress-ring small{font-size:10px}.map-tabs{margin-top:20px;gap:6px}.map-tabs button{font-size:11px;padding:7px 10px}.area-insight{min-height:136px;padding:16px}.area-insight h3{font-size:13px}.area-insight p{font-size:12px}.map-orbit{inset:0 -12px}.map-orbit.two{inset:32px -16px}.route-float{display:block;bottom:0;right:0;font-size:10px;padding:10px 12px}.label-fact{display:none}.practice-section{padding:48px 0}.practice-header{display:block;margin-bottom:24px}.practice-header h2{font-size:32px;line-height:1.1;margin-top:12px}.practice-header>p{margin-top:16px;font-size:13px}.practice-layout{display:block}.quest-nav{display:flex;gap:8px;margin-bottom:20px}.quest-link{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;border-radius:16px;padding:12px 8px;gap:8px}.quest-link>span{width:24px;height:24px;font-size:10px}.quest-link>div{font-size:11px;line-height:1.4}.quest-link small,.quest-link b,.quest-hint{display:none}.mission-card{padding:24px 20px;border-radius:24px 36px 24px 30px}.mission-card h3{font-size:24px;margin-top:20px}.mission-meta{font-size:10px;gap:8px}.mission-tag{font-size:10px;padding:4px 8px}.mission-card blockquote{font-size:14px;line-height:1.6;padding:16px;margin-top:20px}.mission-prompt{font-size:12px}.choice{font-size:13px;padding:12px;gap:10px;border-radius:12px 20px 12px 16px}.choice>span{width:24px;height:24px;font-size:11px}.feedback{padding:12px;font-size:12px}.mission-footer{align-items:flex-start;flex-direction:column;gap:12px;margin-top:20px}.mission-footer .btn{width:100%;font-size:13px;min-height:44px}.result-card h3{font-size:30px;max-width:220px}.completion-symbol{font-size:48px;right:24px;top:24px}.result-card .section-kicker{max-width:180px;line-height:1.6}.result-intro{font-size:13px}.result-rows p{font-size:13px}.result-actions{align-items:stretch}.result-actions .btn{width:100%;min-height:44px}.compact-faq{padding:40px 0}.faq-grid{grid-template-columns:1fr;gap:24px}.compact-faq h2{font-size:32px}.section-description{font-size:13px}.cta-box{grid-template-columns:1fr;padding:24px;gap:24px}.cta-box h2{font-size:30px}.cta-box .btn{width:100%;font-size:14px}.final-cta{padding:24px 0 40px}dialog{padding:28px 20px;border-radius:24px 36px 24px 30px;max-width:calc(100% - 24px)}dialog h2{font-size:30px}#context-form .btn{width:100%;font-size:12px;padding:0 12px;gap:8px}.dialog-close{right:12px;top:12px}footer .wrap{gap:20px}.foot-links{gap:12px!important}.foot-links a{font-size:11px}}
@media(max-width:350px){.nav-inner .brand small{display:none}.nav-inner .brand strong{font-size:13px}.nav-inner .logo-mark{width:26px;height:26px}.nav-start{font-size:10px;padding:0 10px}.review-copy h1{font-size:36px}.route-card{padding:16px}.route-card .mini-logo{gap:8px}.route-card .mini-logo strong{font-size:12px}.route-card .mini-logo span{font-size:10px}.route-card .mini-logo img{width:28px;height:28px}.route-card .status{font-size:8px;padding:5px 6px}.route-score{grid-template-columns:96px 1fr;gap:12px}.progress-ring{width:96px;height:96px}.progress-ring b{font-size:28px}.progress-ring:before{inset:8px}.route-stages small{font-size:9px}.route-stages>div{font-size:10px}.mission-card{padding:20px 16px}.mission-card h3{font-size:22px}.route-chips{gap:6px}.route-chips span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.route-card{transform:none!important}}