@tailwind base;@tailwind components;@tailwind utilities;html,body{color:#fff;background:#05050a;margin:0}*{box-sizing:border-box}button,input,textarea,select{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.interactive-skeleton-section{color:#062f3a;background:radial-gradient(circle at 78% 18%,#4cb9d326,#0000 34%),linear-gradient(#fff 0%,#f5fbfd 100%);min-height:100svh;padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,5rem)}.interactive-skeleton-shell{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);width:min(1180px,100%);margin:0 auto;display:grid}.interactive-skeleton-copy{max-width:560px}.interactive-skeleton-eyebrow{color:#0b88a6;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .95rem;font-size:.78rem;font-weight:800}.interactive-skeleton-copy h2{color:#062f3a;letter-spacing:0;margin:0;font-size:clamp(2.55rem,5vw,5.25rem);font-weight:650;line-height:.95}.interactive-skeleton-intro{color:#4d6670;max-width:34rem;margin:1.35rem 0 0;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.75}.interactive-skeleton-toggle{background:#ffffffbd;border:1px solid #0b88a62e;border-radius:999px;gap:.35rem;width:fit-content;margin-top:2rem;padding:.35rem;display:inline-flex;box-shadow:0 18px 45px #062f3a14}.interactive-skeleton-toggle button{color:#4d6670;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:42px;padding:0 1.05rem;font-weight:750;transition:background .18s,color .18s,transform .18s}.interactive-skeleton-toggle button:hover,.interactive-skeleton-toggle button:focus-visible{color:#062f3a}.interactive-skeleton-toggle button:focus-visible,.interactive-skeleton-hotspot:focus-visible{outline-offset:4px;outline:3px solid #4cb9d361}.interactive-skeleton-toggle button.is-active{color:#fff;background:#0b88a6;box-shadow:0 12px 24px #0b88a62e}.interactive-skeleton-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #0b88a624;border-radius:24px;margin-top:1.5rem;padding:clamp(1.25rem,2vw,1.6rem);box-shadow:0 24px 70px #062f3a1a}.interactive-skeleton-card span{color:#0b88a6;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.75rem;font-size:.74rem;font-weight:850;display:inline-flex}.interactive-skeleton-card h3{color:#062f3a;margin:0 0 .65rem;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.1}.interactive-skeleton-card p{color:#4d6670;margin:0;line-height:1.65}.interactive-skeleton-visual{place-items:center;display:grid}.interactive-skeleton-frame{aspect-ratio:.58;background:linear-gradient(#ffffffdb,#ecf8fbad),#ffffffb8;border-radius:32px;width:min(520px,100%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0b88a614,0 28px 90px #062f3a1f}.interactive-skeleton-stage{transform-style:preserve-3d;animation:.35s cubic-bezier(.22,1,.36,1) skeletonViewIn;position:absolute;inset:clamp(1.25rem,4vw,2rem)}.interactive-skeleton-image{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none}.interactive-skeleton-hotspot{width:18px;height:18px;left:var(--hotspot-x);top:var(--hotspot-y);cursor:pointer;background:#0b88a6;border:1px solid #ffffffd1;border-radius:999px;transition:background .18s,box-shadow .18s,transform .18s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #0b88a61f,0 12px 24px #062f3a29}.interactive-skeleton-hotspot:hover{transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 0 8px #4cb9d329,0 16px 28px #062f3a2e}.interactive-skeleton-hotspot.is-active{background:#4cb9d3;width:22px;height:22px;box-shadow:0 0 0 7px #4cb9d32e,0 18px 34px #0b88a633}@keyframes skeletonViewIn{0%{opacity:0;transform:rotateY(8deg)scale(.98)}to{opacity:1;transform:rotateY(0)scale(1)}}@media (max-width:900px){.interactive-skeleton-section{padding-block:clamp(3.25rem,9vw,5rem)}.interactive-skeleton-shell{grid-template-columns:1fr;gap:2.25rem}.interactive-skeleton-copy{text-align:center;max-width:none}.interactive-skeleton-intro,.interactive-skeleton-toggle{margin-inline:auto}.interactive-skeleton-card{max-width:560px;margin-inline:auto}.interactive-skeleton-frame{width:min(430px,88vw)}}@media (max-width:520px){.interactive-skeleton-section{padding-inline:1rem}.interactive-skeleton-copy h2{font-size:clamp(2.25rem,12vw,3.2rem)}.interactive-skeleton-toggle{width:100%}.interactive-skeleton-toggle button{flex:1;padding-inline:.75rem}.interactive-skeleton-frame{border-radius:24px;width:min(360px,94vw)}.interactive-skeleton-stage{inset:1rem}}