/* Visual language follows the meeting-copilot design snapshot. */
:root{--ink:#191B2E;--navy:#191B2E;--navy2:#2A2D48;--muted:#5A5C73;--blue:#7456F6;--blue2:#4B30D6;--cream:#F7F6FF;--line:#E3E0F5;--white:#fff}
body{background:#F7F6FF;color:#191B2E;font-family:'IBM Plex Sans KR','Malgun Gothic',system-ui,sans-serif}
:focus-visible{outline:3px solid #4B30D6;outline-offset:3px}
.site-header{position:absolute;background:rgba(255,255,255,.93);color:#191B2E;border-bottom:1px solid #ECE9FA;backdrop-filter:blur(18px)}
.site-nav a{color:#3A3C55}
.site-nav a:hover,.site-nav a:focus-visible{color:#4B30D6}
.header-cta{border:0;background:#7456F6;color:#fff}
.header-cta:hover{background:#4B30D6}
.brand{letter-spacing:-.045em}
.brand img{display:block;object-fit:contain}
.brand:before{content:none}
.window-mark{display:block;flex:none;width:34px;height:34px;border-radius:10px;background:#191B2E url('assets/cuevy-icon.png') center/cover no-repeat}
.hero{background:#F7F6FF;color:#191B2E}
.hero-visual{transform:none}
.eyebrow{background:#EEEAFE;border-color:#DDD4FF;color:#4B30D6;font-family:'Space Grotesk','IBM Plex Sans KR',sans-serif;letter-spacing:.1em}
.eyebrow .pulse{background:#C9F36B;box-shadow:0 0 0 4px rgba(201,243,107,.25)}
.hero h1{letter-spacing:-.075em}
.hero h1 em{color:#7456F6}
.hero-lead{color:#5A5C73}
.button-primary{background:#7456F6;color:#fff}
.button-primary:hover{background:#4B30D6}
.button-ghost{border-color:#DAD6F0;color:#191B2E;background:#fff}
.button-ghost:hover{background:#F4F2FF;border-color:#BDAFFB}
.hero-note{color:#6B6D85}
.hero-note span{color:#7456F6}
.hero-disclaimer{font-size:12px;color:#6B6D85;margin:8px 0 0}
.hero-bottom{border-top-color:#DAD6F0;color:#6B6D85}
.app-window{display:grid;grid-template-columns:124px minmax(0,1fr);grid-template-rows:47px auto;border:1px solid #E3E0F5;background:#fff;box-shadow:0 34px 80px rgba(48,37,113,.18),0 10px 24px rgba(48,37,113,.07)}
.window-sidebar{grid-row:1/3;display:flex;flex-direction:column;gap:5px;padding:15px 8px;background:#fff;border-right:1px solid #ECE9FA}
.window-sidebar-brand{display:flex;align-items:center;gap:5px;margin:0 0 17px 3px;font-size:12px;white-space:nowrap}
.window-sidebar-brand .window-mark{width:18px;height:18px;border-radius:5px}
.window-sidebar-brand em{font-style:normal;font:700 7px 'Space Grotesk',sans-serif;padding:2px 4px;border-radius:20px;background:#C9F36B}
.window-sidebar-link{display:flex;align-items:center;gap:6px;border-radius:7px;padding:6px;font-size:9px;color:#5A5C73;white-space:nowrap}
.window-sidebar-link.active{background:#EEEAFE;color:#4B30D6;font-weight:700}
.window-sidebar-start{margin-top:auto;border-radius:7px;padding:7px 3px;text-align:center;background:#7456F6;color:#fff;font-size:8px;font-weight:700}
.window-bar{grid-column:2;background:#fff;color:#191B2E;border-bottom:1px solid #ECE9FA}
.window-dots i{background:#C7C0E0}
.window-brand span{color:#6B6D85}
.window-brand img{display:block}
.window-brand:before{content:none}
.window-live{background:#FDECEC;color:#B42318}
.window-body{grid-column:2;background:#F7F6FF;grid-template-columns:1.25fr .88fr;min-height:420px}
.mock-main,.mock-card{box-shadow:0 2px 9px rgba(25,27,46,.035)}
.mock-overline span{background:#EEEAFE;color:#4B30D6}
.mock-transcript{border-color:#7456F6}
.speaker b{color:#4B30D6}
.mock-wave span{background:#7456F6}
.mock-card.accent{background:#191B2E;color:#fff}
.mock-card.accent .tiny-kicker{color:#C9F36B}
.mock-card.accent strong{color:#fff}
.mock-card.accent p{color:#B9B7D6}
.progress span{background:#7456F6}
.mock-card .progress span{width:37.5%}
.check.done span{background:#C9F36B;color:#191B2E}
.floating-caption{background:#191B2E;color:#fff;border-color:#3A3D5E}
.caption-icon{background:#C9F36B;color:#191B2E}
.section-kicker{color:#7456F6;font-family:'Space Grotesk','IBM Plex Sans KR',sans-serif}
.workflow{background:#fff}
.workflow .step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.step{border-color:#ECE9FA;background:#F7F6FF}
.step p{font-size:15px}
.step-no,.feature-icon{color:#4B30D6;font-family:'Space Grotesk','IBM Plex Sans KR',sans-serif}
.step-symbol{background:#C9F36B;color:#191B2E}
.step-line{background:#7456F6}
.product-section{background:#F7F6FF}
.demo-tabs button[aria-selected=true]{background:#EEEAFE;color:#4B30D6;border-color:#DAD6F0}
.demo-frame{border-color:#E3E0F5;box-shadow:0 18px 45px rgba(48,37,113,.08)}
.demo-top{background:#191B2E}
.demo-brand{font-family:'Space Grotesk',sans-serif}
.demo-label,.demo-callout{color:#4B30D6}
.demo-field.blue{background:#EEEAFE;border-color:#DAD6F0}
.features{background:#fff}
.feature{border-color:#E3E0F5}
.feature p{font-size:16px}
.use-cases{background:#F7F6FF}
.guide-link{background:#fff;border-block:1px solid #E3E0F5;padding:28px 0}
.guide-link .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.guide-link .section-kicker{margin:0 0 5px}
.guide-link strong{font-size:18px;line-height:1.5}
.guide-link a{flex:none;color:#4B30D6;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.answer-section{background:#EEEAFE}
.answer-inner strong{color:#191B2E}
.faq-section{background:#fff}
.faq-list p{font-size:16px}
.faq-list summary:after{color:#7456F6}
.trust{background:#F7F6FF;border-color:#E3E0F5}
.trust-list p{border-color:#E3E0F5}
.trust-list p{font-size:16px}
.start{background:#191B2E}
.start .section-kicker{color:#C9F36B}
.start .button-ghost{background:transparent;border-color:#5D5F80;color:#fff}
.start .button-ghost:hover{background:#2A2D48}
.site-footer{background:#15172A}
.footer-company{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer-company:hover{color:#fff}
@media(max-width:820px){.site-nav{background:#fff;border-bottom-color:#E3E0F5;box-shadow:0 15px 28px rgba(25,27,46,.07)}.site-nav a{color:#191B2E}.menu-toggle span{background:#191B2E}.hero-visual{width:min(100%,680px)}.workflow .step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .hero-lead,.section-head p,.product-intro p{font-size:16px}
  .wrap{width:calc(100% - 32px)}
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-copy{min-width:0}
  .hero h1{font-size:clamp(31px,8.4vw,41px);white-space:normal;word-break:keep-all;line-height:1.27}
  .hero-grid,.hero-visual,.app-window{min-width:0}
  .hero-visual,.app-window{width:100%}
  .app-window{display:block}
  .window-sidebar{display:none}
  .window-bar,.window-body{grid-column:auto}
  .window-body{display:flex;flex-direction:column;min-height:0;gap:8px}
  .mock-main{min-height:250px}
  .mock-side{display:flex;flex-direction:column;gap:8px}
  .mock-card{flex:auto}
  .mock-card-top,.check,.tiny-kicker{font-size:11px}
  .mock-card.accent strong{font-size:14px}
  .mock-card.accent p{font-size:11px}
  .floating-caption{display:none}
  .workflow .step-grid{grid-template-columns:1fr}
  .guide-link .wrap{display:block}
  .guide-link a{display:inline-block;margin-top:15px}
}