/* Shared editorial pages; existing marketing design remains in style.css. */
.marketing-site,.ai-site{margin:0;background:#f7f9fc;color:#122039;font-family:Arial,"IBM Plex Sans Arabic",sans-serif;line-height:1.8}
.site-header{max-width:1200px;margin:auto;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #dce2ed}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;font-weight:700;color:#0012ff}.brand img{object-fit:contain}
.site-header nav{display:flex;gap:22px;flex-wrap:wrap}.site-header nav a,.site-footer a{color:inherit;text-decoration:none}.site-header a:hover,.site-footer a:hover{color:#0012ff;text-decoration:underline}
.marketing-site main,.ai-site main{max-width:1120px;padding:0 5%;margin:auto}.hero{padding:86px 0 64px;border-bottom:1px solid #dce2ed}.eyebrow{color:#0012ce;font-size:12px;font-weight:700;letter-spacing:.12em}.hero h1{font-size:clamp(32px,5.4vw,66px);line-height:1.22;max-width:1000px;letter-spacing:-.035em;margin:22px 0}.intro{font-size:clamp(18px,2vw,22px);color:#475569;max-width:830px;margin:20px 0 30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:13px 23px;border:1px solid #0012ff;border-radius:7px;background:#0012ff;color:white;text-decoration:none;font:inherit;cursor:pointer}.button:hover{background:#000dbb}.button.secondary{background:transparent;color:#0012ce}
.content-section{padding:42px 0;border-bottom:1px solid #dce2ed}.content-section h2{font-size:clamp(23px,3vw,32px);line-height:1.4;margin:0 0 18px}.content-section>p{max-width:830px;font-size:18px;color:#475569}.content-section p+p{margin-top:14px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.editorial-card{padding:26px;background:white;border:1px solid #dce2ed;border-radius:10px;color:#122039;text-decoration:none;display:block;transition:border-color .15s}.editorial-card:hover{border-color:#0012ff}.editorial-card h3{font-size:22px;line-height:1.4;margin:14px 0}.editorial-card p{font-size:16px;line-height:1.8;color:#475569;margin-bottom:22px}.text-link{color:#0012ce;text-underline-offset:5px}.site-footer{max-width:1120px;margin:60px auto 0;padding:30px 5%;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;color:#475569}.site-footer a{display:block}.skip-link{position:fixed;top:-100px;background:white;color:#0012ff;padding:15px;z-index:10000}.skip-link:focus{top:0}
#service-discovery,#project-discovery{max-width:1200px;margin:auto;padding:50px 24px}.lead-form{max-width:740px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.lead-form label{display:flex;flex-direction:column;gap:7px;font-weight:600}.lead-form input,.lead-form select,.lead-form textarea{box-sizing:border-box;width:100%;padding:13px;border:1px solid #b9c4d6;border-radius:6px;font:inherit;background:white;color:#122039}.lead-form .wide{grid-column:1/-1}.lead-form textarea{min-height:140px}.lead-form .hp{position:absolute;left:-10000px;opacity:0}.form-result{padding:18px;border:1px solid #b9c4d6;border-radius:6px;margin:20px 0}.is-success{color:#166534}.is-error{color:#a71b1b}.lead-form small{font-size:13px;font-weight:400;color:#475569}.comparison{width:100%;border-collapse:collapse}.comparison th,.comparison td{padding:16px;text-align:start;border-bottom:1px solid #dce2ed;vertical-align:top}.table-scroll{overflow:auto}.notice{padding:18px 22px;border-inline-start:3px solid #0012ff;background:#eef1ff;border-radius:4px}.ai-site .hero{background:radial-gradient(ellipse at 90% 30%,#e5eaff 0,transparent 65%)}.ai-site .hero .button{margin-inline-end:12px;margin-bottom:12px}
.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.report-grid>div{padding:25px;border:1px solid #dce2ed;background:white}.report-grid strong{display:block;font-size:32px}.report-label{display:block}.marketing-site a:focus-visible,.ai-site a:focus-visible,button:focus-visible{outline:3px solid #4c66ff;outline-offset:4px}
@media(max-width:850px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{align-items:flex-start}.site-header nav{gap:12px;font-size:14px}.hero{padding-top:50px}}
@media(max-width:560px){.card-grid,.lead-form,.report-grid{grid-template-columns:1fr}.site-header{flex-direction:column;gap:15px}.hero h1{letter-spacing:-.02em}.content-section{padding:30px 0}.hero{padding:40px 0}.site-footer{margin-top:25px}.lead-form .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
