:root{
  --navy:#0b1f3a;--blue:#123f73;--blue2:#1e6aa8;--gold:#c9a227;--white:#fff;
  --light:#f5f8fc;--light2:#edf3f9;--text:#233247;--muted:#68778a;--border:#dde6ef;
  --shadow:0 15px 45px rgba(11,31,58,.10);--radius:18px;--max:1220px;--base:16px;
  --logo-width:520px;--logo-height:124px;--hero-height:700px;--hero-overlay:.84;
  --instagram-width:340px;--section-spacing:80px;--card-radius:18px;--social-icon-size:27px;
  --font-body:Inter,Arial,Helvetica,sans-serif;--font-heading:Inter,Arial,Helvetica,sans-serif;
  --font-nav:Inter,Arial,Helvetica,sans-serif;--font-button:Inter,Arial,Helvetica,sans-serif;
  --header-height:132px;--nav-font-size:15px;--nav-gap:26px;--social-gap:15px;--footer-social-gap:15px;
  --hero-content-max:850px;--hero-content-padding:100px;--hero-company-size:80px;--hero-company-line-height:1;
  --hero-heading-size:66px;--hero-heading-line-height:1.05;--hero-description-size:17px;--hero-kicker-size:13px;
  --hero-border-width:6px;--hero-border-color:#c9a227;--hero-sound-size:44px;
  --section-heading-margin:44px;--section-title-size:48px;--section-description-size:15px;
  --card-title-size:17px;--card-text-size:13px;--button-font-size:14px;--button-padding-y:13px;--button-padding-x:22px;--button-radius:9px;
  --page-hero-padding:75px;--page-hero-title-size:60px;--page-hero-description-size:15px;
  --about-title-size:52px;--about-text-size:15px;--about-reel-gap:44px;--instagram-radius:12px;--instagram-arrow-size:20px;--instagram-arrow-button-size:42px;
  --profile-card-width:220px;--service-detail-title-size:34px;--service-detail-text-size:15px;--service-image-height:255px;
  --detail-heading-size:20px;--detail-text-size:14px;--why-image-height:190px;--process-image-height:150px;
  --process-title-size:17px;--process-text-size:13px;--contact-heading-size:42px;--contact-text-size:15px;--form-label-size:12px;
  --footer-heading-size:14px;--footer-text-size:13px;--footer-bottom-size:12px;--footer-logo-width:320px;--footer-logo-height:82px;
  --whatsapp-size:58px;--whatsapp-right:22px;--whatsapp-bottom:22px;--service-grid-gap:20px;--why-grid-gap:19px;--process-grid-gap:20px;--card-padding:24px;
  --eyebrow-size:12px;--eyebrow-letter-spacing:2px;--trust-title-size:14px;--trust-text-size:12px;--trust-icon-size:22px;
  --about-point-size:13px;--service-number-size:14px;--service-icon-size:21px;--service-arrow-size:16px;--why-icon-size:25px;--why-title-size:18px;
  --cta-title-size:46px;--cta-text-size:14px;--profile-label-size:11px;--profile-name-size:16px;--profile-position-size:12px;--about-closing-size:16px;
  --contact-label-size:13px;--contact-value-size:14px;--form-input-size:14px;--detail-list-size:13px;--footer-link-size:13px;
  --button-primary-bg:#fff;--button-primary-text:#0b1f3a;--button-dark-bg:#0b1f3a;--button-dark-text:#fff;--button-outline-border:#fff;--button-outline-text:#fff;--button-outline-bg:rgba(255,255,255,.08);
  --service-icon-bg:#edf3f9;--service-icon-color:#1e6aa8;--service-arrow-bg:#edf3f9;--service-arrow-color:#1e6aa8;--social-icon-padding:2px;
  --footer-bg:#07182e;--footer-text:#fff;--header-bg:#fff;
  --instagram-crop-top:58px;--instagram-crop-bottom:58px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);font-style:var(--body-font-style,normal);background:#fff;color:var(--text);line-height:1.6;overflow-x:hidden;font-size:var(--base);font-weight:var(--font-body-weight,400)}
a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit;font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-style:var(--font-heading-style,normal);font-weight:var(--font-heading-weight,800)}img{max-width:100%;display:block}
.container{width:min(92%,var(--max));margin:0 auto}.section{padding:var(--section-spacing) 0}.section-light{background:var(--light)}
.eyebrow{display:inline-block;color:var(--blue2);font-size:var(--eyebrow-size);font-weight:800;text-transform:uppercase;letter-spacing:var(--eyebrow-letter-spacing);margin-bottom:10px}.section-heading{text-align:center;margin-bottom:var(--section-heading-margin)}.section-heading h2{font-size:var(--section-title-size);line-height:1.15;color:var(--navy);margin-bottom:12px}.section-heading p{max-width:760px;margin:0 auto;color:var(--muted);font-size:var(--section-description-size)}.compact-heading{margin-bottom:30px}
header{position:sticky;top:0;z-index:1000;background:var(--header-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar{min-height:var(--header-height);display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;min-width:var(--logo-width);flex-shrink:0}.brand-logo{width:var(--logo-width);height:var(--logo-height);max-width:none;object-fit:contain;object-position:left center;display:block}.brand-fallback{display:none;font-size:30px;font-weight:800;color:var(--navy)}
nav{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:var(--nav-gap)}nav a{font-family:var(--font-nav);font-style:var(--font-nav-style,normal);font-weight:var(--font-nav-weight,700);font-size:var(--nav-font-size);color:var(--navy);white-space:nowrap;transition:.25s}nav a:hover{color:var(--blue2)}.social-top,.footer-social{display:flex;align-items:center;gap:var(--social-gap)}.footer-social{gap:var(--footer-social-gap);flex-wrap:wrap}.social-top a,.footer-social a{width:auto;height:auto;border:0;border-radius:0;background:transparent;padding:var(--social-icon-padding);display:inline-flex;align-items:center;justify-content:center;font-size:var(--social-icon-size);line-height:1;box-shadow:none;transition:transform .22s,opacity .22s;color:var(--social-color,#fff)}.social-top a:hover,.footer-social a:hover{transform:translateY(-3px) scale(1.08);opacity:.82}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:27px;cursor:pointer}
.hero{position:relative;min-height:var(--hero-height);display:flex;align-items:center;isolation:isolate;overflow:hidden;background:var(--navy);border-bottom:var(--hero-border-width) solid var(--hero-border-color)}.hero-bg-video,.hero-bg-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-object-position,center);z-index:-2;display:block;margin:0;padding:0}.hero-bg-video{background:var(--navy)}.hero-bg-fallback{display:none}.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,24,45,.94) 0%,rgba(7,24,45,var(--hero-overlay)) 42%,rgba(7,24,45,.42) 74%,rgba(7,24,45,var(--hero-overlay-right-opacity,.16)) 100%)}.hero-content{color:#fff;width:100%;max-width:calc(var(--hero-content-max) + var(--hero-left-offset));margin-left:0;margin-right:auto;padding:var(--hero-content-padding) 22px var(--hero-content-padding) var(--hero-left-offset);text-align:left}.hero-company{font-size:clamp(46px,var(--hero-company-size),var(--hero-company-size));font-weight:var(--font-heading-weight,800);line-height:var(--hero-company-line-height);letter-spacing:-2.5px;margin-bottom:18px;color:#fff}.hero-kicker{color:#e6cf74;font-size:var(--hero-kicker-size);font-weight:800;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:12px}.hero h1{font-size:clamp(38px,5vw,var(--hero-heading-size));line-height:var(--hero-heading-line-height);letter-spacing:-1.8px;margin-bottom:20px}.hero p{max-width:740px;font-size:var(--hero-description-size);color:rgba(255,255,255,.88);margin-bottom:30px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.btn{font-family:var(--font-button);font-style:var(--font-button-style,normal);font-weight:var(--font-button-weight,700);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);transition:.25s;border:0;cursor:pointer}.btn-primary{background:var(--button-primary-bg);color:var(--button-primary-text)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.15)}.dark-btn{background:var(--button-dark-bg);color:var(--button-dark-text)}.dark-btn:hover{background:var(--blue)}.btn-outline{border:1px solid var(--button-outline-border);color:var(--button-outline-text);background:var(--button-outline-bg)}.btn-outline:hover{background:#fff;color:var(--navy)}.hero-sound{position:absolute;right:28px;bottom:26px;width:var(--hero-sound-size);height:var(--hero-sound-size);border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(7,24,45,.46);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:.2s}.hero-sound:hover{background:rgba(7,24,45,.72);transform:scale(1.05)}
.trust-strip{background:var(--navy);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{text-align:center;padding:22px 10px}.trust-item i{font-size:var(--trust-icon-size);color:#e4c95d;margin-bottom:7px}.trust-item strong{display:block;font-size:var(--trust-title-size)}.trust-item span{display:block;font-size:var(--trust-text-size);color:rgba(255,255,255,.64);margin-top:3px}
.about-reel-section{background:#fff}.about-reel-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--about-reel-gap)}.about-home-copy{padding-right:10px}.about-content h2{color:var(--navy);font-size:var(--about-title-size);line-height:1.12;margin-bottom:17px}.about-content p{color:var(--muted);font-size:var(--about-text-size);margin-bottom:16px}.about-points{display:grid;gap:11px;margin:22px 0 24px}.about-point{display:flex;gap:12px}.about-point i{color:var(--gold);margin-top:4px}.about-point span{font-size:var(--about-point-size);font-weight:600}.instagram-carousel{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:calc(var(--instagram-width) + 96px);min-height:var(--instagram-height)}.home-instagram{justify-self:end;position:relative;width:min(100%,calc(var(--instagram-width) + 96px));padding:0 48px}.instagram-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:12;width:var(--instagram-arrow-button-size);height:var(--instagram-arrow-button-size);border:0;background:transparent;color:var(--navy);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--instagram-arrow-size);transition:.2s}.instagram-arrow#instagramPrev{left:0}.instagram-arrow#instagramNext{right:0}.instagram-arrow:hover:not(:disabled){color:var(--blue2);transform:translateY(-50%) scale(1.12)}.instagram-arrow:disabled{opacity:.28;cursor:default}.instagram-reel-wrap{width:min(var(--instagram-width),100%);height:var(--instagram-height);overflow:hidden;border-radius:var(--instagram-radius);background:#f2f4f8;border:1px solid var(--border);box-shadow:0 12px 35px rgba(11,31,58,.12);position:relative;flex:0 0 auto;margin:0 auto}.instagram-reel-wrap iframe{width:100%;height:100%;min-height:100%;border:0;display:block;background:#000}.instagram-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:var(--muted);padding:15px}.instagram-placeholder i{font-size:36px;color:#d62976}.instagram-placeholder strong{color:var(--navy);font-size:14px}.instagram-placeholder span{font-size:11px;max-width:220px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--service-grid-gap)}.service-card{background:#fff;border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:0 8px 26px rgba(11,31,58,.05);transition:.25s;min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:18px}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-title-content{display:flex;align-items:center;gap:14px}.service-number{color:var(--gold);font-size:var(--service-number-size);font-weight:800;min-width:30px}.service-icon{width:50px;height:50px;border-radius:14px;background:var(--service-icon-bg);display:flex;align-items:center;justify-content:center;color:var(--service-icon-color);font-size:var(--service-icon-size);flex:0 0 50px}.service-card h3{color:var(--navy);font-size:var(--card-title-size);line-height:1.25;margin:0}.service-read{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--service-arrow-color);background:var(--service-arrow-bg);font-size:var(--service-arrow-size);flex:0 0 38px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--why-grid-gap)}.why-grid-large{grid-template-columns:repeat(2,1fr)}.why-card{background:#fff;border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;box-shadow:0 8px 25px rgba(11,31,58,.04)}.why-card-image{width:100%;height:var(--why-image-height);object-fit:var(--why-image-object-fit,cover)}.why-card-body{padding:22px}.why-card i{font-size:var(--why-icon-size);color:var(--blue2);margin-bottom:14px}.why-card h3{color:var(--navy);font-size:var(--why-title-size);margin-bottom:7px}.why-card p{font-size:var(--card-text-size);color:var(--muted)}
.cta{padding:72px 0;background:linear-gradient(110deg,var(--navy),#144b7c);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{font-size:clamp(28px,4vw,var(--cta-title-size));line-height:1.1;margin-bottom:11px}.cta p{color:rgba(255,255,255,.75);font-size:var(--cta-text-size);max-width:760px}
.page-hero{padding:var(--page-hero-padding) 0;background:linear-gradient(110deg,#071b33,var(--blue));color:#fff;border-bottom:var(--hero-border-width) solid var(--hero-border-color)}.page-hero .eyebrow{color:#e6cf74}.page-hero h1{font-size:clamp(38px,5vw,var(--page-hero-title-size));line-height:1.08;margin-bottom:12px}.page-hero p{max-width:780px;color:rgba(255,255,255,.78);font-size:var(--page-hero-description-size)}
.profile-about{display:grid;grid-template-columns:var(--profile-card-width) 1fr;gap:48px;align-items:start}.profile-card{width:var(--profile-card-width);background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 12px 30px rgba(11,31,58,.09)}.profile-card-label{font-size:var(--profile-label-size);text-transform:uppercase;letter-spacing:1.7px;color:var(--blue2);font-weight:800;margin:2px 2px 10px}.passport-photo-frame{width:100%;aspect-ratio:var(--profile-photo-ratio-width) / var(--profile-photo-ratio-height);background:#edf2f7;border:1px solid #d8e2ec;border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.passport-photo-frame img{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--muted);text-align:center;padding:15px}.profile-photo-placeholder i{font-size:31px;color:var(--blue2)}.profile-photo-placeholder span{font-size:12px;font-weight:700}.profile-photo-placeholder small{font-size:10px}.profile-card-info{padding:13px 3px 2px;text-align:center}.profile-card-info h3{color:var(--navy);font-size:var(--profile-name-size);line-height:1.3}.profile-card-info p{color:var(--blue2);font-size:var(--profile-position-size);font-weight:700;margin-top:5px}.about-profile-details{min-width:0}.about-profile-details p{font-size:var(--about-text-size);color:var(--muted);margin-bottom:16px}.profile-detail-box{margin-top:25px;padding:23px;border:1px solid var(--border);border-radius:16px;background:var(--light)}.profile-detail-box h3{color:var(--navy);font-size:19px;margin-bottom:9px}.approach-flow{color:var(--blue)!important;font-weight:800;margin:0!important}.about-closing{margin-top:23px;white-space:pre-line;color:var(--navy);font-weight:800;font-size:var(--about-closing-size);border-left:4px solid var(--gold);padding-left:15px}
.service-detail-video{margin-top:24px;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 9px 26px rgba(11,31,58,.06)}.service-detail-video video{display:block;width:100%;max-height:520px;background:#08182d}.service-detail-video+ .service-gallery-grid{margin-top:24px}
.service-detail-top{display:grid;grid-template-columns:.95fr 1.05fr;gap:45px;align-items:start}.detail-icon{width:58px;height:58px;border-radius:15px;background:var(--light2);display:flex;align-items:center;justify-content:center;color:var(--blue2);font-size:23px;margin-bottom:17px}.service-detail-intro h2{color:var(--navy);font-size:var(--service-detail-title-size);line-height:1.15;margin-bottom:13px}.service-detail-intro p{font-size:var(--service-detail-text-size);color:var(--muted)}.service-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-media-card{margin:0;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 9px 26px rgba(11,31,58,.06)}.service-media-card img{width:100%;height:var(--service-image-height);object-fit:var(--service-image-object-fit,cover);background:#e9eff5}.service-media-card figcaption{padding:16px}.service-media-card strong{display:block;color:var(--navy);font-size:13px;margin-bottom:4px}.service-media-card span{display:block;color:var(--muted);font-size:12px}.service-detail-sections{display:grid;gap:19px}.detail-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(11,31,58,.04)}.detail-card h3{color:var(--navy);font-size:var(--detail-heading-size);margin-bottom:10px}.detail-card p{font-size:var(--detail-text-size);color:var(--muted);margin-bottom:10px}.detail-card p:last-child{margin-bottom:0}.detail-list{list-style:none;display:grid;gap:7px}.detail-list li{font-size:var(--detail-list-size);color:#43546a;padding-left:19px;position:relative}.detail-list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:800}.detail-cta-row{display:flex;align-items:center;gap:22px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--process-grid-gap)}.process-card{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:16px;text-align:center}.process-card img{width:100%;height:var(--process-image-height);object-fit:var(--process-image-object-fit,cover)}.process-card-body{padding:20px}.process-number{width:48px;height:48px;border-radius:50%;margin:0 auto 13px;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:800}.process-card h3{color:var(--navy);font-size:var(--process-title-size);margin-bottom:7px}.process-card p{color:var(--muted);font-size:var(--process-text-size)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:start}.contact-info h2{color:var(--navy);font-size:var(--contact-heading-size);line-height:1.15;margin-bottom:15px}.contact-info>p{color:var(--muted);margin-bottom:25px;font-size:var(--contact-text-size)}.contact-items{display:grid;gap:13px}.contact-item{display:flex;align-items:flex-start;gap:13px;padding:14px 0;border-bottom:1px solid var(--border)}.contact-item i{width:22px;color:var(--blue2);margin-top:4px}.contact-item strong{display:block;color:var(--navy);font-size:var(--contact-label-size);margin-bottom:3px}.contact-item span,.contact-item a{color:var(--muted);font-size:var(--contact-value-size);word-break:break-word}.contact-form{background:#fff;padding:31px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.contact-form h3{color:var(--navy);font-size:22px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:grid;gap:7px}.form-group.full{grid-column:1/-1}.form-group label{color:var(--navy);font-size:var(--form-label-size);font-weight:700}.form-group input,.form-group textarea,.form-group select{width:100%;padding:13px 14px;font-size:var(--form-input-size);border:1px solid var(--border);border-radius:9px;background:#fbfdff;font:inherit;color:var(--text);outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(30,106,168,.08)}.form-group textarea{resize:vertical;min-height:130px}.form-group input.invalid,.form-group textarea.invalid,.form-group select.invalid{border-color:#c83f4a}.form-help{font-size:11px;color:var(--muted)}
footer{background:var(--footer-bg);color:var(--footer-text);padding:62px 0 25px}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr 1fr;gap:35px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo{width:var(--footer-logo-width);height:var(--footer-logo-height);object-fit:contain;object-position:left center;margin-bottom:17px}.footer-brand p{color:rgba(255,255,255,.62);font-size:var(--footer-text-size);max-width:360px}footer h4{font-size:var(--footer-heading-size);margin-bottom:15px;color:#fff}.footer-links{list-style:none;display:grid;gap:8px}.footer-links li{font-size:var(--footer-link-size);color:rgba(255,255,255,.62)}.footer-links a:hover{color:#fff}.footer-contact{display:grid;gap:10px}.footer-contact a,.footer-contact span{color:rgba(255,255,255,.64);font-size:var(--footer-text-size)}.footer-bottom{padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-bottom p{font-size:var(--footer-bottom-size);color:rgba(255,255,255,.52)}
.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8eef5,#cfd9e4);display:flex;align-items:center;justify-content:center;color:#738398;font-size:13px;text-align:center;padding:20px}.image-missing{opacity:0!important;background:linear-gradient(135deg,#e8eef5,#cfd9e4)!important}.site-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,120px);opacity:0;background:var(--navy);color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.18);font-size:13px;z-index:5000;transition:.25s;max-width:min(92%,540px);text-align:center}.site-toast.show{transform:translate(-50%,0);opacity:1}.whatsapp-float{position:fixed;right:var(--whatsapp-right);bottom:var(--whatsapp-bottom);width:var(--whatsapp-size);height:var(--whatsapp-size);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;font-size:29px;z-index:3000;box-shadow:0 12px 28px rgba(37,211,102,.32);transition:.2s}.whatsapp-float:hover{transform:translateY(-3px) scale(1.05)}
@media(max-width:1180px){.navbar{gap:16px}.brand{min-width:390px}.brand-logo{width:390px;height:98px}nav{gap:15px}nav a{font-size:var(--nav-font-size)}.social-top{gap:12px}.social-top a{font-size:24px}.footer-social{gap:12px}}
@media(max-width:1020px){.navbar{min-height:100px}.brand{min-width:0;flex:1}.brand-logo{width:350px;height:88px;max-width:70vw}.menu-toggle{display:block}nav{position:absolute;left:0;right:0;top:100px;background:#fff;border-bottom:1px solid var(--border);display:none;padding:18px 4%;flex-direction:column;align-items:flex-start;gap:15px}nav.active{display:flex}.social-top{margin-left:0;display:flex;flex-wrap:wrap}.about-reel-grid,.service-detail-top,.contact-grid{grid-template-columns:1fr}.home-instagram{justify-self:center}.services-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.why-grid-large{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.section{padding:62px 0}.hero{min-height:650px}.hero-content{padding:80px 0}.hero-company{font-size:clamp(42px,12vw,66px)}.hero h1{font-size:clamp(34px,9vw,52px)}.hero p{font-size:15px}.trust-grid{grid-template-columns:repeat(2,1fr)}.services-grid,.why-grid,.why-grid-large,.process-grid,.footer-grid{grid-template-columns:1fr}.service-gallery-grid{grid-template-columns:1fr}.instagram-reel-wrap{width:285px}.profile-about{grid-template-columns:1fr}.profile-card{width:min(260px,100%);margin:0 auto}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.cta-inner{flex-direction:column;align-items:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start}.detail-cta-row{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.navbar{min-height:84px}.brand-logo{width:290px;height:72px;max-width:76vw}nav{top:84px}.social-top{display:flex;flex-wrap:wrap}.social-top a{font-size:22px}.hero-sound{right:15px;bottom:16px}.hero-buttons{flex-direction:column;align-items:stretch}.btn{width:100%}.instagram-reel-wrap{width:250px}.instagram-carousel{gap:4px}.instagram-arrow{width:36px;flex:0 0 36px}.footer-logo{width:280px;height:75px}.why-card-image{height:210px}.service-media-card img{height:230px}}


/* ACTION LINKS */
.center-action{
  display:flex;
  justify-content:center;
  margin-top:30px;
}

.text-link{
  color:var(--blue2);
  font-size:14px;
  font-weight:700;
}

.text-link:hover{
  color:var(--navy);
}

/* ABOUT PROFILE CONTACT */
.profile-contact{
  display:grid;
  gap:7px;
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid var(--border);
  text-align:left;
}

.profile-contact a{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
  word-break:break-word;
}

.profile-contact a:hover{
  color:var(--blue2);
}

.profile-contact i{
  color:var(--blue2);
  width:14px;
  flex:0 0 14px;
  margin-top:2px;
}

/* SERVICE PAGE CONTACT */
.service-contact-email{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:24px;
  padding-top:15px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:13px;
}

.service-contact-email strong{
  color:var(--navy);
}

.service-contact-email a{
  color:var(--blue2);
  font-weight:700;
  word-break:break-word;
}

.service-contact-email a:hover{
  text-decoration:underline;
}

/* CONTACT FORM BUTTONS */
.contact-form-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:2px;
}

.contact-form-actions .btn{
  width:100%;
}

.whatsapp-form-button{
  width:100%;
  border:1px solid #25D366;
  color:#25D366;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  transition:.25s;
}

.whatsapp-form-button:hover{
  background:#25D366;
  color:#ffffff;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(37,211,102,.18);
}

.whatsapp-form-button:active{
  transform:translateY(0);
}

.whatsapp-form-button i{
  font-size:18px;
}

.whatsapp-form-button:focus-visible{
  outline:3px solid rgba(37,211,102,.20);
  outline-offset:2px;
}

.footer-contact strong{
  display:block;
  color:rgba(255,255,255,.82);
  font-size:11px;
  margin-bottom:1px;
}

@media(max-width:700px){
  .center-action{
    margin-top:26px;
  }

  .profile-contact{
    text-align:center;
  }

  .profile-contact a{
    justify-content:center;
  }

  .service-contact-email{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
}

/* =========================================================
   ENQUIRY SUCCESS CONFIRMATION
========================================================= */
body.success-open{
  overflow:hidden;
}

.enquiry-success-overlay{
  position:fixed;
  inset:0;
  z-index:6000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(7,24,45,.78);
  backdrop-filter:blur(6px);
}

.enquiry-success-overlay.show{
  display:flex;
  animation:enquiryOverlayIn .22s ease-out both;
}

.enquiry-success-card{
  position:relative;
  width:min(100%,760px);
  max-height:calc(100vh - 48px);
  overflow:auto;
  background:#fff;
  color:var(--text);
  border:1px solid rgba(255,255,255,.7);
  border-top:5px solid var(--gold);
  border-radius:22px;
  padding:46px clamp(22px,5vw,56px) 42px;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  text-align:center;
}

.enquiry-success-close{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border:1px solid var(--border);
  border-radius:50%;
  background:#fff;
  color:var(--navy);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:.2s;
}

.enquiry-success-close:hover{
  color:#fff;
  background:var(--navy);
  transform:scale(1.05);
}

.enquiry-success-close:focus-visible{
  outline:3px solid rgba(30,106,168,.18);
  outline-offset:2px;
}

.enquiry-success-icon{
  width:72px;
  height:72px;
  margin:0 auto 20px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--light2);
  color:var(--blue2);
  font-size:34px;
}

.enquiry-success-card h2{
  color:var(--navy);
  font-size:clamp(28px,4vw,42px);
  line-height:1.15;
  margin-bottom:16px;
  letter-spacing:-.6px;
}

.enquiry-success-received{
  color:var(--navy);
  font-size:clamp(16px,2vw,19px);
  font-weight:800;
  line-height:1.45;
  margin:0 auto 18px;
}

.enquiry-success-body{
  max-width:650px;
  margin:0 auto 16px;
  color:var(--muted);
  font-size:clamp(14px,1.8vw,16px);
  line-height:1.75;
  text-align:center;
}

.enquiry-success-closing{
  margin:0 auto;
  color:var(--navy);
  font-size:15px;
  font-weight:700;
  line-height:1.6;
}

.enquiry-success-tagline{
  margin-top:25px;
  padding-top:18px;
  border-top:1px solid var(--border);
  color:var(--blue2);
  font-size:14px;
  font-weight:800;
  letter-spacing:.35px;
}

@keyframes enquiryOverlayIn{
  from{opacity:0}
  to{opacity:1}
}

/* =========================================================
   RESPONSIVE PHONE REEL / HERO / LAYOUT
========================================================= */
@media(max-width:1020px){
  .hero-content{
    max-width:none;
    width:100%;
    padding-left:var(--mobile-side-padding);
    padding-right:var(--mobile-side-padding);
  }

  .home-instagram{
    justify-self:center;
  }
}

@media(max-width:700px){
  .section{
    padding:var(--mobile-section-spacing) 0;
  }

  .container{
    width:calc(100% - (2 * var(--mobile-side-padding)));
  }

  .hero-content{
    padding-left:var(--mobile-side-padding);
    padding-right:var(--mobile-side-padding);
  }

  .navbar{
    min-height:var(--mobile-header-height);
  }

  .brand-logo{
    width:var(--mobile-logo-width);
    max-width:var(--logo-max-width-mobile);
    height:auto;
  }

  nav{
    top:var(--mobile-header-height);
    max-height:calc(100vh - var(--mobile-header-height));
    overflow-y:auto;
    padding-bottom:24px;
  }

  .instagram-carousel{
    width:100%;
    max-width:100%;
    min-height:var(--mobile-reel-height);
  }

  .home-instagram{
    width:100%;
    max-width:100%;
    padding:0 38px;
  }

  .instagram-reel-wrap{
    width:min(var(--instagram-width),82vw);
    height:var(--mobile-reel-height);
  }

  .instagram-arrow{
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    box-shadow:0 8px 20px rgba(11,31,58,.10);
  }

  

  .contact-form{
    padding:24px;
  }

  .enquiry-success-overlay{
    padding:12px;
    align-items:center;
  }

  .enquiry-success-card{
    max-height:calc(100vh - 24px);
    border-radius:18px;
    padding:38px 18px 28px;
  }

  .enquiry-success-icon{
    width:60px;
    height:60px;
    font-size:28px;
    margin-bottom:16px;
  }

  .enquiry-success-card h2{
    font-size:28px;
  }

  .enquiry-success-body{
    line-height:1.65;
  }
}

@media(max-width:380px){
  .brand-logo{
    max-width:var(--logo-max-width-mobile);
  }

  .home-instagram{
    padding:0 34px;
  }

  .instagram-reel-wrap{
    width:min(var(--instagram-width),80vw);
    height:var(--mobile-reel-height);
  }

  .instagram-arrow{
    width:30px;
    height:30px;
    font-size:16px;
  }
}



/* =========================================================
   FINAL HEADER / SOCIAL / INSTAGRAM / MOBILE REFINEMENT
   ========================================================= */

/* Navigation uses the editable Decap CMS variables on all desktop sizes. */
nav{
  gap:var(--nav-gap);
  min-width:0;
  flex-wrap:nowrap;
}

nav a{
  font-size:var(--nav-font-size);
}

.social-top{
  gap:var(--social-gap);
  flex:0 0 auto;
}

.social-top a{
  font-size:var(--social-icon-size);
}

/* Keep the entire header row usable before the mobile menu breakpoint. */
@media(min-width:1021px) and (max-width:1380px){
  .navbar{
    gap:12px;
  }

  .brand{
    min-width:400px;
  }

  .brand-logo{
    width:400px;
    height:102px;
  }

  nav{
    gap:22px;
  }

  nav a{
    font-size:15px;
  }

  .social-top{
    gap:14px;
  }

  .social-top a{
    font-size:28px;
  }
}

@media(min-width:1381px){
  nav a{
    font-size:max(16px,var(--nav-font-size));
  }

  .social-top a{
    font-size:max(30px,var(--social-icon-size));
  }
}

/* Tablet/mobile navigation remains editable and touch friendly. */
@media(max-width:1020px){
  nav{
    gap:18px;
  }

  nav a{
    font-size:16px;
    line-height:1.35;
  }

  .social-top{
    gap:16px;
    padding-top:2px;
  }

  .social-top a{
    font-size:28px;
    min-width:32px;
    min-height:32px;
  }
}


/* =========================================================
   INSTAGRAM REEL VIEWER
   Uses Instagram's native public embed endpoint without the
   captioned path. The wrapper provides a portrait viewport.
   ========================================================= */
.instagram-carousel{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:calc(var(--instagram-width) + 96px);
  min-height:var(--instagram-height);
}

.home-instagram{
  justify-self:end;
  position:relative;
  width:min(100%,calc(var(--instagram-width) + 96px));
  padding:0 48px;
}

.instagram-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:20;
  width:var(--instagram-arrow-button-size);
  height:var(--instagram-arrow-button-size);
  border:0;
  background:#fff;
  color:var(--navy);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:var(--instagram-arrow-size);
  transition:.2s;
  border-radius:50%;
  box-shadow:0 8px 20px rgba(11,31,58,.10);
}

.instagram-arrow#instagramPrev{left:0;}
.instagram-arrow#instagramNext{right:0;}

.instagram-arrow:hover:not(:disabled){
  color:var(--blue2);
  transform:translateY(-50%) scale(1.08);
}

.instagram-arrow:disabled{
  opacity:.28;
  cursor:default;
}

.instagram-reel-wrap{
  width:min(var(--instagram-width),100%);
  height:var(--instagram-height);
  min-height:0;
  overflow:hidden;
  border-radius:var(--instagram-radius);
  background:#000;
  border:1px solid var(--border);
  box-shadow:0 12px 35px rgba(11,31,58,.12);
  position:relative;
  flex:0 0 auto;
  margin:0 auto;
}

.instagram-reel-wrap > div#instagramReel{
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  background:#000;
}

.instagram-reel-wrap .instagram-media{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#000!important;
}

.instagram-reel-wrap .instagram-media iframe{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  border:0!important;
  display:block!important;
  margin:0!important;
  background:#000!important;
}

.instagram-placeholder{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
  color:var(--muted);
  padding:15px;
  background:#f6f8fb;
}

.instagram-placeholder i{
  font-size:36px;
  color:#d62976;
}

.instagram-placeholder strong{
  color:var(--navy);
  font-size:14px;
}

.instagram-placeholder span{
  font-size:11px;
  max-width:220px;
}

@media(min-width:1021px){
  .instagram-reel-wrap{
    height:var(--instagram-height);
  }
}

@media(max-width:700px){
  .instagram-carousel{
    min-height:var(--mobile-reel-height);
    max-width:100%;
  }

  .home-instagram{
    width:100%;
    max-width:100%;
    padding-left:40px;
    padding-right:40px;
  }

  .instagram-reel-wrap{
    width:min(var(--instagram-width),78vw);
    height:var(--mobile-reel-height);
  }

  .instagram-arrow{
    width:34px;
    height:34px;
  }
}

@media(max-width:420px){

  .home-instagram{
    padding-left:34px;
    padding-right:34px;
  }

  .instagram-reel-wrap{
    width:min(var(--instagram-width),79vw);
    height:var(--mobile-reel-height);
  }

  nav a{
    font-size:15px;
  }

  .social-top{
    gap:14px;
  }

  .social-top a{
    font-size:26px;
    min-width:30px;
    min-height:30px;
  }
}



/* Keep the confirmation elegant on short phone screens. */
@media(max-width:700px){
  .enquiry-success-card{
    width:100%;
    max-width:520px;
    padding-left:18px;
    padding-right:18px;
  }

  .enquiry-success-card h2{
    font-size:clamp(24px,7vw,30px);
  }

  .enquiry-success-received{
    font-size:16px;
  }

  .enquiry-success-body{
    font-size:14px;
  }
}

/* Improve touch interaction without changing the desktop appearance. */
button,
a{
  -webkit-tap-highlight-color:transparent;
}

/* =========================================================
   FINAL HEADER ROW BALANCE – 2026-09-23
   Keeps logo, navigation and social icons distributed cleanly.
   Navigation and social sizing remain editable through Decap CMS.
========================================================= */

@media(min-width:1200px){
  .navbar{
    gap:18px;
    min-height:var(--header-height);
  }

  .brand{
    width:390px;
    min-width:390px;
    flex:0 0 390px;
  }

  .brand-logo{
    width:390px;
    height:100px;
  }

  nav{
    flex:1 1 auto;
    min-width:0;
    justify-content:flex-start;
    align-items:center;
    gap:var(--nav-gap);
    overflow:visible;
  }

  nav a{
    flex:0 0 auto;
    font-size:var(--nav-font-size);
    line-height:1.2;
  }

  /* Push the social icons to the far right of the available header space. */
  nav a:nth-of-type(5){
    margin-right:auto;
  }

  .social-top{
    flex:0 0 auto;
    gap:var(--social-gap);
    margin-left:6px;
    align-items:center;
  }

  .social-top a{
    flex:0 0 auto;
    min-width:32px;
    min-height:32px;
    font-size:var(--social-icon-size);
  }
}

/* Large desktop: slightly more generous spacing. */
@media(min-width:1440px){
  .navbar{
    gap:20px;
  }

  .nav a{
    font-size:max(16px,var(--nav-font-size));
  }

  nav{
    gap:max(26px,var(--nav-gap));
  }

  .social-top{
    gap:max(20px,var(--social-gap));
  }

  .social-top a{
    font-size:max(31px,var(--social-icon-size));
  }
}

/* Narrow desktop/tablet: keep the row intact without activating the mobile menu. */
@media(min-width:1021px) and (max-width:1199px){
  .navbar{
    gap:12px;
  }

  .brand{
    width:300px;
    min-width:300px;
    flex:0 0 300px;
  }

  .brand-logo{
    width:300px;
    height:84px;
  }

  nav{
    justify-content:flex-start;
    gap:18px;
    min-width:0;
    flex-wrap:nowrap;
  }

  nav a{
    font-size:14px;
  }

  nav a:nth-of-type(5){
    margin-right:auto;
  }

  .social-top{
    gap:12px;
    margin-left:2px;
  }

  .social-top a{
    min-width:28px;
    min-height:28px;
    font-size:26px;
  }
}

/* Mobile menu remains full-width and touch-friendly. */
@media(max-width:1020px){
  .navbar{
    gap:12px;
  }

  nav{
    justify-content:flex-start;
  }

  nav a:nth-of-type(5){
    margin-right:0;
  }
}