/* Product and content enhancements */
.detail-hero{height:auto;min-height:820px;align-items:center;padding:150px 8vw 90px}
.detail-copy{padding-top:38px}
.detail-copy .eyebrow{margin-bottom:14px}
.detail-copy h1{font-size:clamp(48px,5.2vw,82px);max-width:920px}
.detail-shade{background:linear-gradient(90deg,#050914 0%,rgba(5,9,20,.88) 42%,rgba(5,9,20,.18) 78%),linear-gradient(0deg,#050914 0%,transparent 34%)}
.product-grid{gap:18px;border:0;grid-template-columns:repeat(2,1fr)}
.product-card.photo-card{min-height:430px;padding:0;border:1px solid var(--line);border-radius:18px;background:#080e1b}
.photo-card .num{position:absolute;z-index:3;top:18px;left:20px;padding:6px 9px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(3,7,15,.58);backdrop-filter:blur(8px);color:#d9e4f1}
.product-photo{height:285px;background-size:cover;background-position:center;position:relative;transition:transform .6s ease}
.product-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080e1b 0%,transparent 52%)}
.photo-card:hover .product-photo{transform:scale(1.025)}
.product-card-body{position:relative;padding:4px 26px 28px;min-height:140px}
.product-card-body h3{font-size:24px}
.product-card-body p{font-size:13px;max-width:75%;margin:7px 0 0}
.photo-card .more{bottom:30px}
.sector-grid{gap:16px}
.sector.sector-photo{height:330px;position:relative;background-size:cover;background-position:center;border-radius:16px;overflow:hidden;margin:0;border:1px solid var(--line);padding:24px}
.sector-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,15,.97) 0%,rgba(3,7,15,.18) 72%);transition:.35s}
.sector-photo:hover:before{background:linear-gradient(0deg,rgba(3,7,15,.95),rgba(3,7,15,.04))}
.sector-photo>*{position:relative;z-index:1}
.sector-photo h3{margin:0;font-size:23px}
.sector-photo p{color:#aab6c7;font-size:12px;max-width:260px;margin:5px 0 0}
.value-section{padding-top:60px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.value-grid article{padding:42px 34px;border-right:1px solid var(--line)}
.value-grid b{font-size:10px;color:var(--cyan)}
.value-grid h3{font-family:Manrope;font-size:22px;margin:55px 0 12px}
.value-grid p{color:var(--muted);font-size:13px}
.integration-band{max-width:1440px;margin:0 auto 80px;padding:90px 8vw;display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:center;background:linear-gradient(135deg,rgba(27,89,210,.18),rgba(22,217,255,.035));border:1px solid var(--line);border-radius:24px}
.integration-band h2{font-family:Manrope;font-size:clamp(38px,4vw,62px);line-height:1.06;letter-spacing:-.045em;margin:0}
.integration-band h2 em{font-style:normal;color:#8492a6}
.integration-list{display:flex;gap:11px;flex-wrap:wrap}
.integration-list span{padding:12px 16px;border:1px solid var(--line);border-radius:30px;color:#aab6c7;font-size:11px;background:rgba(255,255,255,.025)}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}.integration-band{margin:0 22px 70px}.detail-hero{min-height:760px}.value-grid{grid-template-columns:1fr}}
@media(max-width:700px){.detail-hero{min-height:760px;padding:125px 22px 70px;align-items:center}.detail-copy{padding-top:0}.detail-copy h1{font-size:42px}.product-grid{grid-template-columns:1fr;gap:14px}.product-card.photo-card{min-height:390px}.product-photo{height:245px}.sector-grid{grid-template-columns:1fr}.sector.sector-photo{height:290px}.integration-band{grid-template-columns:1fr;padding:55px 24px}.value-grid article{border-right:0;border-bottom:1px solid var(--line)}}
.blog-hero{min-height:600px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.blog-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#080e1a}.blog-image{height:320px;display:block;background-size:cover;background-position:center;position:relative}.blog-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080e1a,transparent 65%)}.blog-image span{position:absolute;z-index:1;left:22px;bottom:18px;font-size:9px;letter-spacing:.15em;padding:7px 10px;border-radius:20px;background:rgba(3,8,16,.72);backdrop-filter:blur(8px)}.blog-card>div{padding:28px}.blog-card small{color:#6e7d92;font-size:10px}.blog-card h2,.blog-card h3{font-family:Manrope;font-size:25px;line-height:1.25;margin:9px 0 12px}.blog-card p{color:var(--muted);font-size:13px}.blog-grid.compact{grid-template-columns:repeat(3,1fr)}.blog-grid.compact .blog-image{height:220px}.blog-grid.compact .blog-card>div{padding:22px}.center-btn{display:flex;width:max-content;margin:42px auto 0}.article-page{max-width:1500px;margin:auto;padding:145px 5vw 120px}.article-header{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;min-height:620px}.article-header h1{font-family:Manrope;font-size:clamp(48px,5vw,78px);line-height:1.06;letter-spacing:-.045em;margin:0}.article-header p{font-size:17px;color:var(--muted);max-width:700px}.article-header small{color:#65758b}.article-cover{height:520px;background-size:cover;background-position:center;border-radius:22px;border:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:230px minmax(0,820px);justify-content:center;gap:70px;margin-top:100px}.article-toc{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:20px}.article-toc b{font-size:9px;letter-spacing:.15em;margin-bottom:14px}.article-toc a{color:#7e8ca1;font-size:11px;padding:7px 0}.article-content .lead{font-size:22px;color:#d9e2ee}.article-content section{scroll-margin-top:120px;margin:70px 0}.article-content h2,.faq-section h2{font-family:Manrope;font-size:clamp(34px,3.7vw,54px);line-height:1.12;letter-spacing:-.04em}.article-content p{color:#a8b4c4;font-size:16px;line-height:1.9}.article-cta{padding:40px;border:1px solid rgba(22,217,255,.25);border-radius:18px;background:rgba(22,217,255,.045)}.article-cta span{font-size:9px;letter-spacing:.16em;color:var(--cyan)}.article-cta h3{font-family:Manrope;font-size:28px}.faq-section{max-width:1000px}.faq-section details{border-top:1px solid var(--line)}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{list-style:none;cursor:pointer;padding:24px 4px;font-weight:600;display:flex;justify-content:space-between;gap:20px}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary span{color:var(--cyan);font-size:22px}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details p{margin:0;padding:0 4px 26px;color:var(--muted);font-size:14px;max-width:820px}.product-faq,.home-faq{padding-top:80px}.product-faq h2,.home-faq h2{margin-bottom:50px}.product-faq h2 em,.home-faq h2 em{font-style:normal;color:#8492a6}
@media(max-width:900px){.blog-grid,.blog-grid.compact{grid-template-columns:1fr}.article-header{grid-template-columns:1fr;padding-top:20px}.article-layout{grid-template-columns:1fr;margin-top:60px}.article-toc{display:none}.article-cover{height:400px}}
@media(max-width:700px){.article-page{padding:120px 22px 80px}.article-header{min-height:0}.article-header h1{font-size:43px}.article-cover{height:280px}.blog-image{height:240px}.article-content .lead{font-size:18px}.article-content p{font-size:15px}}
.flux-showcase .showcase-bg{background:url('/assets/img/premium/macxflux-hero.jpg') center/cover}.flux-showcase .showcase-overlay{background:linear-gradient(90deg,#050914 0%,rgba(5,9,20,.82) 38%,transparent 78%),linear-gradient(0deg,#050914 0%,transparent 48%)}.flux-btn{background:linear-gradient(110deg,#5037dd,#18c9ee);border:0;box-shadow:0 14px 38px rgba(92,62,220,.32)}.flux-architecture{padding-top:50px}.flux-module-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.flux-module-grid article{position:relative;min-height:230px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 10%,rgba(116,91,255,.12),transparent 32%)}.flux-module-grid small{font-size:8px;letter-spacing:.18em;color:#7669bd}.flux-module-grid h3{font-family:Manrope;font-size:24px;margin:52px 0 8px}.flux-module-grid p{color:var(--muted);font-size:12px}.flux-module-grid article>span{position:absolute;right:24px;bottom:22px;color:var(--cyan)}.flux-studio-band{max-width:1500px;margin:50px auto 140px;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center;padding:0 5vw}.flux-studio-image{height:630px;background:url('/assets/img/premium/macxflux-studio.jpg') center/cover;border-radius:24px;border:1px solid var(--line);box-shadow:0 30px 100px rgba(0,0,0,.45)}.flux-studio-band h2,.flux-city-visual h2{font-family:Manrope;font-size:clamp(42px,4.8vw,70px);line-height:1.05;letter-spacing:-.045em;margin:0}.flux-studio-band h2 em,.flux-city-visual h2 em{font-style:normal;color:#8492a6}.flux-studio-band p,.flux-city-visual p{color:var(--muted);font-size:15px;margin:28px 0}.flux-case-grid{display:grid;grid-template-columns:repeat(4,1fr)}.flux-case-grid article{min-height:260px;padding:32px;border:1px solid var(--line);margin:-1px 0 0 -1px}.flux-case-grid article>span{color:var(--violet)}.flux-case-grid h3{font-family:Manrope;font-size:20px;margin:65px 0 12px}.flux-case-grid p{color:var(--muted);font-size:12px}.flux-city-visual{height:78vh;min-height:680px;margin:0 0 120px;background:linear-gradient(90deg,#050914 0%,rgba(5,9,20,.75) 40%,transparent 76%),url('/assets/img/premium/macxflux-city.jpg') center/cover;display:flex;align-items:flex-end;padding:8vw}.flux-city-visual>div{max-width:760px}.related-posts{padding-top:40px}.blog-tools{max-width:1440px;margin:-55px auto 40px;padding:0 6vw;position:relative;z-index:2}.blog-search{max-width:600px;margin:0 auto 24px;display:flex;align-items:center;gap:12px;padding:0 20px;background:rgba(8,14,27,.95);border:1px solid var(--line);border-radius:40px;backdrop-filter:blur(14px)}.blog-search span{color:var(--cyan);font-size:23px}.blog-search input{width:100%;padding:16px 0;background:transparent;border:0;outline:0;color:#fff}.blog-filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.blog-filters button{border:1px solid var(--line);background:transparent;color:#8795a9;border-radius:24px;padding:9px 14px;font-size:10px;cursor:pointer}.blog-filters button.active,.blog-filters button:hover{background:rgba(22,217,255,.1);border-color:rgba(22,217,255,.35);color:#dffaff}.blog-empty{display:none;text-align:center;color:var(--muted);padding:80px}.article-related{margin-top:110px;padding-top:70px;border-top:1px solid var(--line)}
@media(max-width:1050px){.flux-module-grid{grid-template-columns:repeat(2,1fr)}.flux-studio-band{grid-template-columns:1fr}.flux-case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.flux-module-grid,.flux-case-grid{grid-template-columns:1fr}.flux-studio-band{margin-bottom:90px;padding:0 22px}.flux-studio-image{height:330px}.flux-city-visual{min-height:680px;padding:70px 22px}.blog-tools{margin-top:-25px;padding:0 22px}.blog-filters{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:8px}.blog-filters button{white-space:nowrap}}