/* Reference-led storefront. Admin retains its separate workspace theme. */
body:not(.admin-page){--paper:#151017;--ink:#fff;--muted:#aaa7ad;--line:#332b37;--green:#ec2f4b;--lime:#ec2f4b;background:var(--paper);color:var(--ink);font-family:Barlow,'Noto Sans SC',Arial,sans-serif}body:not(.admin-page) .announcement{display:none}body:not(.admin-page) .nav{position:sticky;top:0;height:126px;padding:0 7%;z-index:10;background:#151017f5;border:0;gap:24px}body:not(.admin-page) .logo{font-size:25px;color:#fff;letter-spacing:-1.8px;flex-shrink:0}body:not(.admin-page) .logo span{color:#ec2f4b}body:not(.admin-page) .navlinks{gap:27px;flex:1;justify-content:center}body:not(.admin-page) .navlinks a{font-weight:700;font-size:12px;white-space:nowrap;position:relative;padding:17px 0}body:not(.admin-page) .navlinks > .nav-item.active:after{content:'';height:2px;width:35px;background:#ec2f4b;position:absolute;bottom:3px;left:0}body:not(.admin-page) .navlinks .notice-link{color:#ec2f4b}body:not(.admin-page) .navtools{gap:7px}body:not(.admin-page) .user-label{display:none}body:not(.admin-page) .navtools .iconbtn{padding:5px}body:not(.admin-page) .count{background:#ec2f4b}body:not(.admin-page) .primary{background:linear-gradient(30deg,#ec2f4b 0%,#009fff 100%);color:#fff;border-radius:7px;padding:16px 28px;font-size:13px;font-weight:700;box-shadow:0 5px 20px #1a0f1b33}body:not(.admin-page) .primary:hover{filter:brightness(1.15)}body:not(.admin-page) .secondary{color:white;border-color:#615364;background:#ffffff06}body:not(.admin-page) .section{padding:85px 5%}body:not(.admin-page) h2{font-weight:700;line-height:1.25;font-size:32px;letter-spacing:-.7px}body:not(.admin-page) .kicker,.reference-kicker{color:#ec2f4b;font-size:13px;font-weight:700;letter-spacing:1.5px;margin-bottom:16px}.reference-home{overflow:hidden}.cinema-hero{height:570px;position:relative;display:grid;place-items:center;margin-top:-126px;padding-top:126px;background:#171721}.tech-room{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,#697e8d 0%,#314452 25%,#10131d 68%)}.room-wall{position:absolute;left:13%;right:13%;top:24%;bottom:15%;background:radial-gradient(#acc0cd66 .7px,transparent .9px),linear-gradient(120deg,#536470,#a0a7ac 50%,#2c3943);background-size:4px 4px,cover;clip-path:polygon(8% 0,92% 0,100% 15%,100% 85%,92% 100%,8% 100%,0 85%,0 15%);box-shadow:inset 0 0 100px #0008}.tech-room:before,.tech-room:after{content:'';position:absolute;top:10%;bottom:-5%;width:16%;background:repeating-linear-gradient(180deg,#0c121b 0 35px,#647b8d 38px,#1a2736 43px,#070c13 78px);z-index:1;border:12px solid #10151d;box-shadow:0 0 20px #000}.tech-room:before{left:-5%;transform:perspective(500px) rotateY(35deg)}.tech-room:after{right:-5%;transform:perspective(500px) rotateY(-35deg)}.ceiling-grid{position:absolute;top:-150px;width:100%;height:340px;background:repeating-linear-gradient(0deg,transparent 0 56px,#111a23 58px 72px),repeating-linear-gradient(90deg,#7792a480 0 140px,#0c1720 145px 170px);transform:perspective(400px) rotateX(-35deg);box-shadow:0 15px 45px #07121b}.stage-orbit{position:absolute;border:1px solid #b6dfff44;width:700px;height:200px;bottom:6%;left:22%;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 40px #62b8fd22}.orbit-two{transform:rotate(25deg);border-color:#ff406633;box-shadow:0 0 25px #ff406622}.hero-devices{position:absolute;inset:0;z-index:2;display:flex;justify-content:center;align-items:center}.floating-device{position:absolute;filter:drop-shadow(5px 20px 16px #0008)}.floating-device.central{width:440px;height:520px;left:38%;top:0;transform:rotate(22deg)}.floating-device.rear{width:400px;height:440px;left:4%;top:155px;transform:rotate(-24deg)}.floating-device.side{width:340px;height:420px;right:2%;top:120px;transform:rotate(29deg)}.hero-devices .device{height:100%;width:100%}.hero-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(#0002,#06061008 35%,#120c1c80 65%,#151017 100%)}.cinema-copy{position:relative;z-index:4;text-align:center;padding:90px 20px 35px;max-width:780px;text-shadow:0 3px 20px #000}.cinema-copy h1{font-size:42px;line-height:1.2;margin:0 0 16px;font-weight:700;letter-spacing:-1px}.cinema-copy p{font-size:21px;line-height:1.5;max-width:650px;margin:0 auto 24px;color:#f4f4f4}.cinema-copy .primary{padding:12px 24px}.reference-stats{position:relative;margin:-20px 5% 0;z-index:5;background:#251d2b;border-radius:9px;padding:50px 0;display:grid;grid-template-columns:repeat(3,1fr)}.reference-stats>div{display:flex;flex-direction:column;align-items:center;gap:12px;border-right:1px solid #ffffff20}.reference-stats>div:last-child{border:0}.reference-stats strong{font-size:31px;line-height:1}.reference-stats sup{font-size:25px;color:#ee2a55;position:relative;top:-2px;margin-left:5px}.reference-stats span{font-size:18px;color:#c0b9c4}.reference-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:570px;position:relative;background:radial-gradient(ellipse at 42% 20%,#48304d3b,transparent 55%)}.about-copy{max-width:540px}.about-copy h2{text-transform:uppercase;max-width:500px}.about-copy p{color:#a4a0a8;font-size:16px;line-height:1.8}.follow-row{display:flex;align-items:center;gap:12px;margin:30px 0}.follow-row strong{font-size:18px;margin-right:8px}.follow-row a{display:grid;place-items:center;width:38px;height:38px;background:#363039;border-radius:50%;font-size:22px}.about-devices{position:relative;min-height:420px}.about-one{position:absolute;left:-5%;top:20px;width:75%;height:420px;transform:rotate(-12deg);filter:drop-shadow(10px 20px 18px #0009)}.about-two{position:absolute;right:-15%;top:-5px;width:65%;height:370px;transform:rotate(20deg);filter:drop-shadow(10px 20px 18px #0009)}.energy-streak{position:absolute;left:0;right:0;top:48%;height:7px;background:linear-gradient(90deg,transparent,#ec2961,#c05fb4,#52bdfc,transparent);transform:rotate(-22deg);box-shadow:0 0 20px #ed2664;filter:blur(2px)}.center-heading{text-align:center;margin-bottom:100px}.center-heading h2{font-size:36px;text-transform:uppercase;margin-bottom:15px}.center-heading p{font-size:16px;color:#98939e}.reference-grid{grid-template-columns:1fr 1fr;gap:125px 40px}.reference-grid .card{position:relative;border-radius:18px;border:1px solid #493537;background:linear-gradient(135deg,#2a190f,#30201b);text-align:center;min-height:480px;display:flex;flex-direction:column;justify-content:end;padding:0 30px 32px}.reference-grid .card:nth-child(2n){background:linear-gradient(135deg,#222225,#332a3b);border-color:#453748}.reference-grid .card:nth-child(3n){background:linear-gradient(135deg,#11212b,#202d37);border-color:#273e4a}.reference-grid .card-art,.reference-grid .card:nth-child(n) .card-art{height:350px;background:none;overflow:visible;position:relative;margin-top:-85px;cursor:pointer}.reference-grid .card-art .device{height:380px;width:90%;filter:drop-shadow(5px 15px 20px #0006);transform:rotate(-15deg)}.reference-grid .card:nth-child(2n) .device{transform:rotate(15deg)}.reference-grid .card:hover .device{transform:rotate(-10deg) translateY(-10px)}.reference-grid .badge{top:100px;left:auto;right:-14px;color:#fff;background:#ec2f4b;border:0;font-size:10px;font-weight:700;padding:7px 13px}.reference-grid .quick{bottom:0;right:-10px;background:linear-gradient(120deg,#ec2f4b,#079cf3);color:#fff;box-shadow:none}.reference-grid .card-info{display:flex;flex-direction:column;align-items:center;padding:0;gap:14px}.reference-grid .card-info h3{color:#b9a4d9;font-size:22px;font-weight:700;margin:14px 0}.reference-grid .card-info p{color:#c3bec9;font-size:13px}.reference-grid .price{font-size:18px;color:#fff}.center-action{text-align:center;margin-top:50px}.showcase{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:35px;background:radial-gradient(ellipse at 80% 50%,#31204444,transparent 65%)}.showcase-copy h2{font-size:42px;max-width:400px}.showcase-stage{min-height:570px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 55%,#53436a22,transparent 70%)}#showcase-product{text-align:center;width:85%}#showcase-product .device{width:80%;height:380px;filter:drop-shadow(0 20px 22px #0008)}#showcase-product h3{font-size:22px;margin:10px 0}#showcase-product p{font-size:14px;color:#a7a1ae;max-width:420px;margin:10px auto 20px}.showcase-arrow{font-size:45px;position:absolute;top:40%;z-index:2;color:#b4aebd}.showcase-arrow.previous{left:0}.showcase-arrow.next{right:0}.benefits .center-heading{margin-bottom:35px}.benefit-layout{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:25px}.benefit-device{height:400px;text-align:center}.benefit-device .device{width:100%;height:100%;filter:drop-shadow(0 15px 25px #0007)}.benefit-column>div{padding:25px 10px}.benefit-column h3{font-size:19px;margin:9px 0}.benefit-column p{font-size:13px;color:#aaa5b0}.benefit-column span{color:#f32d5b;font-size:12px;letter-spacing:2px}.benefit-column:first-child{text-align:right}.reference-reasons{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.reason-copy p{color:#aaa5b0;font-size:16px;max-width:420px}.reason-item{margin:30px 0}.reason-item>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:12px}.reason-item span{font-size:11px;color:#a19aaa}.reason-track{height:9px;background:#312736;border-radius:4px;overflow:hidden}.reason-track i{display:block;height:100%;background:linear-gradient(90deg,#ed275a,#8a5895,#079df4);border-radius:4px}.service-banner{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(ellipse at 65% 40%,#27344477,transparent 70%);min-height:470px}.service-banner h2{font-size:36px}.service-banner p{color:#aaa5b0;font-size:15px;max-width:470px}.service-banner>div:last-child{height:380px}.service-banner .device{width:100%;height:100%;transform:rotate(12deg);filter:drop-shadow(10px 30px 25px #0007)}.newsletter{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:#1d1723}.newsletter h2{font-size:28px;margin:0}.newsletter form{display:flex;gap:15px}.newsletter input{background:#fff;border:0;border-radius:4px;color:#222;min-width:0}.newsletter button{white-space:nowrap}.newsletter .note{margin:15px 0 0;font-size:12px}.contact-rail{position:fixed;right:0;top:36%;z-index:12;display:flex;flex-direction:column;box-shadow:0 5px 20px #0004}.contact-rail button{writing-mode:vertical-rl;background:#009fff;padding:22px 13px;color:#fff;font-size:12px}.contact-rail a{display:grid;place-items:center;background:#ec2f4b;color:#fff;height:48px;font-size:22px;border-radius:0 0 0 6px}body:not(.admin-page) footer{background:#100c13;border-top:1px solid #2b2330;padding:60px 7% 25px}body:not(.admin-page) .footer-main p,body:not(.admin-page) .footer-links a{color:#a49caa}body:not(.admin-page) .footer-links h4{font-size:16px}body:not(.admin-page) .footer-bottom{border-color:#302835;color:#8e8495}body:not(.admin-page) .modal{background:#241d2b;color:#fff;border:1px solid #493b52}body:not(.admin-page) input,body:not(.admin-page) textarea,body:not(.admin-page) select{background:#332a3b;border-color:#504457;color:#fff}body:not(.admin-page) .modal .card-art{background:#392d43}body:not(.admin-page) .order{background:#211a28;border-color:#3c3045}body:not(.admin-page) .status{background:#3d2943;color:#e8c6eb}body:not(.admin-page) .tabs button.active{background:#ec2856;border-color:#ec2856}body:not(.admin-page) .card-art{background:#261d30}body:not(.admin-page) .card:nth-child(3n+2) .card-art{background:#24222e}body:not(.admin-page) .card:nth-child(3n) .card-art{background:#291d28}body:not(.admin-page) .quick{background:#ee2856;color:#fff}body:not(.admin-page) .page-head h1{font-weight:700}body:not(.admin-page) .textlink{color:#dc8ab8}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body:not(.admin-page) #toast{background:#333047;color:#fff}body:not(.admin-page) .brand-story{background:#201727}
@media(min-width:1500px){.cinema-hero{height:700px}.floating-device.central{width:570px;height:650px}.floating-device.rear{width:500px;height:550px}.floating-device.side{width:440px;height:520px}.cinema-copy h1{font-size:48px}.reference-grid .card{min-height:550px}.reference-grid .card-art{height:420px}.reference-grid .card-art .device{height:450px}}
@media(max-width:1100px){body:not(.admin-page) .nav{padding:0 4%;gap:15px;height:105px}body:not(.admin-page) .navlinks{gap:15px}body:not(.admin-page) .navlinks a{font-size:11px}body:not(.admin-page) .navtools .iconbtn[data-action=search]{display:none}.cinema-hero{margin-top:-105px;padding-top:105px}.cinema-copy h1{font-size:36px}.cinema-copy p{font-size:18px}.reference-about{grid-template-columns:1.1fr 1fr}.about-copy p{font-size:14px}.reference-reasons{gap:45px}.newsletter{gap:35px}.newsletter h2{font-size:24px}.reference-grid{gap:110px 30px}.reference-grid .card{padding:0 20px 25px}.reference-grid .card-info h3{font-size:20px}}
@media(max-width:760px){body:not(.admin-page) .nav{height:auto;min-height:95px;flex-wrap:wrap;padding:16px 5%;gap:10px}body:not(.admin-page) .logo{font-size:22px}body:not(.admin-page) .navtools{margin-left:auto;gap:9px}body:not(.admin-page) .navlinks{display:flex;order:3;flex-basis:100%;justify-content:space-between;gap:9px;overflow-x:auto}body:not(.admin-page) .navlinks a{padding:9px 0;font-size:10px}body:not(.admin-page) .navlinks > .nav-item.active:after{width:25px;bottom:0}.cinema-hero{margin-top:-113px;height:590px;padding-top:113px}.cinema-copy{padding-top:90px}.cinema-copy h1{font-size:34px;max-width:480px;margin-left:auto;margin-right:auto}.cinema-copy p{font-size:17px;max-width:430px}.floating-device.central{width:350px;left:25%;top:45px;height:460px}.floating-device.rear{width:280px;left:-19%;top:190px;height:350px}.floating-device.side{width:260px;right:-17%;top:145px;height:350px}.room-wall{left:3%;right:3%}.reference-stats{padding:32px 0;margin:-25px 5% 0}.reference-stats strong{font-size:26px}.reference-stats span{font-size:12px}.reference-stats sup{font-size:19px}body:not(.admin-page) .section{padding:65px 6%}.reference-about{grid-template-columns:1fr;min-height:auto;gap:10px}.about-copy h2{font-size:28px}.about-copy p{font-size:14px}.about-devices{min-height:320px}.about-one{height:320px;left:0;width:65%}.about-two{height:300px;right:0;width:60%}.follow-row{margin:24px 0}.center-heading{margin-bottom:100px}.center-heading h2{font-size:31px}.reference-grid{grid-template-columns:1fr 1fr;gap:100px 18px}.reference-grid .card{min-height:310px;padding:0 12px 22px}.reference-grid .card-art,.reference-grid .card:nth-child(n) .card-art{height:225px;margin-top:-65px}.reference-grid .card-art .device{height:260px;width:120%;margin-left:-10%}.reference-grid .card-info{gap:8px}.reference-grid .card-info h3{font-size:16px;line-height:1.5;margin:10px 0}.reference-grid .card-info p{font-size:10px}.reference-grid .price{font-size:16px}.reference-grid .badge{top:75px;right:-10px;font-size:8px;padding:5px 8px}.reference-grid .quick{width:28px;height:28px;font-size:20px;bottom:0;right:0}.showcase{grid-template-columns:1fr;gap:0}.showcase-copy h2{font-size:30px}.showcase-stage{min-height:480px}#showcase-product .device{height:310px}.benefit-layout{grid-template-columns:1fr 1fr;gap:10px}.benefit-device{grid-column:1/-1;grid-row:1;height:330px}.benefit-column:first-child{text-align:start}.benefit-column>div{padding:15px 0}.benefit-column h3{font-size:17px}.benefit-column p{font-size:11px}.reference-reasons{grid-template-columns:1fr;gap:15px}.reason-copy h2{font-size:30px}.service-banner{grid-template-columns:1fr;gap:15px}.service-banner h2{font-size:30px}.service-banner>div:last-child{height:320px}.newsletter{grid-template-columns:1fr;gap:25px}.newsletter h2{font-size:25px}.newsletter form{gap:10px}.newsletter button{padding:13px 18px!important}.contact-rail{display:none}body:not(.admin-page) .footer-links{gap:25px}body:not(.admin-page) .footer-links h4{font-size:13px}body:not(.admin-page) .primary{font-size:12px}body:not(.admin-page) .section h2{font-size:28px}.reference-products .center-action{margin-top:35px}}
@media(prefers-reduced-motion:no-preference){.floating-device.central{animation:floatMain 7s ease-in-out infinite}.floating-device.rear{animation:floatSide 9s ease-in-out infinite}.floating-device.side{animation:floatSide 8s ease-in-out infinite reverse}@keyframes floatMain{50%{transform:rotate(17deg) translateY(12px)}}@keyframes floatSide{50%{transform:rotate(-12deg) translateY(-14px)}}}

body:not(.admin-page) h1,body:not(.admin-page) h2{font-family:"Barlow Semi Condensed","Noto Sans SC",sans-serif}body:not(.admin-page) .navlinks a{text-transform:uppercase}body:not(.admin-page) .reference-kicker{color:#ec2f4b}body:not(.admin-page) .primary{background:linear-gradient(30deg,#ec2f4b 0%,#009fff 100%)}