/* ========================================================================== UNICREST CONSULTING — main.css Variables (--uc-*) are emitted inline by the Customizer in . Everything below consumes those tokens with sane fallbacks. ========================================================================== */ :root{ --uc-navy-deep:#050021; --uc-navy:#05082A; --uc-navy-700:#0A0E3A; --uc-card:#0B1130; --uc-card-border:#1B2150; --uc-accent:#23B6DF; --uc-accent-600:#18A6D0; --uc-light:#F7F7F7; --uc-ink:#0B1130; --uc-muted:#6B7280; --uc-muted-d:#9AA3C4; --uc-white:#ffffff; --uc-font-display:'Poppins',system-ui,sans-serif; --uc-font-body:'Inter',system-ui,sans-serif; --uc-maxw:1200px; --uc-radius:16px; --uc-radius-sm:10px; --uc-shadow:0 30px 60px -20px rgba(0,0,0,.45); --uc-ease:cubic-bezier(.22,1,.36,1); } *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{ margin:0; font-family:var(--uc-font-body); color:var(--uc-white); background:var(--uc-navy-deep); line-height:1.6; font-size:16px; overflow-x:hidden; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none;transition:color .25s var(--uc-ease)} h1,h2,h3,h4,h5{font-family:var(--uc-font-display);font-weight:700;line-height:1.15;margin:0 0 .5em} p{margin:0 0 1rem} ul{margin:0;padding:0;list-style:none} button{font-family:inherit;cursor:pointer} /* ---------- layout helpers ---------- */ .uc-container{width:100%;max-width:var(--uc-maxw);margin-inline:auto;padding-inline:24px} .uc-section{padding-block:96px;position:relative} .uc-section--tight{padding-block:64px} .uc-light-bg{background:var(--uc-light);color:var(--uc-ink)} .uc-deep-bg{background:var(--uc-navy-deep)} .uc-navy-bg{background:var(--uc-navy)} .uc-center{text-align:center} .uc-eyebrow{ font-family:var(--uc-font-display); color:var(--uc-accent); font-weight:600; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; margin-bottom:14px; display:block; } .uc-grid{display:grid;gap:28px} .uc-lead{font-size:1.02rem;color:var(--uc-muted-d)} .uc-light-bg .uc-lead{color:var(--uc-muted)} /* ---------- buttons ---------- */ .uc-btn{ display:inline-flex;align-items:center;gap:.5rem; font-family:var(--uc-font-display);font-weight:600;font-size:.92rem; padding:14px 26px;border-radius:10px;border:1.5px solid transparent; position:relative;overflow:hidden;transition:transform .3s var(--uc-ease),box-shadow .3s var(--uc-ease),background .3s,color .3s; will-change:transform; } .uc-btn--primary{background:var(--uc-accent);color:#04263a} .uc-btn--primary:hover{transform:translateY(-3px);box-shadow:0 16px 30px -10px color-mix(in srgb,var(--uc-accent) 65%,transparent)} .uc-btn--ghost{background:transparent;color:var(--uc-white);border-color:rgba(255,255,255,.35)} .uc-btn--ghost:hover{border-color:var(--uc-accent);color:var(--uc-accent);transform:translateY(-3px)} .uc-btn--ghost-dark{background:transparent;color:var(--uc-ink);border-color:rgba(11,17,48,.3)} .uc-btn--ghost-dark:hover{border-color:var(--uc-accent);color:var(--uc-accent);transform:translateY(-3px)} .uc-btn--lg{padding:16px 34px;font-size:1rem} .uc-btn span.uc-btn__shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);pointer-events:none} .uc-btn:hover span.uc-btn__shine{transform:translateX(120%);transition:transform .7s var(--uc-ease)} /* ========================================================================== HEADER / NAV — floating rounded white pill bar ========================================================================== */ .uc-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;transition:padding .35s var(--uc-ease)} .uc-header.is-scrolled{padding:10px 0} .uc-navbar{ position:relative; background:var(--uc-white);border-radius:18px; display:flex;align-items:center;justify-content:space-between;gap:24px; padding:12px 16px 12px 22px;box-shadow:0 12px 34px -16px rgba(0,0,0,.5); transition:box-shadow .35s var(--uc-ease); } .uc-header.is-scrolled .uc-navbar{box-shadow:0 18px 40px -14px rgba(0,0,0,.6)} .uc-brand{display:flex;align-items:center;gap:12px;flex-shrink:0} .uc-brand img{max-height:44px;width:auto} .uc-brand__mark{ width:42px;height:42px;border-radius:10px;background:var(--uc-navy-deep); display:grid;place-items:center;color:var(--uc-accent);font-family:var(--uc-font-display);font-weight:700;font-size:1.1rem } .uc-brand__text{font-family:var(--uc-font-display);line-height:1;color:var(--uc-navy-deep)} .uc-brand__text b{display:block;font-size:1.18rem;letter-spacing:.02em;color:var(--uc-accent)} .uc-brand__text small{font-size:.56rem;letter-spacing:.28em;color:#9aa1b8;font-weight:600} .uc-nav{display:flex;align-items:center;gap:30px} .uc-nav a{color:var(--uc-ink);font-family:var(--uc-font-display);font-weight:500;font-size:.92rem;position:relative} .uc-nav a::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--uc-accent);transition:width .3s var(--uc-ease)} .uc-nav a:hover,.uc-nav .current-menu-item>a{color:var(--uc-accent)} .uc-nav a:hover::after,.uc-nav .current-menu-item>a::after{width:100%} .uc-header__cta{display:flex;align-items:center;gap:12px;flex-shrink:0} .uc-header__cta .uc-btn{padding:11px 20px;font-size:.85rem} .uc-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:8px} .uc-burger span{width:24px;height:2px;background:var(--uc-ink);transition:.3s var(--uc-ease)} .uc-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)} .uc-burger.is-open span:nth-child(2){opacity:0} .uc-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} /* ========================================================================== HERO ========================================================================== */ .uc-hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:var(--uc-navy)} .uc-hero__media{position:absolute;inset:0;z-index:0} .uc-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center} .uc-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--uc-navy) 8%,rgba(5,8,42,.78) 38%,rgba(5,8,42,.25) 70%,transparent)} .uc-hero__inner{position:relative;z-index:2;padding-top:120px;padding-bottom:80px;max-width:680px} .uc-hero h1{font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:600;letter-spacing:-.01em} .uc-hero h1 b{font-weight:800} .uc-hero p{max-width:520px;color:var(--uc-muted-d);font-size:1rem;margin-top:18px} .uc-hero__cta{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap} /* page (inner) hero — short banner with dashboard image on the right */ .uc-pagehero{position:relative;min-height:300px;display:flex;align-items:center;overflow:hidden;background:var(--uc-navy)} .uc-pagehero__media{position:absolute;inset:0;z-index:0} .uc-pagehero__media img{width:100%;height:100%;object-fit:cover} .uc-pagehero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--uc-navy) 30%,rgba(5,8,42,.55) 60%,rgba(5,8,42,.2))} .uc-pagehero__inner{position:relative;z-index:2;padding-top:150px;padding-bottom:60px} .uc-pagehero h1{font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:600} /* ========================================================================== INTRO SPLIT (light) ========================================================================== */ .uc-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start} .uc-intro h2{font-size:clamp(1.6rem,2.6vw,2rem);color:var(--uc-ink);font-weight:600} .uc-intro p{color:var(--uc-muted);font-size:.96rem} /* ========================================================================== FEATURE SPLIT (image + copy) ========================================================================== */ .uc-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} .uc-split--rev .uc-split__media{order:2} .uc-split__media{border-radius:var(--uc-radius);overflow:hidden;position:relative} .uc-split__media img{width:100%;aspect-ratio:4/3.4;object-fit:cover} .uc-split h2{font-size:clamp(1.7rem,2.8vw,2.15rem);font-weight:600} .uc-split .uc-lead+ .uc-lead{margin-top:0} /* ========================================================================== SERVICE CARD GRID (dark) ========================================================================== */ .uc-svc-head{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;margin-bottom:48px} .uc-svc-head h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600} .uc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .uc-card{ background:var(--uc-card);border:1px solid var(--uc-card-border);border-radius:var(--uc-radius); padding:32px 28px;position:relative;overflow:hidden; transition:transform .4s var(--uc-ease),border-color .4s var(--uc-ease),box-shadow .4s var(--uc-ease); } .uc-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--uc-accent);transition:width .4s var(--uc-ease)} .uc-card:hover{transform:translateY(-8px);border-color:var(--uc-accent);box-shadow:0 30px 50px -28px color-mix(in srgb,var(--uc-accent) 50%,transparent)} .uc-card:hover::before{width:100%} .uc-card.is-active{border-color:var(--uc-accent)} .uc-card__icon{width:46px;height:46px;color:var(--uc-accent);margin-bottom:auto} .uc-card__icon svg{width:42px;height:42px} /* Custom uploaded SVG icons: inherit currentColor and fill the icon box. */ .uc-iconwrap{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit} .uc-iconwrap svg,.uc-custom-svg{width:100%;height:100%;max-width:100%;max-height:100%;fill:currentColor} .uc-card__icon .uc-iconwrap{width:42px;height:42px} .uc-contact__ico .uc-iconwrap{width:22px;height:22px} .uc-card h3{font-size:1.12rem;font-weight:600;margin-top:54px;margin-bottom:10px} .uc-card p{color:var(--uc-muted-d);font-size:.9rem;margin:0} /* ========================================================================== CAPABILITY PILLS (light) ========================================================================== */ .uc-pills{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:920px;margin-inline:auto} .uc-pill{ background:var(--uc-white);border-radius:12px;box-shadow:0 10px 24px -16px rgba(8,15,52,.3); display:flex;align-items:center;gap:12px;padding:18px 22px;min-width:200px; transition:transform .35s var(--uc-ease),box-shadow .35s var(--uc-ease); } .uc-pill:hover{transform:translateY(-5px);box-shadow:0 18px 34px -18px rgba(8,15,52,.4)} .uc-pill svg{width:22px;height:22px;color:var(--uc-accent);flex-shrink:0} .uc-pill span{font-family:var(--uc-font-display);font-weight:500;font-size:.92rem;color:var(--uc-ink);line-height:1.25} /* ========================================================================== INDUSTRY PANEL (light card with image) ========================================================================== */ .uc-indpanel{background:var(--uc-white);border-radius:24px;box-shadow:0 40px 80px -50px rgba(8,15,52,.5);padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center} .uc-indpanel h2{color:var(--uc-ink);font-size:clamp(1.6rem,2.6vw,2.05rem);font-weight:600} .uc-checklist li{display:flex;gap:12px;align-items:flex-start;padding:7px 0;color:var(--uc-muted);font-size:.95rem} .uc-checklist svg{width:20px;height:20px;color:var(--uc-accent);flex-shrink:0;margin-top:2px} .uc-indpanel__img{border-radius:16px;overflow:hidden} .uc-indpanel__img img{width:100%;aspect-ratio:4/3.4;object-fit:cover} /* dark checklist variant */ .uc-checklist--dark li{color:var(--uc-muted-d)} /* ========================================================================== SERVICE DETAIL CARDS (services page) — 2-col, with checklist ========================================================================== */ .uc-detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px} .uc-detail{background:var(--uc-card);border:1px solid var(--uc-card-border);border-radius:var(--uc-radius);padding:38px 34px;transition:transform .4s var(--uc-ease),border-color .4s var(--uc-ease)} .uc-detail:hover{transform:translateY(-6px);border-color:var(--uc-accent)} .uc-detail--feature{background:var(--uc-light);color:var(--uc-ink);display:flex;flex-direction:column;justify-content:center;text-align:center} .uc-detail--feature h2{color:var(--uc-ink);font-size:1.6rem} .uc-detail--feature p{color:var(--uc-muted)} .uc-detail h3{font-size:1.5rem;font-weight:600;margin:6px 0 14px} .uc-detail>p{color:var(--uc-muted-d);font-size:.93rem} /* ========================================================================== PROCESS STEPS (numbered) ========================================================================== */ .uc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px} .uc-step{background:var(--uc-white);border-radius:14px;padding:30px 24px;text-align:center;color:var(--uc-ink);transition:transform .4s var(--uc-ease),box-shadow .4s var(--uc-ease)} .uc-step:hover{transform:translateY(-8px);box-shadow:0 26px 44px -26px rgba(8,15,52,.45)} .uc-step__num{display:inline-grid;place-items:center;width:48px;height:48px;border:1.5px solid var(--uc-card-border);border-radius:10px;font-family:var(--uc-font-display);font-weight:700;color:var(--uc-ink);margin-bottom:18px} .uc-step h3{font-size:1.02rem;font-weight:600;margin-bottom:8px} .uc-step p{color:var(--uc-muted);font-size:.86rem;margin:0} /* ========================================================================== INDUSTRY NUMBERED CARDS (capabilities) ========================================================================== */ .uc-numgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px} .uc-numcard{background:var(--uc-card);border:1px solid var(--uc-card-border);border-radius:var(--uc-radius);padding:32px 34px;transition:transform .4s var(--uc-ease),border-color .4s var(--uc-ease)} .uc-numcard:hover{transform:translateY(-6px);border-color:var(--uc-accent)} .uc-numcard__n{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--uc-accent);border-radius:8px;color:var(--uc-accent);font-family:var(--uc-font-display);font-weight:700;font-size:.9rem;margin-bottom:20px} .uc-numcard h3{font-size:1.1rem;font-weight:600;margin-bottom:10px} .uc-numcard p{color:var(--uc-muted-d);font-size:.9rem;margin:0} /* ========================================================================== VALUE / MISSION CARDS ========================================================================== */ .uc-valgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px} .uc-valcard{background:var(--uc-white);border-radius:14px;padding:28px 22px;text-align:center;color:var(--uc-ink);transition:transform .4s var(--uc-ease),box-shadow .4s var(--uc-ease)} .uc-valcard:hover{transform:translateY(-8px);box-shadow:0 26px 44px -26px rgba(8,15,52,.45)} .uc-valcard h3{font-size:1.05rem;font-weight:600;color:var(--uc-ink);margin-bottom:10px} .uc-valcard p{color:var(--uc-muted);font-size:.82rem;margin:0} .uc-mission2{display:grid;grid-template-columns:1fr 1fr;gap:28px} .uc-missioncard{background:var(--uc-card);border:1px solid var(--uc-card-border);border-radius:var(--uc-radius);padding:42px 40px} .uc-missioncard h3{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:600;margin:6px 0 18px} .uc-missioncard p{color:var(--uc-muted-d);font-size:.95rem} /* ========================================================================== ARCHED CTA — light panel bowing up into navy ========================================================================== */ .uc-arch{position:relative;background:var(--uc-navy-deep);padding-top:0} .uc-arch__panel{ background:var(--uc-light);color:var(--uc-ink);text-align:center; border-top-left-radius:50% 120px;border-top-right-radius:50% 120px; padding:110px 24px 96px;position:relative; } .uc-arch__panel h2{font-size:clamp(1.7rem,3vw,2.3rem);color:var(--uc-ink);font-weight:600} .uc-arch__panel h2 .accent{color:var(--uc-accent)} .uc-arch__panel p{color:var(--uc-muted);max-width:540px;margin:0 auto 28px} /* ========================================================================== FOOTER ========================================================================== */ .uc-footer{background:var(--uc-navy-deep);padding:90px 0 0;border-top:1px solid rgba(255,255,255,.05)} .uc-footer__top{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:40px} .uc-footer__lead h2{font-size:clamp(1.6rem,2.8vw,2.1rem);font-weight:700;max-width:320px} .uc-footer__lead .uc-hero__cta{margin-top:26px} .uc-footer h4{color:var(--uc-accent);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-family:var(--uc-font-display)} .uc-footer__col a,.uc-footer__col p{display:block;color:var(--uc-muted-d);font-size:.9rem;margin-bottom:11px} .uc-footer__col a:hover{color:var(--uc-accent)} .uc-footer__col b{color:#cdd3ec} .uc-footer__col a.uc-inline{display:inline;color:var(--uc-accent)} .uc-social{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap} .uc-social a{width:38px;height:38px;border:1px solid var(--uc-card-border);border-radius:9px;display:grid;place-items:center;color:#cdd3ec;transition:.3s var(--uc-ease)} .uc-social a:hover{background:var(--uc-accent);color:#04263a;border-color:var(--uc-accent);transform:translateY(-3px)} .uc-social svg{width:17px;height:17px} .uc-footer__brandblock{margin-top:60px} .uc-footer__brandblock h5{color:var(--uc-accent);font-size:.92rem;letter-spacing:.06em;font-family:var(--uc-font-display);margin-bottom:8px} .uc-footer__brandblock p{color:var(--uc-muted-d);font-size:.86rem;max-width:420px} .uc-footer__logos{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap;align-items:center} .uc-footer__logo{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:10px 16px;background:#fff;border-radius:10px;transition:transform .25s ease,box-shadow .25s ease} a.uc-footer__logo:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)} .uc-footer__logo-img{display:block;max-height:34px;width:auto;max-width:160px;height:auto;object-fit:contain} .uc-footer__bar{margin-top:70px;border-top:1px solid rgba(255,255,255,.06);padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap} .uc-footer__bar p,.uc-footer__bar a{font-size:.82rem;color:var(--uc-muted-d);margin:0} .uc-footer__bar a:hover{color:var(--uc-accent)} /* ========================================================================== CONTACT FORM ========================================================================== */ .uc-contact{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:start} .uc-contact h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1} .uc-contact__info{margin-top:40px;display:grid;gap:22px} .uc-contact__row{display:flex;gap:16px;align-items:flex-start} .uc-contact__ico{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:var(--uc-accent);border:1px solid var(--uc-card-border);flex-shrink:0} .uc-contact__ico svg{width:18px;height:18px} .uc-contact__row small{color:var(--uc-muted-d);font-size:.8rem;display:block} .uc-contact__row b{font-family:var(--uc-font-display);font-size:1rem;font-weight:600} .uc-formwrap{background:rgba(255,255,255,.02);border:1px solid var(--uc-card-border);border-radius:24px;padding:42px} .uc-form{display:grid;grid-template-columns:1fr 1fr;gap:22px} .uc-field{display:flex;flex-direction:column;gap:8px} .uc-field--full{grid-column:1/-1} .uc-field label{font-family:var(--uc-font-display);font-size:.84rem;font-weight:500;color:#cdd3ec} .uc-field label .req{color:var(--uc-accent)} .uc-field input,.uc-field textarea{ background:rgba(255,255,255,.03);border:1px solid var(--uc-card-border);border-radius:10px; padding:13px 15px;color:var(--uc-white);font-family:var(--uc-font-body);font-size:.92rem;transition:border-color .3s,box-shadow .3s; } .uc-field textarea{resize:vertical;min-height:120px} .uc-field input::placeholder,.uc-field textarea::placeholder{color:#5b6486} .uc-field input:focus,.uc-field textarea:focus{outline:none;border-color:var(--uc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--uc-accent) 25%,transparent)} .uc-form__submit{grid-column:1/-1} .uc-form__submit .uc-btn{width:100%;justify-content:center;background:var(--uc-accent);color:#04263a;font-size:1rem;padding:16px} .uc-form__msg{grid-column:1/-1;border-radius:10px;padding:14px 16px;font-size:.9rem;display:none} .uc-form__msg.is-ok{display:block;background:rgba(35,182,223,.12);border:1px solid var(--uc-accent);color:#cfeefb} .uc-form__msg.is-err{display:block;background:rgba(255,80,80,.1);border:1px solid #ff6b6b;color:#ffd2d2} .uc-field.has-error input,.uc-field.has-error textarea{border-color:#ff6b6b} /* ========================================================================== INTERACTIVE CURSOR ========================================================================== */ .uc-cursor,.uc-cursor-dot{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;translate:-50% -50%} .uc-cursor{width:34px;height:34px;border:1.5px solid var(--uc-accent);transition:width .25s var(--uc-ease),height .25s var(--uc-ease),background .25s var(--uc-ease)} .uc-cursor-dot{width:6px;height:6px;background:var(--uc-accent)} .uc-cursor.is-hover{width:54px;height:54px;background:color-mix(in srgb,var(--uc-accent) 18%,transparent)} body.uc-has-cursor,body.uc-has-cursor a,body.uc-has-cursor button{cursor:none} /* ========================================================================== ANIMATION PRIMITIVES (GSAP toggles these; CSS gives graceful fallback) ========================================================================== */ /* Prose (default pages & posts) */ .uc-prose{color:var(--uc-muted-d);font-size:1.02rem;line-height:1.75} .uc-prose h2,.uc-prose h3,.uc-prose h4{font-family:var(--uc-font-display);color:#fff;font-weight:600;margin:1.6em 0 .6em} .uc-prose h2{font-size:1.6rem}.uc-prose h3{font-size:1.3rem} .uc-prose p{margin:0 0 1.1em} .uc-prose a{color:var(--uc-accent)} .uc-prose ul,.uc-prose ol{margin:0 0 1.1em 1.2em} .uc-prose li{margin-bottom:.4em} .uc-prose img{max-width:100%;height:auto;border-radius:var(--uc-radius)} .uc-prose blockquote{border-left:3px solid var(--uc-accent);padding-left:18px;margin:1.2em 0;color:var(--uc-muted)} .uc-reveal{opacity:0;transform:translateY(34px)} .uc-fade{opacity:0} .js-loaded .uc-reveal,.js-loaded .uc-fade{} .no-js .uc-reveal,.no-js .uc-fade{opacity:1;transform:none} /* ========================================================================== RESPONSIVE ========================================================================== */ @media(max-width:1024px){ .uc-cards,.uc-steps{grid-template-columns:repeat(2,1fr)} .uc-valgrid{grid-template-columns:repeat(3,1fr)} .uc-footer__top{grid-template-columns:1fr 1fr} .uc-footer__lead{grid-column:1/-1} } @media(max-width:860px){ .uc-nav,.uc-header__cta .uc-btn{display:none} .uc-burger{display:flex} .uc-nav.is-open{display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0;flex-direction:column;background:#fff;border-radius:16px;padding:24px;gap:18px;box-shadow:var(--uc-shadow)} .uc-nav.is-open a{font-size:1rem} .uc-intro,.uc-split,.uc-split--rev .uc-split__media,.uc-indpanel,.uc-detailgrid,.uc-numgrid,.uc-mission2,.uc-contact,.uc-form{grid-template-columns:1fr} .uc-split--rev .uc-split__media{order:0} .uc-svc-head{grid-template-columns:1fr} .uc-section{padding-block:64px} } @media(max-width:640px){ .uc-cards,.uc-steps,.uc-valgrid{grid-template-columns:1fr} .uc-indpanel,.uc-formwrap{padding:28px} .uc-hero__cta{flex-direction:column;align-items:stretch} .uc-hero__cta .uc-btn{justify-content:center} .uc-footer__top{grid-template-columns:1fr} body.uc-has-cursor,body.uc-has-cursor a,body.uc-has-cursor button{cursor:auto} .uc-cursor,.uc-cursor-dot{display:none} } @media(prefers-reduced-motion:reduce){ *{animation-duration:.001ms!important;transition-duration:.05ms!important;scroll-behavior:auto!important} .uc-reveal,.uc-fade{opacity:1!important;transform:none!important} }