*{box-sizing:border-box}
:root{
 --blue:#075fe7;
 --blue2:#0b47b7;
 --navy:#061631;
 --navy2:#0a2045;
 --ink:#101a2b;
 --muted:#667085;
 --line:#e5eaf2;
 --soft:#f5f8fc;
 --white:#fff;
 --radius:20px;
 --shadow:0 18px 50px rgba(6,22,49,.10);
}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(6,22,49,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}
.nav-shell{max-width:1240px;margin:auto;min-height:78px;padding:0 26px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center}
.brand img{width:150px;height:auto;display:block;filter:drop-shadow(0 3px 10px rgba(0,0,0,.15))}
#navigation{display:flex;align-items:center;gap:28px}
#navigation>a{color:#dbe6f8;font-size:14px;font-weight:600;transition:.2s}
#navigation>a:hover{color:#fff}
#navigation .nav-cta{padding:11px 18px;border:1px solid rgba(255,255,255,.55);color:#fff}
.nav-cta span{margin-left:8px}
.menu-button{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);background:transparent;border-radius:10px;padding:10px}
.menu-button span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}

.hero{position:relative;overflow:hidden;min-height:720px;background:linear-gradient(135deg,#061631 0%,#08265a 55%,#063f9d 100%);color:#fff}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 90%);opacity:.8}
.hero-network{position:absolute;inset:-10%;opacity:.35;background-image:radial-gradient(circle at 12% 30%,rgba(64,151,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 75% 22%,rgba(64,151,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 83% 70%,rgba(64,151,255,.7) 0 2px,transparent 3px),linear-gradient(25deg,transparent 49.7%,rgba(71,146,255,.18) 50%,transparent 50.3%),linear-gradient(-25deg,transparent 49.7%,rgba(71,146,255,.15) 50%,transparent 50.3%);background-size:auto,auto,auto,360px 220px,420px 260px}
.hero-shell{position:relative;z-index:2;max-width:1240px;margin:auto;padding:110px 26px 100px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:2.5px;font-weight:800}
.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#bcd4ff}
.eyebrow i{width:8px;height:8px;background:#2f83ff;border-radius:50%;box-shadow:0 0 18px #2f83ff}
.hero h1{font-size:clamp(48px,6vw,78px);line-height:1.03;letter-spacing:-3px;max-width:760px;margin:24px 0}
.hero h1 span{display:block;color:#65a7ff}
.hero-lead{max-width:690px;font-size:18px;line-height:1.75;color:#c9d8ef;margin:0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;align-items:center;gap:18px;justify-content:center;padding:14px 21px;font-weight:750;font-size:14px;border:1px solid transparent;transition:.25s}
.btn span{font-size:19px}
.btn-primary{background:#fff;color:#09285b}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.btn-outline{border-color:rgba(255,255,255,.45);color:#fff}
.btn-outline:hover{background:rgba(255,255,255,.09);border-color:#fff}
.hero-trust{display:flex;gap:24px;margin-top:48px;color:#9fb5d6;font-size:13px}
.hero-trust span{display:flex;gap:8px;align-items:center}
.hero-trust b{color:#fff}
.hero-visual{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center}
.visual-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(49,132,255,.32),transparent 68%);filter:blur(10px)}
.up-mark{width:min(390px,85%);aspect-ratio:1;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.16);border-radius:48px;display:flex;align-items:center;justify-content:center;transform:rotate(-4deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.22);overflow:hidden}
.up-mark img{width:82%;mix-blend-mode:screen;filter:brightness(1.4) contrast(1.05)}
.floating-card{position:absolute;z-index:3;background:rgba(255,255,255,.94);color:var(--ink);padding:15px 17px;display:flex;gap:12px;align-items:center;box-shadow:0 18px 45px rgba(0,0,0,.22);min-width:230px}
.floating-card small{display:block;color:#68758a;font-size:11px;margin-top:2px}
.floating-card strong{font-size:13px}
.mini-icon{width:34px;height:34px;background:#e8f1ff;color:var(--blue);display:grid;place-items:center;font-weight:900}
.card-top{top:44px;right:0}.card-bottom{bottom:42px;left:0}
.hero-orbit{position:absolute;border:1px solid rgba(111,174,255,.18);border-radius:50%}
.orbit-one{width:470px;height:260px;transform:rotate(24deg)}
.orbit-two{width:520px;height:310px;transform:rotate(-26deg)}
.hero-bottom{position:absolute;z-index:3;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.1);background:rgba(2,12,28,.22);display:flex;justify-content:center;gap:22px;padding:17px;color:#9fb5d6;font-size:10px;letter-spacing:2px;font-weight:800}

.section-shell{max-width:1240px;margin:auto;padding-left:26px;padding-right:26px}
.intro-strip{padding:85px 0;background:#fff}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.section-kicker{color:var(--blue);display:inline-block;margin-bottom:14px}
.intro-grid h2,.section-heading h2,.solutions-heading h2,.process-heading h2,.about-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-1.8px;margin:0}
.intro-grid p{color:var(--muted);font-size:17px;line-height:1.8;margin:0 0 22px}
.text-link,.card-link{color:var(--blue);font-weight:800;font-size:14px}
.section{padding:105px 0}
.services-section{background:var(--soft)}
.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:50px}
.section-heading>p{max-width:390px;color:var(--muted);margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{position:relative;background:#fff;border:1px solid var(--line);padding:31px;border-radius:var(--radius);min-height:320px;box-shadow:0 6px 24px rgba(6,22,49,.04);transition:.25s}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#cbdcff}
.service-feature{grid-column:span 2;min-height:360px}
.service-dark{background:var(--navy);color:#fff;border-color:var(--navy)}
.service-dark p{color:#aebdd3}.service-dark .service-number{color:#73a9ff}.service-dark .card-link{color:#70a9ff}
.service-number{position:absolute;top:27px;right:30px;font-size:11px;font-weight:900;color:#9aa8bb}
.service-icon{width:46px;height:46px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-weight:900;margin-bottom:24px}
.service-card h3{font-size:23px;margin:0 0 12px;letter-spacing:-.5px}
.service-card p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 22px}
.service-card ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 22px;padding:0;list-style:none;color:#526075;font-size:13px}
.service-card li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:7px}

.solutions-section{background:#fff}
.solutions-heading{text-align:center;max-width:720px;margin:0 auto 55px}
.solutions-heading h2{margin-bottom:15px}
.solutions-heading p{color:var(--muted);font-size:16px}
.explorer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.explorer-card{position:relative;text-align:left;border:1px solid var(--line);background:#fff;padding:27px;min-height:190px;border-radius:16px;transition:.25s;display:flex;flex-direction:column;align-items:flex-start}
.explorer-card:hover{border-color:#a8c5ff;transform:translateY(-5px);box-shadow:var(--shadow)}
.explorer-icon{font-size:11px;font-weight:900;color:var(--blue);letter-spacing:1px;margin-bottom:35px}
.explorer-card strong{font-size:17px;line-height:1.3;margin-bottom:8px}
.explorer-card small{color:var(--muted);font-size:12px;max-width:260px}
.explorer-arrow{position:absolute;right:23px;top:23px;font-size:19px;color:#9aa8bb}
.service-options{display:none;margin-top:28px;border:1px solid #cbdcff;background:#f7faff;padding:25px;border-radius:18px}
.service-options.active{display:block;animation:slideIn .25s ease}
.options-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}
.options-header h3{margin:0;font-size:25px}
.options-header button{border:0;background:#fff;width:36px;height:36px;border-radius:50%;font-size:25px;color:#667085}
.options-list{display:flex;flex-wrap:wrap;gap:10px}
.service-option{border:1px solid #d9e2ef;background:#fff;color:var(--ink);padding:11px 15px;border-radius:10px;font-size:13px;font-weight:700}
.service-option:hover{border-color:var(--blue);color:var(--blue)}

.process-section{background:var(--navy);color:#fff;padding:105px 0}
.process-heading{text-align:center;max-width:620px;margin:auto}
.process-heading .section-kicker{color:#70a9ff}
.process-heading h2{font-size:clamp(38px,5vw,58px);margin:0 0 14px;letter-spacing:-2px}
.process-heading p{color:#9fb1cb;margin:0}
.process-line{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:70px}
.process-step{padding:0 38px;position:relative}
.process-step:not(:last-child){border-right:1px solid rgba(255,255,255,.13)}
.process-step span{font-size:12px;color:#63a1ff;font-weight:900;letter-spacing:1px}
.process-step h3{font-size:25px;margin:14px 0 8px}
.process-step p{color:#9fb1cb;font-size:14px;line-height:1.7;margin:0}

.work-section{background:#f7f9fc}
.work-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px}
.work-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}
.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.work-large{grid-row:span 2}
.work-art{height:205px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#071a3d,#0c5fe7)}
.work-large .work-art{height:330px}
.work-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px}
.work-art span{position:relative;z-index:2;color:#fff;font-size:20px;letter-spacing:3px;font-weight:900}
.work-art b{position:absolute;right:18px;top:16px;z-index:2;color:rgba(255,255,255,.6);font-size:12px}
.work-app{background:linear-gradient(135deg,#0b2450,#1477ef)}
.work-brand{background:linear-gradient(135deg,#111827,#075fe7)}
.work-print{background:linear-gradient(135deg,#09214b,#143a78)}
.work-body{padding:25px}
.work-body>span{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:900}
.work-body h3{font-size:21px;margin:8px 0}
.work-body p{font-size:13px;color:var(--muted);line-height:1.65;margin:0 0 18px}
.work-body a{font-size:13px;font-weight:800;color:var(--blue)}
.work-cta{margin-top:35px;padding:30px 34px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.work-cta h3{font-size:28px;margin:0}

.about-section{background:#fff}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.about-visual{height:460px;background:linear-gradient(145deg,#071a3d,#0a54c8);position:relative;overflow:hidden;display:grid;place-items:center;border-radius:28px}
.about-visual:before,.about-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}
.about-visual:before{width:480px;height:480px}.about-visual:after{width:310px;height:310px}
.about-logo{width:200px;height:200px;background:#fff;display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 25px 70px rgba(0,0,0,.22)}
.about-logo span{font-size:82px;font-weight:950;letter-spacing:-10px;color:#075fe7}
.about-badge{position:absolute;z-index:3;right:24px;bottom:24px;background:#fff;padding:15px 18px;display:flex;flex-direction:column}
.about-badge b{font-size:13px}.about-badge small{color:#69768a;font-size:9px;letter-spacing:1.5px}
.about-copy h2{margin-bottom:22px}.about-copy>p{color:var(--muted);font-size:16px;line-height:1.8}
.about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;font-size:13px;font-weight:750;color:#334155}

.booking-section{background:linear-gradient(135deg,#061631,#0a3473);color:#fff;padding:110px 0}
.booking-shell{max-width:1240px;padding:0 26px;margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.booking-intro{padding-top:25px}
.booking-intro .section-kicker{color:#70a9ff}
.booking-intro h2{font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-2.5px;margin:0 0 22px}
.booking-intro h2 span{color:#66a6ff}
.booking-intro p{color:#b4c6df;line-height:1.8;max-width:420px}
.direct-contact{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;font-weight:800;font-size:14px}
.direct-contact a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px}
.booking-form-wrap{background:#fff;color:var(--ink);padding:34px;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.form-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.form-top span{font-size:11px;letter-spacing:2px;font-weight:900;color:var(--blue)}
.form-top small{color:#8994a6;font-size:11px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-row.three{grid-template-columns:1fr 1fr 1fr}
.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#253248}.form-group label span{font-weight:500;color:#8b96a6}
.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #dce3ed;background:#fbfcfe;color:#172033;padding:12px 13px;outline:0;border-radius:9px;transition:.2s}
.form-group textarea{resize:vertical;min-height:125px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#75a8ff;box-shadow:0 0 0 4px rgba(7,95,231,.1);background:#fff}
.booking-submit{width:100%;border:0;background:var(--blue);color:#fff;padding:15px 18px;font-weight:850;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:18px;transition:.2s}
.booking-submit:hover{background:var(--blue2);transform:translateY(-1px)}
.booking-result{margin-top:18px}.booking-success{background:#f0f7ff;border:1px solid #c9ddff;padding:20px;border-radius:12px}.booking-success h3{margin:0 0 8px}.booking-success p{font-size:13px;color:#607086}
.booking-whatsapp,.booking-email{display:inline-block;margin:5px 7px 0 0;padding:10px 13px;border-radius:8px;font-size:12px;font-weight:800}.booking-whatsapp{background:#0b9f56;color:#fff}.booking-email{background:#e8f1ff;color:var(--blue)}

.contact-section{padding:85px 0;background:#fff;border-bottom:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.contact-grid h2{font-size:48px;letter-spacing:-1.8px;margin:0 0 15px}.contact-grid p{color:var(--muted);max-width:430px}
.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:0}
.contact-links a{padding:18px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.contact-links a span{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:900}.contact-links a b{font-size:14px;overflow-wrap:anywhere}

footer{background:#050f21;color:#fff;padding:55px 0 25px}
.footer-shell{max-width:1240px;padding:0 26px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:40px}
.footer-brand img{width:145px;background:#fff;padding:5px}.footer-shell p{color:#8fa2bf;max-width:360px;font-size:13px}
.footer-nav{display:flex;gap:22px;align-items:start;flex-wrap:wrap}.footer-nav a{color:#c8d4e6;font-size:12px}.footer-nav a:hover{color:#fff}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;color:#71839d;font-size:11px}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes slideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:900px){
 .nav-shell{min-height:70px}
 #navigation{gap:16px}
 #navigation>a{font-size:12px}
 .hero-shell{grid-template-columns:1fr;gap:20px;padding-top:85px}.hero-visual{min-height:330px}.hero-copy{max-width:760px}
 .intro-grid,.about-grid,.booking-shell{grid-template-columns:1fr;gap:45px}
 .service-grid{grid-template-columns:1fr 1fr}.service-feature{grid-column:span 2}
 .explorer-grid{grid-template-columns:1fr 1fr}
 .work-grid{grid-template-columns:1fr 1fr}.work-large{grid-row:auto;grid-column:span 2}.work-large .work-art{height:260px}
 .booking-shell{gap:35px}
}
@media(max-width:700px){
 html{scroll-padding-top:70px}
 .nav-shell{padding:0 18px}.brand img{width:125px}
 .menu-button{display:block}
 #navigation{display:none;position:absolute;top:70px;left:0;right:0;background:#061631;padding:10px 18px 18px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid rgba(255,255,255,.1)}
 #navigation.active{display:flex}#navigation>a{padding:13px 5px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
 #navigation .nav-cta{margin-top:10px;text-align:center;border:1px solid rgba(255,255,255,.45)}
 .hero{min-height:760px}.hero-shell{padding:70px 20px 100px}.hero h1{font-size:47px;letter-spacing:-2px}.hero-lead{font-size:16px}
 .hero-actions{flex-direction:column}.btn{width:100%}.hero-visual{min-height:260px}.up-mark{width:240px;border-radius:28px}.floating-card{min-width:185px;padding:11px}.floating-card strong{font-size:11px}.floating-card small{font-size:9px}.card-top{top:12px;right:-5px}.card-bottom{bottom:8px;left:-5px}.hero-bottom{gap:9px;overflow:hidden;white-space:nowrap;font-size:8px}
 .section,.process-section,.booking-section{padding:75px 0}.section-shell{padding:0 20px}.intro-strip{padding:70px 0}
 .intro-grid h2,.section-heading h2,.solutions-heading h2,.about-copy h2{font-size:35px}
 .section-heading{display:block}.section-heading>p{margin-top:18px}.service-grid,.explorer-grid,.work-grid{grid-template-columns:1fr}.service-feature,.work-large{grid-column:auto}.service-card{min-height:auto}.service-feature{min-height:auto}.service-card ul{grid-template-columns:1fr}
 .process-line{grid-template-columns:1fr;gap:0;margin-top:45px}.process-step{padding:25px 0;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.13)}.process-step:last-child{border-bottom:0}
 .work-large .work-art{height:230px}.work-cta{display:block}.work-cta .btn{margin-top:20px}
 .about-visual{height:350px}.about-logo{width:150px;height:150px}.about-logo span{font-size:62px}.about-points{grid-template-columns:1fr}
 .booking-shell{padding:0 20px}.booking-form-wrap{padding:22px 18px}.form-row,.form-row.three{grid-template-columns:1fr;gap:0}
 .contact-grid{grid-template-columns:1fr;gap:35px}.contact-grid h2{font-size:40px}.contact-links{grid-template-columns:1fr}
 .footer-shell{grid-template-columns:1fr;padding:0 20px}.footer-nav{gap:15px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}
}



/* =========================================================
   UNIPRO — TIChedze-inspired visual system
   Original UniPro content and interactions are preserved.
   Brand palette: midnight navy, royal blue, ice blue, white.
========================================================= */
:root{
 --blue:#249dff;--blue2:#075fe7;--navy:#071a43;--navy2:#0d2450;
 --ink:#f7f8ff;--muted:#b0bdd8;--line:rgba(255,255,255,.12);
 --soft:#091d49;--white:#fff;--radius:17px;
 --shadow:0 24px 80px rgba(0,0,0,.25);
}
html{scroll-padding-top:100px}
body{background:#071a43;color:#f7f8ff;font-family:'DM Sans',Arial,sans-serif;line-height:1.6}
.site-header{background:rgba(5,16,43,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.nav-shell{max-width:1180px;min-height:82px;padding:0 24px}
.brand img{width:160px;max-height:58px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.18))}
#navigation{gap:27px}
#navigation>a{color:#d0d9ef;font-size:13px;font-weight:600}
#navigation>a:hover{color:#8ed2ff}
#navigation .nav-cta{padding:11px 16px;border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff!important}
#navigation .nav-cta span{color:#8ed2ff}
.menu-button{border-radius:10px}
.hero{min-height:0;background:#071a43;color:#f7f8ff;isolation:isolate}
.hero:before{content:"";position:absolute;left:-180px;top:40px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(36,157,255,.15),transparent 68%);pointer-events:none}
.hero-grid{opacity:.45;background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.hero-network{opacity:.2}
.hero-shell{max-width:1180px;padding:90px 24px 90px;grid-template-columns:1.03fr .97fr;gap:44px;min-height:560px}
.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.2px;font-weight:800}
.eyebrow{color:#8ecbff}
.eyebrow i{background:#249dff;box-shadow:0 0 18px #249dff}
.hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5.2vw,65px);line-height:1.12;letter-spacing:-.055em;font-weight:800;margin:22px 0 20px}
.hero h1 span{background:linear-gradient(100deg,#65caff 0%,#249dff 55%,#9bd7ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:540px;font-size:15px;line-height:1.85;color:#b8c6e1}
.hero-actions{gap:12px;margin-top:28px}
.btn{border-radius:10px;padding:13px 18px;font-size:12px;gap:15px}
.btn-primary{background:linear-gradient(110deg,#075fe7,#249dff 65%,#63c5ff);color:#fff;box-shadow:0 12px 30px rgba(15,117,238,.22)}
.btn-primary:hover{box-shadow:0 14px 35px rgba(36,157,255,.28)}
.btn-outline{border:1px solid rgba(255,255,255,.2);color:#e3e9fa}
.hero-trust{gap:20px;margin-top:35px;color:#9fafd0;font-size:11px}
.hero-trust b{color:#8ecbff}
.hero-visual{height:420px;min-height:420px;isolation:isolate}
.visual-glow{width:200px;height:200px;background:rgba(24,130,255,.3);filter:blur(55px)}
.up-mark{position:relative;width:290px;height:330px;aspect-ratio:auto;border:1px solid rgba(255,255,255,.22);border-radius:25px;padding:24px;background:linear-gradient(140deg,rgba(25,52,105,.88),rgba(9,20,53,.84));box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(20px);transform:rotate(-5deg)}
.up-mark:before{content:"UNIPRO DIGITAL";position:absolute;top:22px;left:24px;color:#a9cfff;font-size:8px;font-weight:800;letter-spacing:2px}
.up-mark img{width:82%;max-height:185px;object-fit:contain;mix-blend-mode:normal;filter:none;margin-top:32px}
.floating-card{padding:12px 15px;border-radius:13px;background:rgba(14,33,76,.94);color:#f7f8ff;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);backdrop-filter:blur(16px);min-width:220px}
.floating-card small{color:#a9b8d6;font-size:9px}
.floating-card strong{font-size:11px}
.mini-icon{width:30px;height:30px;border-radius:9px;background:rgba(36,157,255,.16);color:#8ed2ff}
.card-top{top:48px;right:-2px}.card-bottom{bottom:44px;left:-5px}
.hero-orbit{border-color:rgba(100,175,255,.18)}
.orbit-one{width:420px;height:300px}.orbit-two{width:360px;height:440px}
.hero-bottom{border-top:1px solid var(--line);background:rgba(4,14,36,.5);color:#9fafd0;font-size:9px;letter-spacing:2px;padding:15px}
.section-shell{max-width:1180px;padding-left:24px;padding-right:24px}
.intro-strip{padding:76px 0;background:#091d49;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.intro-grid{gap:65px}
.section-kicker{color:#8ecbff;margin-bottom:12px}
.intro-grid h2,.section-heading h2,.solutions-heading h2,.process-heading h2,.about-copy h2{font-family:Manrope,sans-serif;color:#f7f8ff;font-weight:800;letter-spacing:-.05em}
.intro-grid h2{font-size:clamp(30px,3.7vw,42px)}
.intro-grid p{color:#aebdd9;font-size:14px;line-height:1.85}
.text-link,.card-link{color:#8ecbff;font-size:12px}
.section{padding:85px 0}
.services-section{background:#071a43}
.section-heading{margin-bottom:34px;gap:35px}
.section-heading>p{max-width:360px;color:#aebdd9;font-size:13px;line-height:1.8}
.section-heading h2,.solutions-heading h2{font-size:clamp(30px,4vw,43px);line-height:1.2}
.service-grid{gap:16px}
.service-card{background:linear-gradient(145deg,rgba(18,43,89,.78),rgba(9,26,62,.82));border:1px solid rgba(255,255,255,.11);border-radius:17px;padding:25px;min-height:265px;box-shadow:none;transition:transform .22s,border-color .22s,background .22s}
.service-card:hover{transform:translateY(-4px);border-color:rgba(90,170,255,.5);box-shadow:var(--shadow)}
.service-feature{min-height:320px}
.service-dark{background:linear-gradient(145deg,rgba(16,75,150,.42),rgba(9,26,62,.9));border-color:rgba(36,157,255,.35)}
.service-number{top:23px;right:25px;color:#829bc5}
.service-icon{width:43px;height:43px;border-radius:13px;background:rgba(36,157,255,.14);color:#8ed2ff;margin-bottom:20px}
.service-card h3{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.035em;color:#f7f8ff}
.service-card p{color:#aab9d6;font-size:12px;line-height:1.8}
.service-card ul{color:#b9c7e1;font-size:11px;gap:7px}
.service-card li:before{color:#55b7ff}
.service-dark p{color:#aab9d6}.service-dark .service-number{color:#8ecbff}.service-dark .card-link{color:#8ecbff}
.solutions-section{background:#091d49;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.solutions-heading{max-width:660px;margin-bottom:40px}
.solutions-heading p{color:#aebdd9;font-size:13px;line-height:1.85}
.explorer-grid{gap:13px}
.explorer-card{background:linear-gradient(145deg,rgba(18,43,89,.72),rgba(9,26,62,.78));border:1px solid rgba(255,255,255,.11);border-radius:15px;padding:23px;min-height:170px;color:#f7f8ff}
.explorer-card:hover{border-color:rgba(90,170,255,.5);transform:translateY(-4px);box-shadow:var(--shadow)}
.explorer-icon{color:#8ecbff;font-size:9px;letter-spacing:2px;margin-bottom:27px}
.explorer-card strong{font-family:Manrope,sans-serif;font-size:15px;color:#f7f8ff}
.explorer-card small{color:#a9b8d6;font-size:11px}
.explorer-arrow{color:#8ecbff}
.service-options{background:rgba(10,32,75,.92);border:1px solid rgba(36,157,255,.3);border-radius:16px;color:#f7f8ff}
.options-header h3{font-family:Manrope,sans-serif;color:#fff}
.options-header button{background:#17366e;color:#d9eaff}
.service-option{background:#102a58;color:#dceaff;border:1px solid rgba(255,255,255,.13);border-radius:9px}
.service-option:hover{border-color:#249dff;color:#8ed2ff}
.process-section{background:#040d24;color:#f7f8ff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-heading .section-kicker{color:#8ecbff}
.process-heading h2{font-family:Manrope,sans-serif;color:#f7f8ff}
.process-heading p,.process-step p{color:#a9b8d6}
.process-step{padding:0 30px}
.process-step:not(:last-child){border-color:rgba(255,255,255,.13)}
.process-step span{color:#65bdff}
.process-step h3{font-family:Manrope,sans-serif;color:#fff}
.work-section{background:#071a43}
.work-card{background:linear-gradient(145deg,rgba(18,43,89,.78),rgba(9,26,62,.82));border:1px solid rgba(255,255,255,.11);border-radius:16px;overflow:hidden}
.work-card:hover{box-shadow:var(--shadow);border-color:rgba(90,170,255,.45)}
.work-art{background:linear-gradient(135deg,#071a43,#075fe7)}
.work-art:after{background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)}
.work-app{background:linear-gradient(135deg,#0b2450,#1477ef)}.work-brand{background:linear-gradient(135deg,#071a43,#075fe7)}.work-print{background:linear-gradient(135deg,#09214b,#143a78)}
.work-body{padding:22px}.work-body>span{color:#8ecbff;font-size:9px}.work-body h3{font-family:Manrope,sans-serif;color:#f7f8ff;font-size:17px}.work-body p{color:#aab9d6;font-size:11px;line-height:1.75}.work-body a{color:#8ecbff;font-size:11px}
.work-cta{margin-top:25px;padding:25px 28px;background:linear-gradient(130deg,rgba(15,48,103,.9),rgba(10,30,72,.95));border:1px solid rgba(255,255,255,.12);border-radius:15px}
.work-cta h3{font-family:Manrope,sans-serif;color:#fff;font-size:23px}
.about-section{background:#091d49;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-grid{gap:65px}
.about-visual{height:420px;background:linear-gradient(145deg,#071a43,#0a54c8);border:1px solid rgba(255,255,255,.14);border-radius:22px}
.about-visual:before,.about-visual:after{border-color:rgba(255,255,255,.16)}
.about-logo span{color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.3)}
.about-badge{background:rgba(8,25,62,.86);border:1px solid rgba(255,255,255,.15);color:#fff}
.about-badge small{color:#8ecbff}
.about-copy h2{font-size:clamp(30px,3.7vw,43px);line-height:1.18}
.about-copy p{color:#aebdd9;font-size:13px;line-height:1.9}
.about-points{color:#c7d6ee;font-size:12px;gap:12px 20px}
.booking-section{background:#040d24;color:#f7f8ff;border-top:1px solid var(--line)}
.booking-intro .section-kicker{color:#8ecbff}
.booking-intro h2{font-family:Manrope,sans-serif;color:#fff}
.booking-intro h2 span{background:linear-gradient(100deg,#65caff,#249dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.booking-intro p{color:#aebdd9;font-size:13px;line-height:1.85}
.direct-contact a{color:#dceaff;border-color:rgba(255,255,255,.25)}
.booking-form-wrap{background:linear-gradient(145deg,rgba(18,43,89,.95),rgba(9,26,62,.98));color:#f7f8ff;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.form-top{border-color:rgba(255,255,255,.12)}
.form-top span{color:#8ecbff}.form-top small{color:#9eafd0}
.form-group label{color:#dce7fa}.form-group label span{color:#91a5ca}
.form-group input,.form-group select,.form-group textarea{background:rgba(3,12,33,.45);border:1px solid rgba(255,255,255,.16);color:#f7f8ff;border-radius:9px}
.form-group input::placeholder,.form-group textarea::placeholder{color:#8297bd}
.form-group select option{background:#0d2450;color:#fff}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#249dff;box-shadow:0 0 0 4px rgba(36,157,255,.12);background:rgba(3,12,33,.65)}
.booking-submit{background:linear-gradient(110deg,#075fe7,#249dff);border-radius:9px;color:#fff}
.booking-success{background:rgba(3,12,33,.45);border:1px solid rgba(36,157,255,.25);color:#eaf4ff;border-radius:12px}
.booking-success p{color:#b0bdd8}.booking-whatsapp{background:#0b9f56;color:#fff}.booking-email{background:#d8eaff;color:#06306c}
.contact-section{background:#071a43;border-bottom:1px solid var(--line)}
.contact-grid h2{font-family:Manrope,sans-serif;color:#fff;font-size:clamp(32px,4vw,44px)}
.contact-grid p{color:#aebdd9;font-size:13px}
.contact-links{gap:12px}
.contact-links a{background:linear-gradient(145deg,rgba(18,43,89,.78),rgba(9,26,62,.82));border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#f7f8ff;padding:17px 19px}
.contact-links a:hover{border-color:rgba(90,170,255,.5);transform:translateY(-2px)}
.contact-links a span{color:#8ecbff}.contact-links a b{color:#eaf2ff}
footer{background:#040d24;color:#f7f8ff;border-top:1px solid rgba(255,255,255,.1)}
.footer-shell{max-width:1180px}
.footer-brand img{width:150px;background:#fff;padding:5px;border-radius:6px}
.footer-shell p{color:#9eafd0;font-size:12px}
.footer-nav a{color:#c4d2e9;font-size:12px}.footer-nav a:hover{color:#8ecbff}
.footer-bottom{border-color:rgba(255,255,255,.1);color:#8297bd;font-size:10px}
.reveal{transform:translateY(16px)}
/* keep the dark glass aesthetic consistent on small screens */
@media(max-width:900px){
 .hero-shell{padding-top:72px;gap:20px}.hero-visual{min-height:350px;height:350px}
 .up-mark{width:255px;height:290px}.up-mark img{max-height:155px}
 .intro-grid,.about-grid{gap:35px}
 .service-grid{grid-template-columns:repeat(2,1fr)}
 .service-feature{grid-column:span 2}
 .booking-shell{gap:35px}
}
@media(max-width:700px){
 .nav-shell{min-height:70px;padding:0 18px}.brand img{width:135px;max-height:50px}
 #navigation{position:absolute;top:70px;left:0;right:0;background:rgba(5,16,43,.98);border-bottom:1px solid rgba(255,255,255,.12);padding:15px 20px 22px;display:none;flex-direction:column;align-items:stretch;gap:0}
 #navigation.active{display:flex}
 #navigation>a{padding:13px 5px;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px}
 #navigation .nav-cta{margin-top:12px;text-align:center;border:1px solid rgba(255,255,255,.2)}
 .menu-button{display:block}
 .hero-shell{grid-template-columns:1fr;padding:65px 20px 55px;gap:10px}
 .hero h1{font-size:clamp(39px,11vw,55px);letter-spacing:-2px}
 .hero-lead{font-size:14px}.hero-visual{min-height:320px;height:320px;margin-top:5px}
 .up-mark{width:230px;height:270px}.up-mark img{width:82%;max-height:145px}
 .floating-card{min-width:0;padding:10px 11px}.floating-card strong{font-size:10px}.floating-card small{font-size:8px}
 .card-top{right:-2px;top:30px}.card-bottom{left:-2px;bottom:25px}
 .hero-bottom{gap:9px;flex-wrap:wrap;font-size:8px;letter-spacing:1px;padding:13px 8px}
 .intro-strip{padding:58px 0}.intro-grid{grid-template-columns:1fr;gap:18px}
 .section{padding:65px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:15px}
 .service-grid,.explorer-grid{grid-template-columns:1fr}.service-feature{grid-column:auto;min-height:0}
 .service-card{min-height:0;padding:23px}.explorer-card{min-height:150px}
 .process-section{padding:70px 0}.process-line{grid-template-columns:1fr;gap:28px;margin-top:42px}
 .process-step{padding:0 0 0 20px;border-left:1px solid rgba(255,255,255,.14)}.process-step:not(:last-child){border-right:0}
 .work-grid{grid-template-columns:1fr}.work-large{grid-row:auto}.work-large .work-art{height:220px}
 .work-cta{align-items:flex-start;flex-direction:column;padding:23px}
 .about-grid{grid-template-columns:1fr}.about-visual{height:300px}
 .booking-section{padding:70px 0}.booking-shell{grid-template-columns:1fr;gap:28px}
 .booking-form-wrap{padding:22px 17px}.form-row,.form-row.three{grid-template-columns:1fr;gap:0}
 .contact-grid{grid-template-columns:1fr;gap:25px}.contact-grid h2{font-size:36px}
 .footer-shell{grid-template-columns:1fr;gap:24px}.footer-nav{flex-wrap:wrap;gap:15px}
 .footer-bottom{flex-direction:column;gap:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;transform:none}}

/* =========================================================
   UNIPRO WHITE EDITION — Tichedze Legal layout direction
   White-first layout, UniPro royal blue + navy identity.
   Keep original HTML structure and JavaScript interactions.
========================================================= */
:root{
 --blue:#075fe7;--blue2:#0648b5;--navy:#09265c;--navy2:#123b80;
 --ink:#17243a;--muted:#64748b;--line:#e5ebf4;--soft:#f5f8fd;
 --white:#fff;--shadow:0 16px 45px rgba(8,38,92,.08);
}
body{background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e9eef6;box-shadow:0 5px 24px rgba(9,38,92,.045)}
.nav-shell{max-width:1180px;min-height:78px}
.brand img{filter:none;max-height:55px;object-fit:contain}
#navigation>a{color:#334155;font-size:13px}
#navigation>a:hover{color:var(--blue)}
#navigation .nav-cta{background:#075fe7;color:#fff!important;border:1px solid #075fe7;border-radius:7px;padding:11px 18px;box-shadow:0 7px 18px rgba(7,95,231,.16)}
#navigation .nav-cta:hover{background:#0648b5}
#navigation .nav-cta span{color:#fff}
.menu-button{border-color:#dce5f1;background:#fff}
.menu-button span{background:#17345f}
.hero{min-height:0;background:linear-gradient(112deg,#073b99 0%,#075fe7 55%,#2189ef 100%);color:#fff;border-radius:0 0 48% 3% / 0 0 8% 3%;overflow:hidden}
.hero-grid{opacity:.16;background-size:66px 66px}
.hero-network{opacity:.12}
.hero-shell{max-width:1000px;display:block;text-align:center;padding:76px 24px 86px;min-height:0}
.hero-copy{max-width:790px;margin:0 auto}
.eyebrow{justify-content:center;color:#dceaff}
.eyebrow i{background:#fff;box-shadow:0 0 16px rgba(255,255,255,.8)}
.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(39px,5.3vw,62px);line-height:1.12;letter-spacing:-.05em;margin:20px auto 16px;max-width:800px}
.hero h1 span{display:inline;background:none;color:#dceaff}
.hero-lead{max-width:700px;margin:0 auto;color:#e6efff;font-size:15px;line-height:1.85}
.hero-actions{justify-content:center;margin-top:27px}
.btn{border-radius:7px;padding:13px 19px}
.btn-primary{background:#fff;color:#0747aa;box-shadow:0 9px 24px rgba(0,0,0,.13)}
.btn-primary:hover{background:#edf5ff}
.btn-outline{border-color:rgba(255,255,255,.62);color:#fff}
.btn-outline:hover{background:rgba(255,255,255,.12)}
.hero-trust{justify-content:center;color:#d5e5ff;margin-top:30px}
.hero-trust b{color:#fff}
.hero-visual{display:none}
.hero-bottom{position:relative;background:#064bb9;border-top:1px solid rgba(255,255,255,.18);color:#e1edff;letter-spacing:1.7px}
.intro-strip{background:#fff;border:0;padding:74px 0 66px}
.intro-grid{gap:70px}
.section-kicker{color:#075fe7}
.intro-grid h2,.section-heading h2,.solutions-heading h2,.process-heading h2,.about-copy h2{font-family:Manrope,Arial,sans-serif;color:#13294b}
.intro-grid p{color:#64748b;font-size:14px}
.text-link,.card-link{color:#075fe7}
.section{padding:82px 0}
.services-section{background:#f6f8fc}
.section-heading{margin-bottom:34px}
.section-heading>p,.solutions-heading p{color:#64748b}
.service-grid{gap:17px}
.service-card,.service-card.service-dark{background:#fff;color:#17243a;border:1px solid #e4eaf3;border-radius:12px;box-shadow:0 8px 25px rgba(9,38,92,.045);padding:27px;min-height:260px}
.service-card:hover{transform:translateY(-4px);border-color:#b8d2fb;box-shadow:0 16px 38px rgba(9,65,150,.10)}
.service-feature{min-height:310px}
.service-number{color:#9aa9bd}
.service-icon{background:#edf4ff;color:#075fe7;border-radius:10px}
.service-card h3{color:#17345f;font-family:Manrope,Arial,sans-serif}
.service-card p{color:#64748b}
.service-card ul{color:#52647c}
.service-card li:before{color:#075fe7}
.service-dark p{color:#64748b}
.service-dark .service-number{color:#8ba0bd}
.service-dark .card-link{color:#075fe7}
.solutions-section{background:#fff;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7}
.solutions-heading{margin-bottom:38px}
.explorer-card{background:#fff;color:#17243a;border:1px solid #e5ebf4;border-radius:11px;box-shadow:0 7px 22px rgba(9,38,92,.035);min-height:165px}
.explorer-card:hover{border-color:#a9c9fa;box-shadow:0 14px 30px rgba(9,65,150,.09)}
.explorer-icon,.explorer-arrow{color:#075fe7}
.explorer-card strong{font-family:Manrope,Arial,sans-serif;color:#17345f}
.explorer-card small{color:#64748b}
.service-options{background:#f5f8fd;border:1px solid #dce7f7;color:#17243a;border-radius:12px}
.options-header h3{color:#17345f}
.options-header button{background:#e8f0fc;color:#17417c}
.service-option{background:#fff;color:#29415f;border:1px solid #dce5f1;border-radius:8px}
.service-option:hover{border-color:#075fe7;color:#075fe7}
.process-section{background:#fff;color:#17243a;border-top:1px solid #e8edf5;border-bottom:1px solid #e8edf5}
.process-heading h2{color:#17345f}
.process-heading p,.process-step p{color:#64748b}
.process-heading .section-kicker,.process-step span{color:#075fe7}
.process-step:not(:last-child){border-color:#e3eaf4}
.process-step h3{color:#17345f}
.work-section{background:#f6f8fc}
.work-card{background:#fff;border:1px solid #e5ebf4;border-radius:12px;box-shadow:0 8px 25px rgba(9,38,92,.045)}
.work-card:hover{border-color:#b8d2fb;box-shadow:var(--shadow)}
.work-art{background:linear-gradient(135deg,#073b99,#1682ed)}
.work-app{background:linear-gradient(135deg,#0a367e,#1682ed)}
.work-brand{background:linear-gradient(135deg,#09265c,#075fe7)}
.work-print{background:linear-gradient(135deg,#123b80,#2c8ce8)}
.work-body>span,.work-body a{color:#075fe7}
.work-body h3{color:#17345f}
.work-body p{color:#64748b}
.work-cta{background:#eaf2ff;border:1px solid #d5e4fb;border-radius:12px}
.work-cta h3{color:#17345f}
.work-cta p{color:#64748b}
.about-section{background:#fff;border-top:1px solid #e8edf5;border-bottom:1px solid #e8edf5}
.about-visual{background:linear-gradient(145deg,#edf4ff,#dceaff);border:1px solid #d9e6f8;border-radius:16px}
.about-visual:before,.about-visual:after{border-color:rgba(7,95,231,.15)}
.about-logo span{color:#075fe7;text-shadow:none}
.about-badge{background:#fff;border:1px solid #e1e9f5;color:#17345f;box-shadow:0 10px 25px rgba(9,38,92,.08)}
.about-badge small{color:#075fe7}
.about-copy p{color:#64748b}
.about-points{color:#334b6b}
.booking-section{background:#f2f6fc;color:#17243a;border-top:1px solid #e5ebf4}
.booking-intro .section-kicker{color:#075fe7}
.booking-intro h2{color:#17345f}
.booking-intro h2 span{background:none;color:#075fe7}
.booking-intro p{color:#64748b}
.direct-contact a{color:#075fe7;border-color:#b9ccec}
.booking-form-wrap{background:#fff;color:#17243a;border:1px solid #e1e8f2;border-radius:14px;box-shadow:0 16px 45px rgba(8,38,92,.09)}
.form-top{border-color:#e5ebf4}
.form-top span{color:#075fe7}.form-top small{color:#8794a8}
.form-group label{color:#334155}.form-group label span{color:#8996a8}
.form-group input,.form-group select,.form-group textarea{background:#fbfcfe;border:1px solid #dce4ef;color:#17243a;border-radius:8px}
.form-group input::placeholder,.form-group textarea::placeholder{color:#98a4b5}
.form-group select option{background:#fff;color:#17243a}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#75a8ff;box-shadow:0 0 0 4px rgba(7,95,231,.09);background:#fff}
.booking-submit{background:#075fe7;color:#fff;border-radius:8px}
.booking-submit:hover{background:#0648b5}
.booking-success{background:#f0f7ff;border:1px solid #c9ddff;color:#17345f}
.booking-success p{color:#64748b}
.booking-email{background:#e8f1ff;color:#0648b5}
.contact-section{background:#fff;border-top:1px solid #e8edf5;border-bottom:1px solid #e8edf5}
.contact-grid h2{color:#17345f}
.contact-grid p{color:#64748b}
.contact-links a{background:#fff;border:1px solid #e5ebf4;border-radius:9px;color:#17345f;padding:17px 19px}
.contact-links a:hover{border-color:#b8d2fb;box-shadow:0 8px 22px rgba(9,65,150,.07)}
.contact-links a span{color:#075fe7}.contact-links a b{color:#17345f}
footer{background:#09265c;color:#fff;border-top:1px solid #173b78}
.footer-brand img{background:#fff;padding:6px;border-radius:6px}
.footer-shell p{color:#c3d2e8}
.footer-nav a{color:#e0eaff}.footer-nav a:hover{color:#fff}
.footer-bottom{border-color:rgba(255,255,255,.18);color:#a9bddb}
.reveal{transform:translateY(14px)}
@media(max-width:700px){
 #navigation{background:#fff;border-bottom:1px solid #e5ebf4;box-shadow:0 14px 25px rgba(9,38,92,.10)}
 #navigation>a{color:#334155;border-bottom:1px solid #edf1f7}
 #navigation>a:hover{color:#075fe7}
 #navigation .nav-cta{background:#075fe7;color:#fff!important;border:1px solid #075fe7}
 .hero{border-radius:0 0 28% 2% / 0 0 4% 2%}
 .hero-shell{padding:53px 20px 62px}
 .hero h1{font-size:clamp(37px,10vw,49px);letter-spacing:-1.8px}
 .hero-lead{font-size:14px}
 .hero-actions{flex-direction:column;align-items:center}
 .btn{width:min(100%,310px)}
 .hero-trust{gap:15px;flex-wrap:wrap}
 .intro-strip{padding:58px 0;background:#fff}
 .services-section,.work-section,.booking-section{background:#f6f8fc}
 .process-section{background:#fff}
 .service-card,.service-card.service-dark{padding:23px;min-height:0}
 .about-visual{height:290px}
 .booking-form-wrap{padding:22px 17px}
}