:root{--white:#fff;--blue:#3155ff;--blue-dark:#1737c7;--purple:#7c3cff;--orange:#ff5b22;--yellow:#ffd43b;--green:#00c98b;--text:#11152b;--text-light:#555b73;--light-blue:#eef2ff;--light-orange:#fff0e9;--light-green:#e8fff7;--light-yellow:#fff9dc;--border:#e7e9f0;--shadow:0 18px 45px rgba(17,21,43,.1);--radius:20px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4{margin:0;color:var(--text)}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;line-height:1.12}p{margin:0}a{text-decoration:none;color:inherit}button{font-family:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}section{padding:100px 0}@media(max-width:700px){section{padding:70px 0}.container{width:min(var(--max),calc(100% - 32px))}}header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:hsla(0,0%,100%,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav{min-height:76px;justify-content:space-between;gap:25px}.logo,.nav{display:flex;align-items:center}.logo{gap:11px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;white-space:nowrap}.logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--purple));position:relative;box-shadow:0 7px 20px rgba(49,85,255,.25)}.logo-mark:after{content:"";width:11px;height:11px;border-radius:50%;background:var(--yellow);position:absolute;right:6px;top:6px}.nav-links{display:flex;align-items:center;gap:30px;list-style:none;padding:0;margin:0}.nav-links a{color:var(--text-light);font-size:15px;font-weight:600;transition:.2s ease}.nav-links a:hover{color:var(--blue)}.nav-button{background:var(--orange);color:#fff;padding:12px 21px;border-radius:11px;font-weight:700;box-shadow:0 5px 0 #c83f12;transition:.2s ease}.nav-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #c83f12}.menu{display:none;width:44px;height:44px;border:1px solid var(--border);background:#fff;border-radius:10px;cursor:pointer}.menu span,.menu span:after,.menu span:before{content:"";display:block;width:20px;height:2px;background:var(--text);margin:auto;position:relative}.menu span:before{position:absolute;top:-7px}.menu span:after{position:absolute;top:7px}@media(max-width:850px){.nav-links{position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid var(--border);padding:25px;flex-direction:column;gap:20px;transform:translateY(-150%);transition:.25s ease}.nav-links.open{transform:translateY(0)}.nav-button{display:none}.menu{display:flex;align-items:center;justify-content:center}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;border-radius:12px;font-weight:700;border:2px solid transparent;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 6px 0 #c83f12}.btn-primary:hover{box-shadow:0 8px 0 #c83f12}.btn-secondary{background:#fff;border-color:var(--text);color:var(--text)}.btn-secondary:hover{background:var(--text);color:#fff}.hero{background:#fff;padding:90px 0 85px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:65px;gap:65px}.badge,.hero-grid{align-items:center}.badge{display:inline-flex;gap:8px;background:var(--light-blue);color:var(--blue-dark);padding:8px 15px;border-radius:999px;font-size:14px;font-weight:700;margin-bottom:20px}.badge:before{content:"";width:8px;height:8px;background:var(--green);border-radius:50%}.hero h1{font-size:clamp(42px,5.5vw,66px);letter-spacing:-2px}.hero h1 span{color:var(--blue)}.hero-text{margin-top:23px;color:var(--text-light);font-size:19px;max-width:560px}.hero-buttons{gap:15px;margin-top:32px}.hero-buttons,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:35px;margin-top:42px}.hero-stat strong{display:block;font-family:Space Grotesk,sans-serif;font-size:25px}.hero-stat small{color:var(--text-light)}.website-preview{position:relative}.preview-window{background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.5deg)}.preview-top{height:45px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid var(--border)}.preview-top i{width:10px;height:10px;border-radius:50%;background:#dfe2ea}.preview-content{padding:25px}.preview-hero{height:135px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--purple));position:relative;overflow:hidden}.preview-hero:before{content:"";width:150px;height:150px;border-radius:50%;background:hsla(0,0%,100%,.14);position:absolute;right:-30px;top:-45px}.preview-hero:after{content:"";width:100px;height:13px;background:hsla(0,0%,100%,.85);border-radius:5px;position:absolute;left:22px;top:25px}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:14px}.preview-card{height:85px;border-radius:11px;background:var(--light-blue)}.preview-card:nth-child(2){background:var(--light-orange)}.preview-card:nth-child(3){background:var(--light-green)}.preview-line{height:9px;background:#edf0f5;border-radius:5px;margin-top:14px}.preview-line.short{width:55%}.floating-card{position:absolute;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:13px 17px;font-weight:700;font-size:14px}.floating-card.one{top:-20px;right:-20px}.floating-card.two{bottom:-25px;left:-20px}.green-dot{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:50%;margin-right:7px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.website-preview{max-width:600px}}.section-label{display:inline-block;color:var(--blue-dark);background:var(--light-blue);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:800;margin-bottom:15px}.section-title{font-size:clamp(31px,4vw,46px)}.section-description{margin-top:15px;color:var(--text-light);font-size:18px;max-width:650px}.services{background:#fff}.services-grid{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.service{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;transition:.2s ease;position:relative;overflow:hidden}.service:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--blue)}.service:nth-child(2):before{background:var(--orange)}.service:nth-child(3):before{background:var(--green)}.service:nth-child(4):before{background:var(--purple)}.service:nth-child(5):before{background:var(--yellow)}.service:nth-child(6):before{background:var(--blue)}.icon{width:53px;height:53px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:20px;background:var(--light-blue)}.service:nth-child(2) .icon{background:var(--light-orange)}.service:nth-child(3) .icon{background:var(--light-green)}.service:nth-child(4) .icon{background:#f2eaff}.service:nth-child(5) .icon{background:var(--light-yellow)}.service h3{font-size:21px;margin-bottom:9px}.service p{color:var(--text-light);font-size:15px}@media(max-width:900px){.services-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.services-grid{grid-template-columns:1fr}}.why{background:#11152b}.why,.why .section-title{color:#fff}.why .section-description{color:#b9bfd1}.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:70px;gap:70px;align-items:start}.why-list{display:grid;grid-gap:20px;gap:20px}.why-item{display:flex;gap:18px;padding:20px;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;background:hsla(0,0%,100%,.04)}.why-number{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:#11152b;font-weight:800}.why-item h3{color:#fff;font-size:18px;margin-bottom:5px}.why-item p{color:#b9bfd1;font-size:14px}@media(max-width:850px){.why-grid{grid-template-columns:1fr}}.portfolio{background:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;margin-top:50px}.project{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;transition:.2s ease}.project:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-image{height:200px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-family:Space Grotesk,sans-serif}.project:first-child .project-image{background:linear-gradient(135deg,var(--blue),var(--purple))}.project:nth-child(2) .project-image{background:linear-gradient(135deg,var(--orange),#ff9a55)}.project:nth-child(3) .project-image{background:linear-gradient(135deg,var(--green),#48e0b5)}.project:nth-child(4) .project-image{background:linear-gradient(135deg,var(--purple),#aa7cff)}.project:nth-child(5) .project-image{background:linear-gradient(135deg,var(--yellow),var(--orange))}.project:nth-child(6) .project-image{background:linear-gradient(135deg,var(--blue),var(--green))}.project-info{padding:22px}.project-tag{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:800}.project h3{margin-top:7px;font-size:19px}.project p{margin-top:6px;color:var(--text-light);font-size:14px}@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}}.process{background:#f7f9ff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:50px}.process-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:27px}.process-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--blue);font-weight:800;margin-bottom:20px}.process-card:nth-child(2) .process-number{background:var(--orange)}.process-card:nth-child(3) .process-number{background:var(--green)}.process-card:nth-child(4) .process-number{background:var(--purple)}.process-card h3{font-size:18px;margin-bottom:8px}.process-card p{color:var(--text-light);font-size:14px}@media(max-width:900px){.process-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.process-grid{grid-template-columns:1fr}}.pricing{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;margin-top:50px;align-items:stretch}.price{border:1px solid var(--border);border-radius:var(--radius);padding:32px 27px;background:#fff;display:flex;flex-direction:column}.price.featured{border:3px solid var(--blue);box-shadow:var(--shadow);position:relative}.popular{display:inline-block;align-self:flex-start;background:var(--yellow);color:#11152b;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:15px}.price h3{font-size:22px}.price-description{color:var(--text-light);font-size:14px;margin-top:8px}.amount{font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:700;margin-top:20px}.features{list-style:none;padding:0;margin:25px 0;display:grid;grid-gap:12px;gap:12px;flex:1 1}.features li{font-size:14px;display:flex;gap:9px}.features li:before{content:"✓";color:var(--green);font-weight:900}.price .btn{width:100%}@media(max-width:850px){.pricing-grid{grid-template-columns:1fr;max-width:500px}}.about{background:#f7f9ff}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px;align-items:center}.about-text{margin-top:18px;color:var(--text-light);font-size:17px}.about-boxes{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.about-box{background:#fff;border:1px solid var(--border);border-radius:17px;padding:25px}.about-box strong{display:block;font-family:Space Grotesk,sans-serif;color:var(--blue);font-size:30px}.about-box span{color:var(--text-light);font-size:14px}@media(max-width:850px){.about-grid{grid-template-columns:1fr}}.faq{background:#fff}.faq-list{max-width:800px;margin-top:40px}details{border-bottom:1px solid var(--border);padding:22px 0}summary{cursor:pointer;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:20px}summary:after{content:"+";color:var(--blue);font-size:25px;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--text-light);margin-top:13px;max-width:700px}.cta{padding:90px 0}.cta-box{background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:28px;padding:75px 35px;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:hsla(0,0%,100%,.08);right:-100px;top:-150px}.cta-box h2{color:#fff;font-size:clamp(32px,4vw,48px);max-width:650px;margin:auto}.cta-box p{color:hsla(0,0%,100%,.85);font-size:18px;margin-top:15px}.cta-buttons{margin-top:30px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.cta .btn-primary{background:var(--yellow);color:#11152b;box-shadow:0 6px 0 #c89f18}.cta .btn-secondary{background:transparent;border-color:#fff;color:#fff}.cta .btn-secondary:hover{background:#fff;color:var(--text)}.contact-form{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:35px;max-width:640px;margin:40px auto 0;text-align:left;box-shadow:var(--shadow)}.form-row{display:grid;grid-gap:8px;gap:8px;margin-bottom:18px}.form-row label{font-size:14px;font-weight:700}.form-row input,.form-row select,.form-row textarea{font-family:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:#fff}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:2px solid var(--blue);outline-offset:1px}.form-row textarea{resize:vertical;min-height:110px}.form-status{margin-top:15px;font-size:14px;font-weight:600}.form-status.success{color:var(--green)}.form-status.error{color:var(--orange)}footer{background:#11152b;color:#b9bfd1;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;grid-gap:40px;gap:40px;padding-bottom:45px;border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-logo{color:#fff}.footer-description{margin-top:15px;max-width:290px;font-size:14px}.footer-column h4{color:#fff;font-size:15px;margin-bottom:17px}.footer-column ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px;font-size:14px}.footer-column a:hover{color:#fff}.socials{display:flex;gap:10px;margin-top:20px}.socials a{width:38px;height:38px;border-radius:10px;background:hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.socials a:hover{background:var(--blue);color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:25px;font-size:13px}@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.footer-grid{grid-template-columns:1fr}}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}