/* About page: extends the shared homepage stylesheet. */
.about-page { --about-muted:#acb7ca; --about-border:rgba(255,255,255,.12); }
.about-page .container { max-width:1320px; }
.about-page .logo img,.about-page .footer-about img { height:auto; }
.about-page a { -webkit-tap-highlight-color:transparent; }
.about-page a:focus-visible,.about-page button:focus-visible { outline:2px solid #75b7ff; outline-offset:6px; }
.skip-link { position:fixed; top:10px; left:15px; z-index:1001; transform:translateY(-160%); padding:12px 20px; background:white; color:#02040a; }
.skip-link:focus { transform:translateY(0); }
.about-page .navbar { gap:34px; }
.about-page .navbar a { font-size:15px; }
.about-page .header-btn { padding:14px 24px; font-size:13px; gap:20px; }
.menu-toggle { display:none; }
.about-hero { padding:160px 0 0; background:radial-gradient(ellipse at 80% 35%,rgba(0,114,255,.12),transparent 55%); }
.breadcrumb { display:flex; gap:12px; color:var(--about-muted); font-size:12px; margin-bottom:44px; }
.breadcrumb a { color:#fff; text-decoration:none; }
.about-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:52px; align-items:center; }
.about-eyebrow { display:block; font-size:11px; font-weight:600; letter-spacing:2.4px; color:#b5c8e4; margin-bottom:24px; }
.about-intro .about-eyebrow { display:flex; align-items:center; gap:10px; }
.about-intro .about-eyebrow>span { height:6px; width:6px; border-radius:50%; background:#54a6ff; box-shadow:0 0 14px #0072ff; }
.about-page h1 { font-family:'Orbitron',sans-serif; font-size:clamp(32px,3.3vw,51px); font-weight:700; line-height:1.27; letter-spacing:-1.7px; margin-bottom:24px; }
.about-page h1>span,.about-page h2>span { background:linear-gradient(100deg,#57a5ff 5%,#d09bd6 65%,#ff638d); -webkit-background-clip:text; background-clip:text; color:transparent; }
.about-intro>p { color:var(--about-muted); font-size:16px; line-height:1.9; max-width:530px; }
.about-actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-top:32px; }
.about-button { display:inline-flex; justify-content:center; align-items:center; gap:24px; padding:17px 24px; border-radius:50px; background:linear-gradient(100deg,#006fe9,#842e9d 70%,#de165e); text-decoration:none; color:#fff; font-size:13px; font-weight:600; transition:transform .2s,box-shadow .2s; }
.about-button:hover { transform:translateY(-3px); box-shadow:0 8px 28px #006fe933; }
.about-text-link { display:inline-flex; align-items:center; gap:15px; color:#e3eaf6; text-decoration:none; font-size:13px; border-bottom:1px solid #647185; padding:7px 0; transition:color .2s; }
.about-text-link:hover { color:#79b7ff; }
.about-visual { position:relative; border-radius:22px 70px 22px 22px; overflow:hidden; height:435px; border:1px solid #ffffff20; background:#111b29; }
.about-visual>img { height:100%; width:100%; object-fit:cover; object-position:52% center; }
.about-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#02040aef,transparent 55%); pointer-events:none; }
.visual-corner { position:absolute; z-index:1; width:110px; height:7px; background:linear-gradient(90deg,#0072ff,#ff004c); right:20px; top:25px; transform:rotate(40deg); }
.visual-caption { position:absolute; z-index:2; bottom:30px; left:28px; right:28px; display:flex; align-items:center; gap:14px; }
.caption-dot { width:9px; height:9px; border-radius:50%; background:#5ca9ff; }
.visual-caption strong { display:block; font-size:18px; font-weight:500; }
.visual-caption div>span { display:block; color:#c4cddd; font-size:11px; margin-top:5px; }
.caption-arrow { margin-left:auto; font-size:28px; }
.about-trust { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--about-border); border-bottom:1px solid var(--about-border); margin-top:64px; padding:25px 0; gap:20px; }
.about-trust p { display:flex; align-items:center; gap:13px; font-size:12px; font-weight:500; }
.about-trust p>span { color:#6398d9; font-family:'Orbitron',sans-serif; font-size:10px; }
.about-section { padding:100px 0; scroll-margin-top:130px; }
.about-page h2 { font-family:'Orbitron',sans-serif; font-size:clamp(27px,3vw,41px); letter-spacing:-1px; line-height:1.3; }
.story-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:90px; }
.story-copy p { font-size:14px; line-height:1.95; color:var(--about-muted); margin-bottom:18px; }
.story-copy .about-lead { color:#f2f5fb; font-size:21px; line-height:1.6; margin-top:3px; }
.values-section { background:#070c16; border-block:1px solid #ffffff08; }
.about-section-heading { display:flex; gap:70px; align-items:end; justify-content:space-between; margin-bottom:44px; }
.about-section-heading>p { color:var(--about-muted); font-size:14px; line-height:1.9; max-width:390px; }
.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.value-card { position:relative; padding:30px; border:1px solid var(--about-border); border-radius:18px; background:linear-gradient(135deg,#ffffff05,transparent); }
.value-number { font-size:10px; letter-spacing:1.6px; color:#9facc0; }
.value-symbol { font-size:44px; color:#7aaeff; margin:20px 0; line-height:1; }
.value-card h3 { font-size:18px; font-weight:500; margin-bottom:12px; }
.value-card p { font-size:13px; line-height:1.9; color:var(--about-muted); }
.capabilities-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:100px; }
.capabilities-intro>p { font-size:14px; color:var(--about-muted); line-height:1.9; margin:24px 0 17px; max-width:380px; }
.capability-list>div { display:grid; grid-template-columns:35px 1fr; column-gap:15px; padding:22px 0; border-bottom:1px solid var(--about-border); }
.capability-list>div:first-child { padding-top:0; }
.capability-list>div>span { color:#799fd1; font-size:11px; padding-top:4px; grid-row:span 2; }
.capability-list h3 { font-size:18px; font-weight:500; }
.capability-list p { color:var(--about-muted); font-size:12px; margin-top:6px; }
.options-section { padding-top:0; }
.option-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.option-grid article { padding:34px; border:1px solid var(--about-border); border-radius:18px; }
.option-grid article:first-child { background:linear-gradient(120deg,#0072ff15,transparent); }
.option-grid article:last-child { background:linear-gradient(120deg,#cf25620b,transparent); }
.option-tag { font-size:10px; letter-spacing:2px; color:#a9bedd; }
.option-grid h3 { font-size:23px; margin:20px 0 12px; font-weight:500; }
.option-grid p { font-size:14px; line-height:1.9; color:var(--about-muted); }
.about-contact { padding-top:0; }
.about-contact-panel { border:1px solid #ffffff20; border-radius:24px; padding:56px; display:grid; grid-template-columns:1.65fr 1fr; align-items:center; gap:65px; background:radial-gradient(ellipse at 100% 0%,#b5265b20,transparent 60%),linear-gradient(120deg,#005cc91a,#0a0e17); }
.about-contact-panel h2 { font-size:clamp(26px,2.8vw,38px); }
.about-contact-panel>div>p { color:var(--about-muted); font-size:14px; margin-top:20px; line-height:1.8; }
.contact-location { border-left:1px solid #ffffff20; padding-left:40px; }
.location-mark { display:block; font-size:40px; color:#a6bcdf; margin-bottom:14px; }
.contact-location strong { font-size:19px; font-weight:500; }
.contact-location>span:last-child { display:block; margin-top:22px; color:#acb7ca; font-size:11px; letter-spacing:1px; }
.about-page .footer { padding-top:60px; }
.about-footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:60px; padding-bottom:40px; }
.about-page .footer-about img { width:145px; margin-bottom:20px; }
.about-page .footer-about p,.about-page .footer-links p { font-size:12px; line-height:1.9; color:var(--about-muted); }
.about-page .footer-links h3 { font-size:16px; margin-bottom:20px; font-weight:500; }
.about-page .footer-links a { font-size:12px; margin-bottom:12px; }
.about-page .footer-bottom { padding:22px 0; font-size:11px; }
@media(min-width:1600px) { .about-hero { padding-top:180px; } }
@media(max-width:1050px) {
 .about-page .navbar-wrapper { padding:14px 0; }
 .about-page .logo img { width:120px; }
 .about-page .header-btn { margin-left:auto; margin-right:20px; }
 .menu-toggle { display:flex; gap:10px; align-items:center; order:3; border:1px solid #ffffff30; color:#fff; background:#0c1320; padding:10px 14px; border-radius:8px; font:inherit; font-size:13px; cursor:pointer; }
 .about-page .navbar { display:none; position:absolute; top:100%; left:0; width:100%; background:#070c16; padding:25px 5%; border-bottom:1px solid var(--about-border); flex-direction:column; gap:22px; }
 .about-page .navbar.is-open { display:flex; }
 .about-page .navbar a { width:fit-content; padding-bottom:4px; }
 .about-page .navbar a::after { bottom:0; }
 .about-hero-grid { gap:30px; }
 .about-page h1 { font-size:36px; }
 .about-visual { height:400px; }
 .about-actions { gap:18px; }
 .story-grid,.capabilities-grid { gap:45px; }
 .value-card { padding:24px; }
 .value-card h3 { font-size:16px; }
 .about-contact-panel { padding:38px; gap:30px; }
}
@media(max-width:760px) {
 .about-hero { padding-top:125px; }
 .breadcrumb { margin-bottom:30px; }
 .about-hero-grid,.story-grid,.capabilities-grid { grid-template-columns:1fr; gap:35px; }
 .about-page h1 { font-size:clamp(30px,7vw,44px); letter-spacing:-1px; }
 .about-intro>p { font-size:14px; }
 .about-visual { height:330px; border-top-right-radius:55px; }
 .about-trust { grid-template-columns:1fr 1fr; gap:22px 12px; margin-top:35px; padding:24px 0; }
 .about-trust p { font-size:11px; gap:8px; }
 .about-section { padding:65px 0; }
 .about-section-heading { flex-direction:column; align-items:start; gap:20px; margin-bottom:30px; }
 .about-section-heading>p { max-width:100%; }
 .value-grid { grid-template-columns:1fr; gap:16px; }
 .value-symbol { position:absolute; right:25px; top:0; font-size:32px; }
 .value-card h3 { font-size:18px; margin-top:26px; }
 .option-grid { grid-template-columns:1fr; }
 .options-section,.about-contact { padding-top:0; }
 .about-contact-panel { grid-template-columns:1fr; padding:30px 24px; gap:35px; }
 .contact-location { border-left:0; border-top:1px solid #ffffff20; padding:25px 0 0; }
 .location-mark { display:none; }
 .about-footer-grid { grid-template-columns:1fr 1fr; gap:30px; }
 .about-footer-grid>.footer-about { grid-column:1/-1; }
}
@media(max-width:420px) {
 .about-page .header-btn { display:none; }
 .about-eyebrow { font-size:9px; letter-spacing:1.6px; }
 .about-page h1 { font-size:30px; }
 .about-button { padding:15px 20px; gap:15px; font-size:12px; }
 .about-visual { height:290px; }
 .visual-caption { left:20px; right:20px; bottom:22px; }
 .visual-caption strong { font-size:16px; }
 .about-trust p { font-size:10px; }
 .about-page h2 { font-size:27px; }
 .option-grid article { padding:26px; }
}
@media(prefers-reduced-motion:reduce) { .about-page *, .about-page *::before, .about-page *::after { transition:none!important; scroll-behavior:auto!important; } }