.mndl3{
    --bg:#050505;
    --panel:#101010;
    --panel2:#161616;
    --line:#272727;
    --text:#fff;
    --muted:#a8a8a8;
    --accent:#e01d2f;
    --accent2:#ff4455;
    --max:1180px;
    background:var(--bg);
    color:var(--text);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    overflow:hidden;
}
.mndl3 *{box-sizing:border-box}
.mndl3 a{text-decoration:none}
.mndl3-wrap{width:min(calc(100% - 34px), var(--max)); margin:0 auto}
.mndl3 h1,.mndl3 h2,.mndl3 h3,.mndl3 p{margin-top:0}
.mndl3-topline,.mndl3-kicker{
    color:var(--accent);
    font-size:12px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.mndl3-hero{
    position:relative;
    padding:40px 0 72px;
    background:
        radial-gradient(circle at 80% 18%, rgba(224,29,47,.24), transparent 25%),
        radial-gradient(circle at 18% 12%, rgba(255,255,255,.08), transparent 18%),
        linear-gradient(180deg,#050505,#080808);
}
.mndl3-hero:before{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:130px;
    background:linear-gradient(180deg,transparent,rgba(224,29,47,.08));
    pointer-events:none;
}
.mndl3-topline{margin-bottom:26px}
.mndl3-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);
    gap:58px;
    align-items:center;
}
.mndl3-copy h1{
    font-size:clamp(46px,7vw,94px);
    line-height:.92;
    letter-spacing:-.06em;
    margin-bottom:18px;
}
.mndl3-copy h1 span{color:var(--accent)}
.mndl3-lead{
    color:#f4f4f4!important;
    font-size:clamp(20px,2.4vw,30px);
    margin-bottom:8px;
}
.mndl3-sub{
    color:var(--muted);
    font-size:16px;
    max-width:560px;
}
.mndl3-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin:28px 0 18px;
}
.mndl3-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 22px;
    border-radius:10px;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
    transition:.2s ease;
}
.mndl3-btn-primary{
    background:linear-gradient(180deg,var(--accent2),var(--accent));
    color:#fff!important;
    box-shadow:0 10px 24px rgba(224,29,47,.28);
}
.mndl3-btn-primary:hover{transform:translateY(-1px)}
.mndl3-btn-secondary{
    color:#fff!important;
    background:rgba(255,255,255,.02);
    border:1px solid #333;
}
.mndl3-inline-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.mndl3-inline-points span{
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.03);
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    color:#ddd;
}
.mndl3-stage{position:relative}
.mndl3-stage-art{
    position:relative;
    min-height:560px;
}
.mndl3-album-card,.mndl3-device{
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.mndl3-album-card{
    position:absolute;
    border-radius:24px;
    overflow:hidden;
}
.mndl3-album-main{
    left:0;
    top:26px;
    width:57%;
    aspect-ratio:1/1;
    padding:28px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    background:
        radial-gradient(circle at 82% 18%, rgba(224,29,47,.34), transparent 24%),
        linear-gradient(145deg,#1a1a1a,#0f0f0f);
    transform:rotate(-8deg);
}
.mndl3-album-main:after{
    content:"";
    position:absolute;
    right:-40px;
    bottom:-40px;
    width:180px;
    height:180px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.01);
}
.mndl3-sticker{
    position:relative;
    z-index:1;
    display:inline-block;
    width:max-content;
    font-size:10px;
    font-weight:900;
    letter-spacing:.18em;
    color:#fff;
    background:rgba(224,29,47,.88);
    padding:8px 10px;
    border-radius:999px;
    margin-bottom:14px;
}
.mndl3-album-title{
    position:relative;
    z-index:1;
    font-size:44px;
    font-weight:900;
    line-height:.92;
    letter-spacing:-.05em;
}
.mndl3-album-artist{
    position:relative;
    z-index:1;
    color:#cacaca;
    margin-top:10px;
}
.mndl3-album-side{
    right:0;
    top:0;
    width:38%;
    aspect-ratio:4/5;
    padding:18px;
    background:linear-gradient(170deg,#181818,#111);
    transform:rotate(8deg);
    display:flex;
    align-items:flex-end;
}
.mndl3-side-copy small{
    display:block;
    color:var(--accent);
    font-size:10px;
    font-weight:900;
    letter-spacing:.16em;
    margin-bottom:10px;
}
.mndl3-side-copy strong{
    display:block;
    font-size:16px;
    margin-bottom:7px;
    letter-spacing:-.02em;
}
.mndl3-device{
    position:absolute;
    right:18px;
    bottom:0;
    width:46%;
    border-radius:30px;
    padding:16px;
    background:linear-gradient(180deg,#101010,#090909);
}
.mndl3-device-top{
    text-align:center;
    color:#9d9d9d;
    font-size:10px;
    font-weight:800;
    letter-spacing:.15em;
    margin-bottom:12px;
}
.mndl3-device-cover{
    min-height:130px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:linear-gradient(135deg,#2c1115,#191919);
    font-size:26px;
    font-weight:900;
    letter-spacing:-.04em;
    margin-bottom:14px;
}
.mndl3-device-name{font-size:20px;font-weight:800}
.mndl3-device-artist{font-size:13px;color:#aaa;margin-bottom:14px}
.mndl3-device-label{
    color:#8b8b8b;
    font-size:10px;
    font-weight:900;
    letter-spacing:.16em;
    margin-bottom:8px;
}
.mndl3-device-list{
    background:#121212;
    border:1px solid #202020;
    border-radius:10px;
    padding:10px 12px;
    font-size:13px;
    margin-bottom:8px;
}
.mndl3-device-tags{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:14px;
}
.mndl3-device-tags span{
    border:1px solid #313131;
    padding:8px 10px;
    border-radius:999px;
    font-size:11px;
    color:#ddd;
}
.mndl3-band{padding:0 0 26px}
.mndl3-band-grid{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:14px;
    align-items:center;
}
.mndl3-band-card{
    background:linear-gradient(180deg,#111,#0d0d0d);
    border:1px solid var(--line);
    border-radius:18px;
    padding:20px 22px;
}
.mndl3-band-card small{
    display:block;
    color:#848484;
    font-size:10px;
    font-weight:900;
    letter-spacing:.16em;
    margin-bottom:5px;
}
.mndl3-band-card strong{
    font-size:22px;
    letter-spacing:-.03em;
}
.mndl3-band-card-accent{
    border-color:rgba(224,29,47,.32);
    background:linear-gradient(180deg,rgba(224,29,47,.12),#101010);
}
.mndl3-band-center{
    font-size:30px;
    font-weight:900;
    color:#555;
}
.mndl3-section{padding:66px 0}
.mndl3-section-dark{
    background:radial-gradient(circle at 20% 0%, rgba(224,29,47,.10), transparent 25%), #0a0a0a;
}
.mndl3-head{max-width:780px;margin-bottom:26px}
.mndl3-head h2{
    font-size:clamp(30px,5vw,58px);
    line-height:.98;
    letter-spacing:-.045em;
    margin-bottom:0;
}
.mndl3-head-center{text-align:center;margin-left:auto;margin-right:auto}
.mndl3-feature-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
}
.mndl3-feature{
    background:linear-gradient(180deg,#121212,#0f0f0f);
    border:1px solid #232323;
    border-radius:18px;
    padding:22px 16px;
    min-height:132px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transition:.2s ease;
}
.mndl3-feature:hover{
    transform:translateY(-2px);
    border-color:rgba(224,29,47,.35);
}
.mndl3-feature-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    display:grid;
    place-items:center;
    font-size:16px;
    font-weight:900;
    color:var(--accent);
    background:rgba(224,29,47,.08);
    border:1px solid rgba(224,29,47,.16);
}
.mndl3-feature h3{
    font-size:18px;
    line-height:1.12;
    margin:16px 0 0;
}
.mndl3-money{
    display:grid;
    grid-template-columns:.86fr 1.14fr;
    gap:36px;
    align-items:start;
}
.mndl3-money-copy h2{
    font-size:clamp(32px,5vw,60px);
    line-height:.98;
    letter-spacing:-.05em;
    margin-bottom:10px;
}
.mndl3-money-copy p{font-size:17px;color:#b5b5b5}
.mndl3-calc{
    background:linear-gradient(180deg,#101010,#0a0a0a);
    border:1px solid #232323;
    border-radius:22px;
    padding:22px;
}
.mndl3-calc-row{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:12px;
}
.mndl3-calc label span{
    display:block;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#8b8b8b;
    margin-bottom:8px;
}
.mndl3-calc input{
    width:100%;
    height:52px;
    border-radius:11px;
    border:1px solid #2e2e2e;
    background:#141414;
    color:#fff;
    padding:0 14px;
    font-size:18px;
    outline:none;
}
.mndl3-calc input:focus{border-color:var(--accent)}
.mndl3-input-wrap{position:relative}
.mndl3-input-wrap b{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    color:#737373;
}
.mndl3-prefix b{left:14px}
.mndl3-prefix input{padding-left:30px}
.mndl3-suffix b{right:14px}
.mndl3-metric-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:12px;
    margin-top:14px;
}
.mndl3-metric{
    background:#141414;
    border:1px solid #202020;
    border-radius:16px;
    padding:18px;
}
.mndl3-metric small{
    display:block;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:#858585;
    margin-bottom:6px;
}
.mndl3-metric strong{
    display:block;
    font-size:30px;
    letter-spacing:-.04em;
}
.mndl3-metric-accent{
    background:linear-gradient(180deg,rgba(224,29,47,.18),rgba(224,29,47,.08));
    border-color:rgba(224,29,47,.32);
}
.mndl3-metric-accent em{
    display:block;
    font-style:normal;
    color:#dca0a7;
    font-size:11px;
    margin-top:4px;
}
.mndl3-steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.mndl3-steps article{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#121212,#0d0d0d);
    border:1px solid #232323;
    border-radius:20px;
    padding:24px;
}
.mndl3-steps article:after{
    content:"";
    position:absolute;
    right:-20px;
    top:-20px;
    width:80px;
    height:80px;
    border-radius:50%;
    background:rgba(224,29,47,.06);
    box-shadow:0 0 0 22px rgba(224,29,47,.03);
}
.mndl3-steps span{
    position:relative;
    z-index:1;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(180deg,var(--accent2),var(--accent));
    font-weight:900;
    margin-bottom:18px;
}
.mndl3-steps h3{
    position:relative;
    z-index:1;
    font-size:26px;
    margin-bottom:8px;
}
.mndl3-steps p{
    position:relative;
    z-index:1;
    color:#b6b6b6;
    font-size:14px;
    margin-bottom:0;
}
.mndl3-final{padding:20px 0 86px}
.mndl3-final-panel{
    border:1px solid rgba(224,29,47,.22);
    background:
        radial-gradient(circle at 85% 20%, rgba(224,29,47,.18), transparent 22%),
        linear-gradient(180deg,#121212,#0a0a0a);
    border-radius:24px;
    padding:34px 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:22px;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.mndl3-final-panel h2{
    font-size:clamp(28px,4vw,54px);
    line-height:1;
    letter-spacing:-.04em;
    margin-bottom:0;
}
@media(max-width:980px){
    .mndl3-hero-grid,.mndl3-money{
        grid-template-columns:1fr;
        gap:34px;
    }
    .mndl3-stage-art{
        min-height:520px;
        max-width:620px;
        margin:0 auto;
    }
    .mndl3-feature-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
    .mndl3-wrap{width:min(calc(100% - 24px), var(--max))}
    .mndl3-hero{padding:32px 0 56px}
    .mndl3-actions{display:grid;grid-template-columns:1fr}
    .mndl3-btn{width:100%}
    .mndl3-band-grid,.mndl3-calc-row,.mndl3-metric-grid,.mndl3-steps,.mndl3-feature-grid{
        grid-template-columns:1fr;
    }
    .mndl3-band-center{display:none}
    .mndl3-stage-art{
        min-height:auto;
        display:grid;
        gap:14px;
    }
    .mndl3-album-card,.mndl3-device{
        position:relative;
        inset:auto;
        width:100%;
        transform:none;
    }
    .mndl3-album-main{aspect-ratio:1/1}
    .mndl3-album-side{
        aspect-ratio:auto;
        min-height:200px;
        align-items:flex-end;
    }
    .mndl3-inline-points{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .mndl3-final-panel{
        flex-direction:column;
        align-items:flex-start;
        padding:26px 22px;
    }
}
@media(max-width:460px){
    .mndl3-copy h1{font-size:44px}
    .mndl3-inline-points{grid-template-columns:1fr}
    .mndl3-album-title{font-size:34px}
}