@font-face{font-family:SpaceGrotesk;src:url('/assets/space-grotesk.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--echo:#087c99;--matrix:#2267ad;--play:#75429e;--paper:#edf2f8;--ink:#172d4c}
body,body.play-page{font-family:SpaceGrotesk,'Arial',sans-serif;background:radial-gradient(ellipse at 90% 0,#dce7ff80,transparent 40%),linear-gradient(120deg,#f7faff,#e7edf5 45%,#f6f9fd);color:var(--ink)}h1,h2,h3,.btn,nav{font-family:SpaceGrotesk,Arial,sans-serif}h1,h2,h3{font-weight:400}p{font-family:Arial,sans-serif}header{background:#f6f9ffc9;backdrop-filter:blur(24px);border-bottom:1px solid #a3b7cf44}header nav{height:88px}.logo img{width:160px}.navlink{font-size:12px}.navlink.active{color:#087c99}.btn{border-radius:0 12px 0 12px;letter-spacing:.2px;font-size:12px;padding:16px 22px;box-shadow:0 4px 0 #cf5b1b20}.btn.light{background:#ffffff95;border-color:#9bb2ce;color:#27466a;box-shadow:none}.btn:hover{transform:translateY(-3px)}.eyebrow,.tag,.tiny-pill,.panel-top,.retailer-number,.compact-heading,.footer-kicker{font-family:SpaceGrotesk,monospace;letter-spacing:1.8px;font-size:10px}.tag{border-radius:0 10px 0 10px}.hero{padding-top:60px;padding-bottom:30px;color:#172d4c}.hero:before{background:radial-gradient(ellipse at 85% 35%,#cce3ff88,transparent 50%),repeating-linear-gradient(90deg,transparent 0 69px,#91a9ca15 69px 70px),repeating-linear-gradient(0deg,transparent 0 69px,#91a9ca15 69px 70px),linear-gradient(120deg,#f6f9ff,#e3ebf6 55%,#edf3fb);border-bottom:1px solid #9db4cd66}.hero h1{color:#142d50;font-size:clamp(58px,6.5vw,88px);letter-spacing:-5px;line-height:1.02}.hero h1 em{background:linear-gradient(90deg,#ff9353,#e76524 70%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .hero-sub{color:#546d89;font-size:17px}.hero .tiny-pill{background:#ffffffa8;color:#476383;border:1px solid #99b5d366;border-radius:2px;box-shadow:0 3px 12px #355d8810}.hero .btn.light{color:#23476e;border-color:#92abc8;background:#ffffff7a}.hero .strip,.hero .strip span:first-child{color:#536e8e;border-color:#9db4cd66;font-size:10px;letter-spacing:1px}.hero-top{gap:35px;grid-template-columns:1.1fr 1fr}.hero-graphic{min-width:0}.brand-orbit{height:435px;color:#233e62}.brand-orbit:before{inset:18%;background:radial-gradient(circle,#ffffffee,#88c5f83b 60%,transparent 75%);filter:blur(15px)}.brand-core{width:175px;height:175px;background:radial-gradient(circle at 25% 20%,#fff,#c6d6ec 45%,#edf4fe 65%,#9cb5d2);border:1px solid #ffffff;box-shadow:inset 4px 5px 20px #fff,inset -8px -10px 28px #587dab50,0 15px 50px #5078ab38;position:relative}.brand-core:before{content:'';position:absolute;inset:-13px;border:1px solid #6f9bc26b;border-radius:50%;border-right-color:#eb702f;border-bottom-color:#eb702f}.brand-core img{width:115px;height:115px;filter:drop-shadow(0 6px 9px #c35b2430)}.brand-ring{border-color:#6b94c275;box-shadow:0 0 1px #487bad30;transition:border-radius .8s,transform .8s}.ring-two{border:1px dashed #84a5ca75}.ring-three{border-color:#ed824d9e}.brand-orbit .orbit-label,.brand-orbit .orbit-foot{color:#6c87a6;font-size:8px;letter-spacing:2px}.orbit-node{border-radius:3px 16px 3px 16px;box-shadow:0 10px 30px #3b608925,inset 0 1px 0 #fff7;backdrop-filter:blur(20px);transition:background .4s}.track-echo .orbit-node{background:#e6f9ffed;color:#096680;border-color:#4cb8d6}.track-echo .orbit-icon{color:#087c99}.track-matrix .orbit-node{background:#e7f1ffed;border-color:#6c9fe1;color:#235d9d}.track-matrix .orbit-icon{color:#2267ad}.track-play .orbit-node{background:#f3eaffed;border-color:#b088d7;color:#75429e}.track-play .orbit-icon{color:#75429e}.orbit-node small{color:#5d7894}.orbit-node b{font-weight:500;font-size:13px}.graphic-options{display:flex;gap:5px;align-items:center;justify-content:center;margin-top:10px}.graphic-options>span{font-size:8px;letter-spacing:1px;color:#7288a0;margin-right:8px}.graphic-options button{padding:8px 10px;font-size:10px;border:1px solid #aabed633;color:#607d9e;background:#ffffff70;border-radius:4px;font-family:inherit}.graphic-options button.selected{background:#224c7a;color:white;border-color:#224c7a}.brand-orbit[data-mode="grid"] .brand-ring{border-radius:13px;transform:rotate(45deg) scale(.85);border-color:#589bd399}.brand-orbit[data-mode="grid"] .ring-two{transform:rotate(45deg) scale(.9);border-style:solid}.brand-orbit[data-mode="grid"] .ring-three{transform:rotate(45deg);border-color:#9a7cc5}.brand-orbit[data-mode="signal"] .ring-one{transform:scale(.8);border-width:3px;border-color:#4daed44a}.brand-orbit[data-mode="signal"] .ring-two{border-style:solid;border-width:12px;border-color:#95c6e421;box-shadow:0 0 35px #70abda22}.brand-orbit[data-mode="signal"] .ring-three{transform:none;box-shadow:0 0 0 22px #93b4e615}.intro{padding-top:65px}.intro h2{font-size:clamp(32px,3.8vw,48px);letter-spacing:-2px}.intro p{font-family:SpaceGrotesk,Arial,sans-serif;font-size:17px}.panel{border-radius:4px 22px 4px 22px}.review-panel{background:linear-gradient(130deg,#117e9d,#0b4565);border-color:#59c9e8}.ai-panel{background:linear-gradient(130deg,#3479c8,#183d79);border-color:#739fe9}.play-panel{background:linear-gradient(130deg,#996bc5,#503374);border-color:#b89ad6}.review-panel .panel-top{color:#b9edff}.panel .panel-bottom{font-size:24px!important;letter-spacing:-1px;font-weight:400}.with-photos .service-photo{filter:saturate(.78);transition:filter .3s,transform .5s}.panel:hover .service-photo{filter:saturate(1.12);transform:scale(1.025)}.panel-top b{font-weight:400}.platforms{gap:35px}.platforms img{border:0;background:#ffffff85;mix-blend-mode:multiply}.echo-page{--service:#087c99;--service-soft:#ddf3fc;--service-line:#8bc6dc;--service-deep:#07536c}.page-hero:before{background-image:radial-gradient(ellipse at 0% 0%,var(--service-soft),transparent 75%),repeating-linear-gradient(90deg,transparent 0 79px,#9ab1c316 79px 80px)!important;border-bottom:1px solid var(--service-line)!important}.page-hero h1{letter-spacing:-4px}.human-hero>img,.page-hero .human-hero>img{border-radius:4px 35px 4px 35px;filter:saturate(.8)}.human-hero:before{border-radius:4px 35px 4px 35px;border-color:var(--service-line);inset:-12px 20px 20px -12px}.human-note{border-radius:2px 12px 2px 12px;font-family:SpaceGrotesk,Arial,sans-serif}.future-glyph{position:absolute;z-index:2;width:95px;height:95px;top:-22px;right:-12px;pointer-events:none}.future-glyph i{position:absolute;inset:0;border:1px solid var(--service-line);border-radius:50%;background:#ffffff29;backdrop-filter:blur(3px)}.future-glyph i:nth-child(2){inset:15px;background:color-mix(in srgb,var(--service) 25%,transparent)}.future-glyph i:nth-child(3){inset:30px;background:var(--service);box-shadow:0 0 30px color-mix(in srgb,var(--service) 35%,transparent)}.glyph-matrix i{border-radius:9px;transform:rotate(45deg)}.glyph-play i{border-radius:14px 2px 14px 2px;transform:rotate(25deg)}.echo-retail{background:radial-gradient(ellipse at top left,#d2ecf74d,transparent 65%),linear-gradient(120deg,#e4edf5,#f8fbff);border-block:1px solid #b6cbdc}.echo-retail-intro>.tag{background:#087c99;border-color:#087c99}.echo-retail-intro h2{font-size:clamp(32px,3.5vw,46px);font-weight:400}.echo-retail-intro p{font-family:SpaceGrotesk,Arial,sans-serif;font-size:16px}.compact-benefit{background:#ffffff9c;border:1px solid #ffffff;border-radius:3px 20px 3px 20px;box-shadow:0 10px 35px #597ca010,inset 0 0 0 1px #9ab9cf33;backdrop-filter:blur(15px)}.compact-heading{color:#236481}.compact-icon{background:#dff0fa;color:#087c99;border-radius:2px 7px 2px 7px}.compact-pill{color:#087c99;background:#e8f6fc;border-color:#c7e2ee}.compact-benefit h3{font-weight:400;font-size:26px}.compact-report{background:#eaf2f9;border-color:#cfdfeb}.compact-report>div>span:last-child,.compact-report>.compact-report-head{color:#507897}.store-dot{background:#159bbb}.compact-bottom,.compact-bottom a,.compact-detail summary{color:#326e8a}.compact-detail{border-color:#d1e0eb}.compact-screen{background:#eff5fa;border-color:#ccdfed}.echo-retail-cta{background:linear-gradient(100deg,#d3e9f5,#eaf3fa);border:1px solid #bdd7e8;border-radius:3px 20px 3px 20px}.echo-retail .btn{background:#087c99;border-color:#087c99}.echo-story .retailer-number{color:#087c99}.ugc-uses span{border-radius:3px 10px 3px 10px;background:#ffffffa1;border-color:#bbd2e6}.video-overlay{background:linear-gradient(transparent 20%,#123f67e8)}.video-visual>img,.video-overlay{border-radius:3px 25px 3px 25px}.feature-card,.echo-page .feature-card,.matrix-page .feature-card,.play-page .feature-card{border-radius:2px 18px 2px 18px;box-shadow:0 8px 25px #426b9009}.echo-page .feature-card{background:linear-gradient(130deg,#e0f1fa,#f8fcff);border-color:#a4d2e6}.echo-page .feature-card .num,.echo-page .section-title .eyebrow{color:#087c99}.feature-details{border-radius:3px 18px 3px 18px;background:#ffffff65}.path:before{background:linear-gradient(120deg,#e0e9f5,#eef3fa);border-block:1px solid #c1d0e2}.cta{border-radius:3px 24px 3px 24px;background:radial-gradient(ellipse at top right,#6a83be55,transparent),#23466f;box-shadow:0 15px 40px #29548620}.cta h2{font-size:43px;letter-spacing:-2px}.cta select{border-radius:2px 8px 2px 8px}.faq:before{background:linear-gradient(110deg,#f7faff,#edf2f8)}.faq summary{font-family:SpaceGrotesk,Arial,sans-serif;font-weight:400;font-size:15px}.mock{border-radius:3px 20px 3px 20px}.echo-page .mock{background:linear-gradient(130deg,#168fab,#104d70);border-color:#7dcbe3}.echo-page .dashboard{background:#17627c;border-color:#57b0c959}.echo-page .metric,.echo-page .mock-head select{background:#2b7991}.echo-page .bars i{background:#72cde4}.echo-page .bars i:nth-child(3n){background:#c2f0ff}.site-footer{background:linear-gradient(120deg,#dde5f0,#eef3f9 65%,#d9e4f0)}.footer-col a[href="/reviews/"] strong,.footer-col a[href="/reviews/"]{color:#087c99;border-color:#168fab}.footer-contact-note,.footer-base{border-color:#a8bfd470}.footer-invite h2{font-weight:400}.footer-col h3{font-family:SpaceGrotesk,Arial,sans-serif}
@media(max-width:850px){.hero h1{font-size:64px}.brand-core{width:140px;height:140px}.brand-core img{width:95px;height:95px}.hero-top{gap:20px}.graphic-options>span{display:none}.brand-orbit{height:380px}.brand-orbit .orbit-label{font-size:7px;letter-spacing:1px}.brand-orbit .orbit-foot{font-size:7px;letter-spacing:1px}.navlink{font-size:11px}.logo img{width:140px}.future-glyph{width:75px;height:75px}.future-glyph i:nth-child(2){inset:12px}.future-glyph i:nth-child(3){inset:24px}}
@media(max-width:590px){.hero{padding-top:35px}.hero-top{grid-template-columns:1fr;gap:0}.hero h1{font-size:64px;letter-spacing:-4px}.hero .hero-sub{font-size:16px}.brand-orbit{height:350px;margin-top:25px}.brand-core{width:125px;height:125px}.brand-core img{width:88px;height:88px}.orbit-node b{font-size:10px}.graphic-options{margin:0 0 20px}.graphic-options>span{display:block;font-size:7px;letter-spacing:.5px}.hero .strip{font-size:9px}.page-hero h1{font-size:52px;letter-spacing:-3px}.compact-benefit h3{font-size:25px}.cta h2{font-size:36px}.future-glyph{right:0}.logo img{width:125px}.btn{padding:14px 18px}.footer-invite h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.panel .service-photo{transition:none}.brand-ring{transition:none}}

/* A visual story in each card; detail stays available below. */
.compact-benefits{gap:24px;align-items:stretch}.benefit-redesign{padding:25px;background:linear-gradient(145deg,#ffffffdc,#f3f8ffbb);border:1px solid #fff;border-radius:4px 24px 4px 24px;box-shadow:0 15px 35px #53789d10}.benefit-label{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.5px;color:#6d8aa6}.benefit-label span:first-child{color:#087c99}.benefit-redesign>h3{font-size:35px;line-height:1.08;letter-spacing:-1.6px;margin:20px 0 12px;font-weight:400}.benefit-redesign>p{font-size:12px;line-height:1.5;min-height:18px;color:#647d94;margin-bottom:22px}.benefit-art{height:235px;border-radius:3px 16px 3px 16px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 40%,#28648799,transparent 70%),repeating-linear-gradient(90deg,transparent 0 29px,#a9d3ff08 29px 30px),linear-gradient(125deg,#15344e,#182c47);color:#d9f4ff;border:1px solid #6595b540}.staff-art{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 17px 40px}.staff-badge{width:112px;padding:10px 8px 12px;border:1px solid #b8eaff85;border-radius:8px;background:linear-gradient(130deg,#edfaffee,#9ad4eae5);color:#164666;transform:rotate(-7deg);box-shadow:4px 12px 20px #04132645;flex-shrink:0;text-align:center}.badge-cut{height:4px;width:28px;background:#335c7490;border-radius:3px;margin:0 auto 10px}.badge-label{font-size:7px;letter-spacing:1.5px}.badge-avatar{width:47px;height:47px;background:#d9eff7;border:1px solid #6ba4b855;border-radius:50%;margin:9px auto;overflow:hidden;color:#39718e}.badge-avatar svg{width:100%;height:100%}.staff-badge>b{font-size:9px;font-weight:500;display:block}.badge-nfc{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:8px}.badge-nfc svg{width:25px;height:25px}.badge-nfc span{font-size:5px;letter-spacing:.5px}.journey-arrow{color:#8cc2dd;font-size:19px}.review-signal{min-width:90px;padding:13px 9px;border:1px solid #b8ddf03d;background:#ffffff0b;border-radius:6px;transform:rotate(4deg);box-shadow:0 10px 18px #06192c22}.review-stars{font-size:14px;letter-spacing:1px;color:#ffb974;display:block}.signal-line{display:block;height:3px;background:#b9d8ec66;border-radius:5px;width:75%;margin-top:9px}.signal-line.short{width:50%;margin-top:5px}.review-signal>b{display:block;font-size:8px;margin-top:13px;font-weight:400}.reward-signal{text-align:center;flex-shrink:0}.reward-signal svg{width:47px;height:47px;color:#ffb579;filter:drop-shadow(0 0 15px #f5ab5b40)}.reward-signal b{display:block;font-size:8px;margin-top:8px;font-weight:400}.art-foot{position:absolute;bottom:14px;left:0;width:100%;text-align:center;letter-spacing:1.5px;font-size:7px;color:#9fbad0}.benefit-takeaways{display:flex;justify-content:space-between;gap:8px;margin-top:20px;font-size:9px;color:#426f89}.benefit-takeaways span:before{content:'✓';display:inline-block;color:#087c99;margin-right:5px}.benefit-redesign .compact-detail{margin-top:18px;padding-top:15px;border-color:#c8dce8}.benefit-redesign .compact-detail summary{font-size:11px;font-family:SpaceGrotesk,Arial,sans-serif}.expanded-proof{width:100%;height:auto;display:block;margin:15px 0 10px;border:1px solid #d1dfe8;border-radius:6px}.expanded-link{font-size:10px;color:#087c99;display:block;margin-top:12px}.diagram-note{font-size:10px!important;color:#8293a2!important}.network-art{padding:17px 30px 30px;background:radial-gradient(ellipse at 65% 30%,#3766a166,transparent 65%),repeating-linear-gradient(90deg,transparent 0 29px,#a9d3ff08 29px 30px),linear-gradient(125deg,#15344e,#182c47)}.network-stores{display:flex;justify-content:space-between;width:90%;margin:0 auto}.network-store{display:grid;justify-items:center;gap:5px}.network-store svg{width:32px;height:32px;color:#b7dfff}.network-store span{font-size:6px;letter-spacing:1px;color:#b6cfe3}.network-wires{height:26px;position:relative;width:73%;margin:0 auto;border-bottom:1px solid #70bfe1a0}.network-wires:after{content:'';height:12px;position:absolute;top:26px;left:50%;border-left:1px solid #70bfe1a0}.network-wires i{position:absolute;top:0;height:26px;border-left:1px solid #70bfe1a0}.network-wires i:nth-child(1){left:0}.network-wires i:nth-child(2){left:50%}.network-wires i:nth-child(3){right:0}.network-hub{margin:12px auto 0;max-width:280px;border:1px solid #8fbce56b;border-radius:7px;background:linear-gradient(130deg,#456b9270,#203c62cc);box-shadow:0 8px 20px #09172838;padding:10px 12px}.hub-title{display:flex;align-items:center;gap:7px;font-size:9px}.hub-title img{width:21px;height:21px;object-fit:contain}.hub-title b{font-weight:400}.hub-dot{width:5px;height:5px;background:#85dfff;border-radius:50%;margin-left:auto;box-shadow:0 0 10px #85dfff}.hub-reports{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px}.hub-reports>div{border:1px solid #8eb4d833;border-radius:3px;padding:6px;background:#b9deff0b}.hub-reports i{display:block;height:14px;width:80%;background:linear-gradient(90deg,#80c4ee 20%,transparent 20% 28%,#80c4ee 28% 50%,transparent 50% 58%,#80c4ee 58% 88%,transparent 88%);clip-path:polygon(0 70%,20% 70%,20% 50%,50% 50%,50% 25%,100% 25%,100% 100%,0 100%)}.hub-reports span{font-size:6px;color:#bad4ea}.echo-retail-intro{margin-bottom:30px}.echo-retail-intro h2{font-size:clamp(32px,3.5vw,45px);margin-bottom:12px}.echo-retail-intro>p{font-size:15px}
@media(max-width:850px){.benefit-redesign{padding:20px}.benefit-redesign>h3{font-size:31px}.benefit-art{height:225px}.staff-art{gap:6px;padding-inline:10px}.staff-badge{width:93px}.review-signal{min-width:75px;padding:10px 6px}.review-stars{font-size:11px}.reward-signal svg{width:37px;height:37px}.journey-arrow{font-size:14px}.benefit-takeaways{font-size:8px;flex-wrap:wrap;justify-content:flex-start;gap:9px 12px}.network-art{padding-inline:20px}}
@media(max-width:590px){.benefit-redesign{padding:22px}.benefit-redesign>h3{font-size:34px}.benefit-art{height:225px}.staff-art{gap:10px}.staff-badge{width:102px}.review-signal{min-width:82px}.review-stars{font-size:12px}.reward-signal svg{width:39px;height:39px}.benefit-takeaways{font-size:9px;gap:11px}.art-foot{letter-spacing:1px;font-size:6px}.benefit-label{font-size:7px}.compact-benefits{gap:18px}}
@media(max-width:360px){.staff-art{gap:5px}.staff-badge{width:87px}.review-signal{min-width:70px}.reward-signal svg{width:32px;height:32px}.review-signal>b,.reward-signal b{font-size:7px}}

/* Supplied portrait image and direct, larger UGC use cases. */
.ugc-portrait-section{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;margin:10px 0 60px;padding:30px 45px;background:linear-gradient(120deg,#ffffff9c,#dceaf740);border:1px solid #ffffffcf;border-radius:3px 28px 3px 28px;box-shadow:0 12px 35px #466e9408}.ugc-message>.retailer-number{color:#087c99;font-size:9px;letter-spacing:1.7px}.ugc-message>h3{font-family:SpaceGrotesk,Arial,sans-serif;font-size:clamp(37px,4vw,53px);letter-spacing:-2px;line-height:1.06;font-weight:400;margin:18px 0}.ugc-message>.ugc-lead{font-size:20px;line-height:1.35;margin:0 0 22px;color:#5e7791;font-family:SpaceGrotesk,Arial,sans-serif}.ugc-examples{display:grid;gap:0;max-width:470px}.ugc-examples>div{display:flex;gap:15px;align-items:center;padding:14px 0;border-top:1px solid #cbdce9}.ugc-examples>div>span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:#dfeff8;color:#087c99;border:1px solid #bbd9e8;font-size:9px;border-radius:2px 8px 2px 8px}.ugc-examples p{margin:0}.ugc-examples b{display:block;font-family:SpaceGrotesk,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.3;color:#203e5f}.ugc-examples small{display:block;font-size:11px;color:#7a8fa2;margin-top:5px;line-height:1.4}.ugc-permission{display:block;font-size:9px;line-height:1.5;color:#7d91a3;margin-top:16px;max-width:430px}.ugc-portrait{margin:0;justify-self:center;width:100%;max-width:280px;position:relative}.ugc-photo-frame{aspect-ratio:9/16;border:5px solid #ffffffd9;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #20456924,0 0 0 1px #aac3db80;background:#d7e1ec}.ugc-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:none}.ugc-portrait:before{content:'';position:absolute;inset:18px -17px 45px 17px;border:1px solid #8ab6d168;border-radius:17px;z-index:-1}.ugc-portrait figcaption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;letter-spacing:.3px;color:#6e889f;margin-top:12px}.portrait-indicator{width:5px;height:5px;border-radius:50%;background:#087c99}
@media(max-width:850px){.ugc-portrait-section{padding:26px;gap:28px;grid-template-columns:1.1fr .9fr}.ugc-message>h3{font-size:39px}.ugc-message>.ugc-lead{font-size:18px}.ugc-examples b{font-size:16px}.ugc-examples small{font-size:10px}.ugc-examples>div{gap:10px;padding:12px 0}.ugc-portrait{max-width:250px}}
@media(max-width:590px){.ugc-portrait-section{grid-template-columns:1fr;padding:25px 22px;gap:30px;margin-bottom:40px}.ugc-message>h3{font-size:43px;letter-spacing:-1.8px}.ugc-message>.ugc-lead{font-size:20px}.ugc-examples b{font-size:18px}.ugc-examples small{font-size:11px}.ugc-examples>div{padding:14px 0}.ugc-portrait{max-width:265px}.ugc-message>.retailer-number{font-size:8px}.ugc-photo-frame{border-width:4px}.ugc-permission{font-size:9px}}

.home-shop-section{padding:70px 0;background:linear-gradient(120deg,#e6edf6,#f8faff 65%,#e8f0f7);border-block:1px solid #c6d6e5}.home-shop-top{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end}.home-shop-top h2{font-size:clamp(35px,4.5vw,58px);line-height:1.05;letter-spacing:-2.5px;margin:20px 0 0}.home-shop-top p{font-size:16px;line-height:1.6;margin:0 0 20px}.home-shop-products{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:35px 0 27px}.home-product{position:relative;min-width:0;background:linear-gradient(145deg,#fff,#dce9f4);border:1px solid #c7d8e7;border-radius:3px 16px 3px 16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.home-product:hover{transform:translateY(-5px);box-shadow:0 12px 25px #355e8d14}.home-product svg{width:100%;height:145px;display:block}.home-product>span{display:block;font-size:12px;padding:0 14px 17px;color:#2c4b6d}.home-product>i{position:absolute;top:10px;right:12px;font-size:14px;font-style:normal;color:#7d9bb5}.home-custom-order{display:grid;grid-template-columns:1fr 1.45fr .65fr;gap:30px;align-items:center;padding:28px;background:#ffffffb8;border:1px solid #c8d9e8;border-radius:3px 20px 3px 20px}.home-custom-intro>span{font-size:9px;color:#b36131;letter-spacing:1.5px}.home-custom-intro h3{font-size:28px;letter-spacing:-1px;line-height:1.1;margin:12px 0}.home-custom-intro p{font-size:12px;line-height:1.6;margin:0}.home-quote-steps{padding:0;margin:0;list-style:none;display:grid;gap:17px}.home-quote-steps li{display:flex;gap:12px;align-items:center}.home-quote-steps li>b{font-size:9px;color:#b86230;display:grid;place-items:center;width:28px;height:28px;border:1px solid #edccae;background:#fff3e8;border-radius:2px 7px 2px 7px;flex-shrink:0}.home-quote-steps strong{font-weight:400;font-size:13px;display:block}.home-quote-steps span{font-family:Arial,sans-serif;font-size:10px;color:#71889c;display:block;margin-top:4px;line-height:1.4}.home-enquiry-link{font-size:12px;line-height:1.5;border-bottom:1px solid #a7bfd5;padding-bottom:8px;display:flex;justify-content:space-between;gap:10px}.home-shop-caption{font-size:9px!important;line-height:1.6;color:#7a91a5;max-width:850px;margin:15px 0 0}
@media(max-width:850px){.home-shop-products{gap:10px}.home-product svg{height:115px}.home-product>span{font-size:10px;padding:0 10px 14px}.home-custom-order{grid-template-columns:1fr 1.5fr;gap:22px}.home-enquiry-link{grid-column:1/-1;width:fit-content;gap:35px}.home-shop-top{gap:30px}}
@media(max-width:590px){.home-shop-section{padding:45px 0}.home-shop-top{grid-template-columns:1fr;gap:20px}.home-shop-top h2{font-size:44px}.home-shop-top p{font-size:15px}.home-shop-products{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.home-product svg{height:135px}.home-product>span{font-size:12px}.home-product:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.home-product:last-child svg{height:120px}.home-product:last-child>span{padding:0;font-size:14px}.home-custom-order{grid-template-columns:1fr;padding:23px;gap:24px}.home-custom-intro h3{font-size:30px}.home-quote-steps{gap:18px}.home-quote-steps strong{font-size:14px}.home-quote-steps span{font-size:11px}.home-shop-caption{font-size:9px!important}}
/* Fluxxify Rated — supplied indigo #15095E. Echo selectors retain URL compatibility. */
:root{--echo:#15095e;--rated:#15095e}.echo-page{--service:#15095e;--service-soft:#e7e5f6;--service-line:#aaa4d2;--service-deep:#100748}
.review-panel{background:linear-gradient(130deg,#30207d,#15095e);border-color:#8177bb;box-shadow:0 12px 30px #15095e20}.review-panel .panel-top{color:#dbd5ff}.track-echo .orbit-node{background:#eae7fced;color:#15095e;border-color:#8c80cd}.track-echo .orbit-icon{color:#15095e}.echo-page .navlink.active{color:#15095e}.echo-page .human-note{background:#15095eed;border-color:#a69ddd}.echo-page .mock{background:linear-gradient(130deg,#30207d,#15095e);border-color:#9388c6}.echo-page .dashboard{background:#23166c;border-color:#9e94cc66}.echo-page .metric,.echo-page .mock-head select{background:#3b2e83}.echo-page .bars i{background:#958acb}.echo-page .bars i:nth-child(3n){background:#ded7ff}.echo-page .feature-card{background:linear-gradient(130deg,#e9e6f8,#faf9ff);border-color:#b8b0d9}.echo-page .feature-card .num,.echo-page .section-title .eyebrow{color:#15095e}.footer-col a[href="/reviews/"] strong,.footer-col a[href="/reviews/"]{color:#15095e;border-color:#15095e}
.echo-retail{background:radial-gradient(ellipse at top left,#e1ddf34d,transparent 65%),linear-gradient(120deg,#e6e7f2,#f8f9fd);border-color:#ccc9df}.echo-retail-intro>.tag{background:#15095e;border-color:#15095e}.echo-retail .btn{background:#15095e;border-color:#15095e;color:#fff}.echo-retail .btn:hover{background:#2c1a7b}.echo-story .retailer-number,.ugc-message>.retailer-number{color:#15095e}.echo-retail-cta{background:linear-gradient(100deg,#dfdaf3,#efedf9);border-color:#bfb6dd}.benefit-label span:first-child,.compact-heading{color:#15095e}.compact-pill{color:#15095e;background:#ebe7f8;border-color:#c9c0e2}.compact-icon{background:#e9e4f7;color:#15095e}.compact-bottom,.compact-bottom a,.compact-detail summary{color:#493782}.benefit-takeaways{color:#493782}.benefit-takeaways span:before{color:#15095e}.benefit-art,.network-art{background:radial-gradient(ellipse at 30% 40%,#51408b80,transparent 70%),repeating-linear-gradient(90deg,transparent 0 29px,#d5ccff09 29px 30px),linear-gradient(125deg,#24165f,#15095e);border-color:#9687ca55}.staff-badge{background:linear-gradient(130deg,#f1edff,#b5a9dfe5);border-color:#c7bef4;color:#28196b}.badge-avatar{background:#e2dcf7;border-color:#a293cc66;color:#5f4b98}.badge-cut{background:#6a59a690}.review-signal{border-color:#c8bfff4d}.signal-line{background:#d5cbf577}.journey-arrow{color:#b6a8e2}.art-foot{color:#b5aad9}.network-store svg{color:#e1d6ff}.network-store span{color:#bcb0e2}.network-wires{border-color:#a18bd5a0}.network-wires i,.network-wires:after{border-color:#a18bd5a0}.network-hub{background:linear-gradient(130deg,#6c58a370,#2c1e67cc);border-color:#b3a3e26b}.hub-dot{background:#cebcff;box-shadow:0 0 10px #c4b2ff}.hub-reports>div{border-color:#b7a8d833;background:#d8ccff0b}.hub-reports i{background:linear-gradient(90deg,#b6a5e7 20%,transparent 20% 28%,#b6a5e7 28% 50%,transparent 50% 58%,#b6a5e7 58% 88%,transparent 88%)}.hub-reports span{color:#cbbfeb}.ugc-examples>div{border-color:#d7d1e7}.ugc-examples>div>span{background:#e7e1f6;color:#15095e;border-color:#c9bee2}.portrait-indicator{background:#15095e}.ugc-photo-frame{box-shadow:0 18px 40px #15095e20,0 0 0 1px #b6abd280}.ugc-portrait:before{border-color:#9e91c568}.ugc-portrait-section{background:linear-gradient(120deg,#ffffff9c,#e3ddf340);border-color:#ffffffcf}.video-overlay{background:linear-gradient(transparent 20%,#15095ee8)}
/* Service palette: Rated orange, Matrix indigo, Play lime; silver canvas retained. */
:root{--rated:#eb702f;--echo:#eb702f;--matrix:#15095e;--play:#ffd43b}
.echo-page{--service:#eb702f;--service-soft:#fae8dc;--service-line:#e6b58f;--service-deep:#973b13}.matrix-page{--service:#15095e;--service-soft:#e7e5f6;--service-line:#aaa4d2;--service-deep:#100748}.play-page{--service:#ffd43b;--service-soft:#fff6ce;--service-line:#e8bd35;--service-deep:#735400}
.review-panel{background:linear-gradient(130deg,#ffac76,#eb702f);border-color:#ef9b67;box-shadow:0 12px 30px #eb702f20}.review-panel .panel-top,.review-panel .panel-bottom,.review-panel .panel-top b{color:#48240e}.ai-panel{background:linear-gradient(130deg,#35217f,#15095e);border-color:#8177bb}.ai-panel .panel-top{color:#dbd5ff}.play-panel{background:linear-gradient(130deg,#ffe889,#ffd43b);border-color:#e5b92e;box-shadow:0 12px 30px #c99c1820}.play-panel .panel-top,.play-panel .panel-bottom,.play-panel .panel-top b{color:#594100}
.track-echo .orbit-node{background:#fff0e5ed;color:#9a4317;border-color:#ed9a64}.track-echo .orbit-icon{color:#c4541e}.track-matrix .orbit-node{background:#eae7fced;color:#15095e;border-color:#8c80cd}.track-matrix .orbit-icon{color:#15095e}.track-play .orbit-node{background:#fff5cced;color:#735400;border-color:#e2b429}.track-play .orbit-icon{color:#916800}.track-play .orbit-node small{color:#806327}
.echo-page main .btn{color:#35200e}.echo-page main .btn:hover{color:white}.echo-page main .btn.light{color:#9a4317;background:#fff8f2;border-color:#e6b58f}.play-page main .btn{color:#594100}.play-page main .btn:hover{color:#fff8dc}.play-page main .btn.light{color:#7b5b0a;background:#fffae7;border-color:#e8bd35}.echo-page .tag{background:#eb702f;border-color:#eb702f;color:#3a230f}.matrix-page .tag{background:#15095e;border-color:#15095e;color:white}.play-page .tag{background:#ffd43b;border-color:#e8bd35;color:#594100}.play-page .page-hero h1 em,.play-page .page-hero .eyebrow,.play-page .textlink{color:#916800}
.echo-page .human-note{background:#eb702ff0;border-color:#ffbf96;color:#3a230f}.matrix-page .human-note{background:#15095eed;border-color:#a69ddd}.play-page .human-note{background:#ffd43bef;border-color:#fff0a6;color:#594100}.echo-page .mock{background:linear-gradient(130deg,#ef945a,#c65c27);border-color:#efab80}.echo-page .dashboard{background:#fff0e6;color:#63391c;border-color:#ecc8ad}.echo-page .metric,.echo-page .mock-head select{background:#f8d9c1;color:#63391c}.echo-page .metric small,.echo-page .caption{color:#75482a}.echo-page .mock p{color:#75482a}.echo-page .bars i{background:#e7a477}.echo-page .bars i:nth-child(3n){background:#bc5925}.matrix-page .ai-mock{background:linear-gradient(130deg,#35217f,#15095e);border-color:#8177bb}.matrix-page .ai-mock .dashboard{background:#25186b}.matrix-page .checks span{background:#493585;color:#e8dfff}.matrix-page .ai-result strong,.matrix-page .spark{color:#dcd0ff}.play-page .play-mock{background:linear-gradient(130deg,#ffe889,#ffd43b);border-color:#e8bd35;color:#594100}.play-page .play-mock h3,.play-page .play-mock .eyebrow,.play-page .play-mock .play-result{color:#594100}.play-page .wheel{border-color:#fff5cc;background:conic-gradient(#735400 0 60deg,#fffbea 60deg 120deg,#ffd43b 120deg 180deg,#735400 180deg 240deg,#fffbea 240deg 300deg,#ffd43b 300deg);box-shadow:0 10px 25px #9a741626}.play-page .wheel:after{background:#ffd43b;border-color:#fff5cc;color:#594100}.play-page .wheel-wrap:before{color:#594100}
.echo-page .feature-card{background:linear-gradient(130deg,#fae8dc,#fffaf6);border-color:#e8bd9e}.echo-page .feature-card .num,.echo-page .section-title .eyebrow{color:#a24519}.matrix-page .feature-card{background:linear-gradient(130deg,#e9e6f8,#faf9ff);border-color:#b8b0d9}.matrix-page .feature-card .num,.matrix-page .section-title .eyebrow{color:#15095e}.play-page .feature-card{background:linear-gradient(130deg,#fff2bd,#fffdf4);border-color:#edce6d}.play-page .feature-card .num,.play-page .section-title .eyebrow{color:#916800}.play-page .page-hero .core{background:radial-gradient(circle at 30% 20%,#fff0a6,#e5b92e 75%);border-color:#ffeb94;box-shadow:0 0 70px #e6bd3533}
.echo-retail{background:radial-gradient(ellipse at top left,#f3dfd54d,transparent 65%),linear-gradient(120deg,#eeebea,#faf9f8);border-color:#dfd3cc}.echo-retail-intro>.tag{background:#eb702f;border-color:#eb702f;color:#3a230f}.echo-retail .btn{background:#eb702f;border-color:#eb702f;color:#35200e}.echo-retail .btn:hover{background:#a3461c;color:#fff}.echo-story .retailer-number,.ugc-message>.retailer-number{color:#aa4c20}.echo-retail-cta{background:linear-gradient(100deg,#f3dfcf,#fbefe5);border-color:#dec1a8}.benefit-label span:first-child,.compact-heading{color:#a24a20}.compact-pill{background:#fff0e4;border-color:#edc7a9;color:#a24a20}.compact-icon{background:#fae4d3;color:#a24a20}.benefit-takeaways,.compact-bottom,.compact-bottom a,.compact-detail summary{color:#8c512e}.benefit-takeaways span:before{color:#bb5927}.benefit-art,.network-art{background:radial-gradient(ellipse at 30% 40%,#c47c4938,transparent 70%),repeating-linear-gradient(90deg,transparent 0 29px,#fff0dd09 29px 30px),linear-gradient(125deg,#58392d,#2e2632);border-color:#c39c7855}.staff-badge{background:linear-gradient(130deg,#fff6ed,#e4ba94e5);border-color:#f5d8bd;color:#754021}.badge-avatar{background:#fae6d6;border-color:#bc8d6466;color:#a06b43}.badge-cut{background:#9c714a90}.review-signal{border-color:#f4cfaa4d}.signal-line{background:#f0d3b077}.journey-arrow{color:#d9b48f}.art-foot{color:#d1b599}.network-store svg{color:#ffe4c9}.network-store span{color:#dbc4ae}.network-wires,.network-wires i,.network-wires:after{border-color:#d4a777a0}.network-hub{background:linear-gradient(130deg,#aa805970,#4c3730cc);border-color:#e0b38a6b}.hub-dot{background:#ffc38b;box-shadow:0 0 10px #ffc38b}.hub-reports>div{border-color:#d3ae8c33;background:#ffe5c90b}.hub-reports i{background:linear-gradient(90deg,#e2b88e 20%,transparent 20% 28%,#e2b88e 28% 50%,transparent 50% 58%,#e2b88e 58% 88%,transparent 88%)}.hub-reports span{color:#e7cfb5}.ugc-examples>div>span{background:#fae8dc;color:#a3461c;border-color:#e6c6ac}.ugc-examples>div{border-color:#e3d8ce}.portrait-indicator{background:#eb702f}.ugc-portrait-section{background:linear-gradient(120deg,#ffffff9c,#f2e6db40)}.ugc-photo-frame{box-shadow:0 18px 40px #9a572020,0 0 0 1px #d6b89b80}.ugc-portrait:before{border-color:#c2a17f68}
.echo-page .cta{background:linear-gradient(120deg,#9f451c,#cf642b);color:#fff}.echo-page .cta .btn{background:white;color:#9a4317;border-color:#fff}.matrix-page .cta{background:linear-gradient(120deg,#100748,#2d1d79)}.play-page .cta{background:linear-gradient(120deg,#ffe889,#ffd43b);color:#594100;border-color:#e8bd35}.play-page .cta h2,.play-page .cta p,.play-page .cta label,.play-page .cta .eyebrow{color:#594100}.play-page .cta .btn{background:#594100;color:#fff8dc;border-color:#594100}.play-page .cta select{background:#ffffff50;border-color:#b18b2c70;color:#594100}.footer-col a[href="/reviews/"],.footer-col a[href="/reviews/"] strong{color:#a44a1e;border-color:#eb702f}.footer-col a[href="/ai-visibility/"],.footer-col a[href="/ai-visibility/"] strong{color:#15095e;border-color:#15095e}.footer-col a[href="/play/"],.footer-col a[href="/play/"] strong{color:#916800;border-color:#e8bd35}

/* Consistent site palette; lime belongs only to the dedicated Play page. */
body:not(.play-page){--play:#eb702f;--ink:#15095e;--paper:#eef0f3;background:linear-gradient(120deg,#fafbfc,#e7e9ed 48%,#f6f7f9);color:#15095e}
body:not(.play-page) header{background:#f5f6f8e6;border-color:#d5d6df}
body:not(.play-page) .hero:before{background:radial-gradient(ellipse at 85% 35%,#ffffffaa,transparent 50%),repeating-linear-gradient(90deg,transparent 0 69px,#15095e08 69px 70px),linear-gradient(120deg,#fafbfc,#e5e7eb 55%,#f2f3f5)}
body:not(.play-page) .hero h1,body:not(.play-page) .intro h2{color:#15095e}
body:not(.play-page) .play-panel{background:linear-gradient(130deg,#ffac76,#eb702f);border-color:#ef9b67;box-shadow:0 12px 30px #eb702f20}
body:not(.play-page) .play-panel .panel-top,body:not(.play-page) .play-panel .panel-bottom,body:not(.play-page) .play-panel .panel-top b{color:#48240e}
body:not(.play-page) .track-play .orbit-node{background:#fff0e5ed;color:#9a4317;border-color:#ed9a64}
body:not(.play-page) .track-play .orbit-icon{color:#c4541e}
body:not(.play-page) .track-play .orbit-node small{color:#875438}
body:not(.play-page) .path:before,body:not(.play-page) .faq:before,body:not(.play-page) .home-shop-section{background:linear-gradient(120deg,#e6e8ec,#f8f9fa 65%,#eceef1);border-color:#d1d3db}
body:not(.play-page) .site-footer{background:linear-gradient(120deg,#e0e2e7,#f1f2f5 65%,#e5e7eb)}
body:not(.play-page) .cta{background:linear-gradient(120deg,#15095e,#302178)}
body:not(.play-page) .echo-retail,body:not(.play-page) .ugc-portrait-section{background:linear-gradient(120deg,#e7e9ed,#fafbfc);border-color:#d5d6df}
body:not(.play-page) .echo-retail-cta{background:linear-gradient(100deg,#e4e5eb,#f2f3f6);border-color:#d1d0df}
body:not(.play-page) .footer-col a[href="/play/"],body:not(.play-page) .footer-col a[href="/play/"] strong{color:#a44a1e;border-color:#eb702f}

/* Retail diagrams: Fluxxify orange with white typography and illustrations. */
.benefit-art.staff-art,.benefit-art.network-art{background:repeating-linear-gradient(90deg,transparent 0 29px,#ffffff0c 29px 30px),linear-gradient(125deg,#f48742,#eb702f);border-color:#f5a777;color:#fff}
.benefit-art .staff-badge{background:#ffffff18;border-color:#ffffffa6;color:white;box-shadow:0 12px 25px #94390022}
.benefit-art .badge-avatar{background:#ffffff12;border-color:#ffffff80;color:white}
.benefit-art .badge-cut,.benefit-art .signal-line{background:#ffffffb3}
.benefit-art .badge-label,.benefit-art .badge-nfc,.benefit-art .review-stars,.benefit-art .reward-signal,.benefit-art .journey-arrow,.benefit-art .art-foot,.benefit-art .network-store svg,.benefit-art .network-store span,.benefit-art .hub-reports span,.benefit-art b{color:#fff}
.benefit-art .review-signal{background:#ffffff12;border-color:#ffffff80}
.benefit-art .network-wires,.benefit-art .network-wires i,.benefit-art .network-wires:after{border-color:#ffffff99}
.benefit-art .network-hub{background:#ffffff15;border-color:#ffffff80;box-shadow:0 12px 25px #94390015}
.benefit-art .hub-dot{background:white;box-shadow:0 0 10px #ffffff80}
.benefit-art .hub-reports>div{background:#ffffff0d;border-color:#ffffff66}
.benefit-art .hub-reports i{background:linear-gradient(90deg,#fff 20%,transparent 20% 28%,#fff 28% 50%,transparent 50% 58%,#fff 58% 88%,transparent 88%)}
.benefit-art .hub-title img{filter:brightness(0) invert(1)}

/* Play is yellow everywhere; Rated orange and Matrix indigo stay distinct. */
:root,body:not(.play-page){--play:#ffd43b}
body .play-panel,body:not(.play-page) .play-panel{background:linear-gradient(130deg,#ffe889,#ffd43b);border-color:#e8bd35;box-shadow:0 12px 30px #c99c1820}
body .play-panel .panel-top,body .play-panel .panel-bottom,body .play-panel .panel-top b,body:not(.play-page) .play-panel .panel-top,body:not(.play-page) .play-panel .panel-bottom,body:not(.play-page) .play-panel .panel-top b{color:#594100}
body .track-play .orbit-node,body:not(.play-page) .track-play .orbit-node{background:#fff5cced;color:#735400;border-color:#e2b429}
body .track-play .orbit-icon,body:not(.play-page) .track-play .orbit-icon{color:#916800}
body .track-play .orbit-node small,body:not(.play-page) .track-play .orbit-node small{color:#806327}
body .footer-col a[href="/play/"],body .footer-col a[href="/play/"] strong,body:not(.play-page) .footer-col a[href="/play/"],body:not(.play-page) .footer-col a[href="/play/"] strong{color:#916800;border-color:#ffd43b}
.play-page .btn{background:#ffd43b;border-color:#e8bd35;color:#594100}
.play-page .navlink.active{color:#916800}

/* Indigo footer and white lettering on orange calls to action. */
body .site-footer,body:not(.play-page) .site-footer{background:#15095e;color:white}
body .site-footer h2,body .site-footer h3,body .site-footer p,body .site-footer a,body .site-footer span,body .site-footer strong,body .site-footer .footer-contact-note,body .site-footer .footer-signature,body:not(.play-page) .site-footer .footer-col a,body:not(.play-page) .site-footer .footer-col a strong,body .site-footer .footer-col a strong{color:#fff}
body .site-footer .footer-col a{border-color:#ffffff66}
body .site-footer .footer-contact-note,body .site-footer .footer-base,body .site-footer .footer-invite{border-color:#ffffff33}
body .site-footer>div[style]{background:#100748!important}
body .site-footer .footer-brand .logo img{filter:brightness(0) invert(1)}
body .site-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
body .btn:not(.light){color:#fff}
body.echo-page main .btn:not(.light),body .echo-retail .btn,body.echo-page .echo-retail .btn,body .site-footer .btn{color:#fff}
body.play-page main .btn:not(.light){color:#594100}
body.play-page .cta .btn{color:#fff8dc}
body .site-footer .btn,body.play-page .site-footer .btn{background:#eb702f;border-color:#eb702f;color:#fff}

body.echo-page .cta .btn:not(.light){background:#eb702f;border-color:#eb702f;color:#fff}

/* Solid service colours on orbit banners. */
body .brand-orbit .track-echo .orbit-node,body:not(.play-page) .brand-orbit .track-echo .orbit-node{background:#eb702f;border-color:#f7a472;color:#fff}
body .brand-orbit .track-matrix .orbit-node,body:not(.play-page) .brand-orbit .track-matrix .orbit-node{background:#15095e;border-color:#7468a8;color:#fff}
body .brand-orbit .track-play .orbit-node,body:not(.play-page) .brand-orbit .track-play .orbit-node{background:#ffd43b;border-color:#e8bd35;color:#594100}
body .brand-orbit .track-echo .orbit-node *,body .brand-orbit .track-matrix .orbit-node *{color:#fff}
body .brand-orbit .track-play .orbit-node *{color:#594100}
/* White lettering on orange banners, badges and callouts. */
body .review-panel .panel-top,body .review-panel .panel-bottom,body .review-panel .panel-top b,body .review-panel .panel-top span,body .review-panel .panel-icon{color:#fff}
body.echo-page .tag,body .echo-retail-intro>.tag,body.echo-page .human-note,body.echo-page .human-note *{color:#fff}
body .portrait-indicator{color:#fff}

/* Keep the footer brand description white above inherited paragraph rules. */
body .site-footer .footer-brand p,body .site-footer .footer-brand p *{color:#fff}

/* Service markers stay recognisable against the indigo footer. */
body .site-footer .footer-col a[href="/reviews/"]{border-left-color:#eb702f}
body .site-footer .footer-col a[href="/ai-visibility/"]{border-left-color:#fff}
body .site-footer .footer-col a[href="/play/"],body:not(.play-page) .site-footer .footer-col a[href="/play/"]{border-left-color:#ffd43b}

/* Larger, accessible sliding review-platform strip. */
.platforms.platform-carousel{display:block;padding:32px 0 38px;overflow:hidden}
.platform-heading{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.platform-heading>span{max-width:none;width:auto;color:#15095e;font-size:11px}
.platform-heading .platform-count{letter-spacing:0;text-transform:none;color:#687083;font:14px Arial,sans-serif}
.platform-pause{margin-left:auto;background:transparent;border:1px solid #c6c7d2;border-radius:6px;color:#15095e;padding:8px 12px;font:12px SpaceGrotesk,Arial;cursor:pointer}
.platform-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4% 96%,transparent)}
.platform-track{display:flex;width:max-content;animation:platform-slide 30s linear infinite}
.platform-group{display:flex;align-items:center;gap:42px;padding-right:42px;flex-shrink:0}
.platform-logo{width:155px;height:70px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.platforms .platform-logo img{width:150px;max-width:150px;height:52px;object-fit:contain;padding:0;background:transparent;border:0;mix-blend-mode:multiply}
.platforms .booking-wordmark{font:700 24px Arial,sans-serif;letter-spacing:-1px;text-transform:none;color:#003580;width:auto;max-width:none}
.platforms .booking-wordmark span{font:inherit;color:#0071c2;letter-spacing:inherit;text-transform:none;width:auto;max-width:none}
.platform-carousel:hover .platform-track,.platform-carousel:focus-within .platform-track,.platform-carousel.is-paused .platform-track{animation-play-state:paused}
@keyframes platform-slide{to{transform:translateX(-50%)}}
@media(max-width:590px){.platform-group{gap:24px;padding-right:24px}.platform-logo{width:140px}.platforms .platform-logo img{width:135px;max-width:135px;height:46px}.platform-heading{gap:12px}.platform-heading>span:first-child{width:100%}.platform-heading .platform-count{font-size:12px}}
@media(prefers-reduced-motion:reduce){.platform-track{animation:none}.platform-window{overflow-x:auto;mask-image:none}.platform-group[aria-hidden]{display:none}.platform-pause{display:none}}

/* Indigo navigation, shared by every service page. */
body header,body:not(.play-page) header{background:#15095e;border-bottom:1px solid #ffffff26;color:#fff}
body header .navlink,body header .navlink.active,body.echo-page header .navlink.active,body.play-page header .navlink.active,body header .mobile-links a{color:#fff}
body header .navlink:hover,body header .mobile-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#eb702f}
body header .logo img{filter:brightness(0) invert(1)}
body header .mobile-menu{background:transparent;color:#fff;border-color:#ffffff66}
body header .mobile-links{background:#15095e;border-color:#ffffff33}
body header .btn,body.play-page header .btn{background:#eb702f;border-color:#eb702f;color:#fff}

/* Preserve the original Fluxxify orange brand artwork. */
body header .logo img,body .site-footer .footer-brand .logo img,body .benefit-art .hub-title img{filter:none}

.footer-social{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}body .site-footer .footer-social a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #ffffff55;border-radius:6px;color:#fff;font-size:12px;text-decoration:none;transition:background .2s,border-color .2s}.footer-social svg{width:21px;height:21px;flex-shrink:0}body .site-footer .footer-social a:hover,body .site-footer .footer-social a:focus-visible{background:#ffffff18;border-color:#fff;text-decoration:none}.footer-social a:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Original orange symbol with a white wordmark, using the same brand artwork. */
body header .logo,body .site-footer .footer-brand .logo{position:relative;display:inline-flex;align-items:center}
body header .logo:after,body .site-footer .footer-brand .logo:after{content:"";position:absolute;inset:0;pointer-events:none;background:#fff;-webkit-mask:url('/assets/fluxxify-logo.png') center/100% 100% no-repeat;mask:url('/assets/fluxxify-logo.png') center/100% 100% no-repeat;clip-path:inset(0 0 0 17%)}
body header .logo img,body .site-footer .footer-brand .logo img{display:block;filter:none}

/* Play page: Matrix indigo replaces the brown tones; yellow accents stay. */
body.play-page{--service-deep:#15095e}
body.play-page .btn,body.play-page main .btn:not(.light){color:#15095e}
body.play-page main .btn:not(.light):hover{color:#fff}
body.play-page main .btn.light{color:#2d1d79}
body.play-page .tag,body.play-page .human-note{color:#15095e}
body.play-page .page-hero h1 em,body.play-page .page-hero .eyebrow,body.play-page .textlink,body.play-page .feature-card .num,body.play-page .section-title .eyebrow{color:#3b2a9e}
body.play-page .play-mock,body.play-page .play-mock h3,body.play-page .play-mock .eyebrow,body.play-page .play-mock .play-result{color:#15095e}
body.play-page .wheel{background:conic-gradient(#15095e 0 60deg,#fffbea 60deg 120deg,#ffd43b 120deg 180deg,#15095e 180deg 240deg,#fffbea 240deg 300deg,#ffd43b 300deg);box-shadow:0 10px 25px #15095e26}
body.play-page .wheel:after,body.play-page .wheel-wrap:before{color:#15095e}
body.play-page .cta,body.play-page .cta h2,body.play-page .cta p,body.play-page .cta label,body.play-page .cta .eyebrow{color:#15095e}
body.play-page main .cta .btn:not(.light){background:#15095e;border-color:#15095e;color:#fff}
body.play-page main .cta .btn:not(.light):hover{background:#2d1d79;border-color:#2d1d79;color:#fff}
body.play-page .cta select{border-color:#15095e55;color:#15095e}
/* Play page: no orange anywhere, only yellow, silver and indigo. */
body.play-page{--coral:#3b2a9e}
body.play-page header .btn:not(.light),body.play-page .site-footer .btn:not(.light){background:#ffd43b;border-color:#ffd43b;color:#15095e;box-shadow:0 4px 0 #15095e26}
body.play-page header .btn:not(.light):hover,body.play-page .site-footer .btn:not(.light):hover{background:#ffe27a;border-color:#ffe27a;color:#15095e}
body.play-page header .navlink:hover,body.play-page header .mobile-links a:hover{text-decoration-color:#ffd43b}
body.play-page .breadcrumb a{color:#3b2a9e}
body.play-page .process-row>div{border-top-color:#3b2a9e40}
body.play-page .process-row b{color:#3b2a9e}
body.play-page .site-footer .footer-col a{color:#fff}
body.play-page .site-footer .footer-col a[href="/reviews/"]{border-left-color:#c9d1dc}
body.play-page .page-hero::before{background-image:radial-gradient(ellipse at 0% 0%,#d9e0e8,transparent 75%),repeating-linear-gradient(90deg,transparent 0 79px,#9ab1c316 79px 80px)!important;background-color:#eef1f5;border-bottom-color:#c9d1dc!important}
body.play-page main .btn.light{background:#fff}
/* Play page logo: yellow symbol, white wordmark. The image stays for layout and alt text. */
body.play-page header .logo img,body.play-page .site-footer .footer-brand .logo img{opacity:0}
body.play-page header .logo:before,body.play-page .site-footer .footer-brand .logo:before{content:"";position:absolute;inset:0;pointer-events:none;background:#ffd43b;-webkit-mask:url('/assets/fluxxify-logo.png') center/100% 100% no-repeat;mask:url('/assets/fluxxify-logo.png') center/100% 100% no-repeat;clip-path:inset(0 83% 0 0)}
/* Play page game cards: always visible, alternating yellow and indigo, each with an illustration. */
body.play-page .game-grid{margin:30px 0 75px}
body.play-page .game-grid .feature-card{--art-bg:#15095e;--art-ink:#ffd43b;--art-accent:#fff;--art-soft:#3b2a9e;background:#ffd43b;border:1px solid #e8bd35;color:#15095e;padding:22px 22px 26px;box-shadow:0 10px 26px #15095e14}
body.play-page .game-grid .feature-card:nth-child(even){--art-bg:#fff;--art-ink:#15095e;--art-accent:#ffd43b;--art-soft:#e4e7f0;background:#15095e;border-color:#15095e;color:#fff}
body.play-page .game-grid .feature-card .num{color:#3b2a9e}
body.play-page .game-grid .feature-card:nth-child(even) .num{color:#ffd43b}
body.play-page .game-grid .feature-card h3{color:inherit}
body.play-page .game-grid .feature-card p{color:#2d1d79}
body.play-page .game-grid .feature-card:nth-child(even) p{color:#d6d2f0}
.feature-art{background:var(--art-bg);border-radius:2px 14px 2px 14px;aspect-ratio:2/1;margin-bottom:22px;overflow:hidden}
.feature-art svg{display:block;width:100%;height:100%}
.feature-art .k{fill:var(--art-ink)}.feature-art .a{fill:var(--art-accent)}.feature-art .s{fill:var(--art-soft)}
.feature-art .ks{fill:none;stroke:var(--art-ink)}.feature-art .as{fill:none;stroke:var(--art-accent)}.feature-art .ss{fill:none;stroke:var(--art-soft)}

/* Rated page features: always visible, indigo cards, white text, orange headings and illustrations. */
body.echo-page .review-feature-grid{margin:30px 0 75px}
body.echo-page .review-feature-grid .feature-card{--art-bg:#2a1b7a;--art-ink:#ff8a4c;--art-accent:#fff;--art-soft:#4a3aa8;background:#15095e;border:1px solid #15095e;color:#fff;padding:22px 22px 26px;box-shadow:0 12px 28px #15095e30}
body.echo-page .review-feature-grid .feature-card .num{color:#c9c3f0}
body.echo-page .review-feature-grid .feature-card h3{color:#ff9a5c}
body.echo-page .review-feature-grid .feature-card p{color:#e6e3fa}

/* Home page: indigo, white and orange only. Muted text is indigo-grey, light lines are indigo-tinted silver. */
body.home-page{--home-muted:#5a5480;--home-faint:#8a84ad;--home-line:#c9c5e0}
body.home-page .hero{color:#15095e}
body.home-page .tiny-pill{color:#3b2a9e;border-color:var(--home-line);background:#ffffff80}
body.home-page .hero .hero-sub,body.home-page .hero .strip span,body.home-page .hero .strip span:first-child{color:var(--home-muted)}
body.home-page .orbit-label,body.home-page .orbit-foot,body.home-page .graphic-options span{color:var(--home-faint)}
body.home-page .hero .actions .btn.light{color:#15095e;border-color:var(--home-line);background:#fff}
body.home-page .brand-orbit:before{background:radial-gradient(circle,#15095e14,transparent 70%)}
body.home-page .brand-ring.ring-one,body.home-page .brand-ring.ring-two{border-color:#b9b3dc}
body.home-page .brand-core{background:radial-gradient(circle at 30% 25%,#fff,#e9e7f5 75%);border-color:var(--home-line)}
body.home-page .brand-core:before{border-color:#b9b3dc}
body.home-page .brand-orbit .track-play .orbit-node{background:#fff;border-color:#eb702f;color:#15095e}
body.home-page .brand-orbit .track-play .orbit-node *{color:#15095e}
body.home-page .brand-orbit .track-play .orbit-icon{color:#eb702f}
body.home-page .graphic-options button{color:var(--home-muted);border-color:var(--home-line)}
body.home-page .graphic-options button.selected{background:#15095e;border-color:#15095e;color:#fff}
body.home-page .hero-panels .play-panel{background:#fff;border-color:#eb702f;box-shadow:0 12px 30px #15095e14}
body.home-page .hero-panels .play-panel .panel-top,body.home-page .hero-panels .play-panel .panel-top span,body.home-page .hero-panels .play-panel .panel-bottom{color:#15095e}
body.home-page .hero-panels .play-panel .panel-top b{color:#eb702f}
body.home-page .benefit-label span,body.home-page .compact-benefit>p,body.home-page .ugc-lead,body.home-page .ugc-portrait figcaption{color:var(--home-muted)}
body.home-page .ugc-examples p b{color:#15095e}
body.home-page .expanded-link{color:#c4541e}
/* Home: three stronger service banners, each with its own call to action. */
body.home-page .hero-panels.with-photos{gap:20px;margin-bottom:60px;align-items:stretch}
body.home-page .hero-panels.with-photos .panel{height:auto;min-height:0;padding:22px 24px 24px;gap:0}
body.home-page .hero-panels.with-photos .service-photo{height:230px;width:calc(100% + 48px);margin:-22px -24px 20px}
body.home-page .hero-panels.with-photos .panel-top{font-size:11px;margin-bottom:14px}
body.home-page .hero-panels.with-photos .panel-bottom{font-size:30px;line-height:1.1;letter-spacing:-.8px;font-weight:600;margin-top:0!important}
body.home-page .panel-sub{font-size:15px;line-height:1.55;margin:12px 0 16px}
body.home-page .panel-points{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px;font-size:14px;font-weight:600}
body.home-page .panel-points li:before{content:"✓";margin-right:10px;font-weight:700}
body.home-page .panel-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:5px;font-size:14px;font-weight:700;transition:gap .2s}
body.home-page .panel:hover .panel-cta{gap:18px}
body.home-page .review-panel .panel-sub{color:#fff3ea}
body.home-page .review-panel .panel-points{color:#fff}
body.home-page .review-panel .panel-points li:before{color:#fff}
body.home-page .review-panel .panel-cta{background:#fff;color:#a4401a}
body.home-page .ai-panel .panel-sub{color:#d9d5f5}
body.home-page .ai-panel .panel-points{color:#fff}
body.home-page .ai-panel .panel-points li:before{color:#ff9a5c}
body.home-page .ai-panel .panel-cta{background:#eb702f;color:#fff}
body.home-page .play-panel .panel-sub{color:var(--home-muted)}
body.home-page .play-panel .panel-points{color:#15095e}
body.home-page .play-panel .panel-points li:before{color:#eb702f}
body.home-page .play-panel .panel-cta{background:#15095e;color:#fff}
@media(max-width:850px){body.home-page .hero-panels.with-photos{grid-template-columns:1fr 1fr}body.home-page .hero-panels.with-photos .panel:last-child{grid-column:1/-1}}
@media(max-width:590px){body.home-page .hero-panels.with-photos{grid-template-columns:1fr}body.home-page .hero-panels.with-photos .service-photo{height:210px}body.home-page .hero-panels.with-photos .panel-bottom{font-size:27px}}
/* Home: who we work with, on an indigo band. */
.markets{padding:85px 0;background:radial-gradient(ellipse at 90% 0%,#3b2a9e,transparent 55%),#15095e;color:#fff}
.markets-head{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:40px}
.markets-kicker{font-size:10px;letter-spacing:2px;font-weight:bold;color:#ff9a5c}
.markets h2{color:#fff;margin:14px 0 0}
body .markets .markets-head p{color:#d9d5f5;font-size:17px;margin:0}
.markets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.market-card{background:#fff;border-radius:2px 18px 2px 18px;padding:26px;display:flex;flex-direction:column;box-shadow:0 14px 32px #0000002e}
.market-card{overflow:hidden}
.market-photo{display:block;width:calc(100% + 52px);max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;margin:-26px -26px 0}
.market-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fdebdf;color:#c4541e;margin-bottom:18px}
.market-photo+.market-icon{position:relative;margin-top:-23px;border:3px solid #fff;box-sizing:content-box}
.market-icon svg{width:24px;height:24px}
.markets .market-card h3{font-size:21px;font-weight:500;letter-spacing:-.4px;color:#15095e;margin:0 0 8px}
body .markets .market-card p{font-size:14px;line-height:1.6;color:#5a5480;margin:0 0 20px}
.market-chips{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.market-chip{font-size:11px;font-weight:bold;letter-spacing:.5px;padding:6px 12px;border-radius:20px;border:1px solid transparent;transition:transform .2s}
.market-chip:hover{transform:translateY(-2px)}
.chip-rated{background:#eb702f;color:#fff}
.chip-matrix{background:#15095e;color:#fff}
.chip-play{background:#fff;color:#15095e;border-color:#15095e}
.markets-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding-top:26px;border-top:1px solid #ffffff2e;font-size:16px;color:#e6e3fa}
@media(max-width:850px){.markets-head{grid-template-columns:1fr;gap:15px}.markets-grid{grid-template-columns:1fr 1fr}}
@media(max-width:590px){.markets{padding:55px 0}.markets h2 br{display:none}.markets-grid{grid-template-columns:1fr}.markets-foot{flex-direction:column;align-items:flex-start}}
body.home-page .home-product{background:#fff;border-color:#d9d6ee}
body.home-page .home-product span{color:#15095e}
body.home-page .home-product i{color:#eb702f}
body.home-page .home-product stop:not([offset]){stop-color:#3b2a9e}
body.home-page .home-product stop[offset="1"]{stop-color:#15095e}
body.home-page #home-product-gradient-2 stop:not([offset]){stop-color:#ff9a5c}
body.home-page #home-product-gradient-2 stop[offset="1"]{stop-color:#eb702f}
body.home-page .home-product svg [stroke]:not([stroke^="#e"]):not([stroke^="#f"]){stroke:#b9b3dc}
body.home-page .home-product svg [stroke="#168eb1"],body.home-page .home-product svg [stroke="#258cab"]{stroke:#eb702f}
body.home-page .home-product [fill="#163954"]{fill:#15095e}
body.home-page .home-product [fill="#8ca4b5"]{fill:#8a84ad}
body.home-page .home-product [fill="#a3c4dc"],body.home-page .home-product [fill="#a3bdd1"]{fill:#c9c5e0}
body.home-page .home-product [fill="#adc7dd"]{fill:#d9d6ee}
body.home-page .home-product [fill="#567c9c14"]{fill:#15095e14}
body.home-page .home-product [fill="#eef6fb"]{fill:#fff}
body.home-page .home-shop-caption{color:var(--home-faint)}
body.home-page .cta{border-color:#2d1d79}
body.home-page .cta p{color:#e6e3fa}
body.home-page .site-footer .footer-col a[href="/play/"]{border-left-color:#fff}

/* Full-width 100vw backgrounds include the scrollbar; clip them so desktop never scrolls sideways. */
body{overflow-x:clip}

/* Home: Fluxxify Rated review features, in clear Rated orange. */
.rated-features{padding:80px 0;background:linear-gradient(120deg,#d4601f,#b4481a);color:#fff}
.rated-features-head{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end}
.rated-kicker{font-size:10px;letter-spacing:2px;font-weight:bold;color:#ffe3cf}
.rated-features h2{color:#fff;margin:14px 0 0}
.rated-features .rated-features-head p{color:#fff3ea;font-size:17px;margin:0}
.rated-flow{list-style:none;padding:0;margin:40px 0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:flow}
.rated-flow li{counter-increment:flow;background:#ffffff1a;border:1px solid #ffffff45;border-radius:2px 14px 2px 14px;padding:16px 18px;display:grid;gap:4px}
.rated-flow li:before{content:"0" counter(flow);font-size:10px;letter-spacing:1.5px;color:#ffe3cf}
.rated-flow b{font-size:19px;font-weight:600}
.rated-flow span{font-size:12px;color:#fff3ea}
.rated-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rated-card{background:#fff;color:#15095e;border-radius:2px 18px 2px 18px;padding:24px;box-shadow:0 12px 28px #6b230a26}
.rated-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fdebdf;color:#c4541e;margin-bottom:18px}
.rated-icon svg{width:24px;height:24px}
.rated-num{display:block;font-size:10px;letter-spacing:1.5px;font-weight:bold;color:#b4481a}
.rated-features .rated-card h3{font-size:21px;font-weight:500;letter-spacing:-.4px;margin:8px 0;color:#15095e}
.rated-features .rated-card p{font-size:14px;line-height:1.6;margin:0;color:#4a4f6a}
.rated-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
body .rated-features .btn:not(.light){background:#fff;border-color:#fff;color:#a4401a;box-shadow:0 6px 20px #6b230a30}
body .rated-features .btn.light{background:transparent;border-color:#ffffffaa;color:#fff}
body .rated-features .btn:not(.light):hover{background:#fff3ea}
body .rated-features .rated-actions a.btn:not(.light){background:#fff;border-color:#fff;color:#a4401a}
body .rated-features .btn.light:hover{background:#ffffff1a}
body:not(.play-page) section.echo-retail{background:linear-gradient(120deg,#e7e9ed,#fafbfc);border-color:#d5d6df}

/* Rated page: silver surfaces instead of orange tints; orange stays for accents only. */
body.echo-page .page-hero::before{background-image:radial-gradient(ellipse at 0% 0%,#d9e0e8,transparent 75%),repeating-linear-gradient(90deg,transparent 0 79px,#9ab1c316 79px 80px)!important;background-color:#eef1f5}
body.echo-page main .btn.light{background:#fff}
body.echo-page .ugc-examples>div{border-color:#d5dbe3}
body.echo-page .ugc-examples>div>span{background:#fff;border-color:#d5dbe3}
body.echo-page .dashboard{background:#fff;color:#15095e;border-color:#d5dbe3}
body.echo-page .metric,body.echo-page .mock-head select{background:#eef1f5;color:#15095e}
body.echo-page .metric small,body.echo-page .caption{color:#5a5480}

/* Rated page: feature spotlights, one row per feature with its own visual. */
.spotlights{display:grid;gap:28px;margin:10px 0 60px}
.spotlight{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;background:#fff;border:1px solid #d5dbe3;border-radius:2px 24px 2px 24px;padding:44px;box-shadow:0 12px 32px #15095e0d}
.spotlight:nth-child(even) .spotlight-copy{order:2}
.spotlight-label{font-size:11px;letter-spacing:1.6px;font-weight:bold;color:#c4541e}
.spotlight-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-1px;font-weight:500;color:#15095e;margin:14px 0 14px}
body .spotlight-copy p{font-size:16px;line-height:1.65;color:#5a5480;margin:0 0 20px}
.spotlight-points{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.spotlight-points li{font-size:14px;font-weight:600;color:#15095e;padding-left:30px;position:relative}
.spotlight-points li:before{content:"✓";position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;background:#eb702f;color:#fff;display:grid;place-items:center;font-size:11px}
.spotlight-visual{position:relative;margin:0;background:radial-gradient(ellipse at 80% 0%,#3b2a9e,transparent 60%),#15095e;border-radius:2px 20px 2px 20px;padding:34px;min-height:320px;display:grid;place-items:center}
.spotlight-shots{place-items:stretch;padding:46px 28px 54px}
.spotlight-shots .shot-main{width:100%;height:auto;border-radius:8px;box-shadow:0 18px 40px #0000004d;display:block}
.spotlight-shots .shot-small{position:absolute;width:46%;right:-14px;bottom:-22px;border-radius:8px;border:4px solid #fff;box-shadow:0 16px 36px #15095e40}
.spotlight-shots figcaption{position:absolute;left:28px;top:18px;font-size:10px;letter-spacing:1px;color:#c9c3f0;text-transform:uppercase}
.sp-window{width:100%;max-width:420px;background:#fff;border-radius:12px;padding:18px;box-shadow:0 18px 40px #0000004d;display:grid;gap:12px}
.sp-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#15095e;padding-bottom:10px;border-bottom:1px solid #e4e7f0}
.sp-head span{font-size:11px;color:#5a5480;background:#eef1f5;padding:5px 9px;border-radius:5px}
.sp-review{display:flex;gap:12px;align-items:center;background:#f6f7fa;border-radius:8px;padding:10px 12px}
.sp-review img{width:54px;height:24px;object-fit:contain;background:#fff;border-radius:5px;padding:3px;flex-shrink:0}
.sp-review>div{flex:1;display:grid;gap:5px}
.sp-review b{font-size:12px;color:#15095e}
.sp-stars{color:#eb702f;font-size:12px;letter-spacing:2px;line-height:1}
.sp-window i{display:block;height:6px;border-radius:3px;background:#dfe3ec}
.sp-window i.short{width:60%}
.sp-badge{position:absolute;right:18px;top:18px;background:#eb702f;color:#fff;font-size:11px;font-weight:bold;padding:7px 11px;border-radius:20px}
.sp-solo{background:#f6f7fa}
.sp-avatar{width:34px;height:34px;border-radius:50%;background:#c9c5e0;flex-shrink:0}
.sp-reply{margin-left:28px;background:#15095e;border-radius:10px;padding:14px;display:grid;gap:7px}
.sp-reply i{background:#ffffff40}
.sp-ai{font-size:11px;font-weight:bold;color:#ff9a5c;letter-spacing:.5px}
.sp-toggle{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:bold;color:#15095e;border-top:1px solid #e4e7f0;padding-top:12px}
.sp-toggle b{width:42px;height:24px;border-radius:12px;background:#eb702f;position:relative}
.sp-toggle b:after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff}
.sp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sp-tiles>div{background:#f6f7fa;border-radius:8px;padding:10px;display:grid;gap:6px;min-height:58px}
.sp-tiles small{font-size:10px;color:#5a5480}
.sp-tiles svg{width:100%;height:20px}
.sp-up{color:#eb702f;font-size:16px;line-height:1}
.sp-bars{display:flex;align-items:flex-end;gap:8px;height:84px;padding:0 4px;border-bottom:1px solid #e4e7f0}
.sp-window .sp-bars i{flex:1;height:auto;border-radius:4px 4px 0 0;background:#c9c5e0}
.sp-window .sp-bars i:nth-child(1){height:38%}.sp-window .sp-bars i:nth-child(2){height:52%}.sp-window .sp-bars i:nth-child(3){height:46%}.sp-window .sp-bars i:nth-child(4){height:68%}.sp-window .sp-bars i:nth-child(5){height:74%}.sp-window .sp-bars i:nth-child(6){height:92%;background:#eb702f}
.sp-insight{background:#15095e;border-radius:8px;padding:12px;display:grid;gap:7px}
.sp-insight b{font-size:11px;color:#ff9a5c}
.sp-insight i{background:#ffffff40}
.sp-note{position:absolute;left:34px;bottom:12px;font-size:10px;letter-spacing:1px;color:#c9c3f0;text-transform:uppercase}
@media(max-width:850px){.spotlight{grid-template-columns:1fr;gap:30px;padding:30px}.spotlight:nth-child(even) .spotlight-copy{order:0}.spotlight-shots .shot-small{right:10px}}
@media(max-width:590px){.spotlight{padding:22px;gap:24px}.spotlight-visual{padding:20px;min-height:0}.spotlight-shots{padding:40px 18px 46px}.spotlight-shots figcaption{top:14px}.spotlight-shots figcaption{left:18px}.sp-badge{right:10px;top:10px}.sp-note{left:20px;bottom:8px}}
@media(max-width:850px){.rated-features-head{grid-template-columns:1fr;gap:15px}.rated-flow{grid-template-columns:1fr 1fr}.rated-grid{grid-template-columns:1fr 1fr}}
.rated-flow li{align-content:start}
@media(max-width:590px){.rated-features h2 br{display:none}.rated-features{padding:55px 0}.rated-grid{grid-template-columns:1fr}.rated-flow{gap:8px}.rated-flow li{padding:13px 14px}.rated-flow b{font-size:17px}}.feature-art .bs{fill:none;stroke:var(--art-bg)}
