html{scroll-behavior:smooth}body{min-width:320px;margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0a;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}nav{justify-content:space-between;align-items:center;width:100%;padding:28px 7%;display:flex}.logo{letter-spacing:2px;font-size:24px;font-weight:800}.nav-links{gap:35px;display:flex}.nav-links a{color:#b5b5b5;font-size:14px;transition:all .3s}.nav-links a:hover{color:#fff}.hero{flex-direction:column;justify-content:center;max-width:1100px;min-height:calc(100vh - 90px);padding:120px 7%;display:flex}.eyebrow{letter-spacing:3px;color:#888;margin-bottom:25px;font-size:12px}.hero h1{letter-spacing:-5px;max-width:1000px;font-size:clamp(55px,8vw,105px);line-height:.95}.hero h1 span{color:#777}.hero-text{color:#a5a5a5;max-width:600px;margin-top:35px;font-size:18px;line-height:1.7}.hero-buttons{gap:15px;margin-top:40px;display:flex}.primary-btn,.secondary-btn{border-radius:6px;padding:15px 24px;font-size:14px;transition:all .3s}.primary-btn{color:#000;background:#fff}.primary-btn:hover{transform:translateY(-3px)}.secondary-btn{color:#fff;border:1px solid #333}.secondary-btn:hover{border-color:#777}.services{border-top:1px solid #1f1f1f;padding:140px 7%}.section-heading{max-width:800px;margin-bottom:70px}.section-heading h2{letter-spacing:-3px;font-size:clamp(40px,6vw,75px);line-height:1}.section-heading h2 span{color:#666}.services-grid{background:#252525;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.service-card{background:#0a0a0a;min-height:260px;padding:45px;transition:all .3s}.service-card:hover{background:#111}.service-card span{color:#666;font-size:12px}.service-card h3{margin-top:45px;margin-bottom:15px;font-size:26px}.service-card p{color:#888;max-width:450px;line-height:1.7}@media (width<=700px){nav{padding:22px 6%}.nav-links{display:none}.hero{padding:90px 6%}.hero h1{letter-spacing:-3px;font-size:55px}.hero-text{font-size:16px}.hero-buttons{flex-direction:column;width:100%}.primary-btn,.secondary-btn{text-align:center}.services{padding:100px 6%}.services-grid{grid-template-columns:1fr}.service-card{padding:35px}}.work{border-top:1px solid #1f1f1f;padding:120px 7%}.work-grid{grid-template-columns:1fr;gap:30px;display:grid}.work-card{color:#fff;background:#0d0d0d;border:1px solid #2a2a2a;padding:25px;text-decoration:none;transition:transform .3s,border-color .3s;display:block}.work-card:hover{border-color:#555;transform:translateY(-6px)}.work-image{color:#fff;letter-spacing:3px;justify-content:center;align-items:center;height:280px;margin-bottom:30px;font-size:12px;font-weight:600;display:flex;position:relative;overflow:hidden}.work-card:first-child .work-image{background:linear-gradient(135deg,#111 0%,#27213f 45%,#5b3fa3 100%)}.work-card:nth-child(2) .work-image{background:linear-gradient(135deg,#111 0%,#183b45 45%,#159a9c 100%)}.work-image span{z-index:2;color:#fff;background:#00000059;border:1px solid #ffffff40;padding:12px 18px;position:relative}.work-info h3{color:#fff;margin-bottom:15px;font-size:30px}.work-info p{color:#b5b5b5;max-width:650px;line-height:1.7}.project-number{letter-spacing:2px;margin-bottom:10px;font-size:11px;color:#777!important}.project-link{color:#fff;margin-top:20px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.project-link:hover{opacity:.7}.tech-stack{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.tech-stack span{letter-spacing:1px;color:#d0d0d0;border:1px solid #333;padding:7px 10px;font-size:10px}@media (width<=700px){.work{padding:90px 6%}.work-image{height:220px}}.contact{text-align:center;border-top:1px solid #1f1f1f;padding:150px 7%}.contact-content{max-width:800px;margin:0 auto}.contact h2{letter-spacing:-4px;margin:25px 0 0;font-size:clamp(50px,7vw,90px);line-height:.95}.contact h2 span{color:#666}.contact-text{color:#888;max-width:550px;margin:30px auto 0;font-size:17px;line-height:1.7}.contact-btn{color:#000;background:#fff;border-radius:6px;margin-top:40px;padding:16px 28px;font-size:14px;text-decoration:none;transition:transform .3s,background .3s;display:inline-block}.contact-btn:hover{background:#e8e8e8;transform:translateY(-3px)}.project-form{border-top:1px solid #1f1f1f;max-width:800px;margin:120px auto 0;padding-top:70px}.form-heading{margin-bottom:50px}.form-heading h3{letter-spacing:-1px;margin-top:15px;font-size:32px}.form-row{grid-template-columns:1fr 1fr;gap:25px;display:grid}.form-group{flex-direction:column;margin-bottom:28px;display:flex}.form-group label{color:#aaa;letter-spacing:1px;margin-bottom:10px;font-size:12px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#fff;background:#111;border:1px solid #292929;outline:none;width:100%;padding:16px;font-family:Arial,sans-serif;font-size:14px;transition:border-color .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#555}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#777}.form-group textarea{resize:vertical}.form-group select{cursor:pointer}.form-submit{color:#000;cursor:pointer;background:#fff;border:none;border-radius:6px;padding:17px 28px;font-size:13px;transition:transform .3s,background .3s}.form-submit:hover{background:#e8e8e8;transform:translateY(-3px)}footer{border-top:1px solid #1f1f1f;padding:70px 7% 30px}.footer-top{justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:70px;display:flex}.footer-top p{color:#666;margin-top:15px;font-size:14px}.footer-links{gap:30px;display:flex}.footer-links a{color:#888;font-size:13px;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#fff}.footer-bottom{color:#555;letter-spacing:1px;border-top:1px solid #1f1f1f;justify-content:space-between;padding-top:25px;font-size:11px;display:flex}@media (width<=700px){.contact{padding:100px 6%}.contact h2{letter-spacing:-3px;font-size:clamp(48px,14vw,70px)}.contact-text{margin-top:25px;font-size:15px}.contact-btn{margin-top:30px;padding:15px 24px}.project-form{margin-top:90px;padding-top:50px}.form-heading h3{font-size:26px}.form-row{grid-template-columns:1fr;gap:0}.form-group input,.form-group select,.form-group textarea{font-size:16px}.footer-top{flex-direction:column;padding-bottom:50px}.footer-links{gap:20px}.footer-bottom{align-items:flex-start;gap:15px}}.why-aryaox{border-top:1px solid #1f1f1f;padding:120px 7%}.why-content{grid-template-columns:.8fr 1.2fr;gap:100px;margin-top:70px;display:grid}.why-intro p{color:#fff;letter-spacing:-.5px;max-width:450px;font-family:Georgia,Times New Roman,serif;font-size:32px;font-style:italic;font-weight:400;line-height:1.35}.why-aryaox .section-heading,.why-intro,.why-point{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(35px)}.why-aryaox.show .section-heading,.why-aryaox.show .why-intro,.why-aryaox.show .why-point{opacity:1;transform:translateY(0)}.why-aryaox.show .section-heading{transition-delay:.1s}.why-aryaox.show .why-intro{transition-delay:.25s}.why-aryaox.show .why-point:first-child{transition-delay:.4s}.why-aryaox.show .why-point:nth-child(2){transition-delay:.55s}.why-aryaox.show .why-point:nth-child(3){transition-delay:.7s}.why-points{flex-direction:column;display:flex}.why-point{border-top:1px solid #292929;grid-template-columns:50px 1fr;gap:25px;padding:30px 0;display:grid}.why-point:last-child{border-bottom:1px solid #292929}.why-point>span{letter-spacing:2px;color:#666;font-size:11px}.why-point h3{color:#fff;margin:0 0 10px;font-size:22px}.why-point p{color:#999;max-width:600px;margin:0;line-height:1.7}@media (width<=700px){.why-aryaox{padding:90px 6%}.why-content{grid-template-columns:1fr;gap:50px;margin-top:50px}.why-intro p{max-width:100%;font-size:27px}.why-point{grid-template-columns:35px 1fr;gap:15px;padding:25px 0}.why-point h3{font-size:19px}.why-point p{font-size:14px;line-height:1.6}}
