@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/archivo-400.woff2') format('woff2')} @font-face{font-family:Archivo;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/archivo-500.woff2') format('woff2')} @font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/archivo-600.woff2') format('woff2')} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/jetbrains-400.woff2') format('woff2')} @font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/archivo-700.woff2') format('woff2')} :root { --green-50: oklch(0.972 0.040 142); --green-100: oklch(0.945 0.075 142); --green-200: oklch(0.915 0.120 142); --green-300: oklch(0.905 0.180 142); --green-400: oklch(0.900 0.225 142); --green-500: #69FF47; --green-600: oklch(0.800 0.215 143); --green-700: oklch(0.660 0.170 144); --green-800: oklch(0.520 0.130 145); --green-900: oklch(0.400 0.098 146); --green-950: oklch(0.300 0.072 147); --neutral-0: #FFFFFF; --neutral-50: oklch(0.986 0.003 152); --neutral-100: oklch(0.968 0.004 152); --neutral-150: oklch(0.948 0.005 152); --neutral-200: oklch(0.918 0.006 152); --neutral-300: oklch(0.862 0.007 152); --neutral-400: oklch(0.735 0.008 152); --neutral-500: oklch(0.620 0.009 153); --neutral-600: oklch(0.520 0.009 154); --neutral-700: oklch(0.420 0.008 155); --neutral-800: oklch(0.305 0.008 156); --neutral-900: oklch(0.225 0.007 156); --neutral-950: oklch(0.165 0.006 157); --ink: oklch(0.175 0.006 158); --ink-deep: oklch(0.135 0.005 158); --black-true: #000000; --red-100: oklch(0.945 0.030 27); --red-500: oklch(0.585 0.205 27); --red-600: oklch(0.520 0.195 27); --red-700: oklch(0.455 0.165 27); --amber-100: oklch(0.960 0.045 85); --amber-500: oklch(0.790 0.150 78); --amber-700: oklch(0.560 0.120 70); --blue-100: oklch(0.950 0.030 245); --blue-500: oklch(0.600 0.130 245); --blue-700: oklch(0.470 0.120 248); --surface-page: oklch(0.985 0.003 152); --surface-card: #FFFFFF; --surface-raised: #FFFFFF; --surface-sunken: var(--neutral-100); --surface-hover: var(--neutral-100); --surface-active: var(--neutral-150); --surface-inverse: var(--ink); --surface-brand: var(--green-500); --text-primary: var(--ink); --text-secondary: var(--neutral-600); --text-tertiary: var(--neutral-500); --text-disabled: var(--neutral-400); --text-inverse: var(--neutral-50); --text-on-brand: var(--ink); --text-accent: var(--green-700); --text-link: var(--green-800); --border-subtle: var(--neutral-200); --border-default: var(--neutral-300); --border-strong: var(--neutral-400); --border-inverse: var(--neutral-800); --border-brand: var(--green-500); --accent: var(--green-500); --accent-hover: var(--green-600); --accent-pressed: var(--green-700); --accent-foreground: var(--ink); --accent-subtle: var(--green-50); --accent-subtle-fg: var(--green-800); --accent-subtle-border: var(--green-200); --focus-ring: var(--green-600); --focus-ring-offset: var(--surface-page); --success: var(--green-700); --success-subtle: var(--green-50); --success-fg: var(--green-800); --warning: var(--amber-500); --warning-subtle: var(--amber-100); --warning-fg: var(--amber-700); --danger: var(--red-500); --danger-subtle: var(--red-100); --danger-fg: var(--red-700); --info: var(--blue-500); --info-subtle: var(--blue-100); --info-fg: var(--blue-700); --selection-bg: var(--green-200); --selection-fg: var(--ink); --overlay-scrim: color-mix(in oklab, var(--ink) 55%, transparent); } [data-theme="dark"] { --surface-page: oklch(0.155 0.006 158); --surface-card: oklch(0.205 0.007 157); --surface-raised: oklch(0.240 0.008 157); --surface-sunken: oklch(0.130 0.005 158); --surface-hover: oklch(0.250 0.008 157); --surface-active: oklch(0.285 0.009 156); --surface-inverse: var(--neutral-50); --surface-brand: var(--green-500); --text-primary: var(--neutral-50); --text-secondary: var(--neutral-400); --text-tertiary: var(--neutral-500); --text-disabled: var(--neutral-600); --text-inverse: var(--ink); --text-on-brand: var(--ink); --text-accent: var(--green-400); --text-link: var(--green-300); --border-subtle: oklch(0.275 0.008 157); --border-default: oklch(0.330 0.009 157); --border-strong: oklch(0.430 0.009 156); --border-inverse: var(--neutral-200); --border-brand: var(--green-500); --accent: var(--green-500); --accent-hover: var(--green-400); --accent-pressed: var(--green-600); --accent-foreground: var(--ink); --accent-subtle: color-mix(in oklab, var(--green-500) 14%, var(--surface-card)); --accent-subtle-fg: var(--green-300); --accent-subtle-border: color-mix(in oklab, var(--green-500) 30%, transparent); --focus-ring: var(--green-400); --focus-ring-offset: var(--surface-page); --success: var(--green-400); --success-subtle: color-mix(in oklab, var(--green-500) 14%, var(--surface-card)); --success-fg: var(--green-300); --warning: var(--amber-500); --warning-subtle: color-mix(in oklab, var(--amber-500) 16%, var(--surface-card)); --warning-fg: var(--amber-500); --danger: oklch(0.640 0.195 27); --danger-subtle: color-mix(in oklab, var(--red-500) 18%, var(--surface-card)); --danger-fg: oklch(0.720 0.150 27); --info: oklch(0.660 0.120 245); --info-subtle: color-mix(in oklab, var(--blue-500) 18%, var(--surface-card)); --info-fg: oklch(0.760 0.100 245); --selection-bg: color-mix(in oklab, var(--green-500) 35%, transparent); --selection-fg: var(--neutral-50); --overlay-scrim: color-mix(in oklab, #000 65%, transparent); } :root { --font-display: 'Archivo', 'Archivo Expanded', 'Helvetica Neue', Arial, sans-serif; --font-sans: 'Archivo', 'Helvetica Neue', Arial, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace; --font-brand: var(--font-mono); --weight-light: 300; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-extrabold: 800; --text-2xs: 0.6875rem; --text-xs: 0.75rem; --text-sm: 0.8125rem; --text-base: 0.9375rem; --text-md: 1.0625rem; --text-lg: 1.3125rem; --text-xl: 1.625rem; --text-2xl: 2.125rem; --text-3xl: 2.75rem; --text-4xl: 3.75rem; --text-5xl: 5rem; --text-6xl: 6.75rem; --leading-none: 1; --leading-tight: 1.06; --leading-snug: 1.18; --leading-normal: 1.45; --leading-relaxed: 1.62; --tracking-tighter: -0.035em; --tracking-tight: -0.018em; --tracking-normal: 0em; --tracking-wide: 0.02em; --tracking-wider: 0.06em; --tracking-widest: 0.16em; --type-display-1: var(--weight-bold) var(--text-6xl)/var(--leading-none) var(--font-display); --type-display-2: var(--weight-bold) var(--text-5xl)/var(--leading-tight) var(--font-display); --type-h1: var(--weight-bold) var(--text-4xl)/var(--leading-tight) var(--font-display); --type-h2: var(--weight-semibold) var(--text-3xl)/var(--leading-tight) var(--font-display); --type-h3: var(--weight-semibold) var(--text-2xl)/var(--leading-snug) var(--font-display); --type-h4: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans); --type-h5: var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-sans); --type-body-lg: var(--weight-regular) var(--text-md)/var(--leading-relaxed) var(--font-sans); --type-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans); --type-body-sm: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-sans); --type-label: var(--weight-medium) var(--text-sm)/var(--leading-snug) var(--font-sans); --type-eyebrow: var(--weight-medium) var(--text-2xs)/var(--leading-snug) var(--font-mono); --type-mono: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-mono); } :root { --space-0: 0; --space-px: 1px; --space-0-5: 0.125rem; --space-1: 0.25rem; --space-1-5: 0.375rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem; --space-40: 10rem; --space-48: 12rem; --container-sm: 640px; --container-md: 840px; --container-lg: 1080px; --container-xl: 1280px; --container-2xl: 1480px; --gutter: clamp(1.25rem, 5vw, 5rem); --control-sm: 32px; --control-md: 40px; --control-lg: 48px; --control-xl: 56px; --border-width-hairline: 1px; --border-width-thick: 1.5px; --border-width-heavy: 2px; } :root { --radius-none: 0; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 10px; --radius-xl: 14px; --radius-2xl: 20px; --radius-full: 999px; --shadow-color: 158 8% 8%; --shadow-xs: 0 1px 2px hsl(var(--shadow-color) / 0.06); --shadow-sm: 0 1px 2px hsl(var(--shadow-color) / 0.05), 0 2px 6px hsl(var(--shadow-color) / 0.05); --shadow-md: 0 2px 4px hsl(var(--shadow-color) / 0.05), 0 6px 16px hsl(var(--shadow-color) / 0.07); --shadow-lg: 0 4px 8px hsl(var(--shadow-color) / 0.05), 0 16px 32px hsl(var(--shadow-color) / 0.09); --shadow-xl: 0 8px 16px hsl(var(--shadow-color) / 0.06), 0 28px 56px hsl(var(--shadow-color) / 0.12); --shadow-inset: inset 0 1px 0 hsl(0 0% 100% / 0.04); --glow-brand: 0 0 0 1px color-mix(in oklab, var(--green-500) 60%, transparent), 0 6px 24px color-mix(in oklab, var(--green-500) 28%, transparent); --duration-instant: 80ms; --duration-fast: 140ms; --duration-base: 220ms; --duration-slow: 340ms; --duration-slower: 520ms; --ease-standard: cubic-bezier(0.2, 0, 0, 1); --ease-out: cubic-bezier(0.22, 1, 0.36, 1); --ease-in: cubic-bezier(0.55, 0, 1, 0.45); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --ring: 0 0 0 2px var(--focus-ring-offset), 0 0 0 4px var(--focus-ring); --z-base: 0; --z-raised: 10; --z-sticky: 100; --z-overlay: 1000; --z-modal: 1100; --z-toast: 1200; --z-tooltip: 1300; } :root{--paper:var(--surface-page);--line:var(--neutral-300);--muted:var(--neutral-700)} *{box-sizing:border-box} html{scrollbar-gutter:stable;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-size,80px) + 24px)} body{margin:0;background:var(--paper);color:var(--ink);font:var(--type-body-lg);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased} h1,h2,h3,h4,p,ul,ol,figure{margin:0} h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tighter)} h1{font-size:var(--text-5xl);line-height:var(--leading-tight);font-weight:700} h2{font-size:var(--text-3xl);line-height:var(--leading-snug)} h3{font-size:var(--text-lg);line-height:var(--leading-snug)} h4{font-size:var(--text-md);line-height:var(--leading-snug)} h1,h2,h3,h4{text-wrap:balance} h3,h4{letter-spacing:var(--tracking-tight)} p{text-wrap:pretty} a{color:inherit;text-decoration:none;text-underline-offset:5px} button,input,textarea{font:inherit} button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent} button,a{touch-action:manipulation} button,summary{cursor:pointer} button{color:inherit} button:disabled{cursor:not-allowed} svg{width:20px;height:20px;flex-shrink:0} img{display:block;max-width:100%} [hidden]{display:none!important} .wrap{width:calc(100% - 2 * var(--gutter));max-width:var(--container-xl);margin-inline:auto} .section{padding-block:clamp(4rem,7vw,6rem)} .eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;line-height:1.6;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-5);color:var(--neutral-600)} .ordinal{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;color:var(--neutral-600)} :where(a,button,input,textarea,summary,[tabindex]){scroll-margin-block:24px} :where(a,button,input,textarea,summary):focus-visible{outline:2px solid var(--green-800);outline-offset:2px} :where(.header,.hero,.footer) :focus-visible{outline-color:var(--green-500)} main[tabindex]:focus,section[tabindex]:focus,aside[tabindex]:focus{outline:none} :where(.header-inner,.section-heading,.areas,.areas article,.moment-grid,.steps,.method,.roles,.value,.faq-grid,.contact-grid,.output-grid,.foundations-grid)>*{min-width:0} .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap} .skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:12px 20px;background:var(--green-500);color:var(--ink);border-radius:var(--radius-md)} .skip-link:focus{top:12px} .button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-height:var(--control-lg);max-width:100%;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;line-height:1.5;text-align:left;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)} .button-brand,.button-dark{background:var(--green-500);color:var(--ink)} .button-brand:hover,.button-dark:hover{background:var(--accent-hover)} .button-brand:active,.button-dark:active{background:var(--accent-pressed)} .button-light{background:var(--ink);color:var(--neutral-0)} .button-light:hover{background:var(--neutral-800)} .text-link,.source-link{display:inline-flex;align-items:center;gap:var(--space-4);min-height:48px;font-size:var(--text-base);font-weight:500} .text-link:hover,.source-link:hover{text-decoration:underline} .text-link svg{width:18px} .header{position:sticky;top:0;z-index:30;background:var(--ink-deep);color:var(--neutral-100);border-bottom:1px solid var(--neutral-800)} .header-inner{display:flex;align-items:center;gap:var(--space-10);min-height:80px;padding-block:var(--space-3);flex-wrap:wrap} .brand{position:relative;display:block;width:164px;height:48px;overflow:hidden;flex-shrink:0} .brand img{position:absolute;width:125%;max-width:none;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)} .desktop-nav{display:flex;align-items:center;gap:var(--space-8)} .desktop-nav a,.nav-cta{display:inline-flex;align-items:center;min-height:48px;font-size:var(--text-sm)} .desktop-nav a:hover{text-decoration:underline} .header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-8)} .languages{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs)} .languages a{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:28px} .languages a[aria-current]{text-decoration:underline;text-underline-offset:7px} .languages>span{color:var(--neutral-600)} .nav-cta{gap:var(--space-6);padding-inline:var(--space-5);border:1px solid var(--neutral-600);border-radius:var(--radius-md)} .nav-cta:hover{border-color:var(--neutral-300)} .nav-cta svg{width:16px} .menu-toggle{display:none;position:relative;width:48px;height:48px;padding:12px;background:none;border:0;flex-shrink:0} .menu-toggle span{display:block;width:24px;height:1px;margin-block:7px;background:var(--neutral-100);transition:transform var(--duration-fast) var(--ease-out)} .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)} .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)} .mobile-nav{position:absolute;top:100%;left:0;width:100%;padding:var(--space-3) var(--gutter) var(--space-6);background:var(--ink-deep);max-height:calc(100dvh - var(--header-size,80px));overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--neutral-700)} .mobile-nav a{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--neutral-800)} .fallback-nav{display:flex;flex-wrap:wrap;gap:var(--space-5);padding-block:12px} .fallback-nav a{min-height:48px;display:inline-flex;align-items:center} .hero{background:var(--ink-deep);color:var(--neutral-0);padding-block:clamp(4rem,7vw,6rem) clamp(4rem,6vw,5rem)} .hero h1{font-size:clamp(2.75rem,1rem + 4.8vw,5rem);max-width:19ch} .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-10)} .hero .text-link{color:var(--neutral-100)} .moment h2{font-size:var(--text-2xl);max-width:26ch} .moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12);margin-top:var(--space-10)} .moment-grid article{padding-top:var(--space-5);border-top:1px solid var(--line)} .moment-grid p{font-size:var(--text-base);line-height:1.65;color:var(--muted);margin-top:var(--space-3);max-width:35ch} .mandate{background:var(--neutral-100)} .section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:var(--space-20)} .section-intro{font-size:var(--text-md);line-height:1.7;color:var(--muted);max-width:48ch} .areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12);margin-top:var(--space-16)} .areas article{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-6)} .areas .ordinal{padding-top:2px} .areas p{font-size:var(--text-base);line-height:1.65;color:var(--muted);margin-top:var(--space-3)} .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8);list-style:none;padding:0;margin-top:var(--space-16)} .steps li{border-top:1px solid var(--neutral-400);padding-top:var(--space-5)} .step-number{display:block;font:var(--type-mono);color:var(--green-800);margin-bottom:var(--space-8)} .steps h3{font-size:var(--text-lg)} .steps p{font-size:var(--text-base);color:var(--muted);line-height:1.65;margin-top:var(--space-3)} .method{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-16);margin-top:var(--space-16);padding:var(--space-10);background:var(--green-100);border-radius:var(--radius-md)} .method h3{font-size:var(--text-xl)} .method p:not(.eyebrow){font-size:var(--text-base);line-height:1.7;color:var(--muted)} .method .text-link{margin-top:var(--space-3);color:var(--green-800)} .execution{border-top:1px solid var(--line)} .roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12);margin-top:var(--space-12)} .roles article{border-top:1px solid var(--line);padding-top:var(--space-6)} .roles p{font-size:var(--text-base);line-height:1.65;color:var(--muted);margin-top:var(--space-3)} .value{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-10) var(--space-20);margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--line)} .value h3{font-size:var(--text-xl)} .value>div>p:last-child{font-size:var(--text-base);color:var(--muted);line-height:1.7;margin-top:var(--space-5);max-width:45ch} .value ol{list-style:none;padding:0} .value li{display:flex;gap:var(--space-5);padding-block:var(--space-4);border-bottom:1px solid var(--line);font-size:var(--text-base)} .value li:first-child{padding-top:0} .value-note{font-size:var(--text-sm);color:var(--muted);line-height:1.7;grid-column:1/-1;max-width:90ch} .faq-section{border-top:1px solid var(--line)} .faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--space-20)} .faq-grid>h2{padding-top:var(--space-4);max-width:14ch} summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);list-style:none;min-height:64px;padding-block:var(--space-5);font-weight:500;line-height:1.5} summary::-webkit-details-marker{display:none} .plus{position:relative;width:14px;height:14px;flex:0 0 14px} .plus:before,.plus:after{content:"";position:absolute;top:6px;left:0;width:14px;height:1px;background:currentColor} .plus:after{transform:rotate(90deg);transition:transform var(--duration-fast) var(--ease-out)} details[open]>summary .plus:after{transform:rotate(0)} details{border-bottom:1px solid var(--line)} details:first-child{border-top:1px solid var(--line)} .faq>p{font-size:var(--text-base);line-height:1.75;color:var(--muted);padding-bottom:var(--space-6);padding-right:var(--space-8)} .contact{background:var(--neutral-100)} .contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-20)} .contact-intro{font-size:var(--text-md);line-height:1.7;color:var(--muted);max-width:42ch;margin-top:var(--space-6)} .contact-links{display:flex;flex-direction:column;align-items:flex-start;min-width:0} .contact-phone,.contact-email{display:flex;align-items:center;gap:var(--space-4);min-height:48px;width:fit-content;max-width:100%;font-size:var(--text-base)} .contact-phone{margin-top:var(--space-6)} .contact-email:hover,.contact-phone:hover{text-decoration:underline} .footer{background:var(--ink-deep);color:var(--neutral-300);padding-top:var(--space-12)} .footer-top{display:flex;align-items:center;gap:var(--space-16);padding-bottom:var(--space-10)} .footer-top>p{font-size:var(--text-lg);line-height:1.4;color:var(--neutral-100);letter-spacing:var(--tracking-tight)} .back-top{margin-left:auto;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--neutral-600);border-radius:var(--radius-md);flex-shrink:0} .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);border-top:1px solid var(--neutral-800);padding-block:var(--space-4);font-size:var(--text-xs)} .footer-bottom>div{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8)} .footer-bottom a,.privacy-open{display:inline-flex;align-items:center;min-height:48px;gap:var(--space-3)} .privacy-open{background:none;border:0;padding:0;font-size:inherit} .footer-bottom svg{width:16px} .privacy-dialog{width:calc(100% - 32px);max-width:600px;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--paper);color:var(--ink);border:1px solid var(--neutral-400);border-radius:var(--radius-lg);padding:var(--space-10);overscroll-behavior:contain} .privacy-dialog::backdrop{background:rgb(0 0 0/.6)} .privacy-dialog h2{font-size:var(--text-2xl);padding-right:var(--space-6)} .privacy-dialog>p:not(.eyebrow){font-size:1rem;line-height:1.7;color:var(--muted);margin-block:var(--space-6)} .dialog-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-left:auto;margin-bottom:var(--space-4);border:1px solid var(--neutral-500);background:transparent;border-radius:var(--radius-md);font-size:24px} .back-link{display:inline-flex;align-items:center;min-height:48px;font-size:var(--text-sm);margin-bottom:var(--space-10)} .assessment-hero{padding-top:var(--space-8);border-bottom:1px solid var(--line)} .assessment-hero h1{font-size:var(--text-4xl);max-width:22ch} .assessment-intro{font-size:var(--text-lg);max-width:62ch;color:var(--muted);line-height:1.7;margin-top:var(--space-8)} .assessment-hero .button{margin-top:var(--space-8)} .output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12);margin-top:var(--space-10)} .output-grid article{border-top:1px solid var(--line);padding-top:var(--space-5)} .output-grid h3{margin-top:var(--space-6)} .output-grid p{color:var(--muted);font-size:var(--text-base);line-height:1.7;margin-top:var(--space-3)} .method-details{margin-top:var(--space-16)} .origin{max-width:75ch;color:var(--muted);font-size:var(--text-base);line-height:1.7;padding-bottom:var(--space-8)} .foundations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10);padding-block:var(--space-4) var(--space-8)} .foundations-grid p{font-size:var(--text-base);color:var(--muted);margin-top:var(--space-3)} .foundations-grid a{font-size:var(--text-sm);margin-top:var(--space-2)} .small-note{font-size:var(--text-sm);color:var(--muted);padding-bottom:var(--space-8)} .perspectives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4) var(--space-8);padding:0 0 var(--space-8);list-style:none;font-size:var(--text-base);color:var(--muted)} .error-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-5)} .error-header>a:last-child{display:flex;align-items:center;min-height:48px;font-size:var(--text-sm)} .error-page{padding-block:var(--space-20);max-width:900px} .error-page h1{font-size:var(--text-4xl)} .error-page>p:not(.eyebrow){font-size:var(--text-lg);max-width:50ch;color:var(--muted);margin-top:var(--space-8)} .error-page .button{margin-top:var(--space-8)} @media(max-width:1100px){ .header-inner{gap:var(--space-6)} .desktop-nav{gap:var(--space-5)} .header-actions{gap:var(--space-6)} .section-heading,.contact-grid,.value,.faq-grid{gap:var(--space-10)} .areas{gap:var(--space-10) var(--space-8)} } @media(max-width:960px){ .desktop-nav,.nav-cta{display:none} .header-inner{min-height:72px;padding-block:var(--space-2)} .menu-toggle{display:block} .header-actions{gap:var(--space-4)} .languages a[aria-current],.languages>span{display:none} .languages a{width:48px;min-height:48px;border:1px solid var(--neutral-600);border-radius:var(--radius-md)} .areas{grid-template-columns:repeat(2,minmax(0,1fr))} .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)} .section-heading,.contact-grid,.faq-grid{grid-template-columns:1fr;gap:var(--space-8)} .section-intro{max-width:60ch} .moment-grid,.roles{gap:var(--space-6)} .method{gap:var(--space-8)} .footer-top{gap:var(--space-10)} } @media(max-width:700px){ h1{font-size:var(--text-3xl)} h2{font-size:var(--text-2xl)} .section{padding-block:var(--space-16)} .header .brand{width:145px} .hero h1{max-width:20ch} .hero h1 br{display:none} .hero-actions{gap:var(--space-3) var(--space-6);margin-top:var(--space-8)} .moment h2{font-size:var(--text-xl)} .moment-grid,.roles,.output-grid,.foundations-grid{grid-template-columns:1fr;gap:var(--space-8)} .moment-grid,.roles,.output-grid{margin-top:var(--space-8)} .moment-grid p{max-width:50ch} .areas{grid-template-columns:1fr;margin-top:var(--space-10);gap:var(--space-6)} .areas article{padding-top:var(--space-5)} .steps{grid-template-columns:1fr;margin-top:var(--space-10);gap:0} .steps li{position:relative;padding:var(--space-6) 0 var(--space-6) var(--space-10)} .step-number{position:absolute;top:26px;left:0;margin-bottom:0} .steps h3{font-size:var(--text-lg)} .steps p{margin-top:var(--space-2)} .method{grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-8);padding:var(--space-6)} .method h3{font-size:var(--text-xl)} .method h3 br{display:none} .value{grid-template-columns:1fr;margin-top:var(--space-10);padding-top:var(--space-8);gap:var(--space-8)} .value-note{grid-column:auto} .faq-grid{gap:var(--space-3)} .faq-grid>h2{padding-top:0} .faq summary{font-size:var(--text-md)} .faq>p{padding-right:0} .contact-grid{gap:var(--space-10)} .contact-intro{font-size:1rem} .footer-top{flex-wrap:wrap;gap:var(--space-6);padding-bottom:var(--space-8)} .footer-top>.brand{width:145px} .footer-top>p{order:3;width:100%;font-size:var(--text-lg)} .footer-bottom{display:block;padding-block:var(--space-5)} .footer-bottom>div{gap:var(--space-6);margin-top:var(--space-3)} .privacy-dialog{padding:var(--space-6)} .privacy-dialog h2{font-size:var(--text-xl)} .assessment-hero{padding-top:var(--space-6)} .assessment-hero h1{font-size:var(--text-3xl)} .assessment-intro{font-size:var(--text-md);margin-top:var(--space-6)} .back-link{margin-bottom:var(--space-6)} .output-grid h3{margin-top:var(--space-3)} .method-details{margin-top:var(--space-10)} .perspectives{grid-template-columns:1fr} .error-page h1{font-size:var(--text-3xl)} .error-page>p:not(.eyebrow){font-size:1rem} } @media(max-width:360px){ .header-inner{gap:var(--space-2)} .header .brand{width:136px} .header-actions{gap:var(--space-2)} .hero h1,.assessment-hero h1,.error-page h1{font-size:var(--text-2xl)} .hero-actions{align-items:flex-start;flex-direction:column;gap:var(--space-2)} h2{font-size:var(--text-xl)} .button{padding-inline:var(--space-5);gap:var(--space-4)} } @media(max-height:480px) and (orientation:landscape){ .header{position:relative} html{scroll-padding-top:16px} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .button{transition:none} } @media(forced-colors:active){ :where(a,button,input,textarea,summary):focus-visible{outline-color:Highlight} .button,.languages a{border-color:ButtonText} .plus:before,.plus:after{background:ButtonText} } .moment-grid h3,#atuacao .section-heading h2,.steps h3,.value .ordinal,.faq-grid>h2{color:var(--green-800)} .moment-grid p,.areas p,.steps p,.method p:not(.eyebrow),.roles p,.value>div>p:last-child,.value li,.faq>p,.output-grid p,.foundations-grid p,.origin,.perspectives{font-size:1rem;line-height:1.7} .moment-grid h3,.areas h3,.steps h3,.roles h3,.output-grid h3{line-height:1.35} .areas .ordinal{padding-top:4px} .step-number,.value .ordinal{font-variant-numeric:tabular-nums} .value .ordinal{min-width:2ch;flex-shrink:0} .method{align-items:start;border:1px solid var(--green-200)} .method .eyebrow{margin-bottom:var(--space-4)} .method .text-link{margin-top:var(--space-5)} .roles p,.output-grid p{max-width:42ch} .faq-grid>h2{padding-top:var(--space-5)} summary{transition:color var(--duration-fast) var(--ease-out)} details[open]>summary{color:var(--green-800)} .faq>p{max-width:65ch} .foundations-grid p,.small-note{line-height:1.7} .source-link{max-width:100%;align-items:center} .source-link svg{width:16px;height:16px} .back-link{color:var(--green-800)} .assessment-intro{max-width:57ch} .contact-links .button{min-height:var(--control-xl)} .contact-email svg{width:18px;height:18px} .back-top,.dialog-close,.nav-cta{transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)} .privacy-dialog[open]{box-shadow:0 24px 80px rgb(0 0 0/.18)} html:has(.privacy-dialog[open]){overflow:hidden} ::selection{background:var(--green-200);color:var(--ink)} @media(hover:hover) and (pointer:fine){ .desktop-nav a:hover,.hero .text-link:hover,.footer-bottom a:hover,.privacy-open:hover{color:var(--green-500)} summary:hover,.back-link:hover{color:var(--green-800)} .back-link:hover{text-decoration:underline} .back-top:hover,.nav-cta:hover{background:var(--neutral-800);border-color:var(--green-500)} .dialog-close:hover{background:var(--neutral-200);border-color:var(--neutral-700)} } @media(min-width:701px) and (max-width:960px){ .roles{grid-template-columns:1fr;gap:var(--space-6)} .roles article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-8)} .roles p{margin-top:0;max-width:50ch} .foundations-grid{grid-template-columns:1fr;gap:var(--space-8)} .foundations-grid p{max-width:60ch} } @media(max-width:700px){ .faq-grid{gap:var(--space-6)} .faq-grid>h2{padding-top:0} .contact-links{align-items:stretch} .contact-links .button{width:100%} .method{padding:var(--space-6)} .method .text-link{margin-top:var(--space-3)} .source-link{gap:var(--space-3)} } @media(prefers-reduced-motion:reduce){ .menu-toggle span,.plus:after,summary,.back-top,.dialog-close,.nav-cta{transition:none} } .audience-intro{font-size:var(--text-md);line-height:1.7;color:var(--muted);max-width:64ch;margin-top:var(--space-6);text-wrap:pretty} .case-study{margin-top:var(--space-12);border-top:1px solid var(--line)} .case-study summary{padding-block:var(--space-6);gap:var(--space-8)} .case-study .eyebrow{display:block;margin-bottom:var(--space-3)} .case-title{display:block;font-size:var(--text-lg);letter-spacing:var(--tracking-tight);line-height:1.4;text-wrap:balance} .case-sector{font-size:var(--text-sm);color:var(--muted);padding-bottom:var(--space-6)} .case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8);padding-bottom:var(--space-6)} .case-grid>*{min-width:0} .case-grid h3{font-size:var(--text-md);color:var(--green-800)} .case-grid p{font-size:1rem;line-height:1.7;color:var(--muted);margin-top:var(--space-3)} .case-study .small-note{max-width:90ch;padding-bottom:var(--space-6);line-height:1.7} @media(max-width:960px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.audience-intro{font-size:1rem}.case-grid{grid-template-columns:1fr;gap:var(--space-6)}.case-study{margin-top:var(--space-8)}}