*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0f172a;background:#fff;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:root{--primary:#0878ff;--primary-dark:#005de0;--purple:#8b2cff;--dark:#071b49;--text:#24324a;--light:#f5f9ff;--border:#e3ebf7}.container{width:min(1200px,92%);margin:0 auto}.header{z-index:1000;background:#fff;border-bottom:1px solid #eef2f7;align-items:center;height:78px;display:flex;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{color:var(--dark);align-items:center;gap:10px;font-size:25px;font-weight:800;display:flex}.logo>span:last-child span{color:var(--primary)}.logo-icon{color:#fff;background:linear-gradient(135deg,#05b9ff,#0878ff,#922cff);border-radius:14px 14px 18px 18px;justify-content:center;align-items:center;width:47px;height:40px;font-size:20px;font-weight:900;display:flex}.nav{align-items:center;gap:31px;display:flex}.nav a{color:#17223b;font-size:14px;font-weight:600;position:relative}.nav a:after{content:"";background:var(--primary);width:0;height:2px;transition:all .25s;position:absolute;bottom:-12px;left:0}.nav a:hover{color:var(--primary)}.nav a:hover:after{width:100%}.header-cta{color:#fff;background:linear-gradient(135deg,#0878ff,#0061ed);border-radius:12px;align-items:center;gap:9px;padding:13px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 20px #0878ff33}.header-cta:hover{transform:translateY(-2px)}.menu-button{color:var(--dark);cursor:pointer;background:0 0;border:0;font-size:25px;display:none}.hero{background:radial-gradient(circle at 10% 20%,#0084ff1f,#0000 35%),radial-gradient(circle at 80% 20%,#8d2cff21,#0000 30%),linear-gradient(135deg,#fff,#f3f8ff);padding:75px 0;position:relative;overflow:hidden}.hero:before{content:"";background:#5a87ff14;border-radius:50%;width:500px;height:500px;position:absolute;top:-190px;left:-230px}.hero-container{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;display:grid;position:relative}.section-label{color:#56709b;letter-spacing:2px;margin-bottom:15px;font-size:13px;font-weight:800}.hero h1{color:var(--dark);letter-spacing:-2px;margin-bottom:25px;font-size:clamp(44px,5vw,69px);line-height:.98}.hero h1 span{background:linear-gradient(90deg,#0878ff,#942bff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{color:#52617b;max-width:630px;margin-bottom:28px;font-size:18px;line-height:1.6}.hero-features{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:35px;display:grid}.hero-feature{color:#25314b;align-items:center;gap:10px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.hero-feature svg{color:var(--primary);flex-shrink:0;font-size:25px}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.btn{border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:53px;padding:0 24px;font-weight:700;transition:all .25s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#0783ff,#0565ee);box-shadow:0 10px 25px #0565ee38}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0565ee4d}.btn-secondary{color:var(--primary);background:#fff;border:1.5px solid #7caaff}.btn-secondary:hover{background:#f3f7ff;transform:translateY(-3px)}.hero-visual{justify-content:center;align-items:center;min-height:430px;display:flex;position:relative}.browser-card{background:#fff;border-radius:18px;width:520px;max-width:100%;overflow:hidden;transform:rotate(2deg);box-shadow:0 30px 70px #14285033}.browser-top{background:#f0f4f8;align-items:center;gap:6px;height:36px;padding:0 15px;display:flex}.browser-top span{background:#ccd5e3;border-radius:50%;width:9px;height:9px}.browser-content{color:#fff;background:linear-gradient(135deg,#003d9cf2,#037bffc7);min-height:320px;padding:60px 50px}.browser-content>span{font-size:13px;font-weight:700}.browser-content h2{margin:25px 0 15px;font-size:37px;line-height:1.05}.browser-content p{opacity:.9;max-width:300px;line-height:1.5}.browser-button{color:var(--primary);background:#fff;border-radius:8px;margin-top:25px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-block}.launch-offer{color:#fff;text-align:center;background:linear-gradient(135deg,#176cff,#952aff);border:5px solid #ffffffbf;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:absolute;top:0;right:-20px;box-shadow:0 15px 40px #662dff59}.launch-offer svg{margin-bottom:5px;font-size:21px}.launch-offer strong{font-size:14px}.discount{margin:6px 0;font-size:37px;font-weight:900;line-height:1}.launch-offer p{font-size:11px;line-height:1.3}.launch-offer small{margin-top:4px;font-size:10px}@media (width<=1050px){.nav{gap:18px}.header-cta{display:none}.hero-container{grid-template-columns:1fr}.hero-content{text-align:center}.hero-description{margin-left:auto;margin-right:auto}.hero-features{max-width:700px;margin-bottom:35px;margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-visual{max-width:650px;margin:auto}}@media (width<=780px){.header{height:70px}.nav{background:#fff;flex-direction:column;align-items:flex-start;gap:22px;width:100%;padding:25px;display:none;position:absolute;top:70px;left:0;box-shadow:0 15px 30px #1428461a}.nav-open{display:flex}.menu-button{display:block}.hero{padding:50px 0}.hero h1{font-size:44px}.hero-features{text-align:left;grid-template-columns:repeat(2,1fr)}.launch-offer{width:150px;height:150px;right:-5px}.discount{font-size:29px}}@media (width<=520px){.logo{font-size:21px}.logo-icon{width:40px;height:36px}.hero{padding-top:40px}.hero h1{letter-spacing:-1px;font-size:38px}.hero-description{font-size:16px}.hero-features{grid-template-columns:1fr 1fr;gap:20px 10px}.hero-buttons{flex-direction:column}.btn{width:100%}.hero-visual{min-height:370px}.browser-content{min-height:280px;padding:50px 25px}.browser-content h2{font-size:30px}.launch-offer{width:125px;height:125px;top:-20px}.launch-offer strong{font-size:11px}.launch-offer p{display:none}.discount{font-size:26px}}.section{padding:85px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.section-heading h2,.why-heading h2{color:var(--dark);letter-spacing:-1px;font-size:clamp(30px,4vw,43px);line-height:1.1}.section-intro{text-align:right;color:#64748b;max-width:420px;line-height:1.6}.services{background:#fff}.services-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.service-card{border:1px solid var(--border);background:#fff;border-radius:18px;min-height:315px;padding:30px;transition:all .25s;box-shadow:0 12px 35px #0f285012}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #0f285021}.service-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:25px;font-size:27px;display:flex;box-shadow:0 10px 25px #285adc38}.service-icon-1{background:linear-gradient(135deg,#13b9ff,#3155ff)}.service-icon-2{background:linear-gradient(135deg,#cc4cff,#6632ff)}.service-icon-3{background:linear-gradient(135deg,#00d6a3,#078cff)}.service-icon-4{background:linear-gradient(135deg,#ffb12b,#ff5757)}.service-card h3{color:var(--dark);margin-bottom:13px;font-size:19px}.service-card p{color:#64748b;margin-bottom:24px;font-size:15px;line-height:1.6}.service-card a{color:var(--primary);align-items:center;gap:9px;font-size:14px;font-weight:700;display:inline-flex}.service-card a svg{font-size:12px;transition:all .2s}.service-card a:hover svg{transform:translate(5px)}.why-us{background:radial-gradient(circle at 10% 70%,#892cff21,#0000 30%),radial-gradient(circle at 90%,#008eff21,#0000 30%),#f7faff;padding:65px 0 75px}.why-heading{text-align:center;max-width:850px;margin:0 auto 45px}.advantages-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.advantage{align-items:center;gap:17px;display:flex}.advantage-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:22px;display:flex}.advantage-1{background:linear-gradient(135deg,#a629ff,#6638ff)}.advantage-2{background:linear-gradient(135deg,#05a7ff,#3159ff)}.advantage-3{background:linear-gradient(135deg,#00d39e,#098d7c)}.advantage-4{background:linear-gradient(135deg,#b62cff,#6d32ff)}.advantage h3{color:var(--dark);margin-bottom:6px;font-size:16px}.advantage p{color:#64748b;font-size:14px;line-height:1.5}@media (width<=1000px){.services-grid,.advantages-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.section{padding:60px 0}.section-heading{display:block}.section-intro{text-align:left;margin-top:18px}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto}.advantages-grid{grid-template-columns:1fr}.why-heading{text-align:left}}.portfolio{background:#fff}.portfolio-top-link{color:var(--primary);border:1px solid #8ab4ff;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.portfolio-top-link:hover{background:#f4f8ff;transform:translateY(-2px)}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.project-card{border:1px solid var(--border);background:#fff;border-radius:18px;transition:all .3s;overflow:hidden;box-shadow:0 12px 35px #0f285014}.project-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px #0f285026}.project-image{justify-content:center;align-items:center;height:225px;padding:25px;display:flex;position:relative;overflow:hidden}.project-petanque{background:linear-gradient(135deg,#035825f0,#19aa4cbf)}.project-anime{background:linear-gradient(135deg,#070b18,#14234b)}.project-memoire{background:linear-gradient(135deg,#70552e,#d6a14b)}.project-icon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:21px;display:flex;position:absolute;top:20px;right:25px}.project-preview{background:#fffffff2;border-radius:12px;width:85%;min-height:155px;padding:20px;transform:rotate(-2deg);box-shadow:0 20px 35px #0003}.project-preview>span:first-child{color:var(--primary);font-size:10px;font-weight:800}.project-preview h3{color:var(--dark);margin:18px 0;font-size:20px}.preview-line{background:#dfe7f2;border-radius:10px;width:75%;height:6px;margin-bottom:7px}.preview-line.short{width:48%}.preview-button{background:var(--primary);border-radius:7px;margin-top:17px;padding:7px 12px;display:inline-block;color:#fff!important;font-size:9px!important}.project-content{padding:25px}.project-category{color:#576cff;background:#eef4ff;border-radius:30px;margin-bottom:10px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.project-content h3{color:var(--dark);margin-bottom:10px;font-size:21px}.project-content p{color:#64748b;min-height:72px;margin-bottom:18px;font-size:14px;line-height:1.6}.project-content a{color:var(--primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.project-content a svg{font-size:11px;transition:all .2s}.project-content a:hover svg{transform:translate(5px)}.portfolio-cta{color:#fff;background:linear-gradient(120deg,#0878ff,#7538ff);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;margin-top:45px;padding:30px 35px;display:flex;box-shadow:0 15px 40px #3250dc33}.portfolio-cta h3{margin-bottom:7px;font-size:23px}.portfolio-cta p{opacity:.9;line-height:1.5}.portfolio-cta .btn-primary{color:var(--primary);box-shadow:none;background:#fff;flex-shrink:0}@media (width<=950px){.portfolio-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.portfolio-grid{grid-template-columns:1fr}.portfolio-top-link{margin-top:20px}.portfolio-cta{flex-direction:column;align-items:flex-start}.portfolio-cta .btn{width:100%}}.pricing{background:radial-gradient(circle at 90% 20%,#8138ff14,#0000 25%),#f7faff}.pricing-heading{text-align:center;max-width:700px;margin:0 auto 35px}.pricing-heading h2{color:var(--dark);margin-bottom:15px;font-size:clamp(32px,4vw,44px)}.pricing-heading>p:last-child{color:#64748b;line-height:1.7}.launch-banner{background:linear-gradient(110deg,#f6f1ff,#edf6ff);border:1px solid #d8c9ff;border-radius:17px;align-items:center;gap:18px;max-width:900px;margin:0 auto 50px;padding:20px 25px;display:flex}.launch-banner-icon{color:#fff;background:linear-gradient(135deg,#0878ff,#922cff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.launch-banner strong{color:var(--dark)}.launch-banner p{color:#64748b;margin-top:4px;font-size:14px}.launch-banner>span{color:#7835ff;white-space:nowrap;margin-left:auto;font-size:28px;font-weight:900}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:25px;display:grid}.pricing-card{border:1px solid var(--border);background:#fff;border-radius:20px;flex-direction:column;padding:35px 30px;transition:all .3s;display:flex;position:relative;box-shadow:0 12px 35px #0f285012}.pricing-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #0f285021}.pricing-popular{border:2px solid #4b72ff;box-shadow:0 20px 50px #4851ff29}.popular-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#0878ff,#8432ff);border-radius:30px;align-items:center;gap:7px;padding:8px 16px;font-size:12px;font-weight:800;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.pricing-card h3{color:var(--dark);margin-bottom:10px;font-size:23px}.pricing-description{color:#64748b;min-height:48px;font-size:14px;line-height:1.5}.price{flex-direction:column;min-height:105px;margin:25px 0 10px;display:flex}.old-price{color:#94a3b8;font-size:16px;text-decoration:line-through}.price strong{color:var(--dark);font-size:38px;line-height:1.2}.price small{color:#64748b}.pricing-separator{background:#edf1f7;height:1px;margin:10px 0 25px}.pricing-card ul{flex-grow:1;margin:0 0 30px;padding:0;list-style:none}.pricing-card li{color:#42526b;align-items:center;gap:10px;margin-bottom:15px;font-size:14px;display:flex}.pricing-card li span{color:#098d70;background:#e7fbf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;font-size:10px;display:flex}.pricing-button{min-height:48px;color:var(--primary);border:1px solid #80aaff;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-weight:700;transition:all .2s;display:flex}.pricing-button:hover{background:#f2f7ff;transform:translateY(-2px)}.pricing-button-primary{color:#fff;background:linear-gradient(135deg,#0878ff,#6939ff);border:none}.pricing-button-primary:hover{background:linear-gradient(135deg,#006be9,#5e2be8)}.maintenance-box{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:1fr auto auto;align-items:center;gap:40px;margin-top:40px;padding:30px 35px;display:grid;box-shadow:0 12px 35px #0f28500f}.maintenance-label{color:var(--primary);letter-spacing:1.5px;font-size:11px;font-weight:800}.maintenance-box h3{color:var(--dark);margin:5px 0 7px;font-size:22px}.maintenance-box p{color:#64748b;max-width:600px;font-size:14px;line-height:1.5}.maintenance-price{text-align:center;white-space:nowrap}.maintenance-price>span{color:#64748b;font-size:12px;display:block}.maintenance-price strong{color:var(--dark);font-size:31px}.maintenance-price small{color:#64748b;font-size:13px}@media (width<=900px){.pricing-grid{grid-template-columns:1fr}.pricing-card{width:100%;max-width:600px;margin:auto}.maintenance-box{grid-template-columns:1fr;gap:20px}.maintenance-price{text-align:left}}@media (width<=600px){.launch-banner{flex-wrap:wrap;align-items:flex-start}.launch-banner>span{margin-left:65px}.pricing-card{padding:30px 23px}}.about{background:#fff}.about-container{grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;display:grid}.about-visual{background:radial-gradient(circle at 30% 20%,#0099ff40,#0000 35%),linear-gradient(135deg,#eef7ff,#f2ebff);border-radius:30px;justify-content:center;align-items:center;min-height:420px;display:flex}.about-card{text-align:center;background:#ffffffe6;border-radius:25px;width:75%;padding:50px 30px;box-shadow:0 25px 55px #32468226}.about-logo{color:#fff;background:linear-gradient(135deg,#0af,#0878ff,#9130ff);border-radius:25px;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;font-size:31px;font-weight:900;display:flex}.about-card h3{color:var(--dark);font-size:27px}.about-card>p{color:#64748b;margin-top:5px}.about-location{color:var(--primary);justify-content:center;align-items:center;gap:8px;margin-top:25px;font-size:14px;font-weight:600;display:flex}.about-content h2{color:var(--dark);margin-bottom:25px;font-size:clamp(32px,4vw,45px);line-height:1.1}.about-content>p{color:#64748b;margin-bottom:15px;font-size:16px;line-height:1.7}.about-content>p strong{color:var(--dark)}.about-values{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px;display:grid}.about-values>div{background:#f7faff;border-radius:14px;align-items:center;gap:12px;padding:18px;display:flex}.about-values svg{color:var(--primary);flex-shrink:0;font-size:23px}.about-values span{color:#64748b;flex-direction:column;font-size:11px;display:flex}.about-values strong{color:var(--dark);margin-bottom:3px;font-size:13px}.contact{background:radial-gradient(circle at 10% 20%,#0089ff1a,#0000 25%),radial-gradient(circle at 90% 80%,#8c2dff1a,#0000 25%),#f7faff}.contact-heading{text-align:center;max-width:720px;margin:0 auto 45px}.contact-heading h2{color:var(--dark);margin-bottom:15px;font-size:clamp(32px,4vw,45px)}.contact-heading>p:last-child{color:#64748b;line-height:1.7}.contact-container{background:#fff;border-radius:25px;grid-template-columns:.8fr 1.2fr;max-width:1050px;margin:auto;display:grid;overflow:hidden;box-shadow:0 20px 60px #1e32641a}.contact-info{color:#fff;background:linear-gradient(145deg,#0878ff,#6637e8);padding:45px}.contact-info h3{margin-bottom:15px;font-size:27px}.contact-info>p{opacity:.9;margin-bottom:35px;line-height:1.7}.contact-detail{align-items:center;gap:15px;margin-bottom:25px;display:flex}.contact-detail>span{background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.contact-detail div{flex-direction:column;display:flex}.contact-detail small{opacity:.7;margin-bottom:3px}.contact-detail strong{font-size:14px}.contact-points{border-top:1px solid #fff3;margin-top:40px;padding-top:25px}.contact-points p{align-items:center;gap:10px;margin-bottom:13px;font-size:14px;display:flex}.contact-form{padding:45px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-group label{color:var(--dark);margin-bottom:8px;font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;color:var(--text);background:#fbfdff;border:1px solid #dce5f1;border-radius:10px;outline:none;padding:14px 15px;transition:all .2s}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0878ff1a}.contact-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0878ff,#6638ed);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-weight:700;transition:all .2s;display:flex}.contact-submit:hover{transform:translateY(-2px);box-shadow:0 12px 25px #3c50e638}.form-notice{text-align:center;color:#94a3b8;margin-top:15px;font-size:10px;line-height:1.5;display:block}.footer{color:#cbd5e1;background:#061737;padding:65px 0 20px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:50px;padding-bottom:45px;display:grid}.footer-logo{color:#fff;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.footer-logo span{background:linear-gradient(135deg,#05adff,#8434ff);border-radius:12px;justify-content:center;align-items:center;width:43px;height:38px;font-size:15px;display:flex}.footer-description{color:#91a1bc;max-width:260px;margin-top:20px;font-size:14px;line-height:1.7}.footer h4{color:#fff;margin-bottom:20px}.footer-grid>div:not(:first-child)>a{color:#91a1bc;width:fit-content;margin-bottom:12px;font-size:13px;transition:all .2s;display:block}.footer-grid>div:not(:first-child)>a:hover{color:#fff}.footer-contact{color:#91a1bc;align-items:center;gap:9px;margin-bottom:15px;font-size:13px;display:flex}.footer-contact svg{color:#56a5ff}.footer .footer-button{border:1px solid #315789;border-radius:9px;padding:10px 15px;color:#fff!important;margin-top:20px!important}.footer-bottom{color:#7385a4;border-top:1px solid #1b3156;justify-content:space-between;align-items:center;padding-top:20px;font-size:11px;display:flex}.footer-bottom>div{align-items:center;gap:20px;display:flex}.footer-bottom a:hover{color:#fff}.back-top{color:#fff;background:#0b78ef;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}@media (width<=950px){.about-container{grid-template-columns:1fr;gap:45px}.contact-container{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=650px){.about-visual{min-height:330px}.about-values{grid-template-columns:1fr}.contact-info,.contact-form{padding:30px 22px}.form-row{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}.footer-bottom>div{flex-wrap:wrap}}.form-success{color:#087a55;background:#eafaf3;border-radius:10px;align-items:center;gap:10px;margin-top:18px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.form-error{color:#c53030;background:#fff0f0;border-radius:10px;margin-top:18px;padding:14px 16px;font-size:14px;font-weight:600}.contact-submit:disabled{opacity:.7;cursor:not-allowed}html,body{width:100%;max-width:100%;overflow-x:hidden}*{box-sizing:border-box}@media (width<=700px){.container{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}.section{padding-top:60px;padding-bottom:60px}.header-container{min-height:76px}.logo{font-size:21px}.logo-icon{width:43px;height:43px}.header-cta{display:none}.menu-button{display:flex}.hero{width:100%;padding:55px 0 65px;overflow:hidden}.hero-container{flex-direction:column;width:100%;max-width:100%;padding-left:18px;padding-right:18px;display:flex}.hero-content{text-align:center;width:100%;max-width:100%}.hero .section-label{letter-spacing:2px;white-space:normal;font-size:11px}.hero h1{overflow-wrap:break-word;width:100%;max-width:100%;margin:18px auto 22px;font-size:clamp(36px,10vw,46px);line-height:1.05}.hero-description{width:100%;max-width:360px;margin:0 auto 35px;font-size:16px;line-height:1.6}.hero-features{grid-template-columns:1fr 1fr;gap:22px 12px;width:100%;margin-bottom:35px;display:grid}.hero-feature{text-align:left;align-items:center;gap:10px;min-width:0;display:flex}.hero-feature svg{flex-shrink:0}.hero-feature span{font-size:12px;line-height:1.4}.hero-buttons{flex-direction:column;gap:14px;width:100%;display:flex}.hero-buttons .btn{white-space:normal;text-align:center;justify-content:center;align-items:center;width:100%;max-width:100%;padding:17px 15px;display:flex}.hero-visual{width:100%;max-width:100%;margin-top:45px}.browser-card{width:100%;max-width:100%}.launch-offer{width:100%;max-width:100%;margin-top:20px;position:relative;bottom:auto;right:auto}.section-heading{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.section-heading h2,.pricing-heading h2,.contact-heading h2,.about-content h2{font-size:30px;line-height:1.15}.section-intro{width:100%;max-width:100%}.services-grid,.advantages-grid,.portfolio-grid{grid-template-columns:1fr}.project-card{width:100%}.project-screenshot{height:220px}.project-content p{min-height:auto}.pricing-grid{grid-template-columns:1fr}.pricing-card{width:100%}.launch-banner{flex-direction:column;align-items:flex-start;gap:15px}.maintenance-box{flex-direction:column;align-items:flex-start;gap:20px}.about-container{grid-template-columns:1fr}.about-visual{width:100%}.about-card{width:100%;max-width:100%}.about-values,.contact-container{grid-template-columns:1fr}.contact-form{width:100%}.form-row{grid-template-columns:1fr}input,select,textarea{width:100%;max-width:100%}.contact-submit{width:100%}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}}