:root{--navy:#071f36;--navy2:#0b2b49;--gold:#c69a5b;--cream:#f5f0e7;--white:#fff;--ink:#102438;--muted:#66717b;--line:rgba(7,31,54,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fbfaf7;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{height:88px;padding:0 5vw;display:flex;align-items:center;gap:34px;position:absolute;z-index:20;width:100%;color:#fff}.brand img{width:190px;display:block;filter:brightness(0) invert(1)}.nav nav{display:flex;gap:28px;margin-left:auto}.nav a{text-decoration:none;color:inherit;font-size:13px}.nav nav a{opacity:.78}.nav nav a:hover{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border-radius:3px;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;transition:.3s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#102438!important}.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}.btn-ghost-light{border:1px solid rgba(255,255,255,.4);color:#fff}.menu{display:none}.hero{min-height:100vh;background:linear-gradient(120deg,#06192c,#0b2e4e 64%,#0e385b);color:#fff;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:130px 7vw 80px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:1px;height:70%;background:rgba(255,255,255,.1);left:67%;top:18%}.orb{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid rgba(198,154,91,.2)}.orb.one{width:620px;height:620px;right:-250px;top:-140px}.orb.two{width:420px;height:420px;right:-100px;top:-40px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--gold);margin:0 0 22px}.hero h1{font-size:clamp(58px,7vw,112px);line-height:.86;letter-spacing:-.065em;margin:0;max-width:900px}.hero h1 span{color:var(--cream);font-weight:300}.lead{font-size:18px;line-height:1.65;max-width:640px;color:rgba(255,255,255,.7);margin:32px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-panel{justify-self:end;width:min(330px,100%);border:1px solid rgba(255,255,255,.14);padding:26px;backdrop-filter:blur(12px);background:rgba(255,255,255,.035)}.status{font-size:10px;letter-spacing:.18em}.status i{display:inline-block;width:7px;height:7px;background:#8dd6a5;border-radius:50%;margin-right:8px;box-shadow:0 0 15px #8dd6a5}.bigmark{font-size:170px;font-weight:900;font-style:italic;line-height:1;color:rgba(255,255,255,.06);letter-spacing:-.12em}.ticker{border-top:1px solid rgba(255,255,255,.13);display:grid;gap:9px;padding-top:18px}.ticker span{font-size:12px;color:rgba(255,255,255,.68)}.scroll{position:absolute;bottom:28px;left:7vw;font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.45)}.scroll span{color:var(--gold);margin-left:12px}.statement{padding:150px 7vw;text-align:center}.statement h2,.section-head h2,.request h2,.join h2,.about h2,.final h2{font-size:clamp(42px,5.5vw,80px);letter-spacing:-.055em;line-height:.98;margin:0}.statement h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.narrow{max-width:600px;margin:32px auto 0;color:var(--muted);line-height:1.7}.services{padding:40px 7vw 130px}.section-head{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end;margin-bottom:55px}.section-head>p{color:var(--muted);line-height:1.7;max-width:440px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{padding:35px 28px 32px;min-height:390px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.35s;background:#fbfaf7}.card:hover{background:var(--navy);color:#fff;transform:translateY(-8px);box-shadow:0 24px 60px rgba(7,31,54,.13)}.card>span{font-size:10px;color:var(--gold)}.icon{font-size:40px;color:var(--gold);margin:62px 0 28px}.card h3{font-size:21px;margin:0 0 15px}.card p{font-size:14px;line-height:1.7;color:var(--muted)}.card:hover p{color:rgba(255,255,255,.65)}.card a{position:absolute;bottom:28px;color:var(--gold);font-size:12px;text-decoration:none;font-weight:700}.dark{background:var(--navy);color:#fff;padding:130px 7vw}.dark .section-head>p{color:rgba(255,255,255,.6)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px}.step{padding:30px;border-top:1px solid rgba(255,255,255,.18);border-right:1px solid rgba(255,255,255,.1)}.step b{font-size:11px;color:var(--gold)}.step h3{font-size:25px;margin:50px 0 10px}.step p{font-size:13px;color:rgba(255,255,255,.58);line-height:1.65}.request{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:140px 7vw;background:var(--cream);align-items:center}.request-copy>p:not(.eyebrow){color:var(--muted);max-width:520px;line-height:1.7}.contact{display:grid;gap:8px;margin-top:35px}.contact a{color:var(--navy);font-weight:700;text-decoration:none}.request-box{background:#fff;padding:45px;box-shadow:0 25px 80px rgba(7,31,54,.08)}.request-box>p:first-child{font-size:10px;letter-spacing:.17em;color:var(--gold);font-weight:800}.request-box h3{font-size:30px;margin:25px 0 12px}.request-box p{color:var(--muted);line-height:1.6}.full{width:100%;margin:20px 0}.request-box small{display:block;color:#9aa1a7;font-size:10px;text-align:center}.join{padding:100px 7vw;background:#fbfaf7}.join-card{background:linear-gradient(115deg,#08233d,#0e3b60);color:#fff;padding:80px;position:relative;overflow:hidden}.join-card:after{content:"P";position:absolute;right:-25px;top:-80px;font-size:390px;font-weight:900;font-style:italic;color:rgba(255,255,255,.035)}.join-card p:not(.eyebrow){max-width:600px;color:rgba(255,255,255,.66);line-height:1.7}.about{padding:140px 7vw}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-grid>div>p{font-size:17px;color:var(--muted);line-height:1.8}.values{margin-top:45px;border-top:1px solid var(--line)}.values span{display:grid;grid-template-columns:120px 1fr;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.values b{color:var(--gold);font-size:11px;letter-spacing:.12em}.final{text-align:center;padding:150px 7vw;background:#f2ede4}.final h2{margin-bottom:40px}.final h2 span{color:var(--gold)}footer{background:#041728;color:rgba(255,255,255,.55);padding:70px 7vw 30px;display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:50px;font-size:12px}footer img{width:210px;filter:brightness(0) invert(1);opacity:.9}footer>div{display:grid;align-content:start;gap:11px}footer a{color:inherit;text-decoration:none}footer p{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:25px;margin-top:30px;font-size:10px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{height:72px}.brand img{width:155px}.nav nav,.navcta{display:none}.menu{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:22px}.hero{grid-template-columns:1fr;padding-top:120px}.hero-panel{display:none}.hero:after{display:none}.section-head,.request,.about-grid{grid-template-columns:1fr;gap:28px}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.join-card{padding:50px 30px}footer{grid-template-columns:1fr 1fr}}@media(max-width:580px){.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:54px}.lead{font-size:16px}.statement,.services,.dark,.request,.about,.final{padding-left:6vw;padding-right:6vw}.statement{padding-top:100px;padding-bottom:100px}.cards,.steps{grid-template-columns:1fr}.card{min-height:320px}.section-head h2,.request h2,.join h2,.about h2,.final h2,.statement h2{font-size:43px}.request{padding-top:90px;padding-bottom:90px}.request-box{padding:28px}.join{padding:60px 6vw}.join-card{padding:45px 25px}.about{padding-top:90px;padding-bottom:90px}footer{grid-template-columns:1fr}.nav{padding:0 6vw}}
/* v2 refinements */
.brand{display:flex;align-items:center;height:56px;overflow:hidden}.brand img{width:190px;height:auto;display:block;filter:brightness(0) invert(1)}
.hero-accent{justify-self:end;width:min(330px,100%);padding:26px 0;border-top:1px solid rgba(198,154,91,.5);border-bottom:1px solid rgba(255,255,255,.12)}.hero-accent span{display:block;font-size:12px;letter-spacing:.28em;color:var(--gold);font-weight:800;margin-bottom:28px}.hero-accent p{font-size:22px;line-height:1.35;margin:0;color:rgba(255,255,255,.78)}
.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-card{background:#fff;padding:34px;border:1px solid rgba(7,31,54,.08);min-height:300px;display:flex;flex-direction:column}.contact-card.featured{background:var(--navy);color:#fff}.contact-card>span{font-size:10px;letter-spacing:.16em;color:var(--gold);font-weight:800}.contact-card h3{font-size:28px;margin:45px 0 10px}.contact-card p{color:var(--muted);line-height:1.6;flex:1}.contact-card.featured p{color:rgba(255,255,255,.62)}.btn-outline{border:1px solid var(--navy);color:var(--navy)!important;background:transparent;cursor:pointer}
.modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(3,17,29,.78);backdrop-filter:blur(8px)}.modal-panel{position:relative;z-index:1;width:min(620px,100%);max-height:90vh;overflow:auto;background:#fbfaf7;padding:44px;box-shadow:0 30px 100px rgba(0,0,0,.3)}.modal-panel h2{font-size:40px;letter-spacing:-.04em;margin:0 0 12px}.modal-panel>p:not(.eyebrow){color:var(--muted);line-height:1.6}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px;color:var(--navy);cursor:pointer}.modal form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.modal label{font-size:11px;font-weight:700;color:var(--navy);display:grid;gap:7px}.modal label:last-of-type{grid-column:1/-1}.modal input,.modal textarea{width:100%;border:1px solid rgba(7,31,54,.16);background:#fff;padding:13px;font:inherit;outline:none}.modal input:focus,.modal textarea:focus{border-color:var(--gold)}.modal form .btn{grid-column:1/-1;border:0}
@media(max-width:900px){.hero-accent{display:none}.contact-options{grid-template-columns:1fr}.brand{height:45px}.brand img{width:155px}}@media(max-width:580px){.modal-panel{padding:34px 22px}.modal form{grid-template-columns:1fr}.modal label:last-of-type,.modal form .btn{grid-column:auto}.contact-card{min-height:260px}}

/* v3: warm editorial hero and cleaner brand treatment */
.nav{color:var(--navy)}
.brand{background:transparent}
.brand img{filter:none!important;mix-blend-mode:multiply}
.nav .btn-gold{color:#102438!important}
.nav nav a{color:var(--navy)}
.menu{color:var(--navy)}
.hero{background:linear-gradient(135deg,#f8f4ec 0%,#eee5d7 58%,#e6d6bf 100%);color:var(--navy)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(198,154,91,.22),transparent 31%),linear-gradient(90deg,transparent 0 66%,rgba(255,255,255,.28) 66% 100%);pointer-events:none}
.hero:after{background:rgba(7,31,54,.12)}
.hero h1 span{color:var(--gold);font-weight:400}
.hero .lead{color:rgba(7,31,54,.68)}
.hero .btn-ghost{border-color:rgba(7,31,54,.24);color:var(--navy)}
.hero-accent{border-top-color:rgba(198,154,91,.8);border-bottom-color:rgba(7,31,54,.12)}
.hero-accent p{color:rgba(7,31,54,.7)}
.orb{border-color:rgba(7,31,54,.09)}
.scroll{color:rgba(7,31,54,.46)}
@media(max-width:900px){.nav.scrolled .brand img{filter:brightness(0) invert(1)!important;mix-blend-mode:normal}.nav.scrolled nav a{color:#fff}.nav.scrolled .menu{color:#fff}}

/* v4 */
.nav{color:var(--navy)}.brand img{filter:none!important;mix-blend-mode:normal!important;width:205px}
.hero{background:radial-gradient(circle at 84% 18%,rgba(198,154,91,.10),transparent 26%),linear-gradient(180deg,#fff 0%,#fbfaf7 100%);color:var(--navy);grid-template-columns:minmax(0,1fr);padding-left:7vw;padding-right:7vw}
.hero:before{background:linear-gradient(90deg,transparent 0 73%,rgba(7,31,54,.035) 73% 73.08%,transparent 73.08%),radial-gradient(circle at 91% 28%,transparent 0 125px,rgba(198,154,91,.12) 126px 127px,transparent 128px 155px,rgba(7,31,54,.05) 156px 157px,transparent 158px)}
.hero:after{display:none}.hero-copy{max-width:900px;position:relative;z-index:2}.hero h1{max-width:980px}.hero h1 span{color:var(--navy);font-weight:300}.hero .lead{color:#64717c;max-width:660px}.hero .btn-ghost{border-color:rgba(7,31,54,.22);color:var(--navy)}.scroll{color:rgba(7,31,54,.42)}.nav nav a{color:var(--navy)}.menu{color:var(--navy)}.hero-accent{display:none!important}
.request{background:#f6f2ea;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:stretch}.request-copy{display:flex;flex-direction:column;justify-content:center}.request-copy>p:not(.eyebrow){font-size:16px}.contact-email{display:inline-flex;width:max-content;margin-top:24px;color:var(--navy);font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(7,31,54,.28);padding-bottom:5px}
.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.contact-card{padding:30px;background:#fff;border:1px solid rgba(7,31,54,.10);min-height:390px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(7,31,54,.09);border-color:rgba(198,154,91,.55)}.contact-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.contact-number{font-size:11px;font-weight:800;color:var(--gold);letter-spacing:.14em}.card-kicker{font-size:9px!important;letter-spacing:.18em!important;font-weight:800;color:var(--gold)!important;margin:0 0 12px!important}.contact-card h3{font-size:30px;letter-spacing:-.035em;margin:0 0 12px}.contact-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.contact-card.featured p:not(.card-kicker){color:rgba(255,255,255,.64)}
.contact-action{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid rgba(7,31,54,.14);padding:18px 0 0;margin-top:34px;background:transparent;color:var(--navy);font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;text-decoration:none;cursor:pointer}.contact-action b{font-size:17px;color:var(--gold);transition:transform .25s ease}.contact-action:hover b{transform:translate(3px,-3px)}.featured .contact-action{color:#fff;border-top-color:rgba(255,255,255,.18)}
.modal{padding:28px}.modal-backdrop{background:rgba(4,23,40,.68);backdrop-filter:blur(12px)}.modal-panel{width:min(760px,100%);background:#fff;padding:0;max-height:92vh;border-radius:2px;overflow:auto;box-shadow:0 35px 120px rgba(3,20,34,.32)}.modal-intro{padding:48px 52px 30px;background:#f7f3eb;border-bottom:1px solid rgba(7,31,54,.08)}.modal-intro h2{font-size:52px;line-height:1;letter-spacing:-.055em;margin:0 0 12px;color:var(--navy)}.modal-intro>p:not(.eyebrow){margin:0;color:var(--muted);font-size:15px}.modal-close{right:22px;top:18px;width:38px;height:38px;border:1px solid rgba(7,31,54,.14);border-radius:50%;display:grid;place-items:center;line-height:1;font-size:24px;z-index:3}
.pronto-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;margin:0!important;padding:36px 52px 44px}.pronto-form .field{display:flex!important;flex-direction:column!important;gap:8px!important}.pronto-form .field-wide{grid-column:1/-1}.pronto-form label{display:block!important;font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--navy)}.pronto-form input,.pronto-form textarea{display:block!important;width:100%!important;min-width:0;border:1px solid rgba(7,31,54,.15)!important;border-radius:2px;background:#fbfaf7!important;padding:14px 15px!important;font:inherit!important;font-size:14px!important;color:var(--navy);outline:none}.pronto-form textarea{resize:vertical;min-height:125px}.pronto-form input:focus,.pronto-form textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(198,154,91,.10)}.pronto-form input::placeholder,.pronto-form textarea::placeholder{color:#9ba2a8}.form-submit{grid-column:1/-1!important;border:0;justify-content:space-between;margin:2px 0 0!important;padding:17px 19px;cursor:pointer}.form-note{grid-column:1/-1;margin:0!important;font-size:10px!important;color:#92999f!important;line-height:1.5}footer img{filter:none!important}
@media(max-width:900px){.request{grid-template-columns:1fr;gap:42px}.contact-options{grid-template-columns:1fr 1fr}.hero{padding-top:115px}.brand img{width:165px}}
@media(max-width:650px){.contact-options{grid-template-columns:1fr}.contact-card{min-height:300px}.modal{padding:14px}.modal-intro{padding:38px 24px 24px}.modal-intro h2{font-size:42px}.pronto-form{grid-template-columns:1fr!important;padding:28px 24px 34px}.pronto-form .field-wide,.form-submit,.form-note{grid-column:1!important}}

/* v5 hero photography + direct enquiry form */
.hero{grid-template-columns:minmax(0,.95fr) minmax(380px,.72fr);gap:5vw;align-items:center;overflow:hidden}
.hero-copy{max-width:780px}
.hero-visual{height:min(68vh,680px);min-height:520px;position:relative;overflow:hidden;background:#e8e2d7}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.01);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.hero-visual:hover img{transform:scale(1.035)}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,31,54,.28))}
.hero-visual-caption{position:absolute;z-index:2;right:28px;bottom:28px;color:#fff;display:flex;align-items:flex-start;gap:14px}
.hero-visual-caption span{width:30px;height:1px;background:var(--gold);margin-top:8px}
.hero-visual-caption p{margin:0;font-size:10px;line-height:1.5;letter-spacing:.16em;font-weight:800}
.pronto-form select{display:block;width:100%;border:1px solid rgba(7,31,54,.15);border-radius:2px;background:#fbfaf7;padding:14px 15px;font:inherit;font-size:14px;color:var(--navy);outline:none}
.copy-choice{grid-column:1/-1;display:flex!important;align-items:center;gap:10px;font-size:12px!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important;cursor:pointer}
.copy-choice input{width:17px!important;height:17px!important;accent-color:#142c46;padding:0!important}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{grid-column:1/-1;font-size:12px;line-height:1.5;padding:0;display:none}
.form-status.success,.form-status.error{display:block;padding:13px 15px}
.form-status.success{background:#edf5ef;color:#245b34;border-left:3px solid #4b855b}
.form-status.error{background:#faf0ef;color:#7b3029;border-left:3px solid #a64d43}
.form-submit:disabled{opacity:.65;cursor:wait}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-visual{height:55vh;min-height:430px;margin-top:15px}}
@media(max-width:650px){.hero-visual{height:48vh;min-height:360px}.hero-visual-caption{right:18px;bottom:18px}}

.hero-contact-trigger{font:inherit;cursor:pointer}

/* FINAL APPROVED VISUAL DIRECTION */
:root{--navy:#06243b;--navy2:#041c30;--gold:#d3a052;--cream:#f7f4ed}
body{background:#fff}
.nav{background:rgba(255,255,255,.94)!important;color:var(--navy)!important;border-bottom:1px solid rgba(7,31,54,.08);backdrop-filter:blur(14px)}
.nav nav a,.menu{color:var(--navy)!important}
.brand img{filter:none!important;mix-blend-mode:normal!important}
.hero{
  background:linear-gradient(90deg,#fff 0%,#fbfaf7 43%,#eef0ef 43%,#eef0ef 100%)!important;
  color:var(--navy)!important;
  grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr)!important;
  gap:0!important;padding:72px 0 0 7vw!important;min-height:760px!important
}
.hero:before,.hero:after{display:none!important}
.hero-copy{max-width:650px!important;padding-right:48px;z-index:3}
.hero h1{font-size:clamp(64px,6vw,104px)!important;line-height:.89!important;letter-spacing:-.065em!important;margin-bottom:24px!important}
.hero h1 span{color:var(--gold)!important;font-weight:800!important}
.hero .lead{color:#40515e!important;font-size:16px!important;max-width:590px!important}
.hero-visual{height:688px!important;min-height:688px!important;margin:0!important;align-self:end!important;overflow:hidden!important;background:#e8e8e4}
.hero-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:58% center!important;display:block!important;filter:none!important}
.hero-visual-caption{display:none!important}
.hero-actions{display:flex!important;gap:14px!important;align-items:center!important;margin-top:28px!important}
.hero-actions .btn-gold{min-height:54px!important;padding:0 31px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.07em!important;box-shadow:0 12px 30px rgba(198,154,91,.18)}
.hero-actions .btn-ghost,.hero-actions .hero-contact-trigger{min-height:46px!important;padding:0 23px!important;font-size:10px!important;font-weight:700!important;color:var(--navy)!important;border:1px solid rgba(7,31,54,.5)!important;background:rgba(255,255,255,.7)!important}
.scroll{display:none!important}

/* Dark break directly after the hero, matching approved design */
.request{
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%)!important;
  color:#fff!important;grid-template-columns:.8fr 1.2fr!important;gap:70px!important;padding-top:64px!important;padding-bottom:64px!important
}
.request .request-copy h2{color:#fff!important;font-size:clamp(48px,5vw,76px)!important}
.request .request-copy>p:not(.eyebrow){color:rgba(255,255,255,.72)!important}
.request .contact-email{color:#fff!important;border-color:rgba(255,255,255,.25)!important}
.contact-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}
.contact-card,.contact-card.featured{
  background:#fbfaf7!important;color:var(--navy)!important;border:1px solid rgba(255,255,255,.18)!important;
  min-height:330px!important;padding:28px!important;box-shadow:0 18px 45px rgba(0,0,0,.12)!important
}
.contact-card h3{font-size:29px!important}
.contact-card p,.contact-card.featured p:not(.card-kicker){color:#5d6b75!important}
.contact-card .contact-action,.contact-card.featured .contact-action{color:var(--navy)!important;border-top-color:rgba(7,31,54,.14)!important}
.contact-card.featured .contact-action{background:var(--gold)!important;padding:15px 17px!important;border:0!important;margin-top:24px!important}
.contact-card.featured .contact-action b{color:var(--navy)!important}
.contact-card:not(.featured) .contact-action{border:1px solid rgba(7,31,54,.35)!important;padding:14px 16px!important}
.contact-card:hover{transform:translateY(-4px)!important;border-color:rgba(211,160,82,.7)!important}

/* Alternate light/dark rhythm across remaining site */
.services{background:#fff!important}
.why{background:#f7f4ed!important}
.join{background:linear-gradient(135deg,#082a45,#041c30)!important;color:#fff!important}
.join h2,.join h3{color:#fff!important}
.join p{color:rgba(255,255,255,.7)!important}
.final-cta{background:#f7f4ed!important}

/* Footer dark with a genuinely visible light treatment */
footer{background:var(--navy2)!important;color:rgba(255,255,255,.75)!important}
footer a{color:rgba(255,255,255,.8)!important}
footer img[src*="pronto-logo"]{filter:grayscale(1) brightness(0) invert(1)!important;opacity:1!important;background:transparent!important}

/* Modal retained and polished */
.modal-panel{border-radius:4px!important}
.pronto-form select{display:block;width:100%;border:1px solid rgba(7,31,54,.15);background:#fbfaf7;padding:14px 15px;font:inherit;color:var(--navy)}
.copy-choice{grid-column:1/-1;display:flex!important;align-items:center;gap:10px;font-size:12px!important;text-transform:none!important;letter-spacing:0!important}
.copy-choice input{width:17px!important;height:17px!important;padding:0!important;accent-color:var(--navy)}
.hp-field{position:absolute!important;left:-10000px!important}
.form-status{grid-column:1/-1;display:none;font-size:12px}
.form-status.success,.form-status.error{display:block;padding:13px 15px}
.form-status.success{background:#edf5ef;color:#245b34}.form-status.error{background:#faf0ef;color:#7b3029}

@media(max-width:1000px){
 .hero{grid-template-columns:1fr!important;padding:115px 0 0!important;min-height:auto!important}
 .hero-copy{padding:0 7vw 50px!important;max-width:760px!important}
 .hero-visual{height:560px!important;min-height:560px!important}
 .request{grid-template-columns:1fr!important}
}
@media(max-width:650px){
 .hero h1{font-size:56px!important}
 .hero-visual{height:430px!important;min-height:430px!important}
 .hero-actions .btn-gold{flex:1 1 100%!important;justify-content:center!important}
 .contact-options{grid-template-columns:1fr!important}
}

/* BALANCED FINAL PALETTE
   Predominantly light with deliberate navy moments, not alternating stripes. */

/* Hero stays light */
.hero{
  background:linear-gradient(90deg,#fff 0%,#fbfaf7 43%,#eef0ef 43%,#eef0ef 100%)!important;
}

/* Intro / services areas remain light */
.intro,.services,.service-grid,.sectors,.about,.why{
  background:#fff!important;
  color:var(--navy)!important;
}

/* Make the main brand statement a deliberate navy break */
.statement,.manifesto,.brand-statement{
  background:linear-gradient(135deg,#082a45 0%,#041c30 100%)!important;
  color:#fff!important;
}
.statement h2,.statement h3,.manifesto h2,.manifesto h3,.brand-statement h2,.brand-statement h3{
  color:#fff!important;
}
.statement p,.manifesto p,.brand-statement p{
  color:rgba(255,255,255,.72)!important;
}

/* Join Pronto must feel welcoming and light */
.join{
  background:#f5f1e8!important;
  color:var(--navy)!important;
  position:relative;
}
.join:before{
  content:"";position:absolute;inset:18px 6vw;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(7,31,54,.06);
  pointer-events:none;
}
.join>*{position:relative;z-index:1}
.join h2,.join h3{color:var(--navy)!important}
.join p{color:#5f6d77!important}

/* Occasional dark contact moment, with light cards */
.request{
  background:linear-gradient(135deg,#082a45 0%,#041c30 100%)!important;
  color:#fff!important;
}
.request .contact-card,
.request .contact-card.featured{
  background:#fbfaf7!important;
  color:var(--navy)!important;
}
.request .contact-card p,
.request .contact-card.featured p:not(.card-kicker){
  color:#5d6b75!important;
}

/* Final CTA goes back to light so the footer is the last dark anchor */
.final-cta,.closing,.cta-section{
  background:#f7f4ed!important;
  color:var(--navy)!important;
}
.final-cta h2,.closing h2,.cta-section h2{color:var(--navy)!important}

/* Footer is the final navy anchor */
footer{
  background:#041c30!important;
  color:rgba(255,255,255,.76)!important;
}

/* HOSTINGER READY: final requested refinements */

/* CLIENT PROCESS: keep navy background, add white animated visual path */
.dark .steps{
  position:relative;
  overflow:visible;
  gap:0!important;
}
.dark .steps::before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:53px;
  height:2px;
  background:linear-gradient(90deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,.85) 18%,
    rgba(211,160,82,.95) 50%,
    rgba(255,255,255,.85) 82%,
    rgba(255,255,255,.10));
  transform-origin:left center;
  animation:prontoLine 3.8s ease-in-out infinite alternate;
  box-shadow:0 0 14px rgba(255,255,255,.18);
}
.dark .step{
  position:relative;
  min-height:190px;
  padding:92px 28px 26px!important;
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0))!important;
}
.dark .step::before{
  content:"";
  position:absolute;
  top:25px;
  left:28px;
  width:54px;
  height:54px;
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.82);
  background:rgba(255,255,255,.045);
  box-shadow:0 0 0 7px rgba(255,255,255,.025),0 0 20px rgba(255,255,255,.10);
  animation:prontoPulse 2.8s ease-in-out infinite;
}
.dark .step:nth-child(2)::before{animation-delay:.35s}
.dark .step:nth-child(3)::before{animation-delay:.7s}
.dark .step:nth-child(4)::before{animation-delay:1.05s}
.dark .step::after{
  position:absolute;
  top:38px;
  left:45px;
  width:22px;
  height:22px;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:20px;
  line-height:1;
  z-index:2;
}
.dark .step:nth-child(1)::after{content:"▤"}
.dark .step:nth-child(2)::after{content:"⌕";font-size:26px;top:35px;left:43px}
.dark .step:nth-child(3)::after{content:"♙";font-size:23px;top:37px}
.dark .step:nth-child(4)::after{content:"✓";font-size:22px;top:37px}
.dark .step b{
  color:var(--gold)!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
}
.dark .step h3{color:#fff!important;font-size:21px!important;margin-top:8px!important}
.dark .step p{color:rgba(255,255,255,.68)!important;max-width:230px!important}
@keyframes prontoPulse{
  0%,100%{box-shadow:0 0 0 7px rgba(255,255,255,.025),0 0 10px rgba(255,255,255,.06)}
  50%{box-shadow:0 0 0 10px rgba(211,160,82,.05),0 0 25px rgba(255,255,255,.22)}
}
@keyframes prontoLine{
  from{opacity:.42;transform:scaleX(.94)}
  to{opacity:1;transform:scaleX(1)}
}

/* JOIN PRONTO: cream outer section, navy inner card, requested headline colours */
.join{
  background:#f7f4ed!important;
  color:var(--navy)!important;
  padding-top:72px!important;
  padding-bottom:72px!important;
}
.join:before{display:none!important}
.join .join-card{
  background:linear-gradient(135deg,#06243b 0%,#0a3554 100%)!important;
  color:#fff!important;
  padding:64px!important;
  position:relative;
  overflow:hidden;
  box-shadow:0 24px 65px rgba(6,36,59,.13);
}
.join .join-card::after{
  content:"P";
  position:absolute;
  right:6%;
  top:50%;
  transform:translateY(-50%);
  font-size:220px;
  line-height:1;
  font-weight:900;
  font-style:italic;
  color:rgba(255,255,255,.035);
  pointer-events:none;
}
.join .join-card .eyebrow{color:var(--gold)!important}
.join .join-card h2{
  color:#fff!important;
  position:relative;
  z-index:1;
}
.join .join-card h2 .join-gold{color:var(--gold)!important}
.join .join-card>p:not(.eyebrow){
  color:rgba(255,255,255,.72)!important;
  position:relative;
  z-index:1;
}
.join .join-card .actions{position:relative;z-index:1}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce){
  .dark .steps::before,.dark .step::before{animation:none!important}
}
@media(max-width:800px){
  .dark .steps::before{display:none}
  .dark .step{padding:86px 22px 24px!important}
  .dark .step::before{left:22px}
  .dark .step::after{left:39px}
  .dark .step:nth-child(2)::after{left:37px}
  .join .join-card{padding:42px 28px!important}
}

/* v2: light outer client-process section, navy timeline card */
.dark{
  background:#f7f4ed!important;
  color:var(--navy)!important;
}
.dark .section-head,
.dark .section-head h2,
.dark .section-head h3{
  color:var(--navy)!important;
}
.dark .section-head p{
  color:#5f6d77!important;
}
.dark .section-head .eyebrow{
  color:var(--gold)!important;
}

/* The process itself remains the deliberate navy element */
.dark .steps{
  background:linear-gradient(135deg,#06243b 0%,#082f4c 100%)!important;
  padding:22px 0!important;
  border:1px solid rgba(7,31,54,.08)!important;
  box-shadow:0 18px 50px rgba(6,36,59,.08);
}
.dark .step{
  background:transparent!important;
  color:#fff!important;
}
.dark .step h3{color:#fff!important}
.dark .step p{color:rgba(255,255,255,.68)!important}

/* keep the animated path visible inside the navy timeline */
.dark .steps::before{
  background:linear-gradient(90deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,.92) 18%,
    rgba(211,160,82,.95) 50%,
    rgba(255,255,255,.92) 82%,
    rgba(255,255,255,.10))!important;
}

/* Ensure Simple to book / Serious about delivery is navy */
.dark h2,
.dark .process-title{
  color:var(--navy)!important;
}

/* v2.1: mobile dropdown navigation text */
@media (max-width:900px){
  .nav nav a,
  .nav.scrolled nav a{
    color:#fff!important;
  }
}