:root{
  --brown:#3a2418;
  --brown2:#5f3b24;
  --gold:#d79a25;
  --gold2:#efbd50;
  --cream:#fbf7f0;
  --cream2:#f3eadc;
  --ink:#211711;
  --muted:#75695f;
  --line:#e7ddd0;
  --white:#fff;
  --shadow:0 20px 60px rgba(58,36,24,.10);
  --radius:22px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.navbar{height:86px;padding:0 5%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;white-space:nowrap;margin-right:auto}
.brand img{width:52px;height:52px;object-fit:contain}
.brand strong{color:var(--gold)}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{font-size:14px;font-weight:650;color:#55483e;transition:.2s}
.nav-links a:hover{color:var(--gold)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:13px;padding:14px 22px;font-weight:750;transition:.25s;cursor:pointer}
.nav-cta{background:var(--brown);color:#fff;font-size:14px}
.nav-cta:hover{transform:translateY(-2px);background:var(--brown2)}
.menu-toggle{display:none;border:0;background:none;font-size:26px}
.section{padding:100px 7%;max-width:1500px;margin:auto}
.hero{max-width:none;padding:80px 7% 90px;min-height:690px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:var(--cream);position:relative;overflow:hidden}
.hero-copy{max-width:720px;position:relative;z-index:2}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:2.3px;font-weight:800;color:var(--gold);margin-bottom:18px}
.hero h1{font-size:clamp(46px,5.2vw,78px);line-height:1.02;letter-spacing:-3px;margin-bottom:26px}
.hero h1 span{color:var(--brown2)}
.hero-text{font-size:18px;color:var(--muted);max-width:670px;line-height:1.75}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.btn-primary{background:var(--brown);color:#fff;box-shadow:0 10px 24px rgba(58,36,24,.18)}
.btn-primary:hover{transform:translateY(-2px);background:var(--brown2)}
.btn-outline{border:1px solid #cdbfaf;color:var(--brown);background:#fff}
.btn-outline:hover{border-color:var(--gold);transform:translateY(-2px)}
.hero-trust{display:flex;gap:12px;align-items:center;color:#806f60;font-size:13px;margin-top:27px;flex-wrap:wrap}
.hero-trust i{color:var(--gold)}
.hero-visual{height:560px;position:relative;display:flex;align-items:center;justify-content:center}
.glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(215,154,37,.23),rgba(215,154,37,0) 70%);filter:blur(3px)}
.honeycomb{position:absolute;inset:20px;background-image:radial-gradient(circle at 20% 30%,rgba(95,59,36,.10) 0 2px,transparent 3px);opacity:.8}
.mascot-ring{width:min(470px,80%);aspect-ratio:1;border-radius:50%;padding:22px;background:linear-gradient(145deg,#f0bd52,#6a4328);box-shadow:0 35px 70px rgba(58,36,24,.25);position:relative;z-index:2}
.mascot-ring img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:14px 18px;border-radius:16px;box-shadow:var(--shadow);min-width:190px}
.float-card small{display:block;color:#9a8878;font-size:9px;letter-spacing:1.5px;font-weight:800}
.float-card b{font-size:14px}
.card-top{top:55px;right:4%}.card-bottom{bottom:55px;left:2%}
.mini-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--cream2);color:var(--brown);border-radius:10px;font-weight:900}
.code-pill{position:absolute;right:7%;bottom:8px;background:var(--brown);color:#fff;padding:10px 16px;border-radius:999px;font-size:10px;letter-spacing:1.2px;z-index:5}
.intro{text-align:center}.intro>h2{max-width:820px;margin:0 auto 16px;font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-1.5px}.intro>p{max-width:800px;margin:auto;color:var(--muted);font-size:17px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px;text-align:left}
.feature{padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff}
.feature strong{color:var(--gold);font-size:13px}.feature h3{margin:8px 0 6px;font-size:18px}.feature p{color:var(--muted);font-size:14px}
.services-section{background:var(--cream);max-width:none}
.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px;max-width:1300px;margin-left:auto;margin-right:auto}
.section-heading h2,.center-heading h2{font-size:clamp(35px,4vw,55px);line-height:1.08;letter-spacing:-1.5px}
.section-heading>p{max-width:470px;color:var(--muted)}
.services-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{background:var(--brown);color:#fff;border:1px solid #7b5735;border-radius:20px;padding:28px;min-height:285px;transition:.25s;box-shadow:0 12px 30px rgba(58,36,24,.08)}
.service-card:hover,.solution-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(58,36,24,.18);border-color:#d7b77d}
.service-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(239,189,80,.16);color:var(--gold2);font-weight:900;font-size:19px;margin-bottom:24px;border:1px solid rgba(239,189,80,.25)}
.service-card h3{font-size:21px;margin-bottom:10px;color:#fff}.service-card p{color:#d9c9b9;font-size:14px;line-height:1.7}
.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.tags span{font-size:11px;padding:6px 10px;border:1px solid rgba(239,189,80,.35);border-radius:999px;color:#f0bd52;background:rgba(239,189,80,.06)}
.solutions-section{background:#fff}
.center-heading{text-align:center;max-width:760px;margin:0 auto 48px}.center-heading p{color:var(--muted);margin-top:14px}
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1300px;margin:auto}
.solution-card{border:1px solid #7b5735;border-radius:20px;padding:28px;min-height:265px;display:flex;flex-direction:column;background:var(--brown);color:#fff;transition:.25s;box-shadow:0 12px 30px rgba(58,36,24,.08)}
.solution-card>span{color:#f0bd52;font-weight:800;font-size:12px}.solution-card h3{font-size:20px;margin:13px 0 9px;color:#fff}.solution-card p{color:#d9c9b9;font-size:14px}.solution-card a{margin-top:auto;padding-top:20px;font-weight:800;color:#f0bd52;font-size:13px}.solution-card.featured{background:var(--brown);color:#fff}.solution-card.featured p{color:#d9c9b9}.solution-card.featured a{color:#f0bd52}
.custom-module{max-width:1300px;margin:70px auto 0;background:var(--brown);color:#fff;border-radius:26px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}
.custom-module:after{content:"";position:absolute;width:280px;height:280px;border:45px solid rgba(215,154,37,.12);border-radius:50%;right:-80px;top:-100px}
.custom-module h2{font-size:38px;line-height:1.1;margin-bottom:10px}.custom-module p{color:#d7c8b9;max-width:650px}
.btn-light{background:#fff;color:var(--brown);position:relative;z-index:2}.btn-light:hover{transform:translateY(-2px)}
.bee-section{max-width:none;background:var(--brown);color:#fff;padding:100px 10%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;overflow:hidden}
.bee-copy{max-width:650px}.bee-copy .section-kicker{color:#f0bd52}.bee-copy h2{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-2px}.bee-copy>p{color:#d6c6b7;font-size:17px;margin-top:22px;line-height:1.8}.bee-points{margin-top:35px;display:grid;gap:16px}.bee-points div{border-left:2px solid var(--gold);padding-left:18px}.bee-points b{display:block;font-size:17px}.bee-points span{display:block;color:#c8b8a9;font-size:13px}
.bee-large{position:relative;min-height:500px;display:grid;place-items:center}.bee-large img{width:min(500px,100%);position:relative;z-index:2;filter:drop-shadow(0 30px 30px rgba(0,0,0,.35))}.honey-orb{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(215,154,37,.35),transparent 68%);border-radius:50%}
.industries{background:var(--cream)}.industry-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry-grid div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;font-size:14px;display:flex;gap:12px;align-items:center}.industry-grid div:first-letter{font-size:21px}
.process-section{background:#fff}.process-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.process-grid>div{border-top:2px solid var(--gold);padding:20px 8px}.process-grid span{font-size:12px;color:var(--gold);font-weight:900}.process-grid h3{margin:8px 0}.process-grid p{font-size:13px;color:var(--muted)}
.final-cta{padding:110px 7%;background:var(--cream2);text-align:center;position:relative;overflow:hidden}.final-cta .section-kicker{position:relative}.final-cta h2{position:relative;font-size:clamp(42px,6vw,76px);line-height:1.03;letter-spacing:-2px}.final-cta h2 span{color:var(--gold)}.final-cta p{position:relative;max-width:650px;margin:18px auto;color:var(--muted);font-size:16px}.center-buttons{justify-content:center}.btn-gold{background:var(--gold);color:#fff}.btn-dark-outline{border:1px solid var(--brown);color:var(--brown)}.cta-pattern{position:absolute;inset:0;opacity:.25;background-image:radial-gradient(circle at 10% 20%,#d79a25 0 2px,transparent 3px),radial-gradient(circle at 85% 70%,#5f3b24 0 2px,transparent 3px);background-size:55px 55px}
.contact-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:#fff}.contact-intro h2{font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-1.5px}.contact-intro>p{color:var(--muted);margin:18px 0 35px;max-width:600px}.contact-items{display:grid;gap:13px}.contact-items>a,.contact-items>div{display:flex;gap:15px;align-items:center;border:1px solid var(--line);padding:18px;border-radius:16px}.contact-items>a:hover{border-color:#d7b77d}.contact-items span{width:42px;height:42px;background:var(--cream2);border-radius:12px;display:grid;place-items:center;color:var(--brown);font-weight:900}.contact-items small{display:block;color:#9b8a7a;letter-spacing:1.4px;font-size:9px;font-weight:900}.contact-items b{font-size:14px}
.contact-form{border:1px solid var(--line);border-radius:24px;padding:32px;background:var(--cream);box-shadow:var(--shadow);display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{font-size:13px;font-weight:700;color:#493b31}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #d9cbbb;background:#fff;border-radius:12px;padding:14px;font:inherit;color:var(--ink);outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,154,37,.10)}.submit-btn{border:0}.form-note{font-size:11px;color:#8b7b6d}
.footer{background:var(--brown);color:#fff;padding:65px 7% 22px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:45px;max-width:1300px;margin:auto}.footer-brand{color:#fff}.footer p{color:#c8b8a9;max-width:300px;margin-top:16px;font-size:13px}.footer h4{color:#f0bd52;margin-bottom:15px}.footer-main>div>a,.footer-main>div>span{display:block;color:#c8b8a9;font-size:13px;margin:8px 0}.footer-main>div>a:hover{color:#fff}.footer-bottom{max-width:1300px;margin:50px auto 0;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;display:flex;justify-content:space-between;color:#a99889;font-size:11px}
.whatsapp{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:27px;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:60}
@media(max-width:1100px){
  .nav-links{gap:14px}.nav-cta{display:none}.hero{grid-template-columns:1fr}.hero-copy{max-width:850px}.hero-visual{height:520px}.feature-grid{grid-template-columns:repeat(2,1fr)}.services-grid,.solutions-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.contact-section{grid-template-columns:1fr}
}
@media(max-width:760px){
  .navbar{height:72px;padding:0 18px}.brand{font-size:17px}.brand img{width:43px;height:43px}.menu-toggle{display:block;color:var(--brown)}.nav-links{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero{padding:65px 20px 60px;min-height:auto}.hero h1{font-size:47px;letter-spacing:-2px}.hero-text{font-size:16px}.hero-visual{height:410px}.mascot-ring{width:330px}.float-card{transform:scale(.86)}.card-top{top:15px;right:0}.card-bottom{bottom:10px;left:0}.code-pill{display:none}.section{padding:75px 20px}.feature-grid,.services-grid,.solutions-grid{grid-template-columns:1fr}.feature{padding:22px}.section-heading{display:block}.section-heading>p{margin-top:18px}.custom-module{padding:32px 24px;display:block}.custom-module .btn{margin-top:24px}.bee-section{padding:75px 20px;grid-template-columns:1fr}.bee-large{min-height:360px}.bee-large img{width:340px}.industry-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.final-cta{padding:80px 20px}.contact-section{padding:75px 20px}.form-row{grid-template-columns:1fr}.footer{padding:50px 20px 20px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}
}
@media(max-width:430px){.hero h1{font-size:40px}.process-grid{grid-template-columns:1fr}.hero-buttons .btn{width:100%}.float-card{min-width:165px}.float-card b{font-size:12px}}


/* =========================================================
   FINAL CARD OVERRIDE
   All solution/product-style cards use the same brown design.
   Header, hero and navigation are intentionally unchanged.
========================================================= */
.solutions-grid .solution-card {
    background: #3a2418 !important;
    color: #ffffff !important;
    border-color: #7b5735 !important;
}

.solutions-grid .solution-card h3 {
    color: #ffffff !important;
}

.solutions-grid .solution-card p {
    color: #d9c9b9 !important;
}

.solutions-grid .solution-card > span {
    color: #f0bd52 !important;
}

.solutions-grid .solution-card a {
    color: #f0bd52 !important;
}

.solutions-grid .solution-card:hover {
    background: #472b1d !important;
    border-color: #d7b77d !important;
    transform: translateY(-5px);
    box-shadow: 0 22px 50px rgba(58,36,24,.18);
}