/* Approved concept visual match. Layout only; real screenshots are unaltered. */
.picture-feature{position:relative}.picture-feature h3 a{color:inherit;text-decoration:none}.picture-feature h3 a::after{content:"";position:absolute;inset:0}.picture-feature:focus-within{outline:3px solid #dfcaff;outline-offset:3px}.feature-grid>p:empty,.feature-picture+p:empty,.feature-copy>p:empty{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--bg:#0e141e;--panel:#1a2230;--border:#303a4b;--purple:#7749fa}
body{background:var(--bg);font-size:16px;line-height:1.55}
.wrap{width:min(1200px,calc(100% - 80px))}
.site-header{background:linear-gradient(110deg,#101620,#171d2e);border-bottom:1px solid #30374a}
.header-row{min-height:75px}.brand{font-size:25px}.wave{transform:scale(.84);transform-origin:left center;margin-right:-5px}
.site-header nav{gap:46px}.site-header nav a{font-size:14px}.site-header nav .button{margin-left:70px}
.button{background:linear-gradient(110deg,#764bfa,#8653ff);border-color:#9470f8;border-radius:9px;min-height:46px;padding:12px 22px;font-size:14px;box-shadow:inset 0 1px 0 #ffffff10}
.button.secondary{background:#1118229c;border-color:#4b5870;box-shadow:none}
.preview-bar{font-size:10px;letter-spacing:.14em;padding:6px 12px;background:#101621;border-bottom:1px solid #253044}
.hero-scene{background:radial-gradient(ellipse at 72% 37%,#34304d70,transparent 60%),linear-gradient(105deg,#0d141e,#141c2b 80%,#111725);overflow:hidden}
.concept-hero{position:relative;min-height:475px;display:grid;grid-template-columns:46% 54%;align-items:center}
.concept-hero .hero-copy{padding:32px 0 65px;z-index:5;pointer-events:none}.concept-hero .hero-copy a{pointer-events:auto}
.concept-hero h1{font-size:clamp(36px,4.2vw,53px);line-height:1.08;letter-spacing:-.035em;margin-bottom:22px;text-wrap:initial;font-weight:750}
.concept-hero .eyebrow{font-size:13px;letter-spacing:.15em;margin-bottom:20px;font-weight:550}
.concept-hero .lead{font-size:18px;line-height:1.6;max-width:490px;margin-bottom:0}
.concept-hero .actions{gap:18px;margin-top:25px}.concept-hero .actions a{padding:14px 25px}
.device-scene{position:relative;width:113%;margin-left:-9%;height:450px;align-self:end;isolation:isolate}
.scene-light{position:absolute;inset:-40px -130px 0 -80px;background:radial-gradient(ellipse at 60% 20%,#7b78b630,transparent 65%);z-index:-2}
.scene-table{position:absolute;left:-40%;right:-30%;height:80px;bottom:15px;transform:perspective(300px) rotateX(20deg);background:repeating-linear-gradient(0deg,#45312b0f 0px,#45312b20 2px,transparent 3px,transparent 5px),linear-gradient(0deg,#0e141e,#442e3270,#211e2960);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 80%,transparent);z-index:-1}
.device{position:absolute;filter:drop-shadow(0 18px 15px #0008)}
.bezel{background:linear-gradient(145deg,#1d222f,#03050b);padding:8px 8px 12px;border:1px solid #646a7c;border-radius:5px;box-shadow:inset 0 0 0 2px #080b11}
.bezel img{width:100%;height:auto;border-radius:1px;object-fit:contain}
.monitor{width:76%;top:18px;left:8%;transform:perspective(1000px) rotateY(-8deg) rotateZ(-2deg);z-index:1}
.monitor .bezel{padding-bottom:16px;border-radius:3px}.monitor-neck{height:65px;width:11%;background:linear-gradient(90deg,#10141d,#343947,#161b27);margin:0 auto;transform:skewX(-8deg)}
.monitor-foot{width:43%;height:13px;margin:-3px auto 0;background:linear-gradient(0deg,#0b0e16,#454a57);clip-path:polygon(13% 0,83% 0,100% 80%,92% 100%,0 90%)}
.television{width:59%;right:-8%;bottom:53px;transform:perspective(1000px) rotateY(-14deg) rotateZ(3deg);z-index:3}
.television .bezel{padding:6px 6px 10px;border-color:#546077}
.tv-leg{position:absolute;bottom:-16px;width:5px;height:22px;background:linear-gradient(90deg,#5e626e,#080c13);transform:rotate(29deg)}.tv-leg.left{left:14%}.tv-leg.right{right:12%;transform:rotate(-29deg)}
.handset{width:20%;left:1%;bottom:24px;z-index:4;transform:perspective(900px) rotateY(7deg) rotateZ(5deg)}
.handset .bezel{padding:6px;border-radius:18px;border-color:#737b89;box-shadow:inset 0 0 0 2px #06080d}
.handset img{border-radius:12px}.device-scene figcaption{position:absolute;bottom:3px;right:0;font-size:11px;color:#bdc3d3;z-index:6}
.concept-editions{padding:10px 0 22px}.branded-editions{gap:18px}
.branded-editions .edition{min-height:246px;position:relative;isolation:isolate;overflow:hidden;padding:26px 24px 23px;display:block;background:radial-gradient(ellipse at 80% 10%,#35415860,transparent 70%),linear-gradient(125deg,#1d2634,#171f2b);border:1px solid #303a4a;border-radius:13px}
.branded-editions h3{display:flex;gap:16px;align-items:center;font-size:27px;margin:0 0 20px;min-height:44px;position:relative;z-index:3;letter-spacing:-.04em}
.branded-editions h3>img{width:43px;height:43px;object-fit:contain}.branded-editions sup{font-size:9px;align-self:start;margin-left:-13px;margin-top:10px}
.branded-editions h3.amazon-heading{gap:10px;align-items:center}.branded-editions .amazon-heading img{width:115px;height:40px;object-fit:contain}.amazon-heading span{color:#ff9f35;font-size:27px}
.edition-copy{position:relative;z-index:3;max-width:70%;min-height:88px}.branded-editions .edition-copy p{font-size:14px;line-height:1.5;margin-bottom:6px}.branded-editions .edition-copy .card-lead{font-size:15px;font-weight:600;color:#fff}
.branded-editions .button{position:relative;z-index:4;padding:10px 16px;min-height:40px;font-size:13px;margin:0;gap:12px;background:linear-gradient(100deg,#9672fb,#8b62ee)}
.edition-more{display:block;position:relative;z-index:4;font-size:11px;margin-top:8px;width:max-content}
.card-device{position:absolute;z-index:2;filter:drop-shadow(0 12px 8px #0006);pointer-events:none}.card-device .bezel{padding:4px 4px 7px;border-color:#687087}
.card-laptop{width:49%;right:-9%;top:73px;transform:perspective(650px) rotateY(-25deg) rotateZ(-4deg)}
.laptop-base{height:12px;background:linear-gradient(0deg,#1b212c,#6b7481);clip-path:polygon(8% 0,96% 0,100% 48%,91% 100%,0 85%);margin-left:-27px;width:calc(100% + 30px)}
.card-phone{width:24%;right:5%;top:58px;transform:rotate(7deg)}.card-phone .bezel{padding:4px;border-radius:12px}.card-phone img{border-radius:8px}
.card-tv{width:48%;right:-7%;top:74px;transform:perspective(650px) rotateY(-21deg) rotateZ(3deg)}
.concept-features{padding:24px 0 22px;background:linear-gradient(120deg,#1b2230,#171e2c);border-color:#293243}
.concept-features .section-heading{margin-bottom:20px;gap:12px}.home-concept h2{font-size:32px;letter-spacing:-.035em;font-weight:700;line-height:1.2}
.concept-features .section-heading p{margin:0;font-size:12px;max-width:none;white-space:nowrap}.concept-features .section-heading a{color:inherit;text-decoration:none}.concept-features .section-heading a:hover{text-decoration:underline}
.concept-features .feature-grid{gap:16px;grid-template-columns:repeat(6,minmax(0,1fr))}.picture-feature{padding:0;border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#1a2230,#161e2a);position:relative;display:flex;flex-direction:column}
.feature-picture{height:108px;width:100%;display:block;background-image:url('assets/features-editorial.jpg');background-size:600% auto;background-repeat:no-repeat;position:relative}
.feature-picture:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#19212e)}
.picture-0{background-position:0% 48%}.picture-1{background-position:20% 48%}.picture-2{background-position:40% 48%}.picture-3{background-position:60% 47%}.picture-4{background-position:80% 42%}.picture-5{background-position:100% 46%}
.feature-copy{padding:0 14px 14px;position:relative;margin-top:-8px;flex:1}.feature-copy .line-icon{display:block;color:#f2f4ff;margin:0 0 9px;position:relative}
.concept-features h3{font-size:16px;letter-spacing:-.025em;line-height:1.3;margin-bottom:6px}.concept-features .feature p{font-size:13px;line-height:1.45;margin-bottom:10px}.concept-features .tag{font-size:10px;color:#c2b5dd}
.music-story{display:grid;grid-template-columns:47% 53%;gap:30px;align-items:center;padding-block:18px 12px}.music-story figure{margin-left:-15px}.music-story figure img{width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.music-story p{font-size:16px;line-height:1.6;max-width:580px;margin-bottom:21px}.music-story h2{font-size:36px;margin-bottom:18px}.music-story .button{min-height:44px}.music-story>div{padding-right:30px}
.concept-trial{position:relative;isolation:isolate;overflow:hidden;display:flex;gap:26px;align-items:center;padding:22px 28px;margin-block:0 22px;border:1px solid #2e374a;border-radius:10px;background:linear-gradient(115deg,#19212e,#121925)}
.concept-trial h2{font-size:25px;margin-bottom:3px}.concept-trial p{font-size:14px;margin:0}.trial-icon{color:#9966ff;display:block;flex-shrink:0}.trial-icon svg{width:46px;height:46px}.trial-wave{width:40%;height:100%;position:absolute;right:0;bottom:0;z-index:-1;opacity:.8}
.concept-faq{padding-bottom:24px}.concept-faq h2{margin-bottom:17px}.concept-faq .faq{margin:0;gap:6px}.concept-faq details{border-radius:9px;padding:0 23px;background:linear-gradient(110deg,#1b2433,#171f2b);border-color:#354054}.concept-faq summary{padding:15px 0;min-height:49px;font-size:15px;display:flex;align-items:center;gap:20px;list-style:none}.concept-faq summary::-webkit-details-marker{display:none}.concept-faq summary:before{content:'?';width:23px;height:23px;border:1.5px solid #c4cee3;border-radius:50%;display:inline-grid;place-items:center;font-size:16px;font-weight:400;flex-shrink:0}.concept-faq summary:after{content:'⌄';margin-left:auto;font-size:19px}.concept-faq details[open]>summary:after{content:'⌃'}.concept-faq .faq details div{font-size:15px;padding:4px 0 18px 44px}.comparison-disclosure{margin-top:10px;border:1px solid #354054}.comparison-disclosure p{font-size:14px}.comparison-disclosure .table-scroll{padding:0}
.site-footer{padding:24px 0 18px;background:#0e141e;border-color:#2c3442}.footer-top{gap:22px;margin-bottom:12px}.footer-top .brand{font-size:23px}.footer-top p{font-size:12px}.footer-top nav{font-size:12px}.site-footer .small{font-size:11px;line-height:1.6;margin-bottom:8px}.brand-notice{color:#a8b3c8;font-size:10px;margin-bottom:0}
@media(min-width:1400px){.concept-hero{min-height:500px}.device-scene{height:480px}.monitor{top:35px}.television{bottom:60px}.handset{bottom:36px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:26px}.site-header nav .button{margin-left:35px}.concept-hero{min-height:415px;grid-template-columns:47% 53%}.concept-hero h1{font-size:43px}.concept-hero .lead{font-size:16px}.concept-hero .actions{gap:14px}.concept-hero .actions a{padding:12px 20px;font-size:13px}.device-scene{height:380px}.monitor{top:22px;left:5%;width:81%}.television{bottom:55px}.handset{bottom:27px;width:23%}.branded-editions{gap:14px}.branded-editions .edition{padding:23px 20px 20px;min-height:222px}.branded-editions h3{font-size:25px;gap:12px;margin-bottom:17px}.edition-copy{min-height:79px;max-width:75%}.branded-editions .edition-copy .card-lead{font-size:13px}.branded-editions .edition-copy p{font-size:12px}.branded-editions .button{font-size:12px;padding:9px 14px;gap:8px}.card-phone{top:60px}.home-concept h2{font-size:29px}.concept-features .feature-grid{gap:12px}.concept-features .section-heading p{font-size:11px}.feature-picture{height:98px}.feature-copy{padding:0 12px 12px}.concept-features h3{font-size:14px}.concept-features .feature p{font-size:12px}.music-story{gap:20px}.music-story p{font-size:15px}.music-story h2{font-size:32px}.concept-trial h2{font-size:23px}}
@media(max-width:850px){.site-header nav{gap:20px}.site-header nav .button{margin-left:0}.concept-hero h1{font-size:36px}.concept-hero .actions a{padding:10px 13px;font-size:12px}.concept-hero .actions{gap:8px}.device-scene{height:330px}.concept-hero{min-height:370px}.concept-hero .hero-copy{padding-bottom:40px}.concept-hero .lead{font-size:15px}.branded-editions{grid-template-columns:repeat(3,minmax(0,1fr))}.branded-editions .edition{padding:18px 15px;min-height:240px}.branded-editions h3{font-size:21px;gap:9px}.branded-editions h3>img{width:33px;height:33px}.branded-editions .amazon-heading img{width:87px}.amazon-heading span{font-size:23px}.branded-editions .edition-copy{max-width:100%;min-height:110px}.card-device{opacity:.85}.card-laptop,.card-tv{top:129px;width:45%}.card-phone{top:112px;width:23%;right:4%}.edition-copy p{max-width:80%}.branded-editions .button{font-size:11px;padding:9px 10px}.concept-features .section-heading{display:block}.concept-features .section-heading p{margin-top:8px}.concept-features .feature-grid{grid-template-columns:repeat(3,1fr)}.feature-picture{height:130px}.concept-features h3{font-size:17px}.concept-features .feature p{font-size:14px}.music-story h2{font-size:28px}.music-story p{font-size:14px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header-row{min-height:0;padding:16px 0;gap:12px}.site-header .brand{font-size:23px}.site-header nav{gap:14px;flex-wrap:wrap;justify-content:flex-start;width:100%}.site-header nav a{font-size:12px}.site-header nav .button{margin-left:auto;min-height:36px;padding:8px 12px}.concept-hero{display:flex;flex-direction:column;min-height:0;align-items:stretch}.concept-hero .hero-copy{padding:33px 0 8px}.concept-hero h1{font-size:clamp(32px,8.8vw,47px);margin-bottom:18px}.concept-hero .eyebrow{font-size:11px;margin-bottom:16px}.concept-hero .lead{font-size:16px;max-width:450px}.concept-hero .actions{gap:12px;margin:21px 0 8px}.concept-hero .actions a{font-size:12px;padding:12px 16px;min-height:44px}.device-scene{width:100%;height:315px;margin:0;align-self:center}.monitor{top:18px;left:12%;width:76%}.television{right:-1%;bottom:53px;width:57%}.handset{left:5%;width:21%;bottom:25px}.device-scene figcaption{font-size:10px;right:3%;bottom:10px}.scene-table{bottom:22px}.concept-editions{padding:10px 0 24px}.branded-editions{grid-template-columns:1fr;gap:12px}.branded-editions .edition{min-height:217px;padding:23px}.branded-editions h3{font-size:27px;gap:15px;margin-bottom:16px}.branded-editions h3>img{width:39px;height:39px}.branded-editions .amazon-heading img{width:112px}.branded-editions .edition-copy{min-height:73px;max-width:75%}.branded-editions .edition-copy p{font-size:14px;max-width:100%}.branded-editions .edition-copy .card-lead{font-size:14px}.branded-editions .button{font-size:13px;padding:10px 16px}.card-laptop,.card-tv{top:78px;width:43%;right:-2%;opacity:1}.card-phone{top:38px;width:23%;right:6%;opacity:1}.home-concept h2{font-size:28px}.concept-features{padding:25px 0}.concept-features .section-heading p{font-size:12px;white-space:normal}.concept-features .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-picture{height:112px}.feature-copy{padding:0 13px 14px}.concept-features h3{font-size:16px}.concept-features .feature p{font-size:13px}.music-story{grid-template-columns:1fr;gap:0;padding:12px 0 25px}.music-story figure{margin:0}.music-story>div{padding:0}.music-story h2{font-size:29px;margin-bottom:14px}.music-story p{font-size:16px}.concept-trial{gap:15px;padding:19px;margin-bottom:25px}.concept-trial h2{font-size:21px}.concept-trial p{font-size:12px}.trial-icon svg{width:33px;height:33px}.trial-wave{width:70%;opacity:.3}.concept-faq summary{font-size:13px;gap:12px}.concept-faq details{padding:0 15px}.concept-faq .faq details div{padding-left:0}.concept-faq h2{font-size:28px}.site-footer .brand{font-size:23px}.footer-top nav{gap:12px}.footer-top{gap:12px}}
@media(min-width:601px) and (max-width:850px){.concept-hero{grid-template-columns:1fr}.concept-hero .hero-copy{padding:32px 0 0;max-width:620px}.concept-hero h1{font-size:44px}.concept-hero .lead{max-width:580px;font-size:17px}.device-scene{width:90%;max-width:620px;height:380px;justify-self:end;margin:0}.device-scene .handset{left:8%;width:20%}.device-scene .television{right:0;width:53%}}
@media(min-width:851px){.device-scene .handset{left:11%}.device-scene .television{right:-2%;width:55%}.branded-editions .edition{height:230px;min-height:230px}.branded-editions .edition-copy{min-height:0}.branded-editions .button{position:absolute;bottom:22px;left:22px}.branded-editions .edition-android .button{bottom:31px}.branded-editions .edition-more{position:absolute;left:22px;bottom:8px;font-size:10px}.music-story figure img{height:270px;object-fit:contain}.music-story{padding-block:10px}.concept-features{padding-block:23px 20px}.concept-features .feature-picture{height:90px}.concept-faq summary{min-height:44px;padding-block:12px}.concept-trial{padding-block:18px}}
@media(min-width:851px) and (max-width:1100px){.concept-hero{min-height:375px}.device-scene{height:350px}.device-scene .monitor{top:0;left:10%;width:78%}.concept-hero .hero-copy{padding-bottom:40px}.concept-hero h1{font-size:41px}.concept-hero .lead{max-width:400px}.branded-editions .edition{height:216px;min-height:216px}.branded-editions .edition-android .button{bottom:25px}.branded-editions .edition-android .edition-more{bottom:5px}.music-story figure img{height:250px}.concept-features .feature-picture{height:84px}}
@media(max-width:370px){.site-header nav{gap:10px}.site-header nav a{font-size:11px}.site-header nav .button{padding-inline:9px}.concept-hero .actions{gap:8px}.concept-hero .actions a{width:auto;padding:11px 12px;font-size:11px}.device-scene{height:265px}.television{bottom:48px}.concept-hero .lead{font-size:15px}.branded-editions .edition{padding:20px}.branded-editions .edition-copy .card-lead{font-size:13px}.branded-editions .edition-copy p{font-size:13px}.card-phone{right:4%}.feature-picture{height:95px}.concept-features h3{font-size:14px}}
/* Correction pass: linked disclosures and long setup addresses. */
#compare { scroll-margin-top: 24px; }
.technical-setup { margin: 24px 0; border: 1px solid #394155; border-radius: 12px; padding: 16px; }
.technical-setup summary { cursor: pointer; font-weight: 600; min-height: 28px; }
.technical-setup code { overflow-wrap: anywhere; }
/* Preserve contrast in WooCommerce's light payment and validation panels. */
.woocommerce table.shop_table{min-width:0;width:100%}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{overflow-wrap:anywhere}
@media(max-width:600px){.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:10px 8px}.woocommerce table.shop_table .product-total{min-width:75px}}
.woocommerce-checkout #payment div.payment_box,.woocommerce-checkout #payment div.payment_box p{color:#20232b}
.woocommerce .woocommerce-error,.woocommerce .woocommerce-error li{color:#20232b}
