:root{--paper:#f2efe8;--paper-2:#e8e3d8;--ink:#11130f;--muted:#6f716a;--line:#11130f24;--deep:#152a24;--deep-2:#1c352e;--lime:#d6ff62;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Arial,Helvetica,sans-serif}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 56px), var(--max));margin-inline:auto}.nav-wrap{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#f2efe8e0;position:sticky;top:0}.nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;height:76px;display:grid}.brand{letter-spacing:-.05em;font-size:19px;font-weight:900}.brand span{color:#7f827a;padding-inline:2px;font-weight:400}.nav-links{align-items:center;gap:30px;font-size:12px;display:flex}.nav-links a{color:var(--muted);transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--ink);justify-self:end;padding:11px 14px;font-size:12px;font-weight:800;transition:all .2s}.nav-cta:hover{background:var(--ink);color:var(--paper)}.hero{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 76px);padding:78px 0 28px;display:flex}.hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr);align-items:end;gap:72px;display:grid}.status{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;margin-bottom:44px;font-size:11px;font-weight:700;display:inline-flex}.status span{background:#51a46d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #51a46d1f}.kicker,.section-label,.tiny-label{letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:800}.kicker{color:var(--muted);margin:0 0 18px}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(70px,10.8vw,154px);font-weight:850;line-height:.79}.hero h1 em,.about-grid h2 em{font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-side{padding-bottom:8px}.hero-side>p{letter-spacing:-.035em;color:#31332f;margin:0;font-size:clamp(22px,2.3vw,34px);line-height:1.22}.hero-side strong{color:var(--ink);font-weight:800}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:24px;min-height:48px;padding:13px 16px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:var(--deep)}.button.ghost:hover{background:var(--paper-2)}.hero-footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1.5fr 1fr auto;gap:20px;margin-top:70px;padding-top:18px;font-size:11px;display:grid}.hero-footer a{color:var(--ink);font-weight:700}.stats-band{background:var(--ink);color:var(--paper)}.stats-grid{grid-template-columns:repeat(3,1fr);display:grid}.stat{border-right:1px solid #ffffff24;flex-direction:column;justify-content:space-between;min-height:188px;padding:34px 28px 30px 0;display:flex}.stat+.stat{padding-left:32px}.stat:last-child{border-right:0}.stat strong{letter-spacing:-.06em;font-size:clamp(50px,5vw,76px);line-height:1}.stat span{color:#f2efe8a6;max-width:220px;font-size:12px;line-height:1.45}.section{padding:118px 0}.section+.section{border-top:1px solid var(--line)}.section-head{align-items:center;gap:18px;margin-bottom:64px;display:flex}.section-index{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;font-size:10px;display:grid}.section-label{color:var(--muted)}.about-grid{grid-template-columns:1.05fr .95fr;gap:86px;display:grid}.about-grid h2,.work-intro h2,.contact-grid h2{letter-spacing:-.06em;margin:0;font-size:clamp(48px,6vw,82px);line-height:.95}.body-copy{max-width:650px}.body-copy p{color:#55574f;margin:0 0 24px;font-size:17px;line-height:1.7}.body-copy .lead{letter-spacing:-.02em;color:var(--ink);font-size:23px;line-height:1.5}.experience-list{border-top:1px solid var(--line)}.experience-row{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr) 260px;gap:36px;padding:34px 0;display:grid}.period{color:var(--muted);padding-top:5px;font-size:11px;line-height:1.5}.experience-main h3,.project-card h3,.capability-card h3{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.05}.company{color:var(--deep-2);text-transform:uppercase;letter-spacing:.08em;margin:8px 0 14px;font-size:12px;font-weight:800}.experience-main p{color:#5d5f57;max-width:690px;margin:0;font-size:15px;line-height:1.65}.mini-tags{flex-wrap:wrap;align-content:start;gap:7px;display:flex}.mini-tags span{background:var(--paper-2);color:#5d5f57;padding:7px 9px;font-size:10px}.work-section{background:var(--deep);color:var(--paper);padding:118px 0}.light-head .section-index{color:#ffffff8c;border-color:#ffffff38}.light-head .section-label{color:#ffffff8c}.work-intro{grid-template-columns:1fr .62fr;align-items:end;gap:80px;margin-bottom:74px;display:grid}.work-intro p{color:#f2efe8ad;max-width:500px;margin:0;font-size:16px;line-height:1.65}.projects{border-top:1px solid #ffffff29}.project-card{border-bottom:1px solid #ffffff29;padding:38px 0 46px}.project-topline{color:#f2efe880;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:18px;margin-bottom:36px;font-size:10px;display:flex}.project-layout{grid-template-columns:.9fr 1.1fr;gap:90px;display:grid}.project-card h3{font-size:clamp(50px,6vw,86px)}.project-headline{max-width:500px;color:var(--lime);margin:18px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.2vw,30px);font-style:italic;line-height:1.25}.project-details>p{color:#f2efe8c2;margin:0;font-size:16px;line-height:1.7}.contribution{margin-top:30px}.tiny-label{color:#f2efe873}.contribution ul{margin:14px 0 0;padding:0;list-style:none}.contribution li{color:#f2efe8db;border-top:1px solid #ffffff1a;padding:10px 0 10px 18px;font-size:13px;line-height:1.5;position:relative}.contribution li:before{content:"↳";color:var(--lime);position:absolute;left:0}.tags{flex-wrap:wrap;gap:7px;margin-top:26px;display:flex}.tags span{letter-spacing:.04em;color:#f2efe89e;border:1px solid #ffffff29;padding:8px 9px;font-size:9px}.capability-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.capability-card{border-right:1px solid var(--line);min-height:350px;padding:30px 28px 12px 0}.capability-card+.capability-card{padding-left:28px}.capability-card:last-child{border-right:0}.cap-number{color:var(--muted);margin-bottom:72px;font-size:10px;display:inline-block}.capability-card h3{margin-bottom:30px}.cap-list{flex-direction:column;display:flex}.cap-list span{border-top:1px solid var(--line);color:#575950;padding:10px 0;font-size:13px}.contact-section{background:var(--lime);padding:104px 0}.contact-grid{grid-template-columns:1.1fr .9fr;align-items:end;gap:90px;display:grid}.contact-grid .section-label{color:#11130f99;margin-bottom:26px;display:block}.contact-side p{color:#11130fb8;max-width:570px;margin:0 0 34px;font-size:17px;line-height:1.65}.email{letter-spacing:-.04em;border-bottom:2px solid var(--ink);width:fit-content;margin-bottom:20px;padding-bottom:5px;font-size:clamp(23px,3vw,40px);font-weight:800;display:block}.text-link{font-size:12px;font-weight:800}.footer{min-height:90px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex}.footer a{color:var(--ink);font-weight:700}@media (max-width:980px){.hero-grid,.about-grid,.work-intro,.project-layout,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:48px}.hero-side{max-width:700px}.experience-row{grid-template-columns:150px 1fr}.mini-tags{grid-column:2}.work-intro,.project-layout,.contact-grid{gap:40px}.capability-grid{grid-template-columns:1fr}.capability-card,.capability-card+.capability-card{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:28px 0}.cap-number{margin-bottom:34px}}@media (max-width:760px){.container{width:min(calc(100% - 30px), var(--max))}.nav{grid-template-columns:1fr auto;height:68px}.nav-links{display:none}.hero{min-height:calc(100vh - 68px);padding-top:52px}.status{margin-bottom:34px}.hero h1{font-size:clamp(62px,20vw,100px)}.hero-footer{grid-template-columns:1fr;gap:9px;margin-top:54px}.stats-grid{grid-template-columns:1fr}.stat,.stat+.stat{border-bottom:1px solid #ffffff24;border-right:0;min-height:145px;padding:26px 0}.stat:last-child{border-bottom:0}.section,.work-section{padding:86px 0}.section-head{margin-bottom:44px}.experience-row{grid-template-columns:1fr;gap:14px}.mini-tags{grid-column:1;margin-top:4px}.project-topline{flex-direction:column}.project-card h3{font-size:clamp(46px,15vw,72px)}.contact-section{padding:80px 0}.footer{flex-direction:column;justify-content:center;align-items:flex-start}}@media (max-width:480px){.nav-cta{padding:9px 11px}.hero-actions{flex-direction:column}.button{justify-content:space-between;width:100%}.hero-side>p{font-size:23px}.about-grid h2,.work-intro h2,.contact-grid h2{font-size:46px}}
.case-page{background:var(--paper);min-height:100vh}.case-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex}.case-hero{padding:86px 0 72px}.case-kicker,.case-section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800}.case-hero h1{letter-spacing:-.075em;margin:20px 0 26px;font-size:clamp(78px,13vw,180px);line-height:.82}.case-lead{color:#3d4039;max-width:850px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,3vw,42px);line-height:1.25}.case-meta-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:28px;margin-top:68px;padding-top:22px;display:grid}.case-meta-grid div{flex-direction:column;gap:8px;display:flex}.case-meta-grid span{letter-spacing:.14em;color:var(--muted);font-size:9px;font-weight:800}.case-meta-grid strong{font-size:13px;line-height:1.45}.case-visual{padding:74px 0;overflow:hidden}.naqsha-visual{background:#d6c5ad}.zorvenaq-visual{background:#aebcc5}.mockup-frame{perspective:1600px}.mock-browser,.mock-dashboard{width:min(100%,1060px);min-height:560px;margin:auto;transform:rotateX(1.5deg);box-shadow:0 42px 90px #0000002e}.mock-browser{background:#f4efe7;border:1px solid #0000001f}.mock-top{border-bottom:1px solid #0000001a;align-items:center;gap:7px;height:42px;padding:0 16px;display:flex}.mock-top span{background:#0000002e;border-radius:50%;width:8px;height:8px}.mock-naqsha-grid{grid-template-columns:1.05fr .95fr;min-height:518px;display:grid}.mock-copy{flex-direction:column;justify-content:center;padding:58px;display:flex}.mock-copy small{letter-spacing:.16em;font-weight:800}.mock-copy h2{letter-spacing:-.06em;margin:20px 0;font-size:clamp(46px,5vw,72px);line-height:.95}.mock-copy p{color:var(--muted)}.mock-product{background:#c95d41;place-items:center;display:grid}.shirt-shape{clip-path:polygon(22% 0,38% 10%,62% 10%,78% 0,100% 18%,85% 38%,72% 29%,72% 100%,28% 100%,28% 29%,15% 38%,0 18%);background:#e9e1d2;place-items:center;width:260px;height:300px;display:grid;position:relative;box-shadow:0 25px 50px #0000001f}.shirt-shape span{font-size:28px;font-weight:900;transform:rotate(-90deg)}.mock-dashboard{background:#eef1f3;grid-template-columns:190px 1fr;display:grid}.mock-dashboard aside{color:#fff;background:#132b28;flex-direction:column;gap:20px;padding:30px 22px;display:flex}.mock-dashboard aside b{background:var(--lime);width:42px;height:42px;color:var(--ink);place-items:center;margin-bottom:24px;display:grid}.mock-dashboard aside span{color:#ffffff94;font-size:12px}.dash-main{padding:46px}.dash-head{flex-direction:column;gap:8px;margin-bottom:34px;display:flex}.dash-head small{letter-spacing:.15em;color:#6a7376}.dash-head strong{letter-spacing:-.04em;font-size:38px}.dash-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.dash-cards div{background:#fff;border:1px solid #dce2e4;flex-direction:column;justify-content:space-between;min-height:150px;padding:24px;display:flex}.dash-cards small{color:#6d777a;font-weight:700}.dash-cards b{font-size:46px}.dash-flow{background:#fff;border:1px solid #dce2e4;justify-content:center;align-items:center;gap:14px;min-height:150px;margin-top:24px;padding:20px;display:flex}.dash-flow span{background:#edf2ef;padding:12px 14px;font-size:12px;font-weight:800}.dash-flow i{color:#7f8b87;font-style:normal}.case-section{padding:112px 0}.case-section-label{margin-bottom:50px}.case-two-col{grid-template-columns:1.05fr .95fr;gap:90px;display:grid}.case-two-col h2{letter-spacing:-.055em;margin:0;font-size:clamp(46px,6vw,78px);line-height:.98}.case-copy p{color:#565950;margin:0 0 24px;font-size:18px;line-height:1.72}.case-dark{background:var(--deep);color:var(--paper)}.case-section-label.light{color:#ffffff85}.phase-grid,.system-grid{border-top:1px solid #ffffff29;grid-template-columns:repeat(4,1fr);display:grid}.phase-card,.system-card{border-right:1px solid #ffffff29;min-height:330px;padding:26px 26px 28px 0}.phase-card+.phase-card,.system-card+.system-card{padding-left:26px}.phase-card:last-child,.system-card:last-child{border-right:0}.phase-card>span,.system-card>span{color:#ffffff73;margin-bottom:72px;font-size:10px;display:block}.phase-card h3,.system-card h3{letter-spacing:-.04em;margin:0 0 22px;font-size:34px}.phase-card p,.system-card p{color:#ffffffa6;font-size:14px;line-height:1.6}.flow-map{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px;display:grid}.flow-map>div{background:var(--paper-2);flex-direction:column;min-height:180px;padding:22px;display:flex}.flow-map>div span{color:var(--muted);font-size:10px}.flow-map>div strong{letter-spacing:-.03em;margin-top:auto;font-size:24px}.flow-map>div small{color:var(--muted);margin-top:8px;line-height:1.4}.flow-map>b{color:var(--muted);font-size:24px;font-weight:400}.impact-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.impact-grid article{border-bottom:1px solid var(--line);min-height:210px;padding:28px 30px 28px 0}.impact-grid article:nth-child(odd){border-right:1px solid var(--line)}.impact-grid article:nth-child(2n){padding-left:30px}.impact-grid strong{letter-spacing:-.035em;margin-bottom:18px;font-size:28px;display:block}.impact-grid p{color:var(--muted);margin:0;line-height:1.65}.state-chain{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.state-chain div{background:var(--paper-2);flex-direction:column;justify-content:space-between;min-height:150px;padding:24px;display:flex}.state-chain span{color:var(--muted);font-size:10px}.state-chain strong{text-transform:capitalize;font-size:20px}.chain-note{max-width:680px;color:var(--muted);margin:24px 0 0;line-height:1.65}.case-next{background:var(--lime);padding:68px 0}.case-next .container{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.case-next span{letter-spacing:.16em;font-size:10px;font-weight:800}.case-next a{letter-spacing:-.06em;font-size:clamp(42px,7vw,86px);font-weight:850}.case-next b{font-size:.55em}.project-case-link{color:var(--lime);border-bottom:1px solid #d6ff6280;margin-top:24px;padding-bottom:4px;font-size:11px;font-weight:800;display:inline-flex}.resume-page{background:#d9d9d7;min-height:100vh;padding:30px 0 70px}.resume-toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.print-button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;font:inherit;padding:11px 14px;font-size:12px;font-weight:800}.resume-sheet{color:#121212;background:#fff;width:min(100% - 30px,980px);margin:auto;padding:54px 62px;box-shadow:0 25px 70px #0000001f}.resume-header{border-bottom:2px solid #111;justify-content:space-between;gap:40px;padding-bottom:22px;display:flex}.resume-header h1{letter-spacing:-.045em;margin:0 0 7px;font-size:36px}.resume-header p{margin:0;font-size:13px;font-weight:700}.resume-contact{color:#555;flex-direction:column;align-items:flex-end;gap:5px;font-size:11px;display:flex}.resume-block{padding-top:24px}.resume-block h2{text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #bbb;margin:0 0 15px;padding-bottom:7px;font-size:13px}.resume-block>p{margin:0;font-size:12px;line-height:1.58}.resume-role{margin-bottom:16px}.resume-role-head{justify-content:space-between;gap:20px;font-size:11.5px;display:flex}.resume-role-head span{white-space:nowrap;color:#555}.resume-role ul{margin:6px 0 0 18px;padding:0}.resume-role li{margin-bottom:3px;font-size:11px;line-height:1.5}.resume-columns{grid-template-columns:1fr 1fr;gap:34px;display:grid}.resume-columns p{margin:0 0 9px;font-size:11px;line-height:1.5}@media (max-width:860px){.case-meta-grid,.case-two-col,.mock-naqsha-grid,.phase-grid,.system-grid,.state-chain,.mock-dashboard{grid-template-columns:1fr}.mock-dashboard aside{display:none}.flow-map{grid-template-columns:1fr}.flow-map>b{text-align:center;transform:rotate(90deg)}.impact-grid{grid-template-columns:1fr}.impact-grid article:nth-child(odd){border-right:0}.impact-grid article:nth-child(2n){padding-left:0}.phase-card,.system-card,.phase-card+.phase-card,.system-card+.system-card{border-bottom:1px solid #ffffff29;border-right:0;min-height:auto;padding:28px 0}.phase-card>span,.system-card>span{margin-bottom:36px}.resume-header{flex-direction:column}.resume-contact{align-items:flex-start}.resume-columns{grid-template-columns:1fr}}@media (max-width:600px){.case-hero{padding-top:56px}.case-hero h1{font-size:20vw}.case-section{padding:78px 0}.mock-browser,.mock-dashboard{min-height:420px}.mock-copy{padding:28px}.mock-product{min-height:380px}.dash-main{padding:24px}.dash-cards{grid-template-columns:1fr}.dash-flow{flex-wrap:wrap}.case-next .container{flex-direction:column;align-items:flex-start}.resume-sheet{padding:34px 25px}.resume-role-head{flex-direction:column;gap:3px}}@media print{body{background:#fff}.resume-page{background:#fff;padding:0}.resume-toolbar{display:none}.resume-sheet{width:100%;max-width:none;box-shadow:none;margin:0;padding:28px 36px}}.tawadud-live-link{margin-top:30px;display:inline-block}.tawadud-showcase{color:#f4f4f5;background:#09090b;padding:96px 0}.tawadud-showcase .case-kicker{color:#d4a85f}.tawadud-showcase h2{letter-spacing:-.045em;max-width:900px;margin:24px 0;font-size:clamp(36px,6vw,76px);line-height:1.05}.tawadud-showcase p{color:#a1a1aa;line-height:1.65}.tawadud-feature-labels{color:#d4a85f;letter-spacing:.16em;border-top:1px solid #27272a;flex-wrap:wrap;gap:20px 32px;margin-top:64px;padding-top:24px;font-size:10px;display:flex}@media (max-width:600px){.tawadud-showcase{padding:64px 0}.tawadud-feature-labels{gap:18px}}
.project-media{background:#ffffff0a;border:1px solid #ffffff24;min-height:220px;margin-top:30px;overflow:hidden}.project-media img,.case-photo img{object-fit:cover;width:100%;height:100%;display:block}.project-media img{aspect-ratio:16/10}.asset-placeholder{background:linear-gradient(120deg,#ffffff0f,#ffffff1f,#ffffff0f);width:100%;min-height:220px}.case-gallery{background:#d7c9b8;padding:72px 0}.case-gallery.zorvenaq-gallery{background:#111a2d}.case-gallery-grid{grid-template-columns:1.25fr .75fr;gap:20px;display:grid}.case-photo{background:#ffffff24;min-height:430px;overflow:hidden;box-shadow:0 28px 60px #00000029}.case-photo.portrait{min-height:520px}.case-photo img{min-height:inherit}.case-caption{text-transform:uppercase;letter-spacing:.12em;color:#11130f9e;justify-content:space-between;gap:18px;margin-top:14px;font-size:10px;display:flex}.zorvenaq-gallery .case-caption{color:#ffffff9e}.zorvenaq-gallery .case-gallery-grid{grid-template-columns:1fr}.zorvenaq-gallery .case-photo{min-height:520px}.resume-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.resume-download{border:1px solid var(--ink);color:var(--ink);cursor:pointer;font:inherit;background:#fff;padding:11px 14px;font-size:12px;font-weight:800}.resume-download:hover{background:var(--paper-2)}.resume-download:disabled{opacity:.55;cursor:wait}@media (max-width:860px){.case-gallery-grid{grid-template-columns:1fr}.case-photo,.case-photo.portrait,.zorvenaq-gallery .case-photo{min-height:320px}}@media (max-width:600px){.project-media{min-height:180px}.case-gallery{padding:46px 0}.case-photo,.case-photo.portrait,.zorvenaq-gallery .case-photo{min-height:250px}.resume-toolbar{align-items:flex-start;gap:12px}.resume-toolbar-actions{justify-content:flex-start}}
.dev-home{--dev-bg:#090b0e;--dev-panel:#101318;--dev-panel-2:#151920;--dev-text:#f4f7f8;--dev-muted:#8f98a3;--dev-line:#ffffff1a;--dev-accent:#b8ff63;--dev-accent-soft:#b8ff631f;--dev-blue:#73c7ff;background:radial-gradient(circle at 82% 7%, #73c7ff14, transparent 24%), radial-gradient(circle at 12% 18%, #b8ff630d, transparent 25%), var(--dev-bg);color:var(--dev-text);min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dev-home *{box-sizing:border-box}.dev-home a{color:inherit;text-decoration:none}.dev-container{width:min(100% - 48px,1240px);margin-inline:auto}.dev-eyebrow{color:var(--dev-muted);letter-spacing:.17em;margin:0;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-section-number{border:1px solid var(--dev-line);width:34px;height:34px;color:var(--dev-muted);border-radius:999px;place-items:center;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-grid}.dev-nav-shell{z-index:60;border-bottom:1px solid var(--dev-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0ec7;position:sticky;top:0}.dev-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;min-height:72px;display:grid}.dev-brand{letter-spacing:-.03em;font:800 14px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-brand span{color:var(--dev-accent);font-weight:500}.dev-nav-links{color:var(--dev-muted);align-items:center;gap:30px;font-size:12px;display:flex}.dev-nav-links a,.dev-nav-github{transition:color .18s}.dev-nav-links a:hover,.dev-nav-github:hover{color:var(--dev-text)}.dev-nav-actions{justify-self:end;align-items:center;gap:18px;font-size:12px;font-weight:700;display:flex}.dev-nav-github{color:var(--dev-muted)}.dev-nav-cta{background:var(--dev-accent-soft);color:var(--dev-accent);border:1px solid #b8ff635c;padding:11px 14px;transition:all .18s}.dev-nav-cta:hover{background:var(--dev-accent);color:#0a0c0d}.dev-hero{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);align-items:center;gap:84px;min-height:calc(100vh - 72px);padding:88px 0 66px;display:grid}.dev-status{border:1px solid var(--dev-line);color:#c1c7ce;letter-spacing:.05em;background:#ffffff06;border-radius:999px;align-items:center;gap:9px;width:fit-content;margin-bottom:34px;padding:8px 11px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.dev-status span{background:var(--dev-accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #b8ff631a,0 0 18px #b8ff6359}.dev-hero h1{letter-spacing:-.065em;max-width:820px;margin:20px 0 28px;font-size:clamp(54px,6.8vw,94px);font-weight:760;line-height:.98}.dev-hero h1 em{color:var(--dev-accent);font-style:normal;font-weight:inherit}.dev-hero-lead{color:#aab2bb;letter-spacing:-.012em;max-width:760px;margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.65}.dev-hero-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.dev-button{border:1px solid var(--dev-line);justify-content:center;align-items:center;gap:26px;min-height:48px;padding:0 17px;font-size:12px;font-weight:800;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.dev-button:hover{transform:translateY(-2px)}.dev-button-primary{background:var(--dev-accent);border-color:var(--dev-accent);color:#0a0d0f!important}.dev-button-secondary{color:#dce1e5;background:#ffffff05}.dev-button-secondary:hover{background:#ffffff0b;border-color:#ffffff3d}.dev-hero-panel{border:1px solid var(--dev-line);background:linear-gradient(#12161bfa,#0c0f13fa);position:relative;overflow:hidden;box-shadow:0 34px 90px #00000057}.dev-hero-panel:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 84%);mask-image:linear-gradient(#000,#0000 84%)}.dev-panel-top{border-bottom:1px solid var(--dev-line);height:46px;color:var(--dev-muted);z-index:1;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;position:relative}.dev-panel-top>span{gap:6px;display:flex}.dev-panel-top i{background:#353b43;border-radius:50%;width:7px;height:7px}.dev-panel-top b{color:#c8ced4;font-weight:500}.dev-panel-top small{color:#656d77;justify-self:end}.dev-code-card{color:#c2c9d0;z-index:1;min-height:382px;padding:42px 38px;font:500 13px/1.85 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:relative}.dev-code-card p{white-space:nowrap;margin:0}.dev-code-card .indent{padding-left:22px}.dev-code-card .indent-2{padding-left:44px}.token-purple{color:#cf9cff}.token-blue{color:#75ccff}.token-green{color:#b8ff63}.token-orange{color:#ffb36a}.dev-panel-footer{border-top:1px solid var(--dev-line);color:#69727c;z-index:1;justify-content:space-between;align-items:center;gap:20px;min-height:50px;padding:0 15px;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;position:relative}.dev-panel-footer span:first-child{color:#9ba3ab}.dev-panel-footer i{background:var(--dev-accent);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.dev-tech-strip{border-top:1px solid var(--dev-line);border-bottom:1px solid var(--dev-line);background:#ffffff04}.dev-tech-row{grid-template-columns:repeat(7,auto);justify-content:space-between;align-items:center;gap:22px;min-height:74px;display:grid;overflow:hidden}.dev-tech-row span{color:#69727c;letter-spacing:.12em;white-space:nowrap;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-section{padding:126px 0}.dev-section-heading{grid-template-columns:.66fr 1.2fr .72fr;align-items:end;gap:58px;margin-bottom:70px;display:grid}.dev-section-heading>div{align-items:center;gap:14px;display:flex}.dev-section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(44px,5.8vw,76px);line-height:.98}.dev-section-heading>p{color:var(--dev-muted);margin:0;font-size:15px;line-height:1.68}.dev-section-heading.compact{grid-template-columns:.66fr 1.92fr}.dev-projects{gap:54px;display:grid}.dev-project{border-top:1px solid var(--dev-line);padding-top:20px}.dev-project-meta{color:#6f7780;letter-spacing:.11em;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;margin-bottom:19px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}.dev-project-meta b{color:var(--dev-accent);font-weight:700}.dev-project-body{grid-template-columns:1.12fr .88fr;gap:70px;padding:30px 0 10px;display:grid}.dev-project-body h3{letter-spacing:-.055em;margin:0 0 15px;font-size:clamp(38px,5vw,64px);line-height:1}.dev-project-body p{color:#9ba4ad;max-width:680px;margin:0;font-size:15px;line-height:1.72}.dev-project-side{flex-direction:column;justify-content:space-between;gap:26px;display:flex}.dev-tags{flex-wrap:wrap;gap:7px;display:flex}.dev-tags span{border:1px solid var(--dev-line);color:#8f98a3;background:#ffffff04;padding:8px 9px;font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-project-links{flex-wrap:wrap;gap:18px;display:flex}.dev-project-links a,.dev-text-link{color:#dfe4e7;border-bottom:1px solid #b8ff6342;padding-bottom:4px;font-size:12px;font-weight:800;transition:color .18s,border-color .18s}.dev-project-links a:hover,.dev-text-link:hover{color:var(--dev-accent);border-color:var(--dev-accent)}.dev-visual{border:1px solid var(--dev-line);min-height:570px;position:relative;overflow:hidden}.dev-window-bar{background:#080a0c4d;border-bottom:1px solid #ffffff1a;align-items:center;gap:6px;height:42px;padding:0 14px;display:flex}.dev-window-bar i{background:#ffffff38;border-radius:50%;width:7px;height:7px}.dev-window-bar span{color:#ffffff6b;margin-left:8px;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-visual-tawadud{background:radial-gradient(circle at 74% 20%,#d4a85f29,#0000 25%),#09090b}.dev-tawadud-layout{grid-template-columns:70px 280px 1fr;height:528px;display:grid}.dev-rail{border-right:1px solid #27272a;flex-direction:column;align-items:center;gap:18px;padding:21px 15px;display:flex}.dev-rail b{color:#d4a85f;border:1px solid #d4a85f73;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.dev-rail span{border:1px solid #27272a;border-radius:7px;width:28px;height:28px}.dev-inbox-list{border-right:1px solid #27272a;padding:32px 18px}.dev-inbox-list>small{color:#d4a85f;letter-spacing:.14em;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-inbox-list>strong{letter-spacing:-.04em;margin:10px 0 30px;font-size:24px;display:block}.dev-inbox-item{color:#8f8f98;border:1px solid #0000;align-items:flex-start;gap:10px;margin-bottom:7px;padding:14px 12px;display:flex}.dev-inbox-item.active{color:#f4f4f5;background:#151517;border-color:#27272a}.dev-inbox-item>i{background:#d4a85f;border-radius:50%;flex:none;width:7px;height:7px;margin-top:5px}.dev-inbox-item p{flex-direction:column;gap:6px;margin:0;display:flex}.dev-inbox-item b{font-size:11px}.dev-inbox-item span{color:#71717a;font-size:9px}.dev-conversation{flex-direction:column;padding:30px 32px;display:flex}.dev-conversation-head{color:#d4d4d8;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;padding-bottom:20px;font-size:11px;display:flex}.dev-conversation-head b{color:#d4a85f;border:1px solid #d4a85f52;padding:6px 8px;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-message{color:#d4d4d8;border:1px solid #27272a;max-width:72%;margin-top:32px;padding:13px 15px;font-size:11px;line-height:1.55}.dev-message.customer{background:#18181b;margin-left:auto}.dev-message.ai{background:#111113;border-color:#d4a85f40}.dev-composer{color:#71717a;border:1px solid #27272a;justify-content:space-between;align-items:center;min-height:48px;margin-top:auto;padding:0 14px;font-size:10px;display:flex}.dev-composer span{color:#d4a85f}.dev-visual-zorvenaq{background:linear-gradient(145deg,#0d1514,#13201d)}.dev-zorvenaq-layout{grid-template-columns:190px 1fr;height:528px;display:grid}.dev-z-side{color:#ffffff6b;border-right:1px solid #ffffff17;flex-direction:column;gap:18px;padding:28px 22px;font-size:10px;display:flex}.dev-z-side b{background:var(--dev-accent);color:#0c1110;place-items:center;width:34px;height:34px;margin-bottom:28px;font-size:13px;display:grid}.dev-z-main{padding:46px}.dev-z-title{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.dev-z-title small{color:#6d817b;letter-spacing:.14em;grid-column:1/-1;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-z-title strong{letter-spacing:-.05em;font-size:36px}.dev-z-title span{color:var(--dev-accent);border:1px solid #b8ff6340;padding:7px 9px;font-size:9px}.dev-milestones{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:50px;display:grid}.dev-milestones article{background:#ffffff06;border:1px solid #ffffff14;flex-direction:column;min-height:170px;padding:18px;display:flex}.dev-milestones article.active{background:#b8ff630e;border-color:#b8ff6357}.dev-milestones small{color:#61716d}.dev-milestones b{margin-top:auto;font-size:18px}.dev-milestones span{color:#7f8f8a;margin-top:8px;font-size:9px}.dev-milestones .active span{color:var(--dev-accent)}.dev-z-bottom{border:1px solid #ffffff14;grid-template-columns:1fr auto;align-items:center;min-height:82px;margin-top:18px;padding:0 20px;display:grid}.dev-z-bottom span,.dev-z-bottom i{color:#72827e;font-size:9px;font-style:normal}.dev-z-bottom b{font-size:25px}.dev-z-bottom i{grid-column:1/-1;margin-top:-22px}.dev-visual-records{color:#14201e;background:#eef1f3;padding:0 34px 34px}.dev-visual-records .dev-window-bar{background:#e0e5e7;border-color:#101c191a;margin:0 -34px}.dev-visual-records .dev-window-bar i{background:#101c1933}.dev-visual-records .dev-window-bar span{color:#101c196b}.dev-records-head{justify-content:space-between;align-items:flex-end;gap:20px;padding-top:38px;display:flex}.dev-records-head small{color:#71807d;letter-spacing:.14em;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.dev-records-head strong{letter-spacing:-.05em;margin-top:8px;font-size:31px;display:block}.dev-records-head button{color:#fff;background:#16302a;border:0;padding:12px 14px;font:700 10px/1 inherit}.dev-record-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;display:grid}.dev-record-stats article{background:#fff;border:1px solid #dbe1e2;flex-direction:column;justify-content:space-between;min-height:112px;padding:17px;display:flex}.dev-record-stats span{color:#7a8583;font-size:9px}.dev-record-stats b{letter-spacing:-.05em;font-size:35px}.dev-record-table{background:#fff;border:1px solid #dbe1e2;margin-top:16px}.dev-record-table>div{border-bottom:1px solid #e6eaeb;grid-template-columns:1.4fr 1fr .7fr;align-items:center;min-height:52px;padding:0 15px;font-size:9px;display:grid}.dev-record-table>div:last-child{border-bottom:0}.dev-record-table .head{color:#7c8587;min-height:40px;font-weight:700}.dev-record-table>div>span:first-child{align-items:center;gap:8px;display:flex}.dev-record-table i{background:#e7ecea;border-radius:50%;width:24px;height:24px}.dev-record-table b{color:#326d54;font-size:9px}.dev-visual-naqsha{color:#141311;background:#d7c2a4;grid-template-columns:1fr .9fr;align-items:center;padding:60px;display:grid}.dev-naqsha-copy small{letter-spacing:.15em;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-naqsha-copy strong{letter-spacing:-.055em;max-width:480px;margin:22px 0;font:800 clamp(48px,6vw,84px)/.9 Georgia,serif;display:block}.dev-naqsha-copy span{color:#14131199;max-width:340px;font-size:12px;line-height:1.6;display:block}.dev-shirt{place-items:center;min-height:380px;display:grid}.dev-shirt>div{color:#d7c2a4;clip-path:polygon(21% 0,38% 10%,62% 10%,79% 0,100% 19%,85% 38%,72% 29%,72% 100%,28% 100%,28% 29%,15% 38%,0 19%);background:#282725;place-items:center;width:270px;height:315px;font-size:25px;font-weight:900;display:grid;box-shadow:0 36px 55px #2d22162e}.dev-naqsha-index{color:#1413114d;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;bottom:18px;right:24px}.dev-stack-section{border-top:1px solid var(--dev-line);border-bottom:1px solid var(--dev-line);background:#0c0f13}.dev-stack-grid{border-top:1px solid var(--dev-line);grid-template-columns:repeat(3,1fr);display:grid}.dev-stack-card{border-right:1px solid var(--dev-line);min-height:390px;padding:26px 30px 26px 0}.dev-stack-card+.dev-stack-card{padding-left:30px}.dev-stack-card:last-child{border-right:0}.dev-stack-card>span{color:#59616b;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-stack-card h3{letter-spacing:-.045em;margin:70px 0 14px;font-size:35px}.dev-stack-card p{max-width:320px;min-height:78px;color:var(--dev-muted);margin:0;font-size:13px;line-height:1.6}.dev-stack-card>div{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.dev-stack-card b{border:1px solid var(--dev-line);color:#a5adb5;padding:8px 9px;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-about-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.dev-about-copy>div{align-items:center;gap:14px;display:flex}.dev-about-copy h2{letter-spacing:-.055em;max-width:560px;margin:30px 0 26px;font-size:clamp(42px,5vw,68px);line-height:1.02}.dev-about-copy>p{max-width:580px;color:var(--dev-muted);margin:0 0 30px;font-size:15px;line-height:1.75}.dev-scope-list{border-top:1px solid var(--dev-line)}.dev-scope-list article{border-bottom:1px solid var(--dev-line);grid-template-columns:52px 1fr;align-items:center;gap:20px;min-height:110px;display:grid}.dev-scope-list article>span{color:#59616b;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev-scope-list h3{letter-spacing:-.02em;margin:0 0 7px;font-size:18px}.dev-scope-list p{color:var(--dev-muted);margin:0;font-size:12px;line-height:1.55}.dev-contact{background:var(--dev-accent);color:#0a0d0f;padding:108px 0}.dev-contact .dev-eyebrow{color:#0a0d0f8c}.dev-contact-grid{grid-template-columns:1.05fr .95fr;align-items:end;gap:80px;display:grid}.dev-contact h2{letter-spacing:-.07em;margin:18px 0 0;font-size:clamp(54px,7.5vw,94px);line-height:.91}.dev-contact-side p{color:#0a0d0fad;max-width:570px;margin:0 0 32px;font-size:16px;line-height:1.65}.dev-email{overflow-wrap:anywhere;letter-spacing:-.04em;border-bottom:2px solid #0a0d0f;width:fit-content;max-width:100%;padding-bottom:5px;font-size:clamp(22px,3vw,38px);font-weight:800;display:block}.dev-contact-links{gap:22px;margin-top:22px;font-size:12px;font-weight:800;display:flex}.dev-footer{color:#5e6670;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:96px;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}.dev-footer a{color:#aab2ba;justify-self:end}@media (max-width:1060px){.dev-hero{grid-template-columns:1fr;gap:52px;padding-top:72px}.dev-hero-panel{max-width:760px}.dev-section-heading{grid-template-columns:1fr 1.6fr}.dev-section-heading>p{grid-column:2}.dev-project-body{gap:42px}.dev-tawadud-layout{grid-template-columns:58px 230px 1fr}.dev-about-grid{gap:60px}}@media (max-width:820px){.dev-container{width:min(100% - 30px,1240px)}.dev-nav{grid-template-columns:1fr auto;min-height:66px}.dev-nav-links,.dev-nav-github{display:none}.dev-hero{min-height:auto;padding:64px 0 52px}.dev-hero h1{font-size:clamp(50px,12vw,76px)}.dev-tech-row{scrollbar-width:none;justify-content:start;overflow-x:auto}.dev-tech-row::-webkit-scrollbar{display:none}.dev-section{padding:92px 0}.dev-section-heading,.dev-section-heading.compact,.dev-project-body,.dev-about-grid,.dev-contact-grid{grid-template-columns:1fr}.dev-section-heading{gap:26px;margin-bottom:48px}.dev-section-heading>p{grid-column:auto;max-width:620px}.dev-visual{min-height:500px}.dev-tawadud-layout{grid-template-columns:58px 1fr;height:458px}.dev-inbox-list{display:none}.dev-zorvenaq-layout{grid-template-columns:150px 1fr;height:458px}.dev-z-main{padding:30px}.dev-milestones{grid-template-columns:1fr;margin-top:28px}.dev-milestones article{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:78px;display:grid}.dev-milestones b,.dev-milestones span{margin:0}.dev-z-bottom{display:none}.dev-stack-grid{grid-template-columns:1fr}.dev-stack-card,.dev-stack-card+.dev-stack-card{border-right:0;border-bottom:1px solid var(--dev-line);min-height:auto;padding:30px 0 34px}.dev-stack-card h3{margin-top:34px}.dev-stack-card p{min-height:auto}.dev-contact-grid{gap:40px}.dev-footer{grid-template-columns:1fr 1fr}.dev-footer span:nth-child(2){display:none}}@media (max-width:560px){.dev-nav-cta{padding:10px 11px}.dev-hero-panel{display:none}.dev-hero{padding-top:58px}.dev-status{margin-bottom:28px;font-size:9px}.dev-hero h1{font-size:clamp(46px,14vw,66px)}.dev-hero-lead{font-size:16px}.dev-hero-actions{flex-direction:column}.dev-button{justify-content:space-between;width:100%}.dev-project-meta{grid-template-columns:auto 1fr}.dev-project-meta b{grid-column:2}.dev-visual{min-height:410px}.dev-tawadud-layout{grid-template-columns:1fr;height:368px}.dev-rail{display:none}.dev-conversation{padding:22px}.dev-message{max-width:88%}.dev-zorvenaq-layout{grid-template-columns:1fr;height:368px}.dev-z-side{display:none}.dev-z-main{padding:24px}.dev-z-title strong{font-size:28px}.dev-milestones{margin-top:22px}.dev-records-head button{display:none}.dev-record-stats{grid-template-columns:1fr 1fr}.dev-record-stats article:last-child{display:none}.dev-record-table>div{grid-template-columns:1fr .7fr}.dev-record-table>div>:nth-child(2){display:none}.dev-visual-naqsha{grid-template-columns:1fr;padding:34px}.dev-naqsha-copy strong{font-size:54px}.dev-shirt{display:none}.dev-project-body{padding-top:24px}.dev-project-links{flex-direction:column;align-items:flex-start;gap:12px}.dev-scope-list article{grid-template-columns:38px 1fr}.dev-contact{padding:82px 0}.dev-contact h2{font-size:18vw}.dev-footer{font-size:8px}}
@keyframes devFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes devFadeIn{0%{opacity:0}to{opacity:1}}@keyframes devPanelIn{0%{opacity:0;transform:translate(34px,18px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes devPulseDot{0%,to{box-shadow:0 0 0 5px #b8ff631a,0 0 18px #b8ff6347}50%{box-shadow:0 0 0 8px #b8ff630e,0 0 28px #b8ff6380}}@keyframes devSoftFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes devGridDrift{0%{background-position:0 0,0 0}to{background-position:28px 28px,28px 28px}}@keyframes devShimmer{0%{opacity:0;transform:translate(-145%)skew(-16deg)}20%{opacity:.45}55%{opacity:.16}to{opacity:0;transform:translate(245%)skew(-16deg)}}@keyframes devAiPulse{0%,to{background:#d4a85f03;border-color:#d4a85f47}50%{background:#d4a85f0e;border-color:#d4a85f9e}}@keyframes devMilestonePulse{0%,to{box-shadow:inset 0 0 #b8ff6300}50%{box-shadow:inset 0 0 28px #b8ff630b}}@keyframes devArrowNudge{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}.dev-nav-shell{animation:.55s both devFadeIn}.dev-hero-copy .dev-status{animation:.7s cubic-bezier(.2,.8,.2,1) 60ms both devFadeUp}.dev-hero-copy>.dev-eyebrow{animation:.72s cubic-bezier(.2,.8,.2,1) .14s both devFadeUp}.dev-hero-copy h1{animation:.82s cubic-bezier(.2,.8,.2,1) .2s both devFadeUp}.dev-hero-lead{animation:.82s cubic-bezier(.2,.8,.2,1) .31s both devFadeUp}.dev-hero-actions{animation:.78s cubic-bezier(.2,.8,.2,1) .4s both devFadeUp}.dev-hero-panel{transform-origin:60% 40%;animation:.95s cubic-bezier(.16,1,.3,1) .25s both devPanelIn}.dev-status span,.dev-panel-footer i{animation:2.4s ease-in-out infinite devPulseDot}.dev-hero-panel:before{animation:9s linear infinite devGridDrift}.dev-code-card p{opacity:0;animation:.46s forwards devFadeUp}.dev-code-card p:first-child{animation-delay:.55s}.dev-code-card p:nth-child(2){animation-delay:.61s}.dev-code-card p:nth-child(3){animation-delay:.67s}.dev-code-card p:nth-child(4){animation-delay:.73s}.dev-code-card p:nth-child(5){animation-delay:.79s}.dev-code-card p:nth-child(6){animation-delay:.85s}.dev-code-card p:nth-child(7){animation-delay:.91s}.dev-code-card p:nth-child(8){animation-delay:.97s}.dev-button span,.dev-nav-cta span,.dev-nav-github span,.dev-project-links a span,.dev-text-link span,.dev-email span,.dev-contact-links a span{transition:transform .22s;display:inline-block}.dev-button:hover span,.dev-nav-cta:hover span,.dev-nav-github:hover span,.dev-project-links a:hover span,.dev-text-link:hover span,.dev-email:hover span,.dev-contact-links a:hover span{transform:translate(3px,-3px)}.dev-visual{transform-origin:50%;will-change:transform;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .45s}.dev-project:hover .dev-visual{border-color:#ffffff2e;transform:translateY(-5px)scale(1.008);box-shadow:0 28px 80px #0000003d}.dev-visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff12,#0000);width:20%;height:140%;position:absolute;top:-18%;left:-30%;transform:translate(-145%)skew(-16deg)}.dev-project:hover .dev-visual:after{animation:1.1s both devShimmer}.dev-project-meta b{transition:letter-spacing .28s,color .28s}.dev-project:hover .dev-project-meta b{letter-spacing:.15em;color:#d0ff96}.dev-project-body h3{transition:transform .32s cubic-bezier(.2,.8,.2,1),color .28s}.dev-project:hover .dev-project-body h3{color:#fff;transform:translate(4px)}.dev-tags span{transition:transform .18s,border-color .18s,color .18s,background .18s}.dev-tags span:hover{color:#dce5e8;background:#b8ff6309;border-color:#b8ff6347;transform:translateY(-2px)}.dev-inbox-item.active{animation:4.2s ease-in-out infinite devSoftFloat}.dev-conversation-head b{animation:2.8s ease-in-out infinite devAiPulse}.dev-message.ai{animation:3.6s ease-in-out infinite devAiPulse}.dev-milestones article.active{animation:3.1s ease-in-out infinite devMilestonePulse}.dev-record-stats article,.dev-record-table{transition:transform .28s,box-shadow .28s}.dev-project:hover .dev-record-stats article:first-child{transform:translateY(-3px)}.dev-project:hover .dev-record-stats article:nth-child(2){transform:translateY(-5px)}.dev-project:hover .dev-record-stats article:nth-child(3){transform:translateY(-2px)}.dev-shirt>div{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.dev-project:hover .dev-shirt>div{transform:rotate(-1.3deg)scale(1.025)}.dev-stack-card{transition:background .28s,transform .28s}.dev-stack-card:hover{background:#ffffff05;transform:translateY(-4px)}.dev-scope-list article{transition:background .22s,padding-left .22s}.dev-scope-list article:hover{background:#ffffff05;padding-left:10px}.dev-email,.dev-contact-links a{transition:transform .22s,opacity .22s}.dev-email:hover,.dev-contact-links a:hover{transform:translate(4px)}@supports (animation-timeline:view()){.dev-section-heading,.dev-project,.dev-stack-card,.dev-about-copy,.dev-scope-list article,.dev-contact-grid>*{opacity:0;animation-name:devFadeUp;animation-duration:1s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;animation-timeline:view();animation-range:entry 8% cover 28%;transform:translateY(28px)}.dev-project:nth-child(2),.dev-stack-card:nth-child(2),.dev-scope-list article:nth-child(2n){animation-range:entry 12% cover 31%}.dev-project:nth-child(3),.dev-stack-card:nth-child(3){animation-range:entry 16% cover 34%}}@media (hover:none){.dev-project:hover .dev-visual,.dev-project:hover .dev-project-body h3,.dev-stack-card:hover,.dev-email:hover,.dev-contact-links a:hover{transform:none}}@media (prefers-reduced-motion:reduce){.dev-home *,.dev-home :before,.dev-home :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.dev-code-card p,.dev-section-heading,.dev-project,.dev-stack-card,.dev-about-copy,.dev-scope-list article,.dev-contact-grid>*{opacity:1!important;transform:none!important}}
.case-page,.resume-page{--case-bg:#090b0e;--case-panel:#101318;--case-panel-2:#151920;--case-text:#f4f7f8;--case-muted:#9099a4;--case-line:#ffffff1a;--case-accent:#b8ff63;--case-accent-soft:#b8ff631a;background:var(--case-bg);color:var(--case-text);min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.case-page *,.resume-page *{box-sizing:border-box}.case-page a,.resume-page a{color:inherit;text-decoration:none}.case-page .container,.resume-page .container{width:min(100% - 48px,1240px);margin-inline:auto}.case-nav,.resume-toolbar{z-index:80;border-bottom:1px solid var(--case-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0ecc;justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex;position:sticky;top:0}.case-brand{letter-spacing:-.03em;font:800 14px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.case-brand span{color:var(--case-accent);font-weight:500}.case-back,.resume-page .text-link{color:var(--case-muted);font-size:11px;font-weight:750;transition:color .2s,transform .2s}.case-back:hover,.resume-page .text-link:hover{color:var(--case-text);transform:translate(-3px)}.case-hero{padding:96px 0 82px;position:relative;overflow:hidden}.case-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#b8ff6314,#0000 67%);border-radius:50%;width:520px;height:520px;position:absolute;top:-210px;right:-180px}.case-kicker,.case-section-label{color:var(--case-muted);letter-spacing:.17em;text-transform:uppercase;font:750 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.case-hero h1{letter-spacing:-.078em;margin:22px 0 28px;font-size:clamp(76px,13vw,174px);font-weight:780;line-height:.82}.case-tawadud .case-hero h1{color:#f4f4f5}.case-zorvenaq .case-hero h1 em,.case-naqsha .case-hero h1 em{color:var(--case-accent);font-style:normal}.case-lead{color:#aab2bb;letter-spacing:-.025em;max-width:900px;margin:0;font-family:inherit;font-size:clamp(20px,2.7vw,34px);line-height:1.35}.case-meta-grid{border-top:1px solid var(--case-line);grid-template-columns:repeat(3,1fr);gap:30px;margin-top:66px;padding-top:22px;display:grid}.case-meta-grid div{flex-direction:column;gap:9px;display:flex}.case-meta-grid span{color:#68717b;letter-spacing:.14em;font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.case-meta-grid strong{color:#d7dde1;font-size:13px;font-weight:650;line-height:1.55}.case-live-link{background:var(--case-accent-soft);border:1px solid #b8ff6352;align-items:center;gap:26px;min-height:46px;margin-top:32px;padding:0 15px;font-size:11px;font-weight:800;transition:background .22s,color .22s,transform .22s;display:inline-flex;color:var(--case-accent)!important}.case-live-link:hover{background:var(--case-accent);transform:translateY(-2px);color:#090b0e!important}.case-stage{border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line);background:radial-gradient(circle at 78% 12%,#73c7ff0e,#0000 28%),#ffffff03;padding:34px 0 96px}.case-stage-head{color:#66707a;letter-spacing:.12em;justify-content:space-between;gap:30px;margin-bottom:26px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.case-product-window{border:1px solid var(--case-line);background:linear-gradient(#101318,#0b0d11);min-height:600px;position:relative;overflow:hidden;box-shadow:0 46px 110px #00000057}.case-product-window:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.case-window-bar{z-index:2;border-bottom:1px solid var(--case-line);color:#69727c;align-items:center;gap:7px;height:44px;padding:0 15px;font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;position:relative}.case-window-bar i{background:#343a42;border-radius:50%;width:7px;height:7px}.case-window-bar span{margin-left:7px}.tawadud-case-ui{z-index:1;grid-template-columns:78px 300px 1fr;height:556px;display:grid;position:relative}.tawadud-case-rail{border-right:1px solid #27272a;flex-direction:column;align-items:center;gap:20px;padding:24px 17px;display:flex}.tawadud-case-rail b{color:#d4a85f;border:1px solid #d4a85f75;place-items:center;width:36px;height:36px;display:grid}.tawadud-case-rail span{border:1px solid #27272a;border-radius:8px;width:30px;height:30px}.tawadud-case-list{border-right:1px solid #27272a;padding:32px 19px}.tawadud-case-list small{color:#d4a85f;letter-spacing:.15em;font:750 9px/1 ui-monospace,monospace}.tawadud-case-list h3{letter-spacing:-.04em;margin:10px 0 27px;font-size:25px}.tawadud-case-item{color:#8a8b93;border:1px solid #0000;margin-bottom:7px;padding:14px 12px;font-size:10px;line-height:1.55}.tawadud-case-item strong{color:#d4d4d8;margin-bottom:5px;font-size:11px;display:block}.tawadud-case-item.active{background:#151517;border-color:#27272a}.tawadud-case-chat{flex-direction:column;padding:34px;display:flex}.tawadud-case-chat header{color:#d4d4d8;border-bottom:1px solid #27272a;justify-content:space-between;padding-bottom:20px;font-size:11px;display:flex}.tawadud-case-chat header b{color:#d4a85f;border:1px solid #d4a85f4d;padding:7px 9px;font:700 8px/1 ui-monospace,monospace}.tawadud-bubble{color:#cfd0d4;border:1px solid #27272a;max-width:72%;margin-top:30px;padding:14px 16px;font-size:11px;line-height:1.55}.tawadud-bubble.customer{background:#18181b;margin-left:auto}.tawadud-bubble.ai{background:#111113;border-color:#d4a85f45}.tawadud-case-compose{color:#71717a;border:1px solid #27272a;justify-content:space-between;align-items:center;min-height:49px;margin-top:auto;padding:0 14px;font-size:10px;display:flex}.case-gallery{background:var(--case-bg);padding:36px 0 92px}.case-gallery-grid{grid-template-columns:1.35fr .65fr;align-items:start;gap:18px;display:grid}.zorvenaq-gallery .case-gallery-grid{grid-template-columns:1fr}.case-photo{border:1px solid var(--case-line);background:var(--case-panel);position:relative;overflow:hidden}.case-photo img{filter:saturate(.88)contrast(1.03);width:100%;height:auto;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .45s;display:block}.case-photo:hover img{filter:saturate()contrast(1.03);transform:scale(1.018)}.case-caption{color:#69727c;letter-spacing:.06em;justify-content:space-between;gap:20px;padding:12px 1px 0;font:650 9px/1.4 ui-monospace,monospace;display:flex}.case-visual{background:var(--case-bg);padding:40px 0 94px;overflow:hidden}.mock-dashboard{border:1px solid var(--case-line);width:min(100%,1080px);min-height:560px;color:var(--case-text);background:#101318;grid-template-columns:190px 1fr;margin:auto;display:grid;overflow:hidden;transform:none;box-shadow:0 46px 110px #00000057}.mock-dashboard aside{border-right:1px solid var(--case-line);color:#fff;background:#0c0f12;flex-direction:column;gap:20px;padding:30px 22px;display:flex}.mock-dashboard aside b{background:var(--case-accent);color:#090b0e;place-items:center;width:42px;height:42px;margin-bottom:24px;display:grid}.mock-dashboard aside span{color:#66707a;font-size:11px}.dash-main{padding:46px}.dash-head small{color:#6f7882}.dash-head strong{color:#f4f7f8}.dash-cards div{border:1px solid var(--case-line);background:#151920}.dash-cards small{color:#7a838d}.dash-cards b{color:#f4f7f8}.dash-flow{border:1px solid var(--case-line);background:#11151a}.dash-flow span{color:#c7eaa1;background:#b8ff6312;border:1px solid #b8ff6324}.dash-flow i{color:#59626c}.case-section{padding:116px 0}.case-section-label{margin-bottom:48px}.case-two-col{grid-template-columns:1.06fr .94fr;gap:92px;display:grid}.case-two-col h2{color:#f3f6f7;letter-spacing:-.055em;margin:0;font-size:clamp(44px,5.8vw,74px);line-height:.99}.case-copy p{color:#9aa3ad;margin:0 0 24px;font-size:16px;line-height:1.75}.case-dark{color:var(--case-text);border-block:1px solid var(--case-line);background:#0d1014}.case-section-label.light{color:#69727c}.phase-grid,.system-grid{border-top:1px solid var(--case-line);grid-template-columns:repeat(4,1fr);display:grid}.phase-card,.system-card{border-right:1px solid var(--case-line);min-height:330px;padding:26px 26px 28px 0;transition:background .25s,transform .25s}.phase-card+.phase-card,.system-card+.system-card{padding-left:26px}.phase-card:last-child,.system-card:last-child{border-right:0}.phase-card:hover,.system-card:hover{background:#ffffff04;transform:translateY(-3px)}.phase-card>span,.system-card>span{color:#69727c;margin-bottom:72px;font:700 10px/1 ui-monospace,monospace;display:block}.phase-card h3,.system-card h3{color:#f4f7f8;letter-spacing:-.04em;margin:0 0 20px;font-size:31px}.phase-card p,.system-card p{color:#8f98a3;font-size:13px;line-height:1.65}.flow-map{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:15px;display:grid}.flow-map>div,.state-chain div{border:1px solid var(--case-line);background:#101318;flex-direction:column;min-height:180px;padding:22px;transition:border-color .22s,transform .22s,background .22s;display:flex}.flow-map>div:hover,.state-chain div:hover{background:#12171c;border-color:#b8ff6347;transform:translateY(-3px)}.flow-map>div span,.state-chain span{color:#68717b;font:700 9px/1 ui-monospace,monospace}.flow-map>div strong{letter-spacing:-.03em;margin-top:auto;font-size:21px}.flow-map>div small{color:#7f8892;margin-top:8px;line-height:1.45}.flow-map>b{color:#4f5861;font-weight:400}.state-chain{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.state-chain div{justify-content:space-between;min-height:150px}.state-chain strong{text-transform:capitalize;font-size:19px}.chain-note{color:#88919a;max-width:680px;line-height:1.7}.impact-grid{border-top:1px solid var(--case-line);grid-template-columns:repeat(2,1fr);display:grid}.impact-grid article{border-bottom:1px solid var(--case-line);min-height:210px;padding:29px 30px 29px 0;transition:background .22s,padding-left .22s}.impact-grid article:nth-child(odd){border-right:1px solid var(--case-line)}.impact-grid article:nth-child(2n){padding-left:30px}.impact-grid article:hover{background:#ffffff03}.impact-grid strong{color:#edf2f4;font-size:26px}.impact-grid p{color:#8d96a0}.case-next{background:var(--case-accent);color:#090b0e;padding:70px 0;overflow:hidden}.case-next .container{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.case-next span{letter-spacing:.15em;font:800 9px/1 ui-monospace,monospace}.case-next a{letter-spacing:-.06em;font-size:clamp(42px,7vw,84px);font-weight:820;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.case-next a:hover{transform:translate(7px)}.case-next b{font-size:.52em}.case-page .footer{color:#6f7882;border-top:1px solid var(--case-line);justify-content:space-between;align-items:center;gap:20px;min-height:94px;font-size:10px;display:flex}.case-page .footer a:hover{color:var(--case-accent)}.resume-page{padding:0 0 76px}.resume-toolbar{margin-bottom:34px}.resume-toolbar-actions{align-items:center;gap:8px;display:flex}.resume-download,.print-button{border:1px solid var(--case-line);color:#dce2e6;cursor:pointer;background:#11151a;min-height:40px;padding:0 13px;font:750 10px/1 ui-monospace,monospace;transition:transform .2s,border-color .2s,background .2s}.resume-download:hover,.print-button:hover{background:#141a1f;border-color:#b8ff6347;transform:translateY(-2px)}.resume-shell{width:min(100% - 48px,1120px);margin:auto}.resume-sheet{width:100%;box-shadow:none;color:var(--case-text);background:0 0;margin:0;padding:0}.resume-dev-hero{border-bottom:1px solid var(--case-line);grid-template-columns:1.25fr .75fr;gap:70px;padding:62px 0 56px;display:grid}.resume-dev-hero h1{letter-spacing:-.06em;margin:12px 0 16px;font-size:clamp(48px,7vw,84px);line-height:.95}.resume-dev-role{color:var(--case-accent);letter-spacing:.1em;font:750 11px/1.3 ui-monospace,monospace}.resume-dev-summary{color:#9da6af;max-width:720px;font-size:16px;line-height:1.7}.resume-contact{color:#87909a;justify-content:flex-end;align-items:flex-start;gap:10px;font-size:11px}.resume-contact a{color:#d9dfe2}.resume-contact a:hover{color:var(--case-accent)}.resume-block{border-bottom:1px solid var(--case-line);padding:54px 0}.resume-block h2{color:#6f7882;letter-spacing:.16em;border:0;margin:0 0 30px;padding:0;font:750 10px/1 ui-monospace,monospace}.resume-project-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.resume-project-card{border:1px solid var(--case-line);background:#101318;flex-direction:column;min-height:260px;padding:26px;transition:transform .25s,border-color .25s,background .25s;display:flex}.resume-project-card:hover{background:#12171c;border-color:#b8ff6340;transform:translateY(-4px)}.resume-project-card small{color:#69727c;letter-spacing:.12em;font:700 9px/1 ui-monospace,monospace}.resume-project-card h3{letter-spacing:-.04em;margin:14px 0 12px;font-size:28px}.resume-project-card p{color:#8f98a3;margin:0;font-size:13px;line-height:1.65}.resume-project-card .resume-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:22px;display:flex}.resume-tags span{border:1px solid var(--case-line);color:#84909a;padding:7px 8px;font:650 8px/1 ui-monospace,monospace}.resume-skill-grid{border-top:1px solid var(--case-line);grid-template-columns:repeat(3,1fr);display:grid}.resume-skill-group{border-right:1px solid var(--case-line);min-height:190px;padding:26px 26px 0 0}.resume-skill-group+.resume-skill-group{padding-left:26px}.resume-skill-group:last-child{border-right:0}.resume-skill-group h3{margin:0 0 18px;font-size:20px}.resume-skill-group p{color:#8e97a1;margin:0;font-size:12px;line-height:1.75}.resume-role{margin-bottom:26px}.resume-role:last-child{margin-bottom:0}.resume-role-head{grid-template-columns:1fr auto;gap:24px;font-size:13px;display:grid}.resume-role-head strong{color:#e9edef}.resume-role-head span{color:#69727c;font:650 9px/1.5 ui-monospace,monospace}.resume-role ul{color:#8f98a3;margin:9px 0 0 18px}.resume-role li{margin-bottom:4px;font-size:12px;line-height:1.65}.resume-columns{grid-template-columns:1fr 1fr;gap:44px;display:grid}.resume-columns p{color:#8f98a3;font-size:12px;line-height:1.7}.resume-columns strong{color:#dce1e4}@media (max-width:900px){.case-meta-grid,.case-two-col,.phase-grid,.system-grid,.state-chain,.resume-dev-hero,.resume-skill-grid,.case-gallery-grid{grid-template-columns:1fr}.tawadud-case-ui{grid-template-columns:68px 1fr}.tawadud-case-chat{display:none}.mock-dashboard{grid-template-columns:1fr}.mock-dashboard aside{display:none}.flow-map{grid-template-columns:1fr}.flow-map>b{text-align:center;transform:rotate(90deg)}.impact-grid,.resume-project-grid{grid-template-columns:1fr}.impact-grid article:nth-child(odd){border-right:0}.impact-grid article:nth-child(2n){padding-left:0}.phase-card,.system-card,.phase-card+.phase-card,.system-card+.system-card{border-right:0;border-bottom:1px solid var(--case-line);min-height:auto;padding:28px 0}.phase-card>span,.system-card>span{margin-bottom:34px}.resume-skill-group,.resume-skill-group+.resume-skill-group{border-right:0;border-bottom:1px solid var(--case-line);min-height:auto;padding:24px 0}.resume-columns{grid-template-columns:1fr}}@media (max-width:620px){.case-page .container,.resume-page .container,.resume-shell{width:min(100% - 30px,1240px)}.case-nav,.resume-toolbar{min-height:64px}.case-hero{padding:62px 0 58px}.case-hero h1{font-size:19vw}.case-meta-grid{gap:22px;margin-top:44px}.case-section{padding:78px 0}.case-stage{padding-bottom:70px}.case-product-window{min-height:470px}.tawadud-case-ui{grid-template-columns:58px 1fr;height:426px}.tawadud-case-rail{padding-inline:10px}.tawadud-case-list{padding:24px 14px}.dash-main{padding:24px}.dash-cards{grid-template-columns:1fr}.dash-flow{flex-wrap:wrap}.case-next .container{flex-direction:column;align-items:flex-start}.case-page .footer{flex-direction:column;justify-content:center;align-items:flex-start}.resume-dev-hero{gap:30px;padding-top:38px}.resume-role-head{grid-template-columns:1fr;gap:4px}}@media print{.resume-page{color:#111;background:#fff;padding:0}.resume-toolbar{display:none}.resume-shell{width:100%}.resume-sheet{color:#111}.resume-dev-hero,.resume-block{border-color:#aaa;padding:22px 0}.resume-dev-role,.resume-block h2{color:#222}.resume-dev-summary,.resume-contact,.resume-project-card p,.resume-skill-group p,.resume-role ul,.resume-columns p{color:#333}.resume-project-card{break-inside:avoid;background:#fff;border-color:#bbb;min-height:auto}.resume-project-card h3,.resume-role-head strong,.resume-columns strong{color:#111}.resume-project-card .resume-tags{display:none}}
@keyframes motionGlowDrift{0%,to{opacity:.55;transform:translate(0,0)scale(1)}50%{opacity:.8;transform:translate(-34px,38px)scale(1.08)}}@keyframes motionSweep{0%{opacity:0;transform:translate(-120%)}18%{opacity:.5}to{opacity:0;transform:translate(240%)}}@keyframes motionFloatTiny{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes motionFadeScale{0%{opacity:0;transform:translateY(30px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motionSlideLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes motionSlideRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes motionGridShift{0%{background-position:0 0,0 0}to{background-position:32px 32px,32px 32px}}@keyframes motionGoldPulse{0%,to{border-color:#d4a85f40;box-shadow:0 0 #d4a85f00}50%{border-color:#d4a85f94;box-shadow:0 0 32px #d4a85f0d}}@keyframes motionNodePulse{0%,to{background:#b8ff6309;border-color:#b8ff631c}50%{background:#b8ff6313;border-color:#b8ff634d}}@keyframes motionArrow{0%,to{transform:translate(0)}50%{transform:translate(4px,-4px)}}@keyframes motionHeroScroll{0%{opacity:1;transform:translateY(0)}to{opacity:.76;transform:translateY(58px)}}@keyframes motionPanelScroll{0%{transform:translateY(0)rotateX(0)}to{transform:translateY(-18px)rotateX(1.2deg)}}.dev-home{isolation:isolate;position:relative;overflow:clip}.dev-home:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#73c7ff0e,#0000 67%);border-radius:50%;width:520px;height:520px;animation:14s ease-in-out infinite motionGlowDrift;position:fixed;top:18vh;right:-160px}.dev-tech-strip{position:relative;overflow:hidden}.dev-tech-strip:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#b8ff630f,#0000);width:22%;animation:8s ease-in-out 1.5s infinite motionSweep;position:absolute;inset:0 auto 0 -25%}.dev-window-bar i:first-child,.dev-panel-top i:first-child{animation:3.7s ease-in-out infinite motionFloatTiny}.dev-window-bar i:nth-child(2),.dev-panel-top i:nth-child(2){animation:3.7s ease-in-out .18s infinite motionFloatTiny}.dev-window-bar i:nth-child(3),.dev-panel-top i:nth-child(3){animation:3.7s ease-in-out .36s infinite motionFloatTiny}.dev-inbox-item:nth-of-type(3){animation:5.2s ease-in-out .5s infinite motionFloatTiny}.dev-inbox-item:nth-of-type(4){animation:5.6s ease-in-out 1s infinite motionFloatTiny}.dev-z-bottom span{animation:3.4s ease-in-out infinite motionNodePulse}.dev-record-table .head{position:relative;overflow:hidden}.dev-record-table .head:after{content:"";background:linear-gradient(90deg,#0000,#73c7ff17,#0000);width:18%;animation:7s ease-in-out 2s infinite motionSweep;position:absolute;inset:0 auto 0 -28%}@supports (animation-timeline:scroll()){.dev-hero-copy{animation:1s linear both motionHeroScroll;animation-timeline:scroll(root);animation-range:0 650px}.dev-hero-panel>*{animation:1s linear both motionPanelScroll;animation-timeline:scroll(root);animation-range:0 700px}}@supports (animation-timeline:view()){.dev-project .dev-project-meta,.dev-project .dev-project-body{animation:1s cubic-bezier(.16,1,.3,1) both motionFadeScale;animation-timeline:view();animation-range:entry 5% cover 26%}.dev-project .dev-project-body{animation-range:entry 8% cover 30%}.dev-stack-card h3,.dev-stack-card p,.dev-stack-card>div{animation:.9s cubic-bezier(.16,1,.3,1) both motionFadeScale;animation-timeline:view();animation-range:entry 12% cover 32%}}.case-nav{animation:.5s both devFadeIn}.case-hero .case-kicker{animation:.65s cubic-bezier(.2,.8,.2,1) 50ms both devFadeUp}.case-hero h1{animation:.82s cubic-bezier(.16,1,.3,1) .12s both devFadeUp}.case-hero .case-lead{animation:.82s cubic-bezier(.16,1,.3,1) .22s both devFadeUp}.case-hero .case-meta-grid{animation:.82s cubic-bezier(.16,1,.3,1) .32s both devFadeUp}.case-hero .case-live-link{animation:.72s cubic-bezier(.16,1,.3,1) .42s both devFadeUp}.case-live-link span{transition:transform .22s;display:inline-block}.case-live-link:hover span{transform:translate(3px,-3px)}.case-product-window,.mock-dashboard{animation:.95s cubic-bezier(.16,1,.3,1) .16s both motionFadeScale}.case-product-window:before{animation:11s linear infinite motionGridShift}.tawadud-case-item.active{animation:4.4s ease-in-out infinite motionFloatTiny}.tawadud-case-chat header b,.tawadud-bubble.ai{animation:3s ease-in-out infinite motionGoldPulse}.tawadud-case-rail span:first-of-type{animation:4.8s ease-in-out infinite motionFloatTiny}.tawadud-case-rail span:nth-of-type(2){animation:5.2s ease-in-out .5s infinite motionFloatTiny}.tawadud-case-rail span:nth-of-type(3){animation:5.6s ease-in-out 1s infinite motionFloatTiny}.dash-cards div:first-child{animation:5.1s ease-in-out infinite motionFloatTiny}.dash-cards div:nth-child(2){animation:5.4s ease-in-out .4s infinite motionFloatTiny}.dash-cards div:nth-child(3){animation:5.8s ease-in-out .8s infinite motionFloatTiny}.dash-flow span:nth-of-type(2),.dash-flow span:nth-of-type(4){animation:3.8s ease-in-out infinite motionNodePulse}.case-next b{animation:2.6s ease-in-out infinite motionArrow;display:inline-block}.case-photo:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:18%;position:absolute;inset:-15% auto -15% -28%;transform:skew(-16deg)}.case-photo:hover:after{animation:1.1s both motionSweep}@supports (animation-timeline:view()){.case-section-label,.case-two-col h2,.case-copy,.phase-card,.system-card,.flow-map>div,.state-chain>div,.impact-grid article,.case-gallery-grid>div,.case-stage-head,.case-product-window,.mock-dashboard{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) both motionFadeScale;animation-timeline:view();animation-range:entry 7% cover 28%}.case-two-col h2{animation-name:motionSlideLeft}.case-copy{animation-name:motionSlideRight}.phase-card:nth-child(2),.system-card:nth-child(2),.impact-grid article:nth-child(2){animation-range:entry 11% cover 31%}.phase-card:nth-child(3),.system-card:nth-child(3),.impact-grid article:nth-child(3){animation-range:entry 15% cover 34%}.phase-card:nth-child(4),.system-card:nth-child(4),.impact-grid article:nth-child(4){animation-range:entry 19% cover 37%}.case-photo img{animation:1s linear both caseImageSettle;animation-timeline:view();animation-range:entry cover 70%}}@keyframes caseImageSettle{0%{transform:scale(1.045)translateY(10px)}to{transform:scale(1)translateY(0)}}.resume-toolbar{animation:.5s both devFadeIn}.resume-dev-role{animation:.62s 50ms both devFadeUp}.resume-dev-hero h1{animation:.8s cubic-bezier(.16,1,.3,1) .12s both devFadeUp}.resume-dev-summary{animation:.8s cubic-bezier(.16,1,.3,1) .2s both devFadeUp}.resume-contact{animation:.8s cubic-bezier(.16,1,.3,1) .24s both motionSlideRight}@supports (animation-timeline:view()){.resume-block>h2,.resume-project-card,.resume-skill-group,.resume-block .impact-grid article,.resume-columns>div{opacity:0;animation:.95s cubic-bezier(.16,1,.3,1) both motionFadeScale;animation-timeline:view();animation-range:entry 8% cover 30%}.resume-project-card:nth-child(2n),.resume-columns>div:nth-child(2){animation-range:entry 12% cover 33%}}@media (hover:none){.case-photo:hover img,.flow-map>div:hover,.state-chain div:hover,.resume-project-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.dev-home *,.dev-home :before,.dev-home :after,.case-page *,.case-page :before,.case-page :after,.resume-page *,.resume-page :before,.resume-page :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.case-section-label,.case-two-col h2,.case-copy,.phase-card,.system-card,.flow-map>div,.state-chain>div,.impact-grid article,.case-gallery-grid>div,.case-stage-head,.case-product-window,.mock-dashboard,.resume-block>h2,.resume-project-card,.resume-skill-group,.resume-block .impact-grid article,.resume-columns>div{opacity:1!important;transform:none!important}}