/* MEGASTAR Brandworld v2.0.0 — all frontend selectors are namespaced. */
.megastar-page-body{
    margin:0!important;
    padding:0!important;
    background:#020202!important;
    color:#fff!important;
    overflow-x:hidden!important;
    font-family:Inter,Manrope,Montserrat,"Helvetica Neue",Arial,sans-serif!important;
}
.megastar-page-body #wpadminbar{display:none!important}
html:has(.megastar-root){margin-top:0!important}

.megastar-root,
.megastar-root *{box-sizing:border-box}
.megastar-root{
    --megastar-red:#ef2427;
    --megastar-red-deep:#8b0c0f;
    --megastar-black:#020202;
    --megastar-panel:#070707;
    --megastar-panel-2:#0b0b0b;
    --megastar-line:#262626;
    --megastar-text:#c4c4c7;
    width:100%;
    min-height:100vh;
    overflow:hidden;
    background:#020202;
    color:#fff;
    font-family:Inter,Manrope,Montserrat,"Helvetica Neue",Arial,sans-serif;
}
.megastar-root img{max-width:100%}
.megastar-root a{text-decoration:none}
.megastar-root button,
.megastar-root input,
.megastar-root textarea{font:inherit}
.megastar-shell{width:min(1180px,calc(100% - 72px));margin:0 auto}
.megastar-overline{
    display:block;
    color:var(--megastar-red);
    font-size:10px;
    line-height:1;
    font-weight:850;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.megastar-btn{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 19px;
    border-radius:0;
    font-size:10px;
    line-height:1;
    letter-spacing:.035em;
    font-weight:800;
    text-transform:uppercase;
    cursor:pointer;
}
.megastar-btn-red{
    border:1px solid var(--megastar-red);
    background:var(--megastar-red);
    color:#fff!important;
}
.megastar-btn-outline{
    border:1px solid rgba(255,255,255,.55);
    background:transparent;
    color:#fff!important;
}
.megastar-btn:hover{filter:brightness(1.08)}
.megastar-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Header */
.megastar-header{
    position:relative;
    z-index:1000;
    width:100%;
    height:74px;
    background:#020202;
    border-bottom:1px solid #242424;
}
.megastar-header-inner{
    height:74px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.megastar-header-logo{
    display:block;
    width:190px;
    line-height:0;
}
.megastar-header-logo img{
    width:100%;
    height:auto;
    display:block;
}
.megastar-back-ccs{
    min-height:35px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0 14px;
    border:1px solid #555;
    color:#ddd!important;
    font-size:9px;
    font-weight:650;
    letter-spacing:.02em;
}
.megastar-back-ccs:hover{border-color:var(--megastar-red);color:#fff!important}

/* Hero */
.megastar-hero{
    position:relative;
    min-height:500px;
    overflow:hidden;
    border-bottom:1px solid var(--megastar-line);
    background:#020202;
}
.megastar-hero-visual{
    position:absolute;
    inset:0 0 0 auto;
    width:69%;
    height:100%;
}
.megastar-hero-visual img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
}
.megastar-hero-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,#020202 0%,rgba(2,2,2,.96) 27%,rgba(2,2,2,.72) 44%,rgba(2,2,2,.16) 67%,rgba(2,2,2,0) 100%),
        linear-gradient(0deg,rgba(2,2,2,.40),rgba(2,2,2,0) 55%);
}
.megastar-hero-inner{
    position:relative;
    z-index:2;
    min-height:500px;
    display:flex;
    align-items:center;
}
.megastar-hero-copy{
    width:47%;
    padding:38px 0 34px;
}
.megastar-hero-logo{
    width:330px;
    display:block;
    margin:0 0 13px;
}
.megastar-hero-subline{
    display:block;
    margin-bottom:22px;
    color:var(--megastar-red);
    font-size:15px;
    font-weight:750;
}
.megastar-hero-copy h1,
.megastar-hero-copy .megastar-primary-title{
    margin:0 0 18px!important;
    color:#fff!important;
    font-size:clamp(34px,4.05vw,52px)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
    font-weight:850!important;
    text-transform:uppercase!important;
}
.megastar-hero-copy p{
    max-width:470px;
    margin:0 0 25px!important;
    color:#c8c8cb!important;
    font-size:12px!important;
    line-height:1.62!important;
}

/* Section heading */
.megastar-section-head{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:end;
    gap:60px;
    margin-bottom:19px;
}
.megastar-section-head h2,
.megastar-applications> .megastar-shell > h2{
    margin:8px 0 0!important;
    color:#fff!important;
    font-size:clamp(25px,2.7vw,35px)!important;
    line-height:1.02!important;
    letter-spacing:-.03em!important;
    font-weight:700!important;
    text-transform:uppercase!important;
}
.megastar-section-head p{
    margin:0!important;
    color:#aeadb1!important;
    font-size:10px!important;
    line-height:1.6!important;
}

/* Models */
.megastar-models{
    padding:30px 0 28px;
    border-bottom:1px solid var(--megastar-line);
    background:#020202;
}
.megastar-model-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
}
.megastar-model-card{
    min-width:0;
    border:1px solid #2c2c2c;
    background:#060606;
    cursor:pointer;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.megastar-model-image{
    position:relative;
    display:block;
    height:290px;
    overflow:hidden;
    background:#020202;
}
.megastar-model-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:filter .2s ease;
}
.megastar-model-name{
    position:absolute;
    left:20px;
    top:18px;
    text-shadow:0 2px 9px #000;
}
.megastar-model-name span{
    display:block;
    color:var(--megastar-red);
    font-size:9px;
    font-weight:900;
    letter-spacing:.17em;
}
.megastar-model-name strong{
    display:block;
    margin-top:3px;
    color:#fff;
    font-size:37px;
    line-height:.9;
    font-weight:450;
}
.megastar-model-facts{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid #252525;
    border-bottom:1px solid #252525;
}
.megastar-model-facts>div{
    min-height:73px;
    display:grid;
    grid-template-columns:27px 1fr;
    grid-template-rows:auto auto;
    align-content:center;
    column-gap:6px;
    padding:11px 13px;
    border-left:1px solid #252525;
}
.megastar-model-facts>div:first-child{border-left:0}
.megastar-model-facts svg{
    grid-row:1/3;
    width:24px;
    height:24px;
    align-self:center;
    fill:none;
    stroke:#fff;
    stroke-width:1.4;
}
.megastar-fact-icon,
.megastar-ruler{
    grid-row:1/3;
    align-self:center;
    color:var(--megastar-red);
    font-size:28px;
    line-height:1;
}
.megastar-model-facts strong{
    color:#fff;
    font-size:10px;
}
.megastar-model-facts small{
    color:#9b9b9e;
    font-size:8px;
}
.megastar-card-link{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    padding:0 18px;
    color:#fff!important;
    background:none;
    border:0;
    font-size:9px;
    font-weight:800;
    letter-spacing:.13em;
    cursor:pointer;
    transition:color .2s ease,transform .2s ease;
}
.megastar-card-link:hover{color:var(--megastar-red)!important}

/* v2.4.11 — Power Fog model cards: clear but restrained interaction feedback.
   Scoped only to the Power Fog model-card component; no grid/container geometry changes. */
@media (hover:hover) and (pointer:fine){
    .megastar-model-card:hover{
        border-color:#7c191c;
        box-shadow:0 10px 28px rgba(239,36,39,.12),0 0 0 1px rgba(239,36,39,.12);
        transform:translateY(-2px);
    }
    .megastar-model-card:hover .megastar-model-image img{
        filter:brightness(1.055) contrast(1.025);
    }
    .megastar-model-card:hover .megastar-card-link{
        color:var(--megastar-red)!important;
        transform:translateX(2px);
    }
}

/* Keyboard users receive the same card-level affordance, with an explicit focus ring. */
.megastar-model-card:has(a:focus-visible){
    border-color:var(--megastar-red);
    box-shadow:0 0 0 2px rgba(239,36,39,.42),0 10px 28px rgba(239,36,39,.12);
    transform:translateY(-2px);
}
.megastar-model-card:has(a:focus-visible) .megastar-model-image img{
    filter:brightness(1.055) contrast(1.025);
}
.megastar-model-card:has(a:focus-visible) .megastar-card-link{
    color:var(--megastar-red)!important;
}
.megastar-model-card a:focus-visible{
    outline:2px solid var(--megastar-red);
    outline-offset:-2px;
}

@media (pointer:coarse){
    .megastar-model-card:has(a:active){
        border-color:#641518;
        transform:translateY(-1px);
    }
}

@media (prefers-reduced-motion:reduce){
    .megastar-model-card,
    .megastar-model-image img,
    .megastar-model-card .megastar-card-link{
        transition:none;
    }
    .megastar-model-card:hover,
    .megastar-model-card:has(a:focus-visible),
    .megastar-model-card:has(a:active){
        transform:none;
    }
}

/* Technology */
.megastar-tech{
    padding:27px 0 29px;
    border-bottom:1px solid var(--megastar-line);
    background:#030303;
}
.megastar-tech-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:18px;
}
.megastar-root-embedded .megastar-tech .megastar-tech-grid{
    padding-inline:22px;
    box-sizing:border-box;
}
.megastar-tech-item{
    display:grid;
    grid-template-columns:48px 1fr;
    gap:14px;
    min-height:95px;
    padding:12px 22px;
    border-left:1px solid #4f1012;
}
.megastar-tech-item:first-child{border-left:0;padding-left:0}
.megastar-tech-item svg{
    width:44px;
    height:44px;
    fill:none;
    stroke:var(--megastar-red);
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.megastar-tech-item h3{
    margin:0 0 5px!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1.2!important;
}
.megastar-tech-item p{
    margin:0!important;
    color:#99999d!important;
    font-size:8px!important;
    line-height:1.55!important;
}

/* Steering & control homepage */
.megastar-control-home{
    position:relative;
    padding:34px 0 36px;
    border-bottom:1px solid var(--megastar-line);
    background:
        radial-gradient(circle at 50% 0%,rgba(239,36,39,.08),transparent 30%),
        #050505;
}
.megastar-control-head{margin-bottom:22px}
.megastar-control-grid{
    display:grid;
    grid-template-columns:minmax(0,.94fr) minmax(0,1.16fr) minmax(0,.94fr);
    align-items:stretch;
    gap:12px;
}
.megastar-control-card{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    padding:22px;
    border:1px solid #421012;
    background:linear-gradient(180deg,rgba(239,36,39,.055),transparent 34%),#080808;
}
.megastar-control-card-vtic{
    border-color:#641316;
    background:linear-gradient(180deg,rgba(239,36,39,.08),transparent 38%),#090909;
}
.megastar-control-icon{margin:0 0 13px}
.megastar-control-icon svg{
    width:42px;
    height:42px;
    fill:none;
    stroke:var(--megastar-red);
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.megastar-control-label{
    align-self:flex-start;
    margin:0 0 12px;
    padding:5px 7px 4px;
    border:1px solid #6c1719;
    color:#d9d9dc;
    font-size:7px;
    line-height:1;
    font-weight:850;
    letter-spacing:.12em;
}
.megastar-control-label-request{color:#fff;border-color:var(--megastar-red)}
.megastar-control-card h3{
    margin:9px 0 11px!important;
    color:#fff!important;
    font-size:clamp(19px,1.55vw,24px)!important;
    line-height:1.06!important;
    letter-spacing:-.025em!important;
}
.megastar-control-card>p{
    width:100%;
    max-width:100%;
    margin:0 0 15px!important;
    color:#a9a9ad!important;
    font-size:9px!important;
    line-height:1.62!important;
    white-space:normal!important;
    overflow-wrap:break-word;
    word-break:normal;
}
.megastar-control-points{
    list-style:none;
    margin:0 0 16px!important;
    padding:0;
    display:grid;
    gap:8px;
}
.megastar-control-points li{
    position:relative;
    padding-left:14px;
    color:#ededee;
    font-size:9px;
    line-height:1.45;
}
.megastar-control-points li::before{
    content:'';
    position:absolute;
    left:0;
    top:.48em;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--megastar-red);
}
.megastar-control-settings{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    margin:1px 0 15px;
    background:#2b0a0b;
}
.megastar-control-settings>div{
    min-width:0;
    padding:10px 11px;
    background:#080808;
}
.megastar-control-settings strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:9px;
    text-transform:uppercase;
}
.megastar-control-settings span{
    display:block;
    color:#98989c;
    font-size:8px;
    line-height:1.45;
}
.megastar-control-detail{
    margin-bottom:11px!important;
    color:#99999d!important;
    font-size:8px!important;
    line-height:1.55!important;
}
.megastar-control-note{
    margin-top:auto;
    padding:13px 0 0;
    border-top:1px solid #351011;
}
.megastar-control-note strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-size:9px;
    line-height:1.35;
}
.megastar-control-note span{
    display:block;
    color:#8f8f93;
    font-size:8px;
    line-height:1.45;
}
.megastar-control-cta{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:0!important;
    align-self:stretch;
    justify-content:flex-start;
    margin-top:auto;
    padding:15px 0 0!important;
    text-align:left;
    white-space:normal!important;
    overflow-wrap:break-word;
    word-break:normal;
    line-height:1.35;
}

/* Fluids homepage */
.megastar-fluids-home{
    position:relative;
    padding:30px 0 32px;
    border-bottom:1px solid var(--megastar-line);
    overflow:hidden;
    background:#020202;
}
.megastar-fluids-layout{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,35fr) minmax(0,65fr);
    gap:34px;
    background:radial-gradient(circle at 88% 50%,rgba(190,16,20,.20),transparent 27%);
}
.megastar-fluids-copy h2{
    margin:9px 0 14px!important;
    color:#fff!important;
    font-size:clamp(25px,2.7vw,34px)!important;
    line-height:1.03!important;
    letter-spacing:-.03em!important;
}
.megastar-fluids-copy p{
    margin:0 0 18px!important;
    color:#a9a9ad!important;
    font-size:9px!important;
    line-height:1.62!important;
}
.megastar-fluid-features{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}
.megastar-fluid-features>div{
    padding:9px 18px;
    border-left:1px solid #5b1214;
    text-align:center;
}
.megastar-fluid-features svg{
    width:47px;
    height:47px;
    fill:none;
    stroke:var(--megastar-red);
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.megastar-fluid-features h3{
    margin:10px 0 5px!important;
    color:#fff!important;
    font-size:10px!important;
}
.megastar-fluid-features p{
    margin:0!important;
    color:#9d9da1!important;
    font-size:8px!important;
    line-height:1.48!important;
}
.megastar-fluid-price-note{
    grid-column:2;
    justify-self:end;
    margin-top:6px;
    padding-right:18px;
    color:rgba(255,255,255,.64);
    font-size:9px;
    line-height:1.5;
}

/* Applications */
.megastar-applications{
    padding:29px 0 31px;
    border-bottom:1px solid var(--megastar-line);
    background:#020202;
}
.megastar-applications> .megastar-shell > h2{margin-bottom:17px!important}
.megastar-app-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:7px;
}
.megastar-app-card{
    position:relative;
    min-height:180px;
    overflow:hidden;
    border:1px solid #671316;
    background:#120405;
}
.megastar-app-card>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.83;
    filter:saturate(1.22);
}
.megastar-app-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,rgba(2,2,2,.95),rgba(2,2,2,.10) 70%);
}
.megastar-app-content{
    position:absolute;
    z-index:2;
    inset:auto 12px 12px;
    text-align:center;
}
.megastar-app-content svg{
    width:43px;
    height:43px;
    fill:none;
    stroke:#fff;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.megastar-app-content h3{
    margin:6px 0 0!important;
    color:#fff!important;
    font-size:10px!important;
    text-transform:uppercase!important;
}
.megastar-app-content p{
    max-height:0;
    overflow:hidden;
    margin:0!important;
    opacity:0;
    color:#b8b8bc!important;
    font-size:8px!important;
    line-height:1.45!important;
    transition:.2s ease;
}
.megastar-app-card:hover .megastar-app-content p{
    max-height:50px;
    margin-top:6px!important;
    opacity:1;
}

/* MEGASTAR services */
.megastar-services-home{
    position:relative;
    padding:48px 0 54px;
    border-bottom:1px solid var(--megastar-line);
    background:
        radial-gradient(circle at 8% 20%,rgba(239,36,39,.10),transparent 24%),
        radial-gradient(circle at 92% 82%,rgba(139,12,15,.13),transparent 28%),
        #050505;
}
.megastar-services-head{
    grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
    align-items:center;
    gap:72px;
    margin-bottom:36px;
}
.megastar-services-head > div{
    min-width:0;
    max-width:720px;
}
.megastar-services-head p{
    width:100%;
    max-width:510px;
    justify-self:end;
    align-self:center;
    padding-top:0;
    font-size:10px!important;
    line-height:1.72!important;
}
.megastar-service-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    gap:26px;
}
.megastar-service-card{
    appearance:none;
    -webkit-appearance:none;
    width:100%;
    min-width:0;
    height:100%;
    padding:0;
    border:1px solid #5d1114;
    background:
        linear-gradient(180deg,rgba(239,36,39,.08),rgba(239,36,39,0) 28%),
        linear-gradient(180deg,#0c0c0d,#060606);
    color:#fff;
    text-align:left;
    cursor:pointer;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.megastar-service-card-inner{
    min-height:100%;
    height:100%;
    padding:32px 30px 28px;
    display:grid;
    grid-template-rows:auto auto minmax(92px,auto) minmax(92px,auto) 1fr auto;
    align-content:start;
}
.megastar-service-card:hover,
.megastar-service-card:focus-visible{
    border-color:var(--megastar-red);
    box-shadow:0 0 0 1px rgba(239,36,39,.24),0 18px 32px rgba(0,0,0,.28);
    transform:translateY(-2px);
    outline:none;
}
.megastar-service-icon{
    margin:0 0 18px;
}
.megastar-service-icon svg{
    width:42px;
    height:42px;
    fill:none;
    stroke:#fff;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.megastar-service-card > .megastar-service-card-inner > .megastar-overline{
    margin:0;
}
.megastar-service-card h3{
    width:100%;
    max-width:none;
    margin:12px 0 14px!important;
    color:#fff!important;
    font-size:clamp(20px,1.55vw,24px)!important;
    line-height:1.12!important;
    letter-spacing:-.026em!important;
    text-transform:none!important;
    text-wrap:balance;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:auto;
}
.megastar-service-card p{
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0 0 20px!important;
    color:#b8b8bc!important;
    font-size:10px!important;
    line-height:1.72!important;
    white-space:normal!important;
    overflow-wrap:break-word;
    word-break:normal;
    box-sizing:border-box;
}
.megastar-service-points{
    list-style:none;
    margin:0 0 22px!important;
    padding:0;
    display:grid;
    align-content:start;
    gap:10px;
}
.megastar-service-points li{
    position:relative;
    padding-left:17px;
    color:#f1f1f2;
    font-size:10px;
    line-height:1.58;
}
.megastar-service-points li::before{
    content:'';
    position:absolute;
    left:0;
    top:.57em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--megastar-red);
}
.megastar-service-link{
    align-self:end;
    margin-top:0;
    padding-top:13px;
    color:#fff;
    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

/* Contact = page end */
.megastar-contact-strip{
    position:relative;
    min-height:124px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 100%,rgba(211,17,22,.20),transparent 22%),
        radial-gradient(circle at 95% 15%,rgba(139,12,15,.16),transparent 24%),
        #090303;
}
.megastar-contact-grid{
    display:grid;
    grid-template-columns:1.3fr .72fr 1.05fr auto;
    align-items:center;
    gap:20px;
}
.megastar-contact-copy h2{
    margin:8px 0 3px!important;
    color:#fff!important;
    font-size:26px!important;
    line-height:1!important;
}
.megastar-contact-copy p{
    margin:0!important;
    color:#a7a7ab!important;
    font-size:9px!important;
}
.megastar-contact-link{
    min-height:56px;
    display:grid;
    grid-template-columns:32px 1fr;
    gap:9px;
    align-items:center;
    padding-left:18px;
    border-left:1px solid #571113;
    color:#fff!important;
    font-size:11px;
}
.megastar-contact-link svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:#fff;
    stroke-width:1.6;
}
.megastar-contact-link small{
    display:block;
    margin-bottom:2px;
    color:#99999c;
    font-size:7px;
    text-transform:uppercase;
}

/* Product detail */
.megastar-product-hero{
    position:relative;
    min-height:560px;
    overflow:hidden;
    border-bottom:1px solid var(--megastar-line);
    background:#020202;
}
.megastar-product-visual{
    position:absolute;
    inset:0 0 0 auto;
    width:70%;
}
.megastar-product-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.megastar-product-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.98) 30%,rgba(2,2,2,.54) 55%,rgba(2,2,2,0) 100%);
}
.megastar-product-hero-inner{
    position:relative;
    z-index:2;
    min-height:560px;
    display:flex;
    align-items:center;
}
.megastar-product-copy{width:45%}
.megastar-small-back{
    display:inline-block;
    margin-bottom:28px;
    color:#aaa!important;
    font-size:9px;
}
.megastar-product-copy h1{
    margin:9px 0 8px!important;
    color:#fff!important;
    font-size:clamp(40px,5vw,65px)!important;
    line-height:.95!important;
    font-weight:850!important;
}
.megastar-product-copy h2{
    margin:0 0 14px!important;
    color:var(--megastar-red)!important;
    font-size:21px!important;
    line-height:1.08!important;
}
.megastar-product-copy p{
    margin:0 0 22px!important;
    color:#b8b8bc!important;
    font-size:11px!important;
    line-height:1.65!important;
}
.megastar-product-specs{
    padding:32px 0;
    border-bottom:1px solid var(--megastar-line);
}
.megastar-spec-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:20px;
    border-top:1px solid #272727;
    border-left:1px solid #272727;
}
.megastar-spec-grid>div{
    min-height:82px;
    padding:16px;
    border-right:1px solid #272727;
    border-bottom:1px solid #272727;
}
.megastar-spec-grid span{
    display:block;
    color:#8e8e92;
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.megastar-spec-grid strong{
    display:block;
    margin-top:6px;
    color:#fff;
    font-size:14px;
}
.megastar-product-features{
    padding:34px 0;
    border-bottom:1px solid var(--megastar-line);
    background:#060606;
}
.megastar-product-feature-layout{
    display:grid;
    grid-template-columns:43% 57%;
    gap:50px;
}
.megastar-product-feature-layout h2,
.megastar-product-fluid-cta h2{
    margin:8px 0 0!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1.03!important;
}
.megastar-product-feature-list{
    border-top:1px solid #2a2a2a;
}
.megastar-product-feature-list>div{
    display:grid;
    grid-template-columns:40px 1fr;
    padding:13px 0;
    border-bottom:1px solid #2a2a2a;
}
.megastar-product-feature-list span{
    color:var(--megastar-red);
    font-size:24px;
}
.megastar-product-feature-list p{
    margin:0!important;
    color:#c2c2c6!important;
    font-size:10px!important;
    line-height:1.5!important;
}
.megastar-product-fluid-cta{
    padding:40px 0;
    border-bottom:1px solid var(--megastar-line);
    text-align:center;
    background:
        radial-gradient(circle at 50% 100%,rgba(200,15,19,.18),transparent 34%),
        #020202;
}
.megastar-product-fluid-cta p{
    max-width:650px;
    margin:13px auto 20px!important;
    color:#aaa!important;
    font-size:10px!important;
}
.megastar-product-fluid-cta .megastar-actions{justify-content:center}

/* Fluids detail page */
.megastar-fluid-hero{
    padding:75px 0 66px;
    border-bottom:1px solid var(--megastar-line);
    background:
        radial-gradient(circle at 82% 40%,rgba(210,17,22,.24),transparent 28%),
        #020202;
}
.megastar-fluid-hero-inner{max-width:1180px}
.megastar-fluid-hero h1{
    max-width:790px;
    margin:10px 0 17px!important;
    color:#fff!important;
    font-size:clamp(42px,5vw,66px)!important;
    line-height:.96!important;
    letter-spacing:-.04em!important;
}
.megastar-fluid-hero p{
    max-width:650px;
    margin:0 0 22px!important;
    color:#b7b7bb!important;
    font-size:11px!important;
    line-height:1.65!important;
}
.megastar-fluid-list{
    padding:34px 0 38px;
    border-bottom:1px solid var(--megastar-line);
}
.megastar-fluid-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
}
.megastar-fluid-card{
    min-height:250px;
    display:flex;
    flex-direction:column;
    padding:20px;
    border:1px solid #2a2a2a;
    background:#070707;
}
.megastar-fluid-class{
    color:var(--megastar-red);
    font-size:8px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.megastar-fluid-card h3{
    margin:8px 0 8px!important;
    color:#fff!important;
    font-size:20px!important;
}
.megastar-fluid-card p{
    margin:0 0 14px!important;
    color:#aaa!important;
    font-size:9px!important;
    line-height:1.55!important;
}
.megastar-fluid-card-meta{
    display:grid;
    grid-template-columns:70px 1fr;
    padding:10px 0;
    margin-top:auto;
    border-top:1px solid #242424;
    border-bottom:1px solid #242424;
}
.megastar-fluid-card-meta span{
    color:#858589;
    font-size:8px;
    text-transform:uppercase;
}
.megastar-fluid-card-meta strong{
    color:#fff;
    font-size:9px;
}
.megastar-fluid-card small{
    display:block;
    margin-top:9px;
    color:#8d8d91;
    font-size:8px;
    line-height:1.45;
}
.megastar-fluid-card .megastar-card-link{padding:12px 0 0;min-height:auto}
.megastar-fluid-solutions{
    padding:35px 0 40px;
    border-bottom:1px solid var(--megastar-line);
    background:#050505;
}
.megastar-fluid-solutions h2{
    margin:8px 0 22px!important;
    color:#fff!important;
    font-size:34px!important;
}
.megastar-fluid-solution-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}
.megastar-fluid-solution-grid>div{
    padding:8px 22px;
    text-align:center;
    border-left:1px solid #5d1214;
}
.megastar-fluid-solution-grid>div:first-child{border-left:0}
.megastar-fluid-solution-grid svg{
    width:48px;height:48px;fill:none;stroke:var(--megastar-red);stroke-width:1.8;
}
.megastar-fluid-solution-grid h3{margin:9px 0 5px!important;color:#fff!important;font-size:10px!important}
.megastar-fluid-solution-grid p{margin:0!important;color:#99999d!important;font-size:8px!important;line-height:1.48!important}
.megastar-fluid-pricing{
    margin:25px 0 0!important;
    text-align:right;
    color:#aaa!important;
    font-size:9px!important;
    letter-spacing:.07em!important;
}


/* v2.1.1 — Fluids: zentrale Sonderlösungs-Kachel + einheitliche Gebinde */
.megastar-fluid-special-card{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.38fr);
    gap:34px;
    align-items:center;
    padding:30px;
    border:1px solid #5d1214;
    background:
        radial-gradient(circle at 88% 18%,rgba(210,17,22,.18),transparent 34%),
        linear-gradient(135deg,#090909 0%,#050505 62%,#0c0505 100%);
}
.megastar-fluid-special-copy h3{
    margin:9px 0 11px!important;
    color:#fff!important;
    font-size:clamp(27px,2.6vw,38px)!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
}
.megastar-fluid-special-copy>p{
    max-width:520px;
    margin:0 0 20px!important;
    color:#aaa!important;
    font-size:10px!important;
    line-height:1.65!important;
}
.megastar-fluid-special-points{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    background:#351012;
    border:1px solid #351012;
}
.megastar-fluid-special-point{
    display:grid;
    grid-template-columns:42px 1fr;
    gap:12px;
    align-items:start;
    min-height:112px;
    padding:18px;
    background:#080808;
}
.megastar-fluid-special-point svg{
    width:38px;
    height:38px;
    fill:none;
    stroke:var(--megastar-red);
    stroke-width:1.8;
}
.megastar-fluid-special-point h4{
    margin:1px 0 5px!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1.25!important;
}
.megastar-fluid-special-point p{
    margin:0!important;
    color:#96969a!important;
    font-size:8px!important;
    line-height:1.5!important;
}

/* Responsive */
@media(max-width:1000px){
    .megastar-fluid-special-card{grid-template-columns:1fr;gap:24px}
    .megastar-shell{width:min(100% - 42px,1180px)}
    .megastar-tech-grid,
    .megastar-fluid-features,
    .megastar-fluid-solution-grid{grid-template-columns:repeat(2,1fr)}
    .megastar-tech-item:nth-child(3),
    .megastar-fluid-features>div:nth-child(3),
    .megastar-fluid-solution-grid>div:nth-child(3){border-left:0}
    .megastar-app-grid{grid-template-columns:repeat(2,1fr)}
    .megastar-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .megastar-control-card-vtic{grid-row:span 2}
    .megastar-fluid-grid{grid-template-columns:repeat(2,1fr)}
    .megastar-contact-grid{grid-template-columns:1fr 1fr}
    .megastar-contact-strip{padding:24px 0}
    .megastar-contact-link{border-left:0;padding-left:0}
    .megastar-services-head{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:42px}
    .megastar-services-head p{max-width:440px}
    .megastar-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
    .megastar-service-card-inner{grid-template-rows:auto auto minmax(84px,auto) minmax(86px,auto) 1fr auto}
}
@media(max-width:760px){
    .megastar-shell{width:calc(100% - 30px)}
    .megastar-header{height:68px}
    .megastar-header-inner{height:68px}
    .megastar-header-logo{width:155px}
    .megastar-back-ccs{min-height:34px;padding:0 10px}
    .megastar-back-ccs span{display:none}

    .megastar-hero{
        min-height:760px;
        display:flex;
        flex-direction:column;
    }
    .megastar-hero-visual{
        position:absolute;
        inset:auto 0 0;
        width:100%;
        height:49%;
    }
    .megastar-hero-shade{
        background:
            linear-gradient(180deg,#020202 0%,#020202 44%,rgba(2,2,2,.60) 63%,rgba(2,2,2,.04) 100%),
            linear-gradient(90deg,rgba(2,2,2,.8),rgba(2,2,2,.05));
    }
    .megastar-hero-inner{min-height:760px;align-items:flex-start}
    .megastar-hero-copy{width:100%;padding-top:46px}
    .megastar-hero-logo{width:270px}
    .megastar-hero-copy h1{font-size:38px!important}
    .megastar-hero-copy p{max-width:100%}

    .megastar-section-head{grid-template-columns:1fr;gap:12px}
    .megastar-model-grid{grid-template-columns:1fr}
    .megastar-model-image{height:270px}
    .megastar-model-facts>div{padding:10px 8px}

    .megastar-fluids-layout{grid-template-columns:1fr}
    .megastar-fluid-price-note{grid-column:1;justify-self:start;padding-right:0;margin-top:8px}
    .megastar-product-hero{min-height:750px}
    .megastar-product-visual{inset:auto 0 0;width:100%;height:52%}
    .megastar-product-shade{background:linear-gradient(180deg,#020202 0%,#020202 40%,rgba(2,2,2,.48) 63%,rgba(2,2,2,0) 100%)}
    .megastar-product-hero-inner{min-height:750px;align-items:flex-start}
    .megastar-product-copy{width:100%;padding-top:48px}
    .megastar-spec-grid{grid-template-columns:repeat(2,1fr)}
    .megastar-product-feature-layout{grid-template-columns:1fr;gap:24px}

    .megastar-fluid-grid{grid-template-columns:1fr}
    .megastar-fluid-special-points{grid-template-columns:1fr}
    .megastar-fluid-special-card{padding:22px}
    .megastar-control-grid{grid-template-columns:1fr}
    .megastar-control-card-vtic{grid-row:auto}
    .megastar-control-card{padding:20px 18px}
    .megastar-control-settings{grid-template-columns:1fr}
    .megastar-services-home{padding:36px 0 40px}
    .megastar-services-head{grid-template-columns:1fr;gap:16px;margin-bottom:26px}
    .megastar-services-head > div{max-width:100%}
    .megastar-services-head p{max-width:100%;justify-self:start;padding-top:0}
    .megastar-service-grid{grid-template-columns:1fr;gap:16px}
    .megastar-service-card-inner{padding:24px 21px 22px;grid-template-rows:auto auto auto auto auto auto}
    .megastar-service-card h3{max-width:none;font-size:22px!important;min-height:0}
    .megastar-service-card p{max-width:none}
}

@media(max-width:520px){
    .megastar-root-embedded .megastar-tech .megastar-tech-grid{padding-inline:0}
    .megastar-btn{width:100%}
    .megastar-actions{display:grid;grid-template-columns:1fr}
    .megastar-hero-copy h1{font-size:34px!important}
    .megastar-hero-logo{width:230px}
    .megastar-model-name strong{font-size:31px}
    .megastar-tech-grid,
    .megastar-fluid-features,
    .megastar-fluid-solution-grid,
    .megastar-app-grid,
    .megastar-contact-grid{grid-template-columns:1fr}
    .megastar-tech-item,
    .megastar-fluid-features>div,
    .megastar-fluid-solution-grid>div{
        border-left:0;
        border-top:1px solid #4f1012;
        padding:16px 0;
    }
    .megastar-app-card{min-height:210px}
    .megastar-contact-link{border-top:1px solid #571113;padding:13px 0}
    .megastar-spec-grid{grid-template-columns:1fr}
}


/* =========================================================
   v2.1.0 — REAL INFORMATION ROUTES
   ========================================================= */
.megastar-app-card{display:block;color:#fff!important;text-decoration:none!important}
.megastar-app-card:hover{border-color:var(--megastar-red)}

.megastar-info-hero{padding:78px 0 65px;border-bottom:1px solid var(--megastar-line);background:radial-gradient(circle at 82% 42%,rgba(196,14,18,.20),transparent 28%),#020202}
.megastar-info-hero h1{max-width:850px;margin:10px 0 16px!important;color:#fff!important;font-size:clamp(43px,5.2vw,68px)!important;line-height:.96!important;letter-spacing:-.04em!important}
.megastar-info-hero p{max-width:680px;margin:0!important;color:#b5b5b9!important;font-size:11px!important;line-height:1.65!important}
.megastar-models-overview{padding-top:34px}
.megastar-tech-detail{padding:48px 0}.megastar-info-actions{display:flex;justify-content:center;gap:12px;margin-top:34px}

.megastar-app-detail-hero{position:relative;min-height:540px;overflow:hidden;border-bottom:1px solid var(--megastar-line);background:#020202}
.megastar-app-detail-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.2)}
.megastar-app-detail-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.94) 34%,rgba(2,2,2,.46) 67%,rgba(2,2,2,.12)),linear-gradient(0deg,rgba(2,2,2,.5),transparent 60%)}
.megastar-app-detail-copy{position:relative;z-index:2;min-height:540px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.megastar-app-detail-copy h1{max-width:740px;margin:10px 0 15px!important;color:#fff!important;font-size:clamp(44px,5.5vw,72px)!important;line-height:.95!important;letter-spacing:-.04em!important}
.megastar-app-detail-copy p{max-width:610px;margin:0 0 21px!important;color:#c1c1c5!important;font-size:11px!important;line-height:1.65!important}

.megastar-app-detail-content{padding:42px 0;background:#050505;border-bottom:1px solid var(--megastar-line)}
.megastar-app-detail-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px}
.megastar-app-detail-content h2{margin:9px 0 18px!important;color:#fff!important;font-size:36px!important;line-height:1.02!important}
.megastar-app-detail-rich,.megastar-app-detail-rich p{color:#aaa!important;font-size:10px!important;line-height:1.75!important}
.megastar-app-detail-links{border-top:1px solid #2a2a2a}
.megastar-app-detail-links a{position:relative;display:block;padding:16px 38px 16px 0;border-bottom:1px solid #2a2a2a;color:#fff!important}
.megastar-app-detail-links span{display:block;color:var(--megastar-red);font-size:7px;font-weight:850;letter-spacing:.14em}.megastar-app-detail-links strong{display:block;margin-top:5px;font-size:15px}.megastar-app-detail-links b{position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--megastar-red)}

.megastar-app-detail-faq{padding:35px 0 40px;background:#020202;border-bottom:1px solid var(--megastar-line)}
.megastar-app-faq-list{margin-top:15px;border-top:1px solid #272727}
.megastar-app-faq-list details{border-bottom:1px solid #272727}.megastar-app-faq-list summary{position:relative;padding:15px 35px 15px 0;color:#fff;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.megastar-app-faq-list summary::-webkit-details-marker{display:none}.megastar-app-faq-list summary:after{content:"+";position:absolute;right:4px;color:var(--megastar-red);font-size:18px}.megastar-app-faq-list details[open] summary:after{content:"–"}.megastar-app-faq-list p{margin:0 0 15px!important;color:#999!important;font-size:9px!important;line-height:1.6!important}

@media(max-width:760px){
 .megastar-info-hero{padding:55px 0}.megastar-info-hero h1{font-size:40px!important}
 .megastar-app-detail-hero,.megastar-app-detail-copy{min-height:620px}.megastar-app-detail-copy h1{font-size:42px!important}
 .megastar-app-detail-grid{grid-template-columns:1fr;gap:30px}.megastar-info-actions{flex-direction:column}
}

/* v2.1.2 — IP54 Maschinen-USP; scoped to product feature list only */
.megastar-product-feature-list .megastar-ip54-feature{
    align-items:center;
}
.megastar-product-feature-list .megastar-ip54-icon{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    color:var(--megastar-red);
    font-size:0;
}
.megastar-product-feature-list .megastar-ip54-icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:var(--megastar-red);
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.megastar-product-feature-list .megastar-ip54-feature p strong{
    color:#fff;
    font-size:10px;
}

/* =========================================================
   v2.2.0 — MEGASTAR FOOTER + SHARED APPLICATION DETAIL SYSTEM
   ========================================================= */

/* Shared MEGASTAR footer: standalone Brandworld + embedded homepage ending. */
.megastar-footer{
    padding:44px 0 24px;
    border-top:1px solid rgba(239,36,39,.38);
    background:#030304;
    color:#8d959b;
    font-family:Inter,Manrope,Montserrat,"Helvetica Neue",Arial,sans-serif;
    --megastar-red:#ef2427;
    --megastar-line:#262626;
}
.megastar-footer-grid{
    display:grid;
    grid-template-columns:1.35fr 1fr 1.2fr .75fr;
    gap:34px;
    align-items:start;
}
.megastar-footer-brand img{
    display:block;
    width:min(270px,100%);
    height:auto;
    margin:0 0 20px;
}
.megastar-footer-back{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    color:#d6d9dc!important;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
}
.megastar-footer-column{display:grid;align-content:start;gap:8px}
.megastar-footer-column h2{
    margin:0 0 8px!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:1.35px!important;
    text-transform:uppercase;
}
.megastar-footer-column a,
.megastar-footer-column span,
.megastar-footer-column strong{
    color:#92999e!important;
    font-size:10px!important;
    line-height:1.55!important;
    text-decoration:none!important;
}
.megastar-footer-column strong{color:#d7dadd!important;font-weight:700}
.megastar-footer a{transition:color .2s ease}
.megastar-footer a:hover{color:#fff!important}
.megastar-footer-column a:hover,.megastar-footer-back:hover{color:var(--megastar-red)!important}
.megastar-footer-bottom{
    margin-top:30px;
    padding-top:16px;
    border-top:1px solid var(--megastar-line);
    color:#60676c;
    font-size:9px;
    letter-spacing:1px;
    text-transform:uppercase;
}

/* One shared visual system for all four application pages. */
.megastar-usecase-hero{
    position:relative;
    min-height:520px;
    overflow:hidden;
    border-bottom:1px solid var(--megastar-line);
    background:#020202;
}
.megastar-usecase-hero-image{
    position:absolute;
    inset:0 0 0 auto;
    width:72%;
    height:100%;
    object-fit:cover;
    object-position:center;
    filter:saturate(1.18) contrast(1.03);
}
.megastar-usecase-hero-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,#020202 0%,#020202 29%,rgba(2,2,2,.94) 40%,rgba(2,2,2,.55) 63%,rgba(2,2,2,.18) 100%),
        linear-gradient(0deg,rgba(2,2,2,.62),transparent 58%),
        radial-gradient(circle at 76% 48%,rgba(196,14,18,.22),transparent 38%);
}
.megastar-usecase-hero-inner{
    position:relative;
    z-index:2;
    min-height:520px;
    display:flex;
    align-items:center;
}
.megastar-usecase-hero-copy{max-width:640px}
.megastar-usecase-hero-copy .megastar-small-back{margin-bottom:38px}
.megastar-usecase-hero-copy h1{
    max-width:700px;
    margin:10px 0 18px!important;
    color:#fff!important;
    font-size:clamp(42px,5vw,68px)!important;
    line-height:.96!important;
    letter-spacing:-.04em!important;
}
.megastar-usecase-hero-copy p{
    max-width:600px;
    margin:0!important;
    color:#c1c1c5!important;
    font-size:11px!important;
    line-height:1.7!important;
}

.megastar-usecase-benefits{
    padding:48px 0 50px;
    border-bottom:1px solid var(--megastar-line);
    background:#050505;
}
.megastar-usecase-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:26px;
}
.megastar-usecase-section-head h2{
    margin:8px 0 0!important;
    color:#fff!important;
    font-size:35px!important;
    line-height:1!important;
}
.megastar-usecase-benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}
.megastar-usecase-benefit{
    min-height:126px;
    padding:22px 20px;
    border:1px solid #291012;
    background:linear-gradient(145deg,rgba(178,16,20,.08),rgba(255,255,255,.018));
}
.megastar-usecase-benefit svg{
    width:27px;
    height:27px;
    margin-bottom:18px;
    fill:none;
    stroke:var(--megastar-red);
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.megastar-usecase-benefit p{
    margin:0!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.45!important;
}
.megastar-usecase-ip54{
    display:grid;
    grid-template-columns:34px 1fr;
    gap:14px;
    align-items:center;
    max-width:620px;
    margin-top:18px;
    padding:16px 18px;
    border-left:2px solid var(--megastar-red);
    background:#0b0505;
}
.megastar-usecase-ip54-icon svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:var(--megastar-red);
    stroke-width:1.8;
}
.megastar-usecase-ip54 strong{
    display:block;
    margin-bottom:3px;
    color:#fff;
    font-size:11px;
}
.megastar-usecase-ip54 p{
    margin:0!important;
    color:#aaa!important;
    font-size:9px!important;
    line-height:1.55!important;
}

.megastar-usecase-machine{
    padding:43px 0;
    border-bottom:1px solid var(--megastar-line);
    background:#020202;
}
.megastar-usecase-machine-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:70px;
    align-items:center;
}
.megastar-usecase-machine h2{
    margin:8px 0 0!important;
    color:#fff!important;
    font-size:38px!important;
    line-height:1!important;
}
.megastar-usecase-machine-copy{
    padding-left:34px;
    border-left:1px solid #341113;
}
.megastar-usecase-machine-copy p{
    max-width:600px;
    margin:0 0 17px!important;
    color:#aaa!important;
    font-size:10px!important;
    line-height:1.7!important;
}

.megastar-usecase-cta{
    padding:39px 0;
    background:
        radial-gradient(circle at 82% 45%,rgba(202,18,23,.22),transparent 31%),
        #090303;
}
.megastar-usecase-cta-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:35px;
}
.megastar-usecase-cta h2{
    margin:8px 0 0!important;
    color:#fff!important;
    font-size:31px!important;
    line-height:1!important;
}
.megastar-usecase-cta .megastar-btn{flex:0 0 auto}

@media(max-width:1000px){
    .megastar-usecase-hero-image{width:82%}
    .megastar-usecase-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .megastar-usecase-machine-grid{grid-template-columns:1fr 1fr;gap:42px}
}

@media(max-width:760px){
    .megastar-footer{padding:34px 0 22px}
    .megastar-footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px}

    .megastar-usecase-hero,.megastar-usecase-hero-inner{min-height:610px}
    .megastar-usecase-hero-image{inset:0;width:100%;height:100%;object-position:center}
    .megastar-usecase-hero-shade{
        background:
            linear-gradient(0deg,#020202 0%,rgba(2,2,2,.97) 24%,rgba(2,2,2,.72) 54%,rgba(2,2,2,.26) 100%),
            radial-gradient(circle at 68% 28%,rgba(196,14,18,.20),transparent 42%);
    }
    .megastar-usecase-hero-inner{align-items:flex-end;padding-bottom:54px}
    .megastar-usecase-hero-copy .megastar-small-back{margin-bottom:25px}
    .megastar-usecase-hero-copy h1{font-size:40px!important;line-height:.98!important}
    .megastar-usecase-hero-copy p{font-size:10px!important}

    .megastar-usecase-benefits{padding:38px 0}
    .megastar-usecase-section-head{display:block;margin-bottom:21px}
    .megastar-usecase-section-head h2{font-size:31px!important}
    .megastar-usecase-benefit-grid{grid-template-columns:1fr;gap:7px}
    .megastar-usecase-benefit{min-height:0;display:grid;grid-template-columns:30px 1fr;gap:13px;align-items:center;padding:17px 16px}
    .megastar-usecase-benefit svg{margin:0;width:25px;height:25px}

    .megastar-usecase-machine{padding:36px 0}
    .megastar-usecase-machine-grid{grid-template-columns:1fr;gap:22px}
    .megastar-usecase-machine h2{font-size:32px!important}
    .megastar-usecase-machine-copy{padding:19px 0 0;border-left:0;border-top:1px solid #341113}

    .megastar-usecase-cta{padding:34px 0}
    .megastar-usecase-cta-inner{display:block}
    .megastar-usecase-cta h2{font-size:29px!important;margin-bottom:22px!important}
    .megastar-usecase-cta .megastar-btn{width:100%}
}

@media (max-width:620px){
  .megastar-footer-grid{grid-template-columns:1fr;gap:24px}
  .megastar-footer-brand img{width:230px}
  .megastar-footer-bottom{margin-top:24px}
}

/* =========================================================
   v2.4.6 — APPLICATION CARDS: unified responsive geometry
   Scope: the four application cards on the shared MEGASTAR home world only.
   ========================================================= */
.megastar-applications .megastar-app-grid{
    align-items:stretch;
    grid-auto-rows:auto;
}
.megastar-applications .megastar-app-card{
    min-height:180px;
    aspect-ratio:1.62 / 1;
}
.megastar-applications .megastar-app-card>img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%;
}
/* Per-motif focal points; geometry stays shared. */
.megastar-applications .megastar-app-card[href*="/events-buehne/"]>img{object-position:50% 44%}
.megastar-applications .megastar-app-card[href*="/special-effects/"]>img{object-position:50% 48%}
.megastar-applications .megastar-app-card[href*="/ausbildung-feuerwehr/"]>img{object-position:50% 42%}
.megastar-applications .megastar-app-card[href*="/industrie-spezialanwendungen/"]>img{object-position:50% 50%}
.megastar-applications .megastar-app-content{
    left:14px;
    right:14px;
    bottom:14px;
    min-height:78px;
    display:grid;
    grid-template-rows:44px 30px auto;
    align-items:center;
    justify-items:center;
    align-content:end;
    gap:4px;
}
.megastar-applications .megastar-app-content svg{
    width:43px;
    height:43px;
    align-self:center;
}
.megastar-applications .megastar-app-content h3{
    min-height:30px;
    margin:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    line-height:1.18!important;
}
.megastar-applications .megastar-app-content p{
    width:100%;
    text-align:center;
}

@media(max-width:1000px){
    .megastar-applications .megastar-app-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
}
@media(max-width:620px){
    .megastar-applications .megastar-app-grid{
        grid-template-columns:1fr;
        gap:12px;
    }
    .megastar-applications .megastar-app-card{
        min-height:210px;
    }
    .megastar-applications .megastar-app-content{
        left:16px;
        right:16px;
        bottom:16px;
    }
}


/* =========================================================
   v2.4.7 — EMBEDDED LANDINGPAGE: CCS shell axes + controlled tablet grids
   Scope: MEGASTAR embedded in the CCS homepage and its embedded footer only.
   Full-bleed backgrounds remain full width; only inner shells are aligned.
   ========================================================= */
.megastar-root-embedded .megastar-shell,
.megastar-footer-embedded .megastar-shell{
    width:min(var(--ccs-max,1340px),calc(100% - 64px));
    margin-inline:auto;
}

/* Applications: 4 desktop, 2 tablet, 1 mobile. */
@media(max-width:1100px){
    .megastar-root-embedded .megastar-applications .megastar-app-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
}

/* Control cards: keep source order visually linear on portrait/tablet.
   Landscape retains the intended 3-card composition. */
@media(max-width:1000px){
    .megastar-root-embedded .megastar-control-grid{
        grid-template-columns:1fr;
        gap:12px;
    }
    .megastar-root-embedded .megastar-control-card-vtic{
        grid-row:auto;
    }
}

/* Service cards: 3 on wide tablet/desktop; 2 on portrait tablet.
   With three cards, the last card remains the same width and is centered. */
@media(min-width:901px) and (max-width:1100px){
    .megastar-root-embedded .megastar-service-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:20px;
    }
}
@media(min-width:621px) and (max-width:900px){
    .megastar-root-embedded .megastar-service-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:20px;
    }
    .megastar-root-embedded .megastar-service-grid>.megastar-service-card:last-child:nth-child(odd){
        grid-column:1 / -1;
        width:calc(50% - 10px);
        justify-self:center;
    }
}

/* Match the CCS shell gutters exactly at every CCS breakpoint. */
@media(max-width:1040px){
    .megastar-root-embedded .megastar-shell,
    .megastar-footer-embedded .megastar-shell{
        width:min(var(--ccs-max,1340px),calc(100% - 42px));
    }
}
@media(max-width:800px){
    .megastar-root-embedded .megastar-shell,
    .megastar-footer-embedded .megastar-shell{
        width:calc(100% - 30px);
    }
}
@media(max-width:620px){
    .megastar-root-embedded .megastar-applications .megastar-app-grid,
    .megastar-root-embedded .megastar-service-grid{
        grid-template-columns:1fr;
    }
    .megastar-root-embedded .megastar-service-grid>.megastar-service-card:last-child:nth-child(odd){
        grid-column:auto;
        width:auto;
        justify-self:stretch;
    }
}
@media(max-width:520px){
    .megastar-root-embedded .megastar-shell,
    .megastar-footer-embedded .megastar-shell{
        width:calc(100% - 24px);
    }
}


/* v2.4.12 — Desktop hero crop + readability refinement.
   Scope: large desktop viewports only; preserves approved container widths and card geometries. */
@media (min-width:1041px){
    .megastar-hero-visual img{object-position:50% 30%;}
    .megastar-product-visual img{object-position:50% 32%;}
    .megastar-app-detail-bg{object-position:50% 30%;}
    .megastar-usecase-hero-image{object-position:50% 30%;}

    .megastar-hero-copy p{font-size:13px!important;line-height:1.68!important;}
    .megastar-section-head p{font-size:11px!important;line-height:1.65!important;}
    .megastar-model-facts strong{font-size:11px;}
    .megastar-model-facts small,.megastar-card-link{font-size:9px;line-height:1.45;}
    .megastar-tech-item p{font-size:9px!important;line-height:1.6!important;}
    .megastar-control-card>p,.megastar-fluids-copy p,.megastar-contact-copy p{font-size:10px!important;line-height:1.65!important;}
    .megastar-control-points li,.megastar-service-points li{font-size:10px;line-height:1.55;}
    .megastar-control-settings strong,.megastar-control-note strong{font-size:10px;}
    .megastar-control-settings span,.megastar-control-detail,.megastar-control-note span{font-size:9px!important;line-height:1.52!important;}
    .megastar-fluid-features h3{font-size:11px!important;}
    .megastar-fluid-features p,.megastar-fluid-price-note,.megastar-app-content p{font-size:9px!important;line-height:1.52!important;}
    .megastar-services-head p,.megastar-service-card p,.megastar-service-link{font-size:11px!important;line-height:1.7!important;}
    .megastar-product-copy p,.megastar-info-hero p,.megastar-app-detail-copy p,.megastar-usecase-hero-copy p{font-size:12px!important;line-height:1.68!important;}
    .megastar-app-detail-rich,.megastar-app-detail-rich p,.megastar-app-faq-list p{font-size:10px!important;line-height:1.7!important;}
    .megastar-app-detail-links span,.megastar-contact-link small{font-size:8px;}
    .megastar-fluid-hero p,.megastar-fluid-solution-grid p{font-size:10px!important;line-height:1.6!important;}
}


/* =========================================================
   v2.4.13 — GLOBAL MEGASTAR INTERACTION STATE NORMALIZATION
   Scope: visual hover / focus-visible / active / visited states only.
   The existing MEGASTAR red interaction palette used by the Fluid CTAs is
   the master reference. No geometry, content, spacing or CCS styles change.
   ========================================================= */
.megastar-root{
    --megastar-interaction-fill:rgba(139,12,15,.28);
    --megastar-interaction-fill-strong:rgba(139,12,15,.38);
    --megastar-interaction-line:rgba(239,36,39,.72);
    --megastar-interaction-glow:0 0 0 1px rgba(239,36,39,.20),0 10px 24px rgba(139,12,15,.16);
}

/* Keep every MEGASTAR CTA in the black/red/white brand system, including
   visited links and browser/theme focus fallbacks. */
.megastar-root a.megastar-btn:visited,
.megastar-root a.megastar-card-link:visited,
.megastar-root a.megastar-app-card:visited,
.megastar-root a.megastar-contact-link:visited,
.megastar-root .megastar-app-detail-links a:visited{
    color:#fff!important;
}

.megastar-root .megastar-btn,
.megastar-root .megastar-card-link,
.megastar-root .megastar-contact-link,
.megastar-root .megastar-app-detail-links a{
    -webkit-tap-highlight-color:rgba(239,36,39,.16);
    transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,filter .2s ease,transform .2s ease;
}

/* Remove any theme/browser magenta treatment on mouse focus while retaining
   a clearly branded keyboard focus-visible ring below. */
.megastar-root .megastar-btn:focus,
.megastar-root .megastar-card-link:focus,
.megastar-root .megastar-contact-link:focus,
.megastar-root .megastar-app-detail-links a:focus,
.megastar-root .megastar-service-card:focus,
.megastar-root .megastar-app-card:focus{
    border-color:var(--megastar-red);
    color:#fff!important;
}

@media (hover:hover) and (pointer:fine){
    /* Fluid-style master state for outline/text CTAs. Inset line avoids any
       size or layout change on elements that do not have a physical border. */
    .megastar-root .megastar-btn-outline:hover,
    .megastar-root .megastar-card-link:hover,
    .megastar-root .megastar-contact-link:hover,
    .megastar-root .megastar-app-detail-links a:hover{
        background-color:var(--megastar-interaction-fill)!important;
        border-color:var(--megastar-red)!important;
        box-shadow:inset 0 0 0 1px var(--megastar-interaction-line),var(--megastar-interaction-glow);
        color:#fff!important;
        filter:none;
    }

    /* Preserve the existing Fluid/red-button behavior instead of inventing a
       new hue: same red fill, only the established brightness lift + calm glow. */
    .megastar-root .megastar-btn-red:hover{
        background:var(--megastar-red)!important;
        border-color:var(--megastar-red)!important;
        color:#fff!important;
        filter:brightness(1.08);
        box-shadow:var(--megastar-interaction-glow);
    }

    /* Whole-card affordances use the same red family without turning the card red. */
    .megastar-root .megastar-model-card:hover{
        border-color:var(--megastar-red);
        box-shadow:var(--megastar-interaction-glow);
        background:linear-gradient(180deg,rgba(139,12,15,.09),rgba(6,6,6,1) 36%);
    }
    .megastar-root .megastar-app-card:hover{
        border-color:var(--megastar-red);
        box-shadow:var(--megastar-interaction-glow);
    }
    .megastar-root .megastar-app-card:hover>img{
        filter:saturate(1.22) brightness(1.035);
    }
    .megastar-root .megastar-service-card:hover{
        border-color:var(--megastar-red);
        background:
            linear-gradient(180deg,rgba(239,36,39,.12),rgba(239,36,39,.02) 31%),
            linear-gradient(180deg,#0c0c0d,#060606);
        box-shadow:var(--megastar-interaction-glow),0 18px 32px rgba(0,0,0,.28);
    }
}

/* Keyboard focus: identical brand state plus a stronger, accessible red ring. */
.megastar-root .megastar-btn:focus-visible,
.megastar-root .megastar-card-link:focus-visible,
.megastar-root .megastar-contact-link:focus-visible,
.megastar-root .megastar-app-detail-links a:focus-visible,
.megastar-root .megastar-service-card:focus-visible,
.megastar-root .megastar-app-card:focus-visible{
    outline:2px solid var(--megastar-red)!important;
    outline-offset:2px;
    border-color:var(--megastar-red)!important;
    color:#fff!important;
    box-shadow:var(--megastar-interaction-glow);
}
.megastar-root .megastar-btn-outline:focus-visible,
.megastar-root .megastar-card-link:focus-visible,
.megastar-root .megastar-contact-link:focus-visible,
.megastar-root .megastar-app-detail-links a:focus-visible{
    background-color:var(--megastar-interaction-fill)!important;
    box-shadow:inset 0 0 0 1px var(--megastar-interaction-line),var(--megastar-interaction-glow);
}
.megastar-root .megastar-btn-red:focus-visible{
    background:var(--megastar-red)!important;
}
.megastar-root .megastar-model-card:has(a:focus-visible){
    border-color:var(--megastar-red);
    background:linear-gradient(180deg,rgba(139,12,15,.09),rgba(6,6,6,1) 36%);
    box-shadow:0 0 0 2px rgba(239,36,39,.42),0 10px 24px rgba(139,12,15,.16);
}

/* Press/touch feedback: short-lived only; no persistent hover on coarse pointers. */
.megastar-root .megastar-btn:active,
.megastar-root .megastar-card-link:active,
.megastar-root .megastar-contact-link:active,
.megastar-root .megastar-app-detail-links a:active{
    background-color:var(--megastar-interaction-fill-strong)!important;
    border-color:var(--megastar-red)!important;
    color:#fff!important;
    box-shadow:inset 0 0 0 1px var(--megastar-interaction-line);
}
.megastar-root .megastar-btn-red:active{
    background:#c8171a!important;
    color:#fff!important;
    filter:none;
}
.megastar-root .megastar-service-card:active,
.megastar-root .megastar-app-card:active,
.megastar-root .megastar-model-card:has(a:active){
    border-color:var(--megastar-red);
    box-shadow:0 0 0 1px rgba(239,36,39,.20);
}

@media (pointer:coarse){
    /* Explicitly neutralize hover-only decoration on touch; :active above remains. */
    .megastar-root .megastar-model-card:hover,
    .megastar-root .megastar-app-card:hover,
    .megastar-root .megastar-service-card:hover{
        transform:none;
    }
}

@media (prefers-reduced-motion:reduce){
    .megastar-root .megastar-btn,
    .megastar-root .megastar-card-link,
    .megastar-root .megastar-contact-link,
    .megastar-root .megastar-app-detail-links a,
    .megastar-root .megastar-model-card,
    .megastar-root .megastar-app-card,
    .megastar-root .megastar-service-card,
    .megastar-root .megastar-app-card>img{
        transition:none!important;
    }
}


/* =========================================================
   v2.4.14 — MODAL FOCUS-RESTORE STATE FIX
   Root cause: CCS Inquiry Hub correctly restores focus to the opening trigger.
   A later/global theme `button:focus` background could still bleed through because
   the v2.4.13 MEGASTAR :focus rule normalized border/text but not background.
   Pointer-restored focus now resolves to the component's normal MEGASTAR state;
   genuine keyboard :focus-visible keeps the branded red accessibility state.
   ========================================================= */

/* Pointer/mouse focus after modal close: keep semantic focus but visually return
   each inquiry trigger to its exact normal component state. */
.megastar-root .megastar-btn-outline[data-megastar-open-inquiry]:focus:not(:focus-visible){
    background:transparent!important;
    border-color:rgba(255,255,255,.55)!important;
    color:#fff!important;
    box-shadow:none!important;
    filter:none!important;
    outline:none!important;
    transform:none!important;
}
.megastar-root .megastar-card-link[data-megastar-open-inquiry]:focus:not(:focus-visible){
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    filter:none!important;
    outline:none!important;
    transform:none!important;
}
.megastar-root .megastar-btn-red[data-megastar-open-inquiry]:focus:not(:focus-visible){
    background:var(--megastar-red)!important;
    border-color:var(--megastar-red)!important;
    color:#fff!important;
    box-shadow:none!important;
    filter:none!important;
    outline:none!important;
    transform:none!important;
}
.megastar-root .megastar-service-card[data-megastar-open-inquiry]:focus:not(:focus-visible){
    border-color:#5d1114!important;
    background:
        linear-gradient(180deg,rgba(239,36,39,.08),rgba(239,36,39,0) 28%),
        linear-gradient(180deg,#0c0c0d,#060606)!important;
    color:#fff!important;
    box-shadow:none!important;
    outline:none!important;
    transform:none!important;
}

/* Explicit keyboard states: never allow theme pink/magenta to win. */
.megastar-root .megastar-btn-outline[data-megastar-open-inquiry]:focus-visible,
.megastar-root .megastar-card-link[data-megastar-open-inquiry]:focus-visible{
    background:var(--megastar-interaction-fill)!important;
    border-color:var(--megastar-red)!important;
    color:#fff!important;
    outline:2px solid var(--megastar-red)!important;
    outline-offset:2px!important;
    box-shadow:inset 0 0 0 1px var(--megastar-interaction-line),var(--megastar-interaction-glow)!important;
}
.megastar-root .megastar-btn-red[data-megastar-open-inquiry]:focus-visible{
    background:var(--megastar-red)!important;
    border-color:var(--megastar-red)!important;
    color:#fff!important;
    outline:2px solid var(--megastar-red)!important;
    outline-offset:2px!important;
    box-shadow:var(--megastar-interaction-glow)!important;
}
.megastar-root .megastar-service-card[data-megastar-open-inquiry]:focus-visible{
    border-color:var(--megastar-red)!important;
    background:
        linear-gradient(180deg,rgba(239,36,39,.12),rgba(239,36,39,.02) 31%),
        linear-gradient(180deg,#0c0c0d,#060606)!important;
    color:#fff!important;
    outline:2px solid var(--megastar-red)!important;
    outline-offset:2px!important;
    box-shadow:var(--megastar-interaction-glow),0 18px 32px rgba(0,0,0,.28)!important;
}