.page-hero{padding:180px 0 100px;min-height:680px;display:grid;align-items:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(244,122,34,.18),transparent 35%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}.page-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.page-hero h1{font-size:clamp(52px,7vw,88px);line-height:1;letter-spacing:-5px;margin:22px 0 28px;font-weight:500}.page-hero h1 em{color:#ff9a52;font-style:normal}.page-hero p{max-width:620px;color:var(--muted);line-height:1.8;font-size:16px}.visual-stage{height:420px;position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:0 40px 100px rgba(0,0,0,.35);overflow:hidden}.visual-stage:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(244,122,34,.35);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px rgba(244,122,34,.2) inset}.device{position:absolute;background:#111318;border:1px solid #454852;box-shadow:0 25px 50px rgba(0,0,0,.4)}.device.desktop{width:310px;height:190px;border-radius:12px;left:50%;top:48%;transform:translate(-50%,-50%);padding:12px}.device.phone{width:92px;height:190px;border-radius:20px;right:10%;bottom:20px;padding:8px}.device-screen{height:100%;border-radius:7px;background:linear-gradient(145deg,#f47a22,#6e2d0d);display:grid;place-items:center;font-size:10px;letter-spacing:2px}.server-visual{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px}.server-visual i{display:block;height:62px;border:1px solid #4b4e58;background:linear-gradient(90deg,#242832,#121419);margin:10px;border-radius:9px}.server-visual i:after{content:"•••";color:#ff9a52;font-style:normal;line-height:60px;margin-left:150px}.phone-pair .device.phone:first-child{left:24%;right:auto;bottom:55px;transform:rotate(-7deg)}.phone-pair .device.phone:last-child{right:24%;bottom:55px;transform:rotate(7deg)}.content-section{padding:110px 0}.light-section{background:#f3f1ed;color:#141414}.light-section .section-tag{color:#d75e0e}.light-section p{color:#686866}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.intro-grid h2,.content-head h2{font-size:clamp(40px,5vw,64px);letter-spacing:-3px;line-height:1.06;margin:18px 0}.intro-grid>div>p{line-height:1.9;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px}.feature-card{padding:30px;min-height:220px;border:1px solid rgba(20,20,20,.12);border-radius:16px;background:#fff}.feature-card b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff0e7;color:#e76815}.feature-card h3{font-size:16px;margin:32px 0 10px}.feature-card p{font-size:12px;line-height:1.7}.dark-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.dark-card{padding:34px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-height:260px}.dark-card span{color:#ff9a52;font:10px monospace}.dark-card h3{font-size:22px;font-weight:500;margin:32px 0 14px}.dark-card p{font-size:12px;color:var(--muted);line-height:1.8}.dark-card ul{padding:0;list-style:none}.dark-card li{font-size:11px;color:#bec0c6;padding:8px 0;border-top:1px solid var(--line)}.dark-card li:before{content:"+";color:#ff9a52;margin-right:9px}.process-six{display:grid;grid-template-columns:repeat(6,1fr);margin-top:55px;border-top:1px solid var(--line)}.process-six article{padding:28px 18px;border-right:1px solid var(--line)}.process-six b{color:#ff9a52;font:10px monospace}.process-six h3{font-size:14px;margin:40px 0 10px}.process-six p{font-size:10px;color:var(--muted);line-height:1.6}.portfolio-tools{display:flex;gap:8px;flex-wrap:wrap;margin:40px 0}.filter-btn{border:1px solid var(--line);background:transparent;color:#a8abb4;border-radius:30px;padding:10px 18px;font:10px Manrope;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:#f47a22;color:#fff;border-color:#f47a22}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden;transition:.3s}.portfolio-card:hover{transform:translateY(-6px);border-color:rgba(244,122,34,.5)}.portfolio-image{height:250px;display:grid;place-items:center;font-size:38px;font-weight:800;letter-spacing:-2px}.portfolio-card:nth-child(3n+1) .portfolio-image{background:linear-gradient(145deg,#244c48,#79aaa2)}.portfolio-card:nth-child(3n+2) .portfolio-image{background:linear-gradient(145deg,#6c251d,#c16f51)}.portfolio-card:nth-child(3n) .portfolio-image{background:linear-gradient(145deg,#d9d0c2,#9e8e78);color:#26221e}.portfolio-info{padding:24px}.portfolio-info small{color:#e7772e;text-transform:uppercase;letter-spacing:1.3px}.portfolio-info h3{font-size:19px}.portfolio-info p{font-size:11px;color:var(--muted);line-height:1.7}.portfolio-info a{display:inline-flex;color:#fff;text-decoration:none;font-size:10px;margin-top:8px}.contact-strip{margin:70px auto;background:linear-gradient(130deg,#17191f,#24150d);border:1px solid rgba(244,122,34,.3);border-radius:22px;padding:65px;display:flex;align-items:center;justify-content:space-between}.contact-strip h2{font-size:clamp(34px,4vw,55px);letter-spacing:-2.5px;margin:0 0 12px}.contact-strip p{color:var(--muted)}.language-switch{border:1px solid var(--line);background:transparent;color:#fff;border-radius:7px;padding:9px 12px;font:700 10px Manrope;cursor:pointer}.service-nav{position:relative}.service-menu{position:absolute;top:28px;left:-25px;width:260px;background:#111318;border:1px solid var(--line);border-radius:12px;padding:9px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;box-shadow:0 20px 50px rgba(0,0,0,.4)}.service-nav:hover .service-menu,.service-nav:focus-within .service-menu{opacity:1;visibility:visible;transform:none}.service-menu a{display:block;padding:12px;border-radius:7px}.service-menu a:hover{background:rgba(244,122,34,.12);color:#ff9a52}.page-nav-links{display:flex;gap:30px;align-items:center}.page-nav-links>a,.service-nav>button{color:#aeb2bd;text-decoration:none;font:13px Manrope;background:none;border:0;cursor:pointer}.nav-actions{display:flex;align-items:center;gap:10px}.nav-actions .nav-cta{display:inline-flex}.page-footer-copy{max-width:320px;color:#777b84;font-size:10px;line-height:1.8;margin-top:15px}.hide{display:none!important}[dir="rtl"] body{font-family:Manrope,Tahoma,Arial,sans-serif}[dir="rtl"] .page-hero h1,[dir="rtl"] .intro-grid h2,[dir="rtl"] .content-head h2{letter-spacing:-2px}[dir="rtl"] .service-menu{left:auto;right:-25px}[dir="rtl"] .dark-card li:before{margin-right:0;margin-left:9px}[dir="rtl"] .brand img{object-position:right center}
@media(max-width:950px){.page-nav-links{display:none}.page-nav-links.mobile-open{display:flex;position:absolute;top:78px;left:0;right:0;background:#0d0f13;padding:26px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.service-menu{position:static;width:100%;opacity:1;visibility:visible;transform:none;display:none;margin-top:10px}.service-nav.open .service-menu{display:block}.menu-btn{display:block}.nav-actions .nav-cta{display:none}.page-hero-grid,.intro-grid{grid-template-columns:1fr;gap:55px}.page-hero{padding-top:140px}.feature-grid{grid-template-columns:1fr 1fr}.dark-cards{grid-template-columns:1fr 1fr}.process-six{grid-template-columns:repeat(3,1fr)}.portfolio-grid{grid-template-columns:1fr 1fr}.contact-strip{padding:45px;gap:30px}}
@media(max-width:600px){.page-hero{padding:120px 0 70px}.page-hero h1{font-size:48px;letter-spacing:-3px}.visual-stage{height:330px}.device.desktop{width:235px;height:150px}.device.phone{width:75px;height:155px}.feature-grid,.dark-cards,.portfolio-grid{grid-template-columns:1fr}.process-six{grid-template-columns:1fr 1fr}.contact-strip{margin:40px 15px;padding:35px 24px;display:block}.contact-strip .btn{margin-top:18px}.page-nav-links.mobile-open{top:68px}.language-switch{padding:8px}.nav-actions{gap:6px}}

.alkoptan-portfolio-card{grid-column:span 2}.alkoptan-portfolio-card .portfolio-image{height:auto;aspect-ratio:3/2;background:#f4f7fb}.alkoptan-portfolio-card .portfolio-image img{width:100%;height:100%;object-fit:contain;display:block}.portfolio-tags{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.portfolio-tags span{padding:5px 8px;border-radius:20px;background:rgba(20,86,173,.12);color:#75a9ee;font-size:8px}
.apps-featured-project{display:grid;grid-template-columns:1.35fr .65fr}.apps-featured-project .portfolio-image{aspect-ratio:3/2}.apps-featured-project .portfolio-info{display:flex;flex-direction:column;justify-content:center;padding:38px}.apps-featured-project .portfolio-info a{margin-top:20px}
.shopverse-app-project{margin-top:24px}.shopverse-app-project .portfolio-image{background:#fff8ef}.shopverse-tags span{background:rgba(255,137,25,.12);color:#dc7317}
@media(max-width:600px){.alkoptan-portfolio-card{grid-column:auto}}
@media(max-width:750px){.apps-featured-project{display:block}}

/* Larger typography across every internal service and project page. */
.page-hero h1{font-size:clamp(68px,8.3vw,116px)!important;line-height:.94!important}
.intro-grid h2,.content-head h2{font-size:clamp(54px,6.2vw,84px)!important;line-height:1!important;letter-spacing:-4px!important}
main [class$="-copy"] h2{font-size:clamp(32px,3.6vw,50px)!important;line-height:1.08!important}
.content-section article h3,.dark-card h3,.feature-card h3{font-size:clamp(21px,2vw,29px)!important;line-height:1.2!important}
.portfolio-info h3{font-size:30px!important;line-height:1.15!important;letter-spacing:-1px}
.process-six h3{font-size:18px!important;line-height:1.25!important}
.contact-strip h2{font-size:clamp(44px,5vw,68px)!important;line-height:1!important}

/* Project artwork fills the complete visual area of every card. */
.alkoptan-portfolio-card .portfolio-image{height:auto;aspect-ratio:16/9;overflow:hidden}
.alkoptan-portfolio-card .portfolio-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
@media(max-width:600px){.page-hero h1{font-size:54px!important;letter-spacing:-3px!important}.intro-grid h2,.content-head h2{font-size:44px!important;letter-spacing:-2.5px!important}.content-section article h3,.dark-card h3,.feature-card h3{font-size:22px!important}.portfolio-info h3{font-size:25px!important}.contact-strip h2{font-size:40px!important}}

/* Services dropdown uses the same typography and palette as the application. */
.service-menu a{color:#aeb2bd;text-decoration:none;font:500 12px Manrope,Arial,sans-serif}
.service-menu a:visited{color:#aeb2bd}
.service-menu a:hover,.service-menu a:focus-visible{color:#ff9a52}

/* Keep internal page content independent from the homepage intro animation. */
main .intro-grid{position:relative;inset:auto;z-index:auto;opacity:1;transform:none;transform-origin:initial;background:none;mask-image:none}

/* ShopVerse UI/UX portfolio card */
.shopverse-design-card{border-color:rgba(255,130,20,.28);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.shopverse-design-card:hover{transform:translateY(-7px);border-color:rgba(255,130,20,.62);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.shopverse-design-card .portfolio-image{position:relative;aspect-ratio:3/2;background:#fff9f3}
.shopverse-design-card .portfolio-image img{width:100%;height:100%;object-fit:contain!important;object-position:center;transition:transform .45s ease}
.shopverse-design-card:hover .portfolio-image img{transform:scale(1.015)}
.figma-badge{position:absolute;left:18px;top:18px;padding:8px 12px;border-radius:30px;background:rgba(255,255,255,.94);color:#e96808;font-size:9px;font-weight:800;letter-spacing:.35px;box-shadow:0 8px 24px rgba(84,43,9,.12)}
.shopverse-design-card .portfolio-info small{color:#ff841c}
.shopverse-design-tags span{background:rgba(255,132,28,.1);color:#ff9b47}
.portfolio-info .shopverse-figma-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;width:max-content;max-width:100%;margin-top:20px;padding:14px 18px;border-radius:8px;background:linear-gradient(135deg,#f36c0a,#ff981f);color:#fff;font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 12px 30px rgba(240,105,9,.22);transition:transform .25s ease,box-shadow .25s ease}
.portfolio-info .shopverse-figma-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(240,105,9,.32)}
[dir="rtl"] .shopverse-design-card .portfolio-info{text-align:right}
[dir="rtl"] .figma-badge{left:auto;right:18px}
@media(max-width:750px){.shopverse-design-card{display:block}.shopverse-design-card .portfolio-image{width:100%}.shopverse-design-card .portfolio-info{padding:26px}.portfolio-info .shopverse-figma-button{width:100%}}