:root{--ink:#111318;--muted:#68707d;--paper:#f5f6f3;--white:#fff;--line:#dfe2e5;--accent:#b8ff3d;--blue:#dce8ff;--max:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(92%,var(--max));margin:auto}.site-loader{position:fixed;inset:0;background:var(--ink);color:white;display:grid;place-items:center;z-index:9999;font:700 2rem 'Space Grotesk';letter-spacing:.12em;transition:.5s}.site-loader.hide{opacity:0;visibility:hidden}.site-header{height:82px;display:flex;align-items:center;position:sticky;top:0;z-index:100;background:rgba(245,246,243,.9);backdrop-filter:blur(14px);transition:.3s}.site-header.scrolled{box-shadow:0 8px 30px #0000000d}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.logo{font:700 1.45rem 'Space Grotesk';letter-spacing:.04em}.logo span:first-child{display:inline-grid;place-items:center;background:var(--ink);color:white;width:32px;height:32px;margin-right:2px}.logo-dot{color:#9ad72d}.main-nav{display:flex;align-items:center;gap:28px;font-size:.88rem;font-weight:600}.main-nav a{opacity:.68;transition:.25s}.main-nav a:hover,.main-nav a.active{opacity:1}.main-nav .nav-cta{background:var(--ink);color:white;padding:12px 17px;border-radius:4px;opacity:1}.nav-cta i{margin-left:7px}.menu-toggle{display:none;border:0;background:none;font-size:1.35rem}.hero{min-height:calc(100vh - 82px);display:grid;align-items:center;padding:70px 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:700;color:#727a85}.eyebrow span{display:inline-block;width:22px;height:1px;background:currentColor;vertical-align:middle;margin-right:8px}.hero h1,.page-hero h1{font:600 clamp(3.3rem,6.4vw,6.3rem)/.98 'Space Grotesk';letter-spacing:-.055em;margin:20px 0 25px}.hero h1 em,.page-hero h1 em{font-style:normal;color:#79818c}.hero-text{max-width:600px;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:12px;padding:15px 21px;border:0;font-weight:700;font-size:.88rem;cursor:pointer;border-radius:3px}.btn-dark{background:var(--ink);color:white}.btn-light{background:white;color:var(--ink)}.text-link{font-weight:700;font-size:.88rem;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-proof{display:flex;gap:42px;margin-top:70px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font:600 1.5rem 'Space Grotesk'}.hero-proof span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hero-art{height:600px;position:relative}.art-orbit{position:absolute;border:1px solid #ccd0d5;border-radius:50%;left:8%;top:8%;width:88%;height:80%;transform:rotate(-22deg)}.orbit-two{transform:rotate(55deg);width:75%;height:65%;left:15%;top:16%}.art-card{position:absolute;background:var(--ink);color:white;box-shadow:30px 30px 80px #0002}.art-main{width:370px;height:480px;left:20%;top:10%;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(5deg)}.art-label{font-size:.68rem;letter-spacing:.15em}.art-x{font:700 16rem/1 'Space Grotesk';color:var(--accent);align-self:center}.art-caption{font:600 2rem/1 'Space Grotesk';text-align:right}.art-small{width:145px;height:145px;right:2%;bottom:12%;padding:20px;display:flex;justify-content:space-between;flex-direction:column;transform:rotate(-9deg);background:var(--accent);color:var(--ink)}.floating-badge{position:absolute;left:3%;bottom:5%;display:flex;gap:6px}.floating-badge span{background:white;border:1px solid var(--line);padding:8px 12px;border-radius:99px;font-size:.7rem}.marquee{overflow:hidden;background:var(--ink);color:white;padding:17px 0;white-space:nowrap;font:600 .8rem 'Space Grotesk';letter-spacing:.08em}.marquee div{animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-30%)}}.section{padding:120px 0}.split{display:grid;grid-template-columns:.3fr 1fr;gap:60px}.section-kicker{font-size:.72rem;font-weight:700;letter-spacing:.13em;color:#7b828b}.section h2{font:600 clamp(2.6rem,5vw,4.8rem)/1.02 'Space Grotesk';letter-spacing:-.045em}.section h2 span{color:#818995}.lead{font-size:1.2rem;color:#69717d;max-width:720px;margin:28px 0}.intro p:not(.lead){max-width:680px;color:var(--muted)}.circle-link{display:inline-flex;align-items:center;gap:18px;margin-top:35px;font-weight:700}.circle-link span{width:46px;height:46px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center}.services-preview{background:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:330px;background:var(--paper);padding:28px;display:flex;flex-direction:column;transition:.3s;position:relative}.service-card:hover{transform:translateY(-7px)}.service-card>span{font-size:.72rem;color:#8a9098}.service-card i{font-size:1.8rem;margin:45px 0 20px}.service-card h3{font:600 1.5rem 'Space Grotesk'}.service-card p{font-size:.85rem;color:var(--muted);margin-top:10px}.service-card b{margin-top:auto;text-align:right}.dark-card{background:var(--ink);color:white}.dark-card p{color:#aab0b8}.accent-card{background:var(--accent)}.featured-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:25px}.project{display:block}.project-large{grid-row:span 2}.project-visual{height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.35s}.project-large .project-visual{height:625px}.project:hover .project-visual{transform:scale(.985)}.visual-one,.project-img-1{background:linear-gradient(135deg,#111 0%,#303030 100%);color:var(--accent)}.visual-two,.project-img-2{background:linear-gradient(135deg,#dce8ff,#9cb6e9);color:#18202e}.visual-three,.project-img-3{background:linear-gradient(135deg,#c9c9c4,#565b63);color:white}.project-img-4{background:linear-gradient(135deg,#b8ff3d,#e9f6d5);color:#111}.project-visual span{font:700 4rem/.9 'Space Grotesk';letter-spacing:-.07em;text-align:center}.project-info{display:grid;grid-template-columns:1fr auto;align-items:end;padding:17px 0 8px;border-bottom:1px solid var(--line)}.project-info span,.portfolio-meta small{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#7a828c}.project-info h3{font:600 1.25rem 'Space Grotesk';grid-column:1}.project-info b{grid-column:2;grid-row:1/3}.dark-section{background:var(--ink);color:white}.cta{text-align:center}.cta .eyebrow{color:#aeb5be}.cta h2{margin:20px 0 35px}.cta em{font-style:normal;color:var(--accent)}.page-hero{padding:115px 0 90px;background:white}.page-hero p:last-child{max-width:650px;color:var(--muted);font-size:1.05rem}.values{padding:100px 0;background:var(--ink);color:white}.values h2{color:white}.values .eyebrow{color:#aab0b8}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3b3e43;margin-top:60px}.values-grid article{background:var(--ink);padding:35px;min-height:280px}.values-grid span{color:var(--accent);font-weight:700}.values-grid h3{font:600 1.7rem 'Space Grotesk';margin:50px 0 10px}.values-grid p{color:#a7adb6;font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-grid div{padding:35px;border-right:1px solid var(--line)}.stats-grid div:last-child{border:0}.stats-grid strong{font:600 3rem 'Space Grotesk';display:block}.stats-grid span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.service-detail{padding:90px 0}.light-bg{background:white}.detail-row{display:grid;grid-template-columns:.15fr .15fr 1fr;gap:40px;align-items:start}.detail-number{font:600 1.3rem 'Space Grotesk';color:#9198a0}.detail-icon{width:72px;height:72px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:1.5rem}.detail-row h2{font:600 3.7rem 'Space Grotesk';letter-spacing:-.04em;margin:8px 0 18px}.detail-row p{max-width:680px;color:var(--muted)}.detail-row ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px;list-style:none}.detail-row li{font-weight:600;font-size:.85rem}.detail-row li:before{content:'↗';margin-right:8px;color:#777}.process h2{margin:20px 0 55px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid b{font-size:.75rem;color:#8b929a}.process-grid h3{font:600 1.5rem 'Space Grotesk';margin:30px 0 8px}.process-grid p{color:var(--muted);font-size:.85rem}.filter-bar{display:flex;gap:8px;margin-bottom:45px}.filter{border:1px solid var(--line);background:white;padding:10px 18px;cursor:pointer;font:600 .8rem 'DM Sans'}.filter.active,.filter:hover{background:var(--ink);color:white}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:65px 25px}.portfolio-item:nth-child(2n){margin-top:80px}.portfolio-image{height:420px;display:grid;place-items:center;transition:.3s}.portfolio-item:hover .portfolio-image{transform:translateY(-5px)}.portfolio-image span{font:700 3.2rem 'Space Grotesk';letter-spacing:-.07em}.portfolio-meta{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.portfolio-meta h3{font:600 1.6rem 'Space Grotesk';margin:3px 0}.portfolio-meta p{color:var(--muted);font-size:.8rem}.portfolio-meta>a{font-size:.75rem;font-weight:700;white-space:nowrap;align-self:end}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.team-photo{height:440px;display:grid;place-items:center}.team-photo span{font-size:.7rem;letter-spacing:.15em}.team-one{background:linear-gradient(135deg,#111,#4e5661);color:var(--accent)}.team-two{background:linear-gradient(135deg,#cfdcf4,#8494ae)}.team-three{background:linear-gradient(135deg,#d7d5ca,#77786f);color:white}.team-info{padding:20px 0;border-bottom:1px solid var(--line);position:relative}.team-info small{font-size:.65rem;color:#7d848d;letter-spacing:.1em}.team-info h2{font:600 1.8rem 'Space Grotesk';margin:5px 0}.team-info p{color:var(--muted);font-size:.85rem}.team-social{position:absolute;right:0;bottom:20px;display:flex;gap:8px}.team-social a{width:32px;height:32px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:.7rem}.team-note{background:white}.contact-section{background:white}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-details h2{font:600 3.8rem/1.02 'Space Grotesk';letter-spacing:-.05em;margin:18px 0}.contact-details h2 span{color:#7d858f}.contact-details>p:not(.eyebrow){color:var(--muted);max-width:500px;margin-bottom:35px}.contact-item{display:flex;gap:15px;margin:25px 0}.contact-item>i{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.contact-item div{display:flex;flex-direction:column}.contact-item small{font-size:.65rem;color:#7d858f;text-transform:uppercase;letter-spacing:.1em}.contact-item a,.contact-item span{font-weight:600}.form-wrap{background:var(--paper);padding:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{font-size:.68rem;font-weight:700;letter-spacing:.08em;display:block;margin-bottom:20px}form label span{font-weight:400;color:#999}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #cdd1d5;background:transparent;padding:13px 0;font:400 .95rem 'DM Sans';outline:0}input:focus,select:focus,textarea:focus{border-color:var(--ink)}textarea{min-height:130px;resize:vertical}.alert{padding:13px 15px;margin-bottom:22px;font-size:.85rem}.success{background:#e9f8d8}.error{background:#ffe1e1}.footer{background:#0d0f12;color:white;padding:80px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px;padding-bottom:60px}.footer-logo{color:white;display:inline-block;margin-bottom:20px}.footer p{color:#9098a2;max-width:320px;font-size:.85rem}.footer h4{font:600 1rem 'Space Grotesk';margin-bottom:18px}.footer-grid>div:not(:first-child) a{display:block;color:#9da4ad;font-size:.8rem;margin:10px 0}.socials{display:flex!important;gap:8px;margin-top:20px}.socials a{width:34px;height:34px;border:1px solid #3a3d42;display:grid!important;place-items:center;border-radius:50%}.footer-bottom{border-top:1px solid #292c31;padding-top:20px;display:flex;justify-content:space-between;color:#707780;font-size:.7rem}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}
@media(max-width:900px){.main-nav{gap:16px}.hero-grid{grid-template-columns:1fr}.hero-art{height:500px}.service-grid{grid-template-columns:1fr 1fr}.featured-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-large .project-visual{height:450px}.split,.contact-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.detail-row{grid-template-columns:.15fr .2fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.site-header{height:72px}.menu-toggle{display:block}.main-nav{position:absolute;left:0;right:0;top:72px;background:var(--paper);display:none;flex-direction:column;align-items:stretch;padding:20px 4%;box-shadow:0 15px 30px #0001}.main-nav.open{display:flex}.main-nav a{padding:10px}.hero{padding:55px 0}.hero h1{font-size:3.5rem}.hero-art{height:430px}.art-main{width:260px;height:350px;left:12%;padding:20px}.art-x{font-size:9rem}.art-caption{font-size:1.3rem}.art-small{width:110px;height:110px}.hero-proof{gap:18px;margin-top:50px}.section{padding:80px 0}.section-head{align-items:start;flex-direction:column}.service-grid,.portfolio-grid,.team-grid,.footer-grid{grid-template-columns:1fr}.portfolio-item:nth-child(2n){margin-top:0}.page-hero{padding:75px 0 65px}.page-hero h1{font-size:3.3rem}.detail-row{grid-template-columns:1fr}.detail-row h2{font-size:2.7rem}.detail-row ul{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid div:nth-child(2){border-right:0}.stats-grid div:nth-child(3),.stats-grid div:nth-child(4){border-top:1px solid var(--line)}.form-row{grid-template-columns:1fr}.contact-details h2{font-size:3rem}.footer-grid{gap:35px}.footer-bottom{flex-direction:column;gap:8px}.project-visual{height:280px}.project-visual span,.portfolio-image span{font-size:2.5rem}}

/* =========================================================
   NEXORA TECH BRAND THEME
   ========================================================= */
:root{
    --ink:#050912;
    --muted:#667085;
    --paper:#f7f9fc;
    --white:#ffffff;
    --line:#e3e8f0;
    --accent:#078cff;
    --accent-2:#00c2ff;
    --blue:#078cff;
    --navy:#030816;
    --max:1180px;
}

body{background:var(--paper);color:#101828}
.site-loader{background:var(--navy)}
.site-loader span{color:#fff}
.site-loader span::after{content:'.';color:var(--accent)}

.site-header{
    background:rgba(3,8,22,.96);
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 8px 35px rgba(0,0,0,.18);
}
.site-header.scrolled{box-shadow:0 10px 35px rgba(0,0,0,.28)}
.logo-image{display:flex;align-items:center;width:170px;height:62px;overflow:hidden}
.logo-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.main-nav a{color:#fff;opacity:.72}
.main-nav a:hover,.main-nav a.active{color:var(--accent-2);opacity:1}
.main-nav .nav-cta{background:transparent;border:1px solid var(--accent);color:#fff;padding:11px 17px}
.main-nav .nav-cta:hover{background:var(--accent);color:#fff}
.menu-toggle{color:#fff}

.hero{
    min-height:calc(100vh - 82px);
    background:
        radial-gradient(circle at 82% 45%,rgba(0,145,255,.18),transparent 28%),
        radial-gradient(circle at 15% 20%,rgba(0,194,255,.07),transparent 25%),
        var(--navy);
    color:#fff;
    position:relative;
}
.hero::before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.3;
    background-image:linear-gradient(rgba(0,140,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,140,255,.08) 1px,transparent 1px);
    background-size:70px 70px;
    mask-image:linear-gradient(to bottom,black,transparent);
}
.hero-grid{position:relative;z-index:1}
.eyebrow,.section-kicker{color:var(--accent)}
.hero h1{color:#fff}
.hero h1 em,.page-hero h1 em,.section h2 span,.contact-details h2 span{color:var(--accent)}
.hero-text{color:#aeb8c8}
.hero-actions{gap:18px}
.btn-dark{background:linear-gradient(135deg,#0678f5,#00b7ff);color:#fff;box-shadow:0 12px 30px rgba(0,140,255,.25)}
.btn-dark:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(0,140,255,.35)}
.btn-light{color:var(--navy);background:#fff}
.text-link{color:var(--accent);border-color:var(--accent)}
.hero-proof strong{color:#fff}
.hero-proof span{color:#8793a7}

.hero-art{height:600px;display:grid;place-items:center}
.hero-logo-showcase{
    width:min(100%,560px);
    min-height:350px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:40px;
    background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));
    border:1px solid rgba(0,174,255,.22);
    border-radius:24px;
    box-shadow:0 35px 100px rgba(0,0,0,.35),inset 0 0 60px rgba(0,130,255,.05);
    overflow:hidden;
}
.hero-logo-showcase::before,.hero-logo-showcase::after{
    content:'';position:absolute;border:1px solid rgba(0,162,255,.16);border-radius:50%;
}
.hero-logo-showcase::before{width:460px;height:460px}
.hero-logo-showcase::after{width:620px;height:620px}
.hero-logo{width:min(92%,500px);position:relative;z-index:2;filter:drop-shadow(0 0 25px rgba(0,157,255,.28))}
.logo-glow{position:absolute;width:65%;height:45px;background:#009cff;filter:blur(35px);opacity:.65;bottom:72px}
.logo-line{position:relative;z-index:2;width:58%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-2),transparent);box-shadow:0 0 20px var(--accent)}
.hero-logo-showcase p{position:relative;z-index:2;margin-top:18px;font:600 .7rem 'Space Grotesk';letter-spacing:.28em;color:#8ea6c4}
.floating-badge{left:0;bottom:4%;z-index:3}
.floating-badge span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(10px)}

.marquee{background:#fff;color:var(--navy);border-bottom:1px solid var(--line)}
.marquee span{color:var(--accent)}
.section{background:var(--paper)}
.services-preview,.light-bg,.contact-section,.team-note{background:#fff}
.section h2{color:#101828}
.lead,.intro p:not(.lead),.service-card p,.detail-row p,.process-grid p,.portfolio-meta p,.team-info p,.contact-details>p:not(.eyebrow){color:#667085}
.circle-link{color:var(--accent)}
.circle-link span{border-color:var(--accent)}
.service-card{background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(16,24,40,.04)}
.service-card i{color:var(--accent)}
.service-card>span{color:var(--accent)}
.service-card b{color:var(--accent)}
.dark-card{background:var(--navy);color:#fff;border-color:var(--navy)}
.dark-card p{color:#aeb8c8}
.dark-card i,.dark-card b,.dark-card>span{color:var(--accent-2)}
.accent-card{background:linear-gradient(135deg,#067ff7,#00b8ff);color:#fff;border-color:transparent}
.accent-card p,.accent-card>span{color:#eaf7ff}
.accent-card i,.accent-card b{color:#fff}

.visual-one,.project-img-1{background:linear-gradient(135deg,#031126,#075eb5);color:#fff}
.visual-two,.project-img-2{background:linear-gradient(135deg,#eaf5ff,#8ec7ff);color:#0569c8}
.visual-three,.project-img-3{background:linear-gradient(135deg,#07182d,#0e6dbd);color:#fff}
.project-img-4{background:linear-gradient(135deg,#00aaff,#006be6);color:#fff}
.project-info{border-color:var(--line)}
.project-info span,.portfolio-meta small{color:var(--accent)}
.project-info h3{color:#101828}

.dark-section,.values{background:var(--navy)}
.cta h2{color:#fff}
.cta em{color:var(--accent-2)}
.cta .eyebrow{color:var(--accent-2)}

.page-hero{background:linear-gradient(180deg,#fff,#f5f9ff);border-bottom:1px solid var(--line)}
.page-hero h1{color:#101828}
.page-hero p:last-child{color:#667085}
.values h2{color:#fff}
.values .eyebrow{color:var(--accent-2)}
.values-grid{background:#12375e}
.values-grid article{background:var(--navy)}
.values-grid span{color:var(--accent-2)}
.values-grid p{color:#aeb8c8}
.stats-grid{border-color:var(--line)}
.stats-grid div{border-color:var(--line)}
.stats-grid strong{color:var(--accent)}
.stats-grid span{color:#667085}
.detail-number{color:var(--accent)}
.detail-icon{border-color:#b9dfff;color:var(--accent);background:#f1f8ff}
.detail-row h2{color:#101828}
.detail-row li:before{color:var(--accent)}
.process-grid b{color:var(--accent)}
.filter{border-color:var(--line);color:#344054}
.filter.active,.filter:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.team-photo{border-radius:6px;overflow:hidden}
.team-one{background:linear-gradient(135deg,#06162b,#078cff);color:#fff}
.team-two{background:linear-gradient(135deg,#e7f5ff,#69b9ff);color:#0056a6}
.team-three{background:linear-gradient(135deg,#06162b,#153f69);color:#fff}
.team-info{border-color:var(--line)}
.team-info small{color:var(--accent)}
.team-social a{border-color:#b9dfff;color:var(--accent)}
.contact-details h2{color:#101828}
.contact-item>i{border-color:#b9dfff;color:var(--accent);background:#f1f8ff}
.contact-item small{color:var(--accent)}
.form-wrap{background:#f7faff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(16,24,40,.05)}
input:focus,select:focus,textarea:focus{border-color:var(--accent)}
.alert.success{background:#e8f7ff;color:#075985}
.footer{background:#020611}
.footer-logo{color:#fff}
.footer p{color:#8995a8}
.footer h4{color:#fff}
.footer-grid>div:not(:first-child) a{color:#9ca9bb}
.footer-grid>div:not(:first-child) a:hover{color:var(--accent-2)}
.socials a{border-color:#26364d;color:#b8c5d7}
.footer-bottom{border-color:#1d2a3c;color:#65738a}

@media(max-width:700px){
    .logo-image{width:145px;height:56px}
    .main-nav{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
    .main-nav a{color:#fff}
    .hero-logo-showcase{min-height:280px;padding:25px;border-radius:18px}
    .hero-logo{width:95%}
    .hero-logo-showcase p{font-size:.55rem;letter-spacing:.18em}
}

/* =========================================================
   EASY IMAGE PLACEMENT
   Put your photos in assets/images/team/ or assets/images/portfolio/
   and change only the src="..." path in the PHP files.
========================================================= */
.image-fill{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.team-photo .image-fill,
.portfolio-image .image-fill{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.project-visual{position:relative;}
.project-visual .image-fill{position:absolute;inset:0;z-index:0;}
.project-visual .project-label{position:relative;z-index:1;text-shadow:0 3px 18px rgba(0,0,0,.65);}