:root {
 --avevo-obsidian:#0A0B0D;
 --avevo-chalk:#F7F5F2;
 --avevo-slate:#647085;
 --avevo-surface:#14171C;
 --avevo-border:#343B47;
 --avevo-muted:#B5BAC3;
 --avevo-font:'Inter',Arial,sans-serif;
 --avevo-space-1:4px;--avevo-space-2:8px;--avevo-space-3:12px;
 --avevo-space-4:16px;--avevo-space-6:24px;--avevo-space-8:32px;
 --avevo-space-12:48px;--avevo-space-16:64px;--avevo-space-24:96px;
 --avevo-radius:3px;--avevo-rule:1px;
 --avevo-ease-assembly:cubic-bezier(.22,1,.36,1);
 --avevo-ease-ui:cubic-bezier(.32,.72,0,1);
 --avevo-motion-ui:180ms;
 --avevo-motion-emphasis:650ms;
 --avevo-motion-signature:2200ms;
}

/* AVEVO palette study. All layout, typography and motion come from the existing site. */
:root {
  --avevo-obsidian: #0a0b0d;
  --avevo-chalk: #f7f5f2;
  --avevo-slate: #647085;
  --avevo-text-muted: #b5bac3;
  --avevo-surface: #14171c;
  --avevo-line: #343b47;
  color-scheme: dark;
  background: var(--avevo-obsidian);
  color: var(--avevo-chalk);
}
.navigation, .v7-hero, .linear-section, .ptcom-design__ctaContainer__1v1nk4j,
.footer-bottom { background-color: var(--avevo-obsidian); }
.navigation { border-bottom-color: var(--avevo-line); }
.identity { letter-spacing: .16em; font-weight: 500; }
.identity span { display: none; }
.navigation-links a, .hero-copy p, .hero-bottom p { color: var(--avevo-text-muted); }
.navigation-links a:hover, .navigation-links a[aria-current="page"] { color: var(--avevo-chalk); }
.pill-button { background: var(--avevo-chalk); color: var(--avevo-obsidian); }
.pill-button:hover { background: #dededc; }
.founder-section, .collaboration-section { background: var(--avevo-chalk); color: var(--avevo-obsidian); color-scheme: light; }
.references-page {
  --reference-canvas: var(--avevo-obsidian);
  --reference-divider: var(--avevo-line);
  --reference-outcome: var(--avevo-surface);
  --reference-outcome-border: #414a59;
  --reference-outcome-text: var(--avevo-chalk);
  --reference-outcome-accent: var(--avevo-chalk);
}
html:has(.references-page) { background: var(--avevo-obsidian); }
.reference-highlight-fill { background-image: linear-gradient(#647085,#647085); }
.reference-outcome, .reference-overview { --color-blue-500: var(--avevo-slate); }
/* Preserve the existing animations. No new transitions or generated logo. */
:focus-visible { outline-color: var(--avevo-chalk); }
.founder-section :focus-visible, .collaboration-section :focus-visible { outline-color: var(--avevo-obsidian); }
/* Existing form component: only surface/border tokens change. */
.plan-form-input { background: #1b2027; border-color: #647085; }
.plan-form-input[data-filled=true] { border-color: #b5bac3; }

/* Brand binding only. Existing site owns layout, components and functionality. */
@font-face{font-family:Inter;src:url('/brand/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
html,body{font-family:var(--avevo-font);color:var(--avevo-chalk)}
#root :where(h1,h2,h3,h4,p,button,input,textarea,select,a,li,dt,dd,span){font-family:inherit}
#root :where(.linear-section,.v7-hero,.example-preview,.references-page,.booking-page,.about-page){font-family:var(--avevo-font)}
.navigation .identity,.footer-bottom .identity{font-size:0;letter-spacing:0;gap:0;flex-shrink:0;line-height:1;display:inline-flex;align-items:center;min-height:44px}
.navigation .identity::before,.footer-bottom .identity::before{content:"";display:block;width:172px;height:29px;background:url('/brand/avevo-horizontal-chalk.svg') center/contain no-repeat}
.navigation .identity span,.footer-bottom .identity span{display:none}
.booking-page .navigation .identity::before{background-image:url('/brand/avevo-horizontal-chalk.svg')}
.v7-hero .hero-copy h1{font-family:var(--avevo-font);font-weight:400;font-size:clamp(44px,4.5vw,76px);letter-spacing:-.045em;line-height:1.1}
.v7-hero .hero-copy{width:min(1100px,calc(100% - 48px))}
.v7-hero .hero-copy p{font-size:18px;line-height:1.6;max-width:610px;margin-top:28px}
.v7-hero .hero-copy::before{content:"";display:block;width:300px;height:50px;margin:0 auto 20px;background:url('/brand/lockup-once.svg') center/contain no-repeat}
.v7-hero .hero-field{mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.15),#000 85%)}
.example-preview{background:#101216}
.example-panel{background:var(--avevo-surface);border:1px solid var(--avevo-border);border-radius:var(--avevo-radius)}
.example-panel:hover{background:#1b2027}

.example-preview>header p,.example-panel p{color:var(--avevo-muted)}
.example-panel .example-need,.example-open{color:var(--avevo-chalk)}
.founder-section,.collaboration-section,.delivery-section{background:var(--avevo-chalk);color:var(--avevo-obsidian)}
@media(max-width:760px){
 .navigation .identity::before{width:140px;height:24px}
 .v7-hero .hero-copy h1{font-size:clamp(32px,8.3vw,52px);line-height:1.12}
 .v7-hero .hero-copy p{font-size:16px;line-height:1.6;max-width:34ch}
 .v7-hero .hero-copy::before{width:min(250px,100%);height:42px;margin-bottom:18px}
}
@media(max-width:360px){.navigation .identity::before{width:112px;height:22px}}
@media(prefers-reduced-motion:reduce){.v7-hero .hero-copy::before{background-image:url('/brand/lockup-still.svg')}.v7-hero .hero-field{display:none}}

/* Booking page retains its form and providers; only its visible brand surfaces change. */
.booking-page,.booking-page .navigation{background:var(--avevo-obsidian);color:var(--avevo-chalk)}
.booking-page .booking-context,.booking-page .booking-shell{background:var(--avevo-chalk);color:var(--avevo-obsidian)}
.booking-page .booking-person-initials{font-size:0;background:url('/brand/avevo-symbol-obsidian.svg') center/22px auto no-repeat}

/* Existing waiting and login surfaces use the same profile; no new page composition. */
.avevo-waiting,.avevo-login{--bg:#0a0b0d;--text:#f7f5f2;--muted:#b5bac3;--accent:#c4c9d1;background:#0a0b0d;color:#f7f5f2;font-family:Inter,Arial,sans-serif}
.avevo-waiting h1,.avevo-login h1{font-family:Inter,Arial,sans-serif;letter-spacing:-.045em}
.avevo-waiting .hero-copy::before{content:"";display:block;width:min(300px,90%);height:50px;margin:0 auto 28px;background:url('/brand/lockup-once.svg') center/contain no-repeat}
.avevo-login .identity{font-size:0;display:block;width:172px;height:44px;background:url('/brand/avevo-horizontal-chalk.svg') left center/contain no-repeat}
.avevo-login .identity span{display:none}
.avevo-waiting .signals{stroke:#b5bac3}
@media(prefers-reduced-motion:reduce){.avevo-waiting .hero-copy::before{background-image:url('/brand/lockup-still.svg')}}

.booking-footer .identity{font-size:0;display:inline-flex;min-height:44px;align-items:center}
.booking-footer .identity::before{content:"";display:block;width:172px;height:29px;background:url('/brand/avevo-horizontal-chalk.svg') center/contain no-repeat}
.avevo-login button,.avevo-login input{font-family:Inter,Arial,sans-serif}

/* Keep the existing V7 funnel visible; do not mask away its geometry. */
.v7-hero .hero-field{display:block;mask-image:none}
.v7-hero .hero-copy.avevo-intro-ready::before,.avevo-waiting .hero-copy.avevo-intro-ready::before{display:none}
.avevo-intro{display:block;width:300px;max-width:100%;height:50px;margin:0 auto 20px;padding:0;background:transparent}
.avevo-intro svg{display:block;width:100%;height:100%;overflow:visible}
.avevo-intro[data-playing="false"] :is(.symbol-position,.half,.letter){animation-play-state:paused}
@media(max-width:760px){.avevo-intro{width:250px;height:42px;margin-bottom:18px}.avevo-intro svg{height:42px}}


/* Install the enhanced logo only after this matching stylesheet is applied. */
.hero-copy{--avevo-brand-ready:1}

/* AVEVO reading surfaces: Chalk for content, Slate for the product demonstrations. */
.v7-hero .hero-field canvas+canvas{visibility:visible}
.example-preview{background:#f7f5f2;color:#0a0b0d;color-scheme:light}
.example-preview>header p,.example-panel p,.examples-note{color:#4d5869}
.example-preview .example-panel{background:#fff;border-color:#d3d7dc;color:#0a0b0d}
.example-preview .example-panel:hover{background:#eeefef}
.example-preview .example-panel :is(h3,.example-need,.example-open){color:#0a0b0d}
.example-preview .example-image{background:#e6e9ed}
.ai-roles{background:#e6e9ed;color:#0a0b0d;color-scheme:light}
.ai-roles .ai-layout{border-color:#c4c9d1}
.ai-roles .ai-layout p{color:#4d5869}
.quality-section{background:#20242b}
html:has(.references-page){background:#f7f5f2;color-scheme:light;scrollbar-color:#647085 #f7f5f2}
.references-page{--reference-canvas:#f7f5f2;--reference-divider:#cbd0d7;--reference-outcome:#e6e9ed;--reference-outcome-border:#c4c9d1;--reference-outcome-text:#0a0b0d;--reference-outcome-accent:#647085;background:#f7f5f2;color:#0a0b0d}
.references-page .navigation{background:#f7f5f2;color:#0a0b0d;border-color:#cbd0d7}
.references-page .navigation .identity::before{background-image:url('/brand/avevo-horizontal-obsidian.svg')}
.references-page .navigation-links :is(a,a:hover,a[aria-current=page]){color:#0a0b0d}
.references-page .navigation-links.is-open{background:#f7f5f2}
.references-page .navigation .pill-button{background:#0a0b0d;color:#f7f5f2}
.references-page .reference-choices a{color:#4d5869}
.references-page .reference-choices a[aria-current=true]{background:#20242b;color:#f7f5f2}
.references-page .reference-choices a:hover:not([aria-current=true]){background:#e6e9ed;color:#0a0b0d}
.references-page .reference-tour{--tab-header-color:#0a0b0d;--tab-desc-color:#4d5869}
.references-page .reference-tour .reference-case-header .ptcom-design__tabHeading__1tbv6cf{color:#0a0b0d}
.references-page .reference-case-header .reference-industry,.references-page .reference-built dt{color:#4d5869}
.references-page .reference-overview .reference-context p,.references-page .reference-built dd{color:#20242b}
.references-page .report-study{color:#0a0b0d}
.references-page .report-sequence-heading>span{color:#4d5869}
.references-page .report-stage-tabs>button{color:#4d5869!important}
.references-page .report-stage-tabs>button[data-state=active],.references-page .report-stage-tabs>button:hover{color:#0a0b0d!important}
.references-page .report-stage-tabs>button[data-state=active]{box-shadow:inset 0 -2px #647085}
.references-page .report-stage-tabs>button[data-state=active] .report-step-number{color:#4d5869}
.references-page .reference-example .report-guided :is(.report-before p,.report-after-copy,.report-before h4,.report-after h4){color:#20242b}
.references-page .report-after h4{font-weight:500}
.references-page .report-manual-tool{color:#4d5869}
.references-page .reference-highlight-fill{background-image:linear-gradient(#d3dbe5,#d3dbe5)}
.references-page .report-visual-column{--reference-canvas:#f7f5f2;background:transparent;color:#0a0b0d;padding:0;border:0;border-radius:0;color-scheme:light}
.references-page .report-visual-column :is(.case-demo,.report-workspace){background:transparent;color:#0a0b0d}
.references-page .report-visual-column .reference-highlight-fill{background-image:linear-gradient(#647085,#647085)}
.references-page .ptcom-design__ctaAip__1wlkmrm,.references-page .footer-bottom{background:#0a0b0d;color:#f7f5f2}
.references-page :focus-visible{outline-color:#647085}


/* Open canvas: dark product cards float directly on the Chalk page. */
.references-page .report-visual-column .case-continuity{--case-text:#20242b;--case-muted:#4d5869;--case-accent:#647085;--case-line:#cbd0d7}
.references-page .report-visual-column :is([data-slot=card],.demo-mail,.comm-notification,.project-calculation,.comm-fact,.structure-pdf,.renewal-invoice){--case-text:#e1e3e7;--case-muted:#b5bac3;--case-accent:#c4c9d1;--case-line:#343b47;color:#e1e3e7;color-scheme:dark}
.references-page .report-continuity{color:#0a0b0d}
.references-page :is(.case-demo,.report-continuity)>figcaption,
.references-page :is(.case-demo,.report-continuity)>figcaption small{color:#4d5869}
.references-page .report-continuity-paper{color:#e1e3e7;color-scheme:dark}
.references-page .report-dataset :is(h6,th,td){color:#20242b}
.references-page .report-dataset :is(header p,header svg,.report-continuity-period){color:#4d5869}
.references-page .report-dataset :is(th,td){border-color:#cbd0d7}
.references-page .report-dataset tr[data-selected=true]{background:#e6e9ed}
.references-page .report-dataset tr[data-selected=true] td{color:#0a0b0d}
.references-page .report-continuity-fragments :is(span,small){color:#4d5869}
.references-page .report-continuity-discussion :is(h6,p,svg){color:#4d5869}
.references-page .report-continuity-footer{color:#4d5869;border-color:#cbd0d7}
.references-page .report-continuity-footer :is(.report-replay,.report-previous){color:#4d5869}
.references-page .report-guided .report-next .report-forward{background:#20242b;color:#f7f5f2;border-color:#20242b}
.references-page .report-guided .report-next .report-forward:hover:not(:disabled){background:#0a0b0d}
.references-page :is(.case-beam,.comm-beam,.report-continuity-beam) stop{stop-color:#647085}
.references-page :is(.comm-funnel,.report-continuity-funnel){filter:brightness(.55)}
.references-page .report-continuity-fragments svg{color:#647085}

.references-page .renewal-selected-marker[data-ready=true]{color:#4d5869}
