/* ============ SECTION ORDER: nav, hero, after-hero (plan, ambassadors), industries, testimonials, dfy (Done for you: the white-water chapter), site (The AI Visibility Website: isometric stack), founder, faq, proof, footer. ============ */ /* ============ GLOBAL TOKENS (variant palette declaration: warm-neutral charcoal scale #131312 / #161615 / #1B1B19 and true black #000000 at the deepest end on dark; paper-white scale on light (the working theme); ink-scale type family. Periwinkle is the single accent. The budget is relaxed on the light theme: periwinkle may appear in more places, but always as motion or state (pulse, swipe, active, rotating word), never as static decoration. Deployments: swarm convergence lines (pulsing after the settle), the rotating word in the services intro, the button swipe sheet, the lit industry's glow in the industries bar, the demo panel (count, active question number, active tab underline, timing rule, capture dot, ghost-slot ring), the services pour's category eyebrows and the page ending's lava-lamp field under the footer. Ending-field tones (three tones of the one hue, used nowhere else; round-14 dark triad, confirmed by the round-20 single-hue ruling): #416CD7 deeper, #5C90FF base, #ADC6FF paler; zero navy, zero cream, zero gold. Fonts: Switzer only (display surfaces at 600, everything else 400/500). ============ */ :root{ --r-card:14px; /* the one card radius (round 38 token): dfy cards + expansions, the proof stage */ --field:#131312; --field-2:#161615; --field-3:#1B1B19; --field-deep:#000000; --lt:#F2F1EC; --lt-2:#C7C5BE; --lt-3:#918F87; --hair:rgba(242,241,236,0.09); --hair-strong:rgba(242,241,236,0.2); --ink-rgb:242,241,236; /* the "ink" pole: what text is made of */ --paper-rgb:19,19,18; /* the "paper" pole: what the field is made of */ --ink-filter:none; /* baked-light assets (marks, atom, lockup) invert where ink is dark */ --peri:#5C90FF; --peri-soft:rgba(92,144,255,0.55); --peri-dark: var(--peri); /* ROUND 20 (Mark's escalation): the old base hue read purple on light fields too, so the hue itself is rejected. One blue, #5C90FF, on both grounds. --peri-dark survives as a var alias (a sanctioned one-off indirection: both tokens are theme-invariant and declared only here, so the no-token-references-a-token palette rule's re-resolution hazard cannot occur) so any future divergence is a one-line change. Dial: if the blue reads too electric, walk toward #6693FF. */ /* keep --peri, --peri-soft and --peri-dark in sync with site/site.css's token block */ --navy:#0B1B3F; /* theme-invariant: the nav bar after the tide, the dfy card surfaces */ color-scheme:dark; --ease:cubic-bezier(0.16,1,0.3,1); --ease-soft:cubic-bezier(0.22,1,0.36,1); --font:'Switzer',Arial,sans-serif; /* display register: Switzer 600. The token keeps its historical name. */ --serif:'Switzer',Arial,sans-serif; --t-hero:clamp(2.7rem,4.6vw,4.5rem); --t-disp2:clamp(2.1rem,4vw,3.5rem); --t-quote:clamp(1.5rem,2.4vw,2.25rem); --t-ask:clamp(1.35rem,2.4vw,2.05rem); --t-lede:1.1rem; --t-lede-lg:clamp(1.3rem,1.55vw,1.55rem); --t-body:1rem; --t-small:0.85rem; --t-label:0.72rem; --t-link:0.85rem; --t-idx:0.85rem; --t-quiet:0.95rem; --t-entity:0.95rem; --w-4:400; --w-5:500; --w-6:600; --lh-disp:1.02; --lh-head:1.15; --lh-sub:1.3; --lh-body:1.65; --lh-solid:1; --track:0.22em; --track-serif:-0.025em; --track-h3:-0.01em; --gutter:5vw; --w-max:1400px; --sec-pad:8rem; } /* THEMING. Every color resolves through the tokens above. data-theme on sets the page; data-theme on any
/