/* Official Phosphor regular icons inherit the active light/dark palette. */
.phosphor-icon { display:inline-block; width:1em; height:1em; vertical-align:-.16em; fill:currentColor; flex-shrink:0; }
.atom-slider-button .phosphor-icon { display:block; width:24px; height:24px; }
.card-arrow .phosphor-icon,.feature-icon .phosphor-icon,.detail-arrow .phosphor-icon { width:24px; height:24px; }

@media (max-width:800px) {
  .hero { min-height:0; padding:130px 7vw 72px; }
  .hero-copy { width:100%; }
  .hero h1 { font-size:clamp(2.2rem,9.5vw,3.6rem); line-height:1.12; letter-spacing:-.035em; }
  .hero h1 br { display:none; }
  .hero h1 em { display:block; margin-top:.12em; }
  .hero-text { width:100%; max-width:32rem; margin:24px 0; font-size:16px; line-height:1.7; }
  .hero-actions { flex-wrap:wrap; gap:20px; }
  .hero-visual { position:relative; right:auto; top:auto; width:100%; max-width:none; height:365px; margin-top:34px; }
  .hero-visual .visual-card { left:0; }
  .hero-visual .label-bottom { bottom:0; }
  .section-intro h2,.khonner-copy h2,.process-head h2 {
    font-size:clamp(2rem,7.8vw,3rem); line-height:1.16; letter-spacing:-.035em;
  }
  .process-head h2 br { display:none; }
  .process-head h2 em { display:block; margin-top:.25em; }
  .closing h2 { font-size:clamp(2.8rem,11vw,4rem); line-height:1.12; letter-spacing:-.04em; }
  .contact-modal h2 { font-size:clamp(2.2rem,9vw,3rem); line-height:1.15; letter-spacing:-.035em; }
  .eyebrow { line-height:1.6; margin-bottom:22px; }
  .proof-section { padding-top:76px; padding-bottom:64px; }
  .problem-grid { margin-top:36px; gap:16px; }
  .problem-card { height:auto; min-height:260px; padding:25px 25px 50px; }
  .problem-card h3 { margin-top:36px; line-height:1.2; letter-spacing:-.035em; }
  .problem-card p { font-size:15px; max-width:30rem; }
  .khonner-copy>p:not(.eyebrow) { margin:24px 0; font-size:16px; line-height:1.75; }
  .managed-detail { grid-template-columns:40px minmax(0,1fr); gap:16px; }
  .managed-detail h3 { font-size:24px; line-height:1.2; letter-spacing:-.025em; }
  .managed-detail>p { font-size:15px; line-height:1.75; }
  .feature-row h3 { font-size:25px; line-height:1.22; letter-spacing:-.03em; }
  .feature-row p,.step p { font-size:15px; line-height:1.75; }
  .features { padding-top:40px; padding-bottom:70px; }
  .process-section { padding-top:72px; padding-bottom:72px; }
  .steps { gap:32px; margin-top:44px; }
  .step h3 { line-height:1.2; letter-spacing:-.03em; }
  .closing { min-height:440px; padding:56px 7vw; }
  .nav-cta { display:inline-flex; align-items:center; min-height:44px; }
  .contact-modal { max-height:calc(100dvh - 40px); overflow-y:auto; }
}
@media (max-width:380px) {
  .nav { padding:0 4vw; }
  .nav-actions { gap:8px; }
  .website-logo img { width:110px; }
  .nav-cta { font-size:8px; letter-spacing:.025em; padding:0; }
  .nav-cta span { margin-left:3px; }
  .hero-visual { height:340px; }
  .hero-visual .sphere { width:245px; height:245px; }
}