/* AI additions follow the portfolio's original teal, cream and gold palette. */
.hero{background:#10272e;gap:50px;padding-top:50px;padding-bottom:48px}
.hero-ai-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.68;pointer-events:none}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10272ee8 0%,#10272e80 55%,#10272e0a 100%);pointer-events:none}
.hero:before{display:none}.hero .eyebrow{margin-bottom:17px}.hero-copy{padding-top:0}
.hero-ai-badge{display:flex;align-items:center;gap:13px;margin-bottom:23px;padding:7px 18px 7px 5px;border:1px solid #e0c18a45;border-radius:14px;background:#0b242ac2;box-shadow:0 9px 35px #0001;transition:border-color .2s,transform .2s}
.hero-ai-badge:hover{border-color:#e0c18a;transform:translateY(-2px)}.hero-ai-badge img{width:54px;height:59px}.hero-ai-badge>span{font-size:.875rem;color:#eee4cf;line-height:1.5}.hero-ai-badge small{display:block;color:#aabeaf;font-size:.8rem;margin-top:3px}
.hero .intro{font-size:1rem;margin-bottom:13px}.hero h1{font-size:clamp(3rem,4.8vw,5rem)}.hero-description{margin-top:27px;color:#cfddd4}.hero-buttons{margin-block:27px 30px}.hero .portrait{min-height:640px;box-shadow:0 30px 75px #0004}.hero-bottom{gap:12px}.hero-bottom>a{font-size:.9rem}
.cap:nth-child(5) .cap-icon{background:#eee6d4;color:#756035}.cap:nth-child(6) .cap-icon{background:#e3ebed;color:#436575}
.ai-solutions{background:#f6f5ee}.ai-studio{display:grid;grid-template-columns: .72fr 1.28fr;gap:0;border:1px solid #ced9cd;border-radius:22px;overflow:hidden;background:#eaf0e7}
.ai-choices{padding:30px;display:flex;flex-direction:column;gap:14px;justify-content:center}.ai-choice{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;text-align:start;padding:22px 18px;border:1px solid #cbd7c5;border-radius:11px;background:#f8faf3;line-height:1.55;transition:background .2s,color .2s,border-color .2s}
.choice-number{font-size:.8rem;color:#6d806b}.ai-choice[aria-expanded=true]{background:#173b36;border-color:#173b36;color:#fff9e9;box-shadow:0 7px 18px #14362b15}.ai-choice[aria-expanded=true] .choice-number,.ai-choice[aria-expanded=true]>span:last-child{color:#e0c18a}.ai-choice:hover{border-color:#66815b}.ai-example-note{font-size:.7rem;letter-spacing:.12em;margin:13px 5px 0;color:#657a61}
.ai-panels{min-width:0;background:#fffef9}.ai-panel{padding:38px 42px;min-height:425px}.ai-panel+.ai-panel:not([hidden]){border-top:1px solid var(--line)}.ai-panel-top{display:flex;align-items:center;gap:12px;color:#647b5a;font-size:.72rem;letter-spacing:.08em;margin-bottom:22px}.ai-mini-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #e3e7db;border-radius:50%;background:#f0f3e8}.ai-mini-icon img{width:35px;height:38px}.scenario-index{margin-inline-start:auto;color:#8b986f}.ai-panel h3{font-size:1.7rem;line-height:1.4;letter-spacing:-.035em;font-weight:500;margin-bottom:16px;max-width:23ch}.ai-panel>p{font-size:1rem;line-height:1.85;max-width:65ch}
.workflow-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0 25px;padding:0}.workflow-steps li{position:relative;font-size:.85rem;line-height:1.6;color:#375443}.workflow-dot{display:block;width:11px;height:11px;background:#4b7355;border:3px solid #dce9d4;border-radius:50%;margin-bottom:12px;box-shadow:0 0 0 1px #8ca47a}.workflow-steps li:not(:last-child):after{content:'';position:absolute;top:5px;inset-inline:20px -9px;height:1px;background:#c7d5be}.workflow-note{display:flex;align-items:start;gap:12px;border-top:1px solid #dde3d5;padding-top:19px}.workflow-note>span{font-size:1.5rem;color:#86926e;line-height:1.4}.workflow-note p{font-size:.875rem;line-height:1.7;color:#65735c}
.ai-principles{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:25px}.ai-principles>span{font-size:.8rem;font-weight:600;color:#365443}.ai-principles p{font-size:.8rem}.ai-principles p:before{content:'✓';color:#5f7e4d;margin-inline-end:8px}
.contact{text-align:start;padding-top:80px;padding-bottom:30px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:65px}.contact-intro{padding-top:28px}.contact-intro h2{font-size:clamp(2.1rem,3.2vw,3.5rem);line-height:1.3}.contact-intro>p{color:#c7d5cb;margin:25px 0 28px;font-size:1rem;max-width:480px}.contact-intro .email{font-size:clamp(1.2rem,2vw,1.9rem);gap:20px}.contact-actions{justify-content:flex-start;gap:12px}.contact-intro #copy-status{margin:14px 0 0}.contact-actions .button{font-size:.875rem;padding:12px 16px;gap:14px}.contact-bottom{margin-top:55px}
.contact-panel{padding:35px;border:1px solid #ffffff28;background:#f8faf3;border-radius:20px;color:var(--ink);box-shadow:0 20px 50px #0002}.contact-panel-heading .eyebrow{display:block;font-size:.7rem;letter-spacing:.1em;margin-bottom:12px}.contact-panel-heading h3{font-size:1.6rem;font-weight:500;letter-spacing:-.04em;line-height:1.45}.contact-panel-heading p{font-size:.875rem;line-height:1.75;margin:12px 0 25px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.contact-field{min-width:0}.contact-field.full{grid-column:1/-1}.contact-field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.contact-field input,.contact-field textarea,.contact-field select{display:block;width:100%;min-width:0;border:1px solid #c3d0be;background:#fffefa;border-radius:8px;padding:12px 13px;font:inherit;color:#17382e;font-size:1rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.contact-field input,.contact-field select{min-height:48px}.contact-field textarea{resize:vertical;min-height:140px}.contact-field ::placeholder{color:#718171;opacity:1}.contact-field :is(input,textarea,select):focus-visible{outline:2px solid #587646;outline-offset:3px}.contact-field [aria-invalid=true]{border-color:#a53f31;box-shadow:0 0 0 1px #a53f31}.contact-honeypot{display:none!important}.contact-form-actions{margin-top:23px}.contact-form-actions .button{width:100%;justify-content:center}.contact-form-status{font-size:.875rem;line-height:1.75;margin-top:12px;overflow-wrap:anywhere}.contact-form-status:empty{display:none}.contact-form-status[data-state=error]{color:#97372a}.contact-form-status[data-state=success]{color:#2d6637}.contact-form-status[data-state=pending]{color:#47653e}#cf-submit:disabled{opacity:.65;cursor:wait}
.ai-footer{gap:25px;padding-top:0}.footer-robot-note{flex-basis:100%;display:flex;align-items:center;gap:24px;padding:35px 0;border-bottom:1px solid #d5ddcf}.footer-robot-note>img{width:92px;height:101px;flex-shrink:0;animation:robot-float 5s ease-in-out infinite}.footer-robot-note strong{display:block;font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:500;line-height:1.4;letter-spacing:-.025em}.footer-robot-note p{font-size:.9rem;margin-top:7px}.footer-robot-note>a{margin-inline-start:auto;flex-shrink:0;font-size:.9rem;margin-top:0}footer.ai-footer>.footer-robot-note{order:0}footer.ai-footer>span{font-size:.85rem}footer.ai-footer>.signature-brand{order:1}footer.ai-footer>span{order:2}footer.ai-footer>a:last-child{order:3}
@keyframes robot-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
html[lang=ar] .hero:after{background:linear-gradient(270deg,#10272ee8,#10272e80 55%,#10272e0a)}html[lang=ar] .hero-ai-background{transform:scaleX(-1)}html[lang=ar] .hero-ai-badge{padding-inline:5px 18px}html[lang=ar] .ai-panel-top,html[lang=ar] .ai-example-note,html[lang=ar] .contact-panel-heading .eyebrow{letter-spacing:0}html[lang=ar] .footer-robot-note strong{font-family:'Noto Sans Arabic',sans-serif}html[lang=ar] .contact-intro h2{line-height:1.6}
@media(max-width:1200px){.header nav{gap:17px}.header .signature-brand img{width:210px}.hero{gap:35px}.contact-layout{gap:35px}.contact-panel{padding:28px}.ai-choices{padding:25px}.ai-panel{padding:32px}.hero .portrait{min-height:680px}.hero-bottom>a{margin-inline-start:0}}
@media(max-width:1080px){.ai-studio{grid-template-columns:.8fr 1.2fr}.ai-choice{padding:18px 13px;gap:10px}.ai-choices{padding:20px}.ai-panel{padding:28px}.contact-layout{grid-template-columns:.85fr 1.15fr;gap:30px}.contact-form-grid{gap:18px 12px}.contact-panel{padding:25px}.contact-intro .email{font-size:1.2rem}.contact-actions{flex-direction:column;align-items:flex-start}}
@media(max-width:850px){.hero .portrait{min-height:0;height:540px}.hero{padding-top:40px}.hero h1{font-size:clamp(3rem,7vw,4.4rem)}.hero-ai-background{object-position:65% center}.hero:after{background:linear-gradient(90deg,#10272ee6,#10272e66)}.ai-studio{grid-template-columns:1fr}.ai-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px;gap:12px}.ai-choice{grid-template-columns:1fr;align-content:start;gap:9px;font-size:.875rem}.ai-choice>span:last-child{display:none}.ai-example-note{grid-column:1/-1;margin-top:5px}.ai-panel{min-height:0;padding:32px}.ai-principles{gap:10px 24px;justify-content:flex-start}.ai-principles>span{flex-basis:100%}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-intro{padding-top:0}.contact-intro>p{max-width:620px}.contact-actions{flex-direction:row}.contact-intro .email{font-size:1.6rem}.contact-panel{padding:32px}.contact-intro h2{font-size:2.6rem}.footer-robot-note>a{margin-inline-start:0}.footer-robot-note{flex-wrap:wrap}.footer-robot-note>div{flex:1;min-width:200px}}
@media(max-width:640px){.header .signature-brand img{width:clamp(122px,37vw,180px)}.hero .portrait{height:430px}.hero h1{font-size:clamp(2.9rem,10vw,4rem)}.hero-ai-badge{margin-bottom:23px}.hero .eyebrow{font-size:.875rem}.hero-description{font-size:1.0625rem}.hero-bottom>a{font-size:1rem}.ai-studio{border-radius:16px}.ai-choices{padding:16px;gap:10px;grid-template-columns:1fr}.ai-choice{grid-template-columns:auto 1fr auto;align-items:center;padding:15px 17px;font-size:1rem;gap:15px}.ai-choice>span:last-child{display:block}.ai-example-note{font-size:.7rem;margin-top:8px}.ai-panel{padding:26px 22px}.ai-panel h3{font-size:1.5rem}.workflow-steps{gap:12px;margin-top:26px}.workflow-steps li{font-size:.8rem}.workflow-steps li:not(:last-child):after{inset-inline-end:0}.ai-principles{display:grid;gap:8px}.contact{padding-top:60px}.contact-intro h2{font-size:2.15rem}.contact-intro .email{font-size:1.3rem}.contact-panel{padding:25px 20px;border-radius:16px}.contact-panel-heading h3{font-size:1.45rem}.contact-form-grid{grid-template-columns:1fr;gap:18px}.contact-bottom{margin-top:35px}.footer-robot-note{gap:16px;padding-block:28px}.footer-robot-note>img{width:72px;height:80px}.footer-robot-note>div{min-width:0}.footer-robot-note strong{font-size:1.12rem}.footer-robot-note p{font-size:.85rem}.footer-robot-note>a{margin-inline-start:88px;font-size:.875rem}footer.ai-footer>.signature-brand img{width:180px}footer.ai-footer>span{order:4}}
@media(prefers-reduced-motion:reduce){.footer-robot-note>img{animation:none}.hero-ai-badge{transition:none}}