*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07060a;color:#f6f3f8;font-family:Vazirmatn,Arial,sans-serif;line-height:1.8}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(112,25,142,.13),transparent 28%),radial-gradient(circle at 10% 50%,rgba(25,67,130,.09),transparent 25%);z-index:-1}.header{height:76px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:28px;padding:0 5%;background:rgba(7,6,10,.75);backdrop-filter:blur(18px);border-bottom:1px solid #1d1921}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;white-space:nowrap}.logo span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#b34cff,#3f5fff);font-size:12px;font-weight:900}.logo b{font-size:14px}.header nav{display:flex;gap:22px;margin:auto}.header nav a{color:#aaa5af;text-decoration:none;font-size:12px;transition:.2s}.header nav a:hover{color:#fff}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:11px 18px;font-size:12px;font-weight:700}.header-cta,.primary{background:#fff;color:#09070b}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}.section{max-width:1180px;margin:auto;padding:115px 25px}.hero{min-height:800px;padding-top:160px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow,.section-head>span{font-size:11px;color:#9b93a2;letter-spacing:.04em}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a949ff;margin-left:7px;box-shadow:0 0 15px #a949ff}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.2;margin:18px 0;font-weight:900;letter-spacing:-2px}.hero h1 span{background:linear-gradient(90deg,#fff,#a94cff 75%);-webkit-background-clip:text;color:transparent}.hero p{color:#aaa5ae;max-width:650px;font-size:15px}.hero-actions{display:flex;gap:10px;margin:28px 0}.btn{border:1px solid #29242e}.btn.ghost{color:#ddd;background:#0f0d12}.stats{display:flex;gap:45px;margin-top:45px}.stats strong{display:block;font-size:22px}.stats small{color:#77717d;font-size:10px}.hero-art{height:510px;position:relative;display:grid;place-items:center}.orb{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#68228b 0,#24122f 40%,transparent 70%);filter:blur(3px)}.code-card{position:relative;width:min(460px,100%);padding:25px;border:1px solid #332b3a;border-radius:22px;background:rgba(13,11,17,.88);box-shadow:0 25px 80px rgba(0,0,0,.5);direction:ltr}.dots{color:#6d6373;font-size:9px;letter-spacing:3px}.code-card pre{font:13px/2 "SFMono-Regular",Consolas,monospace;color:#ddd;white-space:pre-wrap}.code-card pre span{color:#b56aff}.code-card pre em{color:#70d4c0;font-style:normal}.code-card pre b{color:#b8e57c}.floating{position:absolute;padding:9px 13px;border:1px solid #3a3142;border-radius:10px;background:#100d14;font-size:10px;box-shadow:0 10px 30px #000}.f1{top:80px;right:0}.f2{bottom:100px;left:5px}.f3{bottom:30px;right:60px}.section-head{margin-bottom:45px}.section-head h2{font-size:clamp(28px,4vw,48px);margin:8px 0 0;line-height:1.3}.section-head p{color:#89828f}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.lead{font-size:24px}.about-copy>p:not(.lead){color:#96909a;max-width:620px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tags span{border:1px solid #2b2630;border-radius:50px;padding:6px 12px;color:#aaa2ad;font-size:10px}.timeline{border-right:1px solid #302b34;padding-right:30px}.timeline div{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid #211e24}.timeline b,.timeline small{display:block}.timeline b{font-size:16px}.timeline small{color:#77717c;font-size:11px}.service-grid,.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:290px;border:1px solid #27222d;background:linear-gradient(145deg,#100d14,#0a090d);border-radius:18px;padding:22px;transition:.3s}.service-card:hover,.price-card:hover{transform:translateY(-6px);border-color:#53375f}.service-card small{color:#665e6c}.icon{font-size:27px;margin:30px 0 15px;color:#bb6dff}.service-card h3{font-size:17px}.service-card p,.price-card p{font-size:11px;color:#817b86}.service-card a,.price-card a{font-size:11px;color:#fff;text-decoration:none}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.work{background:#0c0a0f;border:1px solid #242029;border-radius:18px;overflow:hidden}.work-image{height:310px;position:relative;overflow:hidden;background:#111}.work-image img{width:100%;height:100%;display:block;transition:.5s}.work:hover img{transform:scale(1.03)}.work-image span{position:absolute;top:15px;right:15px;padding:5px 9px;border-radius:8px;background:#0c0a0fcc;font-size:10px}.work-info{display:flex;align-items:center;justify-content:space-between;padding:17px 20px}.work-info h3{margin:3px 0;font-size:16px}.work-info small{color:#756e7b;font-size:10px}.work-info a{color:#fff;text-decoration:none}.price-card{border:1px solid #29242f;border-radius:18px;padding:22px;background:#0d0b10;transition:.3s}.price-card>span{font-size:9px;color:#77707b}.price-card h3{min-height:54px;font-size:17px}.price-card strong{font-size:20px;display:block;margin:18px 0}.price-card a{display:block;border-top:1px solid #26212b;padding-top:13px}.addons{margin-top:18px;border:1px solid #29242f;border-radius:20px;padding:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;background:#0d0b10}.addons h3{font-size:22px}.addons small{color:#7e7683}.addon-list label,.check-options label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #201c24;font-size:12px}.addon-list b,.check-options b{font-size:10px;color:#b06aff}.estimator{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.estimate-options,.estimate-result{border:1px solid #29242f;border-radius:20px;background:#0d0b10;padding:27px}.estimate-options h3{font-size:13px;margin:0 0 15px}.project-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:28px}.option{cursor:pointer}.option input{display:none}.option span{display:flex;justify-content:space-between;padding:14px;border:1px solid #28232d;border-radius:12px;transition:.2s}.option input:checked+span{border-color:#9d45df;background:#18101d}.option small{color:#777}.check-options label{cursor:pointer}.check-options input{accent-color:#a84fff}.estimate-result{position:sticky;top:95px;height:max-content}.estimate-result small{color:#817987}.estimate-result #total{font-size:31px;font-weight:900;margin:8px 0}.estimate-result #summary{color:#b36bff;font-size:12px}.estimate-result p{font-size:10px;color:#746d78}.line{height:1px;background:#28232d;margin:20px 0}.full{width:100%;margin-top:15px}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.process-item{border-top:1px solid #302a35;padding-top:18px}.process-item>b{color:#a653dc;font-size:11px}.process-item h3{font-size:15px}.process-item p{font-size:10px;color:#77717b}.contact-box{border:1px solid #322a3a;border-radius:25px;padding:55px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;background:radial-gradient(circle at 80% 40%,#281532,transparent 35%),#0d0a11}.contact-box>div>span{color:#8d8492;font-size:11px}.contact-box h2{font-size:clamp(30px,4vw,50px);line-height:1.4}.contact-box em{color:#b15cff;font-style:normal}.contact-box p{color:#827b88}.contact-details>div{border-bottom:1px solid #29232e;padding:15px 0}.contact-details small,.contact-details b,.contact-details a{display:block}.contact-details small{font-size:9px;color:#77707c}.contact-details b{font-size:14px}.contact-details p{font-size:11px}.contact-details a{color:#fff;text-decoration:none;font-size:17px;margin-top:4px}footer{border-top:1px solid #1f1b23;max-width:1180px;margin:auto;padding:25px;display:flex;justify-content:space-between;color:#615b66;font-size:9px}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.header nav{display:none;position:absolute;top:76px;right:15px;left:15px;padding:18px;background:#0d0b10;border:1px solid #29242f;border-radius:15px;flex-direction:column}.header nav.open{display:flex}.menu{display:block}.header-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.hero-art{height:390px}.about-grid,.addons,.estimator,.contact-box{grid-template-columns:1fr}.service-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.estimate-result{position:static}.section{padding:80px 20px}}@media(max-width:560px){.service-grid,.price-grid,.portfolio-grid,.project-options{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-art{height:330px}.code-card{font-size:10px}.stats{gap:25px}.contact-box{padding:28px}.process-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:8px}.section-head{margin-bottom:30px}}