:root{--blue:#2644ed;--ink:#172036;--muted:#596376;--lime:#d7fb75;--line:#dae0e8;--light:#f2f5fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.6;background:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:hover,button:hover{filter:brightness(.9)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.06em;line-height:1.04}h1{font-size:clamp(48px,5.8vw,86px)}h2{font-size:clamp(34px,4vw,56px)}h3{line-height:1.3;letter-spacing:-.025em}em{font-style:normal;color:var(--blue)}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}header{padding:28px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1500px;margin:auto}.brand{font-size:31px;font-weight:bold;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:.16em;margin-top:9px;color:var(--muted)}nav{display:flex;gap:28px;font-size:14px}.nav-contact{background:var(--ink);color:white;padding:12px 18px;font-size:14px}.hero{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:55px 6% 70px;align-items:center}.kicker{font-size:11px;letter-spacing:.14em;font-weight:bold;color:var(--blue);margin-bottom:25px}.hero-text{font-size:19px;color:var(--muted);max-width:490px;margin-top:28px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;border:1px solid transparent;font-size:14px;font-weight:bold;cursor:pointer}.primary{background:var(--blue);color:white}.secondary{border-color:var(--ink);color:var(--ink);background:transparent}.text{color:var(--blue)}.micro{font-size:12px;color:var(--muted);margin-top:22px}.hero-visual{position:relative;padding:25px 0 55px}.window{border:1px solid #bcc6dd;border-radius:10px;background:#191b1a;overflow:hidden;box-shadow:0 25px 60px #17203620}.window-top{display:flex;justify-content:space-between;padding:12px 18px;font-size:10px;color:#687187;background:white}.dots{letter-spacing:.16em;color:#a5aec2}.window iframe{border:0;width:100%;height:390px;display:block}.preview-link{display:block;background:var(--ink);color:white;padding:12px 20px;font-size:12px}.sticker{background:var(--lime);padding:24px;position:absolute;right:-18px;bottom:0;transform:rotate(4deg);box-shadow:0 12px 25px #17203612}.sticker strong{font-size:24px;letter-spacing:-.03em;line-height:1.15;display:block}.sticker span{font-size:11px;display:block;margin-top:12px}.strip{background:var(--ink);color:white;padding:20px 6%;display:flex;justify-content:space-around;gap:20px;font-size:13px}.section{padding:85px max(6%,calc((100vw - 1320px)/2))}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:36px}.section-head>p{max-width:370px;color:var(--muted);font-size:14px}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work{border:1px solid var(--line);display:block;transition:transform .2s}.work:hover{filter:none;transform:translateY(-4px)}.work-image{position:relative;height:255px;overflow:hidden}.work-image img{width:100%;height:100%;object-fit:cover}.work-image span{position:absolute;bottom:18px;left:20px;font-size:10px;background:white;padding:5px 8px;letter-spacing:.12em}.work-info{padding:25px}.work-info h3{font-size:23px}.work-info p{color:var(--muted);font-size:14px;margin-top:12px}.work-info b{font-size:13px;color:var(--blue);display:block;margin-top:20px}.paper-preview{height:255px;background:#e4ebdf;padding:25px;color:#253c28}.paper-preview small,.sheet-preview small{font-size:10px;letter-spacing:.12em}.paper-preview h3{font-family:Georgia,serif;font-size:37px;margin-top:14px}.paper-line{font-size:10px;letter-spacing:.1em;border-top:1px solid #9dae9b;padding-top:14px;margin-top:16px}.paper-preview p{font-size:11px;margin-top:9px}.sheet-preview{height:255px;background:#ecf0fe;padding:25px;color:#263db0}.sheet-preview h3{font-size:28px;margin-top:12px}.fake-table{display:grid;grid-template-columns:1.4fr .8fr 1fr;font-size:9px;margin-top:20px}.fake-table span{padding:6px 3px;border-bottom:1px solid #c7d1ef}.fake-table span:nth-child(-n+3){font-weight:bold;background:#d2dcfd}.prices{background:var(--light)}.price-intro{max-width:720px;color:var(--muted);margin-top:25px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.price-card{background:white;padding:30px;border:1px solid var(--line);display:flex;flex-direction:column}.featured{border:2px solid var(--blue)}.tag{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:14px}.price-card h3{font-size:26px}.price{font-size:48px;font-weight:bold;letter-spacing:-.05em;margin:10px 0}.price small{font-size:12px;font-weight:normal;letter-spacing:0;display:block;color:var(--muted)}ul{padding-left:18px;font-size:14px;line-height:1.7;margin:12px 0 20px}li{margin-bottom:8px}.scope{font-size:12px;color:var(--muted);margin-bottom:24px}.price-card .button{margin-top:auto;width:100%}.process{display:grid;grid-template-columns:1fr 1fr;gap:85px}.process-intro{color:var(--muted);margin-top:28px;max-width:480px}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:22px 0;margin:0}.process li:first-child{padding-top:0}.process li>span{color:var(--blue);font-weight:bold;font-size:13px}.process h3{font-size:21px}.process li p{font-size:14px;color:var(--muted);margin-top:10px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:85px;background:var(--ink);color:white}.contact .kicker{color:var(--lime)}.contact em{color:var(--lime)}.contact>div>p:not(.kicker){margin-top:25px;color:#c0c8d7;max-width:410px}.email{display:block;font-size:20px;margin-top:25px;overflow-wrap:anywhere}.copy{background:none;border:0;border-bottom:1px solid #c0c8d7;color:#c0c8d7;padding:6px 0;font-size:12px;margin-top:12px;cursor:pointer}.contact form{display:flex;flex-direction:column;gap:10px}.contact label{font-size:13px;color:#d0d6e2}.contact input,.contact select,.contact textarea{padding:12px;border:1px solid #697389;background:#222c43;color:white;border-radius:0;width:100%;margin-bottom:10px}.contact .button{align-self:start;background:var(--lime);color:var(--ink)}.form-note,#form-status{font-size:12px;color:#c0c8d7}.faq{max-width:1000px;margin:auto}.faq h2{margin-bottom:30px}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:bold}.faq p{margin-top:15px;color:var(--muted)}footer{padding:35px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:12px;align-items:center}footer p{color:var(--muted)}@media(max-width:1050px){.hero{gap:4%;padding-top:35px}.hero h1{font-size:clamp(45px,5.4vw,70px)}.window iframe{height:340px}.sticker{right:0;padding:20px}.price-card{padding:22px}.section-head{align-items:start}.process,.contact{gap:45px}}@media(max-width:760px){header{padding:24px 6%}nav{display:none}.brand{font-size:27px}.nav-contact{font-size:12px}.hero{grid-template-columns:1fr;padding-top:32px;gap:20px}.hero h1{font-size:clamp(48px,11vw,72px)}.hero-text{font-size:17px}.kicker{font-size:10px}.hero-visual{padding-bottom:60px}.window iframe{height:350px}.sticker{padding:20px;right:8px}.sticker strong{font-size:20px}.strip{flex-wrap:wrap;justify-content:center;font-size:11px;gap:12px 24px}.section{padding:60px 6%}.section-head{display:block}.section-head>p{margin-top:22px;max-width:none}.works,.price-grid,.process,.contact{grid-template-columns:1fr;gap:25px}.work-image,.paper-preview,.sheet-preview{height:265px}.price-card{padding:30px}.process ol{margin-top:18px}.contact form{margin-top:12px}.contact{gap:40px}.email{font-size:18px}.faq h2{font-size:37px}footer{align-items:start;flex-direction:column}.button{min-height:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work{transition:none}}
/* Refined readability, keyboard access and compact layouts. */
[hidden]{display:none!important}.hero-copy,.hero-visual,.price-card,.work,.contact>div,.contact form{min-width:0}.window iframe{pointer-events:none}.brand span{font-size:11px}.kicker{font-size:12px}.window-top,.work-image span,.paper-preview small,.sheet-preview small,.paper-line,.tag,.sticker span{font-size:12px}.preview-link,.micro,.scope,.price small,.form-note,#form-status,#message-status,footer{font-size:14px}.work-info b,.contact label,.copy{font-size:14px}.fake-table{font-size:11px}.paper-preview p{font-size:12px}.contact input:focus-visible,.contact select:focus-visible,.contact textarea:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.contact textarea{resize:vertical}.contact .secondary{border-color:#c0c8d7;background:transparent;color:white}.fallback-actions{display:flex;gap:12px;flex-wrap:wrap}#mail-fallback{margin-top:12px}#mail-fallback label{display:block;margin-bottom:8px}#message-status{margin-top:10px;color:#c0c8d7}.contact textarea::placeholder{color:#c0c8d7}.window-top span:last-child{text-align:right}.email{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.strip{font-size:13px}.hero .kicker{font-size:12px}.nav-contact{font-size:14px}.hero h1{font-size:clamp(42px,10.8vw,72px)}.sticker{right:0}.hero-visual{overflow:visible}.work-info{padding:24px}.paper-preview,.sheet-preview{height:auto;min-height:265px}.fake-table{font-size:11px}.fallback-actions .button{width:100%}}
@media(max-width:360px){header{gap:12px}.nav-contact{max-width:130px;text-align:center;padding:10px 12px}.hero .actions{gap:8px}.hero .actions .button{width:100%}.window-top{gap:10px;padding:12px}.sticker span{max-width:145px}.price-card{padding:24px}.sheet-preview{padding:20px}}
/* Keep the existing palette and layout while making web design the lead offer. */
h4{margin:0;font-size:18px;line-height:1.4}.works{grid-template-columns:1.3fr 1fr 1fr}.work-main{border-top:3px solid var(--blue)}.web-offer{margin-top:36px;display:grid;grid-template-columns:1fr 1.35fr;gap:50px;padding:42px}.web-offer h3{font-size:36px}.web-offer .price{font-size:64px;margin:24px 0}.web-offer .button{width:auto;min-width:225px;margin-top:0}.featured .tag{color:var(--blue);font-weight:bold}.service-value{margin-top:16px;color:var(--muted);font-size:16px}.offer-delivery ul{margin:18px 0 24px;font-size:16px}.delivery-time{font-size:14px;color:var(--muted);margin-bottom:18px}.service-limits{font-size:14px;color:var(--muted);margin:0 0 24px;border-top:1px solid var(--line);padding-top:14px}.service-limits summary{font-weight:normal;text-decoration:underline;text-underline-offset:4px}.service-limits p{margin-top:12px}.complement-heading{margin-top:56px}.complement-heading h3{font-size:28px}.complement-heading p{margin-top:12px;color:var(--muted)}.complementary-grid{grid-template-columns:repeat(2,1fr);margin-top:25px}.complementary-grid .price{font-size:42px;margin:18px 0}.complementary-grid .price-card{padding:30px}.google-offer{display:grid;grid-template-columns:1fr 1.35fr;gap:50px;background:#e8edfc;border:1px solid #c9d4f5;padding:36px;margin-top:30px}.google-offer h3{font-size:28px}.google-offer>div>p:not(.kicker){margin-top:18px;color:var(--muted)}.google-offer .kicker{margin-bottom:18px}.google-offer ul{margin-top:0}.google-price{font-size:14px;color:var(--muted);margin:18px 0}.google-offer .service-limits{margin-top:18px;border-color:#bdc9ed}.other-work{border-top:1px solid var(--line);padding-top:28px;margin-top:32px;max-width:800px}.other-work h3{font-size:22px}.other-work p{margin-top:12px;color:var(--muted);font-size:14px}.other-work>a{display:inline-block;font-weight:bold;font-size:14px;color:var(--blue);margin-top:14px;text-decoration:underline;text-underline-offset:4px}.contact .direct-email{margin-top:28px}.contact .email{margin-top:18px}.form-heading{font-size:18px;font-weight:bold;margin-bottom:10px}.contact-channel{border-top:1px solid #697389;margin-top:25px;padding-top:20px;display:flex;align-items:start;flex-direction:column;gap:12px}.contact-channel span{font-size:16px;font-weight:bold}.contact-channel small{font-size:14px;color:#c0c8d7}.case-testimonial{margin:28px 0 0;padding:25px 30px;background:var(--light);border-left:3px solid var(--blue)}.case-testimonial p{font-size:18px}.case-testimonial cite{display:block;margin-top:12px;color:var(--muted);font-size:14px;font-style:normal}
@media(max-width:1050px){.web-offer,.google-offer{gap:30px;padding:30px}.works{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.works,.web-offer,.complementary-grid,.google-offer{grid-template-columns:1fr}.web-offer{gap:30px;padding:28px}.web-offer h3{font-size:32px}.web-offer .price{font-size:56px}.web-offer .button{width:100%;min-width:0}.offer-delivery ul{font-size:15px}.complement-heading{margin-top:40px}.complement-heading h3{font-size:25px}.google-offer{padding:28px;gap:24px}.google-offer h3{font-size:25px}.google-offer .button{width:100%}.contact .direct-email{width:100%}.case-testimonial{padding:20px}}
@media(max-width:360px){.web-offer,.google-offer,.complementary-grid .price-card{padding:24px}.complement-heading h3{font-size:23px}.web-offer h3{font-size:30px}}

#project-preview-image{display:block;width:100%;height:390px;object-fit:cover}@media(max-width:1050px){#project-preview-image{height:340px}}@media(max-width:760px){#project-preview-image{height:350px}}