/* Phantom PenTest | Company About page | independently scoped stylesheet */
:root { color-scheme: dark; }
.about-page { overflow-x: clip; background: #020b12; }
.about-page .site-header .nav-links a[aria-current="page"] { color:#18cef5; border-bottom: 1px solid #18cef5; padding-bottom:5px; }
.about-page .wrap { width:min(1320px,calc(100% - 88px)); }
.about-page .company-eyebrow { color:#18cef5; letter-spacing:.17em; font-size:13px; font-weight:800; text-transform:uppercase; line-height:1.35; }
.company-hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 78% 35%,#092537 0%,#031522 42%,#020b12 82%); border-bottom:1px solid rgba(24,206,245,.22); }
.company-hero:before { content:""; position:absolute; inset:0; opacity:.25; pointer-events:none; background:linear-gradient(90deg,transparent 0,rgba(24,206,245,.07) 50%,transparent 100%); }
.about-breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; padding-top:26px; font-size:13px; color:#9fb9c5; }
.about-breadcrumbs a:hover { color:#18cef5; }
.about-breadcrumbs span:nth-child(2) { color:#18cef5; }
.about-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr); gap:clamp(50px,6vw,118px); align-items:center; padding:88px 0 99px; }
.about-hero-copy h1 { margin:19px 0 26px; max-width:790px; font-size:clamp(53px,4.55vw,74px); line-height:1.035; letter-spacing:-.049em; font-weight:800; color:#f7fbfd; }
.about-hero-copy h1 span { color:#18cef5; }
.about-hero-copy .lead { max-width:735px; color:#e0edf2; font-size:clamp(19px,1.43vw,22px); line-height:1.6; }
.about-hero-copy .supporting { max-width:695px; margin:18px 0 0; font-size:16.5px; line-height:1.7; color:#b6cad3; }
.about-hero-actions { display:flex; align-items:center; gap:29px; flex-wrap:wrap; margin-top:35px; }
.about-hero-actions .btn { font-size:15px; min-height:54px; }
.about-text-link { font-size:15px; font-weight:750; color:#18cef5; text-decoration:none; border-bottom:1px solid rgba(24,206,245,.55); padding-bottom:4px; }
.about-text-link:hover { border-color:#e9fafe; color:#e9fafe; }
.about-hero-aside { border-left:1px solid rgba(24,206,245,.43); padding:18px 0 22px 33px; max-width:410px; justify-self:end; }
.about-hero-aside .aside-kicker { font-size:12px; color:#18cef5; font-weight:780; letter-spacing:.19em; text-transform:uppercase; }
.about-hero-aside .aside-quote { margin:22px 0 0; font-size:clamp(25px,2.25vw,36px); font-weight:760; line-height:1.22; letter-spacing:-.035em; color:#eaf6fa; }
.about-hero-aside .aside-quote em { display:block; color:#18cef5; font-style:normal; }
.about-hero-aside .aside-note { margin-top:22px; font-size:14px; line-height:1.65; color:#a9c2cf; }
.about-principles { border-bottom:1px solid rgba(24,206,245,.19); background:#03131e; }
.about-principles .wrap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.principle { display:flex; gap:16px; align-items:center; padding:23px 24px; border-right:1px solid rgba(24,206,245,.22); min-width:0; }
.principle:first-child { padding-left:0; } .principle:last-child { border-right:0; }
.principle .principle-mark { color:#18cef5; font-weight:800; font-size:17px; letter-spacing:.06em; }
.principle strong { display:block; color:#edf8fa; font-size:15px; line-height:1.3; }
.principle small { display:block; font-size:13px; color:#9fbac5; margin-top:3px; line-height:1.45; }
.company-section { padding:96px 0; border-bottom:1px solid rgba(24,206,245,.19); }
.company-section .section-heading { font-size:clamp(37px,3.15vw,51px); line-height:1.11; margin:16px 0 22px; letter-spacing:-.038em; color:#f7fbfd; }
.company-purpose-grid { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.05fr); gap:clamp(52px,7vw,130px); align-items:start; }
.company-purpose-copy { border-left:2px solid #18cef5; padding-left:29px; }
.company-purpose-copy p { font-size:17px; line-height:1.74; margin:0 0 19px; color:#c7d7dd; }
.company-purpose-copy p:first-child { color:#edf6fa; font-size:19px; line-height:1.65; }
.company-purpose-copy p:last-child { margin:0; }
.company-difference { background:#03121c; }
.company-section-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.65fr); gap:40px; align-items:end; margin-bottom:37px; }
.company-section-intro p:last-child { margin-bottom:4px; font-size:16px; line-height:1.65; color:#b5cbd5; max-width:480px; }
.difference-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(24,206,245,.4); border-bottom:1px solid rgba(24,206,245,.32); }
.difference-item { padding:29px 28px 36px; border-right:1px solid rgba(24,206,245,.24); }
.difference-item:first-child { padding-left:0; } .difference-item:last-child { border-right:0; }
.difference-item .num { font-size:12px; font-weight:800; letter-spacing:.17em; color:#18cef5; }
.difference-item h3 { margin:26px 0 12px; font-size:22px; line-height:1.25; font-weight:760; color:#f3fafc; letter-spacing:-.025em; }
.difference-item p { font-size:16px; line-height:1.7; color:#b5c9d4; }
.company-tech { background:#020d15; }
.company-tech-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(38px,5vw,85px); align-items:center; }
.company-tech-copy h2 { font-size:clamp(38px,3.25vw,53px); line-height:1.1; letter-spacing:-.038em; margin:16px 0 21px; }
.company-tech-copy h2 span { color:#18cef5; }
.company-tech-copy > p { color:#bfd2da; font-size:16.5px; line-height:1.7; margin:0 0 17px; }
.company-tech-copy .tech-outcome { border-left:2px solid #18cef5; padding-left:18px; color:#f0f9fc; font-weight:650; margin:23px 0 30px; }
.company-tech-visual { overflow:hidden; background:#071724; border:1px solid rgba(24,206,245,.32); }
.company-tech-visual img { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:1097 / 878; object-fit:contain; }
.company-tech-visual figcaption { font-size:12px; color:#a6bdc7; padding:12px 17px; border-top:1px solid rgba(24,206,245,.16); }
.company-standards { background:#03121c; }
.company-standards-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(50px,6vw,105px); }
.company-standards-intro p:last-child { font-size:17px; line-height:1.7; color:#b5cbd5; }
.company-standards-list { display:grid; grid-template-columns:1fr 1fr; column-gap:32px; }
.company-standard { border-top:1px solid rgba(24,206,245,.26); padding:23px 0 24px; }
.company-standard h3 { font-size:18px; line-height:1.3; font-weight:760; color:#f5fafc; margin-bottom:9px; }
.company-standard h3 span { margin-right:9px; color:#18cef5; }
.company-standard p { font-size:15.5px; line-height:1.67; color:#b0c7d1; }
.company-cta { background:radial-gradient(ellipse at 80% 10%,#0b3045 0%,#031522 39%,#020b12 78%); padding:79px 0; }
.company-cta-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:center; }
.company-cta h2 { font-size:clamp(35px,3.1vw,49px); line-height:1.13; margin:14px 0 12px; max-width:810px; }
.company-cta p:not(.company-eyebrow) { font-size:17px; line-height:1.67; max-width:750px; }
.company-cta .btn { min-height:57px; }
@media (max-width:1050px) {
  .about-page .wrap { width:calc(100% - 64px); }
  .about-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,.68fr); gap:45px; padding:74px 0 82px; }
  .about-hero-copy h1 { font-size:clamp(47px,5.3vw,65px); }
  .about-hero-aside .aside-quote { font-size:27px; }
  .company-section { padding:75px 0; }
  .company-tech-grid { grid-template-columns:1fr; gap:30px; }
  .company-tech-copy { max-width:750px; }
}
@media (max-width:720px) {
  .about-page .wrap { width:calc(100% - 38px); }
  .about-hero-grid { grid-template-columns:1fr; gap:37px; padding:58px 0 65px; }
  .about-hero-copy h1 { font-size:clamp(43px,8.6vw,61px); }
  .about-hero-copy .lead { font-size:18px; }
  .about-hero-aside { max-width:none; width:100%; justify-self:stretch; padding:12px 0 14px 21px; }
  .about-hero-aside .aside-quote { margin-top:10px; font-size:26px; }
  .about-hero-aside .aside-note { margin-top:14px; }
  .about-principles .wrap { grid-template-columns:1fr; }
  .principle { padding:17px 0!important; border-right:0; border-bottom:1px solid rgba(24,206,245,.20); }
  .principle:last-child { border:0; }
  .company-purpose-grid,.company-section-intro,.company-standards-layout { grid-template-columns:1fr; gap:20px; }
  .company-purpose-copy { padding-left:19px; }
  .company-section { padding:65px 0; }
  .difference-grid { grid-template-columns:1fr; }
  .difference-item { border-right:0; border-bottom:1px solid rgba(24,206,245,.20); padding:22px 2px 27px!important; }
  .difference-item:last-child { border:0; }
  .difference-item h3 { margin:12px 0 8px; }
  .company-standards-list { grid-template-columns:1fr; }
  .company-standard { padding:20px 0; }
  .company-cta { padding:61px 0; }
  .company-cta-grid { grid-template-columns:1fr; gap:23px; }
  .company-cta .btn { width:100%; white-space:normal; text-align:center; }
  .about-hero-actions { align-items:stretch; gap:22px; }
}
@media (max-width:420px) {
  .about-hero-copy h1 { font-size:42px; }
  .about-hero-actions .btn { width:100%; }
  .company-section .section-heading { font-size:37px; }
  .company-tech-copy h2 { font-size:39px; }
}
/* October 2026 proportion refinement — company About page only. */
@media(min-width:1051px) {
  .about-hero-grid { gap:clamp(45px,5vw,90px); padding:73px 0 79px; }
  .about-hero-copy h1 { font-size:clamp(49px,3.95vw,65px); margin:16px 0 21px; }
  .about-hero-copy .lead { font-size:clamp(18px,1.25vw,20px); }
  .about-hero-actions { margin-top:27px; }
  .about-hero-aside .aside-quote { font-size:clamp(24px,1.85vw,31px); }
  .about-principles .principle { padding-top:20px; padding-bottom:20px; }
  .company-section { padding:78px 0; }
  .company-section .section-heading { font-size:clamp(35px,2.75vw,45px); }
  .company-purpose-grid { gap:clamp(42px,5vw,95px); }
  .difference-item { padding:25px 24px 31px; }
  .difference-item h3 { font-size:20px; margin:20px 0 10px; }
  .company-tech-copy h2 { font-size:clamp(38px,2.85vw,47px); }
  .company-standard { padding:20px 0; }
  .company-cta { padding:67px 0; }
  .company-cta h2 { font-size:clamp(34px,2.75vw,44px); }
}
@media (min-width:721px) and (max-width:1050px) {
  .about-hero-grid { padding:68px 0 71px; }
  .about-hero-copy h1 { font-size:clamp(45px,5vw,57px); }
  .company-section { padding:69px 0; }
  .company-section .section-heading { font-size:clamp(35px,3.9vw,44px); }
}