@font-face { font-family: "SUIT"; src: url("/assets/home/media/SUIT-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }


:root {
  
  --aa-ink: #1B2140;
  --aa-body: #4A5270;
  --aa-muted: #7F8AAB;
  --aa-faint: #A6ADC2;
  --aa-line: #E4E7EF;
  --aa-line-soft: #EEF0F5;
  --aa-surface: #F5F6F8;
  --aa-white: #FFFFFF;
  
  --aa-key-1: #21A2FF;
  --aa-key-2: #C05AFF;
  --aa-grad: linear-gradient(100deg, var(--aa-key-1) 0%, var(--aa-key-2) 100%);
  --aa-grad-text: linear-gradient(100deg, #1E8CF0 0%, #A84BEB 100%);
  --aa-grad-deep: linear-gradient(120deg, #1D6FE0 0%, #9444E8 100%);
  --aa-primary: #6556E8;        
  --aa-primary-deep: #4F3FD0;
  --aa-primary-soft: #E2DDFB;
  --aa-key-glow: rgba(118, 84, 240, .24);   
  --aa-navy: #161B3D;
  --aa-tint-blue: #EEF1FF;
  --aa-tint-sky: #EAF5FF;
  --aa-tint-lilac: #F5EFFF;
  --aa-tint-peach: #F5EFFF;   
  --aa-tint-mint: #EAF5FF;    
  --aa-tint-violet: #F2EFFF;
  --aa-coral-deep: #9A3FD6;   
  --aa-mint-deep: #1F6FD1;    
  --aa-violet-deep: #4F3FD0;  

  
  --aa-font: "SUIT", "Pretendard", "Apple SD Gothic Neo", system-ui, sans-serif;
  --aa-font-en: "SUIT", "Pretendard", "Apple SD Gothic Neo", system-ui, sans-serif;
  --aa-font-icon: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --aa-fs-display: clamp(30px, 4vw, 60px);
  --aa-fs-h2: clamp(34px, 3.9vw, 58px);   
  --aa-fs-h3: clamp(22px, 2.1vw, 32px);
  --aa-fs-h4: clamp(19px, 1.6vw, 24px);
  --aa-fs-lead: clamp(16px, 1.2vw, 18px);
  --aa-fs-body: 15px;
  --aa-fs-small: 13px;
  --aa-fs-eyebrow: 14px;
  --aa-lh-tight: 1.24;   
  --aa-lh: 1.7;
  --aa-tracking: -0.025em;

  
  --aa-max: 1280px;
  --aa-gutter: clamp(22px, 4vw, 64px);
  --aa-pad: clamp(64px, 7vw, 120px);
  --aa-gap-head: clamp(36px, 4vw, 64px);
  --aa-header-h: 76px;

  
  --aa-r-lg: 32px;
  --aa-r-md: 24px;
  --aa-r-sm: 16px;
  --aa-r-xs: 12px;
  --aa-shadow-card: 0 1px 2px rgba(27, 33, 64, .04), 0 12px 32px rgba(27, 33, 64, .06);
  --aa-shadow-float: 0 18px 40px rgba(27, 33, 64, .12);

  
  --aa-ease: cubic-bezier(.16, 1, .3, 1);
  --aa-dur: .7s;
}

@media (max-width: 600px) {
  :root { --aa-r-lg: 24px; --aa-r-md: 20px; --aa-r-sm: 14px; --aa-header-h: 64px; --aa-fs-body: 14.5px; --aa-fs-h2: clamp(23.5px, 7.2vw, 34px); }
}


@media (max-width: 760px) {
  :root { --aa-home-mobile-title: clamp(32px, 10vw, 46px); --aa-home-section-title: clamp(27px, 8.5vw, 38px); }
}
@media (max-width: 359px) {
  :root { --aa-home-mobile-title: 31px; }
}