:root{--blue:#176fd8;--navy:#10284d;--orange:#ff7a00;--text:#172235;--muted:#6f7b8e;--line:#e6ebf1;--soft:#f7f9fc;--cream:#fff8f1;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:800 1.25rem/1 Manrope,sans-serif;color:var(--navy)}.brand span{color:var(--blue)}.nav{display:flex;gap:25px;font-size:.93rem;font-weight:700}.nav a{color:#33435b}.nav a:hover,.nav a.active{color:var(--blue)}.header-action{padding:10px 16px;border-radius:10px;background:var(--orange);color:#fff;font-weight:800}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;font-weight:800}
.hero{padding:62px 0 72px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center}.hero h1{font:800 clamp(3.1rem,6vw,5.8rem)/.98 Manrope,sans-serif;color:var(--navy);letter-spacing:-.055em;margin:0 0 22px}.hero h1 span{color:var(--blue)}.hero p{max-width:650px;font-size:1.14rem;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 18px;font-weight:800;border:1px solid transparent}.btn-primary{background:var(--orange);color:#fff}.btn-secondary{border-color:#bfd4ee;color:var(--blue);background:#fff}.hero-photo{border-radius:22px;overflow:hidden;aspect-ratio:4/4.7;background:#eef3f8}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%}
.section{padding:78px 0}.section.soft{background:var(--soft)}.section.cream{background:var(--cream)}.section-label{font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}h2{font:800 clamp(2.1rem,4vw,3.7rem)/1.06 Manrope,sans-serif;color:var(--navy);letter-spacing:-.04em;margin:0 0 18px}h3{font:800 1.2rem/1.2 Manrope,sans-serif;color:var(--navy);margin:0 0 8px}p{margin:.55em 0}.section-copy{max-width:760px}.section-copy p{color:var(--muted)}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}.about-note{font:800 clamp(2.2rem,4vw,3.8rem)/1.05 Manrope,sans-serif;color:var(--blue);letter-spacing:-.04em}.about-text p{font-size:1.02rem;color:#39475d}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{padding:28px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}.card p{color:var(--muted);font-size:.95rem;margin-bottom:0}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px}.step{padding-top:18px;border-top:2px solid var(--line)}.step strong{display:block;font:800 2rem/1 Manrope,sans-serif;color:var(--blue);margin-bottom:15px}.step p{color:var(--muted);margin-bottom:0}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;align-items:stretch}.price-card{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--blue);box-shadow:0 14px 35px rgba(23,111,216,.10)}.tag{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.price{font:800 3rem/1 Manrope,sans-serif;color:var(--navy);margin:18px 0 8px}.price-card>p{color:var(--muted);min-height:52px}.price-list{list-style:none;padding:0;margin:20px 0 28px;display:grid;gap:9px}.price-list li{font-size:.93rem}.price-list li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:8px}.price-card .btn{margin-top:auto}.costs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.cost{padding-top:18px;border-top:1px solid var(--line)}.cost strong{display:block;color:var(--navy)}.cost span{color:var(--muted);font-size:.92rem}.notice{margin-top:32px;padding:22px 24px;border-radius:14px;background:#fff;border:1px solid var(--line)}.notice strong{color:var(--navy)}.notice p{color:var(--muted);margin:.35em 0 0}
.cta{padding:72px 0}.cta-box{background:var(--navy);color:#fff;border-radius:22px;padding:40px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box h2{color:#fff;font-size:clamp(2rem,3.5vw,3rem);margin-bottom:8px}.cta-box p{color:#cbd8e9;margin:0;max-width:650px}.page-hero{padding:84px 0 58px}.page-hero .inner{max-width:820px}.page-hero p{color:var(--muted);font-size:1.12rem}.page-hero h1{font:800 clamp(3rem,6vw,5.3rem)/1 Manrope,sans-serif;color:var(--navy);letter-spacing:-.055em;margin:0 0 18px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-row{border-top:1px solid var(--line);padding:24px 0}.service-row p{color:var(--muted);margin-bottom:0}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.contact-panel{background:var(--navy);color:#fff;padding:34px;border-radius:18px}.contact-panel h2{color:#fff;font-size:2.3rem}.contact-panel p{color:#cbd8e9}.contact-panel a{font-weight:800}.contact-form{border:1px solid var(--line);padding:30px;border-radius:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:.86rem;font-weight:700}input,textarea,select{width:100%;margin-top:5px;padding:11px 12px;border:1px solid #d7dee8;border-radius:9px;background:#fff}.full{grid-column:1/-1}.form-note{font-size:.78rem;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:32px 0 36px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap}.footer-inner small{color:var(--muted)}
@media(max-width:900px){.price-grid{grid-template-columns:1fr 1fr}.costs{grid-template-columns:1fr 1fr}}@media(max-width:800px){.nav,.header-action{display:none}.menu-btn{display:block}.nav.open{display:flex;position:absolute;top:66px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;flex-direction:column;gap:0}.nav.open a{padding:10px 0}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:46px}.hero-photo{order:-1;aspect-ratio:16/12}.cards,.process,.service-list{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start}}@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.hero h1{font-size:clamp(3rem,15vw,4.5rem)}.section{padding:62px 0}.price-grid,.costs,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}

.recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:34px}
.work-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.work-preview{min-height:250px;padding:22px;display:flex;align-items:flex-end}
.work-card:nth-child(1) .work-preview{background:linear-gradient(145deg,#172a40,#466b8e)}
.work-card:nth-child(2) .work-preview{background:linear-gradient(145deg,#2d3b2f,#7b8d69)}
.browser-mock{width:100%;background:#fff;border-radius:12px;box-shadow:0 18px 35px rgba(0,0,0,.20);padding:12px}
.browser-top{width:48px;height:9px;border-radius:8px;background:#dfe5eb;margin-bottom:12px}
.browser-hero{height:90px;border-radius:8px;background:#eef2f6;margin-bottom:9px}
.browser-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.browser-blocks span{height:54px;border-radius:7px;background:#f3f6f8}
.work-copy{padding:24px}
.work-copy p{color:var(--muted);margin-bottom:0}
.work-label{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:8px}
@media(max-width:700px){.recent-grid{grid-template-columns:1fr}}