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

:root {
  --ink: #1b2032;
  --ink-soft: #41475b;
  --muted: #73788b;
  --muted-light: #9599a8;
  --paper: #f8f8fc;
  --white: #ffffff;
  --line: #e9e9f1;
  --lavender: #dcd8ff;
  --lavender-strong: #7968f8;
  --violet-deep: #4738bd;
  --mint: #b7efcf;
  --green: #28684a;
  --navy: #252b45;
  --shadow-soft: 0 16px 42px rgba(32, 33, 64, .06);
  --shadow-card: 0 24px 72px rgba(43, 39, 105, .12);
  --radius: 22px;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Manrope', 'DM Sans', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font-body); font-size: 15px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; }
a { color: inherit; text-decoration: none; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid rgba(121, 104, 248, .38); outline-offset: 3px; }
::selection { color: var(--ink); background: #dcd8ff; }
.container { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
.section-pad { padding: 108px 0; }
.section-pad-small { padding: 72px 0; }
.skip-link { position: absolute; z-index: 1000; top: -60px; left: 20px; padding: 10px 15px; background: white; border-radius: 10px; box-shadow: var(--shadow-soft); }
.skip-link:focus { top: 12px; }
.announcement-bar { min-height: 37px; padding: 8px 24px; display: flex; justify-content: center; align-items: center; gap: 9px; background: #252b45; color: #eeefff; font-size: 11px; letter-spacing: .01em; text-align: center; }
.announcement-bar a { color: var(--mint); font-weight: 700; margin-left: 6px; white-space: nowrap; }
.announcement-dot, .status-live i { display: inline-block; width: 6px; height: 6px; background: var(--mint); border-radius: 50%; }
.site-header { position: sticky; z-index: 100; top: 0; background: rgba(248, 248, 252, .9); border-bottom: 1px solid rgba(230, 230, 240, .8); backdrop-filter: blur(18px); }
.nav-shell { display: flex; align-items: center; justify-content: space-between; height: 77px; }
.brand { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-size: 22px; font-weight: 800; letter-spacing: -1.1px; color: var(--ink); }
.brand-mark { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 11px; background: var(--ink); color: white; }
.brand-mark svg { width: 29px; height: 29px; }
.brand-accent { color: #7868f5; }
.brand-period { color: #85d7ac; }
.primary-nav { display: flex; gap: 32px; align-items: center; color: #555a6b; font-size: 13px; font-weight: 600; }
.primary-nav > a:not(.nav-cta):hover, .footer-links a:hover { color: var(--lavender-strong); }
.nav-cta { color: white; background: var(--ink); border-radius: 999px; padding: 11px 17px; margin-left: 4px; transition: transform .2s, background .2s; }
.nav-cta:hover { transform: translateY(-1px); background: #343a59; }
.nav-cta span { color: var(--mint); margin-left: 7px; }
.mobile-menu-toggle { display: none; }

.hero-section { position: relative; isolation: isolate; overflow: hidden; padding-top: 83px; padding-bottom: 34px; background: linear-gradient(180deg, #fbfbff 0%, #f8f8fc 76%, #f8f8fc 100%); }
.hero-section::before { position: absolute; z-index: -1; content: ''; top: -210px; right: -125px; width: 740px; height: 740px; border-radius: 50%; background: radial-gradient(circle at center, rgba(218, 215, 255, .56) 0, rgba(232, 230, 255, .28) 39%, rgba(248, 248, 252, 0) 68%); }
.hero-section::after { position: absolute; z-index: -1; content: ''; bottom: -180px; left: -190px; width: 430px; height: 430px; border-radius: 50%; background: radial-gradient(circle, rgba(187, 243, 214, .24), transparent 68%); }
.hero-grid { display: grid; grid-template-columns: 1fr .93fr; align-items: center; gap: 55px; min-height: 543px; }
.hero-copy { position: relative; z-index: 2; padding-bottom: 14px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #6d61d8; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.eyebrow-icon { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid #e2ddff; border-radius: 7px; background: #f0eeff; font-size: 12px; }
.hero-copy h1 { margin: 21px 0 20px; max-width: 590px; font-family: var(--font-display); font-size: clamp(43px, 5.15vw, 67px); line-height: 1.08; letter-spacing: -3.6px; font-weight: 800; }
.headline-highlight { position: relative; z-index: 0; white-space: nowrap; }
.headline-highlight::after { position: absolute; z-index: -1; content: ''; height: 15px; left: 3px; right: -5px; bottom: 1px; border-radius: 4px; background: #c8f3d9; transform: rotate(-1.3deg); }
.hero-intro { max-width: 530px; margin: 0; color: #686d80; font-size: 15px; line-height: 1.85; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 21px; border: 1px solid transparent; border-radius: 11px; padding: 0 18px; font-size: 13px; font-weight: 700; line-height: 1.2; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: white; background: var(--ink); box-shadow: 0 8px 18px rgba(29, 34, 57, .13); }
.button-primary:hover { background: #343a59; box-shadow: 0 12px 26px rgba(29, 34, 57, .18); }
.button-arrow { display: inline-grid; place-items: center; width: 23px; height: 23px; border-radius: 7px; background: rgba(255,255,255,.15); color: var(--mint); font-size: 15px; }
.button-quiet { gap: 11px; color: #44495d; background: transparent; border-color: #e8e8f1; }
.button-quiet:hover { background: white; border-color: #dad6fa; }
.play-icon { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; color: #6559d7; background: #ebe8ff; font-size: 12px; }
.hero-proof-row { display: flex; gap: 13px; align-items: center; margin-top: 35px; }
.proof-avatars { display: flex; padding-left: 2px; }
.proof-avatars span { display: grid; place-items: center; width: 32px; height: 32px; margin-left: -3px; border: 2px solid var(--paper); border-radius: 50%; background: #dcd8ff; color: #4d439e; font-size: 8px; font-weight: 800; }
.proof-avatars span:nth-child(2) { background: #b9efd0; color: #265f47; }
.proof-avatars span:nth-child(3) { background: #f9d7c6; color: #8a4e33; }
.hero-proof-row > div:last-child { display: flex; flex-direction: column; gap: 1px; }
.hero-proof-row strong { font-size: 11px; font-weight: 700; }
.hero-proof-row span { color: #85899a; font-size: 10px; }
.hero-mini-stats { display: flex; align-items: center; gap: 22px; margin-top: 38px; padding-top: 23px; border-top: 1px solid #e8e8f0; max-width: 500px; }
.hero-mini-stats div { display: flex; flex-direction: column; gap: 1px; }
.hero-mini-stats strong { font-family: var(--font-display); font-size: 23px; letter-spacing: -.8px; line-height: 1.15; }
.hero-mini-stats strong span { color: #7d70ee; }
.hero-mini-stats div > span { color: #7a7e8f; font-size: 10px; }
.hero-mini-stats i { height: 31px; width: 1px; background: #e1e1ed; }
.hero-visual { position: relative; display: flex; align-items: center; justify-content: center; min-height: 560px; }
.dashboard-card { position: relative; z-index: 2; width: min(100%, 430px); border: 1px solid rgba(230, 228, 247, .95); border-radius: 22px; padding: 18px 19px 15px; background: rgba(255,255,255,.92); box-shadow: var(--shadow-card); transform: rotate(1.1deg); }
.dashboard-topline { display: flex; align-items: center; gap: 9px; padding-bottom: 18px; border-bottom: 1px solid #f0eff6; }
.window-dots { display: flex; gap: 4px; }
.window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #f3bcae; }
.window-dots i:nth-child(2) { background: #f1d797; }
.window-dots i:nth-child(3) { background: #aee5c7; }
.dashboard-label, .mini-label, .form-eyebrow { color: #999bae; font-size: 9px; font-weight: 700; letter-spacing: .11em; }
.status-live { display: inline-flex; gap: 5px; align-items: center; margin-left: auto; padding: 4px 7px; border-radius: 7px; background: #f1f9f4; color: #43835e; font-size: 9px; font-weight: 700; }
.status-live i { width: 5px; height: 5px; background: #61bd88; }
.profile-person-row { display: flex; align-items: center; gap: 11px; padding: 18px 0 16px; }
.profile-monogram { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 14px; background: #eae7ff; color: #6256c4; font-family: var(--font-display); font-weight: 800; }
.profile-person-row > div:nth-child(2) { display: flex; flex-direction: column; }
.profile-person-row strong { font-size: 13px; }
.profile-person-row span { font-size: 10px; color: #878b9b; }
.profile-person-row .sparkle-mark { margin-left: auto; color: #988bf6; font-size: 20px; }
.score-panel { display: flex; align-items: center; justify-content: space-between; padding: 16px 19px; background: linear-gradient(120deg,#faf9ff,#f5f2ff); border: 1px solid #f0edff; border-radius: 15px; }
.score-copy > div { display: flex; align-items: baseline; gap: 4px; margin: 4px 0 1px; }
.score-copy > div strong { font-family: var(--font-display); font-size: 35px; letter-spacing: -1.3px; line-height: 1.15; }
.score-copy > div span { color: #9c9eb1; font-size: 11px; }
.score-copy small { font-size: 9px; color: #9295a7; }
.score-ring { display: grid; place-items: center; width: 78px; height: 78px; padding: 6px; border-radius: 50%; background: conic-gradient(#8c80f5 0 82%, #e7e4fb 82% 100%); }
.score-ring > div { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background: #fbfaff; }
.score-ring strong { font-size: 17px; line-height: 1.3; }
.score-ring span { color: #9a96bd; font-size: 7px; font-weight: 800; letter-spacing: .12em; }
.signal-heading { display: flex; align-items: center; justify-content: space-between; padding: 18px 0 9px; }
.signal-heading strong { font-size: 11px; }
.signal-heading span { color: #a6a8b6; font-size: 8px; }
.signal-row { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-top: 1px solid #f0eff6; }
.signal-status { display: grid; place-items: center; width: 26px; height: 26px; flex: 0 0 26px; border-radius: 8px; font-size: 13px; font-weight: 800; }
.signal-good { background: #e6f6ed; color: #328b59; }
.signal-warn { background: #fff3e3; color: #bd803e; }
.signal-row > div { display: flex; flex-direction: column; min-width: 0; }
.signal-row > div strong { font-size: 10px; font-weight: 700; }
.signal-row > div small { color: #9b9eae; font-size: 9px; }
.signal-tag { margin-left: auto; padding: 4px 7px; border-radius: 7px; font-size: 8px; font-weight: 700; white-space: nowrap; }
.tag-green { color: #34865a; background: #eef9f2; }
.tag-amber { color: #aa793f; background: #fff6e8; }
.dashboard-footer { display: flex; gap: 7px; align-items: center; margin-top: 8px; padding-top: 12px; border-top: 1px solid #f0eff6; color: #777b8d; font-size: 9px; }
.footer-spark { color: #7769e6; }.footer-plus { margin-left: auto; color: #8b83d7; font-size: 18px; }
.floating-note { position: absolute; z-index: 4; display: flex; align-items: center; gap: 9px; padding: 12px 14px; border: 1px solid rgba(235, 233, 246, .9); border-radius: 14px; background: rgba(255,255,255,.94); box-shadow: 0 12px 28px rgba(54, 49, 97, .08); }
.note-top { top: 33px; right: -16px; }.note-bottom { bottom: 33px; left: -23px; }
.note-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; font-size: 16px; }.note-icon.mint { color: #327a50; background: #e2f8eb; }.note-icon.violet { color: #6455cc; background: #eeebff; }
.floating-note span:last-child { display: flex; flex-direction: column; }.floating-note strong { font-size: 10px; }.floating-note small { color: #9295a5; font-size: 9px; }
.decor-grid { position: absolute; z-index: 0; top: 90px; left: 8px; width: 95px; height: 95px; opacity: .45; background-image: radial-gradient(#b5b0ea 1.3px, transparent 1.3px); background-size: 13px 13px; }
.hero-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 31px; padding-top: 22px; border-top: 1px solid #e8e8f1; }
.hero-bottom > span { color: #a0a3b0; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.role-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.role-chips span { border: 1px solid #e5e5f0; border-radius: 999px; padding: 5px 11px; color: #777b8c; background: rgba(255,255,255,.55); font-size: 10px; }

.problem-section { background: white; border-top: 1px solid #f0f0f6; border-bottom: 1px solid #f0f0f6; }
.problem-grid { display: grid; grid-template-columns: .6fr 1.15fr 1fr; gap: 40px; align-items: start; }
.section-kicker { padding-top: 9px; color: #9699a9; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.kicker-line { width: 40px; height: 2px; margin-top: 17px; background: #9b8fff; }
.problem-copy h2, .section-heading h2, .process-head h2, .about-copy h2, .faq-layout h2 { margin: 0; font-family: var(--font-display); font-weight: 800; font-size: clamp(28px, 3.4vw, 41px); line-height: 1.22; letter-spacing: -1.7px; }
.problem-copy h2 span, .section-heading h2 span, .process-head h2 span, .about-copy h2 span { color: #8174eb; }
.problem-copy p { max-width: 470px; margin: 17px 0 0; color: #777b8e; font-size: 13px; line-height: 1.85; }
.problem-items { display: flex; flex-direction: column; gap: 19px; padding-top: 2px; }
.problem-items > div { display: flex; align-items: flex-start; gap: 12px; }
.problem-symbol { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; background: #f2f0ff; color: #7868ed; font-size: 17px; }
.problem-items > div:nth-child(2) .problem-symbol { color: #40845e; background: #e8f7ee; }
.problem-items > div:nth-child(3) .problem-symbol { color: #b7774e; background: #fff0e6; }
.problem-items > div > span:last-child { display: flex; flex-direction: column; padding-top: 1px; }.problem-items strong { font-size: 12px; }.problem-items small { margin-top: 2px; color: #8a8e9f; font-size: 10px; line-height: 1.6; }

.services-section { background: #f8f8fc; }
.section-heading { max-width: 720px; margin: 0 auto 52px; }
.centered-heading { text-align: center; }.centered-heading .eyebrow { justify-content: center; }
.section-heading h2 { margin-top: 17px; font-size: clamp(34px, 4vw, 46px); }
.section-heading p { margin: 15px auto 0; color: #7d8193; font-size: 13px; }
.services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.service-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 280px; padding: 23px 20px 20px; overflow: hidden; border: 1px solid #eaeaf3; border-radius: 17px; background: white; box-shadow: 0 7px 22px rgba(41,40,80,.02); transition: transform .22s ease, border .22s ease, box-shadow .22s ease; }
.service-card:hover { transform: translateY(-4px); border-color: #d9d5ff; box-shadow: var(--shadow-soft); }
.service-featured { background: #f2f0ff; border-color: #e5e0ff; }
.service-last { background: #f9fbf6; }
.service-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 13px; }
.service-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.icon-lavender { background: #e5e1ff; color: #6c5bd9; }.icon-mint { background: #e0f7e8; color: #2c8b57; }.icon-peach { background: #ffede3; color: #bc704a; }.icon-blue { background: #e2f0ff; color: #4a7fb6; }.icon-lime { background: #edf6db; color: #6c8c35; }
.service-number { position: absolute; top: 26px; right: 21px; color: #b2b3c1; font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.service-card h3 { margin: 18px 0 8px; max-width: 220px; font-family: var(--font-display); font-size: 15px; line-height: 1.4; letter-spacing: -.3px; }
.service-card p { margin: 0 0 18px; color: #777b8d; font-size: 11px; line-height: 1.8; }
.text-link { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: #6255cf; font-size: 10px; font-weight: 700; }
.text-link span { font-size: 13px; transition: transform .2s; }.text-link:hover span { transform: translate(2px,-2px); }

.audit-section { position: relative; overflow: hidden; color: white; background: #252b45; }
.audit-section::before { position: absolute; content: ''; top: -210px; left: -165px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(106,96,209,.23), transparent 68%); }
.audit-section::after { position: absolute; content: ''; right: -170px; bottom: -310px; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(143, 220, 178, .09), transparent 66%); }
.audit-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .83fr 1.17fr; gap: 70px; align-items: start; }
.eyebrow-light { color: #c1b9ff; }.eyebrow-light .eyebrow-icon { color: #c1b9ff; background: rgba(164,151,255,.12); border-color: rgba(164,151,255,.2); }
.audit-intro { position: sticky; top: 116px; padding-top: 24px; }
.audit-intro h2, .booking-copy h2 { margin: 20px 0 17px; font-family: var(--font-display); font-size: clamp(34px, 4vw, 48px); font-weight: 800; line-height: 1.15; letter-spacing: -2px; }
.audit-intro > p, .booking-copy > p { max-width: 400px; color: #c1c5d5; font-size: 13px; line-height: 1.9; }
.audit-benefits { display: flex; flex-direction: column; gap: 13px; margin-top: 28px; }
.audit-benefits > div { display: flex; align-items: center; gap: 10px; color: #e1e3ef; font-size: 12px; }
.audit-benefits span, .booking-list span { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 7px; color: #a3edc1; background: rgba(183,239,207,.11); font-size: 11px; font-weight: 800; }
.privacy-note { display: flex; gap: 12px; max-width: 375px; margin-top: 47px; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.13); }
.privacy-note svg { width: 24px; height: 24px; flex: 0 0 24px; fill: none; stroke: #a7e9bf; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.privacy-note span { display: flex; flex-direction: column; }.privacy-note strong { color: #f2f2fc; font-size: 11px; }.privacy-note small { margin-top: 3px; color: #a3a8bf; font-size: 10px; line-height: 1.7; }
.audit-form-card { padding: 30px 30px 27px; border-radius: 21px; color: var(--ink); background: #fff; box-shadow: 0 28px 80px rgba(8,10,35,.22); }
.form-card-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 24px; }
.form-eyebrow { color: #8a80e0; }
.form-card-heading h3, .booking-form-heading h3, .results-topline h3 { margin: 5px 0 0; font-family: var(--font-display); font-size: 21px; line-height: 1.3; letter-spacing: -.7px; }
.form-step { padding: 5px 8px; border: 1px solid #eeeef5; border-radius: 7px; color: #8a8d9d; font-size: 9px; white-space: nowrap; }.form-step i { color: #c3c4d0; font-style: normal; }
.field { display: flex; flex-direction: column; gap: 7px; min-width: 0; margin-bottom: 16px; }
.field > span { color: #454a5f; font-size: 11px; font-weight: 700; }.field b { color: #826fec; }.field em { margin-left: 5px; color: #aaaebe; font-size: 9px; font-style: normal; font-weight: 500; }
.field input, .field select, .field textarea { width: 100%; min-height: 43px; padding: 11px 12px; border: 1px solid #e8e8f0; border-radius: 9px; outline: none; background: #fcfcfe; color: #3e4357; font-size: 11px; transition: border .2s, box-shadow .2s; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: #b2a9ff; box-shadow: 0 0 0 3px rgba(128,111,236,.10); }
.field textarea { min-height: 76px; resize: vertical; line-height: 1.6; }.field textarea::placeholder, .field input::placeholder { color: #afb2c0; }
.field select { appearance: none; padding-right: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23858aa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 11px center; }
.field > small { color: #a0a3b1; font-size: 9px; line-height: 1.4; }
.form-two-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.upload-zone { position: relative; display: flex; align-items: center; gap: 10px; min-height: 66px; padding: 10px 12px; border: 1px dashed #d8d7e8; border-radius: 10px; background: #fafaff; transition: border .2s, background .2s; }
.upload-zone.dragover { border-color: #8d80ed; background: #f1efff; }.upload-zone input { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; opacity: 0; cursor: pointer; }
.upload-icon { display: grid; place-items: center; width: 37px; height: 37px; flex: 0 0 37px; border-radius: 10px; background: #efedff; color: #6d60da; }.upload-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.upload-copy { display: flex; flex-direction: column; min-width: 0; }.upload-copy strong { overflow: hidden; max-width: 275px; color: #555a70; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }.upload-copy u { color: #6b5ed9; text-underline-offset: 2px; }.upload-copy small { margin-top: 3px; color: #a0a3b4; font-size: 9px; }.upload-status { margin-left: auto; color: #8a80e4; font-size: 19px; }
.audit-submit { width: 100%; margin-top: 2px; }.audit-submit:disabled, .booking-submit:disabled { cursor: wait; opacity: .7; transform: none; }
.form-disclaimer { margin: 12px 0 0; color: #9c9fb0; text-align: center; font-size: 9px; line-height: 1.6; }
.evaluation-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: -2px 0 23px; padding: 5px; border: 1px solid #eeedf5; border-radius: 14px; background: #f8f8fc; }
.evaluation-tab { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 11px; border: 1px solid transparent; border-radius: 10px; color: #7b7f91; background: transparent; text-align: left; cursor: pointer; transition: color .2s, border-color .2s, background .2s, box-shadow .2s; }
.evaluation-tab.active { border-color: #e8e4ff; color: #39345f; background: white; box-shadow: 0 4px 13px rgba(57,47,124,.08); }
.evaluation-tab-icon { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; color: #6859d8; background: #efedff; font-size: 18px; }.resume-tab-icon { color: #34885c; background: #e9f8ef; }
.evaluation-tab > span:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }.evaluation-tab strong { color: inherit; font-size: 11px; }.evaluation-tab small { overflow: hidden; color: #9296a6; font-size: 8px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.evaluation-form[hidden] { display: none; }
.skills-result-source { margin: -9px 0 19px; color: #85899a; font-size: 10px; line-height: 1.6; }
.skill-benchmark-list { display: flex; flex-direction: column; gap: 13px; }
.skill-benchmark-group { overflow: hidden; border: 1px solid #efedf7; border-radius: 13px; background: #fff; }.skill-benchmark-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 13px; background: #f8f7ff; }.skill-benchmark-heading strong { color: #5144b3; font-size: 11px; }.skill-benchmark-heading small { color: #9295a5; font-size: 9px; text-align: right; }.tier-important .skill-benchmark-heading { background: #f3f9ff; }.tier-important .skill-benchmark-heading strong { color: #377cb8; }.tier-bonus .skill-benchmark-heading { background: #f2faf5; }.tier-bonus .skill-benchmark-heading strong { color: #3d8a60; }.tier-job-post .skill-benchmark-heading { background: #fff3e9; }.tier-job-post .skill-benchmark-heading strong { color: #b76531; }
.skill-benchmark-row { display: flex; align-items: center; gap: 9px; padding: 10px 12px; border-top: 1px solid #f1f0f6; }.skill-benchmark-status { display: grid; place-items: center; width: 23px; height: 23px; flex: 0 0 23px; border-radius: 7px; color: #8e6a25; background: #fff4dd; font-size: 13px; font-weight: 800; }.skill-benchmark-row.is-matched .skill-benchmark-status { color: #2c8757; background: #e7f7ed; }.skill-benchmark-content { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }.skill-benchmark-content strong { color: #464a60; font-size: 10px; }.skill-benchmark-content small { color: #999cad; font-size: 9px; line-height: 1.45; }.skill-benchmark-label { color: #a07630; font-size: 8px; font-weight: 700; white-space: nowrap; }.is-matched .skill-benchmark-label { color: #34875a; }.skill-results .result-note { margin-top: 17px; }.skill-results .result-cta { margin-top: 16px; }
.audit-results { padding-top: 2px; }.results-topline { display: flex; align-items: center; gap: 11px; }.results-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #6558d1; background: #f0eeff; font-size: 20px; }.results-topline > div { flex: 1; }.results-topline h3 { font-size: 19px; }.icon-button { width: 35px; height: 35px; border: 1px solid #e7e7f0; border-radius: 9px; background: white; color: #77708e; cursor: pointer; font-size: 18px; }
.result-score-row { display: flex; align-items: center; justify-content: space-between; margin: 23px 0; padding: 16px 17px; border: 1px solid #eeecfd; border-radius: 13px; background: #f8f7ff; }.result-score { display: flex; align-items: baseline; gap: 4px; }.result-score strong { font-family: var(--font-display); font-size: 35px; letter-spacing: -1.4px; }.result-score span { color: #9b9caf; font-size: 11px; }.result-mode { display: inline-block; padding: 6px 9px; border-radius: 8px; color: #6358c8; background: #e9e6ff; font-size: 9px; font-weight: 700; }
.result-block { margin: 23px 0; }.result-block h4 { margin: 0 0 10px; font-size: 12px; }.result-block ul { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }.result-block li { position: relative; padding-left: 18px; color: #71768a; font-size: 11px; line-height: 1.7; }.result-block li::before { position: absolute; left: 0; top: 0; color: #409466; content: '✓'; font-weight: 800; }
.result-gaps, .result-steps { display: flex; flex-direction: column; gap: 8px; }.result-gap { padding: 11px 12px; border: 1px solid #efedf9; border-radius: 10px; background: #fdfcff; }.result-gap-top { display: flex; align-items: center; gap: 8px; }.result-gap-top strong { font-size: 11px; }.priority { margin-left: auto; padding: 3px 6px; border-radius: 5px; color: #a66f35; background: #fff1dd; font-size: 8px; font-weight: 700; }.priority.low { color: #5c789f; background: #edf4ff; }.priority.medium { color: #8d7337; background: #fff7df; }.result-gap p { margin: 6px 0 0; color: #85899a; font-size: 10px; line-height: 1.6; }
.result-step { display: flex; align-items: flex-start; gap: 9px; }.result-step > span { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border-radius: 8px; background: #e9f8ef; color: #3e9463; font-size: 10px; font-weight: 800; }.result-step strong { display: block; margin-bottom: 2px; font-size: 11px; }.result-step p { margin: 0; color: #838799; font-size: 10px; line-height: 1.6; }.result-step small { display: inline-block; margin-top: 3px; color: #776ad9; font-size: 9px; font-weight: 700; }
.result-extra { padding: 15px; border-radius: 12px; background: #f8f8fc; }.result-extra strong { display: block; margin-top: 11px; font-size: 10px; }.result-extra strong:first-child { margin-top: 0; }.result-extra p { margin: 3px 0 0; color: #777b8d; font-size: 10px; line-height: 1.7; }.result-note { margin: 14px 0; color: #9396a7; font-size: 9px; line-height: 1.7; }.result-cta { width: 100%; margin-top: 6px; }

.process-section { background: white; }
.process-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 45px; margin-bottom: 50px; }.process-head h2 { margin-top: 18px; }.process-head > p { max-width: 380px; margin: 0 0 4px; color: #7e8294; font-size: 13px; line-height: 1.85; }
.process-steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; }.process-steps::before { position: absolute; content: ''; height: 1px; top: 23px; left: 8%; right: 8%; border-top: 1px dashed #dcd9f3; }
.process-steps article { position: relative; z-index: 1; padding: 0 17px 5px; }.process-number { position: absolute; top: 5px; left: 0; color: #a6a0d9; font-size: 9px; font-weight: 800; }.process-icon { display: grid; place-items: center; width: 47px; height: 47px; margin-bottom: 19px; border: 5px solid white; border-radius: 15px; box-sizing: content-box; color: #6354cd; background: #eeeaff; box-shadow: 0 0 0 1px #eeecfb; font-size: 23px; }.process-icon-two { color: #34875a; background: #e3f7eb; box-shadow: 0 0 0 1px #e3f7eb; }.process-icon-three { color: #ba784e; background: #fff0e7; box-shadow: 0 0 0 1px #fff0e7; }.process-icon-four { color: #5a7e9c; background: #e8f2fb; box-shadow: 0 0 0 1px #e8f2fb; }
.process-steps h3 { margin: 0 0 8px; font-family: var(--font-display); font-size: 15px; letter-spacing: -.4px; }.process-steps p { min-height: 75px; margin: 0 0 16px; color: #808496; font-size: 11px; line-height: 1.8; }.step-tag { display: inline-block; padding: 5px 9px; border-radius: 7px; background: #f7f6ff; color: #8277db; font-size: 9px; font-weight: 700; }

.about-section { background: #f6f6fb; }.about-grid { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 92px; }.about-visual { position: relative; display: grid; place-items: center; min-height: 480px; }.about-back-shape { position: absolute; width: 310px; height: 370px; border-radius: 35px; background: #e2dfff; transform: rotate(-8deg); }.about-card-main { position: relative; z-index: 1; width: min(310px, 100%); padding: 30px; border: 1px solid rgba(255,255,255,.95); border-radius: 23px; background: white; box-shadow: 0 24px 60px rgba(54, 47, 108, .12); }.about-monogram { position: relative; display: grid; place-items: center; width: 74px; height: 74px; border-radius: 23px; color: white; background: var(--ink); font-family: var(--font-display); font-size: 22px; font-weight: 800; letter-spacing: -1px; }.about-monogram span { position: absolute; top: -9px; right: -9px; display: grid; place-items: center; width: 27px; height: 27px; border: 3px solid white; border-radius: 9px; color: #4e7a5b; background: var(--mint); font-size: 12px; }.about-card-label { margin-top: 25px; color: #999bad; font-size: 9px; font-weight: 800; letter-spacing: .13em; }.about-card-main h3 { margin: 6px 0 2px; font-family: var(--font-display); font-size: 25px; letter-spacing: -1px; }.about-card-main p { margin: 0; color: #777b8d; font-size: 11px; }.about-card-divider { height: 1px; margin: 22px 0 16px; background: #eeeeF5; }.about-proof-line { display: flex; justify-content: space-between; gap: 10px; }.about-proof-line span { padding: 6px 8px; border-radius: 7px; color: #6e62d1; background: #f4f2ff; font-size: 9px; font-weight: 700; }.about-proof-line span:nth-child(2) { color: #39845b; background: #eaf8ef; }.about-proof-line span:nth-child(3) { color: #ad7047; background: #fff1e7; }
.about-sticker { position: absolute; z-index: 2; right: -7px; bottom: 45px; display: flex; align-items: flex-end; justify-content: space-between; width: 148px; padding: 16px; border-radius: 17px; color: #3b475b; background: #c1f0d5; box-shadow: 0 12px 26px rgba(60, 131, 89, .13); transform: rotate(5deg); }.about-sticker span { font-family: var(--font-display); font-size: 14px; font-weight: 800; line-height: 1.4; letter-spacing: -.4px; }.about-sticker b { font-size: 20px; font-weight: 500; }.about-dots { position: absolute; top: 33px; left: 4px; color: #a69df0; font-size: 39px; letter-spacing: 3px; }
.about-copy h2 { margin-top: 18px; }.about-copy > p { margin: 18px 0 0; color: #73788b; font-size: 12px; line-height: 1.95; }.about-points { display: grid; grid-template-columns: 1fr; gap: 13px; margin: 28px 0; }.about-points > div { display: grid; grid-template-columns: 28px 1fr; column-gap: 10px; align-items: start; }.about-points > div > span { grid-row: span 2; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: #8276df; background: #ebe8ff; font-size: 9px; font-weight: 800; }.about-points strong { font-size: 11px; }.about-points small { margin-top: 2px; color: #8a8e9e; font-size: 10px; line-height: 1.65; }.button-dark { color: white; background: var(--ink); }.button-dark .button-arrow { color: var(--mint); }

.booking-section { position: relative; overflow: hidden; color: white; background: #272d48; }.booking-section::before { position: absolute; content: ''; left: -180px; bottom: -400px; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(circle, rgba(131,120,255,.2), transparent 65%); }.booking-section::after { position: absolute; content: ''; top: -260px; right: -160px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(183,239,207,.10), transparent 65%); }.booking-shell { position: relative; z-index: 1; display: grid; grid-template-columns: .92fr 1.08fr; gap: 90px; align-items: center; }.booking-copy h2 { font-size: clamp(35px, 4vw, 47px); }.booking-copy > p { max-width: 440px; }.booking-list { display: flex; flex-direction: column; gap: 13px; margin-top: 27px; }.booking-list > div { display: flex; align-items: center; gap: 10px; color: #e2e4ef; font-size: 11px; }.booking-small-note { max-width: 380px; margin-top: 39px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.14); color: #a9aec4; font-size: 10px; line-height: 1.8; }
.booking-form-wrap { padding: 29px; border-radius: 21px; background: white; color: var(--ink); box-shadow: 0 24px 70px rgba(9,11,38,.23); }.booking-form-heading h3 { margin-top: 7px; font-size: 22px; }.booking-form-heading p { margin: 8px 0 23px; color: #85899b; font-size: 11px; }.booking-form .field { margin-bottom: 13px; }.booking-form .field input, .booking-form .field select, .booking-form .field textarea { min-height: 41px; }.booking-form .field textarea { min-height: 70px; }.booking-submit { width: 100%; }.booking-form-note { margin: 11px 0 0; color: #999dae; font-size: 9px; line-height: 1.65; }.calendar-link { display: inline-block; margin-top: 11px; color: #6558d1; font-size: 10px; font-weight: 700; }

.faq-section { background: #fff; }.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; }.faq-layout h2 { margin-top: 18px; font-size: 34px; }.faq-layout > div:first-child > p { max-width: 260px; color: #85899a; font-size: 12px; line-height: 1.8; }.faq-list details { border-bottom: 1px solid #edecf4; }.faq-list details:first-child { border-top: 1px solid #edecf4; }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 18px 0; list-style: none; cursor: pointer; color: #42475a; font-size: 12px; font-weight: 700; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { display: grid; place-items: center; width: 26px; height: 26px; flex: 0 0 26px; border-radius: 8px; background: #f3f1ff; color: #786be0; font-size: 17px; font-weight: 400; transition: transform .2s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { margin: -3px 30px 19px 0; color: #7f8395; font-size: 11px; line-height: 1.85; }
.site-footer { background: #20263e; color: white; }.footer-main { display: flex; align-items: center; gap: 24px; padding: 31px 0; }.footer-brand { color: white; }.footer-main > p { max-width: 185px; margin: 0; color: #9ea4bb; font-size: 10px; }.footer-links { display: flex; gap: 18px; margin-left: auto; color: #bec1d2; font-size: 10px; }.footer-social { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding-left: 18px; border-left: 1px solid rgba(255,255,255,.14); color: #c4c8d8; font-size: 9px; }.footer-social > span { width: 100%; color: #858ba5; font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.footer-social a { display: inline-flex; align-items: center; gap: 5px; color: #e9eaf2; font-size: 9px; font-weight: 700; }.footer-social a:hover { color: #c6bcff; }.footer-social a b { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 6px; color: white; background: #0a66c2; font-size: 11px; }.footer-social a:last-child b { background: linear-gradient(135deg,#7653d8,#dc477c,#f2a34b); }.footer-social a > span { color: #9ea4bb; font-size: 9px; }.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding: 15px 0 19px; border-top: 1px solid rgba(255,255,255,.11); color: #858ba5; font-size: 9px; }
.toast { position: fixed; z-index: 200; right: 22px; bottom: 22px; max-width: min(380px, calc(100vw - 44px)); padding: 13px 17px; border: 1px solid #e7e5f5; border-radius: 12px; color: #343950; background: white; box-shadow: 0 16px 48px rgba(27,32,50,.17); font-size: 12px; line-height: 1.6; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity .2s, transform .2s; }.toast.visible { opacity: 1; transform: translateY(0); }.toast.error { border-color: #f2d3cd; color: #8a4139; }
.request-success[hidden] { display: none; }
.request-success { position: fixed; z-index: 300; inset: 0; display: grid; place-items: center; overflow-y: auto; padding: 24px; background: rgba(25, 29, 51, .58); backdrop-filter: blur(8px); animation: success-fade-in .22s ease-out both; }
.request-success-card { position: relative; width: min(100%, 470px); padding: 35px 38px 30px; border: 1px solid rgba(255,255,255,.8); border-radius: 27px; background: radial-gradient(ellipse at 50% 0%, #f0fff5 0, #fff 44%); box-shadow: 0 30px 100px rgba(16,20,45,.3); text-align: center; animation: success-pop-in .34s cubic-bezier(.2,.8,.2,1) both; }
.request-success-close { position: absolute; top: 15px; right: 17px; display: grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 50%; color: #777b8d; background: #f5f5fa; font-size: 23px; cursor: pointer; }
.success-visual { position: relative; display: grid; place-items: center; width: 112px; height: 112px; margin: 1px auto 21px; }
.success-orbit { position: absolute; border: 1px solid #d6f3df; border-radius: 50%; }.success-orbit-one { inset: 0; }.success-orbit-two { inset: 10px; border-color: #e4f6e9; }
.success-check { z-index: 1; display: grid; place-items: center; width: 68px; height: 68px; border: 7px solid #f0fbf3; border-radius: 23px; color: white; background: linear-gradient(145deg, #50c783, #2d9f62); box-shadow: 0 11px 25px rgba(51,166,101,.25); font-size: 31px; font-weight: 700; transform: rotate(-7deg); }
.success-spark { position: absolute; color: #8e82ed; }.success-spark-one { top: 8px; right: 5px; font-size: 19px; }.success-spark-two { bottom: 7px; left: 8px; color: #e5b756; font-size: 16px; }
.success-kicker { color: #4a9d6a; font-size: 9px; font-weight: 800; letter-spacing: .17em; }
.request-success-card h2 { margin: 10px 0 9px; color: #292e48; font-family: var(--font-display); font-size: 30px; letter-spacing: -1.2px; }
.request-success-card > p { max-width: 350px; margin: 0 auto; color: #74798b; font-size: 12px; line-height: 1.8; }
.success-next-step { display: flex; align-items: center; gap: 12px; margin: 23px 0 20px; padding: 14px; border: 1px solid #e7f2eb; border-radius: 13px; background: rgba(246,252,248,.9); text-align: left; }
.success-next-icon { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 10px; color: #6257cc; background: #eeecff; font-size: 18px; }
.success-next-step strong, .success-next-step small { display: block; }.success-next-step strong { color: #41465c; font-size: 10px; }.success-next-step small { margin-top: 3px; color: #888c9b; font-size: 9px; line-height: 1.5; }
.success-done { width: 100%; justify-content: center; min-height: 45px; }.success-footnote { display: block; margin-top: 15px; color: #9a9dad; font-size: 9px; }
@keyframes success-fade-in { from { opacity: 0; } to { opacity: 1; } }@keyframes success-pop-in { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* Career roadmap: a bright, practical learning-to-proof section. */
.roadmap-section { position: relative; overflow: hidden; background: linear-gradient(180deg, #f2f1ff 0%, #fafaff 34%, #fff 100%); }
.roadmap-section::before { position: absolute; content: ''; top: 80px; right: -210px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(255,202,139,.2), transparent 69%); pointer-events: none; }
.roadmap-section > .container { position: relative; }
.roadmap-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; margin-bottom: 43px; }
.roadmap-heading-copy { max-width: 690px; }
.roadmap-heading h2 { margin: 15px 0 14px; color: #252a45; font-family: var(--font-display); font-size: clamp(38px, 5vw, 58px); line-height: 1.07; letter-spacing: -2.7px; }
.roadmap-heading h2 span { color: #6454de; }
.roadmap-heading-copy > p { max-width: 635px; margin: 0; color: #686d83; font-size: 16px; line-height: 1.8; }
.roadmap-stamp { flex: 0 0 190px; padding: 19px 20px; border: 1px solid #dedaff; border-radius: 18px; background: rgba(255,255,255,.78); box-shadow: 0 12px 34px rgba(70,57,160,.08); transform: rotate(2deg); }
.roadmap-stamp span, .roadmap-stamp strong, .roadmap-stamp i { display: block; }.roadmap-stamp span { color: #9187df; font-size: 9px; font-weight: 800; letter-spacing: .16em; }.roadmap-stamp strong { margin: 8px 0; color: #34305f; font-family: var(--font-display); font-size: 21px; line-height: 1.15; letter-spacing: -.7px; }.roadmap-stamp i { color: #7e8193; font-size: 9px; font-style: normal; }
.roadmap-track { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; }
.roadmap-stage { position: relative; min-height: 286px; padding: 19px 17px 16px; overflow: hidden; border: 1px solid var(--stage-line); border-radius: 18px; background: linear-gradient(155deg, var(--stage-tint), #fff 52%); box-shadow: 0 13px 35px rgba(44,42,88,.055); transition: transform .2s ease, box-shadow .2s ease; }
.roadmap-stage:hover { transform: translateY(-5px); box-shadow: 0 20px 38px rgba(44,42,88,.1); }
.stage-violet { --stage: #745ce7; --stage-tint: #f0edff; --stage-line: #e5e0ff; }.stage-blue { --stage: #3688dc; --stage-tint: #edf7ff; --stage-line: #dceeff; }.stage-green { --stage: #2b9b69; --stage-tint: #eafaf1; --stage-line: #d9f3e4; }.stage-orange { --stage: #dc8740; --stage-tint: #fff5e9; --stage-line: #f8e8d2; }.stage-pink { --stage: #d35e91; --stage-tint: #fff0f6; --stage-line: #f6dce8; }
.stage-top { display: flex; align-items: center; justify-content: space-between; gap: 4px; }.stage-index { color: var(--stage); font-family: var(--font-display); font-size: 13px; font-weight: 800; }.stage-time { color: #898da0; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.stage-mark { display: grid; place-items: center; width: 42px; height: 42px; margin: 17px 0 13px; border: 1px solid var(--stage-line); border-radius: 13px; color: var(--stage); background: white; box-shadow: 0 6px 14px rgba(44,42,88,.06); font-size: 22px; }
.roadmap-stage h3 { margin: 0 0 7px; color: #30344d; font-family: var(--font-display); font-size: 17px; line-height: 1.25; letter-spacing: -.45px; }.roadmap-stage p { min-height: 77px; margin: 0; color: #73788a; font-size: 12px; line-height: 1.7; }
.stage-output { display: flex; flex-direction: column; gap: 3px; margin-top: 15px; padding-top: 11px; border-top: 1px solid var(--stage-line); }.stage-output b { color: var(--stage); font-size: 8px; letter-spacing: .13em; }.stage-output span { color: #50556b; font-size: 10px; font-weight: 700; }
.blueprint-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 69px 0 22px; }.blueprint-kicker { color: #8275e6; font-size: 9px; font-weight: 800; letter-spacing: .16em; }.blueprint-head h3, .project-blueprint-title h3 { margin: 6px 0 0; color: #282d46; font-family: var(--font-display); font-size: 29px; line-height: 1.2; letter-spacing: -1px; }.blueprint-head > p { max-width: 340px; margin: 0 0 3px; color: #7b8092; font-size: 13px; line-height: 1.65; }
.blueprint-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.blueprint-card { padding: 23px 23px 19px; border: 1px solid #e9e8f1; border-radius: 19px; background: white; box-shadow: 0 12px 32px rgba(44,42,88,.055); }.blueprint-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.blueprint-symbol { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 14px; color: #fff; background: linear-gradient(145deg,#826ef0,#5d4ccc); font-family: var(--font-display); font-size: 13px; font-weight: 800; }.blueprint-type { color: #9a9daf; font-size: 8px; font-weight: 800; letter-spacing: .1em; }.blueprint-ds .blueprint-symbol { background: linear-gradient(145deg,#43b985,#21885e); }.blueprint-genai .blueprint-symbol { background: linear-gradient(145deg,#f19b50,#d66a55); }
.blueprint-card h4 { margin: 17px 0 7px; color: #2f344d; font-family: var(--font-display); font-size: 20px; letter-spacing: -.65px; }.blueprint-card > p { min-height: 48px; margin: 0; color: #73788a; font-size: 12px; line-height: 1.7; }.blueprint-card ul { display: grid; gap: 9px; min-height: 94px; margin: 16px 0; padding: 0; list-style: none; }.blueprint-card li { position: relative; padding-left: 21px; color: #51566c; font-size: 11px; line-height: 1.55; }.blueprint-card li::before { position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 14px; height: 14px; border-radius: 5px; color: #6254d2; background: #efedff; content: '✓'; font-size: 9px; font-weight: 800; }.blueprint-proof { padding: 11px 12px; border-radius: 10px; color: #5e6277; background: #f7f6fc; font-size: 10px; line-height: 1.6; }.blueprint-proof b { color: #6859d7; }
.project-blueprint { margin-top: 22px; padding: 26px 29px 21px; border: 1px solid #33395b; border-radius: 22px; color: white; background: radial-gradient(circle at 90% 8%, rgba(133,117,246,.24), transparent 34%), linear-gradient(120deg,#292e4b,#20253f); box-shadow: 0 20px 48px rgba(30,34,67,.18); }.project-blueprint-title { display: flex; align-items: center; gap: 14px; }.project-blueprint-icon { display: grid; place-items: center; width: 43px; height: 43px; flex: 0 0 43px; border-radius: 13px; color: #252a45; background: #baf0d0; font-size: 20px; }.project-blueprint-title .blueprint-kicker { color: #b7efcf; }.project-blueprint-title h3 { color: white; font-size: 24px; }.project-recipe { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 13px; margin-top: 25px; padding: 17px 18px; border: 1px solid rgba(255,255,255,.11); border-radius: 14px; background: rgba(255,255,255,.045); }.project-recipe > div { display: flex; flex-direction: column; gap: 3px; }.project-recipe b { color: #b7efcf; font-size: 9px; letter-spacing: .1em; }.project-recipe strong { color: white; font-size: 13px; }.project-recipe small { color: #b2b6c9; font-size: 10px; line-height: 1.45; }.recipe-arrow { color: #9186ec; font-size: 18px; }.project-blueprint-note { margin: 14px 0 0; color: #bdc1d2; font-size: 11px; line-height: 1.7; }.roadmap-cta { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 25px; padding: 18px 21px; border: 1px solid #e9e6fb; border-radius: 16px; background: linear-gradient(100deg,#f4f1ff,#f2fcf6); }.roadmap-cta > span { display: flex; flex-direction: column; gap: 3px; }.roadmap-cta strong { color: #3b3e58; font-family: var(--font-display); font-size: 15px; }.roadmap-cta small { color: #777c8e; font-size: 11px; }

/* Improve readability and make key actions and headings more expressive. */
body { font-size: 16px; }
.primary-nav { gap: 25px; font-size: 14px; }
.hero-intro { font-size: 16px; }
.hero-proof-row strong { font-size: 12px; }.hero-proof-row span { font-size: 11px; }
.problem-copy p { font-size: 14px; }.problem-items strong { font-size: 13px; }.problem-items small { font-size: 11px; }
.section-heading p { font-size: 15px; }.service-card h3 { font-size: 17px; }.service-card p { font-size: 13px; line-height: 1.75; }.text-link { font-size: 11px; }
.field > span { font-size: 12px; }.field input, .field select, .field textarea { font-size: 13px; }.field > small { font-size: 10px; }
.process-head > p, .about-copy > p { font-size: 14px; }.process-steps h3 { font-size: 17px; }.process-steps p { font-size: 13px; }
.about-points strong { font-size: 12px; }.about-points small { font-size: 11px; }
.booking-copy > p { font-size: 14px; }.booking-list > div { font-size: 13px; }.booking-form-heading p { font-size: 13px; }.booking-form .field > span { font-size: 12px; }.booking-form-note { font-size: 10px; }
.faq-list summary { font-size: 14px; }.faq-list details p { font-size: 13px; }
.button { font-size: 14px; }
.button-primary { background: linear-gradient(115deg, #6552dc, #513ec3); box-shadow: 0 9px 22px rgba(91,72,200,.24); }
.button-primary:hover { background: linear-gradient(115deg, #5745cd, #4030ad); box-shadow: 0 13px 28px rgba(91,72,200,.3); }
.nav-cta { background: linear-gradient(115deg, #6552dc, #513ec3); }
[hidden] { display: none !important; }

.salary-journey { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 34px; margin: 0 0 28px; padding: 29px 32px; border: 1px solid rgba(255,255,255,.13); border-radius: 23px; color: white; background: radial-gradient(circle at 92% 0%,rgba(129,111,244,.34),transparent 34%),linear-gradient(115deg,#292e4c,#20253f); box-shadow: 0 20px 45px rgba(32,36,70,.16); }
.salary-journey::after { position: absolute; content: ''; width: 260px; height: 260px; right: 17%; bottom: -210px; border-radius: 50%; background: rgba(112,215,162,.12); filter: blur(2px); pointer-events: none; }
.salary-journey-copy { position: relative; z-index: 1; max-width: 610px; }.salary-journey-kicker { color: #b7efcf; font-size: 9px; font-weight: 800; letter-spacing: .16em; }.salary-journey h3 { margin: 8px 0 8px; color: white; font-family: var(--font-display); font-size: clamp(24px,3vw,35px); line-height: 1.2; letter-spacing: -1.1px; }.salary-journey h3 span { color: #c6bfff; }.salary-journey-copy p { max-width: 650px; margin: 0; color: #d1d3e1; font-size: 12px; line-height: 1.75; }.salary-journey-copy small { display: block; margin-top: 10px; color: #a9aec4; font-size: 9px; line-height: 1.5; }
.salary-journey-path { position: relative; z-index: 1; display: grid; grid-template-columns: auto 14px auto 14px auto 14px auto; align-items: center; gap: 8px; padding: 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(255,255,255,.055); }.salary-journey-path > div { display: flex; flex-direction: column; align-items: center; gap: 7px; min-width: 63px; text-align: center; }.salary-journey-path b { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; color: #272d48; background: #b7efcf; font-size: 9px; }.salary-journey-path span { color: #eef0fa; font-size: 8px; font-weight: 700; white-space: nowrap; }.salary-journey-path > i { color: #9287f2; font-size: 14px; font-style: normal; }

/* LinkedIn and GitHub profile positioning showcase */
.positioning-section { overflow: hidden; background: linear-gradient(180deg, #f2f0ff 0%, #fafaff 44%, #f5fbf7 100%); }
.positioning-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 44px; }
.positioning-heading h2 { margin: 13px 0 0; color: #272c46; font-family: var(--font-display); font-size: clamp(38px, 4.5vw, 55px); line-height: 1.12; letter-spacing: -2.3px; }
.positioning-heading h2 span { color: #6855d5; }
.positioning-heading > p { max-width: 445px; margin: 0 0 5px; color: #6c7184; font-size: 15px; line-height: 1.85; }
.profile-showcase-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.showcase-card { min-width: 0; padding: 20px; border: 1px solid rgba(226,225,239,.9); border-radius: 23px; background: rgba(255,255,255,.92); box-shadow: 0 20px 55px rgba(43,39,105,.09); }
.showcase-card-heading { display: flex; align-items: center; gap: 11px; margin-bottom: 17px; }
.showcase-brand { display: grid; place-items: center; width: 39px; height: 39px; flex: 0 0 39px; border-radius: 12px; color: white; font-family: Arial,sans-serif; font-size: 22px; font-weight: 800; }
.linkedin-brand { background: #0a66c2; }.github-brand { background: #222735; }
.showcase-card-heading > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }.showcase-card-heading strong { color: #2b3049; font-family: var(--font-display); font-size: 14px; }.showcase-card-heading small { color: #85899a; font-size: 10px; }
.showcase-example-tag { margin-left: auto; padding: 6px 8px; border: 1px solid #e8e5fb; border-radius: 7px; color: #7467d8; background: #f6f4ff; font-size: 8px; font-weight: 800; letter-spacing: .08em; white-space: nowrap; }
.linkedin-window, .github-window { overflow: hidden; min-height: 380px; border: 1px solid #e0e2e8; border-radius: 13px; background: white; box-shadow: 0 8px 22px rgba(32,37,62,.07); font-family: Arial, sans-serif; }
.linkedin-window, .github-window { transition: transform .28s ease, box-shadow .28s ease; transform-origin: center; }.showcase-card:hover .linkedin-window, .showcase-card:hover .github-window { transform: translateY(-3px) scale(1.012); box-shadow: 0 16px 30px rgba(32,37,62,.12); }
.preview-trigger { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 8px 11px; border: 1px solid #e7e4f7; border-radius: 9px; color: #5f51ce; background: #faf9ff; font-size: 10px; font-weight: 800; cursor: pointer; transition: color .2s, background .2s, transform .2s; }.preview-trigger:hover { transform: translateY(-1px); color: white; background: #6552dc; }.preview-trigger span { font-size: 14px; }
.profile-preview-dialog { width: min(940px, calc(100% - 32px)); max-width: none; max-height: min(90vh, 900px); overflow: auto; padding: 25px; border: 1px solid #e5e3f1; border-radius: 22px; color: var(--ink); background: #fafaff; box-shadow: 0 30px 100px rgba(22,24,48,.36); }.profile-preview-dialog::backdrop { background: rgba(24,27,48,.65); backdrop-filter: blur(5px); }.profile-preview-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; }.profile-preview-dialog-head h2 { margin: 3px 0 0; color: #292e49; font-family: var(--font-display); font-size: 23px; letter-spacing: -.6px; }.profile-preview-close { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #e3e1ec; border-radius: 12px; color: #474c62; background: white; font-size: 25px; cursor: pointer; }.profile-preview-content .linkedin-window, .profile-preview-content .github-window { min-height: auto; font-size: 1.3em; }.profile-preview-content .linkedin-topbar, .profile-preview-content .github-topbar { height: 52px; }.profile-preview-content .linkedin-cover { height: 150px; }.profile-preview-content .linkedin-profile-body { padding: 0 26px 25px; }.profile-preview-content .linkedin-avatar { width: 82px; height: 82px; margin-top: -40px; font-size: 22px; }.profile-preview-content .linkedin-person { margin-top: 8px; }.profile-preview-content .linkedin-person strong { font-size: 22px; }.profile-preview-content .linkedin-person span { font-size: 13px; }.profile-preview-content .linkedin-person small, .profile-preview-content .linkedin-about p { font-size: 12px; }.profile-preview-content .linkedin-about { margin-top: 20px; padding-top: 16px; }.profile-preview-content .linkedin-about b, .profile-preview-content .linkedin-featured b { font-size: 10px; }.profile-preview-content .linkedin-featured { margin-top: 16px; padding: 15px; }.profile-preview-content .linkedin-featured strong { font-size: 14px; }.profile-preview-content .linkedin-featured small { font-size: 11px; }.profile-preview-content .github-profile-tabs { height: 50px; font-size: 11px; }.profile-preview-content .github-profile-body { grid-template-columns: 190px minmax(0,1fr); gap: 24px; padding: 25px; }.profile-preview-content .github-avatar { width: 120px; height: 120px; font-size: 28px; }.profile-preview-content .github-sidebar strong { font-size: 15px; }.profile-preview-content .github-sidebar p, .profile-preview-content .github-readme p { font-size: 12px; }.profile-preview-content .github-sidebar > small { font-size: 11px; }.profile-preview-content .github-readme { padding: 17px; }.profile-preview-content .github-readme b, .profile-preview-content .github-pinned > strong { font-size: 14px; }.profile-preview-content .github-pinned { gap: 11px; margin-top: 20px; }.profile-preview-content .github-pinned article { padding: 14px; }.profile-preview-content .github-pinned article b { font-size: 13px; }.profile-preview-content .github-pinned article small { font-size: 11px; }.profile-preview-content .github-pinned article span { font-size: 10px; }
.linkedin-topbar { display: flex; align-items: center; gap: 9px; height: 39px; padding: 0 12px; background: #fff; border-bottom: 1px solid #e8e8e8; }
.linkedin-mini-brand { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 3px; color: white; background: #0a66c2; font-size: 14px; font-weight: bold; }.linkedin-search { width: 45%; padding: 5px 8px; border-radius: 4px; color: #8a8d91; background: #eef3f8; font-size: 8px; }.linkedin-nav-dots { margin-left: auto; color: #86898e; font-size: 11px; }
.linkedin-cover { display: flex; flex-direction: column; justify-content: center; gap: 8px; height: 102px; padding: 17px 20px; color: white; background: radial-gradient(circle at 84% 25%,rgba(120,217,180,.5),transparent 25%),linear-gradient(115deg,#232943,#5144a0 68%,#7467d8); }.linkedin-cover span { font-size: 14px; font-weight: 800; letter-spacing: .08em; }.linkedin-cover i { color: #c9f4df; font-size: 8px; font-style: normal; letter-spacing: .18em; }
.linkedin-profile-body { position: relative; padding: 0 17px 15px; }.linkedin-avatar { display: grid; place-items: center; width: 63px; height: 63px; margin-top: -30px; border: 4px solid white; border-radius: 50%; color: #4a3f9b; background: linear-gradient(145deg,#e0dcff,#b6efd0); font-size: 17px; font-weight: bold; }.linkedin-person { display: flex; flex-direction: column; gap: 3px; margin-top: 4px; padding-right: 5px; }.linkedin-person strong { color: #191919; font-size: 17px; }.linkedin-person span { color: #40444a; font-size: 10px; }.linkedin-person small { color: #686d73; font-size: 9px; }.linkedin-person .linkedin-location { color: #888c92; }.linkedin-action { position: absolute; top: 43px; right: 16px; padding: 6px 11px; border-radius: 15px; color: white; background: #0a66c2; font-size: 9px; font-weight: bold; }.linkedin-about { margin-top: 13px; padding-top: 10px; border-top: 1px solid #e8e8e8; }.linkedin-about b, .linkedin-featured b { color: #595d64; font-size: 8px; letter-spacing: .08em; }.linkedin-about p { margin: 5px 0 8px; color: #40444a; font-size: 9px; line-height: 1.55; }.linkedin-skills { display: flex; flex-wrap: wrap; gap: 5px; }.linkedin-skills span { padding: 4px 7px; border-radius: 4px; color: #5c51bc; background: #f2f0ff; font-size: 8px; font-weight: bold; }.linkedin-featured { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 11px; padding: 10px; border: 1px solid #e7e7e7; border-radius: 8px; }.linkedin-featured > div { display: flex; flex-direction: column; gap: 4px; }.linkedin-featured strong { color: #25282c; font-size: 10px; }.linkedin-featured small { color: #757980; font-size: 8px; }.featured-chart { display: flex; align-items: flex-end; gap: 3px; height: 32px; padding: 4px; border-radius: 5px; background: #eef8f2; }.featured-chart i { width: 5px; border-radius: 2px 2px 0 0; background: #3dab79; }.featured-chart i:nth-child(1) { height: 35%; }.featured-chart i:nth-child(2) { height: 58%; }.featured-chart i:nth-child(3) { height: 47%; }.featured-chart i:nth-child(4) { height: 76%; }.featured-chart i:nth-child(5) { height: 100%; }
.github-window { border-color: #d8dee4; background: #fff; }.github-topbar { display: flex; align-items: center; gap: 15px; height: 39px; padding: 0 12px; color: #f0f3f6; background: #25292f; font-size: 8px; }.github-topbar strong { font-size: 13px; }.github-topbar span { overflow: hidden; color: #d4d8dc; white-space: nowrap; text-overflow: ellipsis; }.github-topbar i { margin-left: auto; color: #d4d8dc; font-size: 8px; font-style: normal; }.github-profile-tabs { display: flex; gap: 17px; align-items: center; height: 40px; padding: 0 14px; border-bottom: 1px solid #d8dee4; color: #59636e; font-size: 8px; }.github-profile-tabs span:first-child { align-self: stretch; display: flex; align-items: center; border-bottom: 2px solid #fd8c73; color: #24292f; font-weight: bold; }.github-profile-body { display: grid; grid-template-columns: 115px minmax(0,1fr); gap: 15px; padding: 17px 14px; }.github-sidebar { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }.github-avatar { display: grid; place-items: center; width: 74px; height: 74px; margin: 0 auto 10px; border: 1px solid #d8dee4; border-radius: 50%; color: #eeeaff; background: linear-gradient(145deg,#3c345e,#665bd0 55%,#48a982); font-size: 22px; font-weight: bold; }.github-sidebar strong { color: #24292f; font-size: 11px; }.github-sidebar > small { color: #57606a; font-size: 9px; }.github-sidebar p { margin: 8px 0; color: #24292f; font-size: 8px; line-height: 1.5; }.github-follow { width: 100%; margin: 4px 0 10px; padding: 5px; border: 1px solid #d0d7de; border-radius: 5px; color: #24292f; background: #f6f8fa; font-size: 8px; text-align: center; }
.github-main { min-width: 0; }.github-readme { padding: 11px; border: 1px solid #d8dee4; border-radius: 6px; color: #24292f; }.github-readme b { font-size: 10px; }.github-readme p { margin: 7px 0; color: #57606a; font-size: 8px; line-height: 1.5; }.github-readme div { display: flex; flex-wrap: wrap; gap: 4px; }.github-readme span { padding: 3px 6px; border-radius: 9px; color: #5448b6; background: #f1efff; font-size: 7px; font-weight: bold; }.github-pinned { display: flex; flex-direction: column; gap: 7px; margin-top: 13px; }.github-pinned > strong { color: #24292f; font-size: 9px; }.github-pinned article { display: flex; flex-direction: column; gap: 5px; padding: 9px; border: 1px solid #d8dee4; border-radius: 6px; }.github-pinned article b { color: #0969da; font-size: 9px; }.github-pinned article small { color: #57606a; font-size: 8px; line-height: 1.45; }.github-pinned article span { color: #6e7781; font-size: 7px; }
.showcase-takeaway { display: flex; align-items: flex-start; gap: 11px; margin-top: 16px; }.showcase-takeaway > span { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border-radius: 8px; color: #5c4dcb; background: #f0edff; font-size: 9px; font-weight: 800; }.showcase-takeaway p { margin: 1px 0 0; color: #74798b; font-size: 11px; line-height: 1.65; }.showcase-takeaway strong { color: #383d56; }.positioning-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 25px; padding: 19px 22px; border: 1px solid #e7e4fa; border-radius: 16px; background: linear-gradient(105deg,#fff,#f3f0ff 54%,#f1fbf5); }.positioning-cta > span { display: flex; flex-direction: column; gap: 3px; }.positioning-cta b { color: #333850; font-family: var(--font-display); font-size: 15px; }.positioning-cta small { color: #777c8e; font-size: 11px; }

@media (max-width: 1080px) {
  .container { width: min(100% - 40px, 1000px); }
  .hero-grid { gap: 25px; grid-template-columns: 1fr .93fr; }.hero-copy h1 { font-size: clamp(42px, 5.3vw, 59px); letter-spacing: -2.9px; }.hero-visual { min-height: 520px; }.dashboard-card { width: min(100%, 396px); padding-inline: 16px; }.note-top { right: -6px; }.note-bottom { left: -8px; }
  .services-grid { grid-template-columns: repeat(4, 1fr); }.service-card { padding-inline: 16px; }.service-card h3 { font-size: 14px; }
  .audit-layout { gap: 38px; }.about-grid { gap: 55px; }.booking-shell { gap: 50px; }.faq-layout { gap: 60px; }
  .roadmap-track { grid-template-columns: repeat(3, minmax(0, 1fr)); }.roadmap-stage { min-height: 265px; }
  .salary-journey { grid-template-columns: 1fr; gap: 19px; padding: 25px; }.salary-journey-path { justify-self: start; }
  .linkedin-window, .github-window { min-height: 400px; }.github-profile-body { grid-template-columns: 95px minmax(0,1fr); gap: 10px; }
}
@media (max-width: 820px) {
  .section-pad { padding: 80px 0; }.section-pad-small { padding: 56px 0; }
  .nav-shell { height: 68px; }.mobile-menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 41px; height: 41px; border: 1px solid #e4e4ee; border-radius: 11px; background: white; cursor: pointer; }.mobile-menu-toggle span { display: block; width: 16px; height: 2px; margin: 0 auto; border-radius: 2px; background: var(--ink); transition: transform .2s; }.mobile-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }.mobile-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .primary-nav { position: absolute; display: none; top: 68px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 22px 18px; border-bottom: 1px solid var(--line); background: rgba(250,250,255,.98); box-shadow: 0 15px 25px rgba(30,32,60,.06); }.primary-nav.open { display: flex; }.primary-nav > a:not(.nav-cta) { padding: 13px 4px; border-bottom: 1px solid #eeedf5; }.nav-cta { margin: 12px 0 0; padding: 13px 16px; text-align: center; }
  .hero-section { padding-top: 50px; }.hero-grid { grid-template-columns: 1fr; gap: 10px; }.hero-copy { max-width: 650px; }.hero-copy h1 { max-width: 660px; font-size: clamp(48px, 8vw, 68px); }.hero-intro { max-width: 610px; }.hero-visual { min-height: 520px; margin-top: -2px; }.dashboard-card { width: min(100%, 435px); }.note-top { right: calc(50% - 240px); }.note-bottom { left: calc(50% - 244px); }.decor-grid { left: calc(50% - 238px); }.hero-bottom { align-items: flex-start; flex-direction: column; margin-top: 22px; }
  .problem-grid { grid-template-columns: 1fr 1.5fr; gap: 24px 30px; }.section-kicker { grid-column: 1/-1; }.kicker-line { display: none; }.problem-items { grid-column: 2; }
  .services-grid { grid-template-columns: repeat(2, 1fr); }.service-card { min-height: 255px; padding: 22px; }.service-card h3 { font-size: 16px; }.service-card p { font-size: 12px; }
  .audit-layout { grid-template-columns: 1fr; gap: 36px; }.audit-intro { position: static; padding-top: 0; }.audit-intro > p { max-width: 600px; }.audit-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.audit-benefits > div { align-items: flex-start; line-height: 1.5; }.privacy-note { margin-top: 25px; max-width: 500px; }
  .process-head { align-items: flex-start; flex-direction: column; gap: 15px; }.process-head > p { max-width: 600px; }.process-steps { grid-template-columns: repeat(2, 1fr); gap: 32px 20px; }.process-steps::before { display: none; }.process-steps article { padding-left: 20px; }.process-steps p { min-height: initial; }
  .about-grid { grid-template-columns: .8fr 1.2fr; gap: 30px; }.about-visual { min-height: 400px; }.about-back-shape { width: 250px; height: 320px; }.about-card-main { width: 260px; padding: 24px; }.about-sticker { right: -3px; bottom: 25px; }.about-copy h2 { font-size: 34px; }
  .booking-shell { grid-template-columns: 1fr; gap: 40px; }.booking-copy > p { max-width: 610px; }.booking-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.booking-list > div { align-items: flex-start; line-height: 1.55; }.booking-small-note { margin-top: 28px; }
  .faq-layout { grid-template-columns: 1fr; gap: 22px; }.faq-layout > div:first-child > p { max-width: 450px; }
  .roadmap-heading { align-items: flex-start; }.roadmap-stamp { flex-basis: 165px; }.roadmap-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }.roadmap-stage { min-height: 250px; }.blueprint-head { margin-top: 54px; }.project-recipe { grid-template-columns: 1fr auto 1fr; }.project-recipe > div:nth-of-type(3) { grid-column: 1; }.project-recipe > div:nth-of-type(4) { grid-column: 3; }.project-recipe > .recipe-arrow:nth-of-type(3) { display: none; }
  .positioning-heading { align-items: flex-start; flex-direction: column; gap: 13px; margin-bottom: 32px; }.positioning-heading > p { max-width: 620px; }.profile-showcase-grid { grid-template-columns: 1fr; gap: 17px; }.linkedin-window, .github-window { min-height: initial; }.github-profile-body { grid-template-columns: 145px minmax(0,1fr); gap: 18px; }.showcase-card { padding: 18px; }
  .salary-journey { padding: 21px 18px; border-radius: 18px; }.salary-journey h3 { font-size: 26px; }.salary-journey-path { width: 100%; grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr; gap: 3px; padding: 12px 7px; }.salary-journey-path > div { min-width: 0; }.salary-journey-path span { font-size: 7px; }
}
@media (max-width: 560px) {
  body { font-size: 14px; }.container { width: calc(100% - 34px); }.announcement-bar { flex-wrap: wrap; gap: 5px 8px; padding: 8px 14px; font-size: 9px; }.announcement-bar a { margin-left: 0; }.brand { font-size: 20px; }
  .section-pad { padding: 66px 0; }.section-pad-small { padding: 48px 0; }.hero-section { padding-top: 37px; }.hero-copy h1 { margin-top: 17px; font-size: clamp(43px, 13vw, 57px); letter-spacing: -2.5px; }.hero-intro { font-size: 13px; line-height: 1.8; }.hero-actions { align-items: stretch; flex-direction: column; gap: 10px; }.hero-actions .button { width: 100%; }.hero-proof-row { margin-top: 25px; }.hero-mini-stats { gap: 14px; margin-top: 26px; padding-top: 20px; }.hero-mini-stats strong { font-size: 21px; }.hero-mini-stats div > span { font-size: 9px; }.hero-mini-stats i { height: 29px; }
  .hero-visual { min-height: 440px; margin-inline: -8px; }.dashboard-card { padding: 13px 13px 12px; border-radius: 17px; transform: none; }.dashboard-topline { padding-bottom: 13px; }.profile-person-row { padding: 14px 0 12px; }.score-panel { padding: 12px 13px; }.score-ring { width: 65px; height: 65px; }.score-copy > div strong { font-size: 30px; }.signal-row { gap: 6px; padding: 8px 0; }.signal-row > div strong { font-size: 9px; }.signal-row > div small { font-size: 8px; }.signal-tag { padding: 4px 5px; font-size: 7px; }.signal-status { width: 24px; height: 24px; flex-basis: 24px; }.note-top { top: -3px; right: 1px; }.note-bottom { bottom: -3px; left: 1px; }.floating-note { padding: 9px 10px; gap: 7px; }.note-icon { width: 27px; height: 27px; }.floating-note strong { font-size: 9px; }.floating-note small { font-size: 8px; }.decor-grid { top: 60px; left: 4px; }
  .hero-bottom { gap: 13px; margin-top: 15px; padding-top: 19px; }.role-chips { gap: 6px; }.role-chips span { padding: 4px 8px; font-size: 9px; }
  .problem-grid { grid-template-columns: 1fr; gap: 23px; }.section-kicker, .problem-items { grid-column: 1; }.problem-copy h2 { font-size: 31px; }.problem-copy p { font-size: 12px; }.problem-items { gap: 15px; }
  .section-heading { margin-bottom: 34px; }.section-heading h2 { font-size: 33px; letter-spacing: -1.3px; }.section-heading p { font-size: 12px; }.services-grid { grid-template-columns: 1fr; gap: 11px; }.service-card { min-height: initial; padding: 19px; }.service-card h3 { margin-top: 13px; }.service-card p { margin-bottom: 18px; }
  .audit-intro h2, .booking-copy h2 { font-size: 38px; letter-spacing: -1.7px; }.audit-benefits { grid-template-columns: 1fr; gap: 11px; }.audit-benefits > div { align-items: center; }.audit-form-card { padding: 21px 17px; border-radius: 17px; }.form-card-heading { gap: 8px; margin-bottom: 20px; }.form-card-heading h3 { font-size: 19px; }.form-two-cols { grid-template-columns: 1fr; gap: 0; }.form-step { padding: 4px 6px; }.field { margin-bottom: 14px; }.field > span { font-size: 10px; }.field input, .field select, .field textarea { font-size: 12px; }.upload-copy strong { max-width: 195px; font-size: 9px; }
  .process-head h2 { font-size: 33px; }.process-steps { grid-template-columns: 1fr; gap: 27px; }.process-steps article { display: grid; grid-template-columns: 58px 1fr; padding: 0; column-gap: 14px; }.process-number { top: -4px; left: 0; }.process-icon { grid-row: span 4; width: 40px; height: 40px; margin: 17px 0 0; border-width: 4px; }.process-steps h3 { align-self: end; margin: 0 0 6px; padding-top: 15px; }.process-steps p { margin-bottom: 11px; }.step-tag { justify-self: start; }
  .about-grid { grid-template-columns: 1fr; gap: 40px; }.about-visual { min-height: 390px; max-width: 390px; width: 100%; margin-inline: auto; }.about-back-shape { width: 270px; height: 320px; }.about-card-main { width: 275px; }.about-sticker { right: 0; bottom: 23px; }.about-copy h2 { font-size: 33px; }.about-copy > p { font-size: 12px; }
  .booking-shell { gap: 30px; }.booking-list { grid-template-columns: 1fr; gap: 12px; }.booking-list > div { align-items: center; }.booking-form-wrap { padding: 21px 17px; }.booking-form-heading h3 { font-size: 20px; }.booking-form .form-two-cols { grid-template-columns: 1fr; }.faq-layout h2 { font-size: 31px; }.faq-list summary { font-size: 11px; }
  .footer-main { align-items: flex-start; flex-wrap: wrap; gap: 10px 18px; }.footer-main > p { align-self: center; flex: 1; }.footer-links { width: 100%; margin: 10px 0 0; justify-content: flex-start; flex-wrap: wrap; gap: 12px 20px; }.footer-bottom { flex-direction: column; gap: 7px; }.toast { right: 12px; bottom: 12px; max-width: calc(100vw - 24px); }
  .evaluation-tabs { grid-template-columns: 1fr; }.evaluation-tab { padding: 10px; }.evaluation-tab small { font-size: 9px; }.skill-benchmark-row { align-items: flex-start; }.skill-benchmark-label { padding-top: 4px; }.skill-benchmark-heading { align-items: flex-start; flex-direction: column; gap: 2px; }.skill-benchmark-heading small { text-align: left; }
  .roadmap-heading { flex-direction: column; gap: 22px; margin-bottom: 30px; }.roadmap-heading h2 { font-size: 40px; letter-spacing: -1.8px; }.roadmap-heading-copy > p { font-size: 14px; }.roadmap-stamp { align-self: flex-start; }.roadmap-track { grid-template-columns: 1fr; gap: 10px; }.roadmap-stage { min-height: auto; padding: 17px; }.roadmap-stage p { min-height: initial; }.stage-mark { float: right; margin: 3px 0 5px 10px; }.stage-output { clear: both; }.blueprint-head { align-items: flex-start; flex-direction: column; gap: 8px; margin-top: 45px; }.blueprint-head h3 { font-size: 25px; }.blueprint-grid { grid-template-columns: 1fr; }.blueprint-card { padding: 20px; }.blueprint-card > p, .blueprint-card ul { min-height: initial; }.project-blueprint { padding: 21px 17px 18px; }.project-blueprint-title h3 { font-size: 20px; }.project-recipe { grid-template-columns: 1fr; gap: 9px; margin-top: 18px; padding: 15px; }.project-recipe > div:nth-of-type(n) { grid-column: auto; }.project-recipe > .recipe-arrow { display: none; }.project-recipe > div { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.09); }.project-recipe > div:last-child { border-bottom: 0; }.roadmap-cta { align-items: stretch; flex-direction: column; }.roadmap-cta .button { justify-content: space-between; }
  .positioning-heading h2 { font-size: 39px; letter-spacing: -1.7px; }.showcase-card { padding: 14px; border-radius: 18px; }.showcase-card-heading { gap: 8px; }.showcase-card-heading strong { font-size: 12px; }.showcase-card-heading small { font-size: 8px; }.showcase-example-tag { padding: 5px 6px; font-size: 6px; }.linkedin-topbar { gap: 6px; padding-inline: 8px; }.linkedin-nav-dots { font-size: 8px; }.linkedin-cover { height: 84px; padding-inline: 14px; }.linkedin-cover span { font-size: 11px; }.linkedin-profile-body { padding-inline: 12px; }.linkedin-person strong { font-size: 15px; }.linkedin-person span { max-width: 210px; line-height: 1.4; }.linkedin-action { right: 12px; }.github-topbar { gap: 8px; padding-inline: 8px; }.github-topbar span { font-size: 7px; }.github-profile-tabs { gap: 12px; padding-inline: 9px; font-size: 7px; }.github-profile-body { grid-template-columns: 88px minmax(0,1fr); gap: 9px; padding: 13px 9px; }.github-avatar { width: 61px; height: 61px; }.github-sidebar p { font-size: 7px; }.github-readme, .github-pinned article { padding: 7px; }.positioning-cta { align-items: stretch; flex-direction: column; padding: 17px; }.positioning-cta .button { justify-content: space-between; }
  .profile-preview-dialog { padding: 15px; border-radius: 16px; }.profile-preview-dialog-head h2 { font-size: 19px; }.profile-preview-content .github-profile-body { grid-template-columns: 76px minmax(0,1fr); gap: 10px; padding: 13px 9px; }.profile-preview-content .github-avatar { width: 58px; height: 58px; font-size: 17px; }.profile-preview-content .github-sidebar strong { font-size: 10px; }.profile-preview-content .github-sidebar p, .profile-preview-content .github-readme p { font-size: 8px; }.profile-preview-content .github-readme { padding: 8px; }.profile-preview-content .github-readme b, .profile-preview-content .github-pinned > strong { font-size: 9px; }.profile-preview-content .github-pinned article { padding: 8px; }.profile-preview-content .linkedin-cover { height: 92px; }.profile-preview-content .linkedin-profile-body { padding: 0 12px 14px; }.profile-preview-content .linkedin-avatar { width: 64px; height: 64px; margin-top: -31px; font-size: 17px; }.profile-preview-content .linkedin-person strong { font-size: 17px; }.profile-preview-content .linkedin-person span { font-size: 9px; }
}
@media (max-width: 560px) {
  body { font-size: 15px; }
  .hero-intro { font-size: 14px; }
  .field > span { font-size: 11px; }
  .field input, .field select, .field textarea { font-size: 14px; }
  .upload-copy strong { font-size: 10px; }
}
@media (max-width: 820px) {
  .footer-main { flex-wrap: wrap; }
  .footer-links { margin-left: auto; }
  .footer-social { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .linkedin-window, .github-window, .preview-trigger { transition: none !important; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }