*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--black:#0a0a0a;--white:#ffffff;--offwhite:#f0f0f0;--gray:#999;--darkgray:#2a2a2a;--border:#222222;--section:#0d0d0d}
body{font-family:'Inter',sans-serif;background:var(--black);color:var(--white);overflow-x:hidden;font-size:14px}

/* =================== NAV =================== */
nav{position:fixed;top:0;left:0;right:0;z-index:9999;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:var(--black);border-bottom:1px solid var(--border)}
.logo-wrap{display:flex;align-items:center;gap:9px;text-decoration:none;cursor:pointer}
.logo-box{width:32px;height:32px;border:1.5px solid var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-box svg{width:18px;height:18px;stroke:var(--white);fill:none}
.logo-name{font-family:'Playfair Display',serif;font-size:11px;font-weight:700;color:var(--white);letter-spacing:1.5px;text-transform:uppercase;line-height:1.3}
.logo-sub{font-size:8px;color:var(--gray);letter-spacing:2px;text-transform:uppercase;font-weight:400;display:block}
.nav-ul{display:flex;align-items:center;gap:22px;list-style:none}
.nav-ul a{color:var(--gray);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.3px;transition:color .2s;cursor:pointer}
.nav-ul a:hover,.nav-ul a.active{color:var(--white)}
.nav-btn{background:transparent;border:1.5px solid var(--white);color:var(--white);padding:7px 16px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:.2s;font-family:'Inter',sans-serif}
.nav-btn:hover{background:var(--white);color:var(--black)}
.ham{display:none;flex-direction:column;gap:4px;cursor:pointer;background:none;border:none;padding:4px}
.ham span{width:20px;height:1.5px;background:var(--white);display:block}
.mob-nav{display:none;position:fixed;top:52px;left:0;right:0;background:var(--black);border-bottom:1px solid var(--border);z-index:9998;flex-direction:column;padding:16px 28px 20px}
.mob-nav a{color:var(--gray);text-decoration:none;font-size:13px;padding:10px 0;border-bottom:1px solid var(--border);display:block;cursor:pointer}
.mob-nav a:hover{color:var(--white)}
.mob-nav.show{display:flex}

/* =================== PAGES =================== */
.pg{display:none;padding-top:52px;min-height:100vh}
.pg.on{display:block}

/* =================== HOME PAGE =================== */

/* Hero split */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:440px}
.hero-l{padding:56px 36px 48px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border)}
.hero-l h1{font-family:'Playfair Display',serif;font-size:42px;font-weight:900;line-height:1.08;margin-bottom:16px;letter-spacing:-.5px}
.hero-l p{font-size:13px;color:#aaa;line-height:1.7;margin-bottom:28px;max-width:380px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-w{background:var(--white);color:var(--black);padding:10px 22px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border:none;cursor:pointer;font-family:'Inter',sans-serif;transition:.2s;display:inline-block;text-decoration:none}
.btn-w:hover{background:#ddd}
.btn-o{background:transparent;color:var(--white);padding:10px 22px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border:1.5px solid #555;cursor:pointer;font-family:'Inter',sans-serif;transition:.2s;display:inline-block;text-decoration:none}
.btn-o:hover{border-color:var(--white)}
.hero-r{background:#111;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hero-r-img{width:100%;height:100%;min-height:440px;object-fit:cover;filter:grayscale(100%);opacity:.65;display:block}
.hero-r-ph{width:100%;min-height:440px;background:linear-gradient(145deg,#0e0e0e 0%,#181818 50%,#0e0e0e 100%);display:flex;align-items:center;justify-content:center}
.hero-r-ph svg{width:120px;opacity:.08}

/* Trust bar */
.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}
.trust-item{padding:22px 20px;border-right:1px solid var(--border);display:flex;align-items:flex-start;gap:12px}
.trust-item:last-child{border-right:none}
.trust-icon{flex-shrink:0;margin-top:1px}
.trust-icon svg{width:18px;height:18px;stroke:var(--white);fill:none}
.trust-title{font-size:11px;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.trust-sub{font-size:11px;color:var(--gray);line-height:1.5}

/* Care section */
.care-sec{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}
.care-img{background:#111;display:flex;align-items:center;justify-content:center;min-height:360px;position:relative;overflow:hidden}
.care-img-ph{width:100%;height:100%;min-height:360px;background:linear-gradient(160deg,#0c0c0c,#161616);display:flex;align-items:center;justify-content:center}
.care-img-ph svg{width:80px;opacity:.08}
.care-text{padding:50px 44px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--border)}
.care-text h2{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:14px}
.care-text p{font-size:13px;color:#aaa;line-height:1.75;margin-bottom:20px}
.checklist{list-style:none;margin-bottom:24px}
.checklist li{font-size:13px;color:#ccc;padding:5px 0;display:flex;align-items:center;gap:9px}
.checklist li:before{content:'✓';color:var(--white);font-weight:700;font-size:12px;flex-shrink:0}

/* Bottom 3-col mission */
.mission-3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}
.m3-item{padding:36px 28px;border-right:1px solid var(--border);text-align:center}
.m3-item:last-child{border-right:none}
.m3-item svg{width:28px;height:28px;stroke:var(--white);fill:none;margin:0 auto 12px;display:block}
.m3-item h4{font-family:'Playfair Display',serif;font-size:16px;margin-bottom:8px}
.m3-item p{font-size:12px;color:#aaa;line-height:1.7}

/* =================== ABOUT PAGE =================== */
.pg-head{padding:40px 36px 32px;border-bottom:1px solid var(--border)}
.pg-head .bc{font-size:12px;color:var(--gray);margin-bottom:8px}
.pg-head .bc span{color:var(--white)}
.pg-head h1{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;text-align:center}
.about-split{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}
.about-img-ph{background:linear-gradient(145deg,#0c0c0c,#181818);min-height:420px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border)}
.about-img-ph svg{width:100px;opacity:.08}
.about-txt{padding:50px 44px;display:flex;flex-direction:column;justify-content:center}
.about-txt .sec-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:12px;display:block}
.about-txt h2{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;margin-bottom:14px;line-height:1.25}
.about-txt p{font-size:13px;color:#aaa;line-height:1.75;margin-bottom:12px}
.about-btn{margin-top:8px}

/* Founders */
.founders-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}
.founder-card{padding:44px 36px;border-right:1px solid var(--border);text-align:center}
.founder-card:last-child{border-right:none}
.founder-ava{width:80px;height:80px;border:1.5px solid #333;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:#111}
.founder-ava svg{width:40px;opacity:.3;stroke:var(--white);fill:none}
.founder-card h3{font-family:'Playfair Display',serif;font-size:18px;margin-bottom:4px}
.founder-card .role{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:12px;display:block}
.founder-card p{font-size:12px;color:#aaa;line-height:1.7}

/* Mission grid on about */
.mission-grid-about{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}
.mga-item{padding:36px 28px;border-right:1px solid var(--border)}
.mga-item:last-child{border-right:none}
.mga-num{font-family:'Playfair Display',serif;font-size:40px;color:#1c1c1c;font-weight:900;line-height:1;margin-bottom:6px}
.mga-item h4{font-family:'Playfair Display',serif;font-size:16px;margin-bottom:8px}
.mga-item p{font-size:12px;color:#aaa;line-height:1.7}

/* =================== SERVICES PAGE =================== */
.srv-intro{padding:16px 36px 28px;border-bottom:1px solid var(--border)}
.srv-intro p{font-size:13px;color:#aaa;max-width:500px;line-height:1.7;text-align:center;margin:0 auto}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}
.srv-card{padding:36px 28px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .2s;cursor:default}
.srv-card:nth-child(3n){border-right:none}
.srv-card:nth-child(n+7){border-bottom:none}
.srv-card:hover{background:#111}
.srv-card svg{width:28px;height:28px;stroke:var(--white);fill:none;margin-bottom:14px;opacity:.8}
.srv-card h3{font-family:'Playfair Display',serif;font-size:16px;margin-bottom:8px}
.srv-card p{font-size:12px;color:#aaa;line-height:1.7}
.srv-custom{display:flex;align-items:center;justify-content:space-between;padding:36px 36px;border-bottom:1px solid var(--border);gap:24px;flex-wrap:wrap}
.srv-custom h3{font-family:'Playfair Display',serif;font-size:22px}
.srv-custom p{font-size:13px;color:#aaa;margin-top:6px}

/* =================== BLOG PAGE =================== */
.blog-hdr{padding:32px 36px 24px;border-bottom:1px solid var(--border);text-align:center}
.blog-hdr h1{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;margin-bottom:6px}
.blog-hdr p{font-size:13px;color:#aaa}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}
.blog-card{border-right:1px solid var(--border);cursor:pointer;transition:background .2s}
.blog-card:last-child{border-right:none}
.blog-card:hover{background:#0d0d0d}
.blog-thumb{height:170px;background:#111;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);overflow:hidden}
.blog-thumb svg{width:60px;opacity:.08}
.blog-body{padding:22px 22px 26px}
.blog-date{font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}
.blog-card h3{font-family:'Playfair Display',serif;font-size:15px;line-height:1.35;margin-bottom:8px}
.blog-card p{font-size:12px;color:#aaa;line-height:1.65;margin-bottom:12px}
.read-link{font-size:11px;color:var(--white);text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:5px}
.read-link:after{content:'→'}
.blog-all{text-align:center;padding:32px}
.blog-post{padding:48px 36px;max-width:760px;margin:0 auto;display:none}
.blog-post.show{display:block}
.back-btn{background:none;border:none;color:var(--gray);font-size:12px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;margin-bottom:24px;padding:0;font-family:'Inter',sans-serif;display:flex;align-items:center;gap:6px;transition:.2s}
.back-btn:before{content:'←'}
.back-btn:hover{color:var(--white)}
.blog-post h1{font-family:'Playfair Display',serif;font-size:34px;font-weight:700;line-height:1.2;margin-bottom:14px}
.blog-post .meta{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.blog-post p{font-size:14px;color:#bbb;line-height:1.9;margin-bottom:18px}
.blog-post h2{font-family:'Playfair Display',serif;font-size:20px;margin:28px 0 12px;color:var(--white)}

/* =================== CONTACT PAGE =================== */
.contact-hdr{padding:40px 36px 32px;border-bottom:1px solid var(--border);text-align:center}
.contact-hdr h1{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;margin-bottom:6px}
.contact-hdr p{font-size:13px;color:#aaa}
.contact-split{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}
.contact-info{padding:48px 40px;border-right:1px solid var(--border)}
.contact-info h2{font-family:'Playfair Display',serif;font-size:22px;margin-bottom:8px}
.contact-info>p{font-size:13px;color:#aaa;margin-bottom:32px;line-height:1.7}
.ci-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}
.ci-item svg{width:17px;height:17px;stroke:var(--white);fill:none;flex-shrink:0;margin-top:2px}
.ci-lbl{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gray);display:block;margin-bottom:2px}
.ci-val{font-size:13px;color:var(--white);line-height:1.6}
.ci-val a{color:var(--white);text-decoration:none}
.contact-form{padding:48px 40px}
.contact-form h2{font-family:'Playfair Display',serif;font-size:22px;margin-bottom:24px}
.fg{margin-bottom:16px}
.fg label{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--gray);margin-bottom:6px}
.fg input,.fg textarea,.fg select{width:100%;background:#0c0c0c;border:1px solid var(--border);color:var(--white);padding:10px 13px;font-size:13px;font-family:'Inter',sans-serif;outline:none;transition:border .2s;-webkit-appearance:none}
.fg input:focus,.fg textarea:focus{border-color:#444}
.fg textarea{height:110px;resize:vertical}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* =================== FAQ (bonus) =================== */
.faq-wrap{padding:48px 36px;max-width:800px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{padding:18px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;font-weight:500;user-select:none}
.faq-q span{font-size:18px;color:var(--gray);flex-shrink:0;margin-left:16px;transition:.2s}
.faq-a{font-size:13px;color:#aaa;line-height:1.75;padding-bottom:18px;display:none}
.faq-a.open{display:block}

/* =================== FOOTER =================== */
footer{border-top:1px solid var(--border);padding:52px 36px 28px;background:#050505}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1.8fr 1.8fr 2fr;gap:36px;margin-bottom:44px}
.footer-logo-wrap .logo-name{font-size:10px}
.footer-logo-wrap .logo-sub{font-size:7px}
.footer-brand-txt{font-size:12px;color:#555;line-height:1.8;margin-top:12px}
.foot-social{display:flex;gap:8px;margin-top:16px}
.foot-social a{width:30px;height:30px;border:1px solid #222;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#666;font-size:10px;font-weight:700;transition:.2s;cursor:pointer}
.foot-social a:hover{border-color:var(--white);color:var(--white)}
.fc h5{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--white);margin-bottom:14px}
.fc ul{list-style:none}
.fc ul li{margin-bottom:7px}
.fc ul li a{color:#555;font-size:12px;text-decoration:none;transition:.2s;cursor:pointer}
.fc ul li a:hover{color:var(--white)}
.fc .fi{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}
.fc .fi svg{width:13px;height:13px;stroke:#555;fill:none;flex-shrink:0;margin-top:2px}
.fc .fi span,.fc .fi a{color:#555;font-size:12px;line-height:1.55;text-decoration:none;transition:.2s}
.fc .fi a:hover{color:var(--white)}
.nl-form{display:flex;margin-top:8px}
.nl-form input{flex:1;background:#0a0a0a;border:1px solid #1e1e1e;border-right:none;padding:9px 12px;color:var(--white);font-size:12px;font-family:'Inter',sans-serif;outline:none}
.nl-form button{background:var(--white);color:var(--black);border:none;padding:9px 16px;font-size:11px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;text-transform:uppercase;transition:.2s}
.nl-form button:hover{background:#ccc}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid var(--border)}
.foot-bottom p{font-size:11px;color:#3a3a3a}

/* Toast */
.toast{position:fixed;bottom:24px;right:24px;background:var(--white);color:var(--black);padding:12px 22px;font-size:12px;font-weight:600;z-index:99999;display:none;letter-spacing:.3px}

/* =================== RESPONSIVE =================== */
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-r{display:none}
  .trust-bar{grid-template-columns:1fr 1fr}
  .care-sec{grid-template-columns:1fr}
  .about-split{grid-template-columns:1fr}
  .about-img-ph{border-right:none;border-bottom:1px solid var(--border)}
  .founders-row{grid-template-columns:1fr}
  .mission-grid-about{grid-template-columns:1fr}
  .srv-grid{grid-template-columns:1fr 1fr}
  .srv-card:nth-child(3n){border-right:1px solid var(--border)}
  .srv-card:nth-child(2n){border-right:none}
  .mission-3{grid-template-columns:1fr}
  .m3-item{border-right:none;border-bottom:1px solid var(--border)}
  .contact-split{grid-template-columns:1fr}
  .contact-info{border-right:none;border-bottom:1px solid var(--border)}
  .blog-grid{grid-template-columns:1fr 1fr}
  .blog-card:nth-child(2){border-right:none}
  .blog-card:nth-child(3){border-top:1px solid var(--border)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-ul{display:none}
  .ham{display:flex}
}
@media(max-width:580px){
  .trust-bar{grid-template-columns:1fr 1fr}
  .srv-grid{grid-template-columns:1fr}
  .srv-card:nth-child(n){border-right:none}
  .blog-grid{grid-template-columns:1fr}
  .blog-card{border-right:none;border-bottom:1px solid var(--border)}
  .footer-grid{grid-template-columns:1fr}
  .fg-row{grid-template-columns:1fr}
  .hero-l{padding:40px 22px 36px}
  .hero-l h1{font-size:32px}
  .foot-bottom{flex-direction:column;gap:6px;text-align:center}
  .care-text,.about-txt,.contact-info,.contact-form{padding:36px 24px}
  .founders-row{grid-template-columns:1fr}
}

/* WordPress theme overrides */
body.ecc-theme {
  margin: 0;
  padding: 0;
}
/* Hide default WP elements */
.wp-site-blocks { padding: 0 !important; }
a { cursor: pointer; }

/* Elementor section editing highlight */
.elementor-edit-area .ecc-section {
  outline: 2px dashed rgba(255,255,255,0.2);
  outline-offset: -2px;
}