:root{--bg:#101013;--bg-surface:#1c1c20;--bg-card:#202024;--border:#ffffff16;--border-hover:#ffffff35;--text:#f5f5f7;--text-muted:#a8a8b0;--text-subtle:#a0a0aa;--blue:#64a8ff;--blue-glow:#87baff;--cyan:#64a8ff;--purple:#ad94f8;--accent:var(--blue);--font-sans:-apple-system,BlinkMacSystemFont,"Inter",Arial,sans-serif;--font-body:var(--font-sans);--inner-max:1120px;--inner-wide:1120px;--section-pad:100px}
html[data-theme=light]{--bg:#fff;--bg-surface:#f5f5f7;--bg-card:#fff;--border:#0000000c;--border-hover:#00000022;--text:#1d1d1f;--text-muted:#6e6e73;--text-subtle:#6e6e73;--blue:#0066cc;--blue-glow:#0071e3;--cyan:#0066cc;--purple:#7956db;--accent:#0066cc}
html{scroll-padding-top:75px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6}::selection{background:#c8dffc;color:#142d52}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0071e3;outline-offset:5px}.skip-link{position:fixed;top:-90px;left:20px;z-index:200;padding:12px 20px;background:var(--bg);border:1px solid var(--border-hover);border-radius:10px}.skip-link:focus{top:10px}nav.site-nav,nav.site-nav.scrolled{height:68px;padding:0 max(calc((100vw - 1120px)/2),32px);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);gap:32px}.nav-brand{font-size:19px;letter-spacing:-.6px;font-weight:600;white-space:nowrap}.nav-brand:before{display:none}.nav-links{gap:27px}.nav-links a{font-size:14px;letter-spacing:0;color:var(--text-muted);font-weight:400}.nav-links a:after{display:none}.nav-links a:hover{color:var(--blue)}.lang-switch{border:0;padding:5px;font-size:15px!important}.theme-toggle{border:0;background:transparent;width:32px;height:32px;color:var(--text-muted)}
.hero{padding:124px 24px 0;display:block;min-height:0;overflow:hidden;background:var(--bg);max-width:none}.hero-bg-orbs,.region-greeting,.focus-panel{display:none}.hero-content{text-align:center;max-width:980px;margin:auto;width:100%}.hero-tagline{font-family:var(--font-sans);font-size:18px;font-weight:500;letter-spacing:-.3px;text-transform:none;color:var(--text);margin-bottom:17px}.hero-title{font-size:clamp(56px,6.5vw,88px);font-weight:600;line-height:1.045;letter-spacing:-4.8px;margin-bottom:24px;color:var(--text)}.hero-title span{background:linear-gradient(105deg,#0071e3 12%,#4e62df 48%,#a24dc3 76%,#d8567d 100%);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;padding-bottom:8px}.hero-subtitle{max-width:620px;font-size:21px;line-height:1.55;letter-spacing:-.4px;margin:0 auto;color:var(--text-muted)}.hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px;margin-top:28px}.hero-actions a{font-size:17px;color:var(--blue);padding:11px 0;line-height:1.4}.hero-actions a:first-child{background:#0071e3;color:white;border-radius:100px;padding:12px 25px}.hero-actions a:first-child:hover{background:#0077ed}.hero-actions a:last-child:after{content:'›';display:inline-block;margin-inline-start:8px;font-size:24px;line-height:0;vertical-align:-1px}.hero-actions a:last-child:hover{text-decoration:underline}.hero-art{position:relative;width:min(930px,100%);height:360px;margin:14px auto 0;overflow:hidden;border-radius:30px;background:#fff}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:float 8s ease-in-out infinite alternate;transform-origin:center}.hero-art:after{content:'';position:absolute;bottom:0;inset-inline:0;height:40px;background:linear-gradient(transparent,#fff);pointer-events:none}.hero-focus{display:flex;justify-content:center;gap:32px;padding:30px 24px 48px;color:var(--text-muted);font-size:14px;letter-spacing:-.1px}.hero-focus span+span:before{content:'';display:inline-block;height:14px;width:1px;background:var(--border-hover);margin-inline-end:32px;vertical-align:-2px}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1120px;margin:auto;border-top:1px solid var(--border);padding:45px 0;gap:40px;text-align:center}.proof-strip strong{font-size:27px;letter-spacing:-.8px;font-weight:600}.proof-strip span{display:block;font-size:14px;color:var(--text-muted);margin-top:4px}.chapter-divider{display:none}.section{padding:100px max(calc((100vw - 1120px)/2),32px)}.section-inner,.section-inner-wide{max-width:1120px}.section-label,.chapter-label{font-family:var(--font-sans);font-size:16px;letter-spacing:0;text-transform:none;color:var(--text-muted);margin-bottom:12px;font-weight:500}.section-title{font-size:clamp(36px,4.3vw,58px);line-height:1.1;letter-spacing:-2.3px;font-weight:600;margin-bottom:44px}.section-title br{display:none}#articles{background:var(--bg-surface)}.articles-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.article-card{grid-column:span 2;border:0;border-radius:26px;padding:34px;min-height:330px;background:var(--bg-card);box-shadow:0 4px 24px #00000004;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s;overflow:hidden}.article-card:first-child,.article-card:nth-child(2){grid-column:span 3;min-height:350px}.article-card:before,.article-card:after{display:none}.article-card:hover{transform:translateY(-5px) scale(1.006);box-shadow:0 15px 40px #00000009;border-color:transparent}.card-badge{font-family:var(--font-sans);font-size:13px;letter-spacing:.3px;color:var(--text-muted);text-transform:uppercase;font-weight:600;margin-bottom:23px}.article-card h3{font-family:var(--font-sans);font-size:28px;font-weight:600;line-height:1.13;letter-spacing:-1px;margin-bottom:18px}.article-card:first-child h3,.article-card:nth-child(2) h3{font-size:36px;max-width:430px}.card-excerpt{color:var(--text-muted);font-size:16px;line-height:1.6;margin-bottom:28px}.card-meta{font-size:13px;color:var(--text-muted);margin-top:auto;border-top:1px solid var(--border);padding-top:18px}.read-link{font-size:14px;font-weight:400;color:var(--blue);margin-top:18px}.read-link svg{width:16px}.article-card:first-child{background:linear-gradient(140deg,#eaf2ff,#f2edfc);color:#1d1d1f}.article-card:first-child .card-badge,.article-card:first-child .card-excerpt,.article-card:first-child .card-meta{color:#59657a}.article-card:first-child .read-link{color:#0066cc}
#dashboard{background:var(--bg)}#dashboard .reveal[style]{text-align:center!important}#dashboard .section-title{max-width:720px;margin-inline:auto}.dashboard{background:var(--bg-surface);border:0;border-radius:28px;padding:14px;box-shadow:none}.dashboard-tabs{justify-content:center;gap:8px;flex-wrap:wrap;border:0;background:transparent;padding:14px 12px 22px}.dashboard-tab{background:transparent;border:0;border-radius:100px;font-family:var(--font-sans);font-size:15px;color:var(--text-muted);padding:10px 19px}.dashboard-tab.active{background:var(--text);color:var(--bg);border-color:transparent;box-shadow:none}.tab-emoji{display:none}.dashboard-summary{gap:12px;padding:0 12px 12px}.dashboard-summary-tile{border:0;border-radius:17px;background:var(--bg-card);padding:22px 16px}.dashboard-summary-label{font-size:13px;color:var(--text-muted)}.dashboard-summary-value{font-family:var(--font-sans);font-weight:600;font-size:31px;letter-spacing:-1px;color:var(--text)}.dashboard-chart-wrap{background:var(--bg-card);border-radius:20px;margin:0 12px;padding:24px;height:340px}.dashboard-caption{font-size:12px;padding:17px 22px 10px;color:var(--text-muted)}#about{background:var(--bg-surface)}#about .section-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;align-items:start}#about .section-title{font-size:46px;max-width:320px}.glass-card{background:var(--bg-card);border:0;border-radius:25px;padding:40px}.about-intro{font-size:25px;line-height:1.45;letter-spacing:-.65px;color:var(--text)}.about-detail,.about-text{font-size:17px;line-height:1.8;color:var(--text-muted)}.about-detail strong{font-weight:500}.credentials-strip{gap:12px;border-top:1px solid var(--border)}.credential-tag{background:var(--bg-surface);border:0;border-radius:9px;font-size:13px;color:var(--text-muted)}.credential-tag svg{color:var(--text-muted)}#live{padding-bottom:0}#live .section-title{font-size:40px;margin-bottom:24px}#live .glass-card{border:1px solid var(--border);background:var(--bg-surface);padding:28px 34px}.contact-links{margin-top:24px;gap:18px}.contact-btn{font-family:var(--font-sans);font-size:16px;border-radius:100px;padding:12px 24px;font-weight:400}.contact-btn.primary,.newsletter-button{background:#0071e3;color:white;border:0}.contact-btn.secondary{border:0;color:var(--blue);background:transparent}.contact-btn svg{width:17px}.contact-btn:hover{transform:translateY(-2px)}#subscribe{padding-block:70px}.newsletter{border:0;border-radius:28px;background:var(--bg-surface);padding:50px;text-align:center}.newsletter h3{font-size:34px;font-weight:600;letter-spacing:-1.1px}.newsletter p{font-size:18px;max-width:600px;margin:15px auto 24px}.newsletter-input{background:var(--bg);border:1px solid var(--border-hover);font-size:16px}#contact{text-align:center;padding-top:45px}#contact .section-title{font-size:68px;letter-spacing:-3px;margin-bottom:25px}#contact .section-title:after{content:'.'}#contact .glass-card{padding:0;background:transparent;max-width:650px;margin:auto}#contact .contact-links{justify-content:center}#contact .about-text{font-size:21px;line-height:1.6}.site-footer{background:var(--bg-surface);border:0;padding:25px;font-size:13px;color:var(--text-muted)}
.article-hero{background:var(--bg-surface);padding-top:160px}.article-headline,.article-hero h1{font-family:var(--font-sans);font-weight:600;line-height:1.09;letter-spacing:-2.5px}.article-kicker{font-size:20px;color:var(--text-muted)}.article-hero .hero-meta{font-size:14px}.chapter-title{font-weight:600;letter-spacing:-1.4px;line-height:1.18}.chapter-inner{max-width:900px}.stat-box,.insight-box,.chart-container,.callout{border:0;border-radius:22px;background:var(--bg-surface)}.stat-number{font-family:var(--font-sans);font-weight:600;letter-spacing:-1px}.stat-label,.chart-subtitle,.sources-list{font-size:14px}.chart-title{font-size:19px}.article-prose{font-size:18px;line-height:1.85}.progress-bar{background:linear-gradient(90deg,#0071e3,#a24dc3)}.series-cta{border-radius:24px}.reveal{opacity:1;transform:none}.reveal.visible{animation:arrive .7s both}@keyframes arrive{from{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{to{transform:translateY(-7px) scale(1.025)}}
[dir=rtl]{--font-sans:"Cairo",-apple-system,sans-serif;--font-body:var(--font-sans)}[dir=rtl] .hero-title{font-size:clamp(46px,6vw,76px);line-height:1.4;letter-spacing:0}[dir=rtl] .hero-subtitle{line-height:1.85}[dir=rtl] .hero-content{text-align:center}[dir=rtl] .section-title,[dir=rtl] .article-card h3,[dir=rtl] .chapter-title,[dir=rtl] .article-headline{letter-spacing:0;line-height:1.4}[dir=rtl] .hero-tagline,[dir=rtl] .about-intro,[dir=rtl] .proof-strip strong{letter-spacing:0}[dir=rtl] .article-card:first-child h3,[dir=rtl] .article-card:nth-child(2) h3{font-size:30px}
@media(min-width:1600px){.hero-title{font-size:98px}.hero-art{height:400px}}@media(max-width:1050px){.nav-links{gap:18px}.articles-grid{grid-template-columns:repeat(2,1fr)}.article-card,.article-card:first-child,.article-card:nth-child(2){grid-column:span 1}.article-card:last-child{grid-column:span 2}.article-card:first-child h3,.article-card:nth-child(2) h3{font-size:30px}#about .section-inner{gap:35px;grid-template-columns:1fr 1.5fr}.hero-title{letter-spacing:-3px}.proof-strip{margin-inline:32px;gap:20px}.proof-strip strong{font-size:24px}}@media(max-width:760px){nav.site-nav,nav.site-nav.scrolled{height:62px;padding:0 22px;gap:16px}.nav-brand{font-size:17px}.nav-links{gap:14px}.nav-links>a:not(.lang-switch){display:none}.nav-links>a[href$="#articles"]{display:block;font-size:13px}.hero{padding:108px 22px 0}.hero-tagline{font-size:16px;margin-bottom:20px}.hero-title{font-size:54px;letter-spacing:-2.9px;line-height:1.08}.hero-subtitle{font-size:18px;max-width:460px}.hero-actions{gap:22px;margin-top:25px}.hero-actions a{font-size:16px}.hero-art{height:270px;margin-top:18px;border-radius:22px;width:calc(100% + 20px);margin-inline:-10px}.hero-focus{flex-wrap:wrap;gap:8px 20px;padding:23px 0 35px;font-size:12px;line-height:1.6}.hero-focus span+span:before{display:none}.proof-strip{padding:30px 0;grid-template-columns:1fr;gap:22px;margin-inline:25px;text-align:center}.proof-strip strong{font-size:25px}.proof-strip span{font-size:14px}.section{padding:65px 24px}.section-label{font-size:14px}.section-title{font-size:39px;letter-spacing:-1.7px;margin-bottom:30px}.articles-grid{grid-template-columns:1fr;gap:18px}.article-card,.article-card:first-child,.article-card:nth-child(2),.article-card:last-child{grid-column:auto;padding:29px;min-height:310px;border-radius:22px}.article-card h3,.article-card:first-child h3,.article-card:nth-child(2) h3{font-size:30px}.card-excerpt{font-size:16px}.dashboard{border-radius:22px;padding:8px}.dashboard-tabs{gap:5px;padding:9px 2px 18px}.dashboard-tab{font-size:13px;padding:9px 12px}.dashboard-summary{grid-template-columns:1fr 1fr;padding:0 2px 10px;gap:8px}.dashboard-summary-tile{padding:17px 10px}.dashboard-summary-value{font-size:25px}.dashboard-summary-label{font-size:12px}.dashboard-chart-wrap{margin:0 2px;padding:12px;height:290px}.dashboard-caption{padding:15px 10px 8px}.glass-card{padding:28px}.about-intro{font-size:22px}#about .section-inner{display:block}#about .section-title{font-size:39px;max-width:none}.about-detail{font-size:16px}#live .section-title{font-size:36px}#live .glass-card{padding:28px}#contact .section-title{font-size:50px;letter-spacing:-2px}#contact .about-text{font-size:19px}.newsletter{padding:32px 25px;border-radius:23px}.newsletter h3{font-size:29px}.newsletter p{font-size:17px}.article-hero{padding:118px 24px 65px}.article-hero h1{font-size:44px;letter-spacing:-1.8px}.chapter{padding-inline:24px}.chapter-nav{display:none}.article-prose{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
html[data-theme=light] nav.site-nav,html[data-theme=light] nav.site-nav.scrolled{background:#ffffffd9}
html[data-theme=light] .glass-card{background:var(--bg-card);border:0;box-shadow:none}html[data-theme=light] .article-card{box-shadow:0 4px 24px #00000004}html[data-theme=light] .article-card:first-child{background:linear-gradient(140deg,#eaf2ff,#f2edfc)}html[data-theme=light] .article-card:hover{box-shadow:0 15px 40px #00000009}html[data-theme=light] .dashboard{background:var(--bg-surface);box-shadow:none}html[data-theme=light] .dashboard-tabs{background:transparent}html[data-theme=light] .dashboard-tab.active{background:var(--text);color:var(--bg);box-shadow:none}html[data-theme=light] .dashboard-summary-tile,html[data-theme=light] .dashboard-chart-wrap{background:#fff}html[data-theme=light] .newsletter{background:var(--bg-surface)}html[data-theme=light] .article-hero{background:var(--bg-surface)}html[data-theme=light] .insight-box,html[data-theme=light] .callout,html[data-theme=light] .stat-box{background:var(--bg-surface)}html[data-theme=light] .progress-bar{background:linear-gradient(90deg,#0071e3,#a24dc3)}html[data-theme=light] #live .glass-card{background:var(--bg-surface);border:1px solid var(--border)}html[data-theme=light] #contact .glass-card{background:transparent}html[data-theme=light] .contact-btn.secondary{background:transparent}
.hero-art img{object-fit:contain}.hero{padding-top:112px}.hero-title{font-size:clamp(54px,6vw,80px)}.hero-art{height:340px;margin-top:0}.hero-focus{padding-top:16px}#about .section-title br{display:initial}
@media(max-width:760px){.hero{padding-top:104px}.hero-title{font-size:52px}.hero-art{height:250px}.hero-focus{padding-top:12px}}@media(max-width:380px){.hero-title{font-size:45px}.nav-brand{font-size:15px}.nav-links{gap:9px}.hero-actions{gap:18px}}html[dir=rtl] .hero-title{font-size:clamp(43px,5vw,68px);line-height:1.45;letter-spacing:0}
/* Project portfolio and case studies */
.hero-art{height:220px}.hero-focus{padding-bottom:25px}.hero-title{font-size:clamp(50px,5.5vw,76px)}.proof-strip{padding-block:32px}#projects{background:var(--bg-surface);padding-top:78px}#projects .section-title{margin-bottom:18px}.projects-intro{color:var(--text-muted);font-size:19px;max-width:650px;margin-bottom:38px;line-height:1.7}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{background:var(--bg-card);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;border:1px solid var(--border)}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #00000009}.project-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.project-card-body{padding:30px 34px 32px}.project-type{font-size:13px;font-weight:600;letter-spacing:.35px;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.project-card h3{font-size:29px;font-weight:600;line-height:1.18;letter-spacing:-1px;margin-bottom:15px}.project-card-body>p:not(.project-type){font-size:17px;color:var(--text-muted);line-height:1.65}.project-link{display:inline-block;font-size:15px;color:var(--blue);margin-top:24px;line-height:1.6}.project-link span{margin-inline-start:6px}.project-link:hover{text-decoration:underline}.project-visual{margin:0;padding:27px 38px;background:linear-gradient(135deg,#edf4fe,#f3effb);color:#1d1d1f;min-height:292px;display:flex;flex-direction:column;justify-content:center}.metric-heading{font-size:13px;letter-spacing:.2px;font-weight:500;color:#53647c;text-align:center;margin-bottom:18px}.architecture-flow{display:flex;flex-direction:column;align-items:center}.architecture-flow>div{background:#ffffffbd;border:1px solid #c3d2ea80;box-shadow:0 3px 12px #20365004;padding:9px 22px;min-width:205px;text-align:center;border-radius:10px;font-size:14px;font-weight:500}.architecture-flow>div.flow-focus{background:#e0ecff;border-color:#96b6e2;color:#124986}.architecture-flow>span{font-size:17px;color:#748db0;line-height:25px}.project-visual figcaption{font-size:12px;text-align:center;line-height:1.6;color:#607089;margin-top:18px}.metric-visual{gap:10px}.metric-row{display:grid;grid-template-columns:45px 1fr 42px;gap:12px;align-items:center}.metric-row>span{font-size:13px;color:#53647c}.metric-row>strong{font-size:22px;font-weight:600;text-align:end}.metric-track{height:24px;background:#dce5f2;border-radius:6px;overflow:hidden}.metric-track i{display:block;height:100%;background:#8ca5c8;border-radius:6px}.after .metric-track i{background:#0071e3}.after>strong{color:#0066cc}.recognition{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1120px;margin:34px auto 0}.recognition a{display:flex;flex-direction:column;align-items:start;gap:7px;padding:26px 30px;background:var(--bg-card);border-radius:19px;border:1px solid var(--border);transition:transform .2s}.recognition a:hover{transform:translateY(-3px)}.recognition span{font-size:13px;color:var(--text-muted)}.recognition strong{font-size:19px;font-weight:500;line-height:1.5}.recognition small{font-size:14px;color:var(--blue)}#about{background:var(--bg)}#about .glass-card,html[data-theme=light] #about .glass-card{background:var(--bg-surface)}.recognition a{background:var(--bg-surface)}
.case-hero{max-width:1120px;margin:auto;padding:125px 0 60px}.back-link{display:inline-block;color:var(--blue);font-size:14px;margin-bottom:40px}.case-hero h1{font-size:clamp(43px,5.5vw,72px);letter-spacing:-3.2px;line-height:1.08;font-weight:600;max-width:950px;margin-bottom:25px}.case-subtitle{font-size:23px;line-height:1.6;letter-spacing:-.5px;color:var(--text-muted);max-width:760px}.case-layout{display:grid;grid-template-columns:380px 1fr;gap:75px;max-width:1120px;margin:auto;padding-bottom:80px;align-items:start}.case-overview{position:sticky;top:98px}.case-overview .project-visual{border-radius:22px;min-height:340px;padding:28px}.case-overview .metric-row{grid-template-columns:40px 1fr 36px;gap:8px}.diagram-caption{font-size:13px;color:var(--text-muted);line-height:1.7;margin:15px 5px 0}.case-overview>.project-link{margin:15px 5px 0}.case-story section{margin-bottom:42px}.case-story h2{font-size:28px;font-weight:600;letter-spacing:-.8px;line-height:1.3;margin-bottom:18px}.case-story p{color:var(--text-muted);font-size:17px;line-height:1.8;margin-bottom:14px}.case-finding{margin-bottom:25px}.case-finding h3{font-size:18px;font-weight:600;letter-spacing:-.3px;margin-bottom:7px}.case-story .case-status{background:var(--bg-surface);border-radius:20px;padding:28px}.case-status h2{font-size:24px}.case-status p{font-size:16px}.case-more{max-width:1120px;margin:0 auto 90px;padding-top:30px;border-top:1px solid var(--border)}.case-more h2{font-size:32px;letter-spacing:-1px;margin-bottom:22px}.case-more>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-more a{font-size:18px;line-height:1.5;padding:25px;border-radius:16px;background:var(--bg-surface);color:var(--blue)}.case-more a:hover{text-decoration:underline}html[dir=rtl] .project-card h3,html[dir=rtl] .case-hero h1,html[dir=rtl] .case-story h2,html[dir=rtl] .case-story h3,html[dir=rtl] .case-subtitle{letter-spacing:0;line-height:1.5}html[dir=rtl] .project-card h3{font-size:26px}html[dir=rtl] .case-hero h1{font-size:clamp(38px,5vw,62px)}
@media(max-width:1200px){.case-hero,.case-layout,.case-more{margin-inline:32px}.case-layout{grid-template-columns:340px 1fr;gap:45px}}
@media(max-width:900px){.case-layout{grid-template-columns:290px 1fr;gap:30px}.project-card-body{padding:26px}.project-visual{padding:25px}.project-card h3{font-size:26px}.case-hero h1{font-size:56px}.case-overview .project-visual{padding:22px}}
@media(max-width:760px){.hero-art{height:170px}.hero-title{font-size:49px}.hero-focus{padding-bottom:20px}.nav-links>a[href$="#articles"]{display:none}.nav-links>a[href$="#projects"]{display:block;font-size:14px}.projects-grid{grid-template-columns:1fr;gap:21px}.project-card:last-child{display:flex;grid-column:auto}.project-card-body{padding:28px}.project-card h3{font-size:28px}.project-visual{min-height:275px}.project-card:last-child .project-visual{min-height:220px}.projects-intro{font-size:17px}.recognition{grid-template-columns:1fr;margin-top:24px;gap:16px}.recognition a{padding:24px}.recognition strong{font-size:18px}.case-hero{padding:105px 0 38px;margin-inline:24px}.case-hero h1{font-size:45px;letter-spacing:-2px}.case-subtitle{font-size:19px}.back-link{margin-bottom:30px}.case-layout{display:flex;flex-direction:column;gap:40px;margin-inline:24px;padding-bottom:30px}.case-overview{position:static;width:100%}.case-overview .project-visual{min-height:270px;padding:25px}.case-story h2{font-size:26px}.case-story p{font-size:17px}.case-story .case-status{padding:24px}.case-more{margin:0 24px 65px}.case-more>div{grid-template-columns:1fr}.case-more h2{font-size:29px}.case-more a{font-size:17px}.case-story section{margin-bottom:35px}}

/* Blend the decorative glass asset into the dark hero surface. */
html:not([data-theme=light]) .hero-art{background:transparent}
html:not([data-theme=light]) .hero-art img{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}
html:not([data-theme=light]) .hero-art:after{display:none}

/* ── Project card previews (screenshots) ── */
.project-card{position:relative}
.project-card-link{color:inherit;text-decoration:none}
.project-card-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.project-card-link:focus-visible{outline:none}
.project-card:has(.project-card-link:focus-visible){outline:2px solid var(--blue);outline-offset:3px}
.project-card:hover .project-link{text-decoration:underline}
.project-preview{padding:26px 26px 22px}
.preview-frame{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#0f1115;border:1px solid #c3d2ea;box-shadow:0 14px 34px #1c2d4a26}
.preview-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}}
@media(max-width:760px){.project-preview{padding:20px 20px 18px}.project-card:last-child .project-preview{min-height:0}}
.case-overview .project-preview{min-height:0;padding:16px 16px 14px}

/* Readable surfaces and purposeful interactions. */
html:not([data-theme=light]){--text:#f5f5f7;--text-muted:#c0c0ca;--text-subtle:#b5b5c0;--blue:#8bbcff;--border:#ffffff26;--border-hover:#ffffff55}
html:not([data-theme=light]) .hero-title span{background-image:linear-gradient(105deg,#8bbcff,#b3adff,#e1a3e8,#ffabc2)}
html:not([data-theme=light]) .hero-art{background:#f5f5f7;border:1px solid #ffffff40;width:min(680px,100%);margin-top:18px}
html:not([data-theme=light]) .hero-art img{filter:none;mix-blend-mode:normal;animation:none}
html:not([data-theme=light]) .hero-art:after{display:none}
html:not([data-theme=light]) .project-visual{background:linear-gradient(135deg,#222c3c,#2b263a);color:var(--text)}
html:not([data-theme=light]) :is(.metric-heading,.project-visual figcaption,.metric-row>span){color:#c3cede}
html:not([data-theme=light]) .architecture-flow>div{background:#303c50;border-color:#66768d;color:#f5f5f7}
html:not([data-theme=light]) .architecture-flow>div.flow-focus{background:#273e5b;color:#cbe1ff;border-color:#8bbcff}
html:not([data-theme=light]) .architecture-flow>span{color:#b8c9df}
html:not([data-theme=light]) .metric-track{background:#455067}
html:not([data-theme=light]) .metric-track i{background:#b8c9df}
html:not([data-theme=light]) .after .metric-track i{background:#8bbcff}
html:not([data-theme=light]) .after>strong{color:#8bbcff}
html:not([data-theme=light]) .article-card:first-child{background:linear-gradient(135deg,#25334a,#332b44);color:var(--text)}
html:not([data-theme=light]) .article-card:first-child :is(.card-badge,.card-excerpt,.card-meta){color:#c3cede}
html:not([data-theme=light]) .article-card:first-child .read-link{color:#8bbcff}
html:not([data-theme=light]) :is(a,button,summary,input):focus-visible{outline:3px solid #8bbcff;outline-offset:5px}
.project-card,.article-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.project-card:focus-within,.article-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 32px #00000020}
.project-card:focus-within{border-color:var(--blue)}
.preview-frame img{transition:transform .3s ease;filter:none;mix-blend-mode:normal}
.project-link>span,.read-link svg{transition:transform .2s ease}
@media(hover:hover) and (pointer:fine){
 .project-card:hover{border-color:var(--blue);box-shadow:0 12px 32px #00000020}
 .project-card:hover .preview-frame img{transform:scale(1.025)}
 .project-card:hover .project-link>span{transform:translateX(3px)}
 html[dir=rtl] .project-card:hover .project-link>span{transform:translateX(-3px)}
}
.project-card:focus-within .preview-frame img{transform:scale(1.025)}
.project-link>span{display:inline-block}
.case-highlights{max-width:1120px;margin:0 auto 52px}
.case-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.case-highlight{padding:26px;border:1px solid var(--border-hover);border-radius:20px;background:var(--bg-surface)}
.case-highlight-label{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--text-muted);font-weight:600}
.case-highlight-label>span{color:var(--blue);font-variant-numeric:tabular-nums}
.case-highlight p{font-size:20px;line-height:1.5;letter-spacing:-.3px;margin-top:16px;color:var(--text)}
.case-highlight-result{border-color:var(--blue)}
.case-evidence{font-size:13px;color:var(--text-muted);margin-top:16px;line-height:1.6}
.architecture-explorer{padding:24px;border-radius:22px;background:var(--bg-surface);border:1px solid var(--border-hover)}
.architecture-explorer h2{font-size:22px;line-height:1.4;letter-spacing:-.5px}
.explorer-hint{font-size:14px;color:var(--text-muted);margin:8px 0 20px}
.explorer-step details{border:1px solid var(--border-hover);border-radius:12px;background:var(--bg-card);overflow:hidden}
.explorer-step summary{padding:16px;cursor:pointer;font-size:15px;font-weight:600;line-height:1.5;min-height:54px;color:var(--text)}
.step-number{display:inline-block;color:var(--blue);margin-inline:6px 10px;font-variant-numeric:tabular-nums}
.explorer-step details[open]{border-color:var(--blue)}
.explorer-step details[open] summary{border-bottom:1px solid var(--border)}
.explorer-step details p{padding:16px;font-size:15px;line-height:1.7;color:var(--text-muted)}
.step-connector{display:block;text-align:center;line-height:30px;color:var(--blue)}
.case-overview:has(.architecture-explorer){position:static}
.case-overview .metric-visual+.architecture-explorer{margin-top:24px}
.case-story>section:first-child{padding:24px;border-inline-start:3px solid var(--blue);background:var(--bg-surface);border-radius:0 16px 16px 0}
html[dir=rtl] :is(.case-highlight p,.architecture-explorer h2){letter-spacing:0}
@media(max-width:1200px){.case-highlights{margin-inline:32px}}
@media(max-width:760px){.case-highlights{margin:0 24px 36px}.case-highlight-grid{grid-template-columns:1fr;gap:12px}.case-highlight{padding:22px}.case-highlight p{font-size:18px;margin-top:10px}.architecture-explorer{padding:22px}}
@media(prefers-reduced-motion:reduce){.project-card,.article-card,.preview-frame img,.project-link>span{transition:none!important;transform:none!important}}