@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --navy:#081b35;
  --navy-2:#0d2b50;
  --navy-3:#122f55;
  --red:#ef1d2d;
  --red-dark:#c90f1f;
  --white:#fff;
  --ink:#0d1b2e;
  --muted:#697586;
  --line:#e7eaf0;
  --soft:#f6f8fb;
  --green:#1db86b;
  --shadow:0 25px 70px rgba(8,27,53,.13);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.container{width:min(1160px,92%);margin:auto}
.section{padding:105px 0}
.centered{text-align:center}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:1.8px;margin-bottom:18px}
.centered .eyebrow{justify-content:center}
h1,h2,h3{letter-spacing:-.045em}
h2{font-size:clamp(38px,5vw,60px);line-height:1.05}
h1 span,h2 em{color:var(--red);font-style:normal}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.reveal.show{opacity:1;transform:none}

/* Preloader */
.preloader{position:fixed;inset:0;z-index:9999;background:var(--navy);color:#fff;display:grid;place-items:center;align-content:center;gap:13px;transition:opacity .5s,visibility .5s}
.preloader.done{opacity:0;visibility:hidden}
.loader-mark{width:72px;height:72px;border:2px solid var(--red);border-radius:18px;display:grid;place-items:center;font-weight:900;font-size:25px;animation:pulse 1.1s infinite}
.preloader span{font-size:9px;letter-spacing:3px;color:#a9b6c9}
@keyframes pulse{50%{transform:scale(1.07);box-shadow:0 0 0 12px rgba(239,29,45,.08)}}

/* Header */
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}
.brand{width:190px;display:flex}
.brand img{width:180px;height:60px;object-fit:contain;object-position:left center}
.nav{display:flex;justify-content:center;align-items:center;gap:24px;flex:1}
.nav-link{font-size:12px;font-weight:800;color:#526071;transition:.25s}
.nav-link:hover,.nav-link.active{color:var(--red)}
.header-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:8px;font-size:11px;font-weight:900}
.header-cta:hover{background:var(--red)}
.menu-btn{display:none;width:42px;height:42px;padding:8px;background:rgba(255,255,255,.88);border:1px solid #d9dee7;border-radius:9px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:.2s}
.menu-btn:hover{border-color:var(--navy);background:#fff}
.menu-btn i{display:block;width:23px;height:2px;background:var(--navy);margin:0;border-radius:2px;transition:.2s}

/* Hero */
.hero{min-height:calc(100vh - 78px);position:relative;display:flex;align-items:center;background:linear-gradient(120deg,#fff 0%,#fff 52%,#f4f7fc 100%);overflow:hidden}
.hero:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(239,29,45,.1);border-radius:50%;right:-350px;top:60px}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:60px;padding:75px 0}
.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid #f2b7bc;border-radius:50px;color:var(--red);font-size:9px;font-weight:900;letter-spacing:1.4px;margin-bottom:21px}
.pulse{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px rgba(239,29,45,.1)}
.hero h1{font-size:clamp(48px,6.2vw,78px);line-height:.98;max-width:760px}
.hero-text{font-size:16px;color:var(--muted);max-width:660px;margin-top:26px}
.hero-buttons{display:flex;gap:12px;margin:31px 0 45px;flex-wrap:wrap}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:14px 20px;border-radius:8px;font-size:12px;font-weight:900;border:1px solid transparent;transition:.25s;cursor:pointer}
.btn.red{background:var(--red);color:#fff;box-shadow:0 12px 28px rgba(239,29,45,.22)}
.btn.red:hover{background:var(--red-dark);transform:translateY(-2px)}
.btn.outline{background:#fff;color:var(--navy);border-color:#d8dee8}
.btn.outline:hover{border-color:var(--navy);transform:translateY(-2px)}
.hero-proof{display:flex;gap:0}
.hero-proof>div{display:flex;align-items:center;gap:10px;border-right:1px solid #dce1e9;padding-right:25px;margin-right:25px}
.hero-proof>div:last-child{border:0}
.hero-proof strong{font-size:11px;color:var(--red)}.hero-proof span{font-size:9px;color:#7e8998;line-height:1.35}

/* Hero visual */
.hero-stage{min-height:500px;position:relative;display:grid;place-items:center}
.orb{position:absolute;border-radius:50%}.orb-a{width:410px;height:410px;background:rgba(239,29,45,.08);filter:blur(8px)}.orb-b{width:290px;height:290px;border:1px solid rgba(239,29,45,.16)}
.growth-card{position:relative;z-index:2;width:min(455px,90%);padding:29px;background:rgba(255,255,255,.97);border:1px solid #fff;border-radius:24px;box-shadow:var(--shadow)}
.growth-head{display:flex;justify-content:space-between;align-items:start}.growth-head small{font-size:9px;color:#9aa3b1;font-weight:900;letter-spacing:1.2px}.growth-head h3{font-size:19px;margin-top:4px}.green{color:var(--green);font-weight:900;font-size:12px;background:#eafaf1;padding:6px 9px;border-radius:20px}
.growth-bars{height:180px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #e8ebf0;padding:20px 4px 0;margin-top:17px}
.growth-bars>div{height:100%;flex:1;display:flex;align-items:end}.growth-bars span{width:100%;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,var(--red),#ff737d);animation:bar 1s ease both}
.growth-bars>div:nth-child(2) span{animation-delay:.08s}.growth-bars>div:nth-child(3) span{animation-delay:.16s}.growth-bars>div:nth-child(4) span{animation-delay:.24s}.growth-bars>div:nth-child(5) span{animation-delay:.32s}.growth-bars>div:nth-child(6) span{animation-delay:.4s}.growth-bars>div:nth-child(7) span{animation-delay:.48s}.growth-bars>div:nth-child(8) span{animation-delay:.56s}
@keyframes bar{from{height:0!important}}
.growth-foot{display:flex;justify-content:space-between;margin-top:19px;color:#9aa3b1;font-size:10px}.growth-foot b{color:var(--green)}
.floating-card{position:absolute;z-index:3;background:#fff;padding:12px 15px;border-radius:13px;box-shadow:0 15px 38px rgba(8,27,53,.15);display:flex;align-items:center;gap:9px;font-size:19px;color:var(--red)}
.floating-card span{font-size:9px;line-height:1.3;color:#98a2b3}.floating-card b{color:var(--navy)}
.fc1{top:58px;left:0}.fc2{bottom:60px;right:0}.fc3{bottom:0;left:45px}
.hero-scroll{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:900;letter-spacing:2px;color:#8e98a7}.hero-scroll span{color:var(--red);font-size:13px;margin-left:6px}

/* Marquee */
.marquee{background:var(--red);color:#fff;overflow:hidden;padding:14px 0;white-space:nowrap}
.marquee-track{display:flex;align-items:center;justify-content:space-around;gap:35px;width:max-content;animation:marquee 25s linear infinite;font-size:10px;font-weight:900;letter-spacing:1.5px}
.marquee-track b{font-size:9px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* About */
.about{background:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.about-visual{height:460px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--navy-2));border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.about-visual:before,.about-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.about-visual:before{width:390px;height:390px}.about-visual:after{width:250px;height:250px;border-color:rgba(239,29,45,.5)}
.about-panel{position:relative;z-index:2;width:230px;height:250px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:space-between;padding:22px}
.monogram{font-size:72px;font-weight:900;color:#fff;letter-spacing:-8px}.about-panel-text{display:flex;flex-direction:column}.about-panel-text small{font-size:8px;color:#aebbd0;letter-spacing:1.5px}.about-panel-text strong{font-size:22px;line-height:1.1;color:#fff}
.experience-badge{position:absolute;z-index:4;right:25px;top:55px;background:#fff;border-radius:13px;padding:12px 16px;display:flex;flex-direction:column;box-shadow:0 15px 35px rgba(0,0,0,.2)}.experience-badge b{color:var(--red);font-size:20px}.experience-badge span{font-size:8px;color:#8993a1;line-height:1.2}
.copy h2{margin-bottom:24px}.copy>p{color:var(--muted);font-size:14px;margin-bottom:14px;max-width:700px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:27px 0}.feature-list div{font-size:11px;color:#475467}.feature-list span{color:var(--red);font-weight:900;margin-right:7px}
.arrow-link{font-size:11px;font-weight:900;color:var(--red)}.arrow-link span{margin-left:9px}

/* Services */
.services{background:var(--soft)}.section-title{max-width:790px}.section-title>p{color:var(--muted);font-size:13px;margin-top:18px}.section-title.centered{margin-inline:auto}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.service{position:relative;background:#fff;border:1px solid var(--line);padding:27px 22px;border-radius:18px;transition:.3s}.service:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(8,27,53,.08)}.service.hot{border:2px solid var(--red)}.service.hot label{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:7px;font-weight:900;padding:6px 9px;border-radius:0 0 0 8px}
.service-top{display:flex;justify-content:space-between;align-items:center;color:#a2aab6;font-size:10px;font-weight:900}.service-top i{width:50px;height:50px;border-radius:12px;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-style:normal;font-size:25px}.service h3{font-size:21px;margin:20px 0 9px}.service>p{font-size:11px;color:var(--muted);min-height:65px}.service ul{list-style:none;border-top:1px solid var(--line);padding-top:13px;margin:15px 0}.service li{font-size:10px;color:#667085;margin:6px 0}.service li:before{content:"✓";color:var(--red);font-weight:900;margin-right:7px}.service>a{font-size:10px;color:var(--red);font-weight:900}.service>a span{margin-left:8px}

/* Stats */
.stats-section{background:var(--navy);color:#fff;padding:48px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{text-align:center;border-right:1px solid rgba(255,255,255,.12)}.stats-grid>div:last-child{border:0}.stats-grid strong{font-size:38px;color:#fff;line-height:1}.stats-grid span{display:block;color:#94a4bb;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:8px}

/* Pricing */
.pricing{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.price-card{position:relative;border:1px solid var(--line);border-radius:20px;padding:34px;background:#fff}.price-card.featured-price{border:2px solid var(--red);box-shadow:var(--shadow)}.recommended{position:absolute;top:0;right:0;background:var(--red);color:#fff;padding:7px 12px;font-size:8px;font-weight:900;border-radius:0 0 0 9px}.price-card>small{font-size:9px;font-weight:900;color:var(--red);letter-spacing:1.3px}.price-card h3{font-size:25px;margin:10px 0}.price{font-size:27px;font-weight:900;color:var(--navy);margin-bottom:8px}.price span{font-size:9px;color:#98a2b3;font-weight:600}.price-card>p:not(.price){font-size:11px;color:var(--muted);min-height:38px}.price-card ul{list-style:none;border-top:1px solid var(--line);margin:22px 0;padding-top:15px}.price-card li{font-size:10px;color:#667085;margin:8px 0}.price-card li:before{content:"✓";color:var(--red);font-weight:900;margin-right:8px}.price-btn{display:block;text-align:center;border:1px solid var(--navy);color:var(--navy);padding:12px;border-radius:8px;font-size:10px;font-weight:900}.price-btn:hover{background:var(--navy);color:#fff}

/* Process */
.process{background:var(--navy);color:#fff}.light .eyebrow{color:#ff6873}.light>p{color:#aebbd0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:48px;background:rgba(255,255,255,.12)}.process-item{background:var(--navy);padding:34px 25px;min-height:220px}.process-item span{color:#ff6570;font-size:11px;font-weight:900}.process-item h3{font-size:23px;margin:40px 0 8px}.process-item p{font-size:11px;color:#9eacc0}

/* Portfolio */
.portfolio{background:var(--soft)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:45px}.project{min-height:330px;border-radius:20px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;transition:.3s;overflow:hidden}.project:hover{transform:translateY(-6px)}.p1{background:linear-gradient(135deg,#ef1d2d,#830812)}.p2{background:linear-gradient(135deg,#12345d,#06172d)}.p3{background:linear-gradient(135deg,#1e3049,#081a32)}.p4{background:linear-gradient(135deg,#dce2eb,#f9fafc);color:var(--navy)}.project-label{font-size:9px;font-weight:900;border:1px solid currentColor;padding:6px 9px;border-radius:30px;align-self:flex-start}.project small{font-size:8px;opacity:.65}.project h3{font-size:30px;margin:7px 0}.project p{font-size:11px;opacity:.7}

/* Testimonials */
.testimonials{background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:45px}.testimonial{border:1px solid var(--line);border-radius:18px;padding:27px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.stars{color:#ef1d2d;letter-spacing:3px;font-size:11px}.testimonial p{font-size:13px;color:#475467}.testimonial strong{font-size:11px}.testimonial small{font-size:9px;color:#98a2b3}


/* Blog */
.blog{background:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:.3s;box-shadow:0 8px 25px rgba(8,27,53,.03)}
.blog-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(8,27,53,.1)}
.blog-image{height:225px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden;background:#0b1d36}
.blog-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.blog-card:hover .blog-image img{transform:scale(1.04)}.blog-image:before,.blog-image:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.blog-image:before{width:210px;height:210px;right:-80px;top:-90px}
.blog-image:after{width:120px;height:120px;left:-45px;bottom:-55px}
.blog-image span{font-size:9px;font-weight:900;letter-spacing:1.5px;border:1px solid rgba(255,255,255,.35);border-radius:30px;padding:6px 9px;align-self:flex-start;position:relative;z-index:2}
.blog-image strong{font-size:58px;line-height:1;opacity:.35;letter-spacing:-5px;position:relative;z-index:2}
.seo-image{background:linear-gradient(135deg,#ef1d2d,#7d0813)}
.web-image{background:linear-gradient(135deg,#12345d,#06172d)}
.marketing-image{background:linear-gradient(135deg,#1e3049,#0a192c)}
.blog-content{padding:24px}
.blog-meta{font-size:8px;font-weight:900;letter-spacing:1.2px;color:var(--red);margin-bottom:11px}
.blog-content h3{font-size:20px;line-height:1.18;margin-bottom:12px}
.blog-content p{font-size:11px;color:var(--muted);margin-bottom:19px}
.read-article{border:0;background:none;padding:0;color:var(--red);font-size:10px;font-weight:900;cursor:pointer}
.read-article span{margin-left:8px}
.blog-note{margin:20px auto 0;border:1px dashed #d9dee7;border-radius:12px;padding:13px 17px;display:flex;align-items:center;gap:10px;max-width:760px}
.blog-note span{color:var(--red)}
.blog-note p{font-size:10px;color:#7c8797}

/* Article modal */
.article-modal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:20px}
.article-modal.open{display:flex}
.article-overlay{position:absolute;inset:0;background:rgba(4,14,28,.72);backdrop-filter:blur(5px)}
.article-window{position:relative;z-index:2;background:#fff;width:min(720px,94vw);max-height:86vh;overflow:auto;border-radius:20px;padding:42px}
.article-close{position:absolute;right:18px;top:15px;border:0;background:#f1f3f6;color:var(--navy);width:34px;height:34px;border-radius:50%;font-size:23px;cursor:pointer}
.article-window h2{font-size:36px;line-height:1.08;margin-bottom:22px}.article-feature-image{display:block;width:100%;height:260px;object-fit:cover;border-radius:16px;margin:0 0 24px;border:1px solid #e5e9ef}
.article-window #articleBody p{font-size:13px;color:#596678;margin:0 0 16px}
.article-window #articleBody h3{font-size:17px;margin:25px 0 9px}
.article-window #articleBody ul{padding-left:19px;color:#596678;font-size:12px}
.article-window #articleBody li{margin:7px 0}


/* FAQ */
.faq{background:var(--soft)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:10px;padding:0 19px}.faq-list summary{list-style:none;cursor:pointer;padding:18px 0;font-size:12px;font-weight:900}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--red);font-size:18px}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:11px;color:var(--muted);padding:0 0 17px}

/* Contact */
.contact{background:#fff}.contact-card{background:var(--navy);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:var(--shadow)}.contact-info{padding:58px;color:#fff}.contact-info h2{margin-bottom:19px}.contact-info>p{font-size:12px;color:#b1bfd2;max-width:500px}.contact-line{display:flex;align-items:center;gap:12px;margin-top:23px}.contact-line span{color:#ff6570;font-size:19px}.contact-line a{font-size:11px;font-weight:800}.social-area{border-top:1px solid rgba(255,255,255,.13);margin-top:32px;padding-top:22px}.social-area>b{font-size:10px}.socials{display:flex;gap:8px;margin:12px 0}.socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900}.socials a:hover{background:var(--red);border-color:var(--red)}.social-area small{font-size:8px;color:#7f90a8}
.contact-form{background:#fff;margin:10px;border-radius:20px;padding:38px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{font-size:10px;font-weight:900;color:#344054;display:block;margin-bottom:15px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;display:block;margin-top:7px;border:1px solid #dfe3ea;border-radius:8px;padding:12px;outline:0;background:#fff;color:var(--ink);font-size:12px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(239,29,45,.08)}.contact-form textarea{resize:vertical}.submit{width:100%;border:0}.form-status{font-size:10px;text-align:center;color:var(--green);margin-top:10px}

/* Footer */
.footer{background:#06172d;color:#fff;padding-top:52px}.footer-main{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px);align-items:start;gap:70px;padding-bottom:34px}.footer-brand{display:flex;align-items:flex-start;gap:18px}.footer-logo{display:block;width:155px;height:auto;max-height:110px;object-fit:contain;object-position:left center;filter:none;background:transparent}.footer-main p{font-size:9px;color:#8190a6;margin:8px 0 0;max-width:280px;line-height:1.7}.footer-nav{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:11px;padding-top:2px;border-top:0}.footer-nav a{font-size:10px;color:#aebbd0;white-space:nowrap;transition:.2s}.footer-nav a:hover{color:#ff2338;transform:translateX(3px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:19px 0;display:flex;justify-content:space-between;color:#6f8098;font-size:9px}.footer-bottom a{color:#fff}

/* WhatsApp */
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:800;background:#20c768;color:#fff;border-radius:50px;padding:12px 17px;display:flex;align-items:center;gap:8px;font-size:11px;box-shadow:0 12px 30px rgba(0,0,0,.2);transition:.25s}.whatsapp span{font-size:20px}.whatsapp:hover{transform:translateY(-3px)}

/* Responsive */
@media(max-width:1050px){
  .nav{gap:13px}.services-grid{grid-template-columns:1fr 1fr}.hero-grid{gap:35px}.about-grid{gap:50px}
}
@media(max-width:850px){
  .blog-grid{grid-template-columns:1fr 1fr}
  .nav{position:absolute;left:0;right:0;top:78px;background:#fff;display:none;flex-direction:column;align-items:flex-start;padding:22px 5%;border-bottom:1px solid var(--line);gap:18px}.nav.open{display:flex}.menu-btn{display:block;margin-left:auto;padding:8px 0}.header-cta{display:none}
  .hero{min-height:auto}.hero-grid,.about-grid,.faq-grid,.contact-card{grid-template-columns:1fr}.hero-grid{padding:75px 0}.hero-stage{min-height:430px}.about-visual{height:410px}.process-grid{grid-template-columns:1fr 1fr}.testimonial-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .blog-grid{grid-template-columns:1fr}.article-window{padding:32px 23px}.article-window h2{font-size:29px}
  .section{padding:75px 0}.brand{width:150px}.brand img{width:145px}.hero h1{font-size:45px}.hero-text{font-size:14px}.hero-buttons{flex-direction:column}.btn{width:100%}
  .hero-proof{flex-wrap:wrap;gap:15px}.hero-proof>div{margin:0;padding-right:15px}.hero-stage{min-height:390px}.growth-card{padding:20px}.growth-bars{height:145px}.fc1{left:0;top:25px}.fc2{right:0;bottom:25px}.fc3{left:5px;bottom:-5px}
  .feature-list{grid-template-columns:1fr}.services-grid,.portfolio-grid,.pricing-grid,.process-grid,.stats-grid{grid-template-columns:1fr}.stats-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:17px}.stats-grid>div:last-child{border-bottom:0}
  .project{min-height:270px}.form-row{grid-template-columns:1fr}.contact-info{padding:40px 24px}.contact-form{margin:0;border-radius:0;padding:27px 21px}.footer-main{grid-template-columns:1fr;gap:28px}.footer-brand{flex-direction:column;align-items:flex-start;gap:10px}.footer-logo{width:145px}.footer-nav{gap:11px}.footer-bottom{flex-direction:column;gap:8px}.whatsapp{right:14px;bottom:14px}.whatsapp b{display:none}
}

/* =========================================================
   MULTI-PAGE FRONTEND
   ========================================================= */
.subpage-hero{padding:150px 0 90px;background:#081b35;color:#fff;position:relative;overflow:hidden}
.subpage-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(239,29,45,.32),transparent 68%);pointer-events:none}
.subpage-hero-inner{position:relative;z-index:1;max-width:900px}
.subpage-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:12px 0 20px;letter-spacing:-2px}
.subpage-hero p{max-width:720px;font-size:18px;line-height:1.75;color:#d7e0ec}
.subpage-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.subpage-actions .outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.subpage-actions .outline:hover{background:#fff;color:#081b35;border-color:#fff}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.info-card{background:#fff;border:1px solid #e5e9ef;border-radius:18px;padding:28px;box-shadow:0 16px 45px rgba(8,27,53,.07)}
.info-card .card-number{display:inline-flex;width:38px;height:38px;border-radius:10px;background:#081b35;color:#fff;align-items:center;justify-content:center;font-weight:800;margin-bottom:18px}
.info-card h3{margin-bottom:10px}
.info-card p{line-height:1.7;color:#5c6878}
.guideline-grid,.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.guideline-grid .info-card{height:100%}
.steps-grid .step{padding:24px;border-top:2px solid #ef1d2d;background:#fff;border-radius:12px;box-shadow:0 12px 35px rgba(8,27,53,.06)}
.steps-grid .step>span{font-weight:800;color:#ef1d2d}
.steps-grid h3{margin:12px 0 8px}
.steps-grid p{color:#5c6878;line-height:1.65}
.simple-cta{display:flex;align-items:center;justify-content:space-between;gap:30px}
.simple-cta h2{margin:8px 0 10px}
@media(max-width:900px){.two-col,.guideline-grid,.steps-grid{grid-template-columns:1fr 1fr}.subpage-hero{padding:125px 0 70px}}
@media(max-width:600px){.two-col,.guideline-grid,.steps-grid{grid-template-columns:1fr}.subpage-hero h1{letter-spacing:-1px}.subpage-hero p{font-size:16px}.simple-cta{display:block}.simple-cta .btn{margin-top:22px}}


/* Navigation fix: keep all desktop menu items visible */
.nav-wrap{min-width:0}
.nav{min-width:0;white-space:nowrap;gap:16px}
.nav-link{white-space:nowrap}
.brand{flex:0 0 165px;width:165px}
.brand img{width:155px}
.header-cta{flex:0 0 auto;white-space:nowrap}
@media (max-width:1200px) and (min-width:851px){
  .nav-wrap{gap:16px}
  .nav{gap:10px}
  .nav-link{font-size:11px}
  .brand{flex-basis:145px;width:145px}
  .brand img{width:140px}
  .header-cta{padding:11px 14px}
}


/* FINAL DESKTOP NAVIGATION - all menu items visible */
@media (min-width: 851px){
  .nav-wrap{display:grid !important;grid-template-columns:165px minmax(0,1fr) auto;align-items:center;gap:14px;width:min(1160px,92%);margin:0 auto;}
  .brand{width:165px !important;flex:none !important;}
  .nav{display:flex !important;position:static !important;justify-content:center;align-items:center;gap:clamp(7px,1.05vw,15px) !important;min-width:0 !important;overflow:visible !important;white-space:nowrap !important;}
  .nav-link{font-size:clamp(10px,0.85vw,12px) !important;white-space:nowrap !important;display:inline-block !important;visibility:visible !important;opacity:1 !important;}
  .header-cta{display:block !important;white-space:nowrap !important;}
}
@media (min-width: 851px) and (max-width: 1050px){
  .nav-wrap{grid-template-columns:145px minmax(0,1fr) auto;gap:8px;}
  .brand{width:145px !important;}
  .brand img{width:135px !important;}
  .nav{gap:6px !important;}
  .nav-link{font-size:9.5px !important;}
  .header-cta{font-size:10px !important;padding:9px 10px !important;}
}


/* SERVICES PAGE ENHANCEMENTS */
.services-hero{background:linear-gradient(115deg,#081b35 0%,#0b2342 60%,#29182f 100%)}
.services-hero h1 span{color:#ef1d2d}
.service-intro-grid{align-items:center}
.lead-copy{margin-top:20px;max-width:700px;color:#697586;font-size:17px;line-height:1.8}
.service-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.service-stats div{background:#f6f8fb;border:1px solid #e7eaf0;border-radius:18px;padding:25px 18px;text-align:center}
.service-stats strong{display:block;color:#081b35;font-size:32px;letter-spacing:-1px}
.service-stats span{font-size:11px;color:#697586}
.service-catalog{background:#f7f9fc}
.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.service-detail{position:relative;background:#fff;border:1px solid #e7eaf0;border-radius:22px;padding:30px;box-shadow:0 12px 35px rgba(8,27,53,.06);transition:transform .25s,box-shadow .25s,border-color .25s}
.service-detail:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(8,27,53,.11);border-color:rgba(239,29,45,.35)}
.service-detail.featured{border:2px solid #ef1d2d;box-shadow:0 20px 50px rgba(239,29,45,.1)}
.detail-badge{position:absolute;right:20px;top:20px;background:#ef1d2d;color:#fff;font-size:9px;font-weight:900;letter-spacing:1px;padding:6px 9px;border-radius:20px}
.detail-number{font-size:11px;font-weight:900;color:#ef1d2d;letter-spacing:1px}
.detail-icon{width:48px;height:48px;border-radius:14px;background:#081b35;color:#fff;display:grid;place-items:center;font-size:22px;margin:18px 0}
.service-detail h3{font-size:25px;margin-bottom:10px}
.service-detail>p{color:#697586;font-size:14px;line-height:1.7;min-height:72px}
.service-detail ul{list-style:none;margin:20px 0 24px;padding-top:18px;border-top:1px solid #edf0f4}
.service-detail li{position:relative;padding:6px 0 6px 20px;font-size:12px;color:#344054}
.service-detail li:before{content:'✓';position:absolute;left:0;color:#ef1d2d;font-weight:900}
.service-detail>a,.text-link{font-size:12px;font-weight:800;color:#081b35}.service-detail>a span,.text-link span{color:#ef1d2d;margin-left:6px}
.service-benefits{background:#fff}
.benefit-list{display:grid;gap:0}
.benefit{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #e7eaf0}
.benefit>b{color:#ef1d2d;font-size:12px;padding-top:4px}.benefit h3{font-size:18px;margin-bottom:4px}.benefit p{font-size:13px;color:#697586}
.service-cta{background:#f6f8fb;padding-top:80px;padding-bottom:80px}.service-cta .simple-cta>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1000px){.service-detail-grid{grid-template-columns:1fr 1fr}.service-stats{margin-top:10px}}
@media(max-width:700px){.service-detail-grid{grid-template-columns:1fr}.service-stats{grid-template-columns:1fr 1fr 1fr}.service-stats div{padding:18px 8px}.service-stats strong{font-size:25px}.service-detail>p{min-height:0}.service-cta .simple-cta>div:last-child{display:block}.service-cta .btn{display:inline-flex;width:auto;margin:8px 5px 0 0}}


/* Portfolio page - enhanced showcase */
.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 36px}.portfolio-filter{border:1px solid #d8dee8;background:#fff;color:#10233f;border-radius:999px;padding:11px 18px;font-weight:700;cursor:pointer;transition:.2s ease}.portfolio-filter:hover,.portfolio-filter.active{background:#10233f;color:#fff;border-color:#10233f}.portfolio-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.portfolio-card{background:#fff;border:1px solid #e1e6ed;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(16,35,63,.07);transition:transform .25s ease,box-shadow .25s ease}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(16,35,63,.12)}.portfolio-card.is-hidden{display:none}.portfolio-visual{height:250px;position:relative;overflow:hidden;padding:24px;background:#0b1d36;color:#fff}.visual-seo{background:radial-gradient(circle at 80% 20%,rgba(255,37,54,.34),transparent 32%),linear-gradient(135deg,#081a33,#182b49)}.visual-web{background:radial-gradient(circle at 20% 20%,rgba(255,37,54,.22),transparent 34%),linear-gradient(135deg,#111f37,#0b3150)}.visual-marketing{background:radial-gradient(circle at 75% 25%,rgba(255,37,54,.32),transparent 35%),linear-gradient(135deg,#21172e,#102641)}.visual-design{background:radial-gradient(circle at 30% 20%,rgba(255,37,54,.28),transparent 30%),linear-gradient(135deg,#111c31,#321d39)}.visual-tag{font-size:11px;font-weight:800;letter-spacing:.12em;color:#fff;opacity:.9}.mini-chart{position:absolute;left:28px;right:28px;bottom:38px;height:125px;display:flex;align-items:flex-end;gap:10px}.mini-chart i{display:block;flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(#ff6872,#f31f35);height:30%}.mini-chart i:nth-child(2){height:46%}.mini-chart i:nth-child(3){height:40%}.mini-chart i:nth-child(4){height:63%}.mini-chart i:nth-child(5){height:76%}.mini-chart i:nth-child(6){height:100%}.visual-stat{position:absolute;right:26px;top:62px;background:#fff;color:#10233f;border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;box-shadow:0 12px 25px rgba(0,0,0,.15)}.visual-stat strong{font-size:24px}.visual-stat span{font-size:11px;color:#66758a}.browser-card{position:absolute;left:13%;right:13%;top:64px;background:#fff;border-radius:16px;padding:15px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.browser-dots{display:flex;gap:5px;margin-bottom:14px}.browser-dots i{width:6px;height:6px;border-radius:50%;background:#cbd3de}.browser-line{height:7px;width:58%;background:#dce2ea;border-radius:6px;margin:8px 0}.browser-line.long{width:82%}.browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.browser-grid i{height:62px;border-radius:8px;background:linear-gradient(135deg,#f3263d,#ffd2d6)}.marketing-ring{position:absolute;width:145px;height:145px;border-radius:50%;border:20px solid rgba(255,255,255,.12);border-top-color:#ff3348;border-right-color:#ff3348;left:50%;top:55%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(255,255,255,.04)}.marketing-ring strong{font-size:30px}.marketing-ring span{font-size:11px;opacity:.75}.marketing-pills{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between}.marketing-pills span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:11px}.design-layout{position:absolute;left:12%;right:12%;top:58px;bottom:28px;background:#fff;border-radius:15px;display:flex;padding:12px;gap:12px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.design-sidebar{width:23%;background:#edf1f5;border-radius:8px}.design-main{flex:1;padding:5px}.design-main>i{display:block;height:9px;width:65%;background:#d7dee7;border-radius:5px;margin:8px 0}.design-main>i:first-child{width:85%}.design-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.design-cards b{height:74px;border-radius:8px;background:linear-gradient(135deg,#ff3348,#ffd4d8)}.portfolio-card-body{padding:25px}.project-meta{display:flex;justify-content:space-between;color:#f11f35;font-size:11px;font-weight:800;letter-spacing:.12em}.portfolio-card-body h3{margin:10px 0 9px;font-size:24px;color:#0b1d36}.portfolio-card-body p{color:#66758a;line-height:1.7;margin:0}.portfolio-link{display:inline-flex;gap:9px;align-items:center;margin-top:18px;color:#0b1d36;font-weight:800;text-decoration:none}.portfolio-link b{color:#f11f35}.portfolio-note{margin-top:30px;border-radius:20px;background:#0b1d36;color:#fff;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.portfolio-note div{display:flex;flex-direction:column;gap:5px}.portfolio-note strong{font-size:19px}.portfolio-note span{color:#b8c5d5}.portfolio-note .btn{white-space:nowrap}
@media(max-width:800px){.portfolio-showcase{grid-template-columns:1fr}.portfolio-note{align-items:flex-start;flex-direction:column}.portfolio-note .btn{width:100%;justify-content:center}.portfolio-visual{height:225px}}
@media(max-width:520px){.portfolio-filters{gap:7px}.portfolio-filter{padding:9px 13px;font-size:12px}.portfolio-card-body{padding:20px}.portfolio-card-body h3{font-size:21px}.visual-stat{right:18px}.mini-chart{left:18px;right:18px}}

/* Homepage contact section - improved readability */
.homepage-contact-card{grid-template-columns:.82fr 1.18fr;align-items:stretch}
.homepage-contact-card .contact-info{padding:42px 36px}
.homepage-contact-card .contact-info h2{font-size:25px;line-height:1.25;margin:12px 0 18px}
.homepage-contact-card .contact-info>p{font-size:11px;line-height:1.7;max-width:390px}
.homepage-contact-card .contact-line{gap:12px;padding-bottom:17px;margin-top:17px;border-bottom:1px solid rgba(255,255,255,.13);align-items:center}
.homepage-contact-card .contact-line>span{width:32px;height:32px;border-radius:10px;background:rgba(239,29,45,.14);display:grid;place-items:center;font-size:15px;flex:0 0 32px}
.homepage-contact-card .contact-line>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.homepage-contact-card .contact-line small{font-size:8px;letter-spacing:1.2px;color:#8fa0b7;font-weight:900}
.homepage-contact-card .contact-line strong,.homepage-contact-card .contact-line a{font-size:11px;color:#fff;font-weight:800;word-break:break-word}
.homepage-contact-card .social-area{margin-top:18px;padding-top:19px;border-top:0}
.homepage-contact-card .social-area>b{font-size:9px;letter-spacing:1px}
.homepage-contact-card .socials{margin-top:12px;gap:8px}
.homepage-contact-card .socials a{width:30px;height:30px;font-size:9px}
.homepage-contact-card .contact-form{margin:0;border-radius:0;padding:38px 34px}
.homepage-contact-card .form-heading h2{font-size:28px;line-height:1.25;margin:10px 0 10px;color:var(--navy)}
.homepage-contact-card .form-heading p{font-size:12px;line-height:1.65;color:#6d7b8e;margin:0 0 24px;max-width:620px}
.homepage-contact-card .contact-form label{font-size:11px;line-height:1.4;margin-bottom:14px}
.homepage-contact-card .contact-form input,.homepage-contact-card .contact-form select,.homepage-contact-card .contact-form textarea{padding:13px 14px;border-radius:9px;font-size:14px;line-height:1.4;min-height:48px}
.homepage-contact-card .contact-form textarea{min-height:130px}
.homepage-contact-card .submit{font-size:13px;padding:15px 18px;min-height:50px}
.homepage-contact-card .form-status{font-size:11px;line-height:1.5}
.homepage-contact-card .form-note{margin-top:12px;font-size:10px;color:#718096;line-height:1.6}
@media(max-width:900px){
  .homepage-contact-card{grid-template-columns:1fr}
  .homepage-contact-card .contact-info{padding:35px 24px}
  .homepage-contact-card .contact-form{padding:30px 22px}
  .homepage-contact-card .form-heading h2{font-size:25px}
  .homepage-contact-card .form-heading p{font-size:12px}
  .homepage-contact-card .contact-form label{font-size:11px}
  .homepage-contact-card .contact-form input,.homepage-contact-card .contact-form select,.homepage-contact-card .contact-form textarea{font-size:14px;padding:13px 14px}
  .homepage-contact-card .submit{font-size:13px}
}


/* ==========================
   FINAL HOMEPAGE POLISH
   ========================== */
.btn{
  min-height:48px;
  box-sizing:border-box;
  line-height:1;
  font-family:inherit;
  text-decoration:none;
}
.btn.outline{
  color:var(--navy) !important;
  background:#fff !important;
  border-color:#d8dee8 !important;
  visibility:visible !important;
  opacity:1 !important;
}
.btn.red{
  color:#fff !important;
  visibility:visible !important;
  opacity:1 !important;
}
.hero-buttons .btn{min-width:158px;}
.price-btn{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
}
.footer-logo{
  width:125px;
  max-height:90px;
}
.footer-main{
  grid-template-columns:minmax(220px,1fr) 220px;
  align-items:start;
}
.footer-nav{
  align-items:flex-start;
}
.contact-form .submit,
.homepage-contact-card .submit{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
}
section[id]{scroll-margin-top:90px;}
@media(max-width:600px){
  .hero-buttons .btn{width:100%;min-width:0;}
  .footer-logo{width:120px;max-height:85px;}
  .footer-main{grid-template-columns:1fr;}
}

/* Mobile header: keep hamburger at the far right */
@media (max-width:850px){
  .nav-wrap{display:flex !important;align-items:center;justify-content:flex-start;width:min(1160px,92%);margin:0 auto;}
  .brand{flex:0 0 auto !important;}
  .menu-btn{margin-left:auto !important;display:flex !important;flex:0 0 auto;}
}


/* Final footer readability + blog visuals */
.footer-main{grid-template-columns:minmax(260px,1fr) minmax(300px,360px);gap:60px}
.footer-nav{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:13px}
.footer-nav a{font-size:15px;line-height:1.45;font-weight:700;color:#c5d0df}
.footer-nav a:hover{color:#ff3348}
.footer-main p{font-size:11px;line-height:1.75}
.footer-bottom{font-size:11px}
@media(max-width:600px){
  .footer-main{grid-template-columns:1fr;gap:28px}
  .footer-nav{grid-template-columns:1fr 1fr;column-gap:18px;row-gap:12px}
  .footer-nav a{font-size:14px}
  .footer-bottom{font-size:10px}
  .article-feature-image{height:190px}
}


/* ==============================
   Production footer refresh
   ============================== */
.footer{background:#061a33;color:#fff;padding:54px 0 0;position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 10%,rgba(25,107,220,.20),transparent 34%),radial-gradient(circle at 92% 0%,rgba(15,91,170,.14),transparent 32%);pointer-events:none}
.footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(230px,1.35fr) repeat(3,minmax(150px,.8fr)) minmax(235px,1fr);gap:38px;padding-bottom:42px}
.footer-brand-col{min-width:0}
.footer-logo{width:148px;height:74px;object-fit:contain;object-position:left center;display:block;margin-bottom:8px}
.footer-brand-col h3{font-size:20px;line-height:1.2;margin:0 0 9px;color:#fff;font-weight:800}
.footer-brand-col p{font-size:13px;line-height:1.75;color:#b8c8dc;margin:0;max-width:285px}
.footer-socials{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.footer-socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#17365d;color:#fff;font-size:15px;font-weight:800;text-decoration:none;border:1px solid rgba(255,255,255,.12);transition:.2s}
.footer-socials a:hover{transform:translateY(-3px);background:#1668e8;color:#fff}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.footer-col h4{font-size:16px;margin:2px 0 16px;color:#fff;font-weight:800}
.footer-col a,.footer-col p{font-size:13px;line-height:1.5;color:#c7d3e2;text-decoration:none;margin:0 0 10px;transition:.2s}
.footer-col a:after{content:"›";margin-left:9px;color:#6e87a5;transition:.2s}
.footer-col a:hover{color:#fff;transform:translateX(3px)}
.footer-col a:hover:after{color:#ff2338}
.footer-contact a,.footer-contact p{display:flex;align-items:flex-start;gap:10px;max-width:250px}
.footer-contact a:after{display:none}
.footer-contact span{color:#ff263c;font-size:16px;min-width:18px;text-align:center}
.footer-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.13);padding:17px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#91a4bd;font-size:12px}
.footer-bottom-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.footer-bottom-links a{color:#d5dfeb;text-decoration:none}
.footer-bottom-links a:hover{color:#fff}
.footer-bottom-links i{font-style:normal;color:#60758f}
.back-to-top{position:fixed;right:24px;bottom:24px;width:45px;height:45px;border-radius:50%;background:#1769e8;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:23px;font-weight:800;box-shadow:0 12px 28px rgba(4,35,76,.25);z-index:1000;transition:.2s}
.back-to-top:hover{transform:translateY(-4px);background:#0f5ed5}
@media(max-width:1050px){
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:32px}
  .footer-brand-col{grid-row:span 2}
  .footer-contact{grid-column:2 / -1}
}
@media(max-width:700px){
  .footer{padding-top:40px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px 22px;padding-bottom:32px}
  .footer-brand-col{grid-column:1 / -1;grid-row:auto}
  .footer-contact{grid-column:auto}
  .footer-logo{width:140px;height:70px}
  .footer-brand-col h3{font-size:18px}
  .footer-col h4{font-size:15px;margin-bottom:13px}
  .footer-col a,.footer-col p{font-size:13px}
  .footer-bottom{flex-direction:column;align-items:flex-start;font-size:11px}
  .footer-bottom-links{justify-content:flex-start}
  .back-to-top{right:15px;bottom:15px;width:42px;height:42px}
}
@media(max-width:430px){
  .footer-grid{grid-template-columns:1fr}
  .footer-brand-col,.footer-contact{grid-column:auto}
}

/* Blog image treatment: professional, image-led cards */
.blog-grid{align-items:stretch}
.blog-card{display:flex;flex-direction:column;min-width:0}
.blog-image{height:230px;padding:0;overflow:hidden;background:#0b1d36;position:relative;isolation:isolate}
.blog-image img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.blog-card:hover .blog-image img{transform:scale(1.035)}
.blog-image:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(to top,rgba(5,19,39,.30),transparent);z-index:1;pointer-events:none}
.blog-image span{top:16px;left:16px;position:absolute;z-index:3;background:rgba(7,25,49,.58);backdrop-filter:blur(6px);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.2px;line-height:1;padding:8px 11px;border:1px solid rgba(255,255,255,.55);border-radius:999px}
.blog-image strong{right:14px;bottom:6px;position:absolute;z-index:3;font-size:58px;line-height:1;opacity:.20;color:#fff;letter-spacing:-4px}
.blog-content{padding:25px 24px 27px;display:flex;flex:1;flex-direction:column}
.blog-meta{font-size:10px;font-weight:800;letter-spacing:1.05px;line-height:1.4;color:var(--red);margin-bottom:12px}
.blog-content h3{font-size:21px;line-height:1.28;letter-spacing:-.035em;margin-bottom:11px;color:var(--navy)}
.blog-content p{font-size:13px;line-height:1.7;color:#66758a;margin-bottom:20px;max-width:95%}
.read-article{margin-top:auto;border:0;background:none;padding:0;color:var(--red);font-size:12px;line-height:1.4;font-weight:800;cursor:pointer;text-align:left}
.read-article span{margin-left:8px}
.blog-note p{font-size:11px;line-height:1.6}
@media(max-width:850px){
  .blog-image{height:220px}
  .blog-content h3{font-size:20px}
}
@media(max-width:600px){
  .blog-image{height:215px}
  .blog-content{padding:22px 20px 24px}
  .blog-content h3{font-size:20px}
  .blog-content p{font-size:13px}
  .blog-meta{font-size:9px}
}


/* ==============================
   Blog typography & image spacing — 23 Sep 2026
   ============================== */
.blog-grid{gap:22px}
.blog-card{border-radius:20px;box-shadow:0 10px 28px rgba(8,27,53,.055)}
.blog-image{height:236px}
.blog-image img{object-fit:cover;object-position:center center}
.blog-image span{font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800;letter-spacing:1.15px;padding:7px 10px}
.blog-image strong{font-family:Inter,Arial,sans-serif;font-size:56px;font-weight:800;letter-spacing:-3px}
.blog-content{padding:24px 25px 27px}
.blog-meta{font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800;letter-spacing:1.15px;line-height:1.45;margin-bottom:11px}
.blog-content h3{font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:800;line-height:1.34;letter-spacing:-.022em;margin:0 0 11px;color:var(--navy)}
.blog-content p{font-family:Inter,Arial,sans-serif;font-size:12.5px;font-weight:400;line-height:1.65;letter-spacing:0;color:#66758a;margin:0 0 20px;max-width:100%}
.read-article{font-family:Inter,Arial,sans-serif;font-size:11.5px;font-weight:800;line-height:1.4;letter-spacing:.05px}
.read-article span{margin-left:7px}
.blog-note{margin-top:22px;padding:14px 18px}
.blog-note p{font-size:10.5px;line-height:1.6}
@media(max-width:850px){
  .blog-image{height:225px}
  .blog-content{padding:23px 22px 25px}
  .blog-content h3{font-size:19px;line-height:1.34}
}
@media(max-width:600px){
  .blog-grid{gap:18px}
  .blog-image{height:215px}
  .blog-content{padding:21px 19px 24px}
  .blog-content h3{font-size:19px;line-height:1.36;letter-spacing:-.015em}
  .blog-content p{font-size:12.5px;line-height:1.65}
  .blog-meta{font-size:8.5px;letter-spacing:1px}
  .read-article{font-size:11.5px}
}

/* ==============================
   Blog image crop fix — 23 Sep 2026
   Keep the complete 1200x620 artwork visible on Home + Blog
   ============================== */
.blog-image{
  width:100%;
  height:auto;
  aspect-ratio:1200 / 620;
  min-height:0;
  padding:0;
  position:relative;
  overflow:hidden;
  display:block;
}
.blog-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  display:block;
  object-fit:fill;
  object-position:center;
  margin:0;
}
.blog-image span{z-index:3}
.blog-image strong{z-index:3}

@media(max-width:850px){
  .blog-image{height:auto;aspect-ratio:1200 / 620}
}
@media(max-width:600px){
  .blog-image{height:auto;aspect-ratio:1200 / 620}
}