@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
    --bg:#050505;
    --panel:#0b0b0b;
    --panel-2:#101010;
    --gold:#d4af37;
    --gold-light:#f4d86a;
    --gold-dark:#9b7819;
    --text:#f4f4f4;
    --muted:#858585;
    --dim:#555;
    --line:rgba(255,255,255,.09);
    --gold-line:rgba(212,175,55,.28);
    --max:1200px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    font-family:Inter,Arial,sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.6;
    overflow-x:hidden;
}
body::selection{background:var(--gold);color:#000}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{border:0}
img{max-width:100%;display:block} 

.bg-glow{
    position:fixed;
    width:520px;height:520px;
    border-radius:50%;
    filter:blur(110px);
    pointer-events:none;
    z-index:-2;
}
.glow-1{left:-280px;top:-180px;background:rgba(212,175,55,.09)}
.glow-2{right:-300px;bottom:-220px;background:rgba(212,175,55,.055)}

.grid-background{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-3;
    opacity:.18;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:70px 70px;
    mask-image:linear-gradient(to bottom,black,transparent 80%);
}

.navbar{position:sticky;
    top:0;
    z-index:1000;
    height:76px;
    padding:0 max(22px,calc((100% - var(--max))/2));
    display:flex;
    align-items:center;
    gap:34px;
    background:rgba(5,5,5,.84);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(18px);
}
.logo{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:900;letter-spacing:.2px;white-space:nowrap}
.logo-icon{
    width:38px;height:38px;
    display:grid;place-items:center;
    border-radius:9px;
    background:linear-gradient(145deg,var(--gold-light),var(--gold-dark));
    color:#111;
    box-shadow:0 0 25px rgba(212,175,55,.2);
}
.gold,.logo .gold{color:var(--gold-light)}

.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto}
.desktop-nav a,.nav-apply{font-size:12px;font-weight:600;color:#888;transition:.25s}
.desktop-nav a:hover{color:var(--gold-light)}
.nav-apply{color:#eee;white-space:nowrap}
.nav-apply:hover{color:var(--gold-light)}
.nav-apply span{color:var(--gold-light);margin-left:4px}
.mobile-menu{
    display:none;
    width:42px;height:42px;
    border:1px solid var(--line);
    border-radius:7px;
    background:#0c0c0c;
    color:#eee;
    cursor:pointer;
}

.hero{
    position:relative;
    width:min(var(--max),calc(100% - 44px));
    min-height:760px;
    margin:auto;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:45px;
    padding:90px 0 100px;
}
.hero-left{position:relative;z-index:2}
.eyebrow,.section-label,.gif-label{
    color:var(--gold);
    font-size:10px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}
.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:22px}
.live-dot{
    width:7px;height:7px;border-radius:50%;
    background:var(--gold-light);
    box-shadow:0 0 14px rgba(244,216,106,.7);
    animation:pulse 1.8s ease-in-out infinite;
}
@keyframes pulse{50%{transform:scale(1.5);opacity:.55}}

.hero h1{
    max-width:720px;
    font-size:clamp(54px,7.2vw,92px);
    line-height:.94;
    letter-spacing:-5px;
    margin-bottom:28px;
}
.hero h1 span{color:var(--gold-light)}
.hero-text{max-width:590px;color:#888;font-size:15px;margin-bottom:42px}

.hero-stats{display:flex;align-items:center;gap:22px;margin-bottom:38px}
.stat{display:flex;flex-direction:column;min-width:92px}
.stat strong{font-size:28px;line-height:1;color:#f1f1f1}
.stat span{font-size:9px;color:#666;font-weight:800;letter-spacing:1.4px;margin-top:8px}
.stat-line{width:1px;height:36px;background:var(--line)}

.hero-buttons{display:flex;gap:12px;align-items:center}
.glow-button,.outline-button,.submit-button{
    position:relative;
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 22px;
    border-radius:7px;
    cursor:pointer;
    font-size:11px;
    font-weight:900;
    letter-spacing:.5px;
    overflow:hidden;
    transition:.25s ease;
}
.glow-button,.submit-button{
    background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));
    color:#080808;
    box-shadow:0 0 30px rgba(212,175,55,.14);
}
.glow-button:hover,.submit-button:hover{transform:translateY(-3px);box-shadow:0 14px 42px rgba(212,175,55,.2)}
.outline-button{border:1px solid var(--gold-line);background:rgba(255,255,255,.01);color:#ddd}
.outline-button:hover{border-color:var(--gold);color:var(--gold-light);transform:translateY(-3px);background:rgba(212,175,55,.04)}
.button-arrow,.submit-arrow{font-size:17px;transition:.25s}
.glow-button:hover .button-arrow,.submit-button:hover .submit-arrow{transform:translateX(5px)}
.hero-note{color:#555;font-size:10px;margin-top:14px}

.hero-right{
    position:relative;
    min-height:500px;
    display:grid;
    place-items:center;
    perspective:1200px;
}
.hero-orbit{
    position:absolute;
    border:1px solid rgba(212,175,55,.12);
    border-radius:50%;
    transform:rotate(-18deg);
}
.orbit-one{width:560px;height:230px}
.orbit-two{width:500px;height:200px;transform:rotate(24deg);border-color:rgba(255,255,255,.06)}

.floating-card{
    width:min(530px,100%);
    padding:17px;
    border:1px solid rgba(212,175,55,.25);
    border-radius:14px;
    background:linear-gradient(145deg,rgba(25,22,13,.97),rgba(7,7,7,.98) 65%);
    box-shadow:0 35px 100px rgba(0,0,0,.7),0 0 60px rgba(212,175,55,.06),inset 0 1px rgba(255,255,255,.07);
    transform-style:preserve-3d;
    animation:cardFloat 5s ease-in-out infinite;
    z-index:3;
}
@keyframes cardFloat{0%,100%{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-9px) rotateX(1deg) rotateY(-1deg)}}

.card-top{display:flex;align-items:center;gap:11px;padding:3px 2px 14px}
.mini-logo{
    width:34px;height:34px;border-radius:8px;
    display:grid;place-items:center;
    background:linear-gradient(145deg,var(--gold-light),var(--gold-dark));
    color:#111;font-size:12px
}
.card-title{display:flex;flex-direction:column}
.card-title small,.card-bottom small{color:#666;font-size:8px;font-weight:800;letter-spacing:1.4px}
.card-title strong,.card-bottom strong{font-size:11px}
.card-status{margin-left:auto;color:#8f8f8f;font-size:9px;font-weight:800}
.card-status::first-letter{color:var(--gold-light)}

.reel-preview{
    position:relative;
    min-height:290px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    border-radius:9px;
    background:radial-gradient(circle at 50% 30%,#29230f,#0b0b0b 60%);
}
.reel-preview img{width:100%;height:290px;object-fit:cover}
.reel-preview::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55));
    pointer-events:none;
}
.preview-placeholder{
    position:absolute;inset:0;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    color:#777;text-align:center;z-index:1;
}
.preview-placeholder span{font-size:9px;letter-spacing:2px;color:var(--gold)}
.preview-placeholder strong{font-size:12px;margin-top:7px;color:#aaa}
.media-fallback .preview-placeholder{display:flex}
.reel-preview:not(.media-fallback) .preview-placeholder{display:none}
.reel-overlay{
    position:absolute;left:15px;bottom:15px;z-index:2;
    display:flex;flex-direction:column;
    padding:9px 12px;border-radius:6px;
    background:rgba(4,4,4,.72);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(10px)
}
.reel-overlay span{font-size:13px;font-weight:900;color:#eee}
.reel-overlay small{font-size:8px;color:#777;letter-spacing:1.2px}
.card-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 2px 2px}
.card-bottom>div{padding:11px;border-radius:7px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}
.card-bottom small{display:block;margin-bottom:3px}
.small-floating-card{
    position:absolute;z-index:5;
    display:flex;align-items:center;gap:10px;
    padding:12px 15px;
    background:rgba(10,10,10,.9);
    border:1px solid var(--gold-line);
    border-radius:9px;
    box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 30px rgba(212,175,55,.05);
    backdrop-filter:blur(12px);
    animation:smallFloat 4s ease-in-out infinite;
}
.small-floating-card strong{display:block;font-size:10px}
.small-floating-card small{display:block;color:#666;font-size:8px}
.float-icon{font-size:18px}
.floating-one{left:-8px;top:105px}
.floating-two{right:-12px;bottom:105px;animation-delay:1s}
@keyframes smallFloat{50%{transform:translateY(-8px)}}

.section{width:min(var(--max),calc(100% - 44px));margin:auto;padding:115px 0}
.dark-section{width:100%;padding-left:max(22px,calc((100% - var(--max))/2));padding-right:max(22px,calc((100% - var(--max))/2));background:linear-gradient(180deg,#070707,#090909,#070707);border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03)}
.section-heading{display:grid;grid-template-columns:55px 1fr;gap:18px;align-items:start;margin-bottom:50px}
.section-number{color:#4d4d4d;font-size:11px;font-weight:900;padding-top:7px}
.section-heading h2,.center-heading h2,.requirements-heading h2,.application-heading h2{
    font-size:clamp(40px,5.2vw,67px);
    line-height:.98;
    letter-spacing:-3px;
}
.section-heading h2 span,.center-heading h2 span,.requirements-heading h2 span,.application-heading h2 span{color:var(--gold-light)}
.section-label{margin-bottom:12px}
.center-heading{text-align:center;max-width:760px;margin:0 auto 55px}
.center-heading p,.requirements-heading>p,.application-heading p{color:#777;font-size:14px;margin-top:17px}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.feature-card{
    min-height:235px;padding:25px;
    background:linear-gradient(145deg,#101010,#080808);
    border:1px solid var(--line);border-radius:9px;
    transition:.3s ease;
    font-size: 14px;
}
.feature-card:hover{transform:translateY(-7px);border-color:var(--gold-line);box-shadow:0 25px 60px rgba(0,0,0,.45),0 0 35px rgba(212,175,55,.035)}
.feature-number{color:#555;font-size:18px;font-weight:900;letter-spacing:1px}
.feature-icon{font-size:24px;margin:28px 0 17px}
.feature-card h3{font-size:16px;margin-bottom:7px}
.feature-card p{font-size:14px;color:#6d6d6d;max-width:290px}

.workflow-timeline{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:65px}
.timeline-line{position:absolute;top:22px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}
.workflow-step{position:relative;text-align:center;z-index:2}
.step-circle{
    width:64px;height:64px;margin:0 auto 13px;
    display:grid;place-items:center;border-radius:50%;
    border:1px solid rgba(212,175,55,.3);
    background:#0b0b0b;color:var(--gold-light);
    font-size:14px;font-weight:900;
    box-shadow:0 0 25px rgba(212,175,55,.04)
}
.workflow-step strong{display:block;font-size:14px}
.workflow-step small{color:#5f5f5f;font-size:12px}

.gif-showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gif-card{padding:14px;background:#0a0a0a;border:1px solid var(--line);border-radius:10px}
.gif-label{margin:5px 5px 13px}
.media-box{position:relative;min-height:auto;border-radius:7px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#101010}
.media-box img{width:100%;height:auto;object-fit:cover}
.media-fallback-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,rgba(212,175,55,.1),transparent 55%)}
.media-fallback-content span{font-size:32px}
.media-fallback-content strong{font-size:12px;color:#ccc;margin-top:10px}
.media-fallback-content small{font-size:9px;color:#666;margin-top:5px}
.media-box:not(.media-fallback) .media-fallback-content{display:none}
.gif-caption{display:flex;flex-direction:column;padding:16px 5px 5px}
.gif-caption strong{font-size:14px}
.gif-caption span{color:#666;font-size:12px;margin-top:3px}

.target-section{background:radial-gradient(circle at 80% 45%,rgba(212,175,55,.055),transparent 38%)}
.target-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.target-left h2{display:flex;align-items:center;gap:18px;margin:15px 0 20px}
.huge-number{font-size:clamp(100px,14vw,180px);line-height:.8;font-weight:900;letter-spacing:-10px;color:var(--gold-light)}
.target-text{font-size:22px;line-height:1.02;letter-spacing:-1px}
.target-left p{color:#777;font-size:12px;max-width:400px}
.target-right{border-top:1px solid var(--line)}
.page-row,.page-total{display:flex;align-items:center;justify-content:space-between;padding:21px 5px;border-bottom:1px solid var(--line);font-size:14px}
.page-row span{color:#888}
.page-row strong{font-size:14px;color:#ddd}
.page-total{padding-top:27px}
.page-total span{font-size:9px;color:var(--gold);font-weight:900;letter-spacing:2px}
.page-total strong{font-size:18px;color:var(--gold-light)}

.provided-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.provided-card{padding:25px 20px;background:#0a0a0a;border:1px solid var(--line);border-radius:8px;transition:.3s}
.provided-card:hover{transform:translateY(-6px);border-color:var(--gold-line)}
.provided-card>span{font-size:22px}
.provided-card h3{font-size:16px;margin:18px 0 6px}
.provided-card p{font-size:14px;color:#666}

.requirements-wrapper{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.requirements-heading h2{margin-top:15px}
.requirements-list{display:grid;gap:9px}
.requirement-item{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:20px;background:#0c0c0c;border:1px solid var(--line);border-radius:7px;transition:.3s}
.requirement-item:hover{transform:translateX(5px);border-color:var(--gold-line)}
.requirement-item>span{color:var(--gold-light);font-weight:900}
.requirement-item strong{font-size:12px}
.requirement-item p{font-size:10px;color:#666;margin-top:3px}
.professional-warning{display:flex;gap:14px;margin-top:28px;padding:20px;border:1px solid rgba(212,175,55,.15);border-left:2px solid var(--gold);background:rgba(212,175,55,.025);border-radius:5px}
.warning-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(212,175,55,.12);color:var(--gold-light);font-weight:900;flex:none}
.professional-warning strong{font-size:14px;letter-spacing:1px;color:var(--gold-light)}
.professional-warning p{font-size:12px;color:#6c6c6c;margin-top:5px}

.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.payment-card{padding:30px;background:linear-gradient(145deg,#101010,#080808);border:1px solid var(--line);border-radius:9px;transition:.3s}
.payment-card:hover{transform:translateY(-6px);border-color:var(--gold-line)}
.featured-payment{border-color:var(--gold-line);box-shadow:0 0 50px rgba(212,175,55,.035)}
.payment-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:rgba(212,175,55,.09);color:var(--gold-light);font-weight:900;font-size:18px;margin-bottom:25px}
.payment-card h3{font-size:14px;letter-spacing:.6px}
.payment-card p{font-size:12px;color:#686868;margin-top:9px}

.application-section{position:relative;padding:120px 22px;background:#080808;border-top:1px solid var(--line)}
.application-glow{position:absolute;width:700px;height:350px;left:50%;top:0;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(212,175,55,.08),transparent 65%);pointer-events:none}
.application-container{position:relative;width:min(850px,100%);margin:auto}
.application-heading{text-align:center;margin-bottom:45px}
.application-form{padding:34px;background:linear-gradient(145deg,#111,#090909);border:1px solid var(--line);border-radius:10px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.form-group{margin-bottom:19px}
.form-group label{display:block;margin-bottom:8px;color:#8b8b8b;font-size:9px;font-weight:900;letter-spacing:1.2px}
.form-group label span{color:var(--gold)}
.form-group input,.form-group textarea{
    width:100%;background:#080808;border:1px solid #262626;border-radius:6px;color:#eee;outline:none;
    transition:.25s;padding:0 14px
}
.form-group input{height:52px}
.form-group textarea{padding:14px;resize:vertical;min-height:120px}
.form-group input::placeholder,.form-group textarea::placeholder{color:#494949}
.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 25px rgba(212,175,55,.05)}
.input-error{border-color:#a65353!important}
.custom-select{position:relative;width:100%}
.select-button{
    width:100%;height:52px;padding:0 14px;
    display:flex;align-items:center;justify-content:space-between;
    background:#080808;border:1px solid #262626;border-radius:6px;color:#666;cursor:pointer;
    transition:.25s
}
.select-button:hover,.custom-select.active .select-button{color:#eee;border-color:var(--gold);box-shadow:0 0 25px rgba(212,175,55,.05)}
.arrow{color:var(--gold);transition:.2s}
.custom-select.active .arrow{transform:rotate(180deg)}
.select-options{
    position:absolute;z-index:100;
    top:calc(100% + 7px);left:0;width:100%;max-height:240px;overflow:auto;
    padding:6px;background:#0e0e0e;border:1px solid rgba(212,175,55,.3);border-radius:7px;
    box-shadow:0 25px 60px rgba(0,0,0,.8);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);
    transition:.18s
}
.custom-select.active .select-options{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.select-options div{padding:10px 12px;border-radius:4px;color:#999;font-size:11px;cursor:pointer;transition:.15s}
.select-options div:hover{color:var(--gold-light);background:rgba(212,175,55,.08);padding-left:16px}
.select-options div.selected{color:var(--gold-light);background:rgba(212,175,55,.12)}
.select-options::-webkit-scrollbar{width:5px}
.select-options::-webkit-scrollbar-thumb{background:#4d401d;border-radius:8px}
.custom-select.error .select-button{border-color:#a65353}
.confirmation{display:flex;align-items:flex-start;gap:10px;margin:20px 0;color:#666;font-size:10px;cursor:pointer}
.confirmation input{width:16px;height:16px;accent-color:var(--gold);flex:none;margin-top:1px}
.submit-button{width:100%;min-height:56px}
.form-security{text-align:center;color:#4d4d4d;font-size:9px;margin-top:12px}
.form-message{padding:12px 14px;margin-bottom:18px;border-radius:6px;font-size:11px;font-weight:700}
.form-message.success{color:var(--gold-light);background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.2)}
.form-message.error{color:#ff9c9c;background:rgba(180,50,50,.06);border:1px solid rgba(180,50,50,.2)}
.form-message.hide{opacity:0;transition:.3s}

.button-ripple{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:ripple .6s ease-out}
@keyframes ripple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

footer{padding:34px max(22px,calc((100% - var(--max))/2));border-top:1px solid var(--line);background:#040404}
.footer-inner{display:flex;align-items:center;justify-content:space-between}
.footer-logo{font-size:12px;font-weight:900;color:#888}
.footer-logo span{color:var(--gold-light)}
.footer-copy{font-size:10px;color:#4d4d4d}
.footer-inner>a{font-size:10px;color:#999;font-weight:800}
.footer-inner>a:hover{color:var(--gold-light)}

@media(max-width:1050px){
    .hero{grid-template-columns:1fr;padding-top:75px}
    .hero-right{min-height:520px}
    .feature-grid{grid-template-columns:repeat(2,1fr)}
    .provided-grid{grid-template-columns:repeat(3,1fr)}
    .workflow-timeline{grid-template-columns:repeat(4,1fr);row-gap:30px}
    .timeline-line{display:none}
    .requirements-wrapper{grid-template-columns:1fr;gap:50px}
}

@media(max-width:760px){
    .navbar{height:68px;padding:0 18px}
    .desktop-nav{
        display:none;position:absolute;top:68px;left:0;right:0;
        padding:8px 18px 18px;flex-direction:column;align-items:stretch;gap:0;
        background:rgba(7,7,7,.98);border-bottom:1px solid var(--line)
    }
    .desktop-nav.mobile-open{display:flex}
    .desktop-nav a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.05)}
    .nav-apply{margin-left:auto}
    .mobile-menu{display:grid;place-items:center}
    .hero{width:min(100% - 30px,1200px);padding:70px 0 80px}
    .hero h1{font-size:clamp(48px,14vw,70px);letter-spacing:-3px}
    .hero-text{font-size:13px}
    .hero-stats{gap:14px}
    .stat{min-width:70px}
    .stat strong{font-size:23px}
    .hero-buttons{flex-direction:column;align-items:stretch}
    .hero-buttons a{width:100%}
    .hero-right{min-height:450px}
    .floating-card{padding:12px}
    .reel-preview,.reel-preview img{min-height:245px;height:245px}
    .floating-one{left:-4px;top:55px}
    .floating-two{right:-4px;bottom:55px}
    .section{width:min(100% - 30px,1200px);padding:80px 0}
    .dark-section{padding-left:15px;padding-right:15px}
    .section-heading{grid-template-columns:1fr;gap:7px}
    .section-number{display:none}
    .feature-grid,.gif-showcase,.payment-grid,.target-wrapper{grid-template-columns:1fr}
    .provided-grid{grid-template-columns:1fr 1fr}
    .workflow-timeline{grid-template-columns:repeat(2,1fr)}
    .target-wrapper{gap:45px}
    .huge-number{font-size:120px}
    .target-text{font-size:19px}
    .form-row{grid-template-columns:1fr;gap:0}
    .application-section{padding:80px 15px}
    .application-form{padding:24px 17px}
    .footer-inner{flex-direction:column;gap:10px;text-align:center}
}

@media(max-width:440px){
    .logo{font-size:14px}
    .logo-icon{width:34px;height:34px}
    .nav-apply{display:none}
    .provided-grid{grid-template-columns:1fr}
    .workflow-timeline{grid-template-columns:1fr 1fr}
    .small-floating-card{padding:9px 10px}
    .small-floating-card small{display:none}
    .small-floating-card strong{font-size:9px}
    .hero-right{min-height:390px}
    .reel-preview,.reel-preview img{height:205px;min-height:205px}
}

@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* =========================================
   REQUIREMENTS SECTION
========================================= */

.requirements-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: start;
}


/* LEFT */

.requirements-left {
    min-width: 0;
}

.requirements-heading h2 {
    margin-bottom: 20px;
}

.requirements-heading p {
    max-width: 570px;
    font-size: 17px;
    line-height: 1.7;
}


/* IMAGE */

.requirements-image {
    position: relative;
    width: 100%;
    height: 360px;
    margin-top: 45px;
    border: 1px solid rgba(241, 204, 74, 0.22);
    border-radius: 20px;
    overflow: hidden;
    background: #080808;
    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.55),
        0 0 45px rgba(241, 204, 74, 0.06);
}

.requirements-image img {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    z-index: 2;
}


/* DARK OVERLAY */

.requirements-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.25),
            transparent 50%,
            rgba(0, 0, 0, 0.35)
        ),
        linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.45),
            transparent 45%
        );
    pointer-events: none;
}


/* GOLD GLOW */

.image-glow {
    position: absolute;
    width: 280px;
    height: 280px;
    left: 25%;
    top: 10%;
    background: rgba(241, 204, 74, 0.12);
    filter: blur(90px);
    border-radius: 50%;
    z-index: 1;
}


/* IMAGE BADGE */

.image-badge {
    position: absolute;
    left: 22px;
    bottom: 20px;
    z-index: 5;

    padding: 10px 15px;

    border: 1px solid rgba(241, 204, 74, 0.35);
    border-radius: 999px;

    background: rgba(5, 5, 5, 0.78);
    backdrop-filter: blur(12px);

    color: #f1cc4a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.image-badge span {
    margin-right: 7px;
    font-size: 9px;
}


/* RIGHT REQUIREMENTS */

.requirements-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.requirement-item {
    min-height: 76px;

    display: flex;
    align-items: center;
    gap: 20px;

    padding: 20px 22px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 10px;

    background: rgba(255, 255, 255, 0.018);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;
}

.requirement-item:hover {
    transform: translateX(5px);
    border-color: rgba(241, 204, 74, 0.35);
    background: rgba(241, 204, 74, 0.025);
}

.requirement-item > span {
    flex: 0 0 auto;

    width: 25px;
    height: 25px;

    display: grid;
    place-items: center;

    color: #f1cc4a;
    font-size: 18px;
    font-weight: 700;
}

.requirement-item strong {
    display: block;
    margin-bottom: 6px;

    color: #f5f5f5;
    font-size: 16px;
}

.requirement-item p {
    margin: 0;

    color: rgba(255, 255, 255, 0.42);
    font-size: 13px;
    line-height: 1.5;
}


/* WARNING */

.professional-warning {
    margin-top: 35px;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 900px) {

    .requirements-wrapper {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .requirements-image {
        height: 320px;
    }

}


@media (max-width: 600px) {

    .requirements-image {
        height: 250px;
        margin-top: 30px;
    }

    .requirements-heading p {
        font-size: 15px;
    }

    .requirement-item {
        padding: 17px;
    }

    .requirement-item strong {
        font-size: 15px;
    }

    .requirement-item p {
        font-size: 12px;
    }

}


/* =================================
   WORKFLOW CARDS - MOBILE 2 COLUMNS
================================= */

@media (max-width: 600px) {

    .workflow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .workflow-card {
        min-height: 170px;
        padding: 18px 14px;
        border-radius: 12px;
    }

    .workflow-card .step-number {
        font-size: 9px;
        margin-bottom: 18px;
    }

    .workflow-card .step-icon {
        font-size: 22px;
        margin-bottom: 18px;
    }

    .workflow-card h3 {
        font-size: 14px;
        line-height: 1.25;
        margin-bottom: 8px;
    }

    .workflow-card p {
        font-size: 11px;
        line-height: 1.45;
    }
}


/* =========================================
   MOBILE WORKFLOW - 2 COLUMN FIX
========================================= */

@media (max-width: 600px) {

    .feature-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .feature-card {
        width: 100% !important;
        min-height: 165px !important;
        height: auto !important;
        padding: 16px !important;
        margin: 0 !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }

    .feature-number {
        font-size: 9px !important;
        margin-bottom: 14px !important;
    }

    .feature-icon {
        font-size: 22px !important;
        margin-bottom: 14px !important;
    }

    .feature-card h3 {
        font-size: 14px !important;
        line-height: 1.25 !important;
        margin: 0 0 7px !important;
    }

    .feature-card p {
        font-size: 10px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }
}

/* =========================================
   PROVIDED CARDS - MOBILE 2 COLUMN
========================================= */

@media (max-width: 600px) {

    .provided-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .provided-card {
        width: 100% !important;
        min-height: 145px !important;
        height: auto !important;
        padding: 16px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
    }

    .provided-card > span {
        font-size: 20px !important;
        display: block !important;
        margin-bottom: 18px !important;
    }

    .provided-card h3 {
        font-size: 13px !important;
        line-height: 1.25 !important;
        margin: 0 0 7px !important;
    }

    .provided-card p {
        font-size: 10px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }

    .center-heading h2 {
        font-size: 34px !important;
        line-height: 0.98 !important;
    }

    .center-heading p {
        font-size: 11px !important;
        line-height: 1.5 !important;
        padding: 0 15px !important;
    }
}

/* =========================================
   FINAL MOBILE SPACING FIX
========================================= */

@media (max-width: 600px) {

    /* Kill the large default section spacing */
    section,
    .section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    /* DAILY TARGET */
    .target-section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .target-wrapper {
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
    }

    /* JOB */
    #job {
        padding-top: 20px !important;
        padding-bottom: 35px !important;
        margin-top: 0 !important;
    }

    #job .section-heading {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }

    /* Make sure there isn't an invisible gap */
    #job::before,
    #job::after,
    .target-section::before,
    .target-section::after {
        display: none !important;
    }

    /* Workflow cards */
    .feature-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    .feature-card {
        min-height: 150px !important;
        height: auto !important;
        padding: 15px !important;
        margin: 0 !important;
    }

    /* Provided cards */
    .provided-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 20px 0 0 !important;
    }

    .provided-card {
        min-height: 135px !important;
        height: auto !important;
        padding: 15px !important;
        margin: 0 !important;
    }
}


/* =========================================
   MOBILE - REMOVE LARGE GAP BEFORE PAYMENT
========================================= */

@media (max-width: 600px) {

    /* Requirements section */
    #requirements {
        padding-bottom: 20px !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .professional-warning {
        margin-bottom: 0 !important;
    }

    /* Payment & Rewards section */
    #payment {
        padding-top: 25px !important;
        margin-top: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    /* Payment heading */
    #payment .section-heading {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }

    /* Remove any wrapper-generated spacing */
    #payment .payment-wrapper,
    #payment .payment-grid,
    #payment > div {
        margin-top: 0 !important;
    }
}

/* =========================================
   MOBILE MENU FIX
   ONLY FOR MOBILE
========================================= */

@media (max-width: 768px) {

    .navbar {
        position: fixed;
        z-index: 9999;
    }

    .desktop-nav.mobile-open {
        display: flex !important;

        position: absolute;

        top: 100%;
        left: 0;
        right: 0;

        width: 100%;

        flex-direction: column;
        align-items: stretch;

        gap: 0;

        padding: 10px 20px 20px;

        background: rgba(5, 5, 5, 0.98);

        border-top: 1px solid rgba(217, 184, 76, 0.15);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);

        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);

        z-index: 9998;
    }

    .desktop-nav.mobile-open a {
        display: block;

        width: 100%;

        padding: 17px 5px;

        border-bottom: 1px solid rgba(255, 255, 255, 0.07);

        color: #bdbdbd;

        font-size: 13px;
        font-weight: 600;

        text-decoration: none;
    }

    .desktop-nav.mobile-open a:last-child {
        border-bottom: none;
    }

    .desktop-nav.mobile-open a:hover {
        color: #d9b84c;
    }


    /* APPLY BUTTON */

    .nav-apply.mobile-nav-apply {
        display: flex !important;
        position: absolute;
        top: calc(100% + 230px);
        left: 20px;
        right: 20px;
        width: auto;
        justify-content: center;
        padding: 14px 18px;
        background: #d9b84c;
        color: #050505 !important;
        border: none;
        z-index: 9999;
    }


    /* HAMBURGER */

    .mobile-menu {
        position: relative !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        padding: 0;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.12);
        color: #ffffff;
        font-size: 21px;
        cursor: pointer;
        z-index: 10000;
        margin-left: auto !important;
    }

}

/* =========================================
   FOOTER — FINAL SOCIAL ICONS
========================================= */

.footer-socials {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
}


/* ICON CIRCLE */

.footer-socials .social-circle {
    position: relative;

    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    color: #d9b84c;

    background: #101010;

    border: 1px solid rgba(217,184,76,.28);

    border-radius: 50%;

    overflow: visible;

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        color .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .35s ease;
}


/* ICON */

.footer-socials .social-circle svg {
    width: 21px;
    height: 21px;

    transition:
        transform .35s ease;
}

/* GLOW RING */

.footer-socials .social-circle::before {
    content: "";

    position: absolute;

    inset: -4px;

    border-radius: 50%;

    border: 1px solid rgba(217,184,76,.18);

    opacity: 0;

    transform: scale(.75);

    transition:
        opacity .35s ease,
        transform .35s ease;
}

/* HOVER */

.footer-socials .social-circle:hover {
    color: #080808;

    background: #d9b84c;

    border-color: #d9b84c;

    transform: translateY(-6px) rotate(-3deg);

    box-shadow:
        0 10px 30px rgba(217,184,76,.18),
        0 0 25px rgba(217,184,76,.08);
}

.footer-socials .social-circle:hover::before {
    opacity: 1;

    transform: scale(1.18);
}

.footer-socials .social-circle:hover svg {
    transform: scale(1.12);
}

/* INSTAGRAM */
.footer-instagram:hover {
    transform: translateY(-6px) rotate(3deg) !important;
}

/* EMAIL */

.footer-email:hover {
    transform: translateY(-6px) rotate(-3deg) !important;
}

/* MOBILE */

@media (max-width: 600px) {

    .footer-socials {
        gap: 9px;
    }

    .footer-socials .social-circle {
        width: 40px;
        height: 40px;
    }

    .footer-socials .social-circle svg {
        width: 18px;
        height: 18px;
    }

}

/* =========================================================
   NITINMEDIA — PREMIUM FOOTER
   ONLY FOOTER
========================================================= */

.premium-footer {
    position: relative;

    background:
        radial-gradient(
            circle at 50% -20%,
            rgba(217,184,76,.075),
            transparent 38%
        ),
        #050505;

    color: #fff;

    overflow: hidden;

    border-top: 1px solid rgba(217,184,76,.20);
}


/* TOP GOLD GLOW */

.premium-footer::before {
    content: "";

    position: absolute;

    top: -1px;
    left: 50%;

    width: 170px;
    height: 2px;

    transform: translateX(-50%);

    background: #d9b84c;

    box-shadow:
        0 0 10px rgba(217,184,76,.75),
        0 0 35px rgba(217,184,76,.35);
}


/* SUBTLE BACKGROUND GLOW */

.footer-glow {
    position: absolute;

    width: 500px;
    height: 500px;

    right: -250px;
    top: 40px;

    border-radius: 50%;

    background: rgba(217,184,76,.025);

    filter: blur(70px);

    pointer-events: none;
}


/* =========================================================
   MAIN
========================================================= */

.footer-inner {
    position: relative;

    max-width: 1450px;

    margin: auto;

    padding: 85px 55px 75px;

    display: grid;

    grid-template-columns:
        1.7fr
        1fr
        1.15fr
        1fr
        1.15fr
        .9fr;

    align-items: stretch;
}


/* =========================================================
   BRAND
========================================================= */

.footer-brand {
    padding-right: 55px;
}


.footer-logo {
    display: inline-block;

    text-decoration: none;

    color: #fff;

    font-size: 31px;

    font-weight: 700;

    letter-spacing: -1.8px;

    line-height: 1;
}


.footer-logo span {
    color: #d9b84c;

    font-weight: 400;
}


.footer-gold-line {
    width: 56px;
    height: 2px;

    margin-top: 27px;

    background: #d9b84c;

    box-shadow:
        0 0 12px rgba(217,184,76,.35);
}


.footer-brand p {
    max-width: 280px;

    margin-top: 35px;

    color: rgba(255,255,255,.50);

    font-size: 13px;

    line-height: 1.9;
}


/* =========================================================
   LINK COLUMNS
========================================================= */

.footer-links,
.footer-connect {
    min-height: 180px;

    padding-left: 38px;

    border-left: 1px solid rgba(255,255,255,.08);
}


.footer-links h4,
.footer-connect h4 {
    margin: 0;

    color: #e2c46a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: .2px;
}


.footer-heading-line {
    width: 39px;
    height: 2px;

    margin-top: 14px;
    margin-bottom: 38px;

    background: #d9b84c;
}


/* LINKS */

.footer-links a {
    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    color: rgba(255,255,255,.78);

    text-decoration: none;

    font-size: 13px;

    padding-bottom: 25px;

    border-bottom: 1px solid rgba(255,255,255,.10);

    transition:
        color .3s ease,
        transform .3s ease,
        border-color .3s ease;
}


.footer-links a span {
    color: #d9b84c;

    font-size: 22px;

    line-height: 10px;

    transition:
        transform .3s ease;
}


.footer-links a:hover {
    color: #fff;

    transform: translateX(5px);

    border-color: rgba(217,184,76,.35);
}


.footer-links a:hover span {
    transform: translateX(4px);
}


/* =========================================================
   SOCIAL
========================================================= */

.footer-connect {
    padding-left: 38px;
}


.premium-socials {
    display: flex;

    align-items: center;

    gap: 18px;
}


/* SOCIAL CIRCLE */

.premium-social {
    position: relative;

    width: 66px;
    height: 66px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    text-decoration: none;

    color: #e5c66c;

    border: 1px solid rgba(217,184,76,.65);

    background:
        radial-gradient(
            circle,
            rgba(217,184,76,.055),
            rgba(0,0,0,.35)
        );

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        color .35s ease,
        background .35s ease,
        box-shadow .45s ease,
        border-color .35s ease;
}


/* OUTER RING */

.premium-social::before {
    content: "";

    position: absolute;

    inset: -5px;

    border-radius: 50%;

    border: 1px solid rgba(217,184,76,.18);

    transform: scale(.85);

    opacity: 0;

    transition:
        transform .45s ease,
        opacity .45s ease;
}


/* SMALL GLOW DOT */

.premium-social::after {
    content: "";

    position: absolute;

    width: 5px;
    height: 5px;

    top: 4px;
    right: 9px;

    border-radius: 50%;

    background: #d9b84c;

    opacity: .8;

    box-shadow:
        0 0 8px rgba(217,184,76,.8);

    transition:
        transform .4s ease;
}


/* SVG */

.premium-social svg {
    width: 27px;
    height: 27px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1);
}


.premium-social .instagram-dot {
    fill: currentColor;

    stroke: none;
}


/* HOVER */

.premium-social:hover {
    color: #080808;

    background: #d9b84c;

    border-color: #d9b84c;

    transform:
        translateY(-8px)
        rotate(-4deg);

    box-shadow:
        0 12px 35px rgba(217,184,76,.20),
        0 0 30px rgba(217,184,76,.12);
}


.premium-social:hover::before {
    opacity: 1;

    transform: scale(1.15);
}


.premium-social:hover::after {
    transform: scale(1.8);
}


.premium-social:hover svg {
    transform: scale(1.1);
}


/* EMAIL SLIGHTLY DIFFERENT */

.email-icon:hover {
    transform:
        translateY(-8px)
        rotate(4deg);
}


/* =========================================================
   BOTTOM
========================================================= */

.premium-footer-bottom {
    position: relative;

    max-width: 100%;

    min-height: 82px;

    padding: 0 55px;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    align-items: center;

    gap: 25px;

    border-top: 1px solid rgba(217,184,76,.16);

    background:
        radial-gradient(
            circle at 50% 100%,
            rgba(217,184,76,.035),
            transparent 45%
        );
}


/* BOTTOM TEXT */

.footer-bottom-left,
.footer-bottom-center,
.footer-bottom-right {
    font-size: 11px;

    color: rgba(255,255,255,.45);
}


.footer-bottom-center {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    color: rgba(255,255,255,.55);

    letter-spacing: .4px;
}


.footer-bottom-center i {
    width: 1px;
    height: 18px;

    background: #d9b84c;
}


/* RIGHT */

.footer-bottom-right {
    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 15px;
}


.footer-bottom-right a {
    color: rgba(255,255,255,.68);

    text-decoration: none;

    transition:
        color .25s ease;
}


.footer-bottom-right a:hover {
    color: #d9b84c;
}


.footer-bottom-right b {
    color: #d9b84c;

    font-size: 8px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .footer-inner {
        grid-template-columns:
            1.5fr
            1fr
            1fr;

        row-gap: 55px;

        padding: 65px 35px;
    }


    .footer-brand {
        padding-right: 30px;
    }


    .footer-links,
    .footer-connect {
        border-left: 1px solid rgba(255,255,255,.08);
    }


    .premium-footer-bottom {
        padding: 20px 35px;

        grid-template-columns: 1fr;

        text-align: center;

        gap: 15px;
    }


    .footer-bottom-right {
        justify-content: center;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .premium-footer {
        margin-top: 0;
    }


    .footer-inner {
        padding: 55px 22px 45px;

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 34px 0;
    }


    /* BRAND FULL WIDTH */

    .footer-brand {
        grid-column: 1 / -1;

        padding-right: 20px;

        padding-bottom: 25px;

        border-bottom: 1px solid rgba(255,255,255,.08);
    }


    .footer-logo {
        font-size: 26px;
    }


    .footer-brand p {
        margin-top: 22px;

        max-width: 320px;

        font-size: 11px;

        line-height: 1.7;
    }


    .footer-gold-line {
        margin-top: 20px;
    }


    /* COLUMNS */

    .footer-links,
    .footer-connect {
        min-height: auto;

        padding-left: 0;

        border-left: 0;
    }


    .footer-links h4,
    .footer-connect h4 {
        font-size: 11px;
    }


    .footer-heading-line {
        width: 30px;

        margin-top: 10px;

        margin-bottom: 22px;
    }


    .footer-links a {
        font-size: 11px;

        padding-bottom: 15px;

        gap: 7px;
    }


    .footer-links a span {
        font-size: 17px;
    }


    /* CONNECT FULL WIDTH */

    .footer-connect {
        grid-column: 1 / -1;

        padding-top: 10px;

        border-top: 1px solid rgba(255,255,255,.08);
    }


    .premium-socials {
        gap: 12px;
    }


    .premium-social {
        width: 52px;
        height: 52px;
    }


    .premium-social svg {
        width: 21px;
        height: 21px;
    }


    /* BOTTOM */

    .premium-footer-bottom {
        padding: 22px 18px;

        min-height: auto;

        display: flex;

        flex-direction: column;

        gap: 13px;
    }


    .footer-bottom-left,
    .footer-bottom-center,
    .footer-bottom-right {
        font-size: 9px;
    }


    .footer-bottom-center {
        order: 3;
    }


    .footer-bottom-right {
        gap: 10px;
    }

}


/* VERY SMALL PHONES */

@media (max-width: 380px) {

    .footer-inner {
        padding-left: 18px;
        padding-right: 18px;
    }


    .footer-links a {
        font-size: 10px;
    }


    .footer-bottom-right {
        flex-wrap: wrap;

        justify-content: center;
    }

}

/* =========================================
   PREMIUM FOOTER
========================================= */

.site-footer {
    position: relative;
    width: 100%;
    background: #050505;
    color: #f5f5f5;
    padding: 100px 7% 30px;
    overflow: hidden;
}

/* subtle background glow */

.site-footer::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    left: -180px;
    top: 50px;

    background: radial-gradient(
        circle,
        rgba(240, 194, 62, 0.08),
        transparent 70%
    );

    pointer-events: none;
}

.site-footer::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    right: -200px;
    bottom: 100px;

    background: radial-gradient(
        circle,
        rgba(240, 194, 62, 0.05),
        transparent 70%
    );

    pointer-events: none;
}


/* =========================================
   MAIN FOOTER
========================================= */

.footer-main {
    position: relative;
    z-index: 2;

    max-width: 1450px;
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        1.8fr
        1fr
        1fr
        0.9fr
        1.35fr
        1.25fr;

    gap: 40px;

    padding-bottom: 80px;
}


/* =========================================
   BRAND
========================================= */

.footer-brand {
    padding-right: 50px;
}

.footer-logo {
    display: inline-block;

    text-decoration: none;

    font-size: 34px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -1.8px;

    color: #ffffff;
}

.footer-logo em {
    color: #f1cf55;
    font-style: normal;
    font-weight: 500;
}

.footer-brand::after {
    content: "";
    display: block;

    width: 42px;
    height: 3px;

    margin-top: 28px;

    background: #f1cf55;
}

.footer-brand p {
    max-width: 330px;

    margin: 28px 0 24px;

    color: #888888;

    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   STATUS
========================================= */

.footer-status {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 8px 12px;

    border: 1px solid rgba(241, 207, 85, 0.35);
    border-radius: 50px;

    color: #d6bd52;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.status-dot {
    width: 6px;
    height: 6px;

    border-radius: 50%;
    background: #f1cf55;

    box-shadow: 0 0 10px rgba(241, 207, 85, 0.8);
}


/* =========================================
   FOOTER COLUMNS
========================================= */

.footer-column {
    position: relative;
}

.footer-number {
    display: block;

    margin-bottom: 13px;

    color: #7b6b2c;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.footer-column h3 {
    margin: 0 0 25px;

    color: #f1cf55;

    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.5px;
}


/* =========================================
   LINKS
========================================= */

.footer-column > a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    max-width: 190px;

    margin-bottom: 16px;

    color: #b9b9b9;
    text-decoration: none;

    font-size: 14px;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.footer-column > a span {
    color: #f1cf55;

    font-size: 17px;

    opacity: 0;

    transform: translateX(-5px);

    transition: 0.25s ease;
}

.footer-column > a:hover {
    color: #ffffff;
    transform: translateX(4px);
}

.footer-column > a:hover span {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================
   EMAIL
========================================= */

.footer-email {
    margin: -6px 0 0;

    color: #666666;

    font-size: 11px;
    line-height: 1.5;

    word-break: break-word;
}


/* =========================================
   SOCIAL
========================================= */

.social-links {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.social-link {
    display: flex;
    align-items: center;
    gap: 12px;

    width: max-content;

    color: #b9b9b9;
    text-decoration: none;

    font-size: 14px;

    transition: 0.25s ease;
}

.social-link b {
    color: #f1cf55;

    font-size: 16px;

    opacity: 0;

    transform: translateX(-5px);

    transition: 0.25s ease;
}

.social-link:hover {
    color: #ffffff;
}

.social-link:hover b {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================
   SOCIAL ICON
========================================= */

.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    border: 1px solid rgba(241, 207, 85, 0.35);
    border-radius: 50%;

    transition: 0.3s ease;
}

.social-icon svg {
    width: 17px;
    height: 17px;

    fill: none;
    stroke: #f1cf55;
    stroke-width: 1.7;
}

.social-link:hover .social-icon {
    background: rgba(241, 207, 85, 0.1);

    border-color: #f1cf55;

    transform: translateY(-2px);
}


/* =========================================
   BIG CTA
========================================= */

.footer-cta {
    position: relative;
    z-index: 2;

    max-width: 1450px;
    margin: 0 auto;

    padding: 65px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.09);
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;
}

.footer-cta span {
    color: #d0b744;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.footer-cta h2 {
    margin: 12px 0 0;

    font-size: clamp(42px, 5vw, 82px);
    line-height: 0.9;

    letter-spacing: -4px;
}

.footer-cta h2 em {
    color: #f1cf55;
    font-style: normal;
}

.footer-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 25px;

    padding: 17px 25px;

    background: #f1cf55;
    color: #080808;

    text-decoration: none;

    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;

    transition: 0.25s ease;
}

.footer-cta-button span {
    color: #080808;

    font-size: 20px;
    letter-spacing: 0;
}

.footer-cta-button:hover {
    transform: translateY(-3px);

    box-shadow: 0 12px 35px rgba(241, 207, 85, 0.18);
}


/* =========================================
   BOTTOM
========================================= */

.footer-bottom {
    position: relative;
    z-index: 2;

    max-width: 1450px;
    margin: 0 auto;

    padding-top: 25px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

.footer-bottom p {
    margin: 0;

    color: #555555;

    font-size: 11px;
}

.footer-legal {
    display: flex;
    gap: 25px;
}

.footer-legal a {
    color: #666666;

    font-size: 11px;

    text-decoration: none;

    transition: color 0.2s ease;
}

.footer-legal a:hover {
    color: #f1cf55;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .footer-main {
        grid-template-columns:
            1.5fr
            1fr
            1fr
            1fr;

        row-gap: 55px;
    }

    .footer-brand {
        grid-column: span 2;
    }

    .footer-connect {
        grid-column: span 2;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .site-footer {
        padding: 65px 22px 25px;
    }

    .footer-main {
        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 45px 28px;

        padding-bottom: 55px;
    }


    /* brand full width */

    .footer-brand {
        grid-column: 1 / -1;

        padding-right: 0;
    }

    .footer-logo {
        font-size: 29px;
    }

    .footer-brand p {
        max-width: 100%;

        font-size: 13px;
        line-height: 1.7;

        margin-top: 23px;
    }


    /* columns */

    .footer-column {
        min-width: 0;
    }

    .footer-number {
        margin-bottom: 9px;

        font-size: 8px;
    }

    .footer-column h3 {
        margin-bottom: 17px;

        font-size: 12px;
    }

    .footer-column > a {
        max-width: 100%;

        margin-bottom: 13px;

        font-size: 13px;
    }

    .footer-column > a span {
        opacity: 1;
        transform: none;
    }


    /* connect full width */

    .footer-connect {
        grid-column: 1 / -1;
    }

    .social-links {
        flex-direction: row;

        flex-wrap: wrap;

        gap: 12px 25px;
    }

    .social-link {
        font-size: 12px;
    }


    /* CTA */

    .footer-cta {
        padding: 45px 0;

        display: block;
    }

    .footer-cta h2 {
        margin-top: 10px;

        font-size: clamp(38px, 12vw, 55px);

        letter-spacing: -2.5px;
    }

    .footer-cta-button {
        margin-top: 28px;

        padding: 14px 19px;
    }


    /* bottom */

    .footer-bottom {
        display: block;

        padding-top: 20px;
    }

    .footer-legal {
        margin-top: 13px;

        gap: 18px;

        flex-wrap: wrap;
    }
}


/* =========================================
   SMALL PHONES
========================================= */

@media (max-width: 380px) {

    .site-footer {
        padding-left: 17px;
        padding-right: 17px;
    }

    .footer-main {
        gap: 38px 20px;
    }

    .footer-column > a {
        font-size: 12px;
    }

    .footer-email {
        font-size: 9px;
    }

    .footer-cta h2 {
        font-size: 36px;
    }
}

/* =====================================================
   WHAT WE DO
   DESKTOP + MOBILE RESPONSIVE
===================================================== */

.what-we-do {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 110px 40px;
    box-sizing: border-box;

    color: #fff;
}


/* ================= HEADER ================= */

.wwd-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;

    margin-bottom: 55px;
}

.wwd-title {
    max-width: 900px;
}

.wwd-label {
    display: block;

    margin-bottom: 18px;

    color: #e5c542;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
}

.wwd-title h2 {
    margin: 0;

    font-size: clamp(48px, 5vw, 78px);
    line-height: .94;

    font-weight: 900;
    letter-spacing: -4px;

    color: #f5f5f5;
}

.wwd-title h2 span {
    color: #f1cf55;
}

.wwd-title p {
    max-width: 650px;

    margin: 28px 0 0;

    color: #858585;

    font-size: 16px;
    line-height: 1.7;
}


/* ================= LOGO ================= */

.wwd-logo {
    flex-shrink: 0;
}

.wwd-logo-circle {
    width: 175px;
    height: 175px;

    border: 1px solid rgba(241,207,85,.7);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    font-size: 60px;
    font-weight: 900;

    box-shadow:
        0 0 35px rgba(241,207,85,.08),
        inset 0 0 30px rgba(241,207,85,.04);
}

.wwd-logo-circle span {
    color: #f1cf55;
}

.wwd-logo-circle b {
    color: #fff;
}

.wwd-logo-circle i {
    position: absolute;

    width: 12px;
    height: 12px;

    right: 4px;
    bottom: 28px;

    border-radius: 50%;

    background: #f1cf55;

    box-shadow: 0 0 15px rgba(241,207,85,.5);
}


/* ================= SERVICES GRID ================= */

.services-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px;
}


/* ================= SERVICE CARD ================= */

.service-card {
    position: relative;

    min-width: 0;

    padding: 32px;

    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.005)
        );

    box-sizing: border-box;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.service-card:hover {
    transform: translateY(-5px);

    border-color: rgba(241,207,85,.45);

    background:
        linear-gradient(
            145deg,
            rgba(241,207,85,.055),
            rgba(255,255,255,.01)
        );
}


/* ICON */

.service-icon {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 24px;

    border: 1px solid rgba(241,207,85,.5);
    border-radius: 50%;

    color: #f1cf55;

    font-size: 25px;

    box-shadow:
        0 0 20px rgba(241,207,85,.05);
}


/* NUMBER */

.service-number {
    display: block;

    margin-bottom: 8px;

    color: #f1cf55;

    font-size: 18px;
    font-weight: 800;
}


/* TITLE */

.service-card h3 {
    margin: 0;

    color: #f5f5f5;

    font-size: 22px;
    line-height: 1.12;

    font-weight: 850;
    letter-spacing: -.5px;
}


/* SMALL GOLD MARK */

.service-line {
    width: 35px;
    height: 3px;

    margin: 18px 0;

    background: #f1cf55;

    border-radius: 10px;
}


/* DESCRIPTION */

.service-card p {
    margin: 0;

    color: #858585;

    font-size: 14px;
    line-height: 1.65;
}


/* ================= BOTTOM CTA ================= */

.wwd-bottom {
    margin-top: 20px;

    padding: 28px 32px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    border: 1px solid rgba(241,207,85,.35);
    border-radius: 18px;

    background:
        linear-gradient(
            90deg,
            rgba(241,207,85,.035),
            rgba(0,0,0,.2)
        );
}

.wwd-message {
    display: flex;
    align-items: center;
    gap: 20px;
}

.wwd-arrow {
    width: 55px;
    height: 55px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(241,207,85,.6);
    border-radius: 50%;

    color: #f1cf55;

    font-size: 28px;
}

.wwd-message h3 {
    margin: 0;

    color: #f5f5f5;

    font-size: 20px;
    line-height: 1.2;

    font-weight: 850;
}

.wwd-message h3 span {
    color: #f1cf55;
}


/* BUTTON */

.wwd-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 25px;

    flex-shrink: 0;

    padding: 17px 25px;

    background: #f1cf55;
    color: #050505;

    text-decoration: none;

    border-radius: 6px;

    font-size: 11px;
    font-weight: 900;
    letter-spacing: .8px;

    transition: .25s ease;
}

.wwd-button span {
    font-size: 22px;
    font-weight: 400;
}

.wwd-button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 30px rgba(241,207,85,.18);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1000px) {

    .what-we-do {
        padding: 80px 25px;
    }

    .wwd-header {
        align-items: flex-start;
    }

    .wwd-logo-circle {
        width: 125px;
        height: 125px;

        font-size: 45px;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 700px) {

    .what-we-do {
        padding: 65px 15px;
    }


    /* HEADER */

    .wwd-header {
        display: block;

        margin-bottom: 30px;
    }

    .wwd-label {
        font-size: 9px;
        letter-spacing: 2px;

        margin-bottom: 12px;
    }

    .wwd-title h2 {
        font-size: clamp(36px, 10.5vw, 52px);

        line-height: .96;

        letter-spacing: -2.5px;
    }

    .wwd-title p {
        margin-top: 18px;

        font-size: 13px;
        line-height: 1.55;
    }


    /* SMALL LOGO */

    .wwd-logo {
        display: none;
    }


    /* =========================
       2 COLUMN MOBILE
    ========================= */

    .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 10px;
    }


    .service-card {
        padding: 18px 14px;

        border-radius: 12px;
    }


    .service-icon {
        width: 42px;
        height: 42px;

        margin-bottom: 13px;

        font-size: 18px;
    }


    .service-number {
        margin-bottom: 6px;

        font-size: 12px;
    }


    .service-card h3 {
        font-size: 14px;
        line-height: 1.12;

        letter-spacing: -.2px;
    }


    .service-line {
        width: 25px;
        height: 2px;

        margin: 11px 0;
    }


    .service-card p {
        font-size: 11px;
        line-height: 1.5;
    }


    /* =========================
       MOBILE CTA
    ========================= */

    .wwd-bottom {
        margin-top: 10px;

        padding: 20px 15px;

        display: flex;
        flex-direction: column;

        align-items: stretch;

        gap: 18px;

        border-radius: 12px;
    }

    .wwd-message {
        gap: 12px;
    }

    .wwd-arrow {
        width: 38px;
        height: 38px;

        font-size: 19px;
    }

    .wwd-message h3 {
        font-size: 13px;
        line-height: 1.25;
    }

    .wwd-button {
        width: 100%;

        box-sizing: border-box;

        padding: 14px 16px;

        gap: 15px;

        font-size: 10px;
    }

}


/* =====================================================
   VERY SMALL PHONES
===================================================== */

@media (max-width: 380px) {

    .what-we-do {
        padding-left: 12px;
        padding-right: 12px;
    }

    .services-grid {
        gap: 8px;
    }

    .service-card {
        padding: 15px 11px;
    }

    .service-card h3 {
        font-size: 12px;
    }

    .service-card p {
        font-size: 10px;
    }

    .service-icon {
        width: 36px;
        height: 36px;

        font-size: 15px;
    }

    .service-number {
        font-size: 11px;
    }

    .wwd-message h3 {
        font-size: 11px;
    }

}

/* ============================= */
/* EMAIL OPTIONS MODAL */
/* ============================= */

.email-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.email-modal.active {
    display: flex;
}

.email-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.email-modal-box {
    position: relative;
    z-index: 2;
    width: min(420px, 100%);
    padding: 30px;
    border-radius: 24px;
    background: #111;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5);
    color: #fff;
    animation: emailModalIn 0.25s ease;
}

@keyframes emailModalIn {
    from {
        opacity: 0;
        transform: translateY(15px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.email-modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}

.email-modal-close:hover {
    background: rgba(255, 255, 255, 0.16);
}

.email-modal-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 25px;
}

.email-modal-box h3 {
    margin: 0 0 6px;
    font-size: 24px;
}

.email-modal-box p {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}

.email-option {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px;
    margin-top: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: 0.2s ease;
}

.email-option:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-1px);
}

.email-option > span {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 20px;
}

.email-option div {
    flex: 1;
}

.email-option strong {
    display: block;
    font-size: 15px;
    margin-bottom: 3px;
}

.email-option small {
    display: block;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.email-option > b {
    font-size: 18px;
    opacity: 0.5;
}

/* MOBILE */
@media (max-width: 480px) {
    .email-modal {
        padding: 15px;
    }

    .email-modal-box {
        padding: 25px 18px 20px;
        border-radius: 20px;
    }

    .email-modal-box h3 {
        font-size: 21px;
    }

    .email-option {
        padding: 13px;
    }
}

.application-consent {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.consent-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #888;
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer;
}

.consent-item input {
    width: 17px;
    height: 17px;
    margin-top: 2px;
    flex-shrink: 0;
    accent-color: #f1cf55;
    cursor: pointer;
}

.consent-item a {
    color: #f1cf55;
    text-decoration: underline;
}

.submit-application:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.submit-application:not(:disabled) {
    opacity: 1;
    cursor: pointer;
}

/* =========================================
   APPLICATION CONSENT
========================================= */

.application-consent {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 22px;
}

.consent-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    color: #777;

    font-size: 12px;
    line-height: 1.55;

    cursor: pointer;
}

.consent-item input {
    width: 17px;
    height: 17px;

    margin: 2px 0 0;

    flex-shrink: 0;

    accent-color: #f1cf55;

    cursor: pointer;
}

.consent-item a {
    color: #f1cf55;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.consent-item a:hover {
    color: #fff;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.submit-application {
    width: 100%;

    border: none;
    border-radius: 7px;

    padding: 18px 25px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    background: #f1cf55;
    color: #080808;

    font-size: 12px;
    font-weight: 900;
    letter-spacing: .4px;

    transition: all .25s ease;
}


/* DISABLED */

.submit-application:disabled {
    opacity: .35;
    cursor: not-allowed;
}


/* ENABLED */

.submit-application:not(:disabled) {
    opacity: 1;
    cursor: pointer;
}

.submit-application:not(:disabled):hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 30px rgba(241,207,85,.18);
}


/* =========================================
   SUCCESS MESSAGE
========================================= */

.application-success {
    display: none;

    margin-top: 20px;
    padding: 22px;

    text-align: center;

    border: 1px solid rgba(241,207,85,.35);
    border-radius: 10px;

    background: rgba(241,207,85,.035);
}


/* SHOW SUCCESS */

.application-success.show {
    display: block;

    animation: successAppear .5s ease forwards;
}


.success-check {
    width: 45px;
    height: 45px;

    margin: 0 auto 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    border: 1px solid #f1cf55;

    color: #f1cf55;

    font-size: 23px;
    font-weight: bold;

    animation: successPop .45s ease;
}


.application-success h3 {
    margin: 0 0 7px;

    color: #f1cf55;

    font-size: 17px;
}


.application-success p {
    margin: 0;

    color: #777;

    font-size: 12px;
}


/* =========================================
   ANIMATION
========================================= */

@keyframes successAppear {

    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


@keyframes successPop {

    0% {
        transform: scale(.5);
        opacity: 0;
    }

    70% {
        transform: scale(1.12);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .application-consent {
        gap: 11px;
        margin-bottom: 18px;
    }

    .consent-item {
        font-size: 10.5px;
        line-height: 1.5;
        gap: 8px;
    }

    .consent-item input {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }

    .submit-application {
        padding: 15px 18px;
        font-size: 10px;
    }

    .application-success {
        padding: 18px 14px;
    }

    .application-success h3 {
        font-size: 14px;
    }

    .application-success p {
        font-size: 11px;
    }

}

.submit-application {
    width: auto;
    min-width: 240px;
    max-width: 300px;

    margin: 15px auto 0;

    padding: 14px 28px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    border-radius: 6px;
}

@media (max-width: 600px) {
    .submit-application {
        width: 85%;
        min-width: 0;
        max-width: 280px;

        margin: 12px auto 0;

        padding: 13px 18px;

        font-size: 10px;
    }
}


/* REMOVE EMPTY BOX BELOW SUBMIT */

.application-success,
#applicationSuccess {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.application-success.show,
#applicationSuccess.show {
    display: block !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 20px !important;
    padding: 20px !important;
}

/* REMOVE EXTRA EMPTY BUTTON */

.form-submit,
.submit-btn {
    display: none !important;
}

/* ================================
   MOBILE FIX
================================ */

html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
}

@media (max-width: 768px) {

    .site-header,
    header {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .mobile-menu {
        position: relative !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin-left: auto !important;
        flex-shrink: 0;
        z-index: 10001;
    }

    /* Mobile navigation */
    .nav-menu,
    .mobile-nav,
    .nav-links {
        z-index: 10000;
    }
}

/* =========================================
   FINAL MOBILE MENU FIX
========================================= */

@media (max-width: 768px) {

    .navbar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
    }

    .desktop-nav {
        display: none !important;
    }

    .desktop-nav.mobile-open {
        display: flex !important;

        position: fixed !important;

        top: 68px !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;

        flex-direction: column !important;
        align-items: stretch !important;

        padding: 8px 18px 18px !important;
        gap: 0 !important;

        box-sizing: border-box !important;

        background: rgba(7, 7, 7, 0.98) !important;

        border-bottom: 1px solid var(--line);

        z-index: 99998 !important;
    }

    .desktop-nav.mobile-open a {
        display: block !important;
        width: 100% !important;
        padding: 13px 4px !important;

        box-sizing: border-box;

        color: #bdbdbd;

        border-bottom: 1px solid rgba(255,255,255,.05);
    }

    .mobile-menu {
        display: flex !important;
        margin-left: auto !important;
        z-index: 100000 !important;
    }
}