:root {
  --color-heading: #17213F;
  --color-body: #5C657F;
  --color-button: #2F67F6;
  --color-accent: #7456E8;
  --color-highlight: #20BFD0;
  --color-page: #FBFAF6;
  --color-surface: #F2F3F8;
  --color-border: #DFE4F0;
}

.form-direct-contact { margin: 22px 0 0; color: var(--color-body); font-size: 14px; line-height: 1.6; }
.form-direct-contact a { color: var(--color-button); text-decoration: underline; text-underline-offset: 3px; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; background: var(--color-page); color: var(--color-heading); font-family: Arial, Helvetica, sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
:focus-visible { outline: 3px solid #12AEBE; outline-offset: 4px; border-radius: 8px; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 100; padding: 12px 16px; border-radius: 8px; background: var(--color-heading); color: #FFFFFF; }
.skip-link:focus { top: 14px; }

.site-header { position: sticky; top: 0; z-index: 50; height: 78px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 30px; padding: 0 clamp(22px,5vw,78px); background: rgba(251,250,246,.92); border-bottom: 1px solid rgba(34,47,91,.09); backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; }
.brand-logo-image { display: block; width: 218px; height: auto; object-fit: contain; image-rendering: auto; }
.site-footer .brand { width: fit-content; padding: 10px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: #FBFAF6; box-shadow: 0 12px 28px rgba(0,0,0,.16); }.site-footer .brand-logo-image { width: 225px; height: auto; }
.desktop-nav { justify-self: center; display: flex; gap: clamp(18px,2.2vw,34px); font-size: 14px; font-weight: 650; color: #4F5875; }
.desktop-nav a:hover { color: var(--color-button); }
.menu-button { display: none; }
.mobile-nav { display: none; }

.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 23px; border: 1px solid var(--color-button); border-radius: 13px; color: #FFFFFF; background: linear-gradient(135deg,var(--color-button),#5F56DE); font-size: 15px; font-weight: 760; box-shadow: 0 11px 24px rgba(47,103,246,.2); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(47,103,246,.25); }
.button-small { min-height: 42px; padding-inline: 18px; font-size: 13px; }
.button-secondary { color: var(--color-heading); border-color: #CBD2E4; background: rgba(255,255,255,.8); box-shadow: none; }
.text-link { display: inline-flex; gap: 8px; align-items: center; color: var(--color-button); font-weight: 760; }
.text-link:hover { text-decoration: underline; text-underline-offset: 4px; }

.hero { position: relative; overflow: hidden; min-height: calc(100vh - 78px); display: grid; grid-template-columns: minmax(0,1fr) minmax(430px,.9fr); align-items: center; gap: clamp(45px,6vw,100px); padding: clamp(70px,8vw,118px) clamp(22px,7vw,112px); background: radial-gradient(circle at 78% 31%,rgba(32,191,208,.13),transparent 24%),radial-gradient(circle at 67% 62%,rgba(116,86,232,.12),transparent 31%),var(--color-page); }
.hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(47,103,246,.12) 1px,transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(to right,transparent 39%,#000000 75%,transparent); }
.hero-copy,.answer-visual { position: relative; z-index: 1; }
.eyebrow { margin: 0 0 20px; display: flex; align-items: center; gap: 9px; color: #4E5F91; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 800; }
.eyebrow::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--color-highlight); box-shadow: 0 0 0 6px rgba(32,191,208,.12); }
.hero .eyebrow::before { display: none; }
.hero .eyebrow > span { width: 8px; height: 8px; border-radius: 50%; background: var(--color-highlight); box-shadow: 0 0 0 6px rgba(32,191,208,.12); }
h1 { max-width: 760px; margin: 0; font-size: clamp(48px,5.35vw,82px); line-height: .98; letter-spacing: -.063em; font-weight: 790; text-wrap: balance; }
.hero h1 > span { display: block; #FFFFFF-space: nowrap; }
.hero-lede { max-width: 650px; margin: 30px 0 0; color: var(--color-body); font-size: clamp(18px,1.5vw,22px); line-height: 1.62; letter-spacing: -.015em; text-wrap: pretty; }
.hero-lede > span { #FFFFFF-space: nowrap; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.reassurance { display: flex; align-items: center; gap: 8px; margin-top: 22px; color: #5C6479; font-size: 14px; }
.reassurance > span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #087E80; background: #DAF5F1; font-weight: 900; }

.answer-visual { min-height: 600px; isolation: isolate; }
.answer-visual::before { content: ''; position: absolute; inset: 0 1% 2%; z-index: -2; border: 1px solid rgba(67,115,210,.08); border-radius: 44% 56% 48% 52% / 52% 44% 56% 48%; background: radial-gradient(circle at 50% 45%,rgba(255,255,255,.78),rgba(255,255,255,.18) 63%,transparent 64%); }
.visual-glow { position: absolute; inset: 12% 0 7% 5%; z-index: -3; border-radius: 50%; background: linear-gradient(140deg,rgba(47,103,246,.2),rgba(116,86,232,.1) 52%,rgba(32,191,208,.24)); filter: blur(32px); animation: glow-breathe 7s ease-in-out infinite; }
.visual-orbit { position: absolute; z-index: -1; border: 1px dashed rgba(76,105,190,.12); border-radius: 50%; pointer-events: none; animation: orbit-spin 26s linear infinite; }.orbit-one { inset: 11% 5% 18% 9%; }.orbit-two { inset: 25% 17% 28% 20%; border-color: rgba(32,191,208,.15); animation-direction: reverse; animation-duration: 19s; }
.question-card,.answer-card { position: absolute; overflow: hidden; border: 1px solid rgba(87,101,153,.1); background: rgba(255,255,255,.94); box-shadow: 0 18px 55px rgba(48,59,104,.12); backdrop-filter: blur(14px); }
.question-card::before,.answer-card::after { content: ''; position: absolute; z-index: 3; inset: 0; padding: 1.5px; border-radius: inherit; pointer-events: none; background: linear-gradient(115deg,#B8A2F5 3%,#7359E7 20%,#3F74F2 39%,#29C5D5 56%,#75DFCC 70%,#9A75E8 84%,#D5DBEA 97%); background-size: 300% 100%; -webkit-mask: linear-gradient(#000000 0 0) content-box,linear-gradient(#000000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000000 0 0) content-box,linear-gradient(#000000 0 0); mask-composite: exclude; animation: edge-shimmer 4.8s linear infinite; }
.question-card { display: flex; align-items: center; gap: 12px; width: min(385px,80%); min-height: 70px; padding: 13px 16px; border-radius: 19px; color: #49516E; font-size: 14px; font-weight: 680; animation: float-one 6.2s cubic-bezier(.45,.05,.55,.95) infinite; }
.question-card::after { content: ''; position: absolute; inset: 4px; z-index: -1; border-radius: 15px; background: linear-gradient(105deg,transparent 10%,rgba(255,255,255,.8) 46%,transparent 70%); transform: translateX(-120%); animation: card-shimmer 8s ease-in-out infinite; }
.question-card p { margin: 0; line-height: 1.35; }.question-card > span { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.78); border-radius: 14px; color: #FFFFFF; background: linear-gradient(145deg,var(--icon-start,#9B7AF1),var(--icon-end,#684BE3)); box-shadow: inset 0 1px 0 rgba(255,255,255,.48),0 7px 14px rgba(78,67,174,.17); font-family: Arial,Helvetica,sans-serif; font-size: 20px; font-weight: 700; line-height: 1; text-shadow: none; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; }.question-card > span::before { content: ''; position: absolute; top: 5px; right: 6px; width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.82); }.question-card > i { width: 7px; height: 7px; margin-left: auto; border-radius: 50%; background: var(--color-highlight); box-shadow: 0 0 0 5px rgba(32,191,208,.1); }
.question-one { top: 2%; left: 1%; --icon-start:#A17CF3; --icon-end:#6749DF; }.question-two { top: 19%; right: 0; --icon-start:#678AF5; --icon-end:#4F53DD; animation-name: float-two; animation-delay: -1.9s; }.question-three { top: 37%; left: 5%; --icon-start:#41CDD0; --icon-end:#3B75E7; animation-name: float-three; animation-delay: -3.4s; }
.signal-path { position: absolute; left: 50%; top: 53%; width: 1px; height: 82px; background: linear-gradient(transparent,var(--color-highlight) 18%,var(--color-button) 88%,transparent); }.signal-path > b { position: absolute; left: 50%; top: -22px; padding: 6px 9px; border: 1px solid rgba(32,191,208,.18); border-radius: 999px; color: #34808E; background: rgba(247,253,252,.88); text-transform: uppercase; letter-spacing: .1em; font-size: 9px; white-space: nowrap; transform: translateX(-50%); }.signal-path > span { position: absolute; inset: 0; }.signal-path i { position: absolute; left: 50%; top: 7px; width: 8px; height: 8px; border-radius: 50%; background: #FFFFFF; border: 2px solid var(--color-highlight); transform: translateX(-50%); animation: signal-travel 2.2s ease-in-out infinite; }.signal-path i:nth-child(2) { animation-delay: .7s; }.signal-path i:nth-child(3) { animation-delay: 1.4s; }
.answer-card { left: 6%; right: 1%; bottom: 6%; display: flex; align-items: center; gap: 19px; min-height: 142px; padding: 24px; border-radius: 27px; border-color: rgba(42,159,181,.23); box-shadow: 0 28px 75px rgba(47,103,246,.18); }
.answer-card::before { content: ''; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: linear-gradient(115deg,rgba(32,191,208,.18),transparent 35%,transparent 65%,rgba(47,103,246,.14)); }
.answer-icon { flex: 0 0 auto; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 19px; color: #FFFFFF; background: linear-gradient(135deg,var(--color-highlight),var(--color-button)); font-size: 26px; font-weight: 900; box-shadow: 0 12px 28px rgba(47,103,246,.24); }
.answer-content { min-width: 0; }.answer-card p { margin: 4px 0; color: #687089; font-size: 14px; line-height: 1.5; }.answer-card .answer-label { color: var(--color-heading); font-size: 18px; font-weight: 780; }.answer-signals { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }.answer-signals span { padding: 5px 8px; border-radius: 999px; color: #526683; background: #F0F5FC; font-size: 10px; font-weight: 750; }
.visual-note { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; text-align: center; color: #737A8F; font-size: 12px; }

.section { padding: clamp(84px,9vw,145px) clamp(22px,7vw,112px); }
.section-heading { max-width: 850px; }.section-heading.centered { margin-inline: auto; text-align: center; }.section-heading.centered .eyebrow { justify-content: center; }
.section h2,.final-cta h2 { margin: 0; font-size: clamp(38px,4.5vw,68px); line-height: 1.06; letter-spacing: -.049em; font-weight: 770; text-wrap: balance; }
.section-heading > p:last-child,.split-heading > p,.faq-intro > p,.form-intro > p { margin: 25px 0 0; color: var(--color-body); font-size: 18px; line-height: 1.7; }
.split-heading { max-width: none; display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(50px,8vw,120px); align-items: end; }.split-heading > p { margin-bottom: 4px; }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease var(--delay,0ms),transform .7s cubic-bezier(.22,.61,.36,1) var(--delay,0ms); }.reveal.is-visible { opacity: 1; transform: none; }

.change-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(55px,9vw,140px); align-items: center; background: #FFFFFF; }
.question-cloud { display: flex; flex-wrap: wrap; justify-content: center; gap: 13px; padding: 55px; border-radius: 40px; background: radial-gradient(circle at center,rgba(32,191,208,.16),transparent 64%),#F7F8FC; border: 1px solid #E7E9F2; }
.question-cloud span { padding: 14px 18px; border: 1px solid #DCE1EE; border-radius: 999px; background: #FFFFFF; color: #49536F; font-weight: 690; box-shadow: 0 9px 24px rgba(52,63,108,.07); animation: drift 6s ease-in-out infinite var(--delay); }
.question-cloud span:nth-child(even) { color: #5A3FC3; }.opportunity-note { grid-column: 1/-1; margin: 0; padding: 24px 28px; border: 1px solid rgba(66,123,174,.16); border-radius: 18px; color: #526078; background: linear-gradient(135deg,rgba(238,249,248,.96),rgba(246,248,253,.96)); box-shadow: 0 14px 34px rgba(44,64,105,.07),inset 0 1px 0 rgba(255,255,255,.9); line-height: 1.65; }.opportunity-note strong { color: #253250; font-weight: 800; }

.process-section { overflow: hidden; background: #F3F1FD; }
.process-track { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; max-width: 1240px; margin: 70px auto 0; }
.process-line { position: absolute; z-index: 0; left: 16%; right: 16%; top: 48px; height: 4px; border-radius: 5px; background: #D9D5ED; overflow: hidden; }.process-line i { display: block; height: 100%; width: 45%; background: linear-gradient(90deg,var(--color-button),var(--color-highlight)); animation: progress 4s ease-in-out infinite alternate; }
.process-card { position: relative; z-index: 1; padding: 0 25px 32px; text-align: center; }.process-number { display: grid; place-items: center; width: 96px; height: 96px; margin: 0 auto 27px; border: 10px solid #F3F1FD; border-radius: 50%; color: #FFFFFF; background: linear-gradient(135deg,var(--color-button),var(--color-accent)); font-size: 18px; font-weight: 800; box-shadow: 0 12px 35px rgba(75,78,191,.2); }.process-card:nth-child(3) .process-number { background: linear-gradient(135deg,var(--color-accent),#9979EA); }.process-card:nth-child(4) .process-number { background: linear-gradient(135deg,#4188E4,var(--color-highlight)); }.process-card h3 { margin: 0 0 13px; font-size: 25px; }.process-card p { margin: 0; color: var(--color-body); line-height: 1.65; }

.included-section { background: #FFFFFF; }.deliverables-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin-top: 65px; }.deliverable-card { display: grid; grid-template-columns: auto 1fr; gap: 18px; padding: 24px; border: 1px solid #E4E7EF; border-radius: 20px; background: #FDFDFD; transition: border-color .2s ease,transform .2s ease,box-shadow .2s ease; }.deliverable-card:hover { transform: translateY(-3px); border-color: #C8D4F6; box-shadow: 0 15px 35px rgba(37,53,104,.08); }.line-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 13px; color: var(--color-button); background: #EDF2FF; font-size: 18px; font-weight: 800; }.deliverable-card h3 { margin: 2px 0 8px; font-size: 18px; letter-spacing: -.02em; }.deliverable-card p { margin: 0; color: var(--color-body); line-height: 1.6; font-size: 15px; }

.industries-section { background: var(--color-page); }.industries-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 65px; }.industry-card { position: relative; overflow: hidden; min-height: 330px; display: flex; flex-direction: column; padding: 30px; border: 1px solid rgba(59,72,123,.12); border-radius: 25px; background: #FFFFFF; box-shadow: 0 12px 35px rgba(36,45,82,.06); }.industry-card::after { content: ''; position: absolute; width: 180px; height: 180px; right: -70px; top: -70px; border-radius: 50%; background: var(--card-glow,#DBE6FF); opacity: .55; }.industry-2 { --card-glow:#D7F4EF; }.industry-3 { --card-glow:#F7E5D1; }.industry-4 { --card-glow:#E8DFFC; }.industry-5 { --card-glow:#D9EFF8; }.industry-6 { --card-glow:#E6EDCC; }.industry-label { position: relative; z-index: 1; align-self: flex-start; padding: 8px 11px; border-radius: 8px; background: #EDF2FF; color: var(--color-button); text-transform: uppercase; letter-spacing: .1em; font-size: 10px; font-weight: 850; }.industry-card h3 { position: relative; z-index: 1; margin: 25px 0 17px; font-size: 23px; letter-spacing: -.025em; }.industry-card blockquote { position: relative; z-index: 1; margin: 0; color: #3F4A6D; font-size: 17px; line-height: 1.55; font-weight: 720; }.industry-card p { position: relative; z-index: 1; margin: 15px 0; color: var(--color-body); font-size: 14px; line-height: 1.6; }.example-note { position: relative; z-index: 1; margin-top: auto; color: #8990A4; text-transform: uppercase; letter-spacing: .1em; font-size: 9px; font-weight: 800; }

.pricing-section { background: #17213F; color: #FFFFFF; }.pricing-wrap { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(50px,9vw,140px); align-items: center; max-width: 1240px; margin-inline: auto; }.pricing-copy .eyebrow { color: #9FDCE5; }.pricing-copy > p:not(.eyebrow) { max-width: 600px; margin: 25px 0; color: #CBD1E1; font-size: 18px; line-height: 1.7; }.check-list { display: grid; gap: 14px; margin: 30px 0 0; padding: 0; list-style: none; }.check-list li { position: relative; padding-left: 30px; color: #E4E7F0; }.check-list li::before { content: '✓'; position: absolute; left: 0; color: #61D5D4; font-weight: 900; }.price-card { padding: clamp(30px,4vw,52px); border: 1px solid rgba(255,255,255,.2); border-radius: 30px; color: var(--color-heading); background: #FFFFFF; box-shadow: 0 30px 80px rgba(0,0,0,.22); }.price-name { margin: 0; color: var(--color-button); font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }.price { margin: 22px 0 5px; font-size: clamp(66px,8vw,105px); font-weight: 800; line-height: .9; letter-spacing: -.07em; }.price > span { font-size: .42em; vertical-align: top; line-height: 1.5; }.price small { display: block; margin-top: 15px; color: #646D86; font-size: 16px; letter-spacing: 0; }.price-note { margin: 20px 0 27px; color: var(--color-body); }.price-card .button { width: 100%; }.price-fine { margin: 17px 0 0; color: #81889A; text-align: center; font-size: 12px; }

.trust-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(55px,9vw,140px); align-items: start; background: #FFFFFF; }.trust-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }.trust-item { padding: 24px; border-radius: 18px; background: #F5F6FA; }.trust-item > span { color: var(--color-highlight); font-size: 11px; font-weight: 850; letter-spacing: .12em; }.trust-item h3 { margin: 17px 0 8px; font-size: 18px; }.trust-item p { margin: 0; color: var(--color-body); font-size: 14px; line-height: 1.6; }

.faq-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(55px,9vw,140px); align-items: start; background: var(--color-page); }.faq-intro { position: sticky; top: 120px; }.faq-intro .text-link { margin-top: 25px; }.faq-list { border-top: 1px solid #D9DFE9; }.faq-item { border-bottom: 1px solid #D9DFE9; }.faq-item h3 { margin: 0; }.faq-item button { width: 100%; min-height: 78px; display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 20px 4px; border: 0; background: transparent; text-align: left; font-weight: 720; cursor: pointer; }.faq-item button i { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #CCD3E1; border-radius: 50%; color: var(--color-button); font-size: 20px; font-style: normal; transition: transform .2s ease; }.faq-item.is-open button i { transform: rotate(45deg); }.faq-answer p { margin: -2px 50px 24px 4px; color: var(--color-body); line-height: 1.7; }

.final-cta { position: relative; overflow: hidden; padding: clamp(90px,10vw,155px) clamp(22px,11vw,180px); color: #FFFFFF; background: linear-gradient(130deg,#2E5AE2,#704BDA 58%,#177F9F); text-align: center; }.final-content { position: relative; z-index: 2; max-width: 1050px; margin-inline: auto; }.final-content .eyebrow { justify-content: center; color: #C6F5F3; }.final-cta h2 { font-size: clamp(42px,5.3vw,76px); }.final-content .hero-actions { justify-content: center; }.button-light { color: var(--color-button); border-color: #FFFFFF; background: #FFFFFF; box-shadow: 0 12px 30px rgba(0,0,0,.16); }.button-ghost { color: #FFFFFF; border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.08); box-shadow: none; }.final-content > p:last-child { margin: 20px 0 0; color: #E5E8FA; font-size: 14px; }.final-orb { position: absolute; border-radius: 50%; filter: blur(4px); opacity: .25; }.orb-one { width: 440px; height: 440px; left: -130px; top: -180px; background: var(--color-highlight); }.orb-two { width: 380px; height: 380px; right: -100px; bottom: -210px; background: #C0ABFF; }

.enquiry-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(50px,8vw,120px); align-items: start; background: #FFFFFF; }.form-intro { position: sticky; top: 120px; }.form-side-note { margin-top: 35px; padding: 22px; border-radius: 16px; background: #EDF8F8; }.form-side-note p { margin: 8px 0 0; color: #56687C; line-height: 1.6; font-size: 14px; }.enquiry-form { padding: clamp(25px,4vw,48px); border: 1px solid #E0E4EE; border-radius: 28px; background: #FAFAFA; box-shadow: 0 20px 60px rgba(35,47,90,.08); }.form-help { margin: 0 0 30px; color: #697188; font-size: 13px; }.form-help span,.field label b { color: #C13D67; }.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }.form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px 18px; }.field { display: flex; flex-direction: column; gap: 7px; }.field-wide { grid-column: 1/-1; }.field label { color: #303A58; font-size: 13px; font-weight: 760; }.field label span,.field small { color: #868DA0; font-size: 11px; font-weight: 500; }.field input,.field textarea,.field select { width: 100%; border: 1px solid #CCD3E0; border-radius: 11px; padding: 13px 14px; color: var(--color-heading); background: #FFFFFF; transition: border-color .2s ease,box-shadow .2s ease; }.field input { min-height: 48px; }.field textarea { resize: vertical; }.field input:focus,.field textarea:focus,.field select:focus { border-color: var(--color-button); box-shadow: 0 0 0 3px rgba(47,103,246,.1); outline: 0; }.field [aria-invalid="true"] { border-color: #BD3B5E; }.field-error { margin: 0; color: #A7264C; font-size: 12px; }.form-submit { margin-top: 28px; }.form-submit:disabled { cursor: wait; opacity: .7; }.form-status p { margin: 20px 0 0; padding: 15px; border-radius: 10px; line-height: 1.5; }.form-status.error p { color: #752740; background: #FFF0F3; }.form-status.success p { color: #216345; background: #EAF8EF; }

.site-footer { display: grid; grid-template-columns: 1.4fr repeat(3,1fr); gap: 45px; padding: 70px clamp(22px,7vw,112px) 30px; color: #D5DAE8; background: #11182E; }.footer-brand { max-width: 410px; }.footer-brand p { color: #9FA8C0; line-height: 1.65; }.site-footer > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 13px; }.site-footer h2 { margin: 7px 0 10px; color: #FFFFFF; font-size: 13px; text-transform: uppercase; letter-spacing: .12em; }.site-footer a { font-size: 14px; }.site-footer a:hover { color: #65D4DC; }.site-footer span { color: #8F98B0; font-size: 13px; }.site-footer small { color: #7F889F; }.copyright { grid-column: 1/-1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 28px; margin: 35px 0 0; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.1); color: #808AA4; font-size: 12px; }.copyright .powered-by { #FFFFFF-space: nowrap; }.copyright .powered-by a { color: #CFD7EC; font-size: inherit; font-weight: 750; text-decoration: underline; text-decoration-color: rgba(101,212,220,.5); text-underline-offset: 3px; }.copyright .powered-by a:hover { color: #65D4DC; }.mobile-sticky-cta { display: none; }

@keyframes float-one { 0%,100% { transform: translate3d(0,0,0) rotate(-.35deg); } 50% { transform: translate3d(8px,-10px,0) rotate(.35deg); } }
@keyframes float-two { 0%,100% { transform: translate3d(0,0,0) rotate(.3deg); } 50% { transform: translate3d(-9px,-8px,0) rotate(-.4deg); } }
@keyframes float-three { 0%,100% { transform: translate3d(0,0,0) rotate(-.2deg); } 50% { transform: translate3d(6px,-9px,0) rotate(.25deg); } }
@keyframes card-shimmer { 0%,68%,100% { transform: translateX(-120%); opacity: 0; } 76% { opacity: .75; } 88% { transform: translateX(120%); opacity: 0; } }
@keyframes edge-shimmer { from { background-position: 100% 50%; } to { background-position: -100% 50%; } }
@keyframes signal-travel { 0% { top: 3px; opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { top: 71px; opacity: 0; } }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
@keyframes glow-breathe { 0%,100% { opacity: .78; transform: scale(.98); } 50% { opacity: 1; transform: scale(1.04); } }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(32,191,208,.55); } 100% { box-shadow: 0 0 0 14px rgba(32,191,208,0); } }
@keyframes drift { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes progress { from { transform: translateX(-10%); } to { transform: translateX(130%); } }

@media (max-width: 1080px) {
  .desktop-nav,.nav-cta { display: none; }.site-header { grid-template-columns: 1fr auto; }.menu-button { display: grid; gap: 5px; width: 46px; height: 46px; place-content: center; border: 1px solid var(--color-border); border-radius: 13px; background: #FFFFFF; cursor: pointer; }.menu-button span { width: 20px; height: 2px; border-radius: 2px; background: var(--color-heading); }.mobile-nav { position: absolute; display: grid; visibility: hidden; opacity: 0; transform: translateY(-8px); gap: 4px; top: 69px; left: 18px; right: 18px; padding: 15px; border: 1px solid var(--color-border); border-radius: 18px; background: #FFFFFF; box-shadow: 0 24px 60px rgba(41,51,91,.18); transition: opacity .2s ease,transform .2s ease,visibility .2s; }.mobile-nav.is-open { visibility: visible; opacity: 1; transform: none; }.mobile-nav > a:not(.button) { padding: 12px; border-radius: 9px; font-weight: 650; }.mobile-nav > a:not(.button):hover { background: #F2F4FA; }.hero { grid-template-columns: 1fr; }.hero-copy { max-width: 850px; }.answer-visual { max-width: 650px; width: 100%; margin: 0 auto; }.change-section,.trust-section,.faq-section,.enquiry-section { grid-template-columns: 1fr; }.faq-intro,.form-intro { position: static; }.industries-grid { grid-template-columns: repeat(2,1fr); }.site-footer { grid-template-columns: 1.5fr repeat(2,1fr); }.site-footer > div:nth-child(4) { grid-column: 2; }
}

@media (max-width: 760px) {
  .section { padding-block: 80px; }.split-heading,.pricing-wrap { grid-template-columns: 1fr; gap: 35px; }.process-track { grid-template-columns: 1fr; gap: 8px; }.process-line { left: 47px; right: auto; top: 70px; bottom: 70px; width: 4px; height: auto; }.process-line i { width: 100%; height: 45%; animation-name: progress-vertical; }.process-card { display: grid; grid-template-columns: 78px 1fr; column-gap: 20px; text-align: left; padding: 0 0 25px; }.process-number { grid-row: span 2; width: 76px; height: 76px; margin: 0; border-width: 8px; }.process-card h3 { align-self: end; }.process-card p { grid-column: 2; }.deliverables-grid { grid-template-columns: 1fr; }.industries-grid { grid-template-columns: 1fr; }.trust-grid { grid-template-columns: 1fr; }.site-footer { grid-template-columns: repeat(2,1fr); }.footer-brand { grid-column: 1/-1; }.site-footer > div:nth-child(4) { grid-column: auto; }
  @keyframes progress-vertical { from { transform: translateY(-10%); } to { transform: translateY(130%); } }
}

@media (max-width: 600px) {
  body { padding-bottom: 70px; }.site-header { height: 68px; padding-inline: 16px; }.brand-logo-image { width: 184px; }.hero { min-height: auto; padding: 58px 20px 70px; }.hero h1 { font-size: clamp(44px,13vw,62px); }.hero h1 > span { display: inline; #FFFFFF-space: normal; }.hero h1 > span:not(:last-child)::after { content: ' '; }.hero-lede { font-size: 17px; }.hero-lede > span { #FFFFFF-space: normal; }.hero-actions { display: grid; }.button { width: 100%; }.reassurance { align-items: flex-start; line-height: 1.5; }.answer-visual { min-height: 500px; }.question-card { width: 88%; font-size: 13px; }.answer-card { left: 0; right: 0; padding: 20px; }.section h2,.final-cta h2 { font-size: 39px; }.change-section { gap: 45px; }.question-cloud { padding: 28px 17px; }.question-cloud span { font-size: 13px; padding: 11px 13px; }.opportunity-note { font-size: 14px; }.deliverable-card { padding: 20px; }.industry-card { min-height: 310px; }.pricing-section { padding-inline: 18px; }.price-card { padding: 30px 23px; }.price { font-size: 76px; }.faq-item button { min-height: 70px; }.final-cta { padding-inline: 20px; }.enquiry-section { padding-inline: 16px; }.enquiry-form { padding: 25px 18px; border-radius: 20px; }.form-grid { grid-template-columns: 1fr; }.field-wide { grid-column: auto; }.site-footer { grid-template-columns: 1fr; padding-bottom: 45px; }.footer-brand,.site-footer > div:nth-child(4) { grid-column: auto; }.mobile-sticky-cta { position: fixed; z-index: 45; left: 10px; right: 10px; bottom: 8px; min-height: 54px; display: flex; align-items: center; justify-content: center; border: 1px solid #4C71EF; border-radius: 14px; color: #FFFFFF; background: linear-gradient(135deg,var(--color-button),#6754DD); font-size: 14px; font-weight: 800; box-shadow: 0 14px 35px rgba(32,45,91,.28); }.copyright { margin-top: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }*,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; }
}

/* Industry directory and landing pages */
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); #FFFFFF-space: nowrap; border: 0; }
.industries-all-link { display: flex; justify-content: center; margin-top: 35px; }
.industry-site-header { background: rgba(251,250,246,.96); }
.industry-index-hero { position: relative; overflow: hidden; display: grid; justify-items: center; padding: clamp(90px,10vw,150px) 22px 80px; text-align: center; background: radial-gradient(circle at 18% 22%,rgba(32,191,208,.13),transparent 24%),radial-gradient(circle at 83% 38%,rgba(116,86,232,.13),transparent 25%),var(--color-page); }
.industry-index-hero::after { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(47,103,246,.11) 1px,transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(to bottom,transparent,#000000 35%,transparent 88%); }
.industry-index-hero > * { position: relative; z-index: 1; }
.industry-index-hero .eyebrow { justify-content: center; color: #4E5F91; }
.industry-index-hero h1 { max-width: 920px; font-size: clamp(52px,7vw,96px); }
.industry-index-hero > p:not(.eyebrow) { max-width: 760px; margin: 28px 0 0; color: var(--color-body); font-size: clamp(18px,1.6vw,22px); line-height: 1.65; }
.industry-index-hero .hero-actions { justify-content: center; }
.industry-hero-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 55px; }
.industry-hero-stats span { min-width: 150px; padding: 16px 22px; border: 1px solid rgba(72,85,135,.12); border-radius: 15px; color: #697188; background: rgba(255,255,255,.75); box-shadow: 0 10px 30px rgba(36,45,82,.05); }
.industry-hero-stats strong { display: block; color: var(--color-heading); font-size: 24px; }
.industry-index-section { padding: 105px clamp(22px,6vw,94px) 130px; background: #FFFFFF; }
.industry-index-section .section-heading { margin-inline: auto; }
.industry-directory { max-width: 1350px; margin: 58px auto 0; }
.industry-search-wrap { position: relative; max-width: 590px; margin: 0 auto; }
.industry-search-wrap > span { position: absolute; left: 20px; top: 50%; color: #6D758B; font-size: 25px; transform: translateY(-54%); }
.industry-search-wrap input { width: 100%; height: 62px; padding: 0 22px 0 56px; border: 1px solid #D9DFEA; border-radius: 18px; color: var(--color-heading); background: #FFFFFF; box-shadow: 0 10px 30px rgba(36,45,82,.07); outline: 0; }
.industry-search-wrap input:focus { border-color: var(--color-button); box-shadow: 0 0 0 4px rgba(47,103,246,.1),0 12px 34px rgba(36,45,82,.08); }
.industry-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin: 25px auto 0; }
.industry-filters button { min-height: 41px; padding: 0 16px; border: 1px solid #DCE1EA; border-radius: 999px; color: #555F77; background: #FFFFFF; cursor: pointer; transition: color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease; }
.industry-filters button:hover { transform: translateY(-1px); border-color: #AAB9E5; }
.industry-filters button.is-active { border-color: var(--color-button); color: #FFFFFF; background: var(--color-button); box-shadow: 0 7px 17px rgba(47,103,246,.2); }
.industry-count { margin: 30px 0 18px; color: #858DA0; text-align: center; font-size: 13px; }
.industry-library-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.industry-library-card { position: relative; min-height: 285px; display: flex; flex-direction: column; padding: 25px; border: 1px solid #E5E8F0; border-radius: 22px; background: #FFFFFF; box-shadow: 0 9px 28px rgba(36,45,82,.05); transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.industry-library-card:hover { transform: translateY(-5px); border-color: #BFCBF0; box-shadow: 0 20px 42px rgba(38,53,107,.11); }
.industry-library-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; color: #315FD6; background: linear-gradient(145deg,#EDF2FF,#E6FAF8); font-size: 14px; font-weight: 850; }
.industry-library-category { margin-top: 21px; color: #6F7891; text-transform: uppercase; letter-spacing: .09em; font-size: 9px; font-weight: 800; }
.industry-library-card h2 { margin: 8px 0 11px; font-size: 21px; letter-spacing: -.03em; }
.industry-library-card p { margin: 0 0 22px; color: var(--color-body); font-size: 14px; line-height: 1.6; }
.industry-library-link { margin-top: auto; color: var(--color-button); font-size: 13px; font-weight: 780; }
.industry-library-link b { margin-left: 5px; }
.industry-empty { max-width: 620px; margin: 40px auto 0; padding: 45px; border-radius: 24px; background: #F4F6FA; text-align: center; }
.industry-empty h2 { margin: 0; font-size: 28px; }
.industry-empty p { margin: 14px 0 25px; color: var(--color-body); line-height: 1.6; }
.industry-index-cta { display: grid; justify-items: center; padding: clamp(85px,9vw,135px) 22px; color: #FFFFFF; text-align: center; background: linear-gradient(130deg,#2E5AE2,#704BDA 58%,#177F9F); }
.industry-index-cta .eyebrow { justify-content: center; color: #C6F5F3; }
.industry-index-cta h2 { max-width: 850px; margin: 0; font-size: clamp(40px,5vw,72px); line-height: 1.05; letter-spacing: -.05em; }
.industry-index-cta > p:not(.eyebrow) { max-width: 680px; margin: 24px 0 30px; color: #E5E8FA; font-size: 18px; line-height: 1.65; }
.compact-footer { grid-template-columns: 1.5fr 1fr 1fr; }
.compact-footer .copyright { grid-column: 1/-1; }
.industry-detail-hero { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(50px,8vw,120px); align-items: center; min-height: 720px; padding: clamp(80px,9vw,135px) clamp(22px,7vw,112px); background: radial-gradient(circle at 79% 43%,rgba(32,191,208,.16),transparent 27%),var(--color-page); }
.industry-detail-copy > p:not(.eyebrow,.reassurance) { max-width: 690px; margin: 28px 0 0; color: var(--color-body); font-size: 20px; line-height: 1.7; }
.industry-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; color: #707991; font-size: 13px; }
.industry-breadcrumbs a { color: var(--color-button); font-weight: 730; }
.industry-detail-copy h1 { font-size: clamp(50px,5.4vw,82px); }
.industry-question-panel { position: relative; overflow: hidden; padding: clamp(30px,4vw,50px); border: 1px solid rgba(69,84,141,.13); border-radius: 32px; background: rgba(255,255,255,.9); box-shadow: 0 28px 75px rgba(47,103,246,.13); }
.industry-question-panel::after { content: ''; position: absolute; width: 240px; height: 240px; right: -100px; top: -100px; border-radius: 50%; background: #DFF7F3; opacity: .75; }
.industry-question-panel > * { position: relative; z-index: 1; }
.industry-question-panel > p { margin: 30px 0 12px; color: #7B8499; text-transform: uppercase; letter-spacing: .1em; font-size: 10px; font-weight: 800; }
.industry-question-panel blockquote { margin: 0; color: #2A3554; font-size: clamp(25px,2.6vw,39px); line-height: 1.28; letter-spacing: -.035em; font-weight: 750; }
.question-answer { display: grid; grid-template-columns: auto 1fr; gap: 14px; margin-top: 34px; padding-top: 25px; border-top: 1px solid #E1E5EE; }
.question-answer > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; color: #FFFFFF; background: linear-gradient(135deg,var(--color-highlight),var(--color-button)); font-weight: 900; }
.question-answer p { margin: 0; color: var(--color-body); line-height: 1.6; }
.question-answer strong { display: block; margin-bottom: 5px; color: var(--color-heading); }
.industry-context-section { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px,8vw,120px); padding: clamp(90px,9vw,135px) clamp(22px,7vw,112px); background: #F7F8FC; }
.industry-context-lead h2 { margin: 0; font-size: clamp(40px,4.4vw,66px); line-height: 1.06; letter-spacing: -.048em; }
.industry-context-lead > p:not(.eyebrow) { margin: 24px 0 0; color: var(--color-body); font-size: 17px; line-height: 1.75; }
.industry-context-lead strong { color: #303B5B; }
.industry-context-notes { display: grid; gap: 15px; }
.industry-context-notes article { padding: clamp(27px,3vw,38px); border: 1px solid #E0E5F0; border-radius: 24px; background: #FFFFFF; box-shadow: 0 14px 40px rgba(36,45,82,.05); }
.industry-context-notes span { color: var(--color-button); text-transform: uppercase; letter-spacing: .1em; font-size: 10px; font-weight: 850; }
.industry-context-notes h3 { margin: 22px 0 10px; font-size: 23px; }
.industry-context-notes p { margin: 0; color: var(--color-body); line-height: 1.7; }
.industry-detail-section,.industry-included-section { padding: clamp(90px,9vw,140px) clamp(22px,7vw,112px); background: #FFFFFF; }
.industry-priority-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 60px; }
.industry-priority-grid article { padding: 32px; border: 1px solid #E2E6EF; border-radius: 24px; background: #FBFCFE; }
.industry-priority-grid article > span { color: var(--color-highlight); font-size: 13px; font-weight: 850; }
.industry-priority-grid h3 { margin: 35px 0 13px; font-size: 24px; }
.industry-priority-grid p { margin: 0; color: var(--color-body); line-height: 1.7; }
.industry-answer-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(50px,8vw,120px); align-items: center; padding: clamp(90px,9vw,135px) clamp(22px,7vw,112px); background: #F3F1FD; }
.industry-answer-section h2 { margin: 0; font-size: clamp(40px,4.5vw,68px); line-height: 1.05; letter-spacing: -.05em; }
.industry-answer-steps { display: grid; grid-template-columns: 1fr auto 1fr; gap: 17px; align-items: center; }
.industry-answer-steps article { min-height: 245px; padding: 30px; border-radius: 24px; background: #FFFFFF; box-shadow: 0 15px 40px rgba(42,48,94,.07); }
.industry-answer-steps article > span { color: var(--color-button); text-transform: uppercase; letter-spacing: .1em; font-size: 10px; font-weight: 850; }
.industry-answer-steps h3 { margin: 34px 0 12px; font-size: 24px; }
.industry-answer-steps p { margin: 0; color: var(--color-body); line-height: 1.65; }
.industry-answer-steps > b { color: var(--color-button); font-size: 24px; }
.industry-included-section .section-heading { margin-inline: auto; }
.industry-included-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; max-width: 1200px; margin: 60px auto 0; }
.industry-included-grid article { padding: 27px; border: 1px solid #E4E7EF; border-radius: 20px; background: #FDFDFD; }
.industry-included-grid article > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: var(--color-button); background: #EDF2FF; font-weight: 800; }
.industry-included-grid h3 { margin: 22px 0 9px; font-size: 19px; }
.industry-included-grid p { margin: 0; color: var(--color-body); line-height: 1.6; }
.industry-cta-back { margin-top: 20px; color: #E5E8FA; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.industry-faq-section { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(50px,8vw,120px); padding: clamp(90px,9vw,135px) clamp(22px,7vw,112px); background: #FBFAF6; }
.industry-faq-section h2 { margin: 0; font-size: clamp(38px,4.2vw,62px); line-height: 1.07; letter-spacing: -.046em; }
.industry-faq-list { border-top: 1px solid #D9DFE9; }
.industry-faq-list article { padding: 27px 4px; border-bottom: 1px solid #D9DFE9; }
.industry-faq-list h3 { margin: 0 0 12px; font-size: 19px; }
.industry-faq-list p { margin: 0; color: var(--color-body); line-height: 1.72; }
.related-industries-section { padding: clamp(80px,8vw,120px) clamp(22px,7vw,112px); background: #FFFFFF; }
.related-industries-section > div:first-child { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.related-industries-section h2 { margin: 0; font-size: clamp(38px,4vw,58px); letter-spacing: -.045em; }
.related-industries-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 45px; }
.related-industries-grid > a { display: flex; flex-direction: column; min-height: 255px; padding: 27px; border: 1px solid #E3E7F0; border-radius: 22px; background: #FCFDFE; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.related-industries-grid > a:hover { transform: translateY(-4px); border-color: #BECBF0; box-shadow: 0 17px 36px rgba(38,53,107,.09); }
.related-industries-grid h3 { margin: 22px 0 10px; font-size: 21px; }
.related-industries-grid p { margin: 0 0 18px; color: var(--color-body); font-size: 14px; line-height: 1.6; }
.related-industries-grid b { margin-top: auto; color: var(--color-button); font-size: 13px; }

@media (max-width: 1080px) {
  .industry-library-grid { grid-template-columns: repeat(3,1fr); }
  .industry-detail-hero,.industry-answer-section,.industry-context-section,.industry-faq-section { grid-template-columns: 1fr; }
  .industry-question-panel { max-width: 720px; }
}

@media (max-width: 760px) {
  .industry-library-grid { grid-template-columns: repeat(2,1fr); }
  .industry-priority-grid,.industry-included-grid,.related-industries-grid { grid-template-columns: 1fr; }
  .compact-footer { grid-template-columns: 1fr 1fr; }
  .industry-answer-steps { grid-template-columns: 1fr; }
  .industry-answer-steps > b { justify-self: center; transform: rotate(90deg); }
}

@media (max-width: 560px) {
  .industry-index-hero { padding-top: 70px; }
  .industry-index-hero h1 { font-size: 49px; }
  .industry-hero-stats { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .industry-hero-stats span { min-width: 0; }
  .industry-hero-stats span:last-child { grid-column: 1/-1; }
  .industry-index-section { padding-inline: 16px; }
  .industry-library-grid { grid-template-columns: 1fr; }
  .industry-library-card { min-height: 260px; }
  .industry-filters { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 8px; }
  .industry-filters button { flex: 0 0 auto; }
  .industry-detail-hero { min-height: 0; padding: 62px 18px 80px; }
  .industry-detail-copy h1 { font-size: 48px; }
  .industry-question-panel { padding: 27px 22px; border-radius: 24px; }
  .compact-footer { grid-template-columns: 1fr; }
}

.no-js .reveal { opacity: 1; transform: none; }
.no-js .faq-answer[hidden] { display: block !important; }
[hidden] { display: none !important; }

.legal-page { max-width: 900px; min-height: 65vh; padding: clamp(80px,9vw,135px) clamp(22px,7vw,80px); margin-inline: auto; }
.legal-page h1 { margin-bottom: 35px; }
.legal-page h2 { margin: 42px 0 12px; font-size: 25px; }
.legal-page p { color: var(--color-body); font-size: 17px; line-height: 1.75; }
.legal-note { margin-top: 45px; padding: 22px; border: 1px solid #DCE2EE; border-radius: 16px; background: #F5F7FB; }
.contact-page-hero { padding-bottom: 65px; }
.contact-enquiry-section { padding-top: 85px; }



/* Keep Be the Answer primary, with a smaller WeWeb endorsement. */
.site-header {
  height: 100px;
}

html {
  scroll-padding-top: 110px;
}

.hero {
  min-height: calc(100vh - 100px);
}

.site-branding {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}

.weweb-endorsement {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 0 8px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: #FFFFFF;
  color: var(--color-body);
  white-space: nowrap;
}

.weweb-endorsement > span {
  color: var(--color-body);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

.weweb-logo-image {
  display: block;
  width: 110px;
  height: auto;
}

.site-branding .weweb-endorsement {
  justify-content: flex-start;
  gap: 6px;
  margin-top: -9px;
  margin-left: 64px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.site-branding .weweb-endorsement > span {
  font-size: 10px;
  font-weight: 400;
}

.site-branding .weweb-logo-image {
  width: 62px;
}

.footer-affiliation {
  margin-top: 14px;
}

.price-affiliation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--color-border);
}

.price-affiliation .price-fine {
  margin: 0;
  line-height: 1.5;
}

@media (max-width: 1080px) {
  .mobile-nav {
    top: 99px;
  }
}

@media (max-width: 600px) {
  .site-header {
    height: 88px;
    gap: 16px;
  }

  html {
    scroll-padding-top: 98px;
  }

  .mobile-nav {
    top: 87px;
  }

  .hero {
    min-height: auto;
  }
}

@media (max-width: 600px) {
  .site-branding .weweb-endorsement {
    margin-top: -6px;
    margin-left: 54px;
  }

  .site-branding .weweb-logo-image {
    width: 58px;
  }
}