.perspective-panel{overflow:hidden}.perspective-panel h3{max-width:680px}.perspective-intro{max-width:760px;color:var(--muted,#aeb7c1);line-height:1.75}.perspective-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 18px}.perspective-card{position:relative;min-height:170px;padding:22px 18px;border:1px solid rgba(216,170,92,.25);border-radius:22px;background:linear-gradient(180deg,rgba(12,28,46,.92),rgba(5,13,24,.94));color:#f6efe4;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.perspective-card:hover,.perspective-card:focus-visible{transform:translateY(-3px);border-color:rgba(232,196,116,.7);box-shadow:0 15px 35px rgba(0,0,0,.25)}.perspective-card.is-current{border-color:#d8aa5c;box-shadow:0 0 0 1px rgba(216,170,92,.16),0 15px 40px rgba(216,170,92,.08)}.perspective-card strong{display:block;margin-top:26px;font:700 clamp(20px,2vw,27px)/1.1 Georgia,serif;letter-spacing:.04em}.perspective-card small{display:block;margin-top:8px;color:#e8c474}.perspective-card em{display:block;margin-top:17px;color:#aeb7c1;font-style:normal;font-size:14px}.perspective-kicker{position:absolute;top:16px;right:16px;padding:5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#d9e0e7;font-size:10px;letter-spacing:.12em}.perspective-kicker.paid{color:#e8c474;border-color:rgba(232,196,116,.3)}.perspective-kicker.premium{color:#f3d9a2;border-color:rgba(243,217,162,.45);background:rgba(216,170,92,.08)}.perspective-detail{margin-top:4px;padding:20px 22px;border-radius:18px;border:1px solid rgba(216,170,92,.18);background:rgba(3,10,19,.48)}.perspective-detail strong{color:#e8c474;letter-spacing:.05em}.perspective-detail p{margin:.55rem 0 0;color:#d6dde4;line-height:1.7}.perspective-detail .lock-note{display:inline-block;margin-top:12px;color:#e8c474;font-size:12px;letter-spacing:.04em}.observer-preview{margin-top:18px;padding:16px 18px;border-radius:16px;border:1px solid rgba(216,170,92,.14);background:rgba(255,255,255,.025)}.observer-preview>small{display:block;color:#9aa5b1;font-size:10px;letter-spacing:.12em}.observer-preview ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}.observer-preview li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.observer-preview li span{color:#e8c474;font:700 11px/1.7 Arial,sans-serif}.observer-preview li p{margin:0;color:#e1e6eb;font-size:14px;line-height:1.55}.observer-preview em{display:block;margin-top:12px;color:#8e9aa6;font-size:12px;font-style:normal}.view-compare{margin-top:20px;padding:20px;border:1px solid rgba(216,170,92,.2);border-radius:20px;background:linear-gradient(180deg,rgba(13,28,44,.8),rgba(4,11,20,.76))}.view-compare.is-complete{border-color:rgba(232,196,116,.42);box-shadow:inset 0 0 45px rgba(216,170,92,.035)}.compare-head small{display:block;color:#9aa5b1;font-size:10px;letter-spacing:.14em}.compare-head strong{display:block;margin-top:7px;color:#f2e6ce;font:700 24px/1.2 Georgia,serif}.compare-head p{max-width:680px}.compare-cards{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:12px;align-items:center;margin:20px 0}.mini-view{min-height:210px;padding:18px;border:1px solid rgba(216,170,92,.22);border-radius:18px;background:rgba(2,8,15,.55);text-align:center}.mini-view>span{display:block;color:#9aa5b1;font-size:10px;letter-spacing:.14em}.mini-symbol{display:block;margin:18px auto 10px;font-size:58px;line-height:1}.mini-view>strong{display:block;color:#f3eadb;font:700 19px/1.25 Georgia,serif}.mini-view>em{display:block;margin-top:6px;color:#e8c474;font-style:normal;font-size:12px;letter-spacing:.12em}.mini-view>small{display:block;margin-top:16px;color:#aeb7c1}.mini-view.is-self{background:linear-gradient(180deg,rgba(19,38,58,.72),rgba(2,8,15,.55))}.mini-view.is-other{background:linear-gradient(180deg,rgba(50,34,22,.42),rgba(2,8,15,.55));border-color:rgba(232,196,116,.36)}.mini-view.is-locked{border-style:dashed;opacity:.72}.compare-mark{text-align:center;color:#e8c474;font-size:24px}.compare-output{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.compare-output div{padding:14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.compare-output span{display:block;color:#e8c474;font-size:10px;letter-spacing:.09em}.compare-output p{margin-top:7px;font-size:13px;line-height:1.5}.compare-note{margin-top:14px!important;color:#8f9aa5!important;font-size:12px}.observer-preview+.lock-note{margin-top:14px}@media(max-width:980px){.compare-output{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.perspective-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-output{grid-template-columns:1fr}}@media(max-width:520px){.perspective-grid{grid-template-columns:1fr}.perspective-card{min-height:145px}.perspective-detail{padding:18px}.observer-preview{padding:14px}.compare-cards{grid-template-columns:1fr}.compare-mark{transform:rotate(90deg)}.view-compare{padding:16px}}