@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:DM Sans,Yu Gothic,sans-serif;color:#17222b;background:#f4f6f7;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17222b;--muted: #66747e;--line: #dbe2e6;--soft: #eef2f3;--accent: #ff3f2f;--accent-deep: #dc2c22;--green: #168b68;--card: rgba(255, 255, 255, .78)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 88% 0%,#ffffff 0 18%,transparent 45%),#f4f6f7}button{font:inherit}.page-shell{width:min(1220px,calc(100% - 48px));margin:0 auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:10px;font:700 11px/1 Space Grotesk,sans-serif;letter-spacing:.16em;color:#3f4b53}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--accent);color:#fff;font:600 20px/1 Space Grotesk}.gate-chip,.reference-pill{border:1px solid #cbd5da;border-radius:99px;padding:8px 12px;color:#596872;font:600 10px/1 Space Grotesk;letter-spacing:.14em}.content-grid{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(560px,1.5fr);column-gap:48px;row-gap:34px;padding:68px 0 40px}.intro-panel{align-self:center;padding-bottom:18px}.eyebrow,.viewer-kicker{margin:0 0 14px;color:var(--accent-deep);font:700 10px/1.3 Space Grotesk,sans-serif;letter-spacing:.2em}h1,h2,p{margin-top:0}h1{margin-bottom:22px;font:600 clamp(40px,5vw,68px)/.98 "Space Grotesk","Yu Gothic",sans-serif;letter-spacing:-.07em}h1 em{color:var(--accent);font-style:normal}.lead{max-width:330px;margin-bottom:28px;color:var(--muted);font-size:15px;line-height:1.85}.status-row{display:flex;align-items:center;gap:8px;color:#71808a;font:500 11px/1.4 Space Grotesk}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #168b681a}.viewer-card{overflow:hidden;border:1px solid #d7e0e4;border-radius:24px;background:var(--card);box-shadow:0 24px 70px #283a451a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 12px}.viewer-kicker{margin-bottom:7px;color:#87949c;font-size:9px}.viewer-title{margin:0;font:600 19px/1.2 Space Grotesk;letter-spacing:-.04em}.icon-button{width:33px;height:33px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#4f5b63;cursor:pointer;font-size:20px;line-height:1;transition:transform .2s ease,border-color .2s ease}.icon-button:hover{transform:rotate(-35deg);border-color:#9baab2}.viewer-stage{position:relative;height:495px;overflow:hidden;background:linear-gradient(135deg,#f0f3f4,#e6ecee)}.viewer-stage:after{content:"";position:absolute;inset:auto 6% 5% 6%;height:16%;border-radius:50%;background:#414e561f;filter:blur(22px);pointer-events:none}.viewer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:transparent;transition:opacity .25s ease;--poster-color: transparent;--progress-bar-color: var(--accent);--progress-mask: transparent}.envelope-viewer{opacity:0}.viewer-loading{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#eff3f4c7;color:#64737c;font-size:12px;transition:opacity .3s ease;pointer-events:none}.viewer-loading.is-hidden{opacity:0}.loading-ring{width:15px;height:15px;border:2px solid #cad4d9;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-hint{position:absolute;z-index:5;right:16px;bottom:14px;padding:7px 10px;border-radius:6px;background:#ffffffbd;color:#75838b;font-size:10px;pointer-events:none}.axis-note{position:absolute;z-index:5;color:#48586094;font:600 9px/1 Space Grotesk;letter-spacing:.08em;pointer-events:none}.axis-note-top{top:16px;left:50%;transform:translate(-50%)}.axis-note-side{top:50%;right:14px;transform:rotate(90deg)}.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px 18px}.mode-switch{display:flex;gap:4px;padding:4px;border-radius:10px;background:#edf1f2}.mode-button{border:0;border-radius:7px;padding:9px 11px;background:transparent;color:#78858c;cursor:pointer;font-size:11px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.mode-button.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #17222b1a}.ar-button{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:12px 15px;background:var(--accent);color:#fff;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 8px 18px #ff3f2f38;transition:transform .2s ease,background .2s ease}.ar-button:hover{transform:translateY(-2px);background:var(--accent-deep)}.ar-button-icon{font-size:19px;line-height:0}.viewer-message{display:none;margin:-6px 18px 16px;padding:9px 11px;border-radius:8px;background:#edf7f3;color:#317560;font-size:11px;line-height:1.5}.viewer-message.is-visible{display:block}.viewer-message[data-tone=warning]{background:#fff2e8;color:#a14d2a}.metrics-panel{grid-column:1 / -1;padding-top:16px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}h2{margin-bottom:0;font:600 26px/1.1 Space Grotesk;letter-spacing:-.05em}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-card{min-height:130px;padding:19px 20px;border:1px solid var(--line);border-radius:15px;background:#ffffffb3}.metric-card-accent{border-color:#ff3f2f52;background:#fff6f3}.metric-label{display:block;margin-bottom:14px;color:var(--muted);font-size:12px}.metric-card strong{display:block;margin-bottom:6px;font:600 clamp(21px,3vw,30px)/1 "Space Grotesk";letter-spacing:-.07em}.metric-card small{color:#87939a;font-size:10px}.depth-rail{display:grid;grid-template-columns:1fr 2.5fr 1fr;align-items:center;gap:12px;margin-top:19px;color:#6e7b83;font-size:11px}.depth-wall,.depth-front{line-height:1.45}.depth-front{text-align:right}.depth-rail b{color:var(--ink);font:600 11px Space Grotesk}.depth-line{position:relative;height:1px;background:#acb9bf;text-align:center}.depth-line:before,.depth-line:after{content:"";position:absolute;top:-4px;width:8px;height:8px;border-top:1px solid #87969e;border-right:1px solid #87969e}.depth-line:before{left:0;transform:rotate(-135deg)}.depth-line:after{right:0;transform:rotate(45deg)}.depth-line b{position:relative;top:-9px;padding:0 8px;background:#f4f6f7}.placement-panel{display:flex;gap:18px;align-self:center;padding:24px;border-radius:16px;background:#17222b;color:#fff}.panel-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #56636b;border-radius:10px;color:#ff948b;font-size:21px}.placement-panel .eyebrow{margin-bottom:10px;color:#ff948b}.placement-panel h2{margin-bottom:9px;font-size:20px}.placement-copy{max-width:395px;margin-bottom:14px;color:#bcc6cb;font-size:12px;line-height:1.7}.placement-caution{margin:0;color:#ffb2aa;font-size:11px;line-height:1.5}.placement-caution span{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:5px;border-radius:50%;background:#713b3a;font-weight:700}.debug-panel{grid-column:1 / -1;padding:20px 22px;border:1px dashed #aebbc1;border-radius:14px;background:#eff4f5b8}.debug-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:15px}.debug-heading .eyebrow{margin-bottom:0}.debug-heading h2{font-size:19px}.debug-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0}.debug-grid div{min-width:0;padding:10px 12px;border-radius:9px;background:#ffffffbf}.debug-grid dt{margin-bottom:6px;color:#78878f;font:600 9px/1.2 Space Grotesk;letter-spacing:.06em}.debug-grid dd{overflow-wrap:anywhere;margin:0;color:#384952;font:500 11px/1.45 Space Grotesk}.disclaimer{grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid #d6dfe3;border-radius:12px;background:#ffffff8c}.disclaimer-mark{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#dce6e9;color:#55656e;font:700 12px/1 Space Grotesk}.disclaimer p{margin:0;color:#6a7880;font-size:11px;line-height:1.7}.disclaimer strong{color:#394952}.footer-note{padding:0 0 30px;color:#9aa6ab;font:10px/1.5 Space Grotesk;letter-spacing:.08em}.footer-note span{padding:0 8px;color:var(--accent)}@media(max-width:900px){.content-grid{grid-template-columns:1fr;gap:25px;padding-top:48px}.intro-panel{padding-bottom:0}.lead{max-width:530px}.viewer-card{grid-row:2}.metrics-panel,.disclaimer{grid-column:1}.placement-panel{grid-row:4}}@media(max-width:620px){.page-shell{width:min(100% - 28px,560px)}.topbar{height:64px}.gate-chip{padding:7px 9px;font-size:8px}.content-grid{padding:34px 0 28px}h1{font-size:45px}.viewer-card{border-radius:18px}.viewer-stage{height:390px}.viewer-footer{align-items:stretch;flex-direction:column;padding:12px}.mode-switch{justify-content:space-between}.mode-button{flex:1;padding-inline:5px;font-size:10px}.ar-button{justify-content:center}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:0}.depth-rail{grid-template-columns:.8fr 1.7fr .8fr;gap:6px;font-size:9px}.depth-rail b,.depth-line b{font-size:9px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.placement-panel{padding:19px}.debug-grid{grid-template-columns:repeat(2,1fr)}}