.canary-announcement{display:flex;justify-content:center;align-items:center;gap:16px;padding:13px 24px;background:#0d2639;border-bottom:1px solid #284760;color:#d4e3ed;font-size:14px;flex-wrap:wrap}.canary-announcement strong{color:#ffdb54}.canary-announcement a{color:#ffdb54;font-weight:800}.canary-showcase{padding:36px 0 100px;background:#071522;scroll-margin-top:100px}.canary-showcase-inner{width:min(1320px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr 1.18fr;gap:60px;align-items:center}.canary-showcase-copy .canary-eyebrow{font-size:12px;letter-spacing:.16em;color:#ffd149;font-weight:800}.canary-showcase-copy h2{font-size:clamp(34px,3.8vw,55px);line-height:1.07;letter-spacing:-.045em;margin:20px 0;color:#fff}.canary-showcase-copy h2 span{color:#ffd149}.canary-showcase-copy p{color:#b8cbd9;line-height:1.75;font-size:16px;max-width:490px}.canary-showcase-copy a{display:inline-flex;padding:13px 22px;background:#ffd149;color:#092135;border-radius:10px;font-weight:850;text-decoration:none;margin:15px 0}.canary-showcase-copy .canary-footnote{font-size:13px}.canary-showcase-viewer{position:relative;overflow:hidden;border:1px solid #34576e;border-radius:26px;background:radial-gradient(ellipse at 50% 45%,#345974,#132f45 60%,#0b2032);box-shadow:0 28px 90px #0006}.canary-scene-decoration{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.canary-moon{fill:#ffe5a8;opacity:.8}.canary-web{fill:none;stroke:#b2a3c9;stroke-width:1;opacity:.35}.canary-bats{fill:#170e27}.canary-showcase-label{position:absolute;top:20px;left:22px;z-index:4;padding:7px 10px;border:1px solid #89783e;border-radius:30px;background:#102639dd;color:#ffd149;font-size:11px;letter-spacing:.1em;font-weight:800}.canary-showcase-stage{height:510px;position:relative}.canary-showcase-stage canvas{position:relative;z-index:2;display:block;width:100%;height:100%;touch-action:none}.canary-showcase-stage .model-poster{position:absolute;inset:65px 5% 0;width:90%;height:calc(100% - 65px);object-fit:contain;opacity:.92}.canary-showcase-stage.ready .model-poster{display:none}.canary-showcase-loading{position:absolute;bottom:20px;left:15px;right:15px;z-index:5;text-align:center;color:#d4e3ed;font-size:13px}.canary-showcase-loading[hidden]{display:none}.canary-showcase-loading button{display:block;margin:8px auto}.canary-showcase-toolbar{position:relative;z-index:5;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #34576e;padding:16px 20px;color:#b9d0e1;background:#0a1f31cc;font-size:12px;align-items:center}.canary-showcase-toolbar div{display:flex;gap:7px}.canary-showcase-toolbar button,.canary-showcase-loading button{cursor:pointer;padding:8px 12px;border:1px solid #45647c;border-radius:8px;background:#173a52;color:#d4e3ed;font:inherit}.canary-showcase-toolbar button:disabled{opacity:.4}.canary-showcase-toolbar button:focus-visible{outline:2px solid #ffd149;outline-offset:3px}@media(max-width:850px){.canary-showcase-inner{grid-template-columns:1fr;gap:28px;width:calc(100% - 32px)}.canary-showcase-copy p{max-width:none}.canary-showcase-stage{height:470px}.canary-showcase{padding:30px 0 80px}}@media(max-width:480px){.canary-showcase-stage{height:420px}.canary-showcase-toolbar{flex-wrap:wrap}.canary-announcement{font-size:12px;gap:6px}.canary-showcase-copy h2{font-size:38px}}
.canary-showcase-loading button[hidden]{display:none}

/* Premium product showcase: real interactive canvas, responsive studio setting. */
.canary-showcase{padding:76px 0 100px;background:radial-gradient(ellipse at 78% 42%,#102941 0,transparent 55%),#081623}
.canary-showcase-inner{width:min(1400px,calc(100% - 64px));grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:64px}
.canary-showcase-copy .canary-eyebrow{display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.25em;color:#FFC53D;margin:0 0 30px}.canary-eyebrow:after{content:"";height:1px;flex:1;max-width:150px;background:linear-gradient(90deg,#52738a,transparent)}
.canary-showcase-copy h2{font-size:clamp(42px,4.4vw,68px);line-height:1.06;letter-spacing:-.045em;margin:0 0 24px}.canary-showcase-copy h2 span{color:#FFC53D}
.canary-showcase-copy .canary-showcase-intro{font-size:clamp(18px,1.7vw,23px);line-height:1.55;max-width:440px;margin:0 0 32px}
.canary-showcase-features{margin:0 0 22px}.canary-showcase-feature{display:flex;gap:18px;align-items:center;padding:22px 0}.canary-showcase-feature+.canary-showcase-feature{border-top:1px solid #30495c}.canary-showcase-feature>svg{width:48px;height:48px;flex-shrink:0;padding:11px;border:1px solid #45637a;border-radius:13px;fill:none;stroke:#FFC53D;stroke-width:1.6;box-sizing:content-box}.canary-showcase-feature h3{font-size:17px;color:#fff;line-height:1.4;margin:0 0 7px;letter-spacing:-.015em}.canary-showcase-feature p{font-size:14px;margin:0;line-height:1.6}.canary-showcase-copy a{gap:32px;justify-content:center;min-height:54px;padding:12px 28px;box-sizing:border-box;border-radius:14px;background:#FFC53D;margin:0 0 12px;transition:background .2s,transform .2s}.canary-showcase-copy a:hover{background:#ffd66c;transform:translateY(-2px)}.canary-showcase-copy a:focus-visible{outline:2px solid white;outline-offset:5px}.canary-showcase-copy .canary-footnote{margin:0;font-size:12px}
.canary-showcase-viewer{isolation:isolate;border:1px solid #54738d;border-radius:30px;background:radial-gradient(ellipse at 50% -8%,#a28a5559,transparent 38%),radial-gradient(ellipse at 50% 58%,#284760 0,#112a40 44%,#071725 80%);box-shadow:0 24px 70px #0003}.canary-showcase-viewer:before{content:"";pointer-events:none;position:absolute;inset:62% -15% 0;background:radial-gradient(ellipse at 50% 45%,#d2a64b20,transparent 55%);filter:blur(10px);z-index:-1}.canary-showcase-label{top:23px;left:26px;border-color:#FFC53D;color:#FFC53D;background:#091a28b3;font-size:10px;letter-spacing:.15em;padding:8px 14px}.canary-showcase-view-label{position:absolute;top:23px;right:26px;color:#c4d5e2;border:1px solid #54738d;border-radius:30px;padding:8px 13px;font-size:10px;letter-spacing:.15em;z-index:4;pointer-events:none}.canary-showcase-stage{height:540px;margin-top:28px}.canary-showcase-stage .model-poster{inset:50px 5% 0;height:calc(100% - 50px)}.canary-showcase-edition{color:#FFC53D;letter-spacing:.22em;font-size:10px;text-align:center;margin:0 0 18px}.canary-showcase-toolbar{background:none;border:0;flex-direction:column;padding:0 20px 24px;gap:12px}.canary-showcase-toolbar>div{padding:6px;border:1px solid #405c71;border-radius:40px;background:#091724bd;gap:5px;box-shadow:0 8px 22px #0003}.canary-showcase-toolbar button{min-width:40px;min-height:36px;padding:8px 14px;background:transparent;border-color:transparent;border-radius:24px;color:#d4e3ed}.canary-showcase-toolbar button:hover:not(:disabled){background:#263d50;border-color:#49657a}.canary-showcase-toolbar>span{font-size:11px;color:#a6bbc9}.canary-showcase-loading{background:#091a28d9;border-radius:12px;padding:10px}
@media(max-width:1100px){.canary-showcase-inner{gap:32px}.canary-showcase-stage{height:490px}.canary-showcase-feature{gap:12px}.canary-showcase-feature>svg{width:30px;height:30px}.canary-showcase-copy h2{font-size:clamp(38px,4.5vw,55px)}}
@media(max-width:850px){.canary-showcase{padding:48px 0 64px}.canary-showcase-inner{grid-template-columns:1fr;width:min(640px,calc(100% - 40px));gap:32px}.canary-showcase-copy h2{font-size:clamp(42px,8vw,62px)}.canary-showcase-copy .canary-showcase-intro{max-width:520px}.canary-showcase-stage{height:500px}.canary-showcase-feature{padding:18px 0}.canary-showcase-copy .canary-eyebrow{margin-bottom:22px}}
@media(max-width:480px){.canary-showcase-stage{height:390px;margin-top:44px}.canary-showcase-viewer{border-radius:22px}.canary-showcase-label{left:16px;top:18px;font-size:9px;padding:7px 10px}.canary-showcase-view-label{right:16px;top:18px;font-size:9px;padding:7px 10px}.canary-showcase-feature h3{font-size:15px}.canary-showcase-feature p{font-size:13px}.canary-showcase-copy a{width:100%}.canary-showcase-toolbar{padding:0 12px 20px}.canary-showcase-toolbar button{padding:8px 12px}.canary-showcase-copy .canary-footnote{text-align:center}}
@media(prefers-reduced-motion:reduce){.canary-showcase-copy a{transition:none}}