@font-face{font-family:"IBM Plex Sans Arabic";src:url("/fonts/ibm-plex-sans-arabic-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/fonts/ibm-plex-sans-arabic-600.woff2") format("woff2");font-style:normal;font-weight:600; font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/fonts/ibm-plex-sans-arabic-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
:root{color-scheme:dark;--color-bg:#0b0e13;--color-surface:#131a22;--color-surface-raised:#0f151c;--color-border:#263642;--color-border-strong:#38505f;--color-primary:#2f8cff;--color-primary-hover:#62b0ff;--color-primary-soft:rgba(47,140,255,.1);--color-accent:#36d6d0;--color-accent-soft:rgba(54,214,208,.1);--color-success:#83ddba;--color-warning:#f5b84b;--color-focus:#62b0ff;--bg:var(--color-bg);--bg-alt:var(--color-surface-raised);--bg-card:var(--color-surface);--alt:var(--color-surface-raised);--card:var(--color-surface);--line:var(--color-border);--line-light:var(--color-border-strong);--text:#f2f7fb;--muted:#b4c2cc;--subtle:#8294a1;--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem}
html{scrollbar-width:thin;scrollbar-color:#374151 transparent}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:999px;background:#374151;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#4b5563;background-clip:padding-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:"IBM Plex Sans Arabic",Inter,"Segoe UI",sans-serif;font-size:16px;line-height:1.85;text-align:start;-webkit-font-smoothing:antialiased}
body:not([dir="rtl"]){font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:5px}
.wrap{width:min(var(--max),calc(100% - 3rem));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:rgba(11,12,17,.9);backdrop-filter:blur(14px)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
.brand img{display:block;width:96px;height:auto;filter:invert(1) grayscale(1) contrast(1.15)}
.navlinks{display:flex;align-items:center;gap:.35rem}
.navlinks a{display:inline-flex;min-height:42px;align-items:center;padding:.45rem .78rem;border-radius:.65rem;color:var(--muted);font-size:.9rem;text-decoration:none;white-space:nowrap;transition:color .18s ease,background-color .18s ease}
.navlinks a:hover{background:rgba(255,255,255,.05);color:var(--text)}
.navlinks .lang{margin-inline-start:.55rem;border-inline-start:1px solid var(--line);border-radius:0;color:var(--color-primary);font-weight:600}
.desktop-nav-group{display:flex;min-width:0;align-items:center;gap:.65rem}
.header-socials{display:flex;align-items:center;gap:.3rem;padding-inline-start:.7rem;border-inline-start:1px solid var(--line);direction:ltr}
.header-socials a{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.6rem;color:var(--subtle);transition:color .18s ease,background-color .18s ease,transform .18s ease}
.header-socials a:hover{transform:translateY(-1px);background:rgba(255,255,255,.06);color:var(--text)}
.header-socials svg{width:1.05rem;height:1.05rem}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid var(--line-light);border-radius:.72rem;background:var(--card);color:var(--text);cursor:pointer;list-style:none;transition:border-color .18s ease,background-color .18s ease}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary:hover{border-color:rgba(47,140,255,.45);background:#191a24}
.mobile-menu summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}
.menu-icon{width:1.15rem;height:1.15rem}.menu-icon--close,.mobile-menu[open] .menu-icon--open{display:none}.mobile-menu[open] .menu-icon--close{display:block}
.mobile-menu__panel{position:absolute;top:calc(100% + .6rem);inset-inline-end:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;width:min(340px,calc(100vw - 2rem));padding:.7rem;border:1px solid var(--line-light);border-radius:.9rem;background:#11121a;box-shadow:0 18px 42px #0008}
.mobile-menu__panel a{display:flex;min-height:42px;align-items:center;padding:.6rem .7rem;border-radius:.55rem;color:var(--muted);font-size:.9rem;text-decoration:none;transition:color .18s ease,background-color .18s ease}
.mobile-menu__panel a:hover{background:var(--color-primary-soft);color:var(--text)}
.mobile-menu__socials{display:flex;grid-column:1/-1;gap:.5rem;margin-top:.3rem;padding-top:.65rem;border-top:1px solid var(--line);direction:ltr}
.mobile-menu__socials a{display:inline-flex;min-height:40px;align-items:center;gap:.55rem;padding:.45rem .6rem}
.mobile-menu__socials svg{width:1rem;height:1rem;flex:none}
.skip-link{position:fixed;inset-inline-start:1rem;top:1rem;z-index:10;transform:translateY(-180%);padding:.55rem .9rem;border-radius:.6rem;background:var(--color-primary);color:#11111a;font-weight:700;text-decoration:none}
.skip-link:focus{transform:translateY(0)}
.hero{position:relative;display:flex;align-items:center;min-height:min(790px,calc(100svh - 76px));overflow:hidden;perspective:900px;background:radial-gradient(ellipse at 80% 45%,rgba(47,140,255,.09),transparent 40%),linear-gradient(110deg,rgba(47,140,255,.025),transparent 56%)}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(2rem,6vw,5.5rem);padding-block:5.5rem}
.hero-copy{position:relative;z-index:1;max-width:650px}
.hero-badge{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding:.42rem .85rem;border:1px solid rgba(47,140,255,.24);border-radius:99px;background:rgba(47,140,255,.08);color:var(--color-primary);font-size:.82rem;font-weight:600;letter-spacing:.02em}
.hero-badge>span:first-child{width:7px;height:7px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 14px rgba(47,140,255,.55)}
h1{max-width:14ch;margin:0 0 1.35rem;font-size:clamp(2.8rem,5.2vw,4.55rem);font-weight:700;line-height:1.27;letter-spacing:-.045em}
h1 span{color:var(--color-primary)}
.hero-copy>p{max-width:590px;margin:0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.95}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.55rem;padding:.62rem 1.1rem;border:1px solid var(--line-light);border-radius:.75rem;background:var(--card);color:var(--text);font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.button:hover{transform:translateY(-2px);border-color:rgba(47,140,255,.48);background:var(--bg-card)}
.button:active{transform:translateY(0) scale(.985)}
.button.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--bg)}
.button.primary:hover{background:#bab7ff}
.hero-art{position:relative;display:grid;min-height:440px;place-items:center;isolation:isolate;perspective:900px}
.hero-art__halo{position:absolute;width:min(82%,390px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(47,140,255,.12),rgba(47,140,255,.035) 48%,transparent 72%)}
.hero-art__motion{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}
.hero-art__core-depth{position:relative;z-index:1;display:grid;width:min(48%,220px);aspect-ratio:1;place-items:center;transform-style:preserve-3d}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-art__motion,.hero-art__core-depth{will-change:transform}}
.hero-art__core{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:hidden;border:1px solid rgba(204,202,255,.28);border-radius:38%;background:radial-gradient(circle at 32% 25%,rgba(222,221,255,.24),rgba(129,124,224,.1) 44%,rgba(18,19,33,.48) 78%);box-shadow:inset 0 1px rgba(255,255,255,.16),0 28px 80px rgba(8,8,20,.32);transform:rotate(-12deg)}
.hero-art__core img{display:block;width:min(82%,184px);height:auto;object-fit:contain;filter:invert(1) grayscale(1) contrast(1.15);transform:rotate(12deg)}
.hero-art__orbit{position:absolute;z-index:0;width:78%;height:32%;border:1px solid rgba(120,190,255,.18);border-radius:50%;transform:rotate(-32deg)}
.hero-art__orbit--two{width:68%;height:25%;border-color:rgba(54,214,208,.15);transform:rotate(46deg)}
.hero-art__node{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:#9ed0ff;box-shadow:0 0 18px rgba(47,140,255,.6)}
.hero-art__node--one{top:25%;inset-inline-end:22%}.hero-art__node--two{bottom:24%;inset-inline-start:19%;width:6px;height:6px}.hero-art__node--three{top:51%;inset-inline-start:9%;width:5px;height:5px;background:var(--color-accent)}
.block{padding:6.2rem 0;border-top:1px solid var(--line)}
.block.alt{background:var(--alt)}
.about-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);align-items:center;gap:clamp(2rem,6vw,5.5rem)}
.eyebrow{display:inline-block;margin-bottom:.85rem;color:var(--color-primary);font-size:.82rem;font-weight:600;letter-spacing:.025em}
h2{margin:0 0 1.15rem;font-size:clamp(1.8rem,3.2vw,2.55rem);font-weight:700;line-height:1.45;letter-spacing:-.035em}
.about-copy p,.section-heading>p,.contact-block>div>p{max-width:720px;margin:.65rem 0 0;color:var(--muted);font-size:1rem;line-height:1.95}
.stats-grid{display:grid;gap:.9rem}
.stat-card{display:grid;grid-template-columns:minmax(90px,.42fr) minmax(0,1fr);align-items:center;gap:1rem;padding:1.05rem 1.25rem;border:1px solid var(--line);border-radius:.9rem;background:linear-gradient(110deg,rgba(47,140,255,.045),transparent 68%),var(--card)}
.stat-card strong{color:var(--color-primary);font-family:Inter,"Segoe UI",sans-serif;font-size:2.3rem;font-weight:700;line-height:1;letter-spacing:-.05em;direction:ltr;text-align:start;unicode-bidi:isolate}
.stat-card strong span{font-size:.76em}
.stat-card p{margin:0;color:var(--muted);font-size:.94rem}
.section-heading{max-width:720px;margin-bottom:2.2rem}
.section-heading>p{margin-top:-.3rem}
.service-grid,.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.service-card{display:flex;min-width:0;height:100%;flex-direction:column;padding:clamp(1.1rem,2.2vw,1.5rem);border:1px solid var(--line);border-radius:1rem;background:var(--card);transition:transform .2s ease,border-color .2s ease,background-color .2s ease}
.service-card:hover,.project-card:hover,.contribution-card:hover{transform:translateY(-3px);border-color:rgba(47,140,255,.4)}
.service-heading{display:flex;min-width:0;align-items:flex-start;gap:.85rem}
.service-heading h3{min-width:0;margin:0;color:var(--text);font-size:1.02rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.service-icon{display:grid;width:2.5rem;height:2.5rem;flex:0 0 2.5rem;place-items:center;border-radius:.75rem;background:var(--color-primary-soft);color:var(--color-primary)}
.service-icon svg{width:1.25rem;height:1.25rem}
h3{margin:0;font-size:1.18rem;font-weight:600;line-height:1.55}
.service-card p,.project-content>p,.contribution-card>p{margin:.75rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.8;overflow-wrap:anywhere}
.project-card,.contribution-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:var(--card);transition:transform .2s ease,border-color .2s ease}
.project-visual{position:relative;display:flex;min-height:188px;flex-direction:column;justify-content:center;overflow:hidden;margin:1rem 1rem 0;padding:1.2rem 1.35rem;border:1px solid #30313e;border-radius:.75rem;background:radial-gradient(ellipse at 50% 0%,rgba(47,140,255,.07),transparent 58%),#0d0e14}
.visual-top,.visual-label{color:var(--subtle);font-size:.66rem;font-weight:600;letter-spacing:.08em}
.visual-top{display:flex;align-items:center;gap:.5rem}.visual-top small{margin-inline-start:auto;color:#777688;font-family:Inter,sans-serif;direction:ltr}
.live-dot{width:6px;height:6px;border-radius:50%;background:#36d6d0;box-shadow:0 0 10px #36d6d088}
.visual-people{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;color:var(--muted);font-size:.86rem}
.voice-wave,.quran-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:43px;flex:1}
.voice-wave i,.quran-wave i{width:3px;height:var(--bar,18px);border-radius:99px;background:rgba(47,140,255,.75);animation:voice-breathe 1.2s ease-in-out infinite alternate;animation-delay:var(--delay,0s);animation-play-state:paused}
.project-visual.is-visible .voice-wave i,.project-visual.is-visible .quran-wave i{animation-play-state:running}
.voice-wave i:nth-child(3n),.quran-wave i:nth-child(3n){--bar:27px}.voice-wave i:nth-child(4n),.quran-wave i:nth-child(4n){--bar:11px}.voice-wave i:nth-child(5n){--bar:33px}.voice-wave i:nth-child(2n){--delay:-.6s}
.visual-caption{margin-top:1rem;color:var(--subtle);font-size:.76rem;text-align:center}.visual-caption b{padding-inline:.45rem;color:var(--color-primary)}
.ocr-lines{display:grid;gap:.55rem;width:85%;margin:1rem auto 0}.ocr-lines i{height:7px;border-radius:9px;background:#77768c33}.ocr-lines i:nth-child(2){width:92%}.ocr-lines i:nth-child(3){width:78%}.ocr-lines i:nth-child(4){width:88%;background:#2f8cff5c}.ocr-lines i:nth-child(5){width:66%}.ocr-lines i:nth-child(6){width:96%}.scan-line{position:absolute;inset-inline:0;top:49%;height:2px;background:#2f8cff99;box-shadow:0 0 12px #2f8cff66}
.quran-visual>p{margin:1.15rem 0 .15rem;color:#e1e0eb;font-family:"IBM Plex Sans Arabic",serif;font-size:1.22rem;text-align:center}.quran-wave{max-width:75%;height:25px;margin-inline:auto}.quran-wave i{height:var(--bar,10px);background:rgba(54,214,208,.64)}.quran-wave i:nth-child(2n){--bar:18px}
.scan-line{top:14%;opacity:0;animation:ar-scan-line 2.8s linear infinite;animation-play-state:paused}.project-visual.is-visible .scan-line{opacity:.65;animation-play-state:running}
.ats-visual{gap:.85rem}.ats-row{display:grid;grid-template-columns:12px minmax(0,1fr) 42px;align-items:center;gap:.7rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.55rem;background:var(--bg-card)}.ats-row i{width:11px;height:11px;border-radius:4px;background:rgba(47,140,255,.34)}.ats-row span{height:7px;border-radius:9px;background:linear-gradient(to left,rgba(47,140,255,.4) var(--match),rgba(119,118,140,.2) var(--match))}.ats-row b{color:var(--color-success);font-family:Inter,sans-serif;font-size:.72rem;text-align:end;direction:ltr}
.project-content{padding:1.25rem 1.35rem 1.35rem}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.project-title-row h3{min-width:0;font-size:1.08rem}.project-title-row h3[dir=ltr]{font-family:Inter,"Segoe UI",sans-serif;font-size:1rem}.status{flex:0 0 auto;padding:.2rem .5rem;border-radius:99px;background:rgba(54,214,208,.1);color:#8ce1db;font-size:.7rem;font-weight:600}.status.open{background:rgba(47,140,255,.1);color:var(--color-primary-hover)}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.tags span{padding:.2rem .55rem;border:1px solid var(--border);border-radius:.45rem;color:var(--text-muted);font-size:.73rem;line-height:1.7}.project-links{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;margin-top:1.05rem;padding-top:.9rem;border-top:1px solid var(--line)}.project-links a,.text-link{color:var(--color-primary);font-size:.83rem;font-weight:600;text-decoration:none}.project-links a:hover,.text-link:hover{text-decoration:underline}.project-links small{color:var(--subtle);font-size:.72rem;font-weight:400}.project-links b,.text-link b{padding-inline-start:.2rem}
.contribution-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.contribution-card{padding:1.5rem}.contribution-top{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-bottom:.95rem;color:var(--color-primary);font-size:.74rem;font-weight:600}.contribution-top span+span{color:var(--subtle)}.contribution-card h3[dir=ltr]{font-family:Inter,"Segoe UI",sans-serif;font-size:1.25rem}.contribution-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.25rem;margin:1.2rem 0 0;padding:0;list-style:none}.contribution-card li{position:relative;padding-inline-start:1rem;color:var(--muted);font-size:.83rem}.contribution-card li::before{position:absolute;inset-inline-start:0;top:.8em;width:5px;height:5px;border-radius:50%;background:var(--color-primary);content:""}.contribution-card>.text-link{display:inline-flex;margin-top:1.2rem}
.industry-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.industry-list span{display:grid;min-height:67px;place-items:center;padding:.7rem;border:1px solid var(--line);border-radius:.8rem;background:var(--card);color:var(--muted);font-size:.85rem;text-align:center}
.industry-list span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.industry-icon{width:1.25rem;height:1.25rem;color:var(--color-primary);flex:none}
.contribution-card--featured{display:grid;grid-template-columns:minmax(0,1fr) 190px;padding:0;overflow:hidden}.contribution-main{min-width:0;padding:clamp(1.2rem,3vw,2rem)}.contribution-stats{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1.3rem;border-inline-start:1px solid var(--line);background:rgba(0,0,0,.08)}.contribution-stats>div{display:flex;flex-direction:column;gap:.12rem}.contribution-stats strong{color:var(--text);font-family:Inter,"Segoe UI",sans-serif;font-size:1.35rem;line-height:1.15;direction:ltr;text-align:start}.contribution-stats span,.contribution-stats p{color:var(--subtle);font-size:.72rem;line-height:1.5}.contribution-stats p{margin:0}
.feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem}.feedback-card{display:flex;min-width:0;min-height:250px;flex-direction:column;margin:0;padding:1.35rem;border:1px solid var(--line);border-radius:1rem;background:var(--card)}.feedback-quote{flex:1;margin:.7rem 0 1rem;color:var(--muted);font-size:.92rem;font-style:italic;line-height:1.9;overflow-wrap:anywhere}.feedback-author{display:grid;grid-template-columns:1.5rem minmax(0,1fr);align-items:center;gap:.35rem .55rem;padding-top:.8rem;border-top:1px solid var(--line);color:var(--text);font-size:.82rem}.feedback-author__avatar{display:grid;width:1.5rem;height:1.5rem;place-items:center;border-radius:50%;background:var(--line);color:var(--subtle)}.feedback-author__avatar svg{width:.9rem;height:.9rem}.feedback-author__name{min-width:0;overflow-wrap:anywhere}.feedback-email{grid-column:2;display:flex;min-width:0;align-items:center;gap:.35rem;color:var(--muted);font-size:.72rem;text-decoration:none;overflow-wrap:anywhere}.feedback-email:hover{color:var(--color-primary)}.feedback-email__icon{display:inline-grid;width:.85rem;height:.85rem;flex:none}.feedback-email__icon svg{width:100%;height:100%}.feedback-status{margin:.9rem 0 0;color:var(--subtle);font-size:.82rem}.feedback-more{display:inline-flex;margin-top:1.5rem}
.contact-icon{width:1.05rem;height:1.05rem;flex:none}.contact-icon--filled{color:currentColor}


.feedback-wrap{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:1rem 3rem}.feedback-wrap>div{grid-row:span 2}.feedback-wrap>div>p{margin:0;color:var(--muted)}.feedback-card{margin:0;padding:1.5rem 1.6rem;border:1px solid var(--line);border-radius:1rem;background:var(--card)}.stars{color:#fbbf24;letter-spacing:.18em;direction:ltr;text-align:start}.feedback-card>p{margin:.65rem 0 1rem;color:var(--muted);font-size:.95rem;line-height:1.95}.feedback-card footer{padding-top:.8rem;border-top:1px solid var(--line);color:var(--text);font-size:.84rem}.feedback-more{justify-self:start}
.contact-block{background:radial-gradient(ellipse at 50% 0%,rgba(47,140,255,.1),transparent 56%),var(--bg-alt);text-align:center}.contact-block>div{display:flex;flex-direction:column;align-items:center}.contact-block h2{margin-bottom:.25rem}.contact-block>div>p{margin:0}.contact-block .actions{justify-content:center}
.foot{padding:1.15rem 0;border-top:1px solid var(--line);background:#090a0e;color:var(--subtle);font-size:.82rem}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.foot .brand img{width:66px}.foot a:last-child{color:var(--muted);text-decoration:none}
.crumb{padding:1.4rem 0;color:var(--subtle);font-size:.86rem}.crumb a{color:var(--muted);text-decoration:none}.case-hero{padding:2.5rem 0 3.5rem;background:radial-gradient(ellipse at 85% 0%,rgba(47,140,255,.07),transparent 42%)}.case-hero h1{max-width:18ch;margin:.6rem 0 1rem;font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.1;letter-spacing:-.04em}.case-hero>p{max-width:760px;color:var(--muted);font-size:1.12rem}.case-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem}.case-meta span{padding:.3rem .65rem;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:.8rem}.case-body{max-width:850px;padding-bottom:3rem}.case-body p{color:var(--muted)}.case-body h2{margin-top:2.4rem;font-size:clamp(1.55rem,3vw,2rem);line-height:1.35}.related{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}
@keyframes voice-breathe{from{transform:scaleY(.35);opacity:.58}to{transform:scaleY(1);opacity:1}}
@keyframes ar-scan-line{from{transform:translateY(0)}to{transform:translateY(6.5rem)}}
@media(max-width:900px){.nav{gap:1rem}.desktop-nav-group{display:none}.mobile-menu{display:block}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(285px,.8fr);gap:2rem}.hero-art{min-height:370px}.industry-list{grid-template-columns:repeat(3,minmax(0,1fr))}.about-grid{grid-template-columns:1fr  .8fr;gap:2rem}}
@media(max-width:720px){.wrap{width:min(100% - 2rem,var(--max))}.nav{min-height:68px}.hero{min-height:0}.hero-layout{grid-template-columns:1fr;padding-block:5rem 4.2rem}.hero-copy{max-width:620px}.hero-art{display:none}body[dir="rtl"] h1{max-width:15ch;font-size:clamp(2.55rem,10vw,3.6rem)}.block{padding:4.2rem 0}.about-grid{grid-template-columns:1fr;gap:1.7rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.stat-card{grid-template-columns:1fr;gap:.45rem;padding:.85rem .7rem}.stat-card strong{font-size:1.7rem}.stat-card p{font-size:.72rem;line-height:1.55}.service-grid,.project-grid{gap:.8rem}.service-card{padding:1.1rem}.project-visual{min-height:155px;margin:.7rem .7rem 0;padding:1rem}.project-content{padding:1rem}.project-title-row{align-items:flex-start}.project-title-row h3{font-size:.97rem}.project-title-row h3[dir=ltr]{font-size:.86rem}.status{font-size:.64rem}.contribution-grid{grid-template-columns:1fr}.feedback-wrap{grid-template-columns:1fr;gap:1rem}.feedback-wrap>div{grid-row:auto}.feedback-more{margin-bottom:.4rem}}
@media(max-width:640px){.service-grid{grid-template-columns:1fr}.service-heading{gap:.75rem}.service-card p{margin-top:.65rem}}
@media(max-width:500px){.project-grid{grid-template-columns:1fr}.project-visual{min-height:174px}.project-content{padding:1.05rem 1.1rem 1.2rem}.project-title-row h3[dir=ltr]{font-size:.98rem}.status{font-size:.68rem}.contribution-card ul{grid-template-columns:1fr}.industry-list{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{gap:.4rem}.stat-card{padding:.75rem .55rem}.stat-card strong{font-size:1.55rem}.stat-card p{font-size:.67rem}.actions{gap:.55rem}.button{padding-inline:.85rem;font-size:.83rem}.foot-inner{flex-wrap:wrap}.foot-inner>span{order:3;width:100%}}
@media(max-width:900px){.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-grid>:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - .5rem);justify-self:center}}
@media(max-width:720px){.contribution-card--featured{grid-template-columns:minmax(0,1fr)}.contribution-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:1rem 1.5rem;border-top:1px solid var(--line);border-inline-start:0}.contribution-stats p{grid-column:1/-1}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.feedback-grid{grid-template-columns:minmax(0,1fr)}.feedback-grid>:last-child:nth-child(odd){grid-column:auto;width:auto}.feedback-card{min-height:0}.contribution-stats{padding-inline:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transform:none!important}}

/* Handwriting OCR: one page for the project story and the working demo. */
.ocr-project{padding-bottom:2rem}
.ocr-project .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ocr-case-hero{padding-bottom:2.5rem}
.ocr-case-hero .actions{margin-top:1.6rem}
.ocr-proof-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:1rem 0 4.5rem}
.ocr-proof-copy h2,.ocr-demo__intro h2{margin:.2rem 0 .7rem;font-size:clamp(1.65rem,2.7vw,2.1rem);line-height:1.3;letter-spacing:-.03em}
.ocr-proof-copy p,.ocr-demo__intro>p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.8}
.ocr-proof{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr);align-items:center;gap:.65rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(140deg,rgba(47,140,255,.055),transparent 50%),var(--card)}
.ocr-proof__pane{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:.72rem;background:#0d0e14}
.ocr-proof__heading{display:flex;min-height:2.45rem;align-items:center;justify-content:space-between;gap:.4rem;padding:0 .72rem;border-bottom:1px solid var(--line);color:var(--subtle);font-size:.57rem;font-weight:700;letter-spacing:.065em;white-space:nowrap}
.ocr-proof__indicator,.ocr-proof__ready{display:inline-flex;align-items:center;gap:.3rem;color:var(--subtle);font-size:.53rem;letter-spacing:.035em}
.ocr-proof__ready i{width:.35rem;height:.35rem;border-radius:50%;background:var(--color-success)}
.ocr-proof__paper{position:relative;display:flex;min-height:9rem;align-items:center;overflow:hidden;padding:.9rem;background:repeating-linear-gradient(to bottom,transparent 0,transparent 1.7rem,rgba(47,140,255,.065) 1.75rem),#11121a;color:#d7d4e5}
.ocr-proof__handwriting,.ocr-proof__recognized{position:relative;display:grid;width:100%;min-height:9rem;grid-template-rows:repeat(5,minmax(0,1fr));align-items:center;gap:0}
.ocr-proof__handwriting{direction:rtl}
.ocr-proof__scribble{display:block;max-width:100%;overflow:hidden;font-family:"FF Yaseer","IBM Plex Sans Arabic",sans-serif;font-size:clamp(.82rem,1.2vw,.96rem);font-weight:400;line-height:1.5;white-space:nowrap;text-overflow:clip;transform:rotate(-2deg);filter:blur(.8px);opacity:.9}
.ocr-proof__scribble--faint{opacity:.55;transform:rotate(1.5deg)}
.ocr-proof__scribble--short{max-width:78%;opacity:.67;transform:rotate(-1deg)}
.ocr-proof__scan{position:absolute;z-index:1;inset-inline:-.45rem;top:var(--ocr-scan-position,0%);height:1px;background:rgba(47,140,255,.92);box-shadow:0 0 13px rgba(47,140,255,.42);opacity:.9;pointer-events:none}
.ocr-proof__output{display:flex;min-height:9rem;align-items:center;padding:1rem;color:var(--text);font-family:ui-monospace,"Cascadia Mono",Consolas,"IBM Plex Sans Arabic",monospace;font-size:.72rem;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums}
.ocr-proof__recognized{direction:rtl;text-align:right}
.ocr-proof__recognized p{overflow:hidden;margin:0;white-space:nowrap;opacity:clamp(.16,calc((var(--ocr-progress,0) - var(--ocr-line-start,0))*18),1)}
.ocr-proof__recognized p:nth-child(1){--ocr-line-start:.05}
.ocr-proof__recognized p:nth-child(2){--ocr-line-start:.25}
.ocr-proof__recognized p:nth-child(3){--ocr-line-start:.45}
.ocr-proof__recognized p:nth-child(4){--ocr-line-start:.65}
.ocr-proof__recognized p:nth-child(5){--ocr-line-start:.85}
.ocr-proof{--ocr-progress:0;--ocr-scan-position:0%;animation:ocr-progress 5.2s linear infinite}
.ocr-proof__connector{display:grid;place-items:center;color:var(--color-primary);font-size:1.2rem}
.ocr-proof figcaption{grid-column:1/-1;padding-top:.05rem;color:var(--subtle);font-size:.68rem;text-align:center}
.ocr-demo{scroll-margin-top:1.25rem;margin:0 calc(clamp(1.25rem,5vw,4rem) * -1) 4rem;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--line);border-radius:1.15rem;background:linear-gradient(125deg,rgba(47,140,255,.055),transparent 44%),#101117}
.ocr-demo__intro{max-width:680px;margin-bottom:1.6rem}
.ocr-demo__intro>p{font-size:.88rem}
.ocr-demo__intro .ocr-demo__privacy{margin-top:.55rem;color:var(--subtle);font-size:.76rem}
.ocr-demo__workspace{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:1rem}
.ocr-demo__column{min-width:0;padding:1.1rem;border:1px solid var(--line);border-radius:.85rem;background:rgba(9,10,14,.52)}
.ocr-demo__column h3{font-size:.98rem}
.ocr-demo__hint,.ocr-demo__result-heading p{margin:.25rem 0 .85rem;color:var(--subtle);font-size:.75rem;line-height:1.6}
.ocr-upload{position:relative;display:grid;min-height:12rem;place-items:center;overflow:hidden;border:1px dashed var(--line-light);border-radius:.7rem;background:rgba(255,255,255,.012);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.ocr-upload:hover,.ocr-upload:focus-visible,.ocr-upload.is-dragging{border-color:var(--color-primary);background:rgba(47,140,255,.045)}
.ocr-upload:focus-visible,.ocr-copy:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
.ocr-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;color:var(--muted);font-size:.75rem;text-align:center}
.ocr-upload__placeholder strong{color:var(--text);font-size:.83rem}
.ocr-upload__icon{display:grid;width:2.25rem;height:2.25rem;place-items:center;margin-bottom:.3rem;border:1px solid var(--line-light);border-radius:.7rem;color:var(--color-primary);font-size:1.2rem}
.ocr-upload__preview{display:block;width:100%;max-height:17rem;object-fit:contain;background:#090a0e}
.ocr-upload__preview.hidden,.ocr-demo .hidden{display:none!important}
.ocr-demo .ocr-process{width:100%;margin-top:.85rem;justify-content:space-between}
.ocr-demo button:disabled{cursor:not-allowed;opacity:.48;transform:none}
.ocr-demo__result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}
.ocr-demo__result-heading p{margin-bottom:.85rem}
.ocr-copy{flex:0 0 auto;padding:.45rem .65rem;border:1px solid var(--line-light);border-radius:.55rem;background:transparent;color:var(--muted);font:inherit;font-size:.72rem;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}
.ocr-copy:hover:not(:disabled){border-color:var(--color-primary);background:rgba(47,140,255,.06);color:var(--text)}
.ocr-result{display:flex;min-height:12rem;max-height:21rem;overflow:auto;padding:1rem;border:1px solid var(--line);border-radius:.7rem;background:#0a0b10;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.ocr-result__placeholder{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;color:var(--subtle);font-family:inherit;font-size:.76rem;text-align:center}
.ocr-result__placeholder span{color:var(--line-light);font-size:1.7rem;font-weight:700}
.ocr-result__placeholder p{margin:0}
.ocr-loading{display:flex;align-items:center;gap:.6rem;margin-top:.75rem;color:var(--muted);font-size:.76rem}
.ocr-loading p{margin:0}
.ocr-spinner{width:1rem;height:1rem;border:2px solid var(--line-light);border-top-color:var(--color-primary);border-radius:50%;animation:ocr-spin .8s linear infinite}
.ocr-demo__error{margin:.65rem 0 0;color:#ff9a9a;font-size:.78rem}
.ocr-case-body{padding-bottom:4rem}
@property --ocr-progress{syntax:"<number>";inherits:true;initial-value:0}
@property --ocr-scan-position{syntax:"<length-percentage>";inherits:true;initial-value:0%}
@keyframes ocr-progress{from{--ocr-progress:0;--ocr-scan-position:0%}to{--ocr-progress:1;--ocr-scan-position:100%}}
@keyframes ocr-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:no-preference){.ocr-proof__recognized p{will-change:opacity}}
@media(max-width:760px){.ocr-proof-section{grid-template-columns:1fr;gap:1rem;padding-bottom:3rem}.ocr-proof-copy{max-width:620px}.ocr-proof{max-width:640px}.ocr-demo{margin-inline:-.5rem}.ocr-demo__workspace{grid-template-columns:1fr}.ocr-demo__column{padding:1rem}.ocr-upload{min-height:10rem}}
@media(max-width:480px){.ocr-proof{grid-template-columns:minmax(0,1fr);gap:.55rem;padding:.7rem}.ocr-proof__connector{height:1rem;transform:rotate(90deg)}.ocr-proof__paper,.ocr-proof__output{min-height:8rem}.ocr-proof__handwriting,.ocr-proof__recognized{min-height:8rem}.ocr-proof__scribble{font-size:clamp(.78rem,3vw,.94rem)}.ocr-proof__heading{min-height:2.2rem}.ocr-proof__output{padding:.85rem;font-size:.7rem}.ocr-demo{margin-inline:-.65rem;padding:.9rem;border-radius:.9rem}.ocr-demo__column{padding:.85rem}.ocr-demo__result-heading{gap:.45rem}.ocr-copy{padding:.42rem .5rem}}
@media(prefers-reduced-motion:reduce){.ocr-proof{animation:none;--ocr-progress:1;--ocr-scan-position:100%}.ocr-proof__scan{display:none}.ocr-proof__recognized p{opacity:1}.ocr-spinner{animation:none;border-top-color:var(--color-primary)}}
.ocr-preview.project-visual{display:grid;grid-template-columns:minmax(0,1fr) 1rem minmax(0,1fr);align-items:center;gap:.4rem;padding:.8rem}
.ocr-preview .ocr-card-preview__source,.ocr-preview .ocr-card-preview__result{position:relative;display:flex;min-width:0;height:7.8rem;flex-direction:column;gap:.45rem;overflow:hidden;padding:.65rem;border:1px solid var(--line);border-radius:.55rem;background:rgba(9,10,14,.48)}
.ocr-preview .ocr-card-preview__label{color:var(--subtle);font-size:.52rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.ocr-preview .ocr-card-preview__lines{position:relative;display:grid;min-height:0;flex:1;grid-template-rows:repeat(4,minmax(0,1fr));align-items:center}
.ocr-preview .ocr-card-preview__sample{overflow:hidden;color:#d3d0df;font-family:"FF Yaseer","IBM Plex Sans Arabic",sans-serif;font-size:clamp(.72rem,1vw,.88rem);font-weight:400;line-height:1.3;white-space:nowrap;text-overflow:clip;transform:rotate(-2deg);filter:blur(.55px);opacity:.88}
.ocr-preview .ocr-card-preview__sample--faint{opacity:.48;transform:rotate(1deg)}
.ocr-preview .ocr-card-preview__scan{position:absolute;z-index:1;inset-inline:-.15rem;top:var(--ocr-scan-position,0%);height:1px;background:var(--color-primary);box-shadow:0 0 9px rgba(47,140,255,.5);opacity:.8;pointer-events:none}
.ocr-preview .ocr-card-preview__arrow{color:var(--color-primary);font-size:.8rem;text-align:center}
.ocr-preview .ocr-card-preview__clean{color:var(--text);font-family:ui-monospace,"Cascadia Mono",Consolas,"IBM Plex Sans Arabic",monospace;font-size:clamp(.57rem,.82vw,.66rem);font-weight:500;line-height:1.3;white-space:nowrap;opacity:clamp(.16,calc((var(--ocr-progress,0) - var(--ocr-line-start,0))*18),1)}
.ocr-preview .ocr-card-preview__clean:nth-child(1){--ocr-line-start:.075}.ocr-preview .ocr-card-preview__clean:nth-child(2){--ocr-line-start:.325}.ocr-preview .ocr-card-preview__clean:nth-child(3){--ocr-line-start:.575}.ocr-preview .ocr-card-preview__clean:nth-child(4){--ocr-line-start:.825}
.ocr-preview.is-visible{animation:ocr-progress 5.2s linear infinite}
@property --ocr-progress{syntax:"<number>";inherits:true;initial-value:0}
@property --ocr-scan-position{syntax:"<length-percentage>";inherits:true;initial-value:0%}
@keyframes ocr-progress{from{--ocr-progress:0;--ocr-scan-position:0%}to{--ocr-progress:1;--ocr-scan-position:100%}}
@media(max-width:500px){.ocr-preview.project-visual{gap:.3rem;padding:.65rem}.ocr-preview .ocr-card-preview__source,.ocr-preview .ocr-card-preview__result{height:7.2rem;padding:.5rem}.ocr-preview .ocr-card-preview__label{font-size:.46rem}.ocr-preview .ocr-card-preview__sample,.ocr-preview .ocr-card-preview__clean{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.ocr-preview{animation:none!important;--ocr-progress:1;--ocr-scan-position:100%}.ocr-preview .ocr-card-preview__scan{display:none}.ocr-preview .ocr-card-preview__clean{opacity:1}}
@font-face{font-family:"FF Yaseer";src:url("/fonts/FFYaseer-Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFC}

/* Shared English/Arabic portfolio design tokens and component sizing. */
:root{--alt:#101117;--line:#292a35;--line-light:#373844;--muted:#b5b3c1;--subtle:#92909f;--max:1160px}
body{line-height:1.8}
.wrap{width:min(var(--max),100%);padding-inline:1.5rem}
@media(min-width:640px){.wrap{padding-inline:2rem}}
.nav{min-height:4.75rem;gap:1.5rem}
.brand img{width:6rem}
.navlinks{gap:.45rem}
.navlinks a{min-height:40px;padding:.5rem .72rem;font-size:.8125rem}
.header-socials a{width:2rem;height:2rem}
h1{max-width:15ch;font-size:clamp(2.55rem,4.3vw,3.55rem);line-height:1.24;margin-bottom:1.25rem}
h2{font-size:clamp(1.875rem,3.2vw,2.25rem);line-height:1.35}
h3{font-size:1.05rem;line-height:1.5}
.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,2.5rem)}
.hero-art{min-height:430px}
.block{padding:clamp(4.25rem,8vw,7rem) 0}
.section-heading{margin-bottom:2.5rem}
.service-card,.project-card,.contribution-card,.feedback-card,.stat-card,.industry-list span{border-radius:.75rem}
.service-heading h3{font-size:1rem;line-height:1.45}
.project-card{display:flex;min-width:0;flex-direction:column;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.project-card:hover,.project-card:focus-visible{transform:translateY(-3px);border-color:rgba(47,140,255,.4);background:#171821;box-shadow:0 16px 36px rgba(0,0,0,.2)}
.project-content{display:flex;min-width:0;flex:1;flex-direction:column;padding:clamp(1rem,2vw,1.4rem)}
.project-title-row h3{font-size:1rem;line-height:1.4}
.project-links{margin-top:auto;padding-top:.9rem}
.project-links .project-cta{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-primary);font-size:.83rem;font-weight:600}
.project-links .project-cta b{padding-inline-start:.2rem;transition:transform .18s ease}
.project-card:hover .project-cta b{transform:translateX(-2px)}
.project-links a,.text-link{font-size:.83rem}
.project-visual{min-height:11.75rem;border-radius:.7rem}
.feedback-card{padding:clamp(1rem,2vw,1.4rem)}
.industry-list span{min-height:67px}
.foot{padding:1.15rem 0;background:var(--alt)}
.foot-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem}
.foot .brand img{width:4.5rem}
.foot-copy{color:var(--subtle);font-size:.8rem;line-height:1.5;text-align:center}
.foot-links{display:flex;align-items:center;justify-self:end;gap:.9rem;direction:ltr}
.foot-links>a{color:var(--muted);font-size:.8rem;text-decoration:none;transition:color .18s ease}
.foot-links>a:hover{color:var(--text)}
.foot-links .foot-social{display:inline-flex;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;color:var(--subtle)}
.foot-social svg{width:1rem;height:1rem}
@media(min-width:721px) and (max-width:1023px){.hero-art{min-height:370px}}
@media(max-width:720px){.nav{min-height:68px}.hero-layout{grid-template-columns:minmax(0,1fr);padding-block:5rem 4.2rem}.block{padding:4.25rem 0}.hero-art{display:none;min-height:0}body[dir="rtl"] h1{font-size:clamp(2.4rem,7.5vw,3rem)}}
@media(max-width:640px){.wrap{padding-inline:1.25rem}.nav{min-height:4.15rem}.project-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.project-visual{min-height:10.9rem}.project-content{padding:1rem}.foot-inner{grid-template-columns:minmax(0,1fr) auto;row-gap:.7rem;padding-block:.1rem}.foot-inner>span{order:initial;width:auto;grid-column:1/-1;grid-row:2;justify-self:center;font-size:.74rem}.foot-links{gap:.75rem}.foot-links>a{font-size:.76rem}}
@media(max-width:500px){.project-grid{grid-template-columns:minmax(0,1fr)}.project-visual{min-height:10.9rem}.project-content{padding:1rem}}
@media(prefers-reduced-motion:reduce){.project-card,.project-links .project-cta b{transition:none}}

/* Keep Lahzi's Arabic sample readable as a conversation at card widths. */
.lahzi-visual{display:flex;width:auto;height:11.75rem;min-height:11.75rem;flex-direction:column;justify-content:space-between;gap:.55rem;padding:.8rem .9rem;background:linear-gradient(135deg,rgba(54,214,208,.045),transparent 55%),#0e1017}
.lahzi-preview__conversation{min-width:0;gap:.55rem;direction:ltr}
.lahzi-preview__conversation p{max-width:76%;padding:.5rem .68rem;border-radius:.72rem;direction:rtl;line-height:1.55;text-align:start;overflow-wrap:anywhere}
.lahzi-preview__customer{justify-self:end;margin-left:auto;background:rgba(255,255,255,.045)}
.lahzi-preview__assistant{justify-self:start;margin-right:auto;border-color:rgba(54,214,208,.24)!important;background:rgba(54,214,208,.085)}.lahzi-preview__order{display:grid;gap:.22rem;padding-top:.48rem;border-top:1px solid var(--border)}.lahzi-preview__order span{color:var(--color-success);font-size:.53rem;font-weight:700;letter-spacing:.075em}.lahzi-preview__order strong{color:var(--text);font-size:.66rem;font-weight:600}.lahzi-preview__order i{padding-inline:.2rem;color:var(--subtle);font-style:normal}

/* Match the English recitation panel; only language direction and label copy vary. */
.contribution-recitation{position:relative;display:flex;min-height:14rem;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin:1.15rem 0 0;padding:2.6rem 1rem 1rem;border:1px solid rgba(54,214,208,.16);border-radius:.75rem;background:radial-gradient(ellipse at 50% 65%,rgba(54,214,208,.075),transparent 60%),#0e1017}
.contribution-recitation__label{position:absolute;top:.85rem;inset-inline-start:1rem;color:var(--subtle);font-size:.58rem;font-weight:600;letter-spacing:.08em}
.contribution-recitation>p{margin:0;color:#e1e0eb;font-size:1.08rem;line-height:1.7;text-align:center}
.contribution-recitation__wave{display:flex;width:100%;min-width:0;height:32px;align-items:center;justify-content:center;gap:4px}
.contribution-recitation__wave .preview-wave-bar{display:block;width:3px;flex:0 0 3px;border-radius:99px;background:rgba(54,214,208,.64);transform:scaleY(.35);transform-origin:center}
@media(prefers-reduced-motion:no-preference){.contribution-recitation.is-visible .preview-wave-bar{animation:waveform 1.2s ease-in-out infinite}}
@media(max-width:640px){.lahzi-visual{height:10.9rem;min-height:10.9rem}.contribution-recitation{min-height:12rem}}
@keyframes waveform{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}


@media(max-width:720px){.lahzi-preview__conversation{gap:.4rem}.lahzi-preview__conversation p{max-width:82%;padding:.38rem .55rem;font-size:.62rem;line-height:1.35}.lahzi-preview__order{gap:.12rem;padding-top:.3rem}.lahzi-preview__order span{font-size:.47rem}.lahzi-preview__order strong{font-size:.58rem}}
.lahzi-preview__conversation{gap:.4rem}.lahzi-preview__conversation p{padding:.4rem .58rem;font-size:.64rem;line-height:1.4}.lahzi-preview__order{gap:.16rem;padding-top:.35rem}.lahzi-preview__order span{font-size:.49rem}.lahzi-preview__order strong{font-size:.6rem}
.project-card--lahzi .lahzi-visual{direction:ltr}.project-card--lahzi .project-content{direction:ltr}.project-card--lahzi .project-content p,.project-card--lahzi .project-content .tags{direction:rtl;text-align:right}.project-card--lahzi .project-title-row h3{direction:rtl;text-align:left}
.project-card--lahzi .project-card-art{width:100%;padding:1rem 1rem 0}.project-card--lahzi .lahzi-visual{position:relative;width:100%;height:11.75rem;min-height:11.75rem;overflow:hidden;border:1px solid var(--line);border-radius:.7rem;background:linear-gradient(135deg,rgba(54,214,208,.045),transparent 55%),#0e1017;display:flex;flex-direction:column;justify-content:space-between;gap:.55rem;padding:.8rem .9rem}.project-card--lahzi .lahzi-preview__conversation{display:grid;min-width:0;gap:.55rem;direction:ltr}.project-card--lahzi .lahzi-preview__conversation p{width:fit-content;max-width:76%;margin:0;padding:.5rem .68rem;border:1px solid var(--line);border-radius:.72rem;color:var(--muted);font-size:.68rem;line-height:1.55;direction:rtl;text-align:start;overflow-wrap:anywhere}.project-card--lahzi .lahzi-preview__customer{justify-self:end;margin-left:auto;background:rgba(255,255,255,.045)}.project-card--lahzi .lahzi-preview__assistant{justify-self:start;margin-right:auto;border-color:rgba(54,214,208,.24)!important;background:rgba(54,214,208,.085)}
.project-card--lahzi .lahzi-preview__topline{display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:var(--subtle);font-family:Inter,"Segoe UI",sans-serif;font-size:.58rem;font-weight:700;line-height:1.2;letter-spacing:.065em;direction:ltr;white-space:nowrap}
.project-card--lahzi .lahzi-preview__topline span{display:inline-flex;align-items:center;min-width:0;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.project-card--lahzi .lahzi-preview__topline span:first-child{gap:.45rem}
.project-card--lahzi .lahzi-preview__topline i{display:block;width:6px;height:6px;min-width:6px;border-radius:50%;background:#36d6d0;box-shadow:0 0 9px #36d6d066}
.project-card--lahzi .lahzi-visual{margin:0!important}
.project-card--tutor .project-card-art{width:100%;padding:1rem 1rem 0}
.project-card--tutor .project-preview--voice{display:flex;width:100%;height:11.75rem;min-height:11.75rem;flex-direction:column;justify-content:space-between;overflow:hidden;margin:0;padding:.9rem 1rem .75rem;border:1px solid var(--line);border-radius:.7rem;background:radial-gradient(ellipse at 50% 65%,rgba(47,140,255,.08),transparent 60%),#0e1017;direction:ltr}
.project-card--tutor .voice-preview__topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--subtle);font-family:Inter,"Segoe UI",sans-serif;font-size:.58rem;font-weight:600;letter-spacing:.055em;white-space:nowrap}
.project-card--tutor .voice-preview__live{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted)}
.project-card--tutor .voice-preview__live>span{width:6px;height:6px;border-radius:50%;background:#36d6d0;box-shadow:0 0 8px #36d6d066}
.project-card--tutor .voice-preview__conversation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:.75rem}
.project-card--tutor .voice-preview__participant{display:grid;justify-items:center;gap:.35rem;color:var(--subtle);font-family:Inter,"Segoe UI",sans-serif;font-size:.55rem}
.project-card--tutor .voice-preview__icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(54,214,208,.08);color:#36d6d0}
.project-card--tutor .voice-preview__participant--tutor .voice-preview__icon{background:rgba(47,140,255,.1);color:var(--color-primary)}
.project-card--tutor .voice-preview__icon svg{width:15px;height:15px}
.project-card--tutor .voice-preview__wave{display:flex;min-width:0;height:42px;align-items:center;justify-content:center;gap:3px}
.project-card--tutor .voice-preview__wave span{display:block;width:2px;flex:0 0 2px;border-radius:99px;background:linear-gradient(to top,rgba(54,214,208,.52),rgba(47,140,255,.88));opacity:.78;transform:scaleY(.35);transform-origin:center;animation:waveform 1.2s ease-in-out infinite}
.project-card--tutor .voice-preview__wave span:nth-child(3n){height:23px;animation-delay:.12s}.project-card--tutor .voice-preview__wave span:nth-child(4n){height:12px;animation-delay:.2s}.project-card--tutor .voice-preview__wave span:nth-child(5n){height:29px;animation-delay:.28s}.project-card--tutor .voice-preview__wave span:nth-child(2n){height:18px;animation-delay:.08s}.project-card--tutor .voice-preview__wave span:nth-child(7n){height:9px;animation-delay:.34s}
.project-card--tutor .voice-preview__caption{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--subtle);font-family:Inter,"Segoe UI",sans-serif;font-size:.58rem;letter-spacing:.035em}
.project-card--tutor .voice-preview__caption i{width:2px;height:2px;border-radius:50%;background:var(--color-primary)}
@media(max-width:640px){.project-card--tutor .project-card-art{padding:.75rem .75rem 0}.project-card--tutor .project-preview--voice{height:10.9rem;min-height:10.9rem}}
@media(prefers-reduced-motion:reduce){.project-card--tutor .voice-preview__wave span{animation:none}}