:root{color-scheme:light;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;color:#1a2b4a;background:#fff;line-height:1.6;}

/* NAV */
nav{background:#1a2b4a;padding:0 48px;display:flex;align-items:center;justify-content:flex-end;height:80px;position:sticky;top:0;z-index:200;box-shadow:0 2px 12px rgba(0,0,0,0.25);}
.nl{display:flex;gap:0;list-style:none;align-items:center;}
.nl>li{position:relative;}
.nl>li>a,.nl>li>span{color:#b0c4dc;text-decoration:none;font-size:13px;padding:8px 14px;display:block;cursor:pointer;transition:color .2s;white-space:nowrap;}
.nl>li>a:hover,.nl>li>span:hover{color:#c9a84c;}
.nl>li:last-child>a{background:#c9a84c;color:#1a2b4a!important;padding:9px 20px;border-radius:4px;font-weight:700;margin-left:8px;}
.nl>li:last-child>a:hover{background:#b89038;}
.dropdown{position:absolute;top:100%;left:0;background:#1a2b4a;border:1px solid #2e4470;border-radius:6px;min-width:220px;display:none;z-index:300;box-shadow:0 8px 24px rgba(0,0,0,0.3);}
.nl>li:hover .dropdown{display:block;}
.dropdown a{display:block;padding:10px 18px;color:#8aa8c8;font-size:13px;text-decoration:none;border-bottom:1px solid #1e3050;}
.dropdown a:last-child{border-bottom:none;}
.dropdown a:hover{color:#c9a84c;background:rgba(201,168,76,0.05);}
.logo-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;align-items:center;gap:16px;}
.logo-main{font-size:20px;font-weight:800;color:#c9a84c;letter-spacing:2.5px;display:block;}
.logo-sub{font-size:9px;color:#5a7090;letter-spacing:1.5px;text-transform:uppercase;display:block;margin-top:1px;}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}
.ham span{display:block;width:22px;height:2px;background:#c9a84c;border-radius:2px;}
.mob-menu{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:#1a2b4a;z-index:150;overflow-y:auto;padding:20px;}
.mob-menu.open{display:block;}
.mob-menu a{display:block;padding:14px 20px;color:#b0c4dc;text-decoration:none;font-size:15px;border-bottom:1px solid #1e3050;}
.mob-menu a:hover{color:#c9a84c;}
.mob-menu .mob-cta{background:#c9a84c;color:#1a2b4a!important;border-radius:4px;font-weight:700;margin-top:12px;text-align:center;}

/* BREADCRUMB */
.bc{background:#f7f3ec;padding:12px 48px;font-size:12px;color:#7a8898;}
.bc a{color:#7a8898;text-decoration:none;}
.bc a:hover{color:#c9a84c;}
.bc span{margin:0 6px;color:#bbb;}

/* HERO */
.hero{background:#1a2b4a;padding:90px 48px 80px;position:relative;overflow:hidden;min-height:540px;display:flex;align-items:center;}
.hero-glyph{position:absolute;right:48px;top:50%;transform:translateY(-50%);font-size:300px;color:#c9a84c;opacity:.05;line-height:1;pointer-events:none;user-select:none;}
.hero-circle{position:absolute;right:-60px;top:-60px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.06) 0%,transparent 70%);pointer-events:none;}
.hero-content{max-width:620px;position:relative;z-index:1;}
.eyebrow{font-size:11px;letter-spacing:2.5px;color:#c9a84c;text-transform:uppercase;margin-bottom:12px;}
.hero h1{font-size:48px;font-weight:800;color:#fff;line-height:1.15;margin-bottom:20px;}
.hero h1 em{color:#c9a84c;font-style:normal;}
.hero-sub{font-size:17px;color:#8aa8c8;line-height:1.75;margin-bottom:36px;max-width:500px;}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px;}
.btn-g{background:#c9a84c;color:#1a2b4a;padding:14px 28px;border-radius:4px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;transition:background .2s;cursor:pointer;border:none;}
.btn-g:hover{background:#b89038;}
.btn-o{border:1.5px solid #3a5472;color:#8aa8c8;padding:14px 28px;border-radius:4px;font-size:14px;text-decoration:none;display:inline-block;transition:border-color .2s,color .2s;cursor:pointer;}
.btn-o:hover{border-color:#c9a84c;color:#c9a84c;}
.lang-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.lang-label{font-size:11px;color:#4a6480;letter-spacing:1px;text-transform:uppercase;}
.lbadge{font-size:12px;padding:4px 12px;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.25);color:#c9a84c;border-radius:20px;}

/* STATS */
.stats{background:#c9a84c;padding:28px 48px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px;}
.stat-num{font-size:32px;font-weight:800;color:#1a2b4a;line-height:1;}
.stat-lbl{font-size:12px;color:#7a5c10;margin-top:4px;}

/* SECTIONS */
.sec{padding:76px 48px;}
.sec-inner{max-width:1100px;margin:0 auto;}
.cream{background:#f7f3ec;}
.navy{background:#1a2b4a;}
.h2{font-size:34px;font-weight:800;color:#1a2b4a;line-height:1.2;margin-bottom:14px;}
.h2-w{color:#fff!important;}
.lead{font-size:16px;color:#4a5a70;line-height:1.75;max-width:580px;margin-bottom:44px;}
.lead-w{color:#6a8aaa!important;}

/* PRACTICE GRID */
.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;}
.pc{background:#fff;border-radius:8px;padding:26px 22px;border-left:3px solid #c9a84c;cursor:pointer;transition:transform .2s,box-shadow .2s;}
.pc:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(26,43,74,.1);}
.pc-icon{font-size:26px;margin-bottom:12px;}
.pc-name{font-size:15px;font-weight:700;color:#1a2b4a;margin-bottom:8px;}
.pc-desc{font-size:13px;color:#5a6a80;line-height:1.65;}
.pc-badge{display:inline-block;margin-top:10px;font-size:10px;padding:3px 9px;background:rgba(201,168,76,.12);color:#7a5c10;border-radius:20px;font-weight:700;letter-spacing:.5px;}

/* ATTORNEY CARD */
.att-grid{display:grid;grid-template-columns:260px 1fr;gap:60px;align-items:start;}
.att-card{background:#1a2b4a;border-radius:10px;overflow:hidden;}
.att-photo{background:linear-gradient(180deg,#243d66 0%,#1a2b4a 100%);height:280px;display:flex;align-items:center;justify-content:center;}
.att-initials{width:96px;height:96px;border-radius:50%;background:#c9a84c;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#1a2b4a;}
.att-info{padding:18px 22px;}
.att-name{font-size:17px;font-weight:700;color:#fff;margin-bottom:3px;}
.att-title{font-size:12px;color:#c9a84c;letter-spacing:.5px;}

/* WHY GRID */
.wg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.wc{background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.15);border-radius:8px;padding:26px 22px;transition:border-color .2s;}
.wc:hover{border-color:rgba(201,168,76,.4);}
.wc-num{font-size:36px;font-weight:800;color:rgba(201,168,76,.2);line-height:1;margin-bottom:10px;}
.wc-title{font-size:15px;font-weight:700;color:#c9a84c;margin-bottom:8px;}
.wc-text{font-size:13px;color:#6a8aaa;line-height:1.7;}

/* FAQ */
.faq-list{max-width:760px;}
.fi{border-bottom:1px solid #e0d8cc;}
.fq{width:100%;text-align:left;background:none;border:none;padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px;font-weight:600;color:#1a2b4a;gap:16px;line-height:1.4;}
.fq:hover{color:#c9a84c;}
.fi-icon{width:26px;height:26px;border-radius:50%;background:#c9a84c;color:#1a2b4a;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;transition:transform .25s,background .2s;line-height:1;}
.fa{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.fai{padding:0 0 20px;font-size:14px;color:#4a5a70;line-height:1.8;}
.fi.open .fa{max-height:600px;}
.fi.open .fi-icon{transform:rotate(45deg);background:#1a2b4a;color:#c9a84c;}
.fi.navy-faq .fq{color:#fff;}
.fi.navy-faq .fai{color:#8aa8c8;}
.fi.navy-faq{border-bottom-color:#1e3050;}

/* CTA STRIP */
.cta-strip{background:#1a2b4a;text-align:center;padding:76px 48px;position:relative;overflow:hidden;}
.cta-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.07) 0%,transparent 65%);pointer-events:none;}
.cta-h2{font-size:36px;font-weight:800;color:#fff;margin-bottom:14px;position:relative;z-index:1;}
.cta-sub{font-size:16px;color:#6a8aaa;line-height:1.75;margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;position:relative;z-index:1;}
.cta-langs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1;}
.clang{font-size:12px;padding:4px 14px;border-radius:20px;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);color:#c9a84c;}

/* FOOTER */
footer{background:#0d1b2c;padding:50px 48px 26px;}
.fg{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:44px;padding-bottom:36px;border-bottom:1px solid #1a2e48;}
.fl-main{font-size:22px;font-weight:800;color:#c9a84c;letter-spacing:2.5px;display:block;}
.fl-sub{font-size:9px;color:#2e4256;letter-spacing:1.5px;text-transform:uppercase;margin:3px 0 14px;display:block;}
.fdesc{font-size:13px;color:#3a5060;line-height:1.7;}
.foff{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;}
.fo{background:rgba(255,255,255,.03);border:1px solid #1e3450;border-radius:6px;padding:10px 14px;}
.fo-c{font-size:12px;font-weight:700;color:#c9a84c;}
.fo-a{font-size:11px;color:#3a5060;margin-top:2px;}
.fct{font-size:10px;letter-spacing:1.5px;color:#c9a84c;text-transform:uppercase;margin-bottom:14px;font-weight:700;}
.fl{list-style:none;}
.fl li{margin-bottom:9px;}
.fl a{font-size:13px;color:#3a5070;text-decoration:none;transition:color .2s;cursor:pointer;}
.fl a:hover{color:#c9a84c;}
.fcp{font-size:13px;color:#3a5070;margin-bottom:8px;line-height:1.5;}
.fb{max-width:1100px;margin:20px auto 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.fcopy{font-size:11px;color:#2a3e52;line-height:1.6;max-width:680px;}
.fpow{font-size:12px;color:#2a3e52;white-space:nowrap;}
.fpow a{color:#c9a84c;text-decoration:none;}
.fpow a:hover{text-decoration:underline;}
.fdis{max-width:1100px;margin:14px auto 0;font-size:11px;color:#1e3040;line-height:1.65;padding-top:14px;border-top:1px solid #172838;}

/* PAGE-SPECIFIC */
.page-hero{background:#1a2b4a;padding:56px 48px 48px;}
.page-hero .eyebrow{margin-bottom:8px;}
.page-hero h1{font-size:38px;font-weight:800;color:#fff;line-height:1.2;max-width:700px;}
.page-hero p{font-size:16px;color:#8aa8c8;margin-top:14px;max-width:600px;line-height:1.7;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.two-col-wide{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:start;}
.prose h2{font-size:24px;font-weight:700;color:#1a2b4a;margin:32px 0 12px;}
.prose h2:first-child{margin-top:0;}
.prose h3{font-size:18px;font-weight:700;color:#1a2b4a;margin:24px 0 10px;}
.prose p{font-size:15px;color:#4a5a70;line-height:1.8;margin-bottom:16px;}
.prose ul{margin:12px 0 20px 20px;}
.prose ul li{font-size:15px;color:#4a5a70;line-height:1.7;margin-bottom:6px;}
.sidebar{position:sticky;top:90px;}
.sidebar-card{background:#1a2b4a;border-radius:10px;padding:28px 24px;margin-bottom:18px;}
.sidebar-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:12px;}
.sidebar-card p{font-size:13px;color:#8aa8c8;line-height:1.7;margin-bottom:16px;}
.sidebar-card .btn-g{display:block;text-align:center;width:100%;}
.sidebar-stat{background:#f7f3ec;border-radius:8px;padding:18px 20px;margin-bottom:10px;display:flex;align-items:center;gap:14px;}
.sidebar-stat-num{font-size:28px;font-weight:800;color:#1a2b4a;line-height:1;flex-shrink:0;}
.sidebar-stat-lbl{font-size:13px;color:#5a6a80;line-height:1.4;}
.step-list{counter-reset:steps;list-style:none;margin:0;}
.step-list li{counter-increment:steps;display:flex;gap:16px;margin-bottom:28px;align-items:flex-start;}
.step-num{width:36px;height:36px;border-radius:50%;background:#c9a84c;color:#1a2b4a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;margin-top:2px;}
.step-content h4{font-size:15px;font-weight:700;color:#1a2b4a;margin-bottom:4px;}
.step-content p{font-size:14px;color:#5a6a80;line-height:1.7;}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;}
.compare-card{background:#f7f3ec;border-radius:8px;padding:22px 20px;border-top:3px solid #c9a84c;}
.compare-card h4{font-size:15px;font-weight:700;color:#1a2b4a;margin-bottom:12px;}
.compare-card ul{list-style:none;}
.compare-card ul li{font-size:13px;color:#4a5a70;padding:5px 0;border-bottom:.5px solid #e0d8cc;display:flex;gap:8px;line-height:1.5;}
.compare-card ul li::before{content:'✓';color:#c9a84c;font-weight:700;flex-shrink:0;}
.visa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:16px 0;}
.vc{background:#f7f3ec;border-radius:8px;padding:20px 18px;border-left:3px solid #c9a84c;cursor:pointer;transition:transform .2s;}
.vc:hover{transform:translateY(-2px);}
.vc-code{font-size:20px;font-weight:800;color:#c9a84c;margin-bottom:4px;}
.vc-name{font-size:13px;font-weight:700;color:#1a2b4a;margin-bottom:6px;}
.vc-desc{font-size:12px;color:#5a6a80;line-height:1.6;}
.highlight-box{background:#1a2b4a;border-radius:8px;padding:24px 26px;margin:28px 0;}
.highlight-box h3{font-size:17px;font-weight:700;color:#c9a84c;margin-bottom:10px;}
.highlight-box p{font-size:14px;color:#8aa8c8;line-height:1.7;margin-bottom:0;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.form-group{margin-bottom:20px;}
.form-group label{display:block;font-size:13px;font-weight:600;color:#2a3a54;margin-bottom:6px;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid #d0c8be;border-radius:6px;font-size:14px;color:#1a2b4a;background:#fff;transition:border-color .2s;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#c9a84c;}
.form-group textarea{resize:vertical;min-height:100px;}
.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;}
.contact-info-card{background:#1a2b4a;border-radius:10px;padding:28px 26px;margin-bottom:18px;}
.contact-info-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:16px;}
.ci-item{display:flex;gap:12px;margin-bottom:14px;align-items:flex-start;}
.ci-icon{font-size:16px;flex-shrink:0;margin-top:2px;}
.ci-text{font-size:13px;color:#8aa8c8;line-height:1.6;}
.ci-text strong{color:#c9a84c;display:block;font-size:12px;margin-bottom:2px;}
.att-bio-grid{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start;}
.cred-list{list-style:none;margin:0 0 28px;}
.cred-list li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:.5px solid #eee8dc;font-size:14px;color:#2a3a54;line-height:1.5;}
.cred-dot{width:6px;height:6px;border-radius:50%;background:#c9a84c;flex-shrink:0;margin-top:7px;}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.location-card{background:#f7f3ec;border-radius:8px;padding:24px;border-top:3px solid #c9a84c;margin-bottom:16px;}
.location-card h3{font-size:16px;font-weight:700;color:#1a2b4a;margin-bottom:10px;}
.location-card p{font-size:14px;color:#5a6a80;line-height:1.65;}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;}
.tag{font-size:12px;padding:5px 14px;background:#f7f3ec;border:1px solid #e0d8cc;color:#4a5a70;border-radius:20px;}
.updated-note{font-size:12px;color:#8a9aaa;margin-bottom:28px;}

@media(max-width:900px){
  nav{padding:0 20px;justify-content:space-between;height:72px;}
  .logo-wrap{position:static;transform:none;top:auto;left:auto;}
  .logo-contact{display:none;}
  .nl{display:none;}
  .ham{display:flex;}
  .hero{padding:60px 20px 56px;}
  .hero h1{font-size:34px;}
  .hero-glyph{display:none;}
  .stats{padding:22px 20px;}
  .sec{padding:56px 20px;}
  .bc{padding:12px 20px;}
  .page-hero{padding:40px 20px 36px;}
  .page-hero h1{font-size:28px;}
  .two-col,.two-col-wide,.att-grid,.att-bio-grid,.contact-grid,.about-grid{grid-template-columns:1fr;}
  .sidebar{position:static;}
  footer{padding:40px 20px 22px;}
  .fg{grid-template-columns:1fr 1fr;gap:28px;padding-bottom:28px;}
}

/* ===== multi-page build additions (WTT Digital, 2026-05-22) ===== */
a.logo-link{text-decoration:none;display:inline-block;}
.logo-contact{font-size:11px;color:#6a82a0;letter-spacing:.02em;display:flex;flex-direction:column;gap:3px;justify-content:center;}
.logo-contact a{color:#c9a84c;text-decoration:none;}
.logo-contact a:hover{text-decoration:underline;}
.logo-contact .sep{display:none;}
a.pc{display:block;text-decoration:none;color:inherit;}
button.ham{background:none;border:none;}
.nl>li>a[aria-current="page"]{color:#c9a84c;}
.nl>li>span.cur{color:#c9a84c;}
.mob-menu a[aria-current="page"]{color:#c9a84c;}
:target{scroll-margin-top:96px;}
@media(max-width:900px){.logo-contact{font-size:10px;}}

/* footer readability - lighter text on the dark #0d1b2c footer */
.fl-sub{color:#7e94b0;}
.fdesc{color:#9aabc4;}
.fo{background:rgba(255,255,255,.05);border-color:#2a4a68;}
.fo-a{color:#90a4be;}
.fl a{color:#a2b3ca;}
.fcp{color:#a2b3ca;}
.fcopy{color:#8094ac;}
.fpow{color:#8094ac;}
.fdis{color:#7c90a8;}
