.o3d{position:relative;padding:clamp(64px,9vw,120px) 0;border-top:1px solid var(--orl-border);background:radial-gradient(60% 70% at 75% 50%,rgba(198,166,106,.07) 0%,transparent 70%),#050407}.o3d-wrap{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:clamp(32px,4.5vw,72px);align-items:center;max-width:1480px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}.o3d-head{margin-bottom:28px}.orl .o3d-title{margin:0;padding:0;border:0;background:none;color:#fff;font-size:clamp(2.6rem,5vw,4.6rem);font-weight:800;line-height:.95;letter-spacing:-.04em;text-transform:uppercase}.o3d-sub{margin:18px 0 0;color:#f5f4f1bd;font-size:16px;line-height:1.6}.o3d-card{padding:24px 0 0;border-top:1px solid rgba(198,166,106,.22)}.o3d-points{display:grid;gap:12px;margin:0 0 18px;padding:0;list-style:none}.o3d-points li{position:relative;padding-left:26px}.o3d-points li:before{content:"";position:absolute;left:2px;top:5px;width:11px;height:11px;border-radius:3px;background:linear-gradient(135deg,#f3e2b6,#c6a66a);transform:rotate(45deg)}.o3d-points b{display:block;color:#fff;font-size:15px;font-weight:800}.o3d-points span{display:block;margin-top:1px;color:#f5f4f19e;font-size:13.5px;line-height:1.5}.o3d-btn{width:100%;gap:10px}.o3d-btn svg{width:18px;height:18px}.o3d-note{margin:12px 0 0;color:#f5f4f194;font-size:12.5px;line-height:1.5}.o3d-note a{color:#e8d5a8;font-weight:800;text-decoration:underline;text-underline-offset:3px}.o3d-frame{margin:0}.o3d-view{position:relative;aspect-ratio:16 / 10.5;overflow:hidden;border-radius:18px;border:1px solid rgba(245,244,241,.12);background:#0b0a09;box-shadow:0 1px 2px #00000080,0 12px 24px -8px #0009,0 32px 48px -24px #000c}.o3d-view iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none;transition:opacity .8s ease}.o3d-view.is-ready iframe{opacity:1}.o3d-view.is-live iframe{pointer-events:auto}.o3d-loading{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:12px;color:#f5f4f199;font-size:13px;font-weight:700;letter-spacing:.06em;transform:translate(-50%,-50%);transition:opacity .5s}.o3d-loading i{width:18px;height:18px;border-radius:50%;border:2px solid rgba(198,166,106,.25);border-top-color:#c6a66a;animation:o3dSpin .8s linear infinite}@keyframes o3dSpin{to{transform:rotate(360deg)}}.o3d-view.is-ready .o3d-loading{opacity:0;pointer-events:none}.o3d-activate{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding:0 0 22px;border:0;background:transparent;cursor:pointer;font:inherit}.o3d-activate span{display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:999px;background:#c6a66a;color:#160f03;font-size:14px;font-weight:800;box-shadow:0 1px 2px #0006,0 8px 16px -6px #0009;transition:transform .2s ease,background .2s ease}.o3d-activate:hover span{background:#d4b87a;transform:translateY(-1px)}.o3d-activate:focus-visible span{outline:2px solid #fff;outline-offset:3px}.o3d-view:not(.is-ready) .o3d-activate{visibility:hidden}.o3d-view.is-live .o3d-activate{display:none}@media(max-width:960px){.o3d-wrap{grid-template-columns:1fr}.o3d-frame{order:2}.o3d-copy{order:1}.o3d-view{aspect-ratio:4 / 5}}@media(prefers-reduced-motion:reduce){.o3d-view iframe,.o3d-loading,.o3d-activate span{transition:none}.o3d-loading i{animation:none}}
