@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap");

:root { --navy:#062d42; --deep:#041e31; --ink:#113147; --cream:#fffdf8; --mist:#eef3f1; --gold:#d6ab62; --pale-gold:#f0d399; --muted:#637989; --review:#00a778; }
*,*::before,*::after { box-sizing:border-box; } html { overflow-x:clip; overscroll-behavior:none; scroll-behavior:smooth; } body { min-width:320px; margin:0; overflow-x:clip; overscroll-behavior:none; background:var(--cream); color:var(--ink); font:16px "DM Sans",Arial,sans-serif; } main { overflow-x:clip; } img,video { max-width:100%; } a { color:inherit; text-decoration:none; } button,input,select,textarea { font:inherit; } button { cursor:pointer; } .shell { width:min(1180px,calc(100% - clamp(32px,5vw,64px))); margin-inline:auto; }

/* Brand, type and controls */
.brand-lockup { display:flex; align-items:center; gap:11px; } .sea-mark { position:relative; display:block; width:44px; height:44px; overflow:hidden; flex:0 0 auto; border-radius:50%; background:#f3c76b; box-shadow:0 7px 16px rgba(0,0,0,.14); } .sea-mark::before,.sea-mark::after { content:""; position:absolute; border:4px solid var(--navy); border-radius:50%; } .sea-mark::before { width:58px; height:58px; left:-23px; bottom:-34px; border-width:5px; transform:rotate(-18deg); } .sea-mark::after { width:37px; height:37px; top:10px; right:-19px; transform:rotate(-15deg); } .sea-mark i,.sea-mark b,.sea-mark em { position:absolute; z-index:1; display:block; width:3px; height:18px; top:4px; left:21px; border-radius:2px; background:var(--navy); transform:rotate(45deg); } .sea-mark b { width:18px; height:3px; top:11px; left:13px; } .sea-mark em { width:5px; height:5px; top:19px; left:19px; border-radius:50%; transform:none; } .brand-wordmark { display:grid; gap:3px; } .brand-name { color:inherit; font:700 16px/1 "DM Sans",sans-serif; letter-spacing:3.1px; white-space:nowrap; } .brand-wordmark small { color:rgba(255,255,255,.61); font-size:6px; font-weight:700; letter-spacing:1.1px; white-space:nowrap; } .footer .brand-name { color:var(--navy); } .footer .brand-wordmark small { color:#7b9099; } .scroll-link { padding:0; color:inherit; border:0; background:transparent; text-align:left; } .eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 22px; color:var(--gold); font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; } .eyebrow span { width:24px; height:1px; background:currentColor; } .light { color:var(--pale-gold); } h1,h2,h3,p { margin-top:0; } h1,h2,blockquote { font-family:"Playfair Display",serif; font-weight:500; letter-spacing:-2.4px; } h1 i,h2 i,blockquote i { color:#f3cf8e; } h2 { margin:0; font-size:clamp(40px,4.3vw,61px); line-height:1.09; } .button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:57px; padding:13px 24px; border:0; border-radius:4px; font:700 12px "DM Sans",sans-serif; transition:transform .2s,box-shadow .2s,background .2s; } .button:hover { transform:translateY(-2px); box-shadow:0 15px 31px rgba(0,0,0,.18); } .button-gold,.button-coral { color:#062d42; background:var(--gold); } .button-gold:hover,.button-coral:hover { background:#f5cd7e; } .button span { font-size:19px; font-weight:400; } .text-link { display:inline-flex; align-items:center; gap:18px; margin-top:17px; color:var(--navy); font-size:12px; font-weight:700; } .text-link span { color:#bc754f; font-size:18px; } .whatsapp-icon { display:block; width:100%; height:100%; object-fit:contain; }

/* Hero */
.hero { position:relative; min-height:800px; overflow:hidden; color:#fff; background:var(--deep); } .hero::before,.hero::after { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; } .hero::before { background:linear-gradient(90deg,rgba(3,24,37,.97),rgba(4,38,52,.81) 45%,rgba(4,38,52,.16)); } .hero::after { top:auto; height:31%; background:linear-gradient(transparent,rgba(3,26,39,.72)); } .hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.84) brightness(.82) contrast(1.05); transform:scale(1.012); } .nav { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; height:92px; border-bottom:1px solid rgba(255,255,255,.16); } .nav-links { display:flex; gap:35px; color:rgba(255,255,255,.87); font-size:12px; } .nav-links .scroll-link:hover,.footer .scroll-link:hover { color:var(--gold); } .brand:hover .sea-mark { transform:rotate(-9deg) scale(1.04); } .hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) 310px; align-items:center; gap:58px; min-height:609px; } .hero-copy { animation:rise .8s ease both; } .hero h1 { max-width:810px; margin:0 0 24px; color:#fff; font-size:clamp(59px,6.35vw,91px); line-height:.98; text-shadow:0 8px 30px rgba(0,0,0,.2); } .hero-text { max-width:515px; color:rgba(255,255,255,.84); font-size:16px; line-height:1.72; } .hero-actions { display:flex; align-items:center; gap:25px; margin-top:33px; } .hero-trust { display:flex; align-items:center; gap:13px; margin-top:51px; color:rgba(255,255,255,.65); font-size:11px; line-height:1.5; } .hero-trust p { margin:0; } .hero-trust strong { color:#fff; font-size:12px; } .trust-seal { display:grid; place-items:center; width:33px; height:33px; flex:0 0 auto; color:var(--pale-gold); border:1px solid var(--gold); border-radius:50%; font-size:15px; } .hero-card { min-width:0; min-height:418px; padding:25px 25px 23px; border:1px solid rgba(248,211,140,.36); border-radius:6px; background:linear-gradient(150deg,rgba(8,63,78,.8),rgba(3,27,41,.72)); box-shadow:0 26px 64px rgba(0,0,0,.26); backdrop-filter:blur(16px); animation:rise .9s .14s ease both; } .hero-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; } .hero-card .card-kicker { margin:0; color:#d7e5df; font-size:7px; letter-spacing:1.45px; text-transform:uppercase; } .hero-card-top>span { padding:5px 7px; color:var(--pale-gold); border:1px solid rgba(248,211,140,.33); border-radius:2px; font-size:7px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; } .hero-card h3 { margin:0; color:#fff; font:500 31px/1.06 "Playfair Display",serif; letter-spacing:-1px; } .hero-card h3 i { color:var(--pale-gold); } .hero-card-intro { margin:13px 0 16px; color:rgba(255,255,255,.7); font-size:11px; line-height:1.55; } .brief-list { display:grid; margin:0 0 18px; border-top:1px solid rgba(255,255,255,.14); } .brief-list>div { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:11px; min-height:45px; border-bottom:1px solid rgba(255,255,255,.14); } .brief-list b { display:grid; place-items:center; width:24px; height:24px; color:var(--pale-gold); border:1px solid rgba(248,211,140,.33); border-radius:50%; font-size:8px; } .brief-list span { display:grid; gap:2px; } .brief-list strong { color:#fff; font-size:10px; line-height:1; } .brief-list small { color:rgba(255,255,255,.54); font-size:8px; letter-spacing:.35px; } .hero-card .hero-card-cta { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:12px 13px; color:var(--navy); border-radius:3px; background:var(--pale-gold); font-size:10px; font-weight:800; text-align:center; } .hero-card .hero-card-cta span { color:var(--navy); font-size:16px; } .hero-card .hero-card-cta:hover { background:#fff0c8; } .hero-bottom { position:relative; z-index:1; display:flex; justify-content:space-between; padding-bottom:24px; color:rgba(255,255,255,.64); font-size:8px; letter-spacing:1.55px; text-transform:uppercase; } .hero-bottom span { margin-left:7px; color:var(--pale-gold); } .hero-bottom .dot { margin:0 10px; }

/* Conversion sections */
.trust-strip { border-bottom:1px solid #e6dfd0; background:#f6f1e7; } .trust-grid { display:grid; grid-template-columns:1.45fr repeat(3,minmax(0,1fr)); align-items:center; min-height:121px; } .trust-grid>p { margin:0; color:#617483; font:15px/1.45 "Playfair Display",serif; letter-spacing:-.25px; } .trust-grid>p strong { color:var(--ink); font-weight:600; } .trust-grid>div { display:flex; flex-direction:column; justify-content:center; gap:7px; min-height:57px; padding-left:22px; border-left:1px solid #e2d9c9; } .trust-grid b,.steps b { color:#b66f4e; font-size:9px; letter-spacing:1px; } .trust-grid span { color:#486171; font-size:11px; font-weight:700; } .intro { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:110px; padding:130px 0; } .intro-copy { max-width:448px; padding-top:41px; color:#516e7c; font-size:15px; line-height:1.8; } .intro-copy p+p { margin-top:17px; } .expect-list { display:grid; grid-template-columns:1fr 1fr; gap:10px 17px; margin:27px 0 13px; color:var(--ink); font-size:11px; font-weight:700; } .expect-list span:last-child { grid-column:1/-1; } .expect-list b { margin-right:6px; color:#bc754f; }
.lead-banner { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.66fr); align-items:center; gap:64px; overflow:hidden; margin-bottom:120px; padding:62px 64px; color:#fff; border:1px solid rgba(244,209,142,.16); border-radius:8px; background:linear-gradient(118deg,#052b40,#073f52 57%,#075866); box-shadow:0 22px 48px rgba(8,55,68,.17); } .lead-banner::before,.lead-banner::after { content:""; position:absolute; pointer-events:none; border-radius:50%; } .lead-banner::before { width:1px; height:100%; top:0; left:52.5%; border-radius:0; background:linear-gradient(transparent,rgba(243,199,107,.36),transparent); } .lead-banner::after { width:430px; height:430px; top:-218px; right:-190px; border:1px solid rgba(243,199,107,.22); } .lead-copy,.lead-action { position:relative; z-index:1; } .lead-copy { min-width:0; max-width:625px; } .lead-banner .eyebrow,.lead-banner h2 i { color:var(--pale-gold); } .lead-copy>p:last-of-type { max-width:530px; margin:18px 0 0; color:rgba(255,255,255,.78); font-size:15px; line-height:1.75; } .lead-checks { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; } .lead-checks span { display:inline-flex; align-items:center; gap:8px; padding:8px 10px 8px 8px; color:#eef8f5; border:1px solid rgba(255,255,255,.16); border-radius:3px; background:rgba(1,28,42,.2); font-size:10px; font-weight:700; } .lead-checks b { display:grid; place-items:center; width:22px; height:22px; color:var(--navy); border-radius:2px; background:var(--pale-gold); font-size:8px; } .lead-action { padding:29px; border:1px solid rgba(255,255,255,.17); border-radius:5px; background:rgba(3,29,43,.32); box-shadow:0 14px 30px rgba(0,0,0,.1); backdrop-filter:blur(10px); } .lead-action>p { margin:0 0 18px; color:var(--pale-gold); font-size:9px; font-weight:800; letter-spacing:1.25px; line-height:1.4; text-transform:uppercase; } .lead-action .button { width:100%; } .lead-action small { display:block; margin-top:15px; color:rgba(255,255,255,.63); font-size:10px; line-height:1.45; text-align:center; } .button-wa { display:grid; place-items:center; width:22px; height:22px; flex:0 0 22px; padding:4px; border-radius:50%; background:#26b969; }
.services { padding:108px 0 112px; background:var(--mist); } .services-head { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; } .services-head h2 { font-size:51px; } .services-head>p { max-width:310px; margin:0 0 7px; color:#607786; font-size:13px; line-height:1.65; } .service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:53px; border-top:1px solid #bed5cf; } .service { position:relative; min-height:304px; padding:22px 30px 19px 0; border-right:1px solid #bed5cf; transition:transform .24s ease,background .24s ease; } .service+.service { padding-left:30px; } .service:last-child { border-right:0; } .service:hover { background:rgba(255,255,255,.45); transform:translateY(-4px); } .number { color:#b66f4e; font-size:9px; letter-spacing:1.7px; } .service-icon { width:max-content; margin:25px 0 19px; padding:7px 9px; color:#09616c; border:1px solid #96c9be; border-radius:2px; background:#eff9f5; font-size:8px; font-weight:800; letter-spacing:1.3px; } .service h3,.steps h3 { margin:0 0 12px; font:500 23px "Playfair Display",serif; } .service>p:not(.number) { max-width:270px; color:#5d7482; font-size:12px; line-height:1.75; } .service .scroll-link { position:absolute; bottom:13px; color:var(--navy); font-size:10px; font-weight:700; } .service .scroll-link span { margin-left:9px; color:#b66f4e; font-size:17px; }
.jurisdictions { padding:126px 0; background:#f7f2e8; } .jurisdiction-head { display:flex; align-items:flex-end; justify-content:space-between; gap:54px; } .jurisdiction-head h2 { font-size:clamp(42px,4.6vw,63px); } .jurisdiction-head>p { max-width:390px; margin:0 0 7px; color:#5f7680; font-size:14px; line-height:1.78; } .jurisdiction-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:53px; } .jurisdiction-grid article { display:grid; grid-template-columns:50px minmax(0,1fr) auto; align-items:center; gap:15px; min-height:148px; padding:21px 18px; border:1px solid #e2e8e2; border-radius:5px; background:#fff; box-shadow:0 8px 20px rgba(6,48,58,.035); transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; } .jurisdiction-grid article:hover { border-color:#94cfc0; box-shadow:0 18px 32px rgba(6,48,58,.1); transform:translateY(-5px); } .jurisdiction-flag { display:grid; place-items:center; width:47px; height:35px; overflow:hidden; border:1px solid #d9e3de; border-radius:4px; background:#edf4ef; box-shadow:0 3px 8px rgba(15,53,62,.07); } .jurisdiction-flag img { display:block; width:100%; height:100%; object-fit:cover; } .jurisdiction-grid h3 { margin:0 0 6px; color:var(--ink); font:600 17px/1.1 "Playfair Display",serif; } .jurisdiction-grid p { margin:0; color:#69808a; font-size:9px; font-weight:700; letter-spacing:.65px; text-transform:uppercase; } .jurisdiction-arrow { align-self:start; color:#c0774f; font-size:17px; } .jurisdiction-foot { display:flex; align-items:center; justify-content:space-between; gap:38px; margin-top:30px; padding:26px 2px 0; border-top:1px solid #e2e8e2; } .jurisdiction-foot p { max-width:490px; margin:0; color:#607881; font-size:13px; line-height:1.7; }

.image-split { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); min-height:535px; } .image-panel { background:linear-gradient(rgba(5,35,54,.07),rgba(5,35,54,.07)),url("https://www.mastercharter.com/images/widgets/88/picture2.jpg") center/cover; } .quote-panel { padding:105px max(42px,calc((100vw - 1180px)/2)); padding-right:45px; color:#fff; background:linear-gradient(135deg,#073a50,#075e6c); } .quote-panel .eyebrow { margin-bottom:44px; } .quote-panel blockquote { margin:0 0 45px; font-size:clamp(31px,3.15vw,46px); line-height:1.13; } .signature .sea-mark { width:33px; height:33px; } .signature .sea-mark i { top:3px; left:15px; height:14px; } .signature .sea-mark b { top:9px; left:9px; width:14px; } .signature .sea-mark em { top:14px; left:14px; } .signature .brand-name { color:#fff1c5; font-size:17px; } .signature .brand-wordmark small { color:#c0d4d4; }
.testimonials { padding:120px 0; background:linear-gradient(180deg,#f8faf8,#eff5f1); } .testimonial-head { display:flex; align-items:flex-end; justify-content:space-between; gap:55px; } .feedback-summary { display:flex; align-items:center; gap:19px; padding:16px 19px; border:1px solid #d5e2db; border-radius:5px; background:#fff; box-shadow:0 9px 22px rgba(7,58,70,.04); } .feedback-score { display:flex; align-items:center; gap:9px; } .feedback-score strong { color:#083d50; font:600 47px/.8 "Playfair Display",serif; letter-spacing:-2px; } .feedback-score span { color:#5e747d; font-size:10px; font-weight:700; line-height:1.4; letter-spacing:.35px; text-transform:uppercase; } .trust-stars { display:flex; gap:3px; } .trust-stars b { display:grid; place-items:center; width:25px; height:25px; color:#fff; background:var(--review); font-size:15px; } .feedback-summary p { margin:8px 0 0; color:#687e87; font-size:10px; } .testimonial-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.91fr) minmax(0,.91fr); gap:16px; margin-top:51px; } .testimonial-grid article { display:flex; flex-direction:column; min-width:0; min-height:318px; padding:31px; border:1px solid #d4e2da; border-radius:7px; background:#fff; box-shadow:0 10px 22px rgba(7,58,70,.045); transition:transform .25s,box-shadow .25s; } .testimonial-grid article:hover { box-shadow:0 19px 32px rgba(7,58,70,.1); transform:translateY(-5px); } .testimonial-grid .testimonial-featured { position:relative; overflow:hidden; border:0; background:linear-gradient(145deg,#0a5969,#063246); } .testimonial-featured::after { content:""; position:absolute; width:225px; height:225px; top:-88px; right:-80px; border:1px solid rgba(255,255,255,.16); border-radius:50%; } .review-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:28px; } .review-stars { color:var(--review); font-size:16px; letter-spacing:2px; line-height:1; } .review-top>span:last-child { color:#6b8488; font-size:9px; font-weight:800; letter-spacing:1.1px; text-transform:uppercase; } .testimonial-grid blockquote { position:relative; z-index:1; max-width:330px; margin:0 0 17px; color:var(--ink); font-size:25px; line-height:1.18; letter-spacing:-.65px; } .testimonial-grid article>p { position:relative; z-index:1; max-width:310px; margin:0; color:#59727c; font-size:13px; line-height:1.72; } .testimonial-featured blockquote { color:#fff; } .testimonial-featured>p { color:rgba(255,255,255,.78)!important; } .testimonial-featured .review-stars { color:#f7d484; } .testimonial-featured .review-top>span:last-child { color:#c3e5db; } .testimonial-grid footer { display:flex; flex-direction:column; gap:11px; margin-top:auto; padding-top:22px; border-top:1px solid #dbe7e1; } .testimonial-featured footer { position:relative; z-index:1; border-top-color:rgba(255,255,255,.19); } .owner-profile { display:flex; align-items:center; gap:10px; } .owner-profile img { display:block; width:34px; height:34px; flex:0 0 34px; object-fit:cover; border:2px solid #e5efea; border-radius:50%; } .owner-profile>span { display:grid; gap:3px; } .owner-profile strong { color:var(--ink); font-size:10px; font-weight:800; letter-spacing:.15px; } .owner-profile small { color:#7d9196; font-size:9px; } .testimonial-featured .owner-profile img { border-color:rgba(255,255,255,.3); } .testimonial-featured .owner-profile strong { color:#fff; } .testimonial-featured .owner-profile small { color:rgba(255,255,255,.62); } .feedback-note { margin:18px 0 0; color:#81929b; font-size:10px; text-align:right; }
.process { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:98px; margin:78px auto; padding:90px 72px; border:1px solid #dce9e3; border-radius:8px; background:linear-gradient(135deg,#edf6f2,#e4f0eb); } .process-title>p:last-child { max-width:246px; margin:24px 0 0; color:#667d8b; font-size:13px; line-height:1.7; } .steps { border-top:1px solid #c8dad2; } .steps article { display:grid; grid-template-columns:44px minmax(0,1fr) minmax(0,1.16fr); gap:20px; align-items:baseline; padding:29px 0; border-bottom:1px solid #c8dad2; } .steps h3 { margin:0; font-size:19px; } .steps p { margin:0; color:#647a88; font-size:12px; line-height:1.72; }
.consultation { padding:112px 0 108px; color:#fff; background:linear-gradient(120deg,#052a3b,#073f52); } .contact-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:115px; } .contact-copy h2 { margin-bottom:24px; } .contact-copy>p:not(.eyebrow) { max-width:400px; color:rgba(255,255,255,.7); font-size:15px; line-height:1.78; } .whatsapp-card { display:flex; align-items:center; gap:14px; max-width:365px; margin-top:35px; padding:16px 19px; border:1px solid rgba(255,255,255,.27); transition:background .2s,border-color .2s; } .whatsapp-card:hover { border-color:var(--gold); background:rgba(255,255,255,.07); } .wa-icon { display:grid; place-items:center; width:38px; height:38px; flex:0 0 auto; padding:8px; border-radius:50%; background:#28b969; } .whatsapp-card small { display:block; margin-bottom:4px; color:rgba(255,255,255,.53); font-size:9px; } .whatsapp-card strong { font-size:12px; } .whatsapp-card strong b { margin-left:7px; color:var(--gold); font-size:17px; } .contact-assurance { margin-top:19px!important; color:rgba(255,255,255,.53)!important; font-size:10px!important; } .contact-assurance b { margin-right:7px; color:var(--pale-gold); } .consultation-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:23px 20px; } .consultation-form label { min-width:0; color:rgba(255,255,255,.68); font-size:9px; letter-spacing:1.3px; text-transform:uppercase; } .consultation-form label:nth-of-type(3),.consultation-form label:nth-of-type(4),.form-button,.form-note { grid-column:1/-1; } input,select,textarea { display:block; width:100%; padding:11px 0; color:#fff; border:0; border-bottom:1px solid rgba(255,255,255,.35); border-radius:0; outline:0; background:transparent; font-size:14px; resize:vertical; } input:focus,select:focus,textarea:focus { border-color:var(--gold); } input::placeholder,textarea::placeholder { color:rgba(255,255,255,.42); } select option { color:var(--navy); } .form-button { min-width:256px; justify-self:start; margin-top:7px; } .form-note { margin:0; color:rgba(255,255,255,.4); font-size:9px; letter-spacing:.3px; } .input-error { border-bottom-color:#f1a384!important; } .field-error { display:block; min-height:14px; margin-top:7px; color:#f2b9a2; font-size:9px; letter-spacing:0; text-transform:none; } .consultation-form label:has(.field-error:not(:empty)) { color:#f2b9a2; }
.footer { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px; min-height:190px; padding-top:34px; } .footer-brand { color:var(--navy); } .footer small { width:100%; padding:17px 0 18px; border-top:1px solid #dce1dd; color:#81929b; font-size:9px; letter-spacing:.5px; text-align:center; } .whatsapp-float { position:fixed; z-index:4; right:23px; bottom:22px; display:grid; place-items:center; width:54px; height:54px; padding:13px; border-radius:50%; background:#24ae7a; box-shadow:0 9px 27px rgba(0,0,0,.22); animation:float-pulse 2.8s ease-in-out infinite; } .whatsapp-float:hover { animation:none; transform:scale(1.06); } .whatsapp-float span { position:absolute; right:64px; padding:9px 12px; color:#fff; border-radius:2px; background:var(--navy); font-size:10px; font-weight:700; white-space:nowrap; opacity:0; transform:translateX(6px); transition:.2s; } .whatsapp-float:hover span { opacity:1; transform:none; }

@keyframes rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } } @keyframes float-pulse { 0%,100% { transform:translateY(0); box-shadow:0 9px 27px rgba(0,0,0,.22); } 50% { transform:translateY(-6px); box-shadow:0 16px 32px rgba(36,174,122,.31); } } @media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
@media (max-width:980px) { .jurisdiction-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .trust-grid { grid-template-columns:1fr 1fr; padding:28px 0; } .trust-grid>p { grid-column:1/-1; margin-bottom:18px; } .trust-grid>div { min-height:48px; padding-left:18px; } .service-grid { grid-template-columns:1fr 1fr; } .service { min-height:276px; padding-right:24px; } .service:nth-child(2) { padding-left:24px; border-right:0; } .service:last-child { grid-column:1/-1; padding-left:0; border-right:0; } .image-split,.process,.contact-grid { grid-template-columns:1fr; } .image-panel { min-height:380px; } .quote-panel { padding:82px max(42px,calc((100vw - 700px)/2)); } .testimonial-head { display:block; } .feedback-summary { margin-top:25px; } .testimonial-grid { grid-template-columns:1fr 1fr; } .testimonial-grid .testimonial-featured { grid-column:1/-1; min-height:248px; } .process { gap:45px; } .process-title>p:last-child,.contact-copy>p:not(.eyebrow) { max-width:540px; } .contact-grid { gap:48px; } }
@media (max-width:900px) { .nav-links { display:none; } .hero { min-height:770px; } .hero-video { filter:saturate(.76) brightness(.67) contrast(1.08); } .hero::before { background:linear-gradient(90deg,rgba(3,24,37,.95),rgba(4,38,52,.7)); } .hero-grid { grid-template-columns:1fr; align-items:start; min-height:645px; padding-top:66px; } .hero-card { display:none; } .hero h1 { max-width:710px; font-size:clamp(58px,8vw,72px); } .hero-text { max-width:570px; } .hero-trust { margin-top:38px; } .hero-bottom p:last-child,.whatsapp-float { display:none; } .lead-banner { grid-template-columns:1fr; gap:32px; } .lead-banner::before { display:none; } .lead-action { max-width:460px; } }
@media (max-width:760px) { .shell { width:min(560px,calc(100% - 40px)); } .hero { min-height:1030px; } .hero-video { object-position:59% center; filter:saturate(.72) brightness(.6) contrast(1.08); } .hero::before { background:linear-gradient(180deg,rgba(3,24,37,.68),rgba(3,24,37,.87) 78%,rgba(3,24,37,.94)); } .nav { height:82px; } .sea-mark { width:38px; height:38px; } .sea-mark i { top:3px; left:18px; height:16px; } .sea-mark b { top:10px; left:11px; width:16px; } .sea-mark em { top:17px; left:17px; } .brand-name { font-size:14px; letter-spacing:2.7px; } .brand-wordmark small { font-size:5.1px; letter-spacing:.92px; } .hero-grid { min-height:885px; padding-top:43px; } .hero h1 { font-size:clamp(49px,14vw,59px); } .hero-text { max-width:355px; font-size:15px; } .hero-actions { flex-wrap:wrap; gap:16px; } .hero-trust { margin-top:37px; } .hero-card { display:block; min-height:0; margin-top:25px; padding:21px; } .hero-card-top { margin-bottom:16px; } .hero-card h3 { font-size:27px; } .hero-card-intro { display:none; } .brief-list { margin-bottom:14px; } .brief-list>div { min-height:38px; } .brief-list b { width:21px; height:21px; font-size:7px; } .hero-bottom { display:none; } .trust-grid { grid-template-columns:1fr; gap:0; padding:28px 0; } .trust-grid>p { margin-bottom:22px; } .trust-grid>div { flex-direction:row; align-items:center; justify-content:flex-start; gap:14px; min-height:45px; padding-left:0; border-left:0; border-top:1px solid #e2d9c9; } .intro { grid-template-columns:1fr; gap:34px; padding:87px 0; } .intro-copy { padding-top:0; } .expect-list { grid-template-columns:1fr; } .expect-list span:last-child { grid-column:auto; } .lead-banner { display:block; margin-bottom:78px; padding:41px 28px; } .lead-banner::after { width:300px; height:300px; top:-176px; right:-185px; } .lead-checks { display:grid; grid-template-columns:1fr; margin-top:25px; } .lead-action { margin-top:28px; padding:24px 18px; } .services { padding-block:79px; } .services-head { display:block; } .services-head h2 { font-size:43px; } .services-head>p { margin-top:22px; } .service-grid { grid-template-columns:1fr; margin-top:42px; } .service,.service+.service { min-height:255px; padding:22px 0; border-right:0; border-bottom:1px solid #bed5cf; } .service:hover,.jurisdiction-grid article:hover,.testimonial-grid article:hover { transform:none; } .jurisdictions { padding:81px 0; } .jurisdiction-head { display:block; } .jurisdiction-head>p { margin-top:20px; } .jurisdiction-grid { grid-template-columns:1fr; gap:10px; margin-top:34px; } .jurisdiction-grid article { min-height:91px; padding:16px; } .jurisdiction-foot { display:block; } .jurisdiction-foot .text-link { margin-top:18px; } .image-split { grid-template-columns:1fr; } .image-panel { min-height:300px; } .quote-panel { padding:74px 20px; } .testimonial-head { display:block; } .feedback-summary { margin-top:24px; } .testimonial-grid { grid-template-columns:1fr; margin-top:35px; } .testimonial-grid article { min-height:266px; padding:28px; } .testimonial-grid blockquote { font-size:24px; } .feedback-note { font-size:9px; text-align:left; } .process { grid-template-columns:1fr; gap:45px; margin:48px auto; padding:60px 26px; } .steps article { grid-template-columns:31px minmax(0,1fr); gap:13px; } .steps p { grid-column:2; } .consultation { padding:80px 0; } .contact-grid { grid-template-columns:1fr; gap:53px; } .consultation-form { grid-template-columns:1fr; } .consultation-form label:nth-of-type(3),.consultation-form label:nth-of-type(4),.form-button,.form-note { grid-column:auto; } .form-button { min-width:0; width:100%; } .footer { gap:22px; min-height:0; padding-top:42px; text-align:center; } .whatsapp-float { display:none; } }