/* Responsive media and promotional presentation layer. */
.hero{grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:clamp(28px,5vw,64px);align-items:center}
.promo-window{position:relative;min-width:0;min-height:460px;display:grid;grid-template-rows:1fr auto;overflow:hidden;border:1px solid rgba(125,211,252,.2);border-radius:32px;background:radial-gradient(circle at 58% 38%,rgba(37,99,235,.18),transparent 29%),radial-gradient(circle at 30% 42%,rgba(168,85,247,.22),transparent 34%),linear-gradient(145deg,rgba(14,18,43,.96),rgba(4,9,23,.98));box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 44px rgba(59,130,246,.1);isolation:isolate}
.promo-window::before{content:"";position:absolute;inset:16px;border:1px solid rgba(139,92,246,.16);border-radius:25px;pointer-events:none}
.promo-window::after{content:"";position:absolute;inset:auto -20% -42% -20%;height:66%;background:radial-gradient(ellipse,rgba(6,182,212,.25),rgba(124,58,237,.12) 38%,transparent 70%);filter:blur(20px);z-index:-1}
.promo-media{position:relative;min-height:340px;display:grid;place-items:center;padding:22px 24px 0}
.promo-media::before,.promo-media::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.promo-media::before{width:min(76%,390px);aspect-ratio:1;border:1px solid rgba(96,165,250,.2);box-shadow:0 0 70px rgba(37,99,235,.16),inset 0 0 50px rgba(139,92,246,.08)}
.promo-media::after{width:min(58%,295px);aspect-ratio:1;border:1px dashed rgba(192,132,252,.22);animation:promo-spin 28s linear infinite}
.promo-media img{position:relative;z-index:1;width:min(100%,520px);height:min(390px,45vw);object-fit:contain;object-position:center;filter:drop-shadow(0 26px 34px rgba(0,0,0,.48)) drop-shadow(0 0 23px rgba(59,130,246,.3));mix-blend-mode:screen}
.promo-copy{position:relative;z-index:2;padding:0 28px 28px}
.promo-copy small{display:block;color:#67e8f9;font-weight:900;letter-spacing:1.5px}
.promo-copy h2{margin:7px 0 7px;font:800 clamp(1.15rem,2.2vw,1.65rem) Orbitron,sans-serif}
.promo-copy p{margin:0 0 16px;color:#b9c6da;line-height:1.55}
.promo-copy .button{width:max-content}
@keyframes promo-spin{to{transform:rotate(360deg)}}
.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:stretch}
.card{display:flex;flex-direction:column;min-width:0}
.card .card-body{display:flex;flex:1;flex-direction:column}
.card .card-actions{margin-top:auto!important;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important}
.visual{height:auto;min-height:245px;aspect-ratio:4/3;display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 50% 48%,rgba(59,130,246,.2),transparent 33%),radial-gradient(circle at 32% 35%,rgba(168,85,247,.22),transparent 38%),linear-gradient(145deg,rgba(18,22,53,.98),rgba(5,9,24,.98))}
.visual::before{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(125,211,252,.18);box-shadow:0 0 54px rgba(6,182,212,.12),inset 0 0 38px rgba(124,58,237,.1);z-index:-1}
.visual::after{content:"";position:absolute;inset:auto 9% 7%;height:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(6,182,212,.24),rgba(139,92,246,.11) 45%,transparent 72%);filter:blur(12px);z-index:-1}
.visual img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;padding:22px;object-fit:contain;object-position:center;mix-blend-mode:screen;filter:drop-shadow(0 20px 24px rgba(0,0,0,.42)) drop-shadow(0 0 13px rgba(96,165,250,.25));transform:translateZ(0)}
.card[data-tool-id="lumi-dm"] .visual img{padding:14px 28px 10px;max-height:270px}
.card[data-tool-id="techguytool-a5-a6"] .visual img{padding:18px}
.tool-detail-image{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 42%),linear-gradient(145deg,rgba(17,22,50,.96),rgba(5,8,20,.98))}
.tool-detail-image::after{content:"";position:absolute;inset:8%;border:1px solid rgba(125,211,252,.13);border-radius:50%;z-index:-1}
.tool-detail-image img{object-fit:contain!important;padding:18px;mix-blend-mode:screen;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45)) drop-shadow(0 0 15px rgba(96,165,250,.24))}
.tool-mirror,#detail-mirror{border-color:rgba(125,211,252,.3);background:rgba(6,182,212,.09);color:#cffafe}
.download-source{display:flex;align-items:center;gap:7px;margin-top:10px;color:#8fa3bf;font-size:.82rem;font-weight:700}
.download-source i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:48px}.promo-window{min-height:430px}.promo-media img{height:min(360px,55vw)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.shell{width:min(100% - 22px,1180px)}.nav{min-height:68px}.brand img{width:42px;height:42px}.brand small{font-size:.65rem}.navlinks{max-width:62vw;overflow-x:auto;padding:5px 0;scrollbar-width:none}.navlinks::-webkit-scrollbar{display:none}.navlinks>a,.navlinks>.button{display:none}.hero{padding:34px 0 32px;gap:24px}.hero h1{font-size:clamp(2.25rem,13vw,4rem);line-height:1}.lead{font-size:1rem}.promo-window{min-height:390px;border-radius:25px}.promo-media{min-height:285px;padding:12px 14px 0}.promo-media img{height:min(300px,78vw);width:100%}.promo-copy{padding:0 20px 22px}.instant-flow-grid{grid-template-columns:1fr!important}.heading{align-items:flex-start}.grid{grid-template-columns:1fr}.visual{min-height:255px;aspect-ratio:16/11}.visual img{padding:18px}.footer{display:grid;text-align:center;justify-content:center}.tool-details-body{grid-template-columns:1fr!important}.tool-detail-visual{position:static!important}.tool-detail-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}}
@media(max-width:480px){.shell{width:min(100% - 16px,1180px)}.brand span{display:none}.navlinks{max-width:none;margin-left:auto}.cart-button span{display:none}.cart-button{min-width:48px;padding:.7rem}.hero h1{letter-spacing:-1.4px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .button{width:100%}.trust{display:grid;grid-template-columns:1fr}.promo-window{min-height:350px}.promo-media{min-height:245px}.promo-media img{height:245px}.promo-copy p{font-size:.93rem}.visual{min-height:230px}.card-actions .button{padding:.72rem .55rem;font-size:.92rem}#bonny-launcher{top:104px!important;right:0!important;width:58px!important;height:64px!important;min-height:64px!important;padding:5px!important;border-radius:17px 0 0 17px!important}#bonny-launcher img{width:48px!important;height:54px!important}#bonny-panel{top:78px!important;right:8px!important;bottom:8px!important;left:8px!important;width:auto!important;height:auto!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.promo-media::after{animation:none}}