:root{--bg:#F7F3EA;--bg2:#F0F2F5;--panel:#FFFFFF;--text:#172235;--muted:#435164;--line:#D8DDE4;--gold:#D8AE5A;--gold2:#F1D18B;--navy:#071A33;--ink-navy:#031024;--harbor:#10345A;--brand-gold:#D8AE5A;--max:1280px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{max-width:100%;height:auto}.wrap{max-width:var(--max);margin:auto;padding:0 40px}nav{position:sticky;top:0;z-index:30;background:var(--navy);color:#fff;border-bottom:1px solid #e4bd7033}.navin{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;gap:12px;align-items:center;flex-shrink:0}.mark{width:56px;height:56px;object-fit:contain;border-radius:4px}.brand{font-family:Georgia,serif;letter-spacing:.06em;font-size:20px;color:var(--brand-gold)}.brand small{display:block;font-family:inherit;font-size:9px;letter-spacing:.1em;color:#c6d1df;margin-top:1px}.navlinks{display:flex;gap:25px;font-size:13px;white-space:nowrap}.navlinks a:hover{color:var(--brand-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border-radius:4px;background:var(--gold);color:#fff;font-size:14px;font-weight:600;border:1px solid var(--gold);transition:opacity .2s,transform .2s}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn.secondary{background:var(--bg2);border-color:var(--line);color:var(--text)}nav .btn{background:var(--brand-gold);color:var(--navy);border-color:var(--brand-gold);min-height:40px;padding:9px 16px;font-size:12px}.brand-banner{background:var(--navy);border-bottom:1px solid #e4bd7040}.brand-banner picture{display:block;max-width:1440px;margin:auto}.brand-banner img{display:block;width:100%;height:auto}section{padding:96px 0;border-top:1px solid var(--line)}.hero{padding:88px 0 96px;background-image:linear-gradient(135deg,oklch(.5 .14 38 / .09),transparent 55%),linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.eyebrow,.kicker,.label{color:var(--gold);font-weight:650;letter-spacing:.14em;text-transform:uppercase;font-size:11px;line-height:1.8}h1,h2,h3{font-family:inherit;font-weight:600}h1{font-size:clamp(38px,4.5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:24px 0;max-width:900px}h2{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.035em;margin:16px 0 24px;max-width:950px}h3{font-size:19px;line-height:1.35;letter-spacing:-.015em;margin:0 0 12px}.lead,.sub{font-size:18px;line-height:1.75;color:var(--muted);max-width:820px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-panel{padding:32px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;background:var(--panel);box-shadow:0 20px 60px #321b0914}.hero-panel h2{font-size:30px}.signal{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);padding:20px 0}.signal>span{font-size:13px;color:var(--gold);background:var(--bg2);padding:9px;border-radius:4px}.signal h3{font-size:16px;margin:0}.signal p{margin:4px 0 0;font-size:13px;color:var(--muted)}.panel-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-weight:600;font-size:13px;color:var(--gold)}.grid3,.grid2{display:grid;gap:0;border:1px solid var(--line);margin-top:36px;background:var(--panel);border-radius:6px;overflow:hidden}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.card{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.card p{color:var(--muted);font-size:15px;margin:0}.num{display:block;color:var(--gold);font-size:22px;margin-bottom:32px}.stat{font-size:48px;color:var(--gold);line-height:1.2;margin-bottom:24px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}.callout{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:40px}.product-card{padding:40px;border:1px solid var(--line);background:var(--bg2);border-radius:8px}ul.clean{list-style:none;padding:0;margin:24px 0 0}ul.clean li{padding:15px 0;border-bottom:1px solid var(--line);color:var(--muted)}ul.clean strong{color:var(--text)}.quote{font-size:clamp(24px,3vw,35px);line-height:1.4;font-weight:500;letter-spacing:-.025em;max-width:950px;border-left:3px solid var(--gold);padding-left:28px}.story-logo{width:220px;justify-self:center;border-radius:8px}.linkedin-section{background:var(--bg2)}#contact{background:var(--navy);color:#fff}#contact .callout{background:none;border:0;padding:0}#contact .kicker{color:var(--brand-gold)}#contact .sub{color:#c6d1df}#contact .btn{background:var(--brand-gold);color:var(--navy);border-color:var(--brand-gold)}#contact .btn.secondary{color:#fff;background:transparent;border-color:#ffffff40}footer{padding:36px 0;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}footer a:hover{color:var(--gold)}
@media(max-width:1000px){.wrap{padding:0 28px}.navin{flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.navlinks{order:3;width:100%;justify-content:center;border-top:1px solid #ffffff20;padding-top:10px}.hero-grid,.split{grid-template-columns:1fr;gap:36px}.hero-panel{max-width:640px}.grid3{grid-template-columns:repeat(2,1fr)}.hero{padding:64px 0}section{padding:64px 0}}
@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.brand{font-size:16px}.brand small{font-size:7px;letter-spacing:.03em}.mark{width:42px;height:42px}.logo{gap:8px}.navin>.btn{font-size:10px;max-width:112px;padding:8px 10px;line-height:1.35;text-align:center}.navlinks{font-size:13px;gap:28px}.grid3,.grid2{grid-template-columns:1fr}.hero{padding:48px 0}.hero-grid{gap:30px}h1{font-size:40px}.lead,.sub{font-size:16px}.hero-panel,.callout,.product-card{padding:24px}.card{padding:26px}.quote{padding-left:20px}.actions{gap:10px}.btn{font-size:12px;padding:12px 16px}.story-logo{width:160px}.eyebrow{font-size:10px}.brand-banner picture{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* Shared navy-led identity for Home and Our Story. */
.product-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.product-heading h2{margin-bottom:0}.product-logo{display:block;width:380px;max-width:48%;flex-shrink:0;border-radius:6px;overflow:hidden}.product-logo img{display:block;width:100%;height:auto}@media(max-width:600px){.product-heading{gap:20px}.product-logo{width:300px;max-width:100%}}
nav{background:var(--ink-navy);border-bottom-color:#D8AE5A33}
.brand{color:#F1D18B}.brand small{color:#D8DDE4}
.brand-banner{background:var(--navy);border-bottom-color:#D8AE5A40}
.btn,nav .btn,#contact .btn{background:#D8AE5A;color:#031024;border-color:#D8AE5A}
.btn:hover,nav .btn:hover,#contact .btn:hover{background:#F1D18B;border-color:#F1D18B;opacity:1}
.btn:active,nav .btn:active,#contact .btn:active{background:#A8792D;border-color:#A8792D;color:#031024}
.btn.secondary{background:transparent;color:#071A33;border-color:#435164}
.btn.secondary:hover{background:#D8DDE4;border-color:#435164}
a:focus-visible{outline:3px solid #A8792D}
.navlinks a{padding-bottom:3px;border-bottom:2px solid transparent}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:#F1D18B;border-bottom-color:#D8AE5A}
.eyebrow,.kicker,.label{color:#435164}
.num,.stat{color:#071A33}
.card{transition:box-shadow .2s,border-color .2s}
.card:hover{box-shadow:inset 0 3px #D8AE5A,0 8px 24px #0310240D}
.hero{background-color:#071A33;color:#F7F3EA;background-image:linear-gradient(135deg,#10345A55,transparent 65%),linear-gradient(to right,#F1D18B0A 1px,transparent 1px),linear-gradient(to bottom,#F1D18B0A 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
.hero h1,.hero h2,.hero h3{color:#F7F3EA}
.hero .lead,.hero .sub,.signal p{color:#D8DDE4}
.hero .eyebrow,.hero .kicker{color:#F1D18B}
.hero .btn.secondary,#contact .btn.secondary{background:transparent;border-color:#F7F3EA99;color:#F7F3EA}
.hero .btn.secondary:hover,#contact .btn.secondary:hover{background:#10345A;border-color:#F7F3EA}
.hero-panel{background:#10345A;border-color:#D8DDE433;border-top-color:#D8AE5A;box-shadow:0 20px 60px #03102455}
.signal,.panel-link{border-color:#D8DDE433}
.signal>span{background:#071A33;color:#D8AE5A}
.panel-link{color:#F7F3EA}.panel-link:hover{color:#F1D18B}
#spendwyn{background:#071A33;color:#F7F3EA}
#spendwyn .product-card{background:transparent;border-color:#D8AE5A40}
#spendwyn .label,#spendwyn .kicker{color:#F1D18B}
#spendwyn .sub,#spendwyn .card p{color:#D8DDE4}
#spendwyn .grid2{background:#10345A;border-color:#D8DDE433}
#spendwyn .card{background:#10345A;border-color:#D8DDE433}
#contact{background:#071A33;color:#F7F3EA}
#contact .sub{color:#D8DDE4}#contact .kicker{color:#F1D18B}
.quote{border-left-color:#D8AE5A}
footer{background:#031024;color:#D8DDE4;border-top-color:#D8AE5A33}
footer a:hover{color:#D8AE5A}
.linkedin-section{background:#F7F3EA}
@media(prefers-reduced-motion:reduce){.card{transition:none}}

/* Coordinated header navigation and Spendwyn identity. */
.navlinks{gap:8px;align-items:stretch}
.navlinks a.nav-button{height:42px;min-width:82px;padding:0 17px;display:flex;align-items:center;justify-content:center;border:1px solid #D8DDE455;border-radius:5px;background:#10345A;color:#F7F3EA;font-weight:650;line-height:1;transition:background .2s,border-color .2s,transform .2s}
.navlinks a.nav-button:hover{background:#17456F;color:#F7F3EA;border-color:#D8AE5A;transform:translateY(-1px)}
.navlinks a.nav-button[aria-current="page"]{background:#D8AE5A;color:#031024;border-color:#D8AE5A;box-shadow:none}
.navlinks a.nav-spendwyn{width:128px;padding:0;overflow:hidden;background:#071A33;border-color:#D8AE5A66}
.navlinks a.nav-spendwyn:hover{background:#071A33;border-color:#F1D18B}
.nav-spendwyn img{display:block;width:100%;height:100%;object-fit:cover}
#spendwyn .product-heading{align-items:flex-start}
#spendwyn .product-heading>div{flex:1 1 560px}
#spendwyn .product-logo{margin-top:4px;border:1px solid #D8AE5A66;box-shadow:0 14px 34px #03102455}
@media(max-width:600px){.navlinks{display:grid;grid-template-columns:.82fr 1.05fr 1.35fr;gap:7px}.navlinks a.nav-button{min-width:0;height:40px;padding:0 9px;font-size:12px}.navlinks a.nav-spendwyn{width:auto}.nav-spendwyn img{object-fit:cover}.product-heading{display:grid;grid-template-columns:1fr}.product-heading>div{order:2}.product-heading .product-logo{order:1;width:100%;max-width:100%;margin:0 0 8px}}

/* Let's Talk page */
.contact-hero{min-height:calc(100vh - 116px);display:flex;align-items:center;padding:72px 0;background:radial-gradient(circle at 82% 10%,#D8AE5A22,transparent 30%),linear-gradient(135deg,#071A33,#031024);color:#F7F3EA}
.contact-shell{max-width:920px;text-align:center}
.contact-shell h1{margin-left:auto;margin-right:auto}
.contact-shell .lead{margin:0 auto;color:#D8DDE4}
.contact-options{display:grid;grid-template-columns:1fr;gap:16px;max-width:420px;margin:42px auto 0;text-align:left}
.contact-option{display:flex;flex-direction:column;min-height:210px;padding:28px;border:1px solid #D8DDE433;border-top:3px solid #D8AE5A;border-radius:10px;background:#10345A;color:#F7F3EA;transition:transform .2s,border-color .2s,background .2s}
.contact-option:hover{transform:translateY(-3px);border-color:#D8AE5A;background:#17456F}
.contact-option .option-label{color:#F1D18B;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.contact-option h2{font-size:23px;line-height:1.25;margin:20px 0 10px;color:#F7F3EA}
.contact-option p{margin:auto 0 0;color:#D8DDE4;font-size:14px}
.contact-option.primary{background:#D8AE5A;color:#031024;border-color:#D8AE5A}
.contact-option.primary:hover{background:#F1D18B;border-color:#F1D18B}
.contact-option.primary .option-label,.contact-option.primary h2,.contact-option.primary p{color:#031024}
.contact-note{margin:26px auto 0;color:#A9B5C0;font-size:13px}
@media(max-width:800px){.contact-options{grid-template-columns:1fr}.contact-option{min-height:150px}.contact-hero{padding:52px 0}.contact-shell{text-align:left}.contact-shell .lead{margin-left:0}.contact-shell h1{margin-left:0}}

/* Spendwyn brand mark */
.navlinks a.nav-spendwyn{width:128px;padding:0;overflow:hidden;background:#071A33;border-color:#D8AE5A66}
.navlinks a.nav-spendwyn:hover{background:#071A33;border-color:#F1D18B}
.nav-spendwyn img{display:block;width:100%;height:100%;object-fit:fill}
.product-logo{display:block;width:min(360px,100%);border-radius:8px;overflow:hidden}
.product-logo img{display:block;width:100%;height:auto;object-fit:contain}
.spendwyn-close{margin:18px 0 0;font-weight:650;color:#F1D18B}