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

:root { --plum:#2b1538; --plum-2:#3b1d4b; --coral:#ff6b4a; --coral-light:#ff8a6f; --cream:#fff8ed; --paper:#f8f1e7; --ink:#251f29; --muted:#716876; --line:#ded3c8; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:96px; }
body { margin:0; overflow-x:hidden; background:var(--cream); color:var(--ink); font-family:'DM Sans',sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.container { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.site-header { position:fixed; z-index:50; top:0; left:0; width:100%; color:var(--cream); background:rgb(43 21 56 / 94%); box-shadow:0 8px 28px rgb(18 7 25 / 14%); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.nav-wrap { height:86px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgb(255 255 255 / 14%); }
.logo { display:inline-flex; align-items:center; padding:0; line-height:0; background:transparent; border:0; }
.logo img { display:block; width:158px; height:auto; }
.main-nav { display:flex; align-items:center; gap:30px; font-size:14px; font-weight:600; }
.main-nav>a:not(.nav-cta) { color:#ded3e2; }
.main-nav>a:hover { color:var(--coral-light); }
.nav-cta { padding:12px 19px; border:1px solid rgb(255 255 255 / 27%); border-radius:99px; }
.menu-button { display:none; width:40px; border:0; background:transparent; }
.menu-button span { display:block; width:24px; height:2px; margin:5px; background:var(--cream); transition:.2s; }

.hero { min-height:850px; position:relative; overflow:hidden; padding:165px 0 95px; color:var(--cream); background-color:var(--plum); background-image:linear-gradient(90deg,rgb(31 12 42 / 97%) 0%,rgb(36 15 48 / 88%) 42%,rgb(43 21 56 / 38%) 67%,rgb(43 21 56 / 52%) 100%),url('imgs/hero-global-growth.webp'); background-repeat:no-repeat; background-size:100% 100%,auto 820px; background-position:center,calc(50% - 260px) 76px; }
.hero::before { content:''; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgb(255 255 255 / 12%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 12%) 1px,transparent 1px); background-size:76px 76px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
.hero-shape { position:absolute; border-radius:50%; pointer-events:none; }
.hero-shape.one { width:540px; height:540px; right:-260px; top:-90px; border:110px solid rgb(255 107 74 / 8%); }
.hero-shape.two { width:410px; height:410px; left:-250px; bottom:-180px; background:radial-gradient(circle,rgb(255 107 74 / 19%),transparent 67%); }
.hero-grid { position:relative; display:grid; grid-template-columns:1.08fr .78fr; gap:82px; align-items:center; }
.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 20px; color:var(--coral-light); font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; }
.eyebrow>span { width:20px; height:2px; background:currentColor; }
.eyebrow.plum { color:#6b386a; }.eyebrow.cream { color:#e9cdda; }
h1,h2,h3 { font-family:'Manrope',sans-serif; }
h1 { margin:0; font-size:clamp(50px,5.4vw,72px); line-height:.98; letter-spacing:-4px; font-weight:750; }
h1 em,.section-heading h2 em,.approach h2 em { color:var(--coral); font-family:Georgia,serif; font-weight:400; }
.hero-lead { max-width:700px; margin:28px 0 0; color:#cfbfd4; font-size:18px; line-height:1.65; }
.hero-lead strong { color:var(--cream); }
.hero-actions { display:flex; align-items:center; gap:25px; margin-top:35px; }
.button { min-height:51px; border:0; border-radius:7px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:12px; font-weight:700; font-size:14px; transition:.2s; }
.button:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgb(0 0 0 / 17%); }
.button.primary { color:var(--plum); background:var(--coral); }
.button.dark { color:white; background:var(--plum); }
.button.full { width:100%; }
.text-link { font-size:14px; font-weight:600; }
.text-link span { color:var(--coral); margin-left:5px; }
.mini-proof { display:flex; gap:38px; margin-top:55px; padding-top:28px; border-top:1px solid rgb(255 255 255 / 14%); }
.mini-proof div { display:grid; gap:5px; }.mini-proof strong { font-family:'Manrope'; font-size:22px; }.mini-proof span { color:#9f8ea7; font-size:10px; letter-spacing:.7px; text-transform:uppercase; }
.verified-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:21px; }.verified-row>span { margin-right:3px; color:#8f7c97; font-size:9px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }.verified-row b { padding:6px 10px; color:#eadfed; background:rgb(255 255 255 / 7%); border:1px solid rgb(255 255 255 / 12%); border-radius:99px; font-size:10px; letter-spacing:.4px; }

.audit-card { padding:34px; color:var(--ink); background:rgb(255 248 237 / 80%); border:1px solid rgb(255 255 255 / 52%); border-radius:14px; box-shadow:0 25px 90px rgb(10 2 16 / 35%); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.audit-card input,.audit-card select { background:rgb(255 255 255 / 84%); }
.form-kicker { display:flex; align-items:center; gap:8px; margin:0; color:#72586d; font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; }
.form-kicker>span { width:8px; height:8px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 5px rgb(255 107 74 / 13%); }
.audit-card h2 { margin:14px 0 9px; font-size:27px; line-height:1.17; letter-spacing:-1.2px; }
.audit-card>p:not(.form-kicker) { margin:0 0 22px; color:var(--muted); font-size:14px; line-height:1.55; }
form { display:grid; gap:14px; }
label { display:grid; gap:7px; color:#5c5260; font-size:10px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }
input,select,textarea { width:100%; padding:13px 14px; color:var(--ink); background:white; border:1px solid #dcd1c7; border-radius:6px; outline:none; font-size:14px; letter-spacing:normal; text-transform:none; transition:.2s; }
input:focus,select:focus,textarea:focus { border-color:var(--coral); box-shadow:0 0 0 3px rgb(255 107 74 / 14%); }
textarea { resize:vertical; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
form small { color:#837887; font-size:10px; text-align:center; }
.hp-field { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.form-error { margin:0; padding:10px 12px; color:#8f2635; background:#ffe5e7; border:1px solid #f3bdc4; border-radius:6px; font-size:12px; line-height:1.45; }
.button[disabled] { cursor:wait; opacity:.7; transform:none; }
.form-success { min-height:265px; display:flex; align-items:center; justify-content:center; gap:13px; }
.form-success[hidden] { display:none; }
.form-success>span { flex:0 0 auto; display:grid; place-items:center; width:40px; height:40px; color:white; background:var(--coral); border-radius:50%; font-weight:800; }
.form-success strong { font-family:'Manrope'; font-size:18px; }.form-success p { margin:4px 0 0; color:var(--muted); font-size:13px; line-height:1.5; }

.marquee { overflow:hidden; color:var(--plum); background:var(--coral); }
.marquee>div { min-width:max-content; height:70px; display:flex; align-items:center; justify-content:center; gap:35px; font-family:'Manrope'; font-size:13px; font-weight:750; text-transform:uppercase; letter-spacing:.7px; }
.marquee i { font-style:normal; opacity:.45; }
.section { padding:120px 0; }
.section-heading { display:grid; grid-template-columns:1.15fr .65fr; gap:80px; align-items:end; margin-bottom:55px; }
.section h2 { margin:10px 0 0; font-size:clamp(39px,4.5vw,62px); line-height:1.04; letter-spacing:-3px; }
.section-heading>p,.faq-grid>div:first-child>p { margin:0; color:var(--muted); font-size:16px; line-height:1.75; }
.service-category { margin-top:68px; }
.service-category:first-of-type { margin-top:0; }
.category-heading { display:grid; grid-template-columns:52px 1fr; gap:18px; align-items:start; padding-bottom:20px; border-bottom:1px solid var(--line); }
.category-heading>span { width:44px; height:44px; display:grid; place-items:center; color:var(--plum); background:var(--coral); border-radius:50%; font:800 11px 'Manrope'; }
.category-heading h3 { margin:0 0 7px; font-size:26px; letter-spacing:-1px; }.category-heading p { max-width:760px; margin:0; color:var(--muted); font-size:14px; line-height:1.65; }
.service-catalog-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:22px; }
.service-catalog-grid article { min-height:155px; padding:22px; background:rgb(255 255 255 / 58%); border:1px solid var(--line); border-radius:10px; transition:.22s; }
.service-catalog-grid article:hover { transform:translateY(-4px); background:white; border-color:rgb(255 107 74 / 55%); box-shadow:0 16px 40px rgb(58 28 59 / 9%); }
.service-catalog-grid b { width:38px; height:32px; display:grid; place-items:center; color:var(--coral); background:rgb(255 107 74 / 10%); border-radius:7px; font:800 9px 'Manrope'; letter-spacing:.3px; }
.service-catalog-grid h4 { margin:20px 0 7px; font:750 15px/1.25 'Manrope'; letter-spacing:-.3px; }.service-catalog-grid p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.agency-service .service-catalog-grid { max-width:285px; grid-template-columns:1fr; }
.seo-spectrum { margin-top:70px; padding:38px; display:grid; grid-template-columns:1.2fr .8fr; gap:60px; color:var(--cream); background:var(--plum-2); border-radius:12px; }.seo-spectrum h3 { margin:8px 0 12px; font-size:28px; letter-spacing:-1px; }.seo-spectrum p { margin:0; color:#c7b7cc; line-height:1.7; }.seo-spectrum>div:last-child { padding-left:38px; border-left:1px solid rgb(255 255 255 / 14%); }.seo-spectrum>div:last-child strong { display:block; margin-bottom:13px; color:var(--coral-light); font-family:'Manrope'; font-size:15px; }.seo-spectrum>div:last-child p { font-size:13px; }.seo-spectrum .button { margin-top:20px; }

.approach { position:relative; color:var(--cream); background-color:var(--plum); background-image:linear-gradient(90deg,rgb(35 15 47 / 94%) 0%,rgb(43 21 56 / 82%) 48%,rgb(35 15 47 / 90%) 100%),url('imgs/approach-growth-path.webp'); background-position:center; background-size:cover; }
.approach::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgb(21 8 29 / 34%),transparent 34%,rgb(21 8 29 / 46%)); pointer-events:none; }
.approach-grid { display:grid; grid-template-columns:.8fr 1fr; gap:110px; }
.approach-grid { position:relative; }
.approach-copy { position:sticky; top:120px; align-self:start; }.approach-copy>p:not(.eyebrow) { max-width:470px; color:#d3c4d7; line-height:1.7; }.approach-copy .button { margin-top:25px; }
.steps article { display:grid; grid-template-columns:62px 1fr; gap:15px; padding:32px 0; border-top:1px solid rgb(255 255 255 / 14%); }.steps article:last-child { border-bottom:1px solid rgb(255 255 255 / 14%); }
.steps article>span { width:40px; height:40px; display:grid; place-items:center; color:var(--coral); background:rgb(255 107 74 / 10%); border-radius:50%; font-size:10px; }.steps h3 { margin:3px 0 7px; font-size:21px; }.steps p { margin:0; color:#a995b0; font-size:14px; line-height:1.6; }

.results { background:var(--paper); }
.results-panel { display:grid; grid-template-columns:.8fr 1fr; gap:70px; align-items:center; padding:65px; background:var(--cream); border-radius:14px; }.results-panel>div:first-child>p:not(.eyebrow) { color:var(--muted); line-height:1.7; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.stats article { min-height:180px; padding:22px 18px; display:flex; flex-direction:column; justify-content:flex-end; background:white; border-top:4px solid var(--coral); border-radius:5px; }.stats strong { font-family:'Manrope'; font-size:34px; letter-spacing:-2px; }.stats span { margin-top:5px; color:var(--muted); font-size:11px; line-height:1.4; }
.platform-proof { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }.platform-proof span { padding:7px 10px; color:#604b63; background:white; border:1px solid var(--line); border-radius:99px; font-size:10px; font-weight:700; }
.principle { max-width:940px; margin:90px auto 0; text-align:center; }.principle>span { color:var(--coral); font:80px/.6 Georgia,serif; }.principle blockquote { margin:20px 0 25px; font:clamp(25px,3vw,37px)/1.4 Georgia,serif; letter-spacing:-.5px; }.principle p { color:#756a78; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }

.faq-grid { display:grid; grid-template-columns:.7fr 1fr; gap:110px; }.faq-grid>div:first-child>p:not(.eyebrow) { max-width:420px; margin-top:24px; }.faq-list details { padding:22px 0; border-top:1px solid var(--line); }.faq-list details:last-child { border-bottom:1px solid var(--line); }.faq-list summary { display:flex; align-items:center; justify-content:space-between; list-style:none; cursor:pointer; font-family:'Manrope'; font-size:17px; font-weight:700; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color:var(--coral); font-size:25px; transition:.2s; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list details p { padding-right:45px; color:var(--muted); line-height:1.7; }

.contact { padding:115px 0; color:var(--cream); background:var(--coral); }.contact-grid { display:grid; grid-template-columns:.9fr 1fr; gap:90px; padding:65px; background:var(--plum-2); border-radius:14px; }.contact h2 { margin:10px 0 20px; font:750 clamp(39px,4.5vw,58px)/1.04 'Manrope'; letter-spacing:-3px; }.contact-copy>p:not(.eyebrow) { color:#c6b5cc; line-height:1.7; }.contact-copy>a { display:inline-flex; gap:9px; margin-top:20px; color:var(--coral-light); font-weight:700; }.contact-form-wrap label { color:#d9cadf; }.contact-form-wrap input,.contact-form-wrap textarea { color:white; background:rgb(255 255 255 / 7%); border-color:rgb(255 255 255 / 17%); }.contact-form-wrap input::placeholder,.contact-form-wrap textarea::placeholder { color:#9f8ba7; }.form-success.light { min-height:330px; }.form-success.light p { color:#c6b5cc; }

footer { padding:70px 0 25px; color:white; background:#1b0c24; }.footer-main { display:grid; grid-template-columns:1.4fr .5fr .6fr; gap:80px; }.footer-main>div { display:flex; flex-direction:column; align-items:flex-start; gap:13px; }.footer-main p { max-width:380px; color:#9b879f; font-size:13px; line-height:1.6; }.footer-main strong { color:#a990af; font-size:10px; text-transform:uppercase; letter-spacing:1px; }.footer-main>div>a:not(.logo) { color:#d0bfd4; font-size:13px; }.footer-bottom { display:flex; justify-content:space-between; margin-top:55px; padding-top:22px; border-top:1px solid rgb(255 255 255 / 10%); color:#7f6b85; font-size:10px; }

.thank-you-page { min-height:100vh; color:var(--cream); background-color:var(--plum); background-image:linear-gradient(90deg,rgb(31 12 42 / 94%),rgb(43 21 56 / 55%)),url('imgs/hero-global-growth.webp'); background-position:center; background-size:cover; }
.thank-you-header { padding:24px 0; border-bottom:1px solid rgb(255 255 255 / 14%); }
.thank-you-main { min-height:calc(100vh - 111px); padding:70px 20px; display:grid; place-items:center; }
.thank-you-card { width:min(680px,100%); padding:55px; color:var(--ink); background:rgb(255 248 237 / 92%); border:1px solid rgb(255 255 255 / 55%); border-radius:18px; box-shadow:0 30px 100px rgb(10 2 16 / 40%); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); }
.success-mark { width:58px; height:58px; margin-bottom:25px; display:grid; place-items:center; color:white; background:var(--coral); border-radius:50%; box-shadow:0 0 0 10px rgb(255 107 74 / 15%); font-size:27px; font-weight:800; }
.thank-you-card h1 { margin:0; font-size:clamp(38px,5vw,58px); line-height:1.04; letter-spacing:-3px; }
.thank-you-card>p:not(.eyebrow) { margin:22px 0 0; color:var(--muted); font-size:17px; line-height:1.7; }
.next-step { margin-top:30px; padding:22px; background:rgb(255 255 255 / 65%); border-left:4px solid var(--coral); border-radius:8px; }
.next-step strong { font-family:'Manrope'; }.next-step p { margin:7px 0 0; color:var(--muted); line-height:1.6; }
.thank-you-actions { margin-top:30px; display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.thank-you-email { color:#633b64; font-size:13px; font-weight:700; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s ease; }.reveal.visible { opacity:1; transform:none; }
@media (max-width:900px) {
  .nav-wrap { height:74px; }.menu-button { display:block; }.main-nav { display:none; position:absolute; top:74px; left:20px; right:20px; padding:25px; align-items:stretch; background:var(--plum-2); border-radius:10px; box-shadow:0 20px 50px rgb(0 0 0 / 30%); }.main-nav.open { display:flex; flex-direction:column; }.nav-cta { text-align:center; }
  .hero { padding-top:125px; background-size:100% 100%,auto 620px; background-position:center,58% 90px; background-image:linear-gradient(90deg,rgb(31 12 42 / 97%) 0%,rgb(36 15 48 / 86%) 62%,rgb(43 21 56 / 58%) 100%),url('imgs/hero-global-growth.webp'); }.hero-grid,.section-heading,.approach-grid,.results-panel,.faq-grid,.contact-grid,.seo-spectrum { grid-template-columns:1fr; gap:50px; }.service-catalog-grid { grid-template-columns:repeat(2,1fr); }.audit-card { width:100%; max-width:600px; }.approach-copy { position:static; }.section { padding:85px 0; }.results-panel,.contact-grid { padding:45px; }.seo-spectrum>div:last-child { padding-left:0; padding-top:30px; border-left:0; border-top:1px solid rgb(255 255 255 / 14%); }.footer-main { grid-template-columns:1fr 1fr; }.footer-main>div:first-child { grid-column:1/-1; }
}
@media (max-width:600px) {
  .container { width:min(100% - 28px,1180px); }.logo img { width:142px; }h1 { font-size:50px; letter-spacing:-3px; }.hero-lead { font-size:16px; }.hero-actions { align-items:stretch; flex-direction:column; }.text-link { text-align:center; }.mini-proof { gap:18px; }.mini-proof strong { font-size:19px; }.mini-proof span { font-size:8px; }.audit-card { padding:25px 20px; }.form-row,.service-catalog-grid,.stats { grid-template-columns:1fr; }.category-heading { grid-template-columns:42px 1fr; gap:12px; }.category-heading>span { width:38px; height:38px; }.category-heading h3 { font-size:22px; }.service-category { margin-top:52px; }.service-catalog-grid article { min-height:0; }.agency-service .service-catalog-grid { max-width:none; }.results-panel,.contact-grid { padding:34px 22px; }.section h2,.contact h2 { letter-spacing:-2px; }.stats article { min-height:120px; }.footer-main { grid-template-columns:1fr; gap:35px; }.footer-main>div:first-child { grid-column:auto; }.footer-bottom { flex-direction:column; gap:7px; }.thank-you-main { padding:35px 14px; }.thank-you-card { padding:38px 24px; }.thank-you-card h1 { font-size:39px; letter-spacing:-2px; }.thank-you-actions { align-items:stretch; flex-direction:column; }.thank-you-email { text-align:center; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.reveal { opacity:1; transform:none; }*,*::before,*::after { transition-duration:.01ms!important; } }
