/* ============================================================
   pages/pc.css — page-specific overrides for pc.html
   ============================================================ */

/* Fit hero fully within one screen — no extra scroll needed to see it */
.cmp-hero-10 .top-band{min-height:calc(100vh - 86px);display:flex;align-items:center;overflow-y:hidden;}
.cmp-hero-10 .hero{padding-top:28px;padding-bottom:28px;}

/* hero visual: laptop mockup image shown as-is, no CSS-drawn frame */
.cmp-hero-10 .visual-wrap{overflow:visible !important;}
.cmp-hero-10 .visual-placeholder{
  background:none;border:none;box-shadow:none;overflow:visible;
  width:740px;max-width:none;height:auto;margin-left:0;padding:0;
  max-height:75vh;
  transform:translateX(-160px);
}
.cmp-hero-10 .visual-placeholder .hero-image{display:block;width:100%;height:auto;object-fit:contain;}
@media (max-width:980px){.cmp-hero-10 .visual-placeholder{width:100%;max-width:600px;margin:0 auto;} .cmp-hero-10 .top-band{min-height:auto;}}

/* features section: plain landscape images, no phone-style tilt/rounded corners */
.cmp-features-16 .features-section .feature-visual{min-height:unset !important;}
.cmp-features-16 .features-section .feature-visual img{
  border-radius:0 !important;transform:none !important;filter:none !important;
  width:100% !important;height:auto !important;max-width:100%;object-fit:contain;
}
.cmp-features-16 .features-section .feature-visual::before{display:none;}
.cmp-features-16 .features-section .feature-row:nth-child(1) .feature-visual,
.cmp-features-16 .features-section .feature-row:nth-child(2) .feature-visual{
  min-height:560px !important;
}
.cmp-features-16 .features-section .feature-row:nth-child(1) .feature-visual img,
.cmp-features-16 .features-section .feature-row:nth-child(2) .feature-visual img{
  max-width:130% !important;height:100% !important;
}
@media (max-width:620px){
  .cmp-features-16 .features-section .feature-row:nth-child(1) .feature-visual,
  .cmp-features-16 .features-section .feature-row:nth-child(2) .feature-visual{
    min-height:unset !important;
  }
  .cmp-features-16 .features-section .feature-row:nth-child(1) .feature-visual img,
  .cmp-features-16 .features-section .feature-row:nth-child(2) .feature-visual img{
    max-width:100% !important;height:auto !important;
  }
  .cmp-features-16 .features-section .feature-row,
  .cmp-features-16 .features-section .feature-row:nth-child(even){
    gap:44px !important;
  }
}

.cmp-paragraph-6 .conclusion-content{align-items:stretch;text-align:left;}
.cmp-paragraph-6 .conclusion-text{text-align:center;}
.cmp-paragraph-6 .conclusion-cta{width:100%;text-align:center;}
.cmp-paragraph-6 .conclusion-eyebrow{
  display:inline-flex;align-self:center;align-items:center;
  font-family:var(--sans);font-size:0.85rem;font-weight:600;color:var(--accent);
  background:var(--glass);border:1px solid var(--hair);
  padding:6px 18px;border-radius:999px;margin-bottom:1.25rem;
}
.cmp-paragraph-6 .conclusion-faq{width:100%;display:flex;flex-direction:column;gap:12px;}
.cmp-paragraph-6 .faq-row{background:var(--bg);border:1px solid var(--hair);border-radius:14px;overflow:hidden;}
.cmp-paragraph-6 .faq-row summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 20px;font-weight:600;font-size:1rem;color:var(--text);
}
.cmp-paragraph-6 .faq-row summary::-webkit-details-marker{display:none;}
.cmp-paragraph-6 .faq-row summary .chev{width:16px;height:16px;flex:0 0 auto;color:var(--text-2);transition:transform .2s ease;}
.cmp-paragraph-6 .faq-row[open] summary .chev{transform:rotate(180deg);}
.cmp-paragraph-6 .faq-row[open] summary{border-bottom:1px solid var(--hair);}
.cmp-paragraph-6 .faq-row-a{padding:14px 20px 18px;color:var(--text-2);font-size:.95rem;line-height:1.7;}
.cmp-paragraph-6 .faq-row-a ol{margin-top:10px;padding-left:0;counter-reset:step;}
.cmp-paragraph-6 .faq-row-a ol li{list-style:none;counter-increment:step;position:relative;padding-left:28px;margin-bottom:8px;}
.cmp-paragraph-6 .faq-row-a ol li::before{content:counter(step) ".";position:absolute;left:0;color:var(--accent);font-weight:700;}
@media (max-width:768px){
  .cmp-paragraph-6 .faq-row summary{font-size:.92rem;padding:14px 16px;}
  .cmp-paragraph-6 .faq-row-a{padding:12px 16px 16px;font-size:.9rem;}
}