/* Consistent dark typography for Fosten subpages. The original homepage stays unchanged. */
.subpage { background:#080808; color:#f5f3ee; }
.subpage .section-label { color:#aeabd5; }
.subnav { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:25px 5vw; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:100; background:rgba(8,8,8,.88); backdrop-filter:blur(18px); }
.subnav-logo { font-family:Manrope,sans-serif; font-size:1.4rem; font-weight:800; letter-spacing:-.05em; white-space:nowrap; }
.subnav-logo span { display:block; font-size:.48rem; font-weight:600; letter-spacing:.12em; color:#aaa; }
.subnav nav { display:flex; gap:25px; align-items:center; }
.subnav nav a { color:#dad7d8; font-size:.85rem; }
.subnav nav a:hover { color:white; }
.subnav .subnav-cta,.detail-button { display:inline-flex; padding:13px 18px; border-radius:999px; background:#8180c9; color:#090909!important; font-weight:700; }
.subhero { padding:clamp(90px,12vw,180px) 5vw 115px; max-width:1400px; margin:auto; }
.subhero h1,.legal-page h1 { font-family:Manrope,sans-serif; font-size:clamp(3.8rem,10vw,9rem); letter-spacing:-.085em; line-height:1.04; margin-top:25px; }
.subhero h1 em { font-style:normal; color:#9290cd; }
.subhero p { font-size:clamp(1rem,1.6vw,1.3rem); max-width:750px; line-height:1.8; color:#a9a6a7; margin-top:35px; }
.detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); margin:0 5vw 100px; }
.detail { border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:50px clamp(25px,5vw,70px); scroll-margin-top:110px; min-height:480px; transition:background .4s ease; }
.detail:hover { background:#111117; }
.detail-number { color:#aca8d9; letter-spacing:.15em; font-size:.66rem; }
.detail h2 { font-family:Manrope,sans-serif; letter-spacing:-.065em; line-height:1.1; margin:35px 0 22px; font-size:clamp(2rem,3.5vw,3.6rem); }
.detail p,.detail li { color:#aaa6aa; line-height:1.8; }
.detail ul { margin:23px 0 22px; padding-inline-start:20px; }
.detail a:not(.detail-button) { color:#c0bafb; text-decoration:underline; text-underline-offset:5px; }
.detail-cta { background:radial-gradient(ellipse at 80% 20%,#42417c,#101014 70%); }
.detail-cta p { margin-bottom:35px; }
.subfooter { border-top:1px solid var(--line); margin-top:40px; padding:55px 5vw; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; font-size:.79rem; color:#aaa; }
.subfooter strong { color:white; }
.subfooter p { margin-top:7px; }
.subfooter a { display:block; margin-bottom:8px; }
.legal-page { max-width:1000px; padding:110px 5vw 100px; margin:auto; }
.legal-page h1 { font-size:clamp(3.8rem,8vw,6.4rem); }
.legal-page .legal-intro { font-size:1.15rem; line-height:1.8; margin:30px 0 65px; color:#bbb; }
.legal-page section { padding:34px 0; border-top:1px solid var(--line); }
.legal-page section h2 { font-size:1.4rem; margin-bottom:14px; }
.legal-page section p { line-height:1.85; color:#b7b3b6; }
.legal-page a { color:#c5c1ff; text-decoration:underline; }
.legal-caution { border-top:1px solid var(--line); padding-top:30px; margin-top:40px; color:#e5c9a6; line-height:1.8; }
.arabic { font-family:Tahoma,Arial,sans-serif; }
.arabic h1,.arabic h2 { font-family:Tahoma,Arial,sans-serif; letter-spacing:normal; }
.arabic-services { padding:100px 5vw; }
.arabic-services-grid { margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.arabic-services-grid article { padding:38px 28px; min-height:210px; background:#15151a; border:1px solid var(--line); }
.arabic-services-grid h2 { font-size:1.5rem; margin-bottom:22px; }
.arabic-services-grid p,.arabic-contact p { color:#aaa; line-height:1.8; }
.arabic-contact { margin:0 5vw 90px; padding:70px 5vw; background:radial-gradient(ellipse at 80% 20%,#34335f,#161619 65%); }
.arabic-contact h2 { font-size:clamp(2rem,4vw,4rem); }
.arabic-contact p { margin:20px 0 30px; }
@media (max-width:750px) { .subnav { flex-wrap:wrap; gap:18px; } .subnav nav { gap:14px; } .detail-grid,.arabic-services-grid { grid-template-columns:1fr; } .subfooter { grid-template-columns:repeat(2,1fr); } .subhero { padding-top:90px; } }
@media (max-width:450px) { .subnav nav { width:100%; justify-content:space-between; } .subhero h1 { font-size:3rem; } .subfooter { grid-template-columns:1fr; } }