:root{
  --red:#e3062c; --red-2:#b00020; --red-3:#ff385c; --white:#fff; --soft:#fff6f7;
  --ink:#141114; --muted:#6f6468; --glass:rgba(255,255,255,.56); --glass-strong:rgba(255,255,255,.76);
  --line:rgba(227,6,44,.16); --shadow:0 28px 80px rgba(154,0,34,.18); --radius:30px;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 5%,rgba(227,6,44,.18),transparent 30%),radial-gradient(circle at 88% 12%,rgba(255,56,92,.16),transparent 26%),linear-gradient(135deg,#fff 0%,#fff2f4 46%,#fff 100%);overflow-x:hidden}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1180px,92%);margin:auto}.section{padding:110px 0;position:relative}.noise{position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");z-index:-1}.cursor-glow{position:fixed;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(227,6,44,.16),transparent 68%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);mix-blend-mode:multiply}.splash{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#fff0f2,#fff);z-index:9999;transition:.7s}.splash.hide{opacity:0;visibility:hidden}.splash__glass{width:min(420px,86%);padding:42px;border-radius:38px;text-align:center;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.86);backdrop-filter:blur(35px) saturate(180%);box-shadow:var(--shadow)}.splash__glass img{width:145px;margin:0 auto 12px}.splash__glass p{font-weight:900;font-size:1.5rem}.splash__glass span{display:block;color:var(--muted);margin-top:6px}.splash__bar{height:6px;background:#ffe1e6;border-radius:99px;margin-top:25px;overflow:hidden}.splash__bar i{display:block;height:100%;width:42%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--red-2));animation:load 1.1s infinite alternate}@keyframes load{to{transform:translateX(145%)}}
.site-header{position:fixed;top:18px;left:0;width:100%;z-index:1000;transition:.38s}.site-header.scrolled{top:8px}.nav-wrap{width:min(1180px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-radius:30px;background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 20px 70px rgba(122,0,28,.12),inset 0 1px rgba(255,255,255,.8);transition:.38s}.site-header.scrolled .nav-wrap{padding:9px 14px;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(122,0,28,.18)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-family:Poppins,sans-serif}.brand img{width:48px;height:48px;object-fit:contain;transition:.35s}.site-header.scrolled .brand img{width:40px;height:40px}.site-header.scrolled .brand span{color:var(--red)}.nav-links{display:flex;gap:19px;align-items:center}.nav-link{position:relative;padding:10px 2px;color:#332c2f;font-weight:800;font-size:.9rem;transition:.25s}.nav-link:after{content:"";position:absolute;left:50%;bottom:1px;width:0;height:3px;transform:translateX(-50%);border-radius:99px;background:linear-gradient(90deg,var(--red),var(--red-2));transition:.25s}.nav-link:hover,.nav-link.active{color:var(--red)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;font-weight:900;transition:.3s}.header-cta{padding:12px 20px;color:#fff;background:linear-gradient(135deg,var(--red),var(--red-2));box-shadow:0 16px 35px rgba(227,6,44,.25)}.btn{padding:15px 25px}.btn:hover,.header-cta:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff;box-shadow:0 20px 45px rgba(227,6,44,.26)}.btn-glass{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(20px);color:var(--red)}.btn-light{background:#fff;color:var(--red)}.btn-outline-light{border:1px solid rgba(255,255,255,.48);color:#fff}.menu-btn{display:none;width:46px;height:46px;border:0;border-radius:16px;background:var(--red);position:relative}.menu-btn span{position:absolute;left:12px;right:12px;height:2px;background:#fff;transition:.3s}.menu-btn span:first-child{top:17px}.menu-btn span:last-child{bottom:17px}.menu-open .menu-btn span:first-child{top:22px;transform:rotate(45deg)}.menu-open .menu-btn span:last-child{bottom:22px;transform:rotate(-45deg)}
.eyebrow{font-weight:900;color:var(--red);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;display:flex;align-items:center;gap:10px;margin-bottom:14px}.eyebrow.center{justify-content:center}.eyebrow span{width:30px;height:2px;background:var(--red);display:inline-block}.hero{min-height:100vh;display:grid;align-items:center;padding-top:155px;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(6px);animation:float 7s ease-in-out infinite}.orb-one{width:300px;height:300px;background:rgba(227,6,44,.14);right:8%;top:18%}.orb-two{width:190px;height:190px;background:rgba(255,56,92,.13);left:5%;bottom:12%;animation-delay:1s}@keyframes float{50%{transform:translateY(-24px)}}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero h1{font:900 clamp(2.7rem,6.5vw,6.2rem)/.94 Poppins,sans-serif;letter-spacing:-.08em}.hero h1 em{font-style:normal;color:var(--red)}.hero-text,.section-head p,.section-copy p{color:var(--muted);font-size:1.05rem;line-height:1.8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.trust-row div{padding:18px;border-radius:23px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(22px);box-shadow:0 14px 42px rgba(122,0,28,.08)}.trust-row strong{display:block;color:var(--red);font-size:2rem}.trust-row small{color:var(--muted);font-weight:700}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.glass-device{width:min(520px,100%);padding:18px;border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.32));border:1px solid rgba(255,255,255,.86);backdrop-filter:blur(35px) saturate(180%);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.85)}.device-top{display:flex;gap:8px;align-items:center;padding:8px 5px 17px}.device-top span{width:12px;height:12px;border-radius:50%;background:var(--red)}.device-top span:nth-child(2){background:#ff7d91}.device-top span:nth-child(3){background:#ffc2cb}.device-top b{margin-left:auto;color:var(--muted);font-size:.82rem}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.dash-card,.code-panel{border-radius:24px;padding:20px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.78);box-shadow:0 14px 35px rgba(122,0,28,.08)}.dash-card.large{grid-row:span 2}.dash-card small{color:var(--muted);font-weight:800}.dash-card strong{display:block;color:var(--red);font-size:2rem;margin-top:14px}.dash-card i{display:block;height:9px;border-radius:99px;background:linear-gradient(90deg,var(--red) 78%,#ffd7de 78%);margin-top:60px}.code-panel{grid-column:1/-1;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,242,245,.64));color:#7a001f;font-family:monospace}.code-panel p{line-height:1.8}.code-panel span{color:#ff9bad}.floating-chip{position:absolute;padding:12px 18px;border-radius:99px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 20px 45px rgba(122,0,28,.13);font-weight:900;color:var(--red);animation:float 5s ease-in-out infinite}.chip-a{top:55px;left:10px}.chip-b{right:0;top:120px;animation-delay:.7s}.chip-c{left:52px;bottom:55px;animation-delay:1.2s}.split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.logo-glass{padding:48px;border-radius:46px;background:var(--glass);border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(28px);box-shadow:var(--shadow)}.section-copy h2,.section-head h2,.contact-glass h2{font:900 clamp(2rem,4.6vw,4rem)/1.05 Poppins,sans-serif;letter-spacing:-.06em;margin-bottom:18px}.value-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.value-list article{padding:18px;border-radius:24px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9)}.value-list b{display:block;color:var(--red);margin-bottom:6px}.value-list span{color:var(--muted);line-height:1.6}.section-head{text-align:center;max-width:780px;margin:0 auto 55px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card,.project-card,.review-card,.feature-list article,.timeline article{position:relative;overflow:hidden;padding:28px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(28px) saturate(180%);box-shadow:0 18px 52px rgba(122,0,28,.1);transition:.35s}.service-card:before,.project-card:before,.review-card:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-120%);transition:.55s}.service-card:hover:before,.project-card:hover:before,.review-card:hover:before{transform:translateX(120%)}.service-card:hover,.project-card:hover,.review-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-card ion-icon{font-size:2rem;color:#fff;background:linear-gradient(135deg,var(--red),var(--red-2));padding:14px;border-radius:18px;margin-bottom:22px}.service-card h3{font-size:1.08rem;margin-bottom:10px}.service-card p,.feature-list p,.timeline p,.review-card p,.project-card p{color:var(--muted);line-height:1.7;font-size:.93rem}.feature-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;padding:42px;border-radius:44px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(30px);box-shadow:var(--shadow)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-list article span,.timeline span{display:inline-flex;color:var(--red);font-weight:900;margin-bottom:18px}.feature-list b{display:block;margin-bottom:8px;font-size:1.08rem}.work{background:linear-gradient(180deg,transparent,rgba(255,232,236,.55),transparent)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card{display:block;padding:13px}.project-card img{width:100%;height:170px;object-fit:cover;border-radius:22px;background:#fff0f2}.project-card div{padding:15px 5px 5px}.project-card h3{font-size:1rem;margin-bottom:8px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.timeline article:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--red),var(--red-2))}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.review-card div{display:flex;align-items:center;gap:14px;margin-top:22px}.review-card img{width:58px;height:58px;border-radius:50%;object-fit:cover}.review-card b{display:block}.review-card small{display:block;color:var(--muted);line-height:1.5}.contact-glass{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:58px;border-radius:44px;background:linear-gradient(135deg,rgba(227,6,44,.94),rgba(176,0,32,.97));color:#fff;box-shadow:var(--shadow);overflow:hidden}.contact-glass p{color:#ffe1e7;line-height:1.8}.contact-glass .eyebrow{color:#fff}.contact-glass .eyebrow span{background:#fff}.contact-actions{display:grid;gap:14px}.footer{background:linear-gradient(135deg,#7a001f,#b8002f 55%,#e3062c);color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:34px}.footer p,.footer a{display:block;color:#ffe6eb;line-height:1.9;font-size:.94rem}.footer h4{margin-bottom:15px}.footer-brand{margin-bottom:16px}.socials{display:flex;gap:10px;margin-top:18px}.socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:22px;color:#ffe6eb}.go-top{position:fixed;right:22px;bottom:22px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;box-shadow:0 18px 45px rgba(227,6,44,.3);z-index:90;transform:translateY(90px);transition:.3s}.go-top.show{transform:translateY(0)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}.tilt-card{transform-style:preserve-3d}
@media(max-width:1080px){.nav-links,.header-cta{display:none}.menu-btn{display:block}.nav-links{position:fixed;top:78px;left:4%;right:4%;padding:26px;border-radius:28px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(28px);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:8px}.nav-links.open{display:flex}.nav-link{width:100%;font-size:1rem}.hero-grid,.split-grid,.feature-shell,.contact-glass{grid-template-columns:1fr}.card-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-visual{min-height:460px}}
@media(max-width:640px){.section{padding:78px 0}.hero{padding-top:135px}.hero h1{font-size:3rem}.hero-actions,.contact-actions{display:grid}.btn{width:100%}.trust-row,.value-list,.card-grid,.project-grid,.feature-list,.timeline,.review-grid,.footer-grid{grid-template-columns:1fr}.contact-glass{padding:34px}.cursor-glow{display:none}.dashboard-grid{grid-template-columns:1fr}.dash-card.large{grid-row:auto}.chip-a,.chip-b,.chip-c{display:none}}


/* Premium red-and-white refinement: removes black-heavy feeling */
body{color:#6b001a;}
h1,h2,h3,h4,.brand span,.section-copy h2,.section-head h2,.contact-glass h2{color:#7a001f;}
.hero h1{background:linear-gradient(135deg,#690019 0%,#b8002f 48%,#ff1d4d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 18px 60px rgba(227,6,44,.12)}
.hero h1 em{background:linear-gradient(135deg,#ff1749,#b8002f,#7a001f);-webkit-background-clip:text;background-clip:text;color:transparent;}
.nav-link{color:#7a001f;}
.site-header.scrolled .nav-wrap{background:rgba(255,255,255,.92);border-color:rgba(227,6,44,.18);box-shadow:0 24px 70px rgba(227,6,44,.18),inset 0 1px 0 rgba(255,255,255,.95)}
.nav-wrap{background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 60px rgba(227,6,44,.11),inset 0 1px 0 rgba(255,255,255,.85)}
.glass-device,.service-card,.project-card,.review-card,.feature-list article,.timeline article,.logo-glass,.feature-shell,.trust-row div,.value-list article{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,245,247,.46));border:1px solid rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(184,0,47,.11),inset 0 1px 0 rgba(255,255,255,.9)}
.code-panel{border:1px solid rgba(227,6,44,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 20px 45px rgba(227,6,44,.12)}
.code-panel span{color:#e3062c;font-weight:900}.code-panel p{color:#7a001f}.device-top b{color:#b8002f}.dash-card strong{color:#b8002f}.dash-card small{color:#8b5b69}
.project-card h3,.service-card h3,.feature-list b,.timeline h3,.review-card b{color:#7a001f}.project-card p,.service-card p,.feature-list p,.timeline p,.review-card p,.section-head p,.section-copy p,.hero-text{color:#8b5b69}
.footer{background:linear-gradient(135deg,#7a001f 0%,#b8002f 60%,#e3062c 100%)}.footer p,.footer a{color:#ffe6eb}.copyright{color:#fff2f5}.footer .brand span{color:#fff}.footer .brand img{filter:drop-shadow(0 12px 24px rgba(255,255,255,.18))}.socials a{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}
.btn-primary,.header-cta{background:linear-gradient(135deg,#ff1749 0%,#e3062c 45%,#a6002b 100%);box-shadow:0 24px 55px rgba(227,6,44,.28)}
.btn-glass{background:rgba(255,255,255,.72);color:#b8002f;border-color:rgba(227,6,44,.16)}
.noise{opacity:.25}.orb-one{background:rgba(227,6,44,.18)}.orb-two{background:rgba(255,23,73,.14)}
.service-card ion-icon{background:linear-gradient(135deg,#ff1749,#b8002f)}
.project-card img{border:1px solid rgba(227,6,44,.08);box-shadow:0 12px 35px rgba(227,6,44,.09)}

/* Exact premium final CTA section inspired by the supplied screenshot */
.contact{
  padding:120px 0 115px;
  background:
    linear-gradient(rgba(227,6,44,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(227,6,44,.035) 1px, transparent 1px),
    radial-gradient(circle at 16% 6%, rgba(227,6,44,.12), transparent 24%),
    radial-gradient(circle at 86% 14%, rgba(227,6,44,.12), transparent 26%);
  background-size:52px 52px,52px 52px,100% 100%,100% 100%;
}
.cta-showcase{
  position:relative;
  min-height:520px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:40px;
  padding:76px 84px;
  border-radius:56px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 74% 25%, rgba(255,255,255,.18), transparent 26%),
    linear-gradient(135deg,#fa0038 0%,#dc002e 34%,#b8002f 100%);
  box-shadow:0 38px 95px rgba(227,6,44,.28), 0 18px 45px rgba(122,0,31,.14);
}
.cta-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 22%,transparent 72%,rgba(255,255,255,.16));
  pointer-events:none;
}
.cta-showcase::after{
  content:"";
  position:absolute;
  right:-110px;
  top:-60px;
  width:620px;
  height:620px;
  background:radial-gradient(circle,rgba(255,255,255,.13),transparent 65%);
  pointer-events:none;
}
.cta-content,.cta-action-zone{position:relative;z-index:2}.cta-kicker{display:flex;align-items:center;gap:14px;margin-bottom:22px;color:#fff;font-size:.9rem;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.cta-kicker span{width:44px;height:3px;border-radius:99px;background:#fff;display:inline-block}.cta-content h2{font-family:Poppins,Inter,sans-serif;color:#fff;font-size:clamp(3rem,5.25vw,5.8rem);line-height:1.03;letter-spacing:-.075em;margin:0 0 24px;font-weight:950}.cta-content p{max-width:650px;color:#fff;font-size:1.18rem;line-height:1.85;font-weight:500}.cta-action-zone{min-height:330px;display:grid;place-items:center}.cta-code-mark{position:absolute;right:8%;top:-16%;font-family:Poppins,Inter,sans-serif;font-size:clamp(9rem,18vw,16rem);font-weight:950;letter-spacing:-.12em;color:rgba(255,255,255,.12);transform:skewX(-10deg);line-height:1}.cta-whatsapp{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:320px;padding:24px 34px;border-radius:999px;background:#fff;color:#e3062c;font-family:Poppins,Inter,sans-serif;font-size:1.2rem;font-weight:950;box-shadow:0 28px 80px rgba(122,0,31,.2), inset 0 1px 0 rgba(255,255,255,.95);transition:.35s ease}.cta-whatsapp:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 36px 92px rgba(122,0,31,.28)}
@media(max-width:980px){.cta-showcase{grid-template-columns:1fr;padding:58px 42px;border-radius:42px;min-height:auto}.cta-action-zone{min-height:190px;place-items:start}.cta-code-mark{right:0;top:-40px;font-size:10rem}.cta-whatsapp{min-width:0;width:auto}}
@media(max-width:620px){.contact{padding:82px 0}.cta-showcase{padding:38px 26px;border-radius:34px}.cta-content h2{font-size:2.8rem}.cta-content p{font-size:1rem}.cta-kicker{font-size:.72rem}.cta-kicker span{width:32px}.cta-whatsapp{width:100%;font-size:1rem;padding:18px 20px}.cta-code-mark{font-size:7rem;opacity:.8}}


/* === Original CodexHarbor logo + premium custom cursor update === */
html, body, a, button, input, textarea, select, .btn, .header-cta, .nav-link, .project-card, .service-card, .review-card {
  cursor: none;
}

.cursor-glow {
  width: 26px;
  height: 26px;
  background: rgba(227, 6, 44, 0.95);
  border: 2px solid rgba(255,255,255,.95);
  box-shadow: 0 0 0 10px rgba(227, 6, 44, .12), 0 10px 28px rgba(122,0,28,.20);
  mix-blend-mode: normal;
  z-index: 99999;
  transition: width .2s ease, height .2s ease, background .2s ease, box-shadow .2s ease;
}

.cursor-glow::after {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 50%;
  border: 1px solid rgba(227, 6, 44, .28);
}

.cursor-glow.cursor-hover {
  width: 44px;
  height: 44px;
  background: rgba(227, 6, 44, .18);
  box-shadow: 0 0 0 14px rgba(227, 6, 44, .08), 0 14px 34px rgba(122,0,28,.16);
}

.brand {
  min-width: 245px;
}

.brand .brand-logo-full {
  width: 245px;
  height: auto;
  max-height: 72px;
  object-fit: contain;
  object-position: left center;
  filter: none;
}

.site-header.scrolled .brand .brand-logo-full {
  width: 220px;
  max-height: 60px;
}

.footer .brand {
  min-width: 0;
  display: inline-flex;
}

.footer .brand .footer-logo-full {
  width: 270px;
  max-height: 120px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 20px 34px rgba(255,255,255,.10));
}

.footer-brand {
  margin-bottom: 22px;
}

.splash__glass img,
.logo-glass img {
  object-fit: contain;
}

@media(max-width:1080px){
  html, body, a, button, input, textarea, select, .btn, .header-cta, .nav-link, .project-card, .service-card, .review-card { cursor: auto; }
  .cursor-glow { display:none; }
  .brand { min-width: 205px; }
  .brand .brand-logo-full { width: 205px; max-height: 62px; }
  .site-header.scrolled .brand .brand-logo-full { width: 190px; }
}

@media(max-width:640px){
  .brand { min-width: 175px; }
  .brand .brand-logo-full { width: 175px; max-height: 54px; }
  .site-header.scrolled .brand .brand-logo-full { width: 160px; }
  .footer .brand .footer-logo-full { width: 230px; }
}

/* =========================================================
   CODEXHARBOR PREMIUM LIGHT RED/WHITE REFINEMENT
   Keeps layout, animation, JS and HTML unchanged.
   Brand colour: #7B0F09
   ========================================================= */
:root{
  --red:#7B0F09;
  --red-2:#5E0905;
  --red-3:#A71912;
  --white:#fff;
  --soft:#FFF7F6;
  --ink:#24100E;
  --muted:#7D5C58;
  --glass:rgba(255,255,255,.68);
  --glass-strong:rgba(255,255,255,.88);
  --line:rgba(123,15,9,.16);
  --shadow:0 28px 80px rgba(123,15,9,.16),0 10px 35px rgba(26,8,6,.06);
  --radius:30px;
}

html,body{background:#fff;color:var(--ink)}
body{
  background:
    radial-gradient(circle at 10% 5%,rgba(123,15,9,.16),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(167,25,18,.12),transparent 28%),
    radial-gradient(circle at 52% 88%,rgba(123,15,9,.08),transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#fff8f7 42%,#ffffff 100%) !important;
}

.noise{opacity:.16}
.cursor-glow{background:rgba(123,15,9,.95)!important;box-shadow:0 0 0 10px rgba(123,15,9,.12),0 10px 30px rgba(123,15,9,.25)!important}
.cursor-glow::after{border-color:rgba(123,15,9,.28)!important}
.cursor-glow.cursor-hover{background:rgba(123,15,9,.15)!important;box-shadow:0 0 0 14px rgba(123,15,9,.08),0 14px 34px rgba(123,15,9,.18)!important}

/* Floating fixed header restored */
.site-header{
  position:fixed!important;
  top:18px!important;
  left:0!important;
  width:100%!important;
  z-index:9999!important;
  transition:.38s ease!important;
}
.site-header.scrolled{top:8px!important}
.nav-wrap{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  backdrop-filter:blur(30px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(180%)!important;
  box-shadow:0 22px 68px rgba(123,15,9,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.site-header.scrolled .nav-wrap{
  background:rgba(255,255,255,.93)!important;
  border-color:rgba(123,15,9,.16)!important;
  box-shadow:0 18px 58px rgba(123,15,9,.18),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.nav-link{color:#4B1713!important}
.nav-link:hover,.nav-link.active{color:#7B0F09!important}
.nav-link:after{background:linear-gradient(90deg,#7B0F09,#A71912)!important}

/* Premium text without black-heavy feel */
h1,h2,h3,h4,.section-copy h2,.section-head h2,.contact-glass h2{color:#35110D!important}
.hero h1{
  background:linear-gradient(135deg,#35110D 0%,#7B0F09 52%,#A71912 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:0 18px 60px rgba(123,15,9,.10)!important;
}
.hero h1 em{background:linear-gradient(135deg,#A71912,#7B0F09,#5E0905)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-text,.section-head p,.section-copy p,.project-card p,.service-card p,.feature-list p,.timeline p,.review-card p{color:#7D5C58!important}
.eyebrow{color:#7B0F09!important}.eyebrow span{background:#7B0F09!important}

/* Rich but still white glass cards */
.glass-device,.service-card,.project-card,.review-card,.feature-list article,.timeline article,.logo-glass,.feature-shell,.trust-row div,.value-list article,.dash-card,.code-panel{
  background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,247,246,.58))!important;
  border:1px solid rgba(255,255,255,.94)!important;
  box-shadow:0 24px 70px rgba(123,15,9,.12),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.service-card:hover,.project-card:hover,.review-card:hover{box-shadow:0 32px 85px rgba(123,15,9,.18)!important}
.project-card h3,.service-card h3,.feature-list b,.timeline h3,.review-card b{color:#35110D!important}
.trust-row strong,.dash-card strong,.value-list b,.feature-list article span,.timeline span{color:#7B0F09!important}
.device-top b,.dash-card small{color:#7D5C58!important}
.code-panel p{color:#5E0905!important}.code-panel span{color:#A71912!important;font-weight:900!important}

/* Premium dark-red buttons */
.btn-primary,.header-cta,.go-top,.menu-btn{
  background:linear-gradient(135deg,#A71912 0%,#7B0F09 52%,#5E0905 100%)!important;
  color:#fff!important;
  box-shadow:0 22px 52px rgba(123,15,9,.30)!important;
}
.btn-primary:hover,.header-cta:hover{box-shadow:0 28px 65px rgba(123,15,9,.42)!important}
.btn-glass{background:rgba(255,255,255,.76)!important;color:#7B0F09!important;border:1px solid rgba(123,15,9,.18)!important}
.service-card ion-icon{background:linear-gradient(135deg,#A71912,#7B0F09)!important;color:#fff!important}

/* Orbs and project image tone */
.orb-one{background:rgba(123,15,9,.15)!important}.orb-two{background:rgba(167,25,18,.11)!important}
.project-card img{background:#fff7f6!important;border:1px solid rgba(123,15,9,.08)!important;box-shadow:0 12px 35px rgba(123,15,9,.08)!important}
.work{background:linear-gradient(180deg,transparent,rgba(123,15,9,.045),transparent)!important}

/* Final CTA: premium red, not black */
.contact{
  background:
    linear-gradient(rgba(123,15,9,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(123,15,9,.035) 1px, transparent 1px),
    radial-gradient(circle at 16% 6%, rgba(123,15,9,.10), transparent 24%),
    radial-gradient(circle at 86% 14%, rgba(167,25,18,.10), transparent 26%)!important;
  background-size:52px 52px,52px 52px,100% 100%,100% 100%!important;
}
.cta-showcase{
  background:
    radial-gradient(circle at 74% 25%, rgba(255,255,255,.18), transparent 26%),
    linear-gradient(135deg,#A71912 0%,#7B0F09 46%,#5E0905 100%)!important;
  box-shadow:0 38px 95px rgba(123,15,9,.28),0 18px 45px rgba(43,9,6,.12)!important;
}
.cta-content h2,.cta-content p,.cta-kicker{color:#fff!important}.cta-kicker span{background:#fff!important}
.cta-whatsapp{color:#7B0F09!important;background:#fff!important}

/* Footer premium but not too dark */
.footer{background:linear-gradient(135deg,#5E0905 0%,#7B0F09 58%,#A71912 100%)!important;color:#fff!important}
.footer p,.footer a,.copyright{color:#FFEDEA!important}.socials a{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important}

/* Mobile menu remains visible and floating */
@media(max-width:1080px){
  .nav-links{background:rgba(255,255,255,.96)!important;border:1px solid rgba(123,15,9,.14)!important;box-shadow:0 25px 75px rgba(123,15,9,.20)!important}
}


/* === Splash + fixed full-size header update === */
/* Hide header completely while splash/loading screen is visible */
.site-header{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-14px)!important;
}
body.site-ready .site-header{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}

/* Keep header floating at the same size even after scrolling */
.site-header,
.site-header.scrolled{
  position:fixed!important;
  top:18px!important;
  left:0!important;
  width:100%!important;
  z-index:9998!important;
  transition:opacity .45s ease,visibility .45s ease,transform .45s ease!important;
}

.nav-wrap,
.site-header.scrolled .nav-wrap{
  width:min(1180px,92%)!important;
  margin:auto!important;
  padding:14px 16px!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.94)!important;
  backdrop-filter:blur(30px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(180%)!important;
  box-shadow:0 22px 68px rgba(123,15,9,.14),inset 0 1px 0 rgba(255,255,255,.96)!important;
}

.brand .brand-logo-full,
.site-header.scrolled .brand .brand-logo-full{
  width:245px!important;
  height:auto!important;
  max-height:72px!important;
}

.brand img,
.site-header.scrolled .brand img{
  width:245px!important;
  height:auto!important;
  max-height:72px!important;
}

@media(max-width:1080px){
  .brand .brand-logo-full,
  .site-header.scrolled .brand .brand-logo-full,
  .brand img,
  .site-header.scrolled .brand img{
    width:205px!important;
    max-height:62px!important;
  }
}

@media(max-width:640px){
  .brand .brand-logo-full,
  .site-header.scrolled .brand .brand-logo-full,
  .brand img,
  .site-header.scrolled .brand img{
    width:175px!important;
    max-height:54px!important;
  }
}

/* === Final premium polish + fixed-header section offset === */
html{
  scroll-behavior:smooth!important;
  scroll-padding-top:190px!important;
}
section[id]{
  scroll-margin-top:190px!important;
}
.section{
  padding-top:0px!important;
  padding-bottom:145px!important;
}
.hero{
  padding-top:175px!important;
}

/* Keep floating header fixed, same size, but more premium while scrolling */
.site-header,
.site-header.scrolled{
  position:fixed!important;
  top:18px!important;
  left:0!important;
  width:100%!important;
  z-index:9998!important;
}
.nav-wrap{
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  backdrop-filter:blur(26px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(175%)!important;
}
.site-header.scrolled .nav-wrap{
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(38px) saturate(190%)!important;
  -webkit-backdrop-filter:blur(38px) saturate(190%)!important;
  box-shadow:0 28px 82px rgba(123,15,9,.17),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.nav-wrap,
.site-header.scrolled .nav-wrap{
  padding:14px 16px!important;
  border-radius:30px!important;
}
.brand .brand-logo-full,
.site-header.scrolled .brand .brand-logo-full,
.brand img,
.site-header.scrolled .brand img{
  width:245px!important;
  height:auto!important;
  max-height:72px!important;
}

/* Soft premium glow behind main section headings */
.section-head h2,
.section-copy h2,
.hero h1{
  position:relative;
  z-index:1;
}
.section-head h2::before,
.section-copy h2::before,
.hero h1::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:72%;
  height:64%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(123,15,9,.10),transparent 68%);
  filter:blur(18px);
  z-index:-1;
  pointer-events:none;
}
.section-copy h2::before,
.hero h1::before{
  left:34%;
}

/* Better breathing room when section opens under fixed header */
.services .section-head,
.work .section-head,
.reviews .section-head,
.process .section-head{
  padding-top:18px!important;
}
.feature-shell{
  margin-top:20px!important;
}

/* More premium cards + smoother hover */
.service-card,
.project-card,
.review-card,
.feature-list article,
.timeline article,
.logo-glass,
.feature-shell,
.trust-row div,
.value-list article{
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s cubic-bezier(.16,1,.3,1), border-color .45s ease!important;
}
.service-card:hover,
.project-card:hover,
.review-card:hover,
.feature-list article:hover,
.timeline article:hover{
  transform:translateY(-10px) scale(1.012)!important;
  border-color:rgba(123,15,9,.20)!important;
  box-shadow:0 34px 85px rgba(123,15,9,.18),0 18px 45px rgba(43,9,6,.08)!important;
}
.project-card img{
  transition:transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s ease!important;
}
.project-card:hover img{
  transform:scale(1.025)!important;
  box-shadow:0 18px 45px rgba(123,15,9,.14)!important;
}

/* Staggered reveal effect for service/project/testimonial cards */
.services-grid .reveal:nth-child(1),.project-grid .reveal:nth-child(1),.review-grid .reveal:nth-child(1){transition-delay:.03s!important}
.services-grid .reveal:nth-child(2),.project-grid .reveal:nth-child(2),.review-grid .reveal:nth-child(2){transition-delay:.08s!important}
.services-grid .reveal:nth-child(3),.project-grid .reveal:nth-child(3),.review-grid .reveal:nth-child(3){transition-delay:.13s!important}
.services-grid .reveal:nth-child(4),.project-grid .reveal:nth-child(4),.review-grid .reveal:nth-child(4){transition-delay:.18s!important}
.services-grid .reveal:nth-child(5),.project-grid .reveal:nth-child(5){transition-delay:.23s!important}
.services-grid .reveal:nth-child(6),.project-grid .reveal:nth-child(6){transition-delay:.28s!important}
.services-grid .reveal:nth-child(7),.project-grid .reveal:nth-child(7){transition-delay:.33s!important}
.services-grid .reveal:nth-child(8),.project-grid .reveal:nth-child(8){transition-delay:.38s!important}

/* Smoother premium custom cursor */
.cursor-glow{
  will-change:left,top,transform,width,height!important;
  transition:width .22s ease,height .22s ease,background .22s ease,box-shadow .22s ease!important;
}
.cursor-glow.cursor-hover{
  transform:translate(-50%,-50%) scale(1.08)!important;
}

@media(max-width:1080px){
  html{scroll-padding-top:150px!important}
  section[id]{scroll-margin-top:150px!important}
  .section{padding-top:25px!important;padding-bottom:115px!important}
  .hero{padding-top:155px!important}
  .brand .brand-logo-full,
  .site-header.scrolled .brand .brand-logo-full,
  .brand img,
  .site-header.scrolled .brand img{
    width:205px!important;
    max-height:62px!important;
  }
}
@media(max-width:640px){
  html{scroll-padding-top:125px!important}
  section[id]{scroll-margin-top:125px!important}
  .section{padding-top:25px!important;padding-bottom:92px!important}
  .hero{padding-top:140px!important}
  .brand .brand-logo-full,
  .site-header.scrolled .brand .brand-logo-full,
  .brand img,
  .site-header.scrolled .brand img{
    width:175px!important;
    max-height:54px!important;
  }
}