/*
Theme Name: Unique Marketing Concept Child
Theme URI: https://uniquemarketingconcept.com
Description: Responsive marketing agency homepage for GeneratePress.
Author: Unique Marketing Concept
Template: generatepress
Version: 1.0.0
Text Domain: umc-child
*/
:root{--umc-red:#f31525;--umc-black:#08090b;--umc-white:#fff;--umc-muted:#c6c9cf}
body.home{background:#08090b;color:#fff}body.home .site,body.home .site-content{background:#08090b}body.home .site-content{max-width:none}body.home .content-area{width:100%;float:none}body.home .site-main{margin:0}body.home .inside-article{padding:0;background:transparent}body.home .entry-header,body.home .entry-title,body.home .site-footer,body.home .sidebar{display:none}body.home .grid-container{max-width:none}body.home .site-content .content-area{padding:0}body.home .site-header,body.home .main-navigation{display:none}
.umc-wrap{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#08090b;min-height:100vh}.umc-wrap *{box-sizing:border-box}.umc-wrap a{text-decoration:none}.umc-shell{max-width:1480px;margin:auto;padding:0 clamp(18px,4vw,64px)}.umc-header{border-bottom:2px solid #ed1524;background:#060607;position:relative;z-index:5}.umc-nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}.umc-brand{color:#fff;display:flex;flex-direction:column;line-height:.9;font-weight:1000;font-style:italic;letter-spacing:-1.5px;font-size:clamp(23px,2.5vw,38px);white-space:nowrap}.umc-brand strong{color:#fff}.umc-brand small{font-size:.35em;font-style:normal;letter-spacing:1px;margin-top:7px}.umc-brand .slash{color:#f31525}.umc-navlinks{display:flex;align-items:center;gap:clamp(15px,2vw,30px)}.umc-navlinks a{color:#fff;font-size:14px;font-weight:800}.umc-navlinks a:hover,.umc-navlinks a:focus{color:#ff4050}.umc-navlinks .current{color:#ff2534}.umc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;padding:15px 24px;font-weight:900;font-size:14px;color:#fff!important;background:linear-gradient(180deg,#ff2637,#d80013);box-shadow:0 8px 22px #ec132438;transition:transform .2s}.umc-btn:hover{transform:translateY(-2px)}.umc-btn-outline{background:#0b0c0e;border:2px solid #fff;box-shadow:none}.umc-menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #555;border-radius:7px;font-size:25px;padding:7px 13px;cursor:pointer}
.umc-hero{overflow:hidden;background:radial-gradient(ellipse at 75% 32%,#45101a 0%,#151014 31%,#08090b 67%);position:relative}.umc-hero-grid{min-height:550px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center;padding-top:60px;padding-bottom:55px}.umc-eyebrow{font-size:13px;letter-spacing:4px;font-weight:900;color:#fff;margin:0 0 24px}.umc-eyebrow span{color:#ed1828;margin:0 13px}.umc-heading{font-size:clamp(42px,5.2vw,83px);line-height:1.04;letter-spacing:-2px;font-weight:1000;margin:0 0 23px;color:#fff}.umc-heading span{display:block}.umc-heading .red{color:#f21c2c}.umc-intro{font-size:clamp(17px,1.65vw,23px);color:#e3e3e3;line-height:1.5;max-width:660px;margin:0 0 28px}.umc-actions{display:flex;gap:15px;flex-wrap:wrap}.umc-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.umc-dashboard{width:100%;max-width:520px;aspect-ratio:1.16;border-radius:22px;border:1px solid #61333a;background:linear-gradient(145deg,#26252a,#0c0e11 65%);box-shadow:0 24px 80px #000b,0 0 80px #c5112528;transform:perspective(900px) rotateY(-7deg);padding:26px}.umc-dash-top{display:flex;justify-content:space-between;color:#ddd;font-weight:800;font-size:13px}.umc-live{color:#ff3444}.umc-dash-num{font-size:clamp(34px,4vw,56px);font-weight:1000;margin:35px 0 5px}.umc-dash-label{color:#bcbfc7;font-size:13px}.umc-bars{height:175px;display:flex;align-items:end;gap:13px;border-bottom:1px solid #606169;margin-top:20px;padding:0 10px}.umc-bars i{display:block;flex:1;background:linear-gradient(#ff3546,#a80c19);border-radius:5px 5px 0 0;box-shadow:0 0 14px #ec1a2a35}.umc-up{position:absolute;right:0;top:28px;background:#ee1727;color:white;font-size:14px;font-weight:900;padding:13px 19px;border-radius:10px;box-shadow:0 12px 35px #0009}.umc-services{position:relative;margin-top:-5px;padding-bottom:50px}.umc-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.umc-service{border:1px solid #4b4b4f;border-radius:19px;background:linear-gradient(135deg,#18191d,#08090b);padding:23px 18px;min-height:138px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 30px #0006}.umc-service-icon{font-size:36px;color:#fa2030;font-weight:900;line-height:1}.umc-service h2{font-size:17px;font-weight:1000;line-height:1.1;margin:0 0 8px;color:#fff}.umc-service p{font-size:13px;line-height:1.4;color:#c9cbd0;margin:0}.umc-bottom{border-top:1px solid #2c2c31;padding:23px 0 40px;color:#8e9199;font-size:12px;text-align:center}
@media(max-width:980px){.umc-navlinks{gap:12px}.umc-navlinks a{font-size:12px}.umc-nav .umc-btn{padding:12px;font-size:12px}.umc-service-grid{grid-template-columns:repeat(2,1fr)}.umc-hero-grid{min-height:490px}.umc-heading{font-size:clamp(40px,5vw,62px)}}
@media(max-width:740px){.umc-nav{min-height:75px;flex-wrap:wrap}.umc-brand{font-size:27px}.umc-menu-toggle{display:block}.umc-nav>.umc-btn{display:none}.umc-navlinks{display:none;flex-direction:column;align-items:stretch;flex-basis:100%;width:100%;gap:0;padding:10px 0 20px}.umc-navlinks.open{display:flex}.umc-navlinks a{font-size:16px;padding:13px;border-bottom:1px solid #303035}.umc-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:45px;padding-bottom:32px;gap:12px}.umc-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:19px}.umc-eyebrow span{margin:0 6px}.umc-heading{font-size:clamp(39px,9.5vw,66px);letter-spacing:-1.4px}.umc-intro{font-size:17px}.umc-art{min-height:290px}.umc-dashboard{max-width:440px;padding:20px}.umc-bars{height:130px}.umc-up{right:0;top:10px}.umc-service-grid{grid-template-columns:1fr 1fr;gap:10px}.umc-service{min-height:130px;padding:15px;gap:10px}.umc-service h2{font-size:14px}.umc-service p{font-size:12px}.umc-service-icon{font-size:27px}}
@media(max-width:430px){.umc-heading{font-size:clamp(34px,9vw,42px)}.umc-actions{flex-direction:column}.umc-actions .umc-btn{width:100%}.umc-service-grid{grid-template-columns:1fr}.umc-service{min-height:100px}.umc-art{min-height:250px}.umc-dashboard{aspect-ratio:1.2}.umc-bars{height:100px}.umc-dash-num{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.umc-btn{transition:none}}
