:root {
    --ink: #101b32;
    --muted: #516079;
    --line: #dbe3eb;
    --paper: #f5f8f8;
    --white: #fff;
    --teal: #087f78;
    --teal-bright: #4de1c5;
    --coral: #f19a73;
    --navy: #101b32;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #0c9587; outline-offset: 4px; }
[id] { scroll-margin-top: 92px; }
.page-width { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: absolute; left: 16px; top: -80px; z-index: 100; padding: 12px 16px; background: var(--navy); color: white; border-radius: 8px; }
.skip-link:focus { top: 12px; }

.site-header { position: sticky; top: 0; z-index: 40; background: rgba(250,252,252,.96); border-bottom: 1px solid #dae4e6; backdrop-filter: blur(16px); }
.nav-shell { width: min(1260px, calc(100% - 48px)); min-height: 76px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; font-size: 25px; font-weight: 850; letter-spacing: -.07em; line-height: 1; }
.brand-accent { color: var(--teal); }
.brand-mark { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; gap: 3px; transform: rotate(-12deg); border-radius: 10px; background: var(--navy); }
.brand-mark span { display: block; width: 4px; border-radius: 4px; background: var(--teal-bright); }
.brand-mark span:nth-child(1) { height: 11px; }
.brand-mark span:nth-child(2) { height: 19px; }
.brand-mark span:nth-child(3) { height: 14px; }
.desktop-nav, .nav-actions { display: flex; align-items: center; gap: 28px; }
.desktop-nav a, .nav-login { color: #3f4c61; font-size: 14px; font-weight: 700; }
.desktop-nav a:hover, .nav-login:hover { color: var(--teal); }
.nav-actions { gap: 22px; }
.mobile-nav { display: none; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 54px; padding: 13px 23px; border-radius: 9px; font-weight: 800; line-height: 1.2; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 18px; font-weight: 500; }
.button-small { min-height: 40px; padding: 9px 15px; font-size: 13px; gap: 10px; }
.button-primary { color: white; background: var(--teal); box-shadow: 0 13px 24px rgba(8,127,120,.16); }
.button-primary:hover { background: #076b66; box-shadow: 0 16px 28px rgba(8,127,120,.23); }
.button-outline { color: var(--ink); border: 1px solid #b8c8cf; background: rgba(255,255,255,.55); }
.button-outline:hover { background: white; }
.button-light { background: #fff; color: var(--navy); }
.button-light:hover { background: #dff8ef; }
.text-link { display: inline-flex; align-items: center; gap: 9px; padding-bottom: 5px; color: var(--teal); border-bottom: 2px solid currentColor; font-weight: 800; }
.text-link:hover { gap: 15px; }
.light-link { color: #8cf0d6; }

.hero { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 3% 15%, #f9f3e9 0, transparent 38%), radial-gradient(circle at 92% 76%, #d5eeec 0, transparent 42%), #eaf4f3; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .34; background-image: linear-gradient(#aacac8 1px, transparent 1px), linear-gradient(90deg, #aacac8 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to right, transparent 20%, black 100%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(6px); z-index: -1; }
.hero-glow-one { width: 330px; height: 330px; background: #f8e6d4; left: -160px; top: -130px; }
.hero-glow-two { width: 500px; height: 500px; background: #bde4df; right: -270px; bottom: -280px; }
.hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 62px; align-items: center; min-height: 690px; padding-block: 83px 92px; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow, .section-kicker { margin: 0 0 21px; color: var(--teal); font-size: 12px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 11px; }
.eyebrow-line { width: 25px; height: 2px; background: var(--teal); }
.hero h1 { max-width: 680px; margin: 0; font-size: clamp(49px, 5.3vw, 74px); line-height: 1.05; letter-spacing: -.065em; }
.hero h1 em, .final-cta h2 em { color: var(--teal); font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.045em; }
.hero-lead { max-width: 610px; margin: 27px 0 30px; color: #40566a; font-size: 19px; line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; }
.hero-note { margin: 15px 0 0; color: #607184; font-size: 13px; }
.hero-facts { display: flex; flex-wrap: wrap; gap: 11px 21px; margin-top: 45px; padding-top: 22px; border-top: 1px solid #bcd2d1; color: #42566a; font-size: 12px; font-weight: 750; }
.hero-facts span { display: flex; align-items: center; gap: 8px; }
.hero-facts i { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); }

.hero-art { position: relative; max-width: 560px; padding: 26px 20px 50px; }
.preview-label { position: relative; z-index: 2; display: inline-block; margin: 0 0 12px 8px; padding: 5px 10px; border-radius: 99px; color: #526678; background: rgba(255,255,255,.76); border: 1px solid #d5e2e1; font-size: 11px; font-weight: 700; }
.mail-preview { position: relative; z-index: 1; margin-left: 10px; border: 1px solid #cfdddc; border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 0 27px 65px rgba(16,44,60,.12); transform: rotate(-3deg); }
.mail-top { display: flex; align-items: center; gap: 6px; height: 45px; padding: 0 17px; border-bottom: 1px solid #e7eeee; color: #8799a7; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.mail-top span:last-child { margin-left: auto; }
.mail-dot { width: 7px; height: 7px; border-radius: 50%; background: #d5dedf; }
.mail-dot:first-child { background: #f1a890; }
.mail-content { display: flex; align-items: flex-start; gap: 14px; padding: 31px 26px 35px; }
.mail-avatar { display: grid; place-items: center; flex: 0 0 39px; height: 39px; border-radius: 50%; color: #915439; background: #ffeadc; font-weight: 850; }
.mail-content small, .learning-preview small, .insight-preview small { display: block; color: #768b9d; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.mail-content strong { display: block; margin-top: 6px; font-size: 17px; line-height: 1.3; }
.mail-content p { max-width: 360px; margin: 8px 0 0; color: #66778b; font-size: 13px; }
.flow-connector { position: relative; z-index: 0; height: 42px; margin-left: 52%; border-left: 2px dashed #79b1a9; color: var(--teal); }
.flow-connector span { position: absolute; bottom: -12px; left: -11px; font-size: 22px; }
.learning-preview { position: relative; z-index: 2; display: flex; gap: 15px; width: 88%; margin-left: auto; padding: 21px; border-radius: 16px; color: white; background: var(--navy); box-shadow: 0 24px 46px rgba(16,27,50,.2); transform: rotate(2deg); }
.learning-icon { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 12px; background: #1e716d; color: #98f3d9; font-size: 22px; }
.learning-preview small { color: #8fe6cf; }
.learning-preview strong, .insight-preview strong { display: block; margin-top: 4px; font-size: 16px; line-height: 1.35; }
.learning-preview p { margin: 5px 0 0; color: #c4d6df; font-size: 12px; }
.insight-preview { position: relative; z-index: 3; display: flex; align-items: center; gap: 11px; width: 73%; margin: -1px 0 0 0; padding: 14px 18px; border: 1px solid #dbe7e6; border-radius: 13px; background: #fff; box-shadow: 0 16px 35px rgba(16,44,60,.1); }
.insight-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: #e6f8f2; color: var(--teal); font-weight: 900; }
.insight-preview strong { font-size: 13px; }
.signal-strip { background: var(--navy); color: #fff; }
.signal-inner { display: flex; align-items: center; gap: 50px; min-height: 90px; }
.signal-kicker { flex-shrink: 0; color: #81e2c9; font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.signal-inner p { margin: 0; font-size: 16px; }

.section { padding: 112px 0; }
.section-intro { max-width: 700px; margin-bottom: 50px; }
.section h2, .final-cta h2 { margin: 0; font-size: clamp(36px, 4.25vw, 57px); line-height: 1.12; letter-spacing: -.055em; }
.section-intro > p:last-child, .platform-copy > p:not(.section-kicker), .privacy-grid > div:first-child > p:not(.section-kicker), .faq-grid > div:first-child > p:not(.section-kicker) { color: var(--muted); font-size: 17px; }
.perspectives-intro { max-width: 800px; margin-bottom: 38px; }
.perspectives-intro h2 em { color: var(--teal); font-family: Georgia, serif; font-weight: 400; }
.perspective-choice, .perspective-tabs { display: none; }
.perspective-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.perspective-panel { display: flex; flex-direction: column; min-width: 0; min-height: 570px; padding: 27px; border: 1px solid #dce6e7; border-radius: 18px; background: #fff; box-shadow: 0 16px 36px rgba(16,27,50,.045); }
.organisation-panel { background: #f1f8f6; border-color: #cfe3df; }
.perspective-panel-header { display: flex; align-items: center; gap: 15px; }
.perspective-panel-header > div > span { display: block; color: var(--teal); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.perspective-panel h3 { margin: 3px 0 0; font-size: clamp(20px, 2.2vw, 26px); line-height: 1.2; letter-spacing: -.035em; }
.perspective-icon { display: grid; place-items: center; flex: 0 0 46px; height: 46px; border-radius: 12px; font-size: 24px; }
.person-icon { background: #e1f4f0; color: var(--teal); }
.organisation-icon { background: #deebe9; color: var(--teal); }
.perspective-description { max-width: 450px; min-height: 48px; margin: 17px 0 24px; color: var(--muted); font-size: 14px; }
.learning-window, .report-window { overflow: hidden; margin-top: auto; border: 1px solid #d8e2e7; border-radius: 13px; background: #fff; box-shadow: 0 15px 27px rgba(16,27,50,.07); }
.window-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 17px; border-bottom: 1px solid #e4eaed; color: #6b7b8b; font-size: 11px; font-weight: 750; }
.window-dots { color: #e3aaa1; letter-spacing: 3px; font-size: 9px; }
.window-body { padding: 25px 25px 23px; }
.window-tag { display: inline-block; padding: 6px 9px; border-radius: 5px; background: #e1f4f0; color: #08766f; font-size: 10px; font-weight: 850; letter-spacing: .08em; }
.window-body h4 { margin: 16px 0 6px; color: var(--ink); font-size: 23px; line-height: 1.2; letter-spacing: -.04em; }
.window-body > p { margin: 0 0 17px; color: var(--muted); font-size: 13px; }
.warning-list { display: grid; gap: 9px; padding: 0; margin: 0; list-style: none; }
.warning-list li { position: relative; min-height: 42px; padding: 10px 11px 10px 45px; border-radius: 7px; background: #f4f7f7; color: #46576a; font-size: 12px; line-height: 1.5; }
.warning-list li span { position: absolute; left: 11px; top: 10px; color: #aa6948; font-weight: 850; }
.warning-list li strong { color: var(--ink); }
.report-period { color: #738c8a; font-weight: 500; }
.report-window-body { padding: 24px 22px 22px; }
.report-preview-title { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.report-preview-title strong { font-size: 17px; letter-spacing: -.025em; }
.report-preview-title span { color: #718391; font-size: 10px; }
.preview-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 20px 0; }
.preview-metrics div { min-width: 0; padding: 13px 8px; border-radius: 8px; background: #f2f7f6; text-align: center; }
.preview-metrics strong { display: block; font-size: 25px; line-height: 1.1; color: var(--ink); }
.preview-metrics span { display: block; margin-top: 5px; color: #607384; font-size: 10px; }
.preview-progress { padding: 17px; border: 1px solid #e0eae9; border-radius: 9px; }
.preview-progress > span { display: block; color: var(--ink); font-size: 12px; font-weight: 800; }
.preview-progress > div { display: flex; align-items: end; gap: 10px; height: 52px; margin: 10px 0; padding-bottom: 0; border-bottom: 1px solid #d8e4e4; }
.preview-progress i { flex: 1; height: 35%; border-radius: 3px 3px 0 0; background: #69bfb3; }
.preview-progress i:nth-child(2) { height: 55%; }
.preview-progress i:nth-child(3) { height: 38%; }
.preview-progress i:nth-child(4) { height: 70%; }
.preview-progress i:nth-child(5) { height: 59%; }
.preview-progress i:nth-child(6) { height: 85%; background: var(--teal); }
.preview-progress small { color: #677b88; font-size: 11px; }
.perspective-next { display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-top: 22px; padding: 25px 29px; border-radius: 15px; background: var(--navy); color: white; }
.perspective-next strong { font-size: 20px; letter-spacing: -.025em; }
.perspective-next p { margin: 4px 0 0; color: #b9cad5; font-size: 13px; }
.perspective-next .button { flex-shrink: 0; }
.perspective-disclaimer { margin: 14px 0 0; color: #6a7b89; font-size: 12px; }

.section-ink { color: #fff; background: radial-gradient(circle at 2% 100%, #1c5155 0, transparent 35%), var(--navy); }
.platform-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; }
.section-kicker.light { color: #81e2c9; }
.platform-copy > p:not(.section-kicker) { margin: 24px 0 32px; color: #b8c9d5; }
.platform-list { border-top: 1px solid #385066; }
.platform-list article { display: grid; grid-template-columns: 44px 1fr; gap: 20px; padding: 23px 0; border-bottom: 1px solid #385066; }
.feature-glyph { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: #24504e; color: #98f2da; font-size: 11px; font-weight: 850; }
.platform-list h3 { margin: 0 0 5px; font-size: 17px; }
.platform-list p { margin: 0; max-width: 470px; color: #b6c6d2; font-size: 14px; }

.pilot-section { position: relative; overflow: hidden; background: #f8eee5; }
.pilot-section::before { content: "03"; position: absolute; right: max(2vw, calc((100vw - 1300px) / 2)); top: -105px; color: rgba(161,88,63,.055); font-size: clamp(230px, 34vw, 490px); font-weight: 900; letter-spacing: -.12em; line-height: 1; pointer-events: none; }
.pilot-content { position: relative; }
.pilot-section .section-kicker { color: #9b583d; }
.pilot-intro { max-width: 790px; }
.pilot-intro h2 { max-width: 760px; }
.pilot-lead { max-width: 690px; margin: 22px 0 0; color: #4b5264; font-size: 17px; }
.pilot-journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 45px; margin: 62px 0 56px; padding: 0; list-style: none; counter-reset: pilot-step; }
.pilot-journey li { position: relative; min-width: 0; padding-top: 96px; counter-increment: pilot-step; }
.pilot-journey li::before { content: counter(pilot-step, decimal-leading-zero); position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 70px; height: 70px; border: 2px solid #bd7150; border-radius: 50%; background: #f8eee5; color: #9b583d; font-size: 25px; font-weight: 800; letter-spacing: -.05em; }
.pilot-journey li:not(:last-child)::after { content: ""; position: absolute; top: 35px; left: 82px; width: calc(100% - 39px); border-top: 2px dashed #d9a48d; }
.pilot-journey h3 { margin: 0 0 9px; font-size: 20px; line-height: 1.3; letter-spacing: -.025em; }
.pilot-journey p { max-width: 300px; margin: 0; color: #505b68; font-size: 15px; }
.pilot-invitation { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 32px 38px; border-radius: 17px; background: var(--navy); color: #fff; box-shadow: 0 22px 44px rgba(16,27,50,.13); }
.pilot-invitation p { margin: 0; }
.pilot-invitation-title { font-size: 21px; font-weight: 800; letter-spacing: -.03em; line-height: 1.35; }
.pilot-invitation-note { margin-top: 6px !important; color: #c8d6dd; font-size: 14px; }
.pilot-invitation .button { flex: none; }

.privacy-section { background: #fff; }
.privacy-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; }
.privacy-grid > div:first-child > p:not(.section-kicker) { margin: 20px 0 25px; }
.privacy-points article { display: grid; grid-template-columns: 35px 1fr; gap: 18px; padding: 22px 0; border-top: 1px solid var(--line); }
.privacy-points article:last-child { border-bottom: 1px solid var(--line); }
.privacy-points article > span { color: var(--teal); font-size: 12px; font-weight: 850; }
.privacy-points h3 { margin: 0 0 5px; font-size: 17px; }
.privacy-points p { margin: 0; color: var(--muted); font-size: 14px; }

.faq-section { background: #f4f7f7; }
.faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; }
.faq-grid a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
.faq-list { border-top: 1px solid #cfdadd; }
.faq-list details { border-bottom: 1px solid #cfdadd; }
.faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; cursor: pointer; font-weight: 750; list-style: none; }
.faq-list summary::-webkit-details-marker, .mobile-nav summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--teal); font-size: 23px; font-weight: 400; line-height: 1; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list p { max-width: 570px; margin: 0 0 21px; color: var(--muted); font-size: 14px; }

.final-cta { position: relative; overflow: hidden; color: white; background: radial-gradient(circle at 80% 0%, #1f6466 0, transparent 36%), radial-gradient(circle at 0% 100%, #254168 0, transparent 42%), var(--navy); }
.final-cta::after { content: "↗"; position: absolute; right: 2%; top: -200px; color: rgba(116,230,200,.07); font-size: 650px; line-height: 1; font-weight: 900; pointer-events: none; }
.final-inner { position: relative; z-index: 1; padding-block: 110px; text-align: center; }
.final-cta h2 { max-width: 870px; margin: 0 auto; }
.final-cta h2 em { color: #83e9d0; }
.final-inner > p:not(.section-kicker) { margin: 24px auto 29px; color: #c4d5df; font-size: 17px; }
.final-inner > span { display: block; margin-top: 17px; color: #afc5d2; font-size: 13px; }
.final-inner > span a { color: #a1f4df; text-decoration: underline; text-underline-offset: 3px; }

.site-footer { color: #dce8ed; background: #0a1426; }
.footer-grid { display: grid; grid-template-columns: 1.2fr .7fr .8fr; gap: 50px; padding-block: 55px 50px; }
.footer-brand { color: white; }
.footer-brand .brand-accent { color: #83e9d0; }
.footer-grid p { max-width: 270px; margin: 18px 0 0; color: #9cabb9; font-size: 13px; }
.footer-links { display: grid; align-content: start; gap: 9px; font-size: 13px; }
.footer-links a:hover, .footer-contact a:hover { color: #83e9d0; }
.footer-contact { display: grid; align-content: start; gap: 7px; font-size: 13px; }
.footer-contact span { color: #a9b9c8; }
.footer-contact a { color: #a5efdc; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-block: 18px 24px; border-top: 1px solid #29364a; color: #8495a9; font-size: 12px; }

@media (max-width: 1080px) {
    .desktop-nav { gap: 16px; }
    .nav-actions { gap: 12px; }
    .hero-grid { gap: 30px; }
    .platform-grid, .privacy-grid, .faq-grid { gap: 50px; }
}
@media (max-width: 900px) {
    .desktop-nav, .nav-actions { display: none; }
    .mobile-nav { display: block; position: relative; margin-left: auto; }
    .mobile-nav summary { display: grid; align-content: center; gap: 5px; width: 42px; height: 42px; padding: 10px; border: 1px solid #ccdada; border-radius: 8px; cursor: pointer; list-style: none; }
    .mobile-nav summary span { display: block; height: 2px; width: 100%; background: var(--ink); border-radius: 2px; }
    .mobile-nav nav { position: absolute; right: 0; top: 51px; width: min(320px, calc(100vw - 32px)); display: grid; padding: 10px; border: 1px solid #cbd9da; border-radius: 12px; background: white; box-shadow: 0 20px 40px rgba(10,25,40,.15); }
    .mobile-nav nav a { padding: 11px 13px; border-radius: 7px; color: var(--ink); font-size: 14px; font-weight: 750; }
    .mobile-nav nav a:hover { background: #eaf5f2; }
    .hero-grid { grid-template-columns: 1fr; padding-block: 70px 60px; }
    .hero-art { margin: 20px auto 0; width: min(560px, 100%); }
    .hero-copy { max-width: 750px; }
    .platform-grid, .privacy-grid, .faq-grid { grid-template-columns: 1fr; }
    .platform-copy, .privacy-grid > div:first-child, .faq-grid > div:first-child { max-width: 650px; }
    .perspective-panel { padding: 21px; }
    .preview-metrics { gap: 4px; }
}
@media (max-width: 900px) {
    .pilot-journey { gap: 25px; }
    .pilot-invitation { padding: 28px; }
}
@media (max-width: 650px) {
    .page-width, .nav-shell { width: min(100% - 34px, 1180px); }
    .nav-shell { min-height: 66px; }
    .hero-grid { padding-block: 58px 52px; }
    .hero h1 { font-size: clamp(43px, 12vw, 62px); }
    .hero-lead { font-size: 16px; }
    .hero-actions { flex-direction: column; align-items: stretch; }
    .hero-actions .button { justify-content: space-between; }
    .hero-facts { margin-top: 30px; }
    .hero-art { padding: 12px 0 20px; }
    .mail-preview { margin-left: 0; }
    .mail-content { padding: 23px 18px 27px; }
    .learning-preview { width: 94%; padding: 17px; }
    .insight-preview { width: 85%; }
    .signal-inner { align-items: flex-start; flex-direction: column; gap: 8px; padding-block: 22px; }
    .signal-inner p { font-size: 14px; }
    .section { padding: 78px 0; }
    .section h2, .final-cta h2 { font-size: clamp(35px, 10vw, 46px); }
    .section-intro { margin-bottom: 34px; }
    .perspective-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-bottom: 13px; padding: 5px; border-radius: 10px; background: #e3edeb; }
    .perspective-tabs label { padding: 11px 8px; border-radius: 7px; color: #526276; font-size: 13px; font-weight: 800; text-align: center; cursor: pointer; }
    .perspective-choice { display: block; position: absolute; width: 1px; height: 1px; opacity: 0; }
    #perspective-person:checked ~ .perspective-tabs label[for="perspective-person"],
    #perspective-organisation:checked ~ .perspective-tabs label[for="perspective-organisation"] { background: #fff; color: var(--teal); box-shadow: 0 2px 7px rgba(16,27,50,.08); }
    #perspective-person:focus-visible ~ .perspective-tabs label[for="perspective-person"],
    #perspective-organisation:focus-visible ~ .perspective-tabs label[for="perspective-organisation"] { outline: 3px solid #0c9587; outline-offset: 2px; }
    .perspective-grid { display: block; }
    .perspective-panel { display: none; min-height: 0; padding: 18px; }
    #perspective-person:checked ~ .perspective-grid .person-panel,
    #perspective-organisation:checked ~ .perspective-grid .organisation-panel { display: flex; }
    .perspective-description { min-height: 0; }
    .perspective-next { flex-direction: column; align-items: stretch; padding: 23px; }
    .perspective-next .button { justify-content: space-between; }
    .pilot-journey { grid-template-columns: 1fr; gap: 26px; margin: 42px 0; }
    .pilot-journey li { min-height: 70px; padding: 2px 0 0 90px; }
    .pilot-journey li::before { width: 60px; height: 60px; font-size: 21px; }
    .pilot-journey li:not(:last-child)::after { top: 69px; left: 29px; height: calc(100% - 43px); width: 0; border-top: 0; border-left: 2px dashed #d9a48d; }
    .pilot-invitation { flex-direction: column; align-items: stretch; gap: 22px; padding: 28px 24px; }
    .pilot-invitation .button { justify-content: space-between; }
    .final-inner { padding-block: 85px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .footer-bottom { flex-direction: column; gap: 4px; }
}
@media (max-width: 390px) {
    .footer-grid { grid-template-columns: 1fr; }
    .footer-grid > div:first-child { grid-column: auto; }
    .mail-avatar { display: none; }
    .perspective-panel h3 { font-size: 19px; }
    .preview-metrics { grid-template-columns: repeat(2, 1fr); }
    .insight-preview { width: 94%; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}