.web-design{--web-green:#174d3b;--web-gold:#dec655}.web-breadcrumb{display:flex;gap:12px;font-size:.86rem;color:var(--color-gray);margin-bottom:28px}.web-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:590px;border-radius:28px;overflow:hidden;padding:52px 42px 92px;margin-bottom:76px;background:#102b22;color:#f4f6e9}.web-hero-art{object-fit:cover;z-index:-3}.web-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(9,29,23,.97),rgba(9,29,23,.88) 38%,rgba(9,29,23,.12) 78%);z-index:-2;pointer-events:none}.web-hero-copy{position:relative;z-index:2;min-width:0}.web-hero h1{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.6;margin:0 0 20px;letter-spacing:-.035em;color:#f4f6e9}.web-hero-intro{font-size:.86rem;color:#e2cd76;margin:0 0 18px}.web-hero-description{font-size:1rem;max-width:37ch;color:#dae4d7;margin:0}.web-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.web-hero .btn-accent{background:#dec655;color:#14281f;border:1px solid #dec655;box-shadow:none;min-height:48px;padding:11px 22px}.web-hero-secondary{display:inline-flex;gap:16px;align-items:center;text-underline-offset:7px;color:#f4f6e9;min-height:48px}.web-hero-showcase{position:relative;height:365px;direction:ltr;min-width:0;-webkit-margin-start:6px;margin-inline-start:6px;perspective:1000px}.web-hero-screen{position:absolute;display:block;background:#f8faf7;color:#18382b;border:1px solid #ecf1dc9c;box-shadow:0 22px 45px #04130e66;border-radius:12px;overflow:hidden;text-decoration:none;transition:translate .25s ease;transform-origin:center}.web-hero-screen:focus-visible,.web-hero-screen:hover{translate:0 -6px}.web-hero-screen>div{height:145px;overflow:hidden;background:#fff}.web-hero-screen img{display:block;width:100%;height:auto}.web-hero-screen strong{display:block;padding:8px 12px;font-size:.74rem;direction:rtl}.web-hero-screen-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.58rem;border-bottom:1px solid #dce3dd}.web-hero-screen-bar>span{font-size:.4rem;letter-spacing:2px;color:#607a6d}.web-hero-screen-amir{width:78%;left:1%;top:0;transform:rotate(-7deg);z-index:1}.web-hero-screen-tt{width:73%;right:-2%;top:115px;transform:rotate(7deg);z-index:2}.web-hero-screen-afra{width:47%;left:-2%;top:234px;transform:rotate(-4deg);z-index:3}.web-hero-screen-afra>div{height:100px}.web-hero-caption{position:absolute;bottom:20px;inset-inline:42px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #c7d9bd44;padding-top:15px;font-size:.8rem;color:#e3ebd9}.web-hero-caption small{font-size:.65rem;color:#c9d6c2}.web-window-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);font-size:.75rem;color:var(--color-gray)}.web-window-bar>span:first-child{letter-spacing:4px;color:var(--color-gray);font-size:.6rem}.web-section-intro{margin-bottom:32px}.web-contact h2,.web-process h2,.web-section-intro h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 12px}.web-section-intro p{color:var(--color-gray)}.web-project{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-gap:48px;gap:48px;align-items:center;padding:36px 0 52px;border-top:1px solid var(--color-border)}.web-preview{min-width:0;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;background:var(--color-surface-raised)}.web-preview-viewport{height:340px;overflow:auto;overscroll-behavior:contain;direction:ltr;background:#f5f6f7;scrollbar-width:thin;position:relative}.web-preview-viewport img{display:block;width:100%;height:auto;max-width:none;transform-origin:top}.web-preview-controls{display:flex;gap:12px;align-items:center;border-top:1px solid var(--color-border);padding:12px}.web-preview-controls p{font-size:.73rem;color:var(--color-gray);margin:0;flex:1 1}.web-preview-controls button{font-size:.76rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-ink);min-height:44px;padding:8px 12px;cursor:pointer}.web-preview-controls button:disabled{opacity:.5;cursor:default}.web-preview-failed{padding:30px;direction:rtl;color:#25342b}.web-category{font-size:.82rem;color:var(--color-gray)}.web-project-copy h3{font-size:1.85rem;margin:6px 0 16px}.web-project-copy p{color:var(--color-gray);max-width:46ch}.web-project-copy ul{-webkit-padding-start:20px;padding-inline-start:20px;line-height:2.2;font-size:.9rem}.web-visit{display:inline-flex;flex-direction:column;gap:3px;margin-top:16px;font-weight:700;text-underline-offset:5px}.web-visit bdi{font-size:.8rem;font-weight:400;color:var(--color-gray)}.web-visit .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.web-process{margin:50px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;padding:36px;border-radius:20px;background:var(--color-brand-tint)}.web-process p{color:var(--color-gray)}.web-process ol{margin:0;-webkit-padding-start:24px;padding-inline-start:24px}.web-process h3{font-size:1rem;margin:0}.web-process li{-webkit-padding-start:8px;padding-inline-start:8px;margin-bottom:20px}.web-process li:last-child{margin-bottom:0}.web-process li p{margin:4px 0;font-size:.9rem}.web-contact{padding:36px 0 10px;max-width:720px}.web-contact>p{color:var(--color-gray)}.web-contact .btn-primary{margin:10px 0}@media(max-width:760px){.web-hero,.web-process,.web-project{grid-template-columns:1fr;gap:28px}.web-hero{padding:30px 22px 104px;min-height:760px;border-radius:22px;margin-bottom:48px;align-items:start}.web-hero:before{background:linear-gradient(180deg,#091d17f5,#091d17db 46%,#091d1744)}.web-hero h1{font-size:clamp(1.85rem,6.7vw,2.6rem);margin-bottom:14px}.web-hero-description{font-size:.92rem}.web-hero-showcase{width:100%;max-width:400px;justify-self:center;height:340px;margin:10px 0 0}.web-hero-screen-amir{left:2%;width:76%}.web-hero-screen-tt{right:2%;top:96px;width:72%}.web-hero-screen-afra{left:0;top:205px;width:46%}.web-hero-screen>div{height:115px}.web-hero-screen-afra>div{height:80px}.web-hero-caption{inset-inline:22px;bottom:18px}.web-project-copy{grid-row:1}.web-preview-viewport{height:300px}.web-process{padding:24px}.web-project{padding:28px 0 36px}.web-actions{gap:18px;margin-top:20px}.web-hero .btn-accent{padding-inline:16px}.web-hero-screen-bar{font-size:.52rem;padding:6px}.web-hero-screen strong{font-size:.66rem;padding:6px 9px}}@media(prefers-reduced-motion:reduce){.web-preview-controls button{display:none}.web-hero-screen{transition:none}}