/* Scoped to main.web-dev-page — homepage styles.css untouched */
main.web-dev-page *{box-sizing:border-box}body.page-web-dev{scroll-behavior:smooth;scroll-padding-top:24px}body.page-web-dev{margin:0;background:#fff;color:#10223d;font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main.web-dev-page a{color:inherit;text-decoration:none}main.web-dev-page button, main.web-dev-page input, main.web-dev-page select, main.web-dev-page textarea{font:inherit}main.web-dev-page button, main.web-dev-page a, main.web-dev-page input, main.web-dev-page select, main.web-dev-page textarea{touch-action:manipulation}main.web-dev-page a:focus-visible, main.web-dev-page button:focus-visible, main.web-dev-page summary:focus-visible, main.web-dev-page input:focus-visible, main.web-dev-page select:focus-visible, main.web-dev-page textarea:focus-visible{outline:3px solid #3d85fc;outline-offset:4px}main.web-dev-page h1, main.web-dev-page h2, main.web-dev-page h3, main.web-dev-page h4{line-height:1.13;letter-spacing:-.04em;margin:0 0 24px}main.web-dev-page h1{font-size:clamp(40px,4.4vw,65px);font-weight:660}main.web-dev-page h1 em{font-style:normal;color:#2460ec}main.web-dev-page h2{font-size:clamp(31px,3.1vw,44px);font-weight:630}main.web-dev-page h3{font-size:25px;font-weight:620}main.web-dev-page h4{font-size:16px;line-height:1.5;letter-spacing:0;font-weight:600}main.web-dev-page p{margin:0 0 22px;color:#53647a}main.web-dev-page strong, main.web-dev-page b{font-weight:650}main.web-dev-page button{cursor:pointer}main.web-dev-page a, main.web-dev-page p, main.web-dev-page h1, main.web-dev-page h2, main.web-dev-page h3, main.web-dev-page h4, main.web-dev-page li{overflow-wrap:break-word}main.web-dev-page .wrap{width:min(1200px,calc(100% - 80px));margin:auto}main.web-dev-page .section{padding:96px 0}main.web-dev-page .eyebrow{display:block;font-size:10px;letter-spacing:.17em;color:#2861c8;font-weight:700;margin-bottom:24px}main.web-dev-page .skip{position:fixed;top:-100px;left:15px;padding:12px;background:white;z-index:20}main.web-dev-page .skip:focus{top:10px}main.web-dev-page .button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:#2460ec;color:white;border:0;border-radius:8px;padding:16px 23px;min-height:54px;font-size:14px;font-weight:650;transition:background .2s,transform .2s}main.web-dev-page .button:hover{background:#1748b6;transform:translateY(-2px)}main.web-dev-page .button.small{font-size:12px;min-height:48px;padding:12px 19px}main.web-dev-page .button.light{background:#cbe2ff;color:#10223d}main.web-dev-page .text-link{display:inline-block;border-bottom:1px solid #b6ccef;color:#2055b6;font-size:14px;padding:8px 0}main.web-dev-page .hero{background:#f1f6fd;overflow:hidden}main.web-dev-page .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-top:75px;padding-bottom:80px}main.web-dev-page .hero-lead{font-size:23px;line-height:1.45;color:#203d64;font-weight:550}main.web-dev-page .hero-copy>p:not(.hero-lead){max-width:520px}main.web-dev-page .actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}main.web-dev-page .hero-notes{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#607795;margin-top:30px}main.web-dev-page .hero-notes span:before{content:"•";color:#2460ec;padding-right:6px}main.web-dev-page .hero-visual{position:relative;padding:40px 0 55px;perspective:1400px}main.web-dev-page .hero-site{transform:rotateY(-8deg) rotateZ(2deg);box-shadow:0 28px 60px #173e6c26!important}main.web-dev-page .hero-note{background:#10223d;color:white;position:relative;margin:-10px 30px 0 -20px;padding:24px;border-radius:12px;box-shadow:0 16px 30px #10223d20;z-index:2}main.web-dev-page .hero-note b{display:block;font-size:19px;letter-spacing:-.025em}main.web-dev-page .hero-note span{display:block;color:#b9cfeb;font-size:11px;margin-top:5px}main.web-dev-page .trade-links{border-block:1px solid #d9e5f4}main.web-dev-page .trade-links .wrap{display:grid;grid-template-columns:repeat(4,1fr)}main.web-dev-page .trade-links a{padding:23px 20px;border-right:1px solid #d9e5f4;font-size:13px;font-weight:550;display:flex;justify-content:space-between;gap:15px}main.web-dev-page .trade-links a:first-child{border-left:1px solid #d9e5f4}main.web-dev-page .trade-links a:hover{background:#f1f6fd}main.web-dev-page .trade-links span{color:#2460ec}main.web-dev-page .split, main.web-dev-page .section-head{display:grid;grid-template-columns:1fr 1fr;gap:75px}main.web-dev-page .section-head{align-items:end;margin-bottom:45px}main.web-dev-page .section-head p{margin-bottom:26px;max-width:440px}main.web-dev-page .lead{font-size:23px;line-height:1.5;color:#2b4567}main.web-dev-page .pale{background:#f4f7fb}main.web-dev-page .services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}main.web-dev-page .services-grid article{display:flex;flex-direction:column;border:1px solid #dce6f2;background:white;border-radius:14px;padding:30px}main.web-dev-page .number{font-size:10px;letter-spacing:.12em;color:#2861c8;display:block;margin-bottom:23px}main.web-dev-page .services-grid h3{font-size:25px}main.web-dev-page .services-grid h4{font-size:14px;color:#29476a;margin-bottom:15px}main.web-dev-page .services-grid p{font-size:14px;line-height:1.75}main.web-dev-page .services-grid a{align-self:start;margin-top:auto}main.web-dev-page .trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}main.web-dev-page .trade-card{scroll-margin-top:25px;border-top:1px solid #cbd9eb;padding:30px 0;display:grid;grid-template-columns:65px 1fr;gap:20px}main.web-dev-page .trade-icon{width:65px;height:65px;border-radius:15px;background:#edf3fd;color:#3065b6;padding:12px}main.web-dev-page .trade-icon svg{width:100%;height:100%}main.web-dev-page .trade-card .number{margin:0 0 16px}main.web-dev-page .trade-card h3{font-size:28px}main.web-dev-page .trade-card h4{font-size:17px}main.web-dev-page .trade-card p, main.web-dev-page .trade-card li{font-size:14px;color:#53647a}main.web-dev-page .trade-card ul{padding-left:18px;margin:0 0 20px}main.web-dev-page .trade-card .trade-takeaway{padding-top:16px;border-top:1px solid #e2eaf5;font-size:13px}main.web-dev-page .dark{background:#10223d;color:#f6f8ff}main.web-dev-page .dark p{color:#bdcce0}main.web-dev-page .dark .eyebrow{color:#9bc4ff}main.web-dev-page .dark .lead{color:#e1edff}main.web-dev-page .filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}main.web-dev-page .filter-row button{border:1px solid #476382;background:transparent;color:#dceaff;padding:12px 20px;border-radius:7px;min-height:46px;font-size:13px}main.web-dev-page .filter-row button[aria-pressed=true]{color:#10223d;background:#cde3ff;border-color:#cde3ff}main.web-dev-page .showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px}main.web-dev-page .showcase-item{min-width:0}main.web-dev-page .showcase-item[hidden]{display:none}main.web-dev-page .site-window{--accent:#17678b;--light:#e8f5f7;background:white;color:#14354b;border:1px solid #cfdeeb;border-radius:14px;overflow:hidden;box-shadow:0 14px 25px #06152712}main.web-dev-page .browser-bar{background:#eef2f7;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;font-size:8px;color:#6b7b91;border-bottom:1px solid #dfe6ef}main.web-dev-page .browser-bar>span:first-child{letter-spacing:3px;color:#91a5c1}main.web-dev-page .mini-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;font-size:7px}main.web-dev-page .mini-nav>b{font-size:12px;line-height:1.2;letter-spacing:-.03em}main.web-dev-page .mini-nav i{font-style:normal;background:var(--accent);color:#fff;padding:6px 9px;border-radius:3px;font-size:7px}main.web-dev-page .mini-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:16px;padding:28px 24px;background:var(--light);min-height:265px}main.web-dev-page .mini-eyebrow{font-size:7px;letter-spacing:.11em;display:block;margin-bottom:12px;color:var(--accent);font-weight:650}main.web-dev-page .mini-hero h3{font-size:28px;line-height:1.08;margin-bottom:14px;letter-spacing:-.045em}main.web-dev-page .mini-hero p{font-size:9px;line-height:1.6;margin:0 0 17px;color:#47687c}main.web-dev-page .mini-button{display:inline-block;background:var(--accent);color:#fff;font-size:8px;padding:9px 12px;border-radius:4px}main.web-dev-page .mini-art{border-radius:60% 40% 45% 55%;background:#cce7ee;color:#2c809c;aspect-ratio:1;display:grid;place-items:center}main.web-dev-page .mini-art svg{width:83%;height:83%}main.web-dev-page .mini-services{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 20px;gap:10px;font-size:8px}main.web-dev-page .mini-services>span{border:1px solid #dce6eb;padding:10px 7px;border-radius:4px;display:flex;justify-content:space-between;gap:3px}main.web-dev-page .mini-services b{color:var(--accent)}main.web-dev-page .mini-end{padding:12px 20px 20px;font-size:11px;text-align:center;border-top:1px solid #eef2f6}main.web-dev-page .mini-end span{display:block;font-size:8px;margin-top:4px;color:#617484}main.web-dev-page .electrical{--accent:#f3cf36;--light:#202429;color:#faf9f3}main.web-dev-page .electrical .mini-nav{background:#171a1f}main.web-dev-page .electrical .mini-nav i, main.web-dev-page .electrical .mini-button{color:#191b20;font-weight:700;border-radius:0}main.web-dev-page .electrical .mini-hero{grid-template-columns:1.3fr .7fr}main.web-dev-page .electrical .mini-hero h3{text-transform:uppercase;font-size:29px;letter-spacing:-.025em}main.web-dev-page .electrical .mini-hero p{color:#c4c8cd}main.web-dev-page .electrical .mini-art{background:transparent;color:#f3cf36;border-radius:0}main.web-dev-page .electrical .mini-services{background:#f3cf36;color:#242527;gap:0}main.web-dev-page .electrical .mini-services>span{border:0;border-right:1px solid #bfa124;border-radius:0}main.web-dev-page .electrical .mini-services b{color:#242527}main.web-dev-page .electrical .mini-end{background:#171a1f;border:0}main.web-dev-page .electrical .mini-end span{color:#a9afb7}main.web-dev-page .plumbing{--accent:#dc552c;--light:#faf0e8;color:#432c24}main.web-dev-page .plumbing .mini-nav{border-bottom:4px solid #dc552c}main.web-dev-page .plumbing .mini-hero{grid-template-columns:1fr .75fr;padding:30px 26px}main.web-dev-page .plumbing .mini-art{background:#f5d8c7;border-radius:10px 60px 10px 10px;color:#c14e29}main.web-dev-page .plumbing .mini-hero h3{font-family:Georgia,serif;font-size:30px;letter-spacing:-.04em}main.web-dev-page .plumbing .mini-hero p{color:#765b4f}main.web-dev-page .plumbing .mini-eyebrow{color:#a53d20}main.web-dev-page .plumbing .mini-services>span{border-color:#efdcd2}main.web-dev-page .handyman{--accent:#325c45;--light:#f4f2e8;color:#264333}main.web-dev-page .handyman .mini-nav{padding:20px;border-bottom:1px solid #dfdfd2}main.web-dev-page .handyman .mini-nav>b{font-family:Georgia,serif;font-size:16px}main.web-dev-page .handyman .mini-hero{grid-template-columns:1fr;text-align:center;position:relative;padding:25px 80px 35px;min-height:265px}main.web-dev-page .handyman .mini-art{position:absolute;right:8px;bottom:16px;width:78px;background:#dbe5d7;color:#5a7e63;transform:rotate(8deg);border-radius:15px}main.web-dev-page .handyman .mini-hero h3{font-family:Georgia,serif;font-size:29px;font-weight:500}main.web-dev-page .handyman .mini-hero p{color:#5d7060}main.web-dev-page .handyman .mini-eyebrow{color:#41694f}main.web-dev-page .handyman .mini-button{border-radius:24px}main.web-dev-page .handyman .mini-services{border-top:1px solid #dde3d9}main.web-dev-page .handyman .mini-services>span{border:0;background:#edf2e9;border-radius:20px}main.web-dev-page .showcase-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:23px}main.web-dev-page .showcase-meta span{font-size:9px;letter-spacing:.1em;color:#94b4dc}main.web-dev-page .showcase-meta h3{font-size:23px;margin:8px 0 0}main.web-dev-page .showcase-meta p{font-size:12px;line-height:1.7;margin:0}main.web-dev-page .small{font-size:12px}main.web-dev-page #filter-status{margin:30px 0 0}main.web-dev-page .search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}main.web-dev-page .search-grid article{border-top:1px solid #cad9ed;padding-top:25px}main.web-dev-page .search-grid article>span{display:block;font-size:9px;letter-spacing:.1em;color:#2861c8;margin-bottom:23px}main.web-dev-page .search-grid h3{font-size:24px}main.web-dev-page .search-grid p{font-size:14px}main.web-dev-page .search-note{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;border-radius:12px;background:#edf4ff;padding:28px;margin-top:25px}main.web-dev-page .search-note strong{font-size:19px;line-height:1.4}main.web-dev-page .search-note p{font-size:14px;margin:0}main.web-dev-page .journey-list{list-style:none;padding:0;margin:0}main.web-dev-page .journey-list li{display:flex;gap:24px;padding-bottom:22px}main.web-dev-page .journey-list li>span{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid #bdd1ed;border-radius:50%;color:#2861c8;font-size:13px;background:white}main.web-dev-page .journey-list h3{font-size:22px;margin-bottom:10px}main.web-dev-page .journey-list p{font-size:14px}main.web-dev-page .process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}main.web-dev-page .process-grid li{border-top:1px solid #c9d8ec;padding-top:25px}main.web-dev-page .process-grid li>span{font-size:11px;color:#2861c8;display:block;margin-bottom:25px}main.web-dev-page .process-grid p{font-size:14px}main.web-dev-page .scope-list{padding-left:20px;color:#c1d0e4;font-size:15px;margin-bottom:30px}main.web-dev-page .scope-list li{margin-bottom:8px}main.web-dev-page .faqs details{border-bottom:1px solid #d7e2f0;padding:20px 0}main.web-dev-page .faqs details:first-child{padding-top:0}main.web-dev-page .faqs summary{font-size:17px;font-weight:600;line-height:1.5;cursor:pointer}main.web-dev-page .faqs p{font-size:14px;margin:18px 0 0}main.web-dev-page .cta{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:#10223d;border-radius:22px;color:#fff;padding:55px}main.web-dev-page .cta .eyebrow{color:#9bc4ff}main.web-dev-page .cta p{color:#bed0e7}main.web-dev-page .cta-note{border-top:1px solid #3c5270;padding-top:22px;margin-top:35px;font-size:14px;color:#abc4e5}main.web-dev-page .cta-note strong{display:block;color:#e6effb;margin-top:7px}main.web-dev-page #web-inquiry-form{min-width:0}main.web-dev-page #web-inquiry-form label{display:block;color:#dfebfc;font-size:13px;margin:16px 0 7px}main.web-dev-page #web-inquiry-form .contact-fields>div:first-child label{margin-top:0}main.web-dev-page #web-inquiry-form input:not([type=hidden]), main.web-dev-page #web-inquiry-form select, main.web-dev-page #web-inquiry-form textarea{width:100%;min-width:0;background:#1a3556;border:1px solid #48617f;border-radius:6px;padding:13px 15px;color:#fff;font-family:inherit;font-size:16px;line-height:1.4;min-height:48px}main.web-dev-page #web-inquiry-form textarea{min-height:120px;resize:vertical}main.web-dev-page #web-inquiry-form input::placeholder, main.web-dev-page #web-inquiry-form textarea::placeholder{color:#aec3df}main.web-dev-page #web-inquiry-form .button{width:100%;margin-top:20px}main.web-dev-page #inquiry-status{grid-column:1/-1;margin:0}main.web-dev-page main div, main.web-dev-page article, main.web-dev-page section{min-width:0}
@media(max-width:1100px){main.web-dev-page .wrap{width:calc(100% - 48px)}main.web-dev-page .hero-grid{gap:30px}main.web-dev-page .hero-site .mini-hero{grid-template-columns:1fr}main.web-dev-page .hero-site .mini-art{position:absolute;width:115px;right:20px;bottom:115px;opacity:.3;pointer-events:none}main.web-dev-page .hero-site .mini-hero>div:first-child{position:relative;z-index:1}main.web-dev-page .hero-site{position:relative}main.web-dev-page .hero-note{margin-left:0}main.web-dev-page .section{padding:75px 0}main.web-dev-page .split, main.web-dev-page .section-head{gap:40px}main.web-dev-page .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main.web-dev-page .search-grid, main.web-dev-page .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main.web-dev-page .mini-nav{padding:14px}main.web-dev-page .mini-nav>span{display:none}main.web-dev-page .mini-hero{padding:22px 17px;gap:8px}main.web-dev-page .mini-hero h3{font-size:24px}main.web-dev-page .plumbing .mini-hero h3, main.web-dev-page .electrical .mini-hero h3{font-size:25px}main.web-dev-page .mini-services{padding:13px 12px;gap:5px}main.web-dev-page .handyman .mini-hero{padding:25px 45px}main.web-dev-page .showcase-meta{grid-template-columns:1fr;gap:10px}main.web-dev-page .trade-card{grid-template-columns:45px 1fr;gap:15px}main.web-dev-page .trade-icon{width:45px;height:45px;padding:7px}main.web-dev-page .trade-card h3{font-size:26px}main.web-dev-page .cta{padding:40px;gap:35px}}
@media(max-width:760px){main.web-dev-page .hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:45px;gap:20px}main.web-dev-page .hero h1{font-size:clamp(40px,7.7vw,58px)}main.web-dev-page .hero-visual{padding:20px 10px 0}main.web-dev-page .hero-site{transform:rotateZ(1deg)}main.web-dev-page .hero-site .mini-hero{grid-template-columns:1fr 1fr}main.web-dev-page .hero-site .mini-art{position:static;width:auto;opacity:1}main.web-dev-page .hero-note{margin:-8px 20px 0;padding:20px}main.web-dev-page .hero-site .mini-hero h3{font-size:32px}main.web-dev-page .trade-links .wrap{grid-template-columns:1fr 1fr}main.web-dev-page .trade-links a:nth-child(3){border-left:1px solid #d9e5f4}main.web-dev-page .trade-links a:nth-child(-n+2){border-bottom:1px solid #d9e5f4}main.web-dev-page .split, main.web-dev-page .section-head, main.web-dev-page .trade-grid, main.web-dev-page .cta, main.web-dev-page .search-note{grid-template-columns:1fr}main.web-dev-page .section-head{gap:0}main.web-dev-page .section-head p{margin-bottom:0;max-width:none}main.web-dev-page .section{padding:60px 0}main.web-dev-page .showcase-grid{grid-template-columns:1fr;gap:36px}main.web-dev-page .showcase-meta{grid-template-columns:1fr 1fr}main.web-dev-page .mini-nav>span{display:block}main.web-dev-page .mini-hero h3{font-size:32px}main.web-dev-page .mini-hero{min-height:290px;padding:30px}main.web-dev-page .plumbing .mini-hero h3, main.web-dev-page .electrical .mini-hero h3{font-size:32px}main.web-dev-page .mini-hero p{font-size:11px}main.web-dev-page .mini-button{font-size:10px}main.web-dev-page .mini-services{font-size:10px;padding:18px}main.web-dev-page .mini-end{font-size:13px}main.web-dev-page .mini-end span{font-size:10px}main.web-dev-page .handyman .mini-hero{padding:30px 80px}main.web-dev-page .handyman .mini-hero h3{font-size:34px}main.web-dev-page .trade-card{grid-template-columns:60px 1fr}main.web-dev-page .trade-icon{width:60px;height:60px}main.web-dev-page .trade-card h3{font-size:28px}main.web-dev-page .filter-row{gap:8px}main.web-dev-page .filter-row button{padding:10px 14px}main.web-dev-page .cta{gap:30px}main.web-dev-page .cta-note{margin-top:20px}}
@media(max-width:480px){main.web-dev-page .wrap{width:calc(100% - 36px)}main.web-dev-page .button.small{padding:11px 12px;font-size:11px}main.web-dev-page .hero-grid{padding-top:35px}main.web-dev-page .hero h1{font-size:40px}main.web-dev-page .hero-lead{font-size:21px}main.web-dev-page .actions{gap:15px}main.web-dev-page .actions .button{width:100%}main.web-dev-page .hero-notes{font-size:10px;gap:12px}main.web-dev-page .hero-visual{padding:12px 0 0}main.web-dev-page .hero-site .mini-hero h3{font-size:25px}main.web-dev-page .hero-site .mini-hero{padding:22px 17px;grid-template-columns:1.2fr .8fr}main.web-dev-page .hero-note{margin:0 8px;padding:17px}main.web-dev-page .hero-note b{font-size:16px}main.web-dev-page .hero-note span{font-size:9px}main.web-dev-page .hero-site .mini-nav>span{display:none}main.web-dev-page .trade-links a{padding:18px 12px;font-size:11px}main.web-dev-page .services-grid{grid-template-columns:1fr}main.web-dev-page .services-grid article{padding:26px}main.web-dev-page .trade-card{grid-template-columns:1fr}main.web-dev-page .trade-icon{width:50px;height:50px}main.web-dev-page .trade-card h3{font-size:27px}main.web-dev-page .section-head{margin-bottom:30px}main.web-dev-page .mini-nav>span{display:none}main.web-dev-page .mini-hero{padding:25px 18px;min-height:245px}main.web-dev-page .mini-hero h3, main.web-dev-page .plumbing .mini-hero h3, main.web-dev-page .electrical .mini-hero h3{font-size:25px}main.web-dev-page .mini-hero p{font-size:10px}main.web-dev-page .mini-button{font-size:8px}main.web-dev-page .mini-services{font-size:8px;padding:13px}main.web-dev-page .handyman .mini-hero{padding:25px 45px}main.web-dev-page .handyman .mini-hero h3{font-size:28px}main.web-dev-page .handyman .mini-art{width:55px;right:4px}main.web-dev-page .mini-end{font-size:11px}main.web-dev-page .mini-end span{font-size:8px}main.web-dev-page .showcase-meta{grid-template-columns:1fr}main.web-dev-page .showcase-meta h3{font-size:23px}main.web-dev-page .search-grid, main.web-dev-page .process-grid{grid-template-columns:1fr;gap:15px}main.web-dev-page .search-grid h3{font-size:25px}main.web-dev-page .search-note{padding:22px;gap:15px}main.web-dev-page .cta{padding:30px 23px}main.web-dev-page .section h2{font-size:32px}main.web-dev-page .browser-bar{font-size:7px}}
@media(prefers-reduced-motion:reduce){body.page-web-dev{scroll-behavior:auto}main.web-dev-page .button{transition:none}main.web-dev-page .button:hover{transform:none}main.web-dev-page .hero-site{transform:none}}

main.web-dev-page .search-note .marketing-offer{grid-column:1/-1;border-top:1px solid #c9d9ef;padding-top:18px;margin-top:0}main.web-dev-page .marketing-offer a{color:#2055b6;font-weight:600;text-decoration:underline;text-underline-offset:4px}


/* Page shell — does not touch homepage styles.css */
body.page-web-dev {
  margin: 0;
  color: #10223d;
  background: #fff;
  font: 16px/1.7 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.page-web-dev > footer.wrap {
  display: block;
  padding: 40px 34px 30px;
}

/* Reset homepage styles.css .hero grid — this page nests columns inside .hero-grid */
main.web-dev-page .hero {
  display: block;
  grid-template-columns: none;
  gap: 0;
  padding: 0;
  align-items: stretch;
}
main.web-dev-page .hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 55px;
  align-items: center;
  padding-top: 75px;
  padding-bottom: 80px;
  width: min(1200px, calc(100% - 80px));
  margin: auto;
}
main.web-dev-page .hero-visual {
  position: relative;
  min-height: 0;
  margin-top: 0;
  padding: 40px 0 55px;
}
main.web-dev-page .hero h1 {
  font-size: clamp(40px, 4.4vw, 65px);
  font-weight: 660;
  line-height: 1.13;
  letter-spacing: -.04em;
  margin: 0 0 24px;
}
main.web-dev-page h1,
main.web-dev-page h2,
main.web-dev-page h3,
main.web-dev-page p {
  margin-bottom: 24px;
}
main.web-dev-page p {
  margin: 0 0 22px;
}
@media (max-width: 1100px) {
  main.web-dev-page .hero-grid {
    gap: 30px;
    width: calc(100% - 48px);
  }
}
@media (max-width: 760px) {
  main.web-dev-page .hero-grid {
    grid-template-columns: 1fr;
    padding-top: 48px;
    padding-bottom: 45px;
    gap: 20px;
  }
  main.web-dev-page .hero-visual {
    padding: 20px 10px 0;
  }
}
@media (max-width: 480px) {
  main.web-dev-page .hero-grid {
    width: calc(100% - 36px);
    padding-top: 35px;
  }
  main.web-dev-page .hero h1 {
    font-size: 40px;
  }
  main.web-dev-page .hero-visual {
    padding: 12px 0 0;
  }
}