
:root {
  
  --base:            #0B0714;   
  --base-deep:       #070410;   
  --ink:             #F1EDFA;   
  --ink-80:          rgba(241,237,250,.80);  
  --ink-64:          rgba(241,237,250,.64);  
  --ink-58:          rgba(241,237,250,.58);  
  --ink-55:          rgba(241,237,250,.55);  
  --ink-45:          rgba(241,237,250,.45);  
  --ink-40:          rgba(241,237,250,.40);  
  --ink-38:          rgba(241,237,250,.38);  
  --ink-lamp-out:    rgba(241,237,250,.55);  
  
  --surface-glass:      rgba(255,255,255,.03);
  --surface-glass-high: rgba(255,255,255,.07);  
  
  --edge:            rgba(255,255,255,.08);  
  --rule:            rgba(255,255,255,.07);  
  --rule-row:        rgba(255,255,255,.05);  
  
  --accent:          #7C4DFF;
  --accent-spill-22: rgba(124,77,255,.22);   
  
  --violet:          #A78BFF;
  --violet-edge-50:  rgba(167,139,255,.5);   
  --violet-edge-35:  rgba(167,139,255,.35);  
  --violet-edge-16:  rgba(167,139,255,.16);  
  --edge-lit:        rgba(201,165,255,.35);  
  
  --wound:           #FF6952;   
  --fix:             #2FD9A0;   
  
  --wordmark:        var(--fix);
  
  --atmosphere:      radial-gradient(680px 380px at 24% 4%,
                       rgba(124,77,255,.36), transparent 66%),
                     radial-gradient(560px 340px at 84% 62%,
                       rgba(124,77,255,.12), transparent 60%);
  --glow-cta:        inset 0 1px 0 rgba(255,255,255,.3),
                     0 0 44px -6px rgba(124,77,255,.75);   
  --glow-phone:      inset 0 1px 0 rgba(201,165,255,.35),
                     0 0 38px -8px rgba(124,77,255,.5);    
  --glow-sign:       0 0 8px rgba(47,217,160,.22);      
  --glow-fix-stat:   0 0 20px rgba(47,217,160,.45);  
  --glow-fix-clock:  0 0 18px rgba(47,217,160,.50);  
  --glow-fix-dial:   0 0 16px rgba(47,217,160,.45);  
  --card-bevel:      inset 0 1px 0 rgba(255,255,255,.08);  
  
  --font-serif:      'Fraunces', Georgia, serif;   
  --font-body:       'Inter', system-ui, -apple-system, sans-serif;   
  --font-mono:       'Inter', system-ui, -apple-system, sans-serif;   
  --type-hero-size:     66px;   
  --type-hero-line:     1.04;
  --type-hero-track:    -0.02em;   
  --type-h2-size:       28px;   
  --type-stat-size:     40px;   
  --type-num-track:     -0.02em;
  --type-clock-size:    23px;   
  --type-body-size:     16px;   
  --type-body-line:     1.6;
  --type-ui-size:       14.5px; 
  --type-row-size:      12.5px; 
  --type-caption-size:  11px;   
  --type-meta-size:     10.5px; 
  --type-label-size:    9.5px;  
  --type-tag-size:      9.5px;  
  --type-micro-size:    8.5px;  
  --track-brand:     .24em;   
  --track-label:     .18em;   
  --track-who:       .14em;
  --track-tag:       .10em;
  --track-verdict:   .10em;
  --track-meta:      .06em;
  
  --space-1:   4px;
  --space-2:   9px;    
  --space-3:   14px;   
  --space-4:   18px;   
  --space-5:   26px;   
  --space-6:   48px;   
  --space-7:   72px;   
  --pad-card:        18px 24px;   
  --pad-phone:       24px 24px 22px;
  --pad-page:        54px 56px 48px 72px;
  
  --radius-phone:    26px;
  --radius-card:     16px;
  --radius-bubble:   14px;   
  --radius-cta:      12px;
  --radius-quiet:    10px;   
  
  --wordmark-primary:    url("logo/wordmark/leadkeeper-wordmark.svg");         
  --wordmark-mono:       url("logo/wordmark/leadkeeper-wordmark-mono.svg");    
  --wordmark-onlight:    url("logo/wordmark/leadkeeper-wordmark-onlight.svg"); 
  --wordmark-smallspace: url("logo/wordmark/leadkeeper-lk-smallspace.svg");    
  --wordmark-min-nav:    15px;   
  --wordmark-min-print:  10px;
  --wordmark-clearspace: 0.5;    
  
  --paper:           #F5F2FB;   
  --paper-ink:       #191024;   
  --paper-ink-60:    rgba(25,16,36,.60);
  --paper-ink-42:    rgba(25,16,36,.42);
  --paper-rule:      rgba(25,16,36,.14);
  --paper-wound:     #C0361F;
  --paper-fix:       #157A46;
  --paper-accent:    #8A4BE8;
  --night-object:    #14101E;   
}
:root {
  --type-hero-min:      34px;
  --type-h2-min:        24px;   
  
  --type-msg-size:      13px;
  --radius-speak:       4px;
  
  --pad-page-mobile:    20px;
  --pad-phone-mobile:   18px 18px 16px;
  
  --field-bg:           var(--surface-glass);
  --field-edge:         var(--edge);
  --field-edge-focus:   var(--violet-edge-50);
  --radius-field:       var(--radius-quiet);
}
:root {
  --ease-out:        cubic-bezier(.16,1,.3,1);     
  --ease-inout:      cubic-bezier(.76,0,.24,1);    
  --ease-spring:     cubic-bezier(.34,1.4,.64,1);  
  --dur-micro:       120ms;   
  --dur-state:       300ms;   
  --dur-enter:       460ms;   
  --dur-narrative:   720ms;   
  --stagger:         70ms;    
  
  --dev-ratio:       2.1667;
  --dev-rim:         2px;
  --dev-bezel:       10px;
  --dev-radius-pct:  .134;
  --screen-light:    radial-gradient(120% 46% at 50% 0%, rgba(124,77,255,.10), transparent 70%);
  --status-h:        50px;    
  --home-h:          26px;    
  
  --bubble-in:       var(--surface-glass-high);   
  --bubble-out:      var(--accent-spill-22);      
  --type-thread:     var(--type-msg-size);
}
:root {
  --type-fact-size:   56px;   
  --type-fact-min:    40px;   
  
  --peek-desktop:     .62;    
  --peek-mobile:      330px;  
  
  --hold:             100svh;
  
  --rim-sheen:        conic-gradient(from 0deg,
                        transparent 0 14%, var(--edge-lit) 22%, transparent 30%,
                        transparent 58%, var(--violet-edge-35) 68%, transparent 78%);
  --caret-blink:      1.1s;
}
:root {
  --type-hero-xl:     92px;   
  --type-hero-lg:     80px;   
  --type-deck-xl:     18px;      
  
  --type-beat-size:   60px;
  --type-beat-min:    28px;
  --beats-h:          112px;  
  
  --pin-track:        200svh;   
  
  --wm-nav-h:         26px;
}
:root {
  --type-hero-fit-min: 44px;   
  --type-hero-fit-max: 72px;
  --hero-line2:        var(--wordmark);
  
  --type-timer-size:   var(--type-stat-size);   
  --dial-lg:           56px;
  
  --dive-scale-from:   .88;
  --side-strip-h:      128px;   
}
:root {
  --pivot-s:           30;
  
  --hobj-w:            400px;   
  --type-hero-clock:   64px;    
  --dial-xl:           220px;
  --type-deck-hero:    18px;       
  --deck-hero-line:    1.45;
  
  --timers-h:          96px;
}
:root {
  --type-deck-mobile:  16px;     
  --deck-mobile-line:  1.55;
  --loop-type-ms:      26;      
  --loop-silence-ms:   2200;      
  --dim-max:           .38;     
}
:root {
  --breath-period:     7s;
  --breath-min:        .3;     
  --breath-rise:       1.4s;   
  
  --type-wait:         var(--type-h2-min);
  
  --exit-h:            12svh;
}
:root {
  --landing-band:      .14;    
  --type-sub-quiet:    16.5px; 
  --picker-h:          228px;  
  --rail-wait-h:       64px;   
}
:root {
  --sweep-period:      11s;    
  --sweep-width:       38%;    
  --logo-breath-min-1: .45;  --logo-breath-min-2: .25;  --logo-breath-min-3: .12;
  --logo-sweep-a-1:    .35;  --logo-sweep-a-2:    .6;   --logo-sweep-a-3:    .9;
  --logo-glow-x-1:     1;    --logo-glow-x-2:     1.6;  --logo-glow-x-3:     2.2;  
  
  --exit-band:         .45;
  --lights-out:        .94;    
  
  --type-tl:           var(--type-row-size);
  --type-tl-sub:       var(--type-caption-size);
}
:root {
  --wm-fly-dur:        .42s;   
  --wm-fly-stagger:    .06s;   
  --wm-fly-from:       60vw;   
  --wm-pulse-period:   4.2s;   
  --wm-pulse-ease:     var(--ease-inout);
  
  --launch-band:       .28;    
  --launch-stagger:    .05;
  --zoom-origin-y:     50%;    
  
  --ring-out-ms:       24000;
  --ring-answer-ms:    9000;
}
:root{
  --type-deck-lead:        18px;      
  --type-deck-lead-narrow: 18px;      
  --type-deck-lead-mobile: 16px;      
  --deck-lead-line:        1.45;
  --stagger-indent:        3ch;    
  --type-cue-size:         16px;
  --type-cue-mobile:       15px;
  --cue-gap:               var(--space-5);
  --arrow-w:               1px;
  --arrow-len:             56px;   
  --arrow-period:          2.6s;   
  --arrow-rail-h:          88px;   
  --arrow-pulse-h:         14px;   
  --arrow-pulse-period:    2.2s;
  --tick-step:             1s;     
  --tick-steps:            4;      
  --tick-travel:           28px;
  --bar-h:                 68px;   
  --bar-h-mobile:          64px;
  --bar-glass:             rgba(11,7,20,.66);   
  --bar-blur:              14px;
  --bar-edge:              var(--rule);
  --sheet-glass:           rgba(11,7,20,.94);   
  --cue-bottom-air:        34px;   
  --wm-bar-h:              22px;   
  --type-nav-size:         15px;   
  --type-nav-size-m:       14px;
}
:root{
  --deck-lead-weight:      500;    
  --snake-cycle:           10s;    
  --snake-travel:          .32;    
  --snake-lit:             .70;    
  --snake-hold:            .88;    
  --snake-dim:             .28;    
  --snake-dot:             3px;
  --snake-amp:             .16;    
  --rail-cycle:            3.6s;   
  --rail-len:              88px;
  --rail-bend:             40px;   
  --pulse-len:             14px;
  --pulse-tail:            .12s;   
  --pulse-second-delay:    1.5s;   
  --ring-size:             18px;   
  --bar-under-violet:      0 12px 30px -12px rgba(124,77,255,.30);
  --bar-wash-violet:       radial-gradient(60% 140% at 50% 0%, rgba(124,77,255,.14), transparent 70%);
  --bar-edge-mint:         rgba(47,217,160,.42);
  --bar-under-mint:        0 12px 30px -12px rgba(47,217,160,.26);
  --bar-edge-grad:         linear-gradient(90deg, rgba(124,77,255,.38), rgba(47,217,160,.38));
  --bar-edge-top:          var(--edge-lit);
}
:root{
  --reply-scale:           .52;    
  --reply-indent:          22%;    
  --tight-line:            .92;    
  --split-l2:              .82;    
  --wordmark-55:           rgba(47,217,160,.55);   
  --underline-offset:      .14em;  
  --wm-keeper:             var(--violet);          
  --wm-keeper-paper:       #8A4BE8;                
  --glow-keeper:           0 0 14px rgba(167,139,255,.45);   
}
:root{
  --blue-field:      #02052B;   
  --blue-deep:       #01031A;   
  --blue-wash:       #030260;   
  --blue-glow:       rgba(10,20,230,.34);   
  --blue-spill:      rgba(10,20,230,.12);   
  --base:            var(--blue-field);
  --base-deep:       var(--blue-deep);
  --atmosphere:      radial-gradient(680px 380px at 24% 4%, var(--blue-glow), transparent 66%),
                     radial-gradient(560px 340px at 84% 62%, var(--blue-spill), transparent 60%);
  --screen-light:    radial-gradient(120% 46% at 50% 0%, rgba(20,40,230,.12), transparent 70%);
  --bar-glass:       rgba(2,5,43,.66);
  --sheet-glass:     rgba(2,5,43,.94);
  --night-object:    #0A0D3A;
  --hero-lock-line:  1.08;    
  --reply-scale:     .5;      
  --hero-shift-max:  140px;   
  --type-test-body:  17px;
  --type-timer-xl:   64px;
  --type-timer-huge: 92px;
  --type-timer-sub:  44px;
  --dial-xl:         76px;
  --bezel-ring:      0 0 0 4px rgba(255,255,255,.035), 0 0 0 5px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.16);
  --flap-seam:       rgba(0,0,0,.62);
  --plate-inset:     inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(0,0,0,.55);
  --score-grow:      1.1;
}
:root{
  
  --ramp-0:            var(--ink);      
  --ramp-1:            #F3D35A;         
  --ramp-2:            #FF8A4C;         
  --behind:            var(--ramp-2);   
  --ramp-3:            var(--wound);    
  --ramp-end-ms:       30000;
  --hairline-grad:     linear-gradient(90deg, rgba(47,217,160,.55), rgba(20,40,230,.55), rgba(124,77,255,.55));
  --web-fill:          #0D1A5C;
  --close-gap:         30svh;
  --sec-gap:           clamp(120px, 20svh, 216px);   
  --hold:              30svh;   
  --type-timer-lock:   var(--type-timer-huge);
}
:root{
  --type-wait-left:      clamp(30px, 2.8vw, 42px);   
  --type-wait-left-m:    24px;
  --type-mit:            clamp(21px, 1.8vw, 27px);   
  --type-mit-attr:       12.5px;
  --type-result-num:     clamp(40px, 3.6vw, 56px);   
  --type-result-l:       var(--type-label-size);
  --type-result-body:    14.5px;
  --type-close-l1:       26px;                        
  --type-close-l2:       15.5px;
  --btn-mint-ink:        var(--base-deep);            
  --btn-ghost-edge:      var(--ink-38);               
  --results-in:          var(--dur-narrative);        
}
:root{
  --type-results-h:      13.5px;  
  --track-results-h:     .14em;
  --btn-grade-bg:        var(--blue-wash);
  --btn-grade-rail:      var(--violet-edge-50);
  --glow-grade:          inset 0 1px 0 var(--edge-lit), 0 0 22px -8px rgba(124,77,255,.5);   
  --cta14-rail:          0 0 0 1px rgba(47,217,160,.7), inset 0 1px 0 rgba(255,255,255,.35);
  --cta14-inner:         inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(0,0,0,.28);
  --exit-band:           .45;     
  --exit-clear:          24px;    
  --arrive-rise:         40px;    
  --wm-inline-h:         .82em;
  --wm-inline-shift:     -.06em;
}
:root{
  --exit-min-runway:     .3;      
}
:root{
  --exit-hold:           .55;           
  --type-nav-size-xs:    13px;
  --bar-nav-gap-xs:      var(--space-3);
}
:root{
  --grade-max:           860px;   
  --type-grade-claim:    17px;    
  --type-grade-detail:   13.5px;  
  --type-lost:           var(--type-fact-size);   
  --type-lost-min:       var(--type-fact-min);    
  --type-gone:           19px;    
  --grade-dot:           7px;     
}
:root{
  --grade-run-ms:        12000;   
  --grade-frame-h:       600px;   
  --grade-frame-h-m:     600px;   
  --grade-frame-max:     1040px;  
  --grade-well:          var(--base-deep);   
  --grade-plate-max:     40em;    
  --type-grade-h:        clamp(44px, 6.4vw, 92px);   
  --type-grade-sub:      clamp(19px, 2.1vw, 27px);   
  --type-grade-field:    clamp(26px, 3.2vw, 40px);   
  --type-grade-reading:  clamp(22px, 2.6vw, 34px);   
  --type-grade-tape:     13.5px;                     
  --type-grade-claim:    clamp(22px, 2.7vw, 36px);   
  --grade-num-scale:     1.22;                       
  --type-grade-price:    clamp(30px, 3.4vw, 44px);   
  --type-grade-lost:     clamp(48px, 7vw, 96px);     
  --grade-tape-lines:    5;       
  --grade-plate-x:       44px;    
  --grade-count-ms:      600;     
  --grade-swap-ms:       var(--dur-narrative);   
}
:root{
  --grade-region-h:      520px;   
  --grade-region-h-m:    560px;   
  --grade-region-max:    1040px;  
  --grade-results-max:   40em;    
  --grade-finding-gap:   var(--space-7);   
  --type-grade-fixlabel: var(--type-label-size);   
  --type-grade-fix:      15.5px;  
  --type-grade-one:      clamp(24px, 3vw, 40px);   
  --grade-reveal-ms:     var(--dur-enter);         
}
:root{
  --grade-view-h:        calc(100svh - var(--bar-h) - 16px);          
  --grade-view-h-m:      calc(100svh - var(--bar-h-mobile) - 12px);
  --type-grade-lost-fit: clamp(40px, 7.2svh, 88px);                   
  --type-grade-verdict:  clamp(14px, 1.9svh, 22px);                   
  --type-grade-math:     clamp(9.5px, 1.25svh, 11px);                 
  --type-grade-lk:       clamp(12.5px, 1.7svh, 16px);                  
  --type-grade-lkfix:    clamp(11.5px, 1.45svh, 13.5px);                 
  --grade-grid-gap:      clamp(6px, 1svh, 22px) var(--space-5);    
  --grade-min-leaks:     3;                                           
}
:root{
  --type-grade-score:    clamp(72px, 13svh, 136px);  
  --type-grade-score-of: clamp(18px, 2.6svh, 28px);  
  --type-grade-money:    clamp(40px, 6.8svh, 72px);  
  --type-grade-head:     clamp(26px, 3.6svh, 44px);  
  --type-grade-line:     clamp(15px, 2svh, 19px);    
  --type-grade-card:     clamp(15px, 2svh, 17px);    
  --type-grade-cardfix:  clamp(13px, 1.7svh, 14.5px);
  --card-rail:           3px;                        
  --radius-card-lg:      20px;                       
  --grade-chip-top:      8px;                        
}
:root{
  --hairline-grad-v:     linear-gradient(180deg, rgba(47,217,160,.55), rgba(20,40,230,.55), rgba(124,77,255,.55));   
  --type-rep-head:       clamp(24px, 3.2svh, 40px);   
  --type-rep-money:      clamp(36px, 6svh, 64px);     
  --type-rep-score:      clamp(28px, 4.4svh, 56px);   
  --type-rep-fig:        clamp(22px, 3.2svh, 36px);   
  --type-rep-leak:       clamp(14.5px, 1.9svh, 17px); 
  --type-rep-fix:        clamp(12.5px, 1.6svh, 14px); 
  --rep-gap:             clamp(24px, 3.4vw, 56px);    
  --rep-row-gap:         clamp(10px, 1.8svh, 20px);   
  --run-ledger-w:        340px;                        
  --run-sweep-ms:        1400ms;                       
  --run-count-ms:        600ms;                        
}
:root{
  --type-run-big:        clamp(26px, 3.6svh, 40px);    
  --type-run-line:       clamp(18px, 2.4svh, 24px);    
  --type-run-gauge:      clamp(64px, 12svh, 128px);    
  --type-run-zone:       clamp(20px, 2.8svh, 30px);    
  --type-run-con:        clamp(15px, 2svh, 18px);      
  --run-beam-ms:         640ms;                        
  --run-settle-ms:       700ms;                        
}
:root{
  --run-resolve-ms:      520ms;                         
  --run-resolve-lift:    6px;
  --rep-head-lock:       clamp(30px, 4.4svh, 52px);     
  --rep-money-lock:      clamp(44px, 7.6svh, 80px);     
  --rep-score-lock:      clamp(34px, 5.6svh, 60px);     
  --rep-count-lock:      clamp(22px, 3svh, 32px);       
  --rep-band-pad:        clamp(8px, 1.4svh, 14px);      
  --rep-stagger:         70ms;                          
  --type-rep-zonefig:    clamp(15px, 2svh, 18px);       
}
:root{
  --type-reco-h:         clamp(28px, 4svh, 48px);     
  --type-free14:         clamp(24px, 3.6svh, 44px);   
  --type-tier-price:     clamp(40px, 5.6svh, 64px);   
  --type-tier-name:      var(--type-label-size);       
  --type-tier-tag:       clamp(18px, 2.2svh, 22px);   
  --type-tier-li:        14.5px;                       
  --tier-ring:           var(--violet-edge-50);        
  --tier-dim:            .62;                          
  --tier-gap:            var(--space-4);
  --type-oneoff-price:   var(--type-clock-size);       
}
:root{
  --type-plan-h:         clamp(34px, 5vw, 72px);       
  --type-site-line:      clamp(20px, 2.6svh, 28px);    
  --bar-hide-after:      24px;                          
  --bar-show-after:      12px;                          
}
:root{
  --type-faq-q:          clamp(19px, 2.4svh, 24px);    
  --type-faq-a:          var(--type-body-size);        
  --faq-max:             62em;                          
}
:root{
  --type-left-done:      clamp(30px, 2.9vw, 44px);    
  --type-left-done-m:    24px;
  --type-wait-under:     clamp(22px, 2vw, 30px);      
  --type-wait-under-m:   17px;
  --type-mit-m:          14.5px;                       
  --type-mit-attr-m:     10.5px;
  --type-res-h:          clamp(17px, 1.4vw, 21px);    
  --type-res-l:          var(--type-label-size);       
  --type-res-num:        clamp(44px, 3.8vw, 60px);    
  --type-res-sub:        13.5px;                       
  --type-res-gap:        clamp(18px, 1.5vw, 22px);    
  --res-row-pad:         clamp(12px, 1.6svh, 18px);
  --type-res-multi:      clamp(26px, 2.4vw, 36px);    
  --type-clock-sm:       clamp(20px, 1.8vw, 26px);    
  --ledger-row-pad:      clamp(8px, 1.2svh, 12px);
}
:root{
  --type-mit:            clamp(24px, 2.1vw, 32px);    
  --type-mit-m:          16px;
  --type-oneleak-1:      clamp(40px, 3.6vw, 56px);    
  --type-oneleak-2:      clamp(24px, 2.2vw, 34px);    
  --type-oneleak-1-m:    30px;
  --type-oneleak-2-m:    19px;
  --type-cap-l:          clamp(16px, 1.3vw, 19px);    
  --type-cap-big:        clamp(22px, 2.2vw, 30px);    
  --cap-w:               minmax(280px, 36%);          
  --type-fix:            15.5px;                       
  --type-fix-b:          16.5px;
  --type-leak-title:     var(--type-body-size);
  --type-leak-one:       13.5px;                       
  --leak-row-pad:        clamp(6px, 1svh, 9px);        
  --type-book-h:         clamp(30px, 3.4vw, 52px);    
  --type-book-sub:       clamp(17px, 1.5vw, 21px);
  --bk-day-w:            clamp(64px, 6.2vw, 92px);    
  --type-bk-day:         clamp(22px, 2vw, 30px);      
  --type-bk-time:        14px;                         
  --bk-gap:              10px;
}
:root{
  --type-oneleak-1:      clamp(46px, 4.2vw, 66px);    
  --type-oneleak-2:      clamp(28px, 2.5vw, 40px);
  --type-oneleak-1-m:    28px;                         
  --type-oneleak-2-m:    19px;
  --oneleak-gap:         clamp(10px, 1.4svh, 16px);    
  --mit-delay:           2400ms;                       
  --mit-draw:            520ms;                        
  --mit-land:            760ms;                        
  --mit-attr-lag:        260ms;                        
  --edge-spin:           7s;                           
}
:root{
}
