@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--black:#11110f;--cream:#eee9df;--paper:#f6f4ef;--muted:#77756e;--line:#d9d5cc;--lime:#d8ff00}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:Vazirmatn,Arial,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.loader{position:fixed;inset:0;background:#111;z-index:9999;display:grid;place-items:center;color:white;animation:loader 1.2s .2s forwards}.loader-mark{font-size:44px;letter-spacing:.25em;font-weight:800}@keyframes loader{to{opacity:0;visibility:hidden}}
.header{height:82px;position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(246,244,239,.9);backdrop-filter:blur(16px);display:flex;align-items:center;padding:0 5vw;gap:42px;border-bottom:1px solid #ddd9d1}.brand{display:flex;flex-direction:column;font-weight:800;letter-spacing:.12em;line-height:1}.brand small{font-size:7px;letter-spacing:.22em;margin-top:5px}.header nav{display:flex;gap:28px;margin:auto;font-size:13px}.header nav a:hover,.text-link:hover{opacity:.5}.header-cta{border:1px solid #222;padding:8px 15px;font-size:12px}.header-cta span{color:#555;margin-right:12px}.menu{display:none;background:none;border:0;font-size:22px}
.hero{min-height:100vh;background:#151513;position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.17)),url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2200&q=85") center/cover;filter:saturate(.55)}.hero-content{position:relative;z-index:2;padding:0 8vw 13vh;max-width:850px}.eyebrow,.section-tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:#ccc;margin-bottom:24px}.hero h1{font-size:clamp(55px,8vw,125px);line-height:1.03;margin:0;font-weight:500;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:var(--lime)}.hero-text{max-width:560px;color:#d4d4d0;font-size:17px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px}.btn{padding:13px 22px;font-size:13px}.btn.light{background:white;color:#111}.btn b{margin-right:25px}.text-link{color:#eee;font-size:13px;border-bottom:1px solid #888;padding-bottom:4px}.hero-note{position:absolute;z-index:2;left:5vw;top:120px;color:#aaa;font-size:12px;line-height:2}.hero-note span{font-size:7px;letter-spacing:.14em}.scroll{position:absolute;z-index:2;bottom:34px;right:5vw;font-size:8px;letter-spacing:.2em;color:#bbb;display:flex;align-items:center;gap:12px}.scroll i{width:60px;height:1px;background:#aaa}
.section{padding:130px 8vw}.section-tag{color:#777;border-bottom:1px solid var(--line);padding-bottom:14px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:80px}.intro h2,.section-head h2,.why h2{font-size:clamp(42px,5vw,78px);line-height:1.12;font-weight:300;letter-spacing:-.05em;margin:0}.intro h2 strong,.section-head span,.why span{font-weight:700}.lead{font-size:21px;line-height:2;margin-top:0}.intro-grid p:not(.lead){color:#777;max-width:570px}.line-link{display:inline-block;margin-top:28px;border-bottom:1px solid #111;padding-bottom:5px}.marquee{overflow:hidden;background:var(--lime);color:#111;padding:18px 0;font-size:14px;font-weight:800;white-space:nowrap}.marquee div{animation:move 25s linear infinite}@keyframes move{to{transform:translateX(40%)}}.section-head{display:flex;justify-content:space-between;align-items:end;padding:70px 0 55px;gap:50px}.section-head p{max-width:380px;color:#777}
.app-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:280px;gap:12px}.app-card{padding:35px;background:#e8e5dc;position:relative;overflow:hidden;transition:.4s}.app-card:hover{transform:translateY(-7px)}.app-card.big{grid-row:span 2;background:linear-gradient(150deg,#dedad0,#a9a69e)}.app-card.dark{background:#242421;color:#eee}.app-number{font-size:11px;color:#777}.dark .app-number{color:#aaa}.app-card h3{font-size:31px;line-height:1.25;font-weight:400;margin-top:45px}.app-card p{color:#777;max-width:310px}.dark p{color:#bbb}.app-card span{position:absolute;bottom:30px;left:35px;font-size:9px;letter-spacing:.15em}
.project-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:520px 360px;gap:12px}.project{background-size:cover;background-position:center;position:relative;overflow:hidden}.p1{background-image:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=85")}.p2{background-image:url("https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1200&q=85")}.p3{background-image:url("https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1600&q=85");grid-column:1/-1}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.75))}.project-overlay{position:absolute;z-index:2;bottom:30px;right:35px;color:#fff}.project-overlay small{font-size:9px;letter-spacing:.15em}.project-overlay h3{font-size:31px;font-weight:400;margin:3px 0}.project-overlay span{font-size:11px}.statement{background:#161614;color:#eee;padding:150px 8vw}.statement-inner{max-width:1000px;margin:auto}.statement span{font-size:11px;color:#aaa;letter-spacing:.3em}.statement h2{font-size:clamp(50px,7vw,105px);line-height:1.08;font-weight:300;letter-spacing:-.06em}.statement i{font-style:normal;color:var(--lime)}.statement p{color:#999}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps>div{padding:35px 25px 0;border-left:1px solid var(--line);min-height:250px}.steps b,.features b{font-size:10px;color:#888}.steps h3{font-size:22px;font-weight:500;margin-top:45px}.steps p,.features p{font-size:13px;color:#777}.why{background:#e7e3da}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:80px}.features{display:grid;grid-template-columns:1fr 1fr;gap:35px}.features div{border-top:1px solid #c7c2b8;padding-top:18px}.features h3{font-size:19px;margin:22px 0 5px}
.consult{background:#161614;color:#eee;padding:120px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.consult-copy>span{font-size:10px;letter-spacing:.2em;color:#aaa}.consult h2{font-size:clamp(50px,6vw,90px);line-height:1.05;font-weight:300;letter-spacing:-.05em;margin:45px 0 20px}.consult h2 i{font-style:normal;color:var(--lime)}.consult-copy p{color:#999;max-width:450px}.consult form{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:start}.consult label{font-size:11px;color:#aaa}.consult label:nth-child(3),.consult label:nth-child(4),.submit,.form-status{grid-column:1/-1}.consult input,.consult select,.consult textarea{display:block;width:100%;margin-top:8px;background:transparent;border:0;border-bottom:1px solid #555;color:#eee;padding:12px 2px;outline:0}.consult select{background:#161614}.consult textarea{min-height:100px;resize:vertical}.submit{border:1px solid #eee;background:#eee;color:#111;padding:15px;cursor:pointer;margin-top:10px}.submit span{float:left}.form-status{font-size:12px;color:var(--lime);margin:0}
.faq h2{font-size:55px;font-weight:400;margin:70px 0 35px}.faq-list{max-width:950px;margin-right:auto}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font-size:18px}.faq summary::-webkit-details-marker{display:none}.faq summary b{float:left;font-size:20px;font-weight:300}.faq details p{color:#777;max-width:750px;font-size:14px;margin:18px 0 0}
footer{background:#11110f;color:#eee;padding:75px 8vw;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:50px;position:relative}.footer-brand{font-size:42px;font-weight:800;line-height:1}.footer-brand small{display:block;font-size:7px;letter-spacing:.2em}.footer-contact{display:flex;flex-direction:column;gap:4px}.footer-contact span{font-size:8px;color:#777;letter-spacing:.15em;margin-top:8px}.footer-contact strong{font-weight:400}.copyright{grid-column:1/-1;border-top:1px solid #333;padding-top:20px;color:#666;font-size:9px;letter-spacing:.12em}
@media(max-width:800px){.header{height:68px;padding:0 20px}.header nav,.header-cta{display:none}.menu{display:block;margin-right:auto;color:#111}.hero-content{padding:0 25px 100px}.hero h1{font-size:58px}.hero-text{font-size:14px}.hero-note{display:none}.section{padding:85px 25px}.intro-grid,.why-grid,.consult{grid-template-columns:1fr;gap:45px}.section-head{display:block;padding:45px 0}.section-head p{margin-top:25px}.app-grid{grid-template-columns:1fr;grid-auto-rows:auto}.app-card.big{grid-row:auto;min-height:400px}.app-card{min-height:300px}.project-grid{grid-template-columns:1fr;grid-template-rows:400px 400px 400px}.p3{grid-column:auto}.steps{grid-template-columns:1fr 1fr}.steps>div{min-height:220px}.consult{padding:80px 25px}.consult form{grid-template-columns:1fr}.consult label:nth-child(3),.consult label:nth-child(4),.submit,.form-status{grid-column:auto}.faq h2{font-size:43px}.features{grid-template-columns:1fr}.statement{padding:100px 25px}footer{grid-template-columns:1fr;padding:60px 25px}.copyright{grid-column:auto}}