:root{--navy:#172c45;--navy2:#0d2038;--green:#83b941;--green2:#6ea332;--light:#f5f7f7;--text:#1a2a3d;--muted:#657282}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.55}.wrap{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}.utility{background:var(--navy2);color:white;font-size:13px}.utility-in{min-height:40px;display:flex;gap:28px;align-items:center}.utility a{color:white;text-decoration:none}.nav{height:98px;display:flex;align-items:center;justify-content:space-between;background:white}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.logo{width:66px;height:66px;position:relative}.logo .c{position:absolute;font-size:58px;font-weight:800;line-height:1;color:var(--navy)}.logo .bars{position:absolute;left:21px;bottom:13px;font-size:14px;letter-spacing:-3px}.logo b{position:absolute;right:4px;top:5px;font-size:39px;color:var(--green)}.word{font-size:31px;font-weight:800;line-height:1}.word>span,.bigword span,.about h2 span,.foot strong span{color:var(--green)}.word small{display:block;font-size:9px;letter-spacing:1.2px;margin-top:8px}.links{display:flex;align-items:center;gap:23px}.links a{color:var(--text);text-decoration:none;font-weight:600}.links button,.menu{border:0;background:var(--green);color:white;border-radius:7px;padding:9px 13px;font-weight:800}.menu{display:none}.hero{background:linear-gradient(115deg,#f9fbfb,#edf3f5);padding:68px 0 76px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.1px;color:var(--green2);font-weight:900}.hero h1{font-size:64px;line-height:1.03;letter-spacing:-2px;margin:14px 0 22px}.hero h1 span{color:var(--green)}.lead{font-size:20px;max-width:630px;color:#47576a}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;background:var(--green2);color:white;text-decoration:none;padding:14px 20px;border-radius:7px;font-weight:800}.outline{background:white;color:var(--navy);border:2px solid var(--navy)}.brand-panel{background:#283b50;color:white;border-radius:20px;padding:36px 40px;text-align:center;box-shadow:0 22px 55px #00152b2c}.biglogo{height:125px;width:145px;margin:auto;position:relative}.biglogo>span{position:absolute;left:7px;font-size:118px;font-weight:800;line-height:1}.biglogo i{position:absolute;left:48px;bottom:24px;font-style:normal;font-size:28px;letter-spacing:-7px}.biglogo b{position:absolute;right:8px;top:-8px;font-size:83px;color:var(--green)}.bigword{font-size:48px;font-weight:800}.brand-panel p{font-weight:800;letter-spacing:1px}.brand-panel em{color:var(--green);font-style:normal}.brand-panel hr{border:0;border-top:3px solid var(--green);margin:22px 0}.brand-panel strong{color:var(--green);font-size:22px;letter-spacing:1px}.section{padding-top:76px;padding-bottom:76px}.section-head{text-align:center;max-width:700px;margin:0 auto 38px}.section-head h2,.visit h2,.contact h2{font-size:39px;line-height:1.15;margin:8px 0 18px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.cards article{border:1px solid #e1e6e8;border-radius:14px;padding:26px 20px;background:white;box-shadow:0 10px 28px #00152b0c}.icon{height:48px;font-size:33px;font-weight:900;color:var(--green2)}.cards h3{font-size:20px;margin:12px 0 0}.cards h4{font-size:14px;color:var(--green2);margin:2px 0 13px}.cards p{font-size:14px;color:var(--muted);margin-bottom:0}.about{background:#283b50;color:white;padding:76px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about h2{font-size:46px;line-height:1.12}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:center}.benefits b{width:72px;height:72px;border-radius:50%;background:white;color:var(--green2);display:grid;place-items:center;margin:auto auto 12px;font-size:19px}.benefits span{font-weight:800;font-size:14px}.visit{background:white}.visit-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.photo img{width:100%;display:block;border-radius:18px;box-shadow:0 18px 45px #00152b20}.visit a{color:var(--navy)}.spanish{display:inline-block;background:#283b50;color:white;border-left:7px solid var(--green);padding:11px 17px;font-weight:900;letter-spacing:1px}.contact{background:var(--navy2);color:white;padding:58px 0}.contact-in{display:flex;justify-content:space-between;align-items:center;gap:50px}.contact .eyebrow{color:#a9d56d}.contact .actions{margin:0}.light{background:white;color:var(--navy)}footer{background:#071629;color:white;padding:25px 0}.foot{display:flex;justify-content:space-between;align-items:center}.foot strong{font-size:25px}.foot small{display:block;color:#bdc7d1}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}.links{gap:14px;font-size:14px}.hero-grid,.about-grid,.visit-grid{grid-template-columns:1fr}.brand-panel{max-width:560px}.contact-in{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.utility-in{flex-direction:column;align-items:flex-start;gap:1px;padding-top:8px;padding-bottom:8px}.menu{display:block}.links{display:none;position:absolute;z-index:20;left:0;right:0;top:171px;background:white;padding:24px;box-shadow:0 12px 25px #0002;flex-direction:column}.links.open{display:flex}.nav{height:82px}.word{font-size:25px}.word small{display:none}.logo{transform:scale(.8);transform-origin:left center}.hero{padding:48px 0}.hero h1{font-size:43px}.cards,.benefits{grid-template-columns:1fr}.section{padding-top:58px;padding-bottom:58px}.about h2,.section-head h2,.visit h2,.contact h2{font-size:33px}.foot{flex-direction:column;align-items:flex-start;gap:8px}.brand-panel{padding:28px 18px}.bigword{font-size:39px}}
/* V4 storefront-brand polish */
.storefront-mark{position:relative;display:inline-block;flex:0 0 auto}
.storefront-mark .ring{position:absolute;inset:6px 9px 7px 3px;border:7px solid var(--navy);border-right-color:transparent;border-radius:50%}
.storefront-mark .bar{position:absolute;bottom:17px;width:7px;background:var(--navy);z-index:2}
.storefront-mark .b1{left:21px;height:14px}.storefront-mark .b2{left:31px;height:23px}.storefront-mark .b3{left:41px;height:33px}
.storefront-mark b{position:absolute!important;right:3px!important;top:1px!important;color:var(--green)!important;font-size:40px!important;z-index:3}
.storefront-mark .arrow{position:absolute;right:4px;bottom:7px;color:var(--green);font-size:18px;font-weight:900;z-index:3}
.hero-mark{width:150px!important;height:140px!important}
.hero-mark .ring{inset:9px 20px 12px 8px;border-width:13px;border-color:white;border-right-color:transparent}
.hero-mark .bar{bottom:35px;width:14px;background:white}.hero-mark .b1{left:48px;height:27px}.hero-mark .b2{left:67px;height:43px}.hero-mark .b3{left:86px;height:60px}
.hero-mark b{right:6px!important;top:-9px!important;font-size:88px!important}.hero-mark .arrow{right:9px;bottom:10px;font-size:34px}
.cards{align-items:stretch}
.cards article{position:relative;text-align:center;padding:28px 18px 25px;border-radius:16px;transition:transform .18s ease,box-shadow .18s ease;border-top:4px solid var(--green)}
.cards article:hover{transform:translateY(-4px);box-shadow:0 16px 34px #00152b18}
.service-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 18px;background:#283b50;color:white;display:grid;place-items:center;font-size:25px;font-weight:900;line-height:.9;border:4px solid #edf1f3;box-shadow:0 0 0 2px #283b50}
.cards h3{font-size:17px;color:var(--green2);line-height:1.12;min-height:38px;margin:0}
.cards h4{font-size:15px;color:var(--navy);font-style:italic;font-weight:500;margin:5px 0 15px}
.cards p{font-size:13px;line-height:1.55}
.section-head{margin-bottom:46px}
.section-head h2{font-weight:800}
.brand-panel{border:1px solid #ffffff18}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.cards{grid-template-columns:1fr}.cards h3{min-height:0}}

/* V5: warmer hero + consultation form */
.consult-visual{height:390px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#dce8eb,#f6f2e8);box-shadow:0 22px 55px #00152b24}
.office-window{position:absolute;inset:0 0 42% 0;background:linear-gradient(180deg,#dcebf1,#f8fbfc);border-bottom:7px solid #fff8}
.office-window:before,.office-window:after{content:"";position:absolute;top:0;bottom:0;width:6px;background:#fff9}.office-window:before{left:33%}.office-window:after{left:67%}
.person{position:absolute;bottom:86px;width:118px;height:185px}.advisor{left:65px}.client{right:65px}.person .head{position:absolute;width:58px;height:65px;border-radius:48% 48% 45% 45%;background:#b97957;left:30px;top:0}.client .head{background:#d09a76}.person .body{position:absolute;left:5px;right:5px;top:56px;bottom:0;border-radius:45px 45px 12px 12px;background:#243a54}.client .body{background:#e8e9e6}.desk{position:absolute;left:45px;right:45px;bottom:35px;height:105px;background:#b98b61;border-radius:7px;box-shadow:0 12px 0 #8d6546}.laptop{position:absolute;width:125px;height:78px;background:#e9eef0;border:6px solid #26394d;border-radius:7px;left:50%;top:-62px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;color:var(--green2);font-size:25px;font-weight:900}.papers{position:absolute;width:80px;height:45px;background:#fff;right:35px;top:16px;transform:rotate(-6deg);box-shadow:-8px 6px 0 #f2f2f2}.visual-badge{position:absolute;left:22px;top:22px;background:white;padding:11px 15px;border-radius:10px;box-shadow:0 8px 22px #00152b20}.visual-badge b{display:block;font-size:18px}.visual-badge b span{color:var(--green2)}.visual-badge small{color:var(--muted)}
.consult-section{background:#eef3f4;padding:76px 0}.consult-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.consult-section h2{font-size:40px;line-height:1.15;margin:8px 0 18px}.contact-mini{margin-top:25px;padding:18px 20px;background:white;border-left:6px solid var(--green);border-radius:8px;line-height:1.9}.consult-form{background:white;border-radius:18px;padding:30px;box-shadow:0 15px 38px #00152b10;display:grid;grid-template-columns:1fr 1fr;gap:18px}.consult-form label span{display:block;font-weight:800;font-size:13px;margin-bottom:6px}.consult-form input,.consult-form select,.consult-form textarea{width:100%;font:inherit;border:1px solid #cfd8de;border-radius:7px;padding:12px;background:white}.consult-form textarea{resize:vertical}.consult-form .full{grid-column:1/-1}.consult-form .submit{border:0;cursor:pointer;font-size:15px}.form-note{font-size:12px;color:var(--muted);margin:0}
@media(max-width:980px){.consult-grid{grid-template-columns:1fr}.consult-visual{max-width:600px}}
@media(max-width:700px){.consult-form{grid-template-columns:1fr}.consult-form label,.consult-form .full{grid-column:1}.consult-visual{height:330px}.advisor{left:30px}.client{right:30px}.desk{left:20px;right:20px}}

/* V6 — exact-brand direction + professional hero photography */
.v6-brand{display:flex;align-items:center;text-decoration:none}
.v6-brand img{display:block;width:300px;max-width:32vw;height:auto;object-fit:contain}
.consult-photo{height:390px;border-radius:20px;overflow:hidden;box-shadow:0 22px 55px #00152b24;background:#eef3f4}
.consult-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
@media(max-width:980px){.v6-brand img{width:255px;max-width:46vw}.consult-photo{height:350px}}
@media(max-width:700px){.v6-brand img{width:210px;max-width:60vw}.consult-photo{height:285px}}

/* V8 — hero headline + header logo polish */
.hero .copy{max-width:560px}
.hero h1{font-size:clamp(46px,4.35vw,68px);line-height:1.02;letter-spacing:-1.8px}
.hero h1 span{white-space:nowrap}
.v6-brand img{width:340px;max-width:35vw;image-rendering:auto}
@media(max-width:1100px){
  .hero h1{font-size:48px}
  .hero h1 span{white-space:normal}
  .v6-brand img{width:300px}
}
@media(max-width:700px){
  .hero h1{font-size:42px;letter-spacing:-1px}
  .v6-brand img{width:235px;max-width:65vw}
}

/* V9 — crisp storefront-inspired vector logo */
.v9-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:330px}
.v9-logo-mark{width:76px;height:76px;flex:0 0 76px}
.v9-logo-mark svg{width:100%;height:100%;overflow:visible}
.v9-logo-mark .c-ring{fill:none;stroke:#24394d;stroke-width:12;stroke-linecap:butt}
.v9-logo-mark .logo-bar{fill:#24394d}
.v9-logo-mark .one-arrow{fill:#65b32e}
.v9-wordmark>div{font-size:34px;font-weight:800;letter-spacing:-1.6px;line-height:.95;color:#24394d;white-space:nowrap}
.v9-wordmark strong{color:#65b32e;font-weight:800}
.v9-wordmark small{display:block;margin-top:7px;font-size:9px;letter-spacing:1.55px;font-weight:800;color:#24394d;white-space:nowrap}
.v9-wordmark i{font-style:normal;color:#65b32e;margin:0 4px}
@media(max-width:900px){
 .v9-brand{min-width:260px;gap:8px}
 .v9-logo-mark{width:61px;height:61px;flex-basis:61px}
 .v9-wordmark>div{font-size:28px}
 .v9-wordmark small{font-size:7px;letter-spacing:1px}
}
@media(max-width:600px){
 .v9-brand{min-width:0}
 .v9-logo-mark{width:53px;height:53px;flex-basis:53px}
 .v9-wordmark>div{font-size:24px}
 .v9-wordmark small{font-size:6px;letter-spacing:.65px}
}

/* V10 — final header logo proportion refinement */
.v9-brand{gap:13px;min-width:375px}
.v10-logo-mark{width:88px;height:88px;flex:0 0 88px}
.v10-logo-mark svg{width:100%;height:100%;overflow:visible}
.v10-logo-mark .c-ring{fill:none;stroke:#24394d;stroke-width:13;stroke-linecap:butt}
.v10-logo-mark .logo-bar{fill:#24394d}
.v10-logo-mark .one-arrow{fill:#65b32e}
.v9-wordmark>div{font-size:38px}
.v9-wordmark small{font-size:9.5px;letter-spacing:1.6px}
@media(max-width:900px){
 .v9-brand{min-width:295px;gap:9px}
 .v10-logo-mark{width:69px;height:69px;flex-basis:69px}
 .v9-wordmark>div{font-size:30px}
 .v9-wordmark small{font-size:7px;letter-spacing:1px}
}
@media(max-width:600px){
 .v9-brand{min-width:0}
 .v10-logo-mark{width:57px;height:57px;flex-basis:57px}
 .v9-wordmark>div{font-size:25px}
 .v9-wordmark small{font-size:6px;letter-spacing:.65px}
}

/* V14 — header logo matched to the supplied ContaOne brand reference */
.v14-brand{
  width:310px;
  flex:0 0 310px;
  display:flex;
  align-items:center;
}
.v14-brand img{
  display:block;
  width:100%;
  height:auto;
  max-height:105px;
  object-fit:contain;
  object-position:left center;
  border-radius:2px;
}
@media(max-width:900px){
  .v14-brand{width:245px;flex-basis:245px}
  .v14-brand img{max-height:84px}
}
@media(max-width:600px){
  .v14-brand{width:205px;flex-basis:205px}
  .v14-brand img{max-height:72px}
}

/* V15 — exact supplied ContaOne master logo artwork */
.v15-brand{
  width:270px;
  flex:0 0 270px;
  display:flex;
  align-items:center;
}
.v15-brand img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:900px){
  .v15-brand{width:225px;flex-basis:225px}
}
@media(max-width:600px){
  .v15-brand{width:185px;flex-basis:185px}
}

/* V16 — approved Google horizontal ContaOne branding */
.v16-brand{
  width:360px;
  flex:0 0 360px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.v16-brand img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:900px){
  .v16-brand{width:285px;flex-basis:285px}
}
@media(max-width:600px){
  .v16-brand{width:230px;flex-basis:230px}
}

/* V17 definitive header replacement */
.v17-brand{
  width:360px !important;
  flex:0 0 360px !important;
  display:flex !important;
  align-items:center;
}
.v17-brand img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:contain;
}
@media(max-width:900px){.v17-brand{width:285px !important;flex-basis:285px !important}}
@media(max-width:600px){.v17-brand{width:225px !important;flex-basis:225px !important}}

/* V18 — clean white-header treatment of approved Google branding */
.v18-brand{
  width:360px !important;
  flex:0 0 360px !important;
  display:flex !important;
  align-items:center;
}
.v18-brand img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:900px){
  .v18-brand{width:285px !important;flex-basis:285px !important}
}
@media(max-width:600px){
  .v18-brand{width:225px !important;flex-basis:225px !important}
}

/* V19 — final clean white-header brand treatment */
.v19-brand{
  width:390px !important;
  flex:0 0 390px !important;
  display:flex !important;
  align-items:center;
}
.v19-brand img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}
@media(max-width:900px){
  .v19-brand{width:300px !important;flex-basis:300px !important}
}
@media(max-width:600px){
  .v19-brand{width:235px !important;flex-basis:235px !important}
}

/* V20 — header sizing/spacing refinement only */
.v19-brand{
  width:430px !important;
  flex-basis:430px !important;
}
.main-nav{
  padding-top:10px !important;
  padding-bottom:10px !important;
}
@media(max-width:900px){
  .v19-brand{width:325px !important;flex-basis:325px !important}
}
@media(max-width:600px){
  .v19-brand{width:245px !important;flex-basis:245px !important}
}

/* V21 — SPACING ONLY. Logo artwork is intentionally untouched. */
header, .site-header, .main-header {
  margin-bottom: 0 !important;
}
.main-nav {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  min-height: 0 !important;
}
.hero {
  padding-top: 38px !important;
}
@media (max-width: 900px) {
  .hero { padding-top: 28px !important; }
}
@media (max-width: 600px) {
  .hero { padding-top: 22px !important; }
}

/* V22 — correct spacing selectors. Logo artwork remains untouched. */
.nav{
  height:auto !important;
  min-height:0 !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
}
.hero{
  padding-top:18px !important;
  padding-bottom:58px !important;
}
@media(max-width:700px){
  .nav{
    height:auto !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
  }
  .hero{padding-top:16px !important;}
}

/* V23 — visible gap fix only. Logo artwork/HTML unchanged.
   The large gap came from vertical centering inside .hero-grid. */
.hero{
  padding-top:12px !important;
}
.hero-grid{
  align-items:start !important;
}
.hero-grid > div:first-child{
  padding-top:8px !important;
}

/* V24 — force a visibly compact header/hero transition */
.nav{
  height:auto !important;
  min-height:0 !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
}
.hero{
  padding-top:0 !important;
}
.hero-grid{
  align-items:start !important;
}
.hero-grid > div:first-child{
  padding-top:0 !important;
}
.eyebrow{
  margin-top:0 !important;
}


/* V25 — exact approved Google/master logo only. */
.v19-brand{
  width:150px !important;
  flex:0 0 150px !important;
}
.v19-brand img{
  width:150px !important;
  height:150px !important;
  object-fit:contain !important;
}
@media(max-width:900px){
  .v19-brand{width:125px !important;flex-basis:125px !important}
  .v19-brand img{width:125px !important;height:125px !important}
}
@media(max-width:600px){
  .v19-brand{width:100px !important;flex-basis:100px !important}
  .v19-brand img{width:100px !important;height:100px !important}
}


/* V26 — requested visual corrections only: larger approved logo, tighter transition, headline fit. */
.v19-brand{
  width:190px !important;
  flex:0 0 190px !important;
}
.v19-brand img{
  width:190px !important;
  height:190px !important;
  object-fit:contain !important;
}
.nav{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.hero{
  padding-top:0 !important;
}
.hero-grid > div:first-child{
  padding-top:0 !important;
}
.hero .copy{max-width:none !important;}
.hero h1{
  font-size:clamp(46px,5vw,58px) !important;
  line-height:1.02 !important;
  letter-spacing:-1.6px !important;
}
.hero h1 span{white-space:nowrap !important;}
@media(max-width:1100px){
  .v19-brand{width:170px !important;flex-basis:170px !important}
  .v19-brand img{width:170px !important;height:170px !important}
  .hero h1{font-size:50px !important;letter-spacing:-1.2px !important}
}
@media(max-width:900px){
  .v19-brand{width:145px !important;flex-basis:145px !important}
  .v19-brand img{width:145px !important;height:145px !important}
  .hero h1{font-size:48px !important}
}
@media(max-width:700px){
  .v19-brand{width:115px !important;flex-basis:115px !important}
  .v19-brand img{width:115px !important;height:115px !important}
  .hero h1{font-size:40px !important;letter-spacing:-.8px !important}
  .hero h1 span{white-space:normal !important;}
}