:root{--navy:#202832;--navy2:#293440;--gold:#F28C28;--gold2:#ffad5c;--ink:#202832;--muted:#68717d;--paper:#E5E7EB;--white:#FFFFFF;--line:#d5d9df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:Inter,Roboto,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:auto}.header{height:76px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #07132325}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff}.brand-symbol{width:42px;height:42px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-weight:800;letter-spacing:-1px}.brand-word{font-size:13px;line-height:1.15;letter-spacing:1.6px;font-weight:800}.brand-word span{display:block;color:var(--gold);font-size:11px;letter-spacing:3px;margin-top:4px}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650}.nav-links a:hover{color:var(--gold2)}.language{background:transparent;border:1px solid #ffffff65;color:var(--gold2);padding:8px 12px;border-radius:4px;font-weight:700;cursor:pointer}.menu-button{display:none;background:none;border:0;color:white;font-size:25px}.hero{background:linear-gradient(115deg,var(--navy) 0%,#293440 66%,#35414d 100%);color:white;padding:82px 0 86px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #ffffff12;border-radius:50%;right:-150px;top:-180px;box-shadow:0 0 0 45px #ffffff08,0 0 0 95px #ffffff05}.hero-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:2px}.eyebrow-line{display:inline-block;width:27px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-1.9px;max-width:680px;margin:22px 0}.hero-text{color:#d2dbe5;font-size:17px;max-width:620px;line-height:1.8}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:4px;font-size:14px;font-weight:800;transition:.2s}.button-gold{background:var(--gold);color:var(--navy)}.button-gold:hover{background:var(--gold2);transform:translateY(-2px)}.button-outline{border:1px solid #ffffff70;color:white}.button-outline:hover{border-color:var(--gold);color:var(--gold2)}.hero-note{display:flex;gap:10px;align-items:center;color:#c3cfdb;font-size:13px}.check{color:var(--gold);font-weight:900}.hero-card{background:#fff;color:var(--ink);padding:31px 32px;border-radius:7px;box-shadow:0 25px 65px #0003;max-width:410px;justify-self:end}.card-kicker{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#637084;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#38a17b}.hero-card-mark{font-size:34px;color:var(--gold);margin-top:27px}.hero-card h2{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:8px 0 12px}.hero-card p{font-size:14px;color:var(--muted);line-height:1.7}.card-divider{height:1px;background:var(--line);margin:23px 0 13px}.card-row{display:flex;align-items:center;gap:14px;padding:9px 0;font-size:13px;font-weight:700}.card-row b{color:#F28C28;font-size:12px}.quick-strip{background:#E5E7EB;border-bottom:1px solid var(--line)}.quick-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.quick-inner strong{font-size:14px;color:#35445a}.quick-inner a,.text-link{color:#D96F0B;font-weight:800;font-size:13px}.section{padding:91px 0}.section-heading{text-align:center;max-width:690px;margin:0 auto 43px}.section-heading .eyebrow{justify-content:center}.section-heading h2,.about-section h2,.contact-copy h2{font-size:clamp(30px,4vw,43px);line-height:1.15;letter-spacing:-1.2px;color:var(--navy);margin:17px 0 13px}.section-heading>p:last-child{color:var(--muted);font-size:15px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{padding:28px 29px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 8px 24px #10243a08}.service-card:hover{border-color:#F28C28;box-shadow:0 12px 30px #10243a10}.service-primary{background:#fff8f1;border-top:3px solid var(--gold)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.service-index{font-size:12px;color:#D96F0B;font-weight:900;letter-spacing:1px}.service-icon{width:39px;height:39px;display:grid;place-items:center;background:#fff0e2;color:#D96F0B;border-radius:50%;font-size:19px}.service-card h3{font-size:21px;line-height:1.25;color:var(--navy);margin:0 0 10px;letter-spacing:-.4px}.service-card p{font-size:14px;color:var(--muted);margin-bottom:17px}.service-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.service-card li{font-size:13px;color:#38465a;padding-left:20px;position:relative}.service-card li:before{content:"✓";position:absolute;left:0;color:#D96F0B;font-weight:900}.service-card .small-note{border-top:1px solid var(--line);padding-top:13px;margin:17px 0 0;font-size:11px;line-height:1.6}.about-section{background:var(--paper);padding:82px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.about-section h2{max-width:460px}.about-copy p{color:#59677a;font-size:15px}.about-copy .text-link{display:inline-block;margin-top:8px}.contact-section{background:var(--navy);color:white;padding:82px 0}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center}.contact-copy h2{color:white;max-width:530px}.contact-copy>p{color:#c5d0dd;max-width:490px}.contact-card{background:white;color:var(--ink);padding:24px 27px;border-radius:6px}.contact-item{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.contact-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#fff0e2;color:#D96F0B;font-size:17px}.contact-item small{display:block;color:#8490a0;font-size:9px;letter-spacing:1.3px;font-weight:800}.contact-item strong{display:block;font-size:14px;color:var(--navy);overflow-wrap:anywhere}.contact-button{width:100%;margin-top:19px}.footer{background:#171e25;color:#9eacbc;padding:23px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand-symbol{width:35px;height:35px}.footer .brand-word{font-size:11px}.footer .brand-word span{font-size:9px}.footer p,.footer>a:last-child{font-size:11px;margin:0}.footer>a:last-child:hover{color:var(--gold)}@media(max-width:800px){.hero{padding:61px 0}.hero-layout{grid-template-columns:1fr;gap:38px}.hero-card{justify-self:stretch;max-width:none}.hero h1{font-size:clamp(37px,10vw,52px)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.section{padding:70px 0}.about-section,.contact-section{padding:65px 0}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}}@media(max-width:620px){.container{width:min(100% - 32px,1120px)}.header{height:68px}.menu-button{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy2);padding:17px 22px 22px;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 0;border-bottom:1px solid #ffffff18}.language{align-self:flex-start;margin-top:12px}.hero{padding:49px 0 54px}.hero-text{font-size:15px}.hero-card{padding:25px}.quick-inner{padding:17px 0;align-items:flex-start;flex-direction:column;gap:4px}.services-grid{grid-template-columns:1fr;gap:13px}.service-card{padding:24px 22px}.section-heading{text-align:left;margin-bottom:30px}.section-heading .eyebrow{justify-content:flex-start}.section-heading h2,.about-section h2,.contact-copy h2{font-size:32px}.contact-card{padding:18px}.footer-inner{align-items:flex-start;flex-direction:column;gap:13px}.footer-inner p{order:0;width:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.fees-section{padding:82px 0;background:#f5f7fa}
.fees-table-wrap{max-width:850px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:0 10px 30px #10243a0a}
.fees-table{width:100%;border-collapse:collapse;text-align:left}
.fees-table th{background:var(--navy);color:#fff;padding:18px 24px;font-size:12px;letter-spacing:1.1px;text-transform:uppercase}
.fees-table td{padding:20px 24px;border-bottom:1px solid var(--line);font-size:15px;color:#35445a}
.fees-table tr:last-child td{border-bottom:0}
.fees-table tbody tr:hover{background:#fff8f1}
.fees-table .fee-amount{font-size:18px;font-weight:850;color:#D96F0B;white-space:nowrap}
.fees-note{max-width:850px;margin:14px auto 0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:620px){.fees-section{padding:65px 0}.fees-table th,.fees-table td{padding:15px 13px}.fees-table th{font-size:10px}.fees-table td{font-size:13px}.fees-table .fee-amount{font-size:16px}}

/* Pricing is placed immediately after the hero so visitors can find fees quickly. */
.official-fees-heading{margin:38px 0 16px}
.official-fees-heading h3{font-size:22px;line-height:1.25;color:var(--navy);margin:0 0 7px}
.official-fees-heading p{font-size:14px;color:var(--muted);margin:0}
.official-fees-table .fee-total td{background:#fff0e2;font-weight:800}
.official-fees-note{margin-top:13px}
@media(max-width:620px){
  .header{height:54px}
  .brand{gap:8px}
  .brand-symbol{width:32px;height:32px;font-size:13px}
  .brand-word{font-size:11px;letter-spacing:1.2px}
  .brand-word span{font-size:9px;letter-spacing:2.4px;margin-top:2px}
  .menu-button{font-size:22px;padding:4px 0}
  .nav-links{top:54px}
  .hero{padding:30px 0 32px}
  .hero h1{font-size:clamp(31px,8.5vw,42px);margin:13px 0 12px}
  .hero-text{font-size:14px;line-height:1.55;margin-bottom:0}
  .hero-actions{margin:17px 0 13px;gap:9px}
  .button{padding:11px 15px}
  .hero-note{font-size:11px}
  .hero-card{padding:18px 20px}
  .hero-card-mark{margin-top:10px;font-size:25px}
  .hero-card h2{font-size:21px}
  .hero-card p{margin-bottom:10px}
  .card-divider{margin:12px 0 6px}
  .card-row{padding:5px 0}
  .quick-inner{min-height:52px;padding:10px 0}
  .fees-section{padding:38px 0}
  .fees-section .section-heading{margin-bottom:20px}
  .fees-section .section-heading h2{margin:10px 0 8px}
  .fees-table th,.fees-table td{padding:12px 10px}
  .official-fees-heading{margin-top:28px}
  .official-fees-heading h3{font-size:19px}
}
.official-source-link{margin:8px 0 0;font-size:13px;font-weight:750}
.official-source-link a{color:#D96F0B;text-decoration:underline;text-underline-offset:3px}


/* Variation examples */
.variation-examples{max-width:850px;margin:28px auto 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.variation-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:21px 22px;box-shadow:0 8px 24px #10243a08}
.variation-card h3{font-size:17px;line-height:1.3;color:var(--navy);margin:0 0 12px}
.variation-card ul{padding-left:19px;margin:0 0 12px;color:#35445a;font-size:13px;line-height:1.55}
.variation-card li{margin:0 0 7px}
.variation-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}
@media(max-width:620px){.variation-examples{grid-template-columns:1fr;gap:12px;margin-top:20px}.variation-card{padding:18px}}


/* Header WhatsApp action and improved readability */
.whatsapp-mark{font-size:16px;line-height:1}
/* Increase body copy and supporting text for easier reading */
body{font-size:16px;line-height:1.7}
.hero-text{font-size:18px;line-height:1.8}
.hero-note{font-size:14px}
.quick-inner strong{font-size:16px}
.quick-inner a,.text-link{font-size:15px}
.section-heading>p:last-child,.about-copy p,.contact-copy>p{font-size:16px;line-height:1.75}
.service-card p{font-size:16px;line-height:1.7}
.service-card li{font-size:15px;line-height:1.65}
.service-card .small-note{font-size:13px}
.fees-table td{font-size:16px}
.fees-note,.official-fees-heading p{font-size:14px;line-height:1.7}
.variation-card h3{font-size:19px}
.variation-card ul{font-size:15px;line-height:1.7}
.variation-card p{font-size:14px;line-height:1.7}
.contact-item strong{font-size:16px}
@media(max-width:620px){
  .hero-text{font-size:16px;line-height:1.7}
  .hero-note{font-size:13px}
  .quick-inner strong{font-size:15px}
  .section-heading>p:last-child,.about-copy p,.contact-copy>p{font-size:16px}
  .service-card p{font-size:16px}
  .service-card li{font-size:15px}
  .fees-table td{font-size:15px}
  .variation-card ul{font-size:15px}
  .variation-card p{font-size:14px}
}

/* WhatsApp sits beside the two main hero actions, not in the navigation menu */
.button-whatsapp{background:#25D366;color:#102832;border:1px solid #25D366;gap:8px}
.button-whatsapp:hover{background:#49e27f;border-color:#49e27f;transform:translateY(-2px)}
.button-whatsapp .whatsapp-mark{font-size:17px;line-height:1}
@media(max-width:620px){.hero-actions{align-items:stretch}.hero-actions .button{flex:1 1 auto;min-width:calc(50% - 6px)}.hero-actions .button-whatsapp{flex-basis:100%}}