@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap');

:root { --ink:#09233f; --ink-2:#123758; --paper:#f7f8f6; --mist:#edf2f3; --line:#dbe4e4; --orange:#ef7f35; --gold:#f4bd62; --teal:#169393; --white:#fff; --muted:#607384; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:'DM Sans',sans-serif; line-height:1.55; } a { color:inherit; text-decoration:none; }
.container { width:min(1140px,calc(100% - 40px)); margin:auto; }.site-header { position:sticky; top:0; z-index:10; background:rgba(247,248,246,.9); backdrop-filter:blur(16px); border-bottom:1px solid rgba(9,35,63,.08); }.nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:26px; }.brand { display:flex; align-items:center; gap:10px; font-family:Manrope,sans-serif; font-weight:800; letter-spacing:-.7px; }.brand-mark { display:grid; place-items:center; width:35px; height:35px; border-radius:10px; background:var(--ink); color:var(--gold); font-size:15px; }.brand em { color:var(--orange); font-style:normal; }.nav-links { display:flex; align-items:center; gap:7px; font-size:.91rem; color:#476077; }.nav-links a { padding:9px 12px; border-radius:8px; }.nav-links a:hover,.nav-links .active { background:#e7eeee; color:var(--ink); }.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 18px; border-radius:9px; background:var(--orange); color:white; font-weight:700; border:1px solid var(--orange); transition:.2s ease; }.button:hover { transform:translateY(-2px); background:#d96724; }.button.ghost { background:transparent; color:var(--ink); border-color:#9eb0bb; }.button.ghost:hover { background:white; }.menu-toggle { display:none; border:0; background:none; font-size:1.4rem; color:var(--ink); }
.eyebrow { display:inline-flex; align-items:center; gap:8px; color:var(--teal); text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; font-weight:800; }.eyebrow:before { content:''; width:24px; height:2px; background:currentColor; }.hero { position:relative; overflow:hidden; padding:96px 0 76px; background:linear-gradient(126deg,#e5eeee 0%,#f7f8f6 58%,#f6dfc1 140%); }.hero:after { content:''; position:absolute; width:570px; height:570px; right:-190px; top:-170px; border:1px solid rgba(22,147,147,.2); border-radius:50%; box-shadow:0 0 0 55px rgba(22,147,147,.06),0 0 0 115px rgba(22,147,147,.04); }.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.16fr .84fr; align-items:center; gap:65px; }.hero h1,.page-hero h1 { margin:16px 0 20px; font:600 clamp(3rem,5.1vw,5rem)/.98 Newsreader,serif; letter-spacing:-.055em; max-width:680px; }.hero h1 span { color:var(--orange); }.lead { max-width:600px; color:#405b70; font-size:1.07rem; }.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:29px; }.trust { display:flex; gap:23px; margin-top:39px; color:#4a6275; font-size:.83rem; }.trust b { display:block; color:var(--ink); font:800 1.25rem Manrope,sans-serif; }.data-card { background:var(--ink); color:white; border-radius:20px; padding:29px; box-shadow:0 25px 50px rgba(7,28,51,.22); transform:rotate(2.5deg); }.data-card small { color:#aac2d1; text-transform:uppercase; font-weight:700; letter-spacing:.12em; }.data-card h3 { margin:10px 0 23px; font:700 1.55rem Manrope,sans-serif; }.chart { height:170px; display:flex; align-items:end; justify-content:space-between; gap:9px; border-bottom:1px solid #52718a; padding:0 4px 12px; }.bar { width:100%; background:linear-gradient(180deg,var(--gold),var(--orange)); border-radius:6px 6px 2px 2px; }.bar:nth-child(1){height:28%}.bar:nth-child(2){height:39%}.bar:nth-child(3){height:48%}.bar:nth-child(4){height:60%}.bar:nth-child(5){height:70%}.bar:nth-child(6){height:87%}.data-card footer { display:flex; justify-content:space-between; margin-top:18px; color:#d6e5ec; font-size:.82rem; }.data-card strong { color:#8ee6d7; }
.section { padding:92px 0; }.section.alt { background:var(--mist); }.section-heading { max-width:650px; margin-bottom:43px; }.section-heading h2 { margin:11px 0; font:600 clamp(2.2rem,4vw,3.45rem)/1.03 Newsreader,serif; letter-spacing:-.04em; }.section-heading p { color:var(--muted); }.split-heading { display:flex; align-items:end; justify-content:space-between; gap:35px; }.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }.card { background:white; border:1px solid var(--line); border-radius:14px; padding:25px; }.icon { display:grid; place-items:center; width:43px; height:43px; border-radius:12px; background:#e0f2f0; color:var(--teal); font-size:1.25rem; }.card h3 { margin:20px 0 9px; font:700 1.1rem Manrope,sans-serif; }.card p { margin:0; color:var(--muted); font-size:.93rem; }.metric-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:18px; }.feature { padding:34px; background:var(--ink); color:white; border-radius:17px; }.feature h2 { font:600 2.4rem/1.06 Newsreader,serif; margin:16px 0; }.feature p { color:#c0d2dc; max-width:515px; }.steps { display:grid; gap:12px; }.step { padding:19px 21px; background:white; border:1px solid var(--line); border-radius:12px; display:flex; gap:15px; align-items:start; }.step i { font:800 .8rem Manrope,sans-serif; color:var(--orange); background:#fff0e6; min-width:28px; height:28px; display:grid; place-items:center; border-radius:50%; }.step h3 { font:700 .95rem Manrope,sans-serif; margin:1px 0 5px; }.step p { margin:0; color:var(--muted); font-size:.88rem; }
.page-hero { padding:80px 0 59px; background:var(--ink); color:white; }.page-hero p { color:#c3d6df; max-width:600px; font-size:1.06rem; }.page-hero .eyebrow { color:var(--gold); }.service-list { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.service-card { min-height:260px; padding:31px; border-radius:16px; background:white; border:1px solid var(--line); position:relative; overflow:hidden; }.service-card:after { content:attr(data-number); position:absolute; right:16px; bottom:-31px; color:#edf1f1; font:800 7rem Manrope,sans-serif; letter-spacing:-.1em; }.service-card h2 { position:relative; z-index:1; font:700 1.45rem Manrope,sans-serif; margin:21px 0 9px; }.service-card p { position:relative; z-index:1; color:var(--muted); max-width:400px; }.industry-pills { display:flex; flex-wrap:wrap; gap:10px; }.industry-pills span { padding:10px 14px; background:white; border:1px solid var(--line); border-radius:999px; font-weight:600; color:#456074; font-size:.9rem; }
.method { display:grid; grid-template-columns:230px 1fr; gap:50px; }.method-nav { border-left:2px solid #cedcdd; padding-left:19px; color:var(--muted); }.method-nav div { margin:0 0 22px; }.method-nav b { color:var(--ink); }.method-content { display:grid; gap:15px; }.method-block { padding:24px; border-radius:13px; background:white; border:1px solid var(--line); display:grid; grid-template-columns:48px 1fr; gap:16px; }.method-block span { font:800 1rem Manrope,sans-serif; color:var(--orange); }.method-block h3 { margin:0 0 5px; font:700 1.05rem Manrope,sans-serif; }.method-block p { margin:0; color:var(--muted); }.quote { padding:40px; border-radius:16px; background:linear-gradient(120deg,#f5dfc3,#f4bd62); }.quote blockquote { max-width:800px; margin:0; font:600 clamp(1.75rem,3.3vw,2.7rem)/1.12 Newsreader,serif; letter-spacing:-.035em; }.quote cite { display:block; margin-top:22px; color:#735126; font-style:normal; font-weight:700; }
.contact-box { display:grid; grid-template-columns:1.1fr .9fr; border-radius:18px; overflow:hidden; background:white; border:1px solid var(--line); }.contact-copy { padding:47px; background:var(--ink); color:white; }.contact-copy h2 { font:600 2.8rem/1 Newsreader,serif; margin:15px 0; }.contact-copy p { color:#c2d3dc; }.contact-info { margin-top:28px; display:grid; gap:14px; }.contact-info a { color:#f7c57c; font-weight:700; }.contact-form { padding:42px; }.contact-form label { display:block; margin-bottom:15px; font-size:.85rem; font-weight:700; }.contact-form input,.contact-form textarea { margin-top:6px; width:100%; border:1px solid #cbd9dc; background:#fbfcfc; border-radius:8px; padding:12px; font:inherit; }.contact-form textarea { min-height:100px; resize:vertical; }.form-note { display:none; margin-top:12px; color:var(--teal); font-weight:700; }
.footer { padding:35px 0; background:#061a30; color:#d2e2e9; }.footer-inner { display:flex; justify-content:space-between; gap:20px; align-items:center; font-size:.84rem; }.footer .brand { color:white; }.footer small { color:#8ca6b5; }.footer-links { display:flex; gap:18px; }.footer-links a:hover { color:var(--gold); }
@media (max-width:800px){.nav-links,.nav>.button{display:none}.menu-toggle{display:block}.nav.mobile-open .nav-links{display:flex; position:absolute; top:75px; left:20px; right:20px; padding:12px; border:1px solid var(--line); border-radius:12px; background:white; flex-direction:column; align-items:stretch; box-shadow:0 14px 30px rgba(9,35,63,.12)}.hero{padding:66px 0 55px}.hero-grid,.metric-grid,.contact-box{grid-template-columns:1fr;gap:30px}.data-card{transform:none;max-width:460px}.grid-3{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}.method{grid-template-columns:1fr;gap:25px}.method-nav{display:flex; gap:17px; flex-wrap:wrap; border-left:0; border-bottom:2px solid #cedcdd; padding:0 0 10px}.method-nav div{margin:0}.footer-inner,.split-heading{align-items:start;flex-direction:column}.page-hero{padding:60px 0 48px}}@media (max-width:480px){.container{width:min(100% - 28px,1140px)}.hero h1,.page-hero h1{font-size:2.75rem}.trust{gap:14px}.contact-copy,.contact-form{padding:28px}.section{padding:63px 0}}
