*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#10131b;background:#f7f8fa;line-height:1.6}header{position:sticky;top:0;z-index:9;background:#ffffffdd;backdrop-filter:blur(15px);border-bottom:1px solid #e7e8ec}nav{max-width:1160px;margin:auto;height:74px;display:flex;align-items:center;padding:0 20px}.logo{font-size:23px;font-weight:800;color:#111;text-decoration:none;margin-right:auto}.logo:first-letter{background:#111;color:#fff;border-radius:8px;padding:4px 8px}.logo span{color:#6d45ff}nav .links{display:flex;gap:25px;align-items:center}nav a:not(.logo){text-decoration:none;color:#555;font-size:14px;font-weight:600}.cta,.button{background:#6d45ff;color:white!important;padding:12px 18px;border-radius:10px;display:inline-block;text-decoration:none;border:0;font-weight:700;cursor:pointer}#menu{display:none;border:0;background:none;font-size:24px}.hero{max-width:1160px;margin:auto;min-height:650px;padding:100px 20px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hero small,.label{color:#6d45ff;font-weight:800;letter-spacing:2px;font-size:11px}.hero h1,h2{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-4px;margin:20px 0}.hero h1 em,h2 em{font-style:normal;color:#6d45ff}.hero p{font-size:18px;color:#666;max-width:570px;margin-bottom:30px}.visual{display:grid;place-items:center;min-height:420px}.card{width:min(430px,90%);padding:30px;border-radius:25px;background:#fff;box-shadow:0 30px 80px #30245a22;transform:rotate(3deg)}.card h2{margin:20px 0 0;font-size:54px}.card p{color:#777}.bars{height:110px;display:flex;gap:9px;align-items:end}.bars i{flex:1;background:#6d45ff;border-radius:6px 6px 0 0}.bars i:nth-child(1){height:25%}.bars i:nth-child(2){height:40%}.bars i:nth-child(3){height:34%}.bars i:nth-child(4){height:58%}.bars i:nth-child(5){height:50%}.bars i:nth-child(6){height:75%}.bars i:nth-child(7){height:95%}.stats{display:flex;justify-content:space-between;border-top:1px solid #eee;margin-top:20px;padding-top:18px}.stats b{font-size:21px}.stats small{display:block;color:#888;font-size:10px}.strip{height:80px;border-top:1px solid #e4e5e9;border-bottom:1px solid #e4e5e9;display:flex;justify-content:space-around;align-items:center;color:#999;font-size:12px;letter-spacing:1px}.strip span{color:#6d45ff;font-weight:800}.section{padding:110px max(20px,calc((100% - 1160px)/2))}.section h2{margin-top:14px}.grid{display:grid;gap:18px}.services{grid-template-columns:repeat(3,1fr);margin-top:50px}.services article,.prices article{background:#fff;border:1px solid #e5e6ea;border-radius:18px;padding:30px;transition:.25s}.services article:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000000d}.services strong{font-size:27px;color:#6d45ff}.services h3{font-size:20px}.services p{color:#707680;font-size:14px}.dark{background:#101219;color:#fff}.two{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.dark p{color:#a8acb6}.circle{width:310px;height:310px;border-radius:50%;background:linear-gradient(145deg,#171923,#6d45ff);display:grid;place-items:center;align-content:center;text-align:center;font-size:110px;font-weight:800;margin:auto;box-shadow:0 30px 70px #6d45ff33}.circle small{font-size:10px;letter-spacing:2px}.two ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#ddd}.work{grid-template-columns:1.2fr .9fr .9fr;margin-top:50px}.work article{background:#111;color:#fff;border-radius:18px;overflow:hidden}.art{height:310px;display:grid;place-items:center;text-align:center;padding:25px;font-size:12px;letter-spacing:2px}.art strong{display:block;font-size:27px;letter-spacing:-1px}.purple{background:linear-gradient(135deg,#17121f,#6d45ff)}.gray{background:linear-gradient(135deg,#d9e0ea,#9da9ba);color:#111}.light{background:#edf1ff;color:#111}.work p{padding:0 20px;font-size:13px}.pricing{background:#fff}.center{text-align:center;max-width:650px;margin:auto}.center p{color:#777}.prices{grid-template-columns:repeat(3,1fr);margin-top:50px}.prices article{position:relative}.prices .featured{border:2px solid #6d45ff}.featured>b{position:absolute;right:20px;top:-13px;background:#6d45ff;color:#fff;border-radius:20px;padding:5px 10px;font-size:9px}.prices h3{font-size:24px}.prices h4{font-size:40px;margin:15px 0}.prices h4 span{font-size:17px}.prices p,.prices li{font-size:13px;color:#707680}.prices ul{padding:15px 0;list-style:none;border-top:1px solid #eee}.prices li{padding:6px 0}.prices li:before{content:'✓';color:#6d45ff;margin-right:8px;font-weight:bold}.prices article>a{display:block;text-align:center;border:1px solid #ddd;border-radius:9px;padding:11px;text-decoration:none;color:#111;font-weight:bold;font-size:13px}.featured>a{background:#6d45ff;color:#fff!important;border-color:#6d45ff!important}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq details{border-bottom:1px solid #d7d9de;padding:20px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#707680;font-size:13px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:100px max(20px,calc((100% - 1160px)/2))}.contact form{display:grid;gap:12px}.contact input,.contact textarea{background:#171921;border:1px solid #343743;color:#fff;padding:14px;border-radius:8px;font:inherit}.contact .button{width:max-content}.contact #msg{color:#9ee5b6}footer{background:#101219;color:#8e929d;border-top:1px solid #292c35;padding:35px max(20px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;align-items:center;font-size:12px}footer .logo{color:#fff}footer p{margin:6px 0}@media(max-width:850px){nav .links{display:none}#menu{display:block}.hero,.two,.contact,.faq{grid-template-columns:1fr}.hero{padding:70px 20px}.services,.prices,.work{grid-template-columns:1fr 1fr}.work article:first-child{grid-column:span 2}.two{gap:50px}.faq{gap:40px}.strip b:nth-last-child(-n+2){display:none}}@media(max-width:560px){.services,.prices,.work{grid-template-columns:1fr}.work article:first-child{grid-column:auto}.two ul{grid-template-columns:1fr}.section{padding-top:75px;padding-bottom:75px}.hero h1,h2{letter-spacing:-2px}footer{display:block}.strip{gap:15px}.strip b{display:none}}
