:root {
  
  --aixeed-green: #67be8d;        
  --aixeed-blue: #5589c8;         
  --green-band: #84bc8d;          
  --green-deep: #4f9e72;          

  
  --bg-base: #f4f3f3;             
  --bg-alt: #eae9e9;              
  --bg-band-gray: #d2d2d3;        
  --surface: #ffffff;             
  --footer-bg: #2a2627;

  
  --text: #1a1a1a;
  --text-strong: #000000;
  --text-muted: #555555;
  --text-invert: #ffffff;

  
  --border-soft: rgba(0, 0, 0, 0.08);

  
  --shadow-card: 0 4px 40px rgba(0, 0, 0, 0.1);
  --shadow-soft: 0 2px 16px rgba(0, 0, 0, 0.06);

  
  --page-w: 1366px;               
  --container: 1154px;            
  --container-wide: 1314px;       
  --gutter: 106px;                

  
  --r-pill: 60px;
  --r-lg: 24px;
  --r-md: 16px;
  --r-sm: 8px;

  
  --font-jp: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN",
             "Yu Gothic", Meiryo, sans-serif;

  --fs-hero: 48px;                
  --lh-hero: 58px;
  --fs-h2: 40px;                  
  --fs-h3: 24px;
  --fs-lead: 20px;                
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 13px;                  

  --lh-tight: 1.3;
  --lh-normal: 1.7;
  --lh-loose: 1.85;

  
  --sp-frame: 375px;              
  --sp-gutter: 12px;              
  --sp-inner: 24px;               

  --sp-fs-hero: 32px;             
  --sp-fs-h2: 24px;               
  --sp-fs-h3: 20px;
  --sp-fs-lead: 16px;
  --sp-fs-body: 14px;
  --sp-fs-sm: 12px;

  
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  
  --ease-reveal: cubic-bezier(0.39, 0.575, 0.565, 1);
  --dur-reveal: 0.6s;
  --step-reveal: 100ms;
  --dur: 0.5s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur: 0.001s;
  }
}