/* QRCode.sn / Premium Aurora Hero — isolated homepage visual layer. */
body.q15-site .qsn-aurora-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 58% 70% at 76% 37%,#18674a 0%,transparent 80%),radial-gradient(ellipse 56% 72% at 13% 99%,#17483d 0%,transparent 74%),linear-gradient(126deg,#041f1b 0%,#082b24 48%,#063d30 100%);color:#f9f9ef}
body.q15-site .qsn-aurora-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.33;background:repeating-radial-gradient(ellipse 45% 65% at 104% 63%,transparent 0 19px,rgba(167,255,188,.16) 20px 21px,transparent 22px 38px);mask-image:linear-gradient(90deg,transparent 30%,#000 93%);animation:qsn-contour-drift 26s ease-in-out infinite alternate}
body.q15-site .qsn-aurora-hero::after{content:"";display:block!important;position:absolute;z-index:0;inset:auto -20% -48% -15%;height:78%;background:radial-gradient(ellipse at center,rgba(56,201,135,.14),transparent 66%);pointer-events:none;animation:qsn-breathe 12s ease-in-out infinite alternate}
.qsn-aurora-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.qsn-aurora-glow{position:absolute;width:76%;height:140%;right:-18%;top:-22%;background:conic-gradient(from 170deg at 52% 48%,transparent 0deg,rgba(85,238,162,.11) 60deg,transparent 109deg,rgba(45,181,151,.14) 195deg,transparent 270deg);filter:blur(35px);animation:qsn-glow-shift 18s ease-in-out infinite alternate}
.qsn-aurora-grid{position:absolute;width:430px;height:430px;right:24%;top:7%;opacity:.13;transform:rotate(-11deg);background-image:linear-gradient(90deg,#a3ffc7 1px,transparent 1px),linear-gradient(#a3ffc7 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse,#000,transparent 72%);animation:qsn-float 16s ease-in-out infinite alternate}
.qsn-aurora-orbit{position:absolute;width:640px;height:270px;right:-105px;top:30%;border:1px solid rgba(161,247,178,.33);border-radius:50%;transform:rotate(-31deg);box-shadow:0 0 30px #42d89717,inset 0 0 20px #65f8b010;animation:qsn-orbit 14s ease-in-out infinite alternate}
.qsn-orbit-two{width:800px;height:330px;top:25%;right:-170px;opacity:.55;animation-delay:-7s}
.qsn-aurora-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#d8ffd0;box-shadow:0 0 8px 2px #8cf6bc,0 0 30px 8px #53eaa350;animation:qsn-twinkle 4s ease-in-out infinite;}
.qsn-spark-one{right:32%;top:22%;animation:qsn-twinkle 4s ease-in-out infinite}.qsn-spark-two{right:7%;top:68%;animation:qsn-twinkle 6s ease-in-out -2s infinite}.qsn-spark-three{right:49%;top:78%;animation:qsn-twinkle 5s ease-in-out -1s infinite}
body.q15-site .qsn-aurora-hero .qst-hero-grid{position:relative;z-index:1;min-height:min(790px,calc(100svh - 100px));grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,4vw,70px);padding-top:55px;padding-bottom:70px}
body.q15-site .qsn-aurora-hero .qst-hero-copy h1{font-size:clamp(45px,5.25vw,82px);font-weight:650;line-height:1.04;letter-spacing:-.068em;max-width:780px;text-wrap:balance;color:#f7fbf5;text-shadow:0 10px 50px #0004}
body.q15-site .qsn-aurora-hero .qst-hero-copy>p{color:#e0eee6;font-size:clamp(14px,1.12vw,18px);max-width:625px}
body.q15-site .qsn-aurora-hero .qst-eyebrow{color:#d6f6b9;font-size:11px;font-weight:700;letter-spacing:.18em}
body.q15-site .qsn-aurora-hero .qst-button{background:linear-gradient(125deg,#e7f4d0,#c5efb0);color:#082e24;border:1px solid #f5ffe5;border-radius:12px!important;box-shadow:0 12px 40px #8bfd9f38;padding:16px 24px;font-size:15px;font-weight:750;transition:transform .25s,box-shadow .25s}
body.q15-site .qsn-aurora-hero .qst-button:hover{transform:translateY(-3px);box-shadow:0 16px 44px #8bfd9f60}
body.q15-site .qsn-aurora-hero .qst-link{display:inline-flex;align-items:center;min-height:53px;padding:12px 21px;border:1px solid #a5dba188;border-radius:12px;color:#f4fff0;background:#001c142e;text-decoration:none;font-size:14px;transition:background .25s,transform .25s}
body.q15-site .qsn-aurora-hero .qst-link:hover{background:#ffffff14;transform:translateY(-3px)}
body.q15-site .qsn-aurora-hero .qst-proof{border-top:1px solid #bddfbd34;padding-top:24px;gap:20px;font-size:11px;color:#e3f3e6}
body.q15-site .qsn-aurora-hero .qst-proof span{display:inline-flex;align-items:center;gap:9px}
body.q15-site .qsn-aurora-hero .qst-proof span::before{content:'✓';width:27px;height:27px;display:grid;place-items:center;flex:none;background:#77ce8130;border:1px solid #b7ed9c70;border-radius:50%;font-size:12px;color:#d5f9b7}
body.q15-site .qsn-aurora-hero .qst-demo{filter:drop-shadow(0 12px 55px #051d18b0)}
body.q15-site .qsn-aurora-hero .q15-hero-device{width:min(320px,83%);max-width:100%;transition:filter .3s;filter:drop-shadow(0 12px 22px #0007)}
body.q15-site .qsn-aurora-hero .qst-demo-tabs{border-radius:17px;background:#022820ba;border:1px solid #93e1b050;backdrop-filter:blur(18px);box-shadow:0 15px 38px #001c1490;padding:6px;gap:4px}
body.q15-site .qsn-aurora-hero .qst-demo-tabs button{border-radius:11px;color:#ecf9ed;padding:12px 10px;transition:background .25s,transform .25s,color .25s}
body.q15-site .qsn-aurora-hero .qst-demo-tabs button:hover{transform:translateY(-2px);background:#d3f5c722}
body.q15-site .qsn-aurora-hero .qst-demo-tabs button.active{background:linear-gradient(135deg,#e8f7d7,#c7f2b8);color:#113f2d;box-shadow:0 3px 19px #a5f7ab48}
body.q15-site .qsn-aurora-hero .qst-demo-tag{color:#c5eaba;font-size:10px}
body.q15-site .qsn-aurora-hero .qst-demo-controls,body.q15-site .qsn-aurora-hero .qst-demo-note{color:#c8e7cf}
@keyframes qsn-contour-drift{to{transform:translate(3%,4%) scale(1.05)}}@keyframes qsn-breathe{to{opacity:.45;transform:translateY(-40px)}}@keyframes qsn-glow-shift{to{transform:translate(-7%,6%) rotate(14deg)}}@keyframes qsn-float{to{transform:translate(30px,-25px) rotate(-3deg)}}@keyframes qsn-orbit{to{transform:rotate(-24deg) translateY(-28px)}}@keyframes qsn-twinkle{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1.5)}}
@media(max-width:900px){body.q15-site .qsn-aurora-hero .qst-hero-grid{grid-template-columns:1fr;min-height:0;padding:42px 0 60px;gap:40px}body.q15-site .qsn-aurora-hero .qst-hero-copy h1{font-size:clamp(38px,7vw,62px)}body.q15-site .qsn-aurora-hero .qst-demo{max-width:640px;margin:auto}body.q15-site .qsn-aurora-hero .qst-demo-tabs{justify-content:center;flex-wrap:wrap}.qsn-aurora-orbit{right:-360px}}
@media(max-width:520px){body.q15-site .qsn-aurora-hero .qst-hero-grid{padding-top:32px;padding-bottom:45px}body.q15-site .qsn-aurora-hero .qst-hero-copy h1{font-size:clamp(34px,10vw,48px)}body.q15-site .qsn-aurora-hero .qst-actions{flex-wrap:wrap}body.q15-site .qsn-aurora-hero .qst-proof{gap:12px}body.q15-site .qsn-aurora-hero .qst-demo-tabs button{padding:9px 12px}.qsn-aurora-grid{right:-30%}}
@media(prefers-reduced-motion:reduce){.qsn-aurora-hero::before,.qsn-aurora-hero::after,.qsn-aurora-hero .qsn-aurora-art *,body.q15-site .qsn-aurora-hero .qst-button,body.q15-site .qsn-aurora-hero .qst-link{animation:none!important;transition:none!important}}