:root{--navy:#162339;--blue:#3155bd;--muted:#59616e;--line:#dce0e6;--paper:#f6f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#fff;color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6082eb;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.header{height:116px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:43px;letter-spacing:-3px;font-weight:800;line-height:1}.brand-dot{color:var(--blue)}.brand-sub{font-size:22px;font-weight:400;letter-spacing:-.7px;margin-left:5px}.header nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-cta{border-bottom:1px solid var(--navy);padding-block:8px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1.7px;margin:0 0 26px}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:65px;padding-block:55px 84px}h1{font-size:clamp(64px,6.4vw,94px);line-height:.99;font-weight:500;letter-spacing:-5px;margin:0 0 30px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em{color:var(--blue)}.lead{font-size:20px;line-height:1.5;margin-bottom:16px}.hero-description{max-width:365px;color:var(--muted);margin:0 0 29px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 23px;background:var(--navy);color:white;font-size:14px;font-weight:700;border:1px solid var(--navy);cursor:pointer;transition:background .2s}.button:hover{background:var(--blue)}.micro{color:var(--muted);font-size:12px;margin-top:13px}.hero-art{background:#edf0f6;padding:28px 26px 20px;align-self:center;margin-top:20px}.art-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#5a6577;margin-bottom:32px}.art-label span:last-child{font-size:10px;letter-spacing:1px}.browser{background:white;border:1px solid #cdd3dd;box-shadow:0 16px 28px #16233912;transform:rotate(-3deg)}.browser-top{display:flex;gap:20px;align-items:center;padding:9px 14px;font-size:10px;border-bottom:1px solid #dde1e6;color:#7d8390}.browser-dots{font-size:7px;letter-spacing:2px;color:#a5acb8}.sample{background:#e7ebe3;color:#334234;padding:24px 25px 22px}.sample-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px}.sample-nav strong{font-size:12px;letter-spacing:1px}.sample-nav strong span{display:block;font-size:7px;letter-spacing:2.5px}.sample-kicker{font-size:9px;margin-top:45px}.sample h2{font-family:Georgia,serif;font-size:46px;line-height:1.07;letter-spacing:-2px;font-weight:400;margin:18px 0}.sample>p:not(.sample-kicker){font-size:10px}.sample-button{display:inline-block;padding:10px 14px;background:#334234;color:#fff;font-size:9px;margin-top:10px}.sample-bottom{border-top:1px solid #bac4b5;margin-top:43px;padding-top:12px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.5px}.art-footer{display:flex;align-items:center;gap:20px;margin-top:38px;font-size:12px;line-height:1.5}.mini-rule{width:34px;height:2px;background:var(--blue)}.concept-note{font-size:10px;color:#666e7d;margin-bottom:0}.positioning{border-block:1px solid var(--line)}.positioning-inner{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:22px;font-size:13px;color:var(--muted)}.positioning p{margin:0;font-weight:700;color:var(--navy)}.section{padding-block:92px}.section-heading h2,.pricing h2{font-size:42px;font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin:0 0 20px}.section-heading>p:last-child{color:var(--muted);max-width:540px}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.service-list article{border-top:1px solid var(--navy);padding-top:24px}.number{font-size:12px;color:var(--blue)}h3{font-weight:500;font-size:21px;line-height:1.3}.service-list p,.steps p,.reason p{color:var(--muted);font-size:15px}.service-tag{display:block;margin-top:26px;font-size:12px;color:var(--navy)}.why{background:var(--navy);color:white}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:84px}.why h2,.contact h2{font-size:54px;font-weight:400;line-height:1.1;letter-spacing:-2px;margin:0}.why h2 em{color:#bfcdf5}.family{font-size:12px;margin-top:38px;color:#bfc8da}.large-copy{font-size:22px;line-height:1.5;margin-top:0}.reason{border-top:1px solid #ffffff29;padding-top:17px;margin-top:24px}.reason h3{margin:0 0 8px;font-size:18px}.reason p{color:#bcc5d5;margin:0}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;margin:44px 0 0}.steps li{border-top:1px solid var(--line);padding-top:20px}.steps span{font-size:11px;letter-spacing:1px;color:var(--blue)}.steps h3{font-size:19px;margin:18px 0 14px}.pricing{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:66px 90px}.pricing>div>p:not(.large-copy):not(.eyebrow){color:var(--muted);font-size:15px}.text-link{display:inline-block;font-size:14px;font-weight:700;border-bottom:1px solid var(--navy);padding-bottom:3px;margin-top:10px}.contact{background:#e9edf6;padding-block:80px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2 em{color:var(--blue)}.contact-grid>div>p:last-child{max-width:360px;color:var(--muted);margin-top:26px}form h3{font-size:21px;margin:0 0 24px}label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}input,textarea,select{width:100%;border:1px solid #b3bccb;background:#ffffff9c;color:var(--navy);border-radius:0;padding:10px 12px;margin-bottom:18px;min-height:45px}textarea{resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-note{font-size:12px;color:#4c586c;max-width:390px}#form-status{font-size:14px;font-weight:700}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:37px}.footer .brand{font-size:31px}.footer .brand-sub{font-size:17px}.footer p,.footer>span{font-size:12px;color:var(--muted)}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:15px}
@media(min-width:1500px){.hero{gap:100px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:35px}h1{font-size:68px}.art-label{display:block}.art-label span:last-child{display:block;margin-top:4px}.sample h2{font-size:36px}.sample-nav>span{display:none}.why-grid,.contact-grid,.pricing{gap:45px}.why h2,.contact h2{font-size:45px}.steps{grid-template-columns:repeat(2,1fr)}.positioning-inner{flex-wrap:wrap}.positioning-inner p{flex-basis:100%}.footer{flex-wrap:wrap}.footer>span{flex-basis:100%}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:36px}.brand-sub{font-size:19px}.header nav{gap:18px}.header nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-block:36px 50px;gap:34px}h1{font-size:clamp(57px,13vw,84px);letter-spacing:-3px}.eyebrow{font-size:11px}.hero-description{max-width:390px}.hero-art{margin-top:0;padding:22px}.art-label{display:flex}.art-label span:last-child{margin:0;font-size:8px}.sample h2{font-size:43px}.sample-nav>span{display:block}.positioning-inner{gap:12px 24px;font-size:12px}.section{padding-block:60px}.section-heading h2,.pricing h2{font-size:34px}.service-list,.why-grid,.contact-grid,.pricing{grid-template-columns:1fr;gap:30px}.service-list{margin-top:30px}.service-list article{padding-top:18px}.service-list h3{margin-block:14px}.service-tag{margin-top:15px}.why-grid{padding-block:60px}.why h2,.contact h2{font-size:43px}.family{margin-top:24px}.large-copy{font-size:20px}.steps{gap:28px 20px}.steps h3{font-size:18px}.pricing{padding-block:45px 60px}.contact{padding-block:60px}.contact-grid{gap:35px}.field-pair{grid-template-columns:1fr;gap:0}.footer{padding-block:30px;gap:12px}.footer p{margin:0}.footer>span{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Multi-page refinement: restrained navigation, upright preview and compact rhythm. */
.header{height:100px;border-bottom:1px solid var(--line)}
.header nav a[aria-current="page"]{color:var(--blue)}
.hero{padding-block:76px 84px;gap:80px}.hero h1{font-size:clamp(60px,6.3vw,86px);letter-spacing:-3.8px;line-height:1.07}
.hero .lead{max-width:460px;font-size:19px;line-height:1.65}.hero-description{max-width:440px}.micro{max-width:350px}
.hero-art{background:#f1f3f7;padding:30px;border:1px solid #e4e8ef}.browser{transform:none;box-shadow:0 12px 30px #1623390c}.art-label{margin-bottom:24px}.art-footer{margin-top:24px}
.service-list{gap:48px}.section{padding-block:76px}.why{margin-top:72px}.why-grid{padding-block:76px}.why h2{font-size:48px}
.page-intro{padding-block:80px 46px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(44px,5.5vw,72px);letter-spacing:-3px;line-height:1.1;margin-bottom:28px}.page-intro h1 em{color:var(--blue)}.page-intro .lead{max-width:680px;color:var(--muted)}
.project-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:74px}.project-cta h2{font-weight:400;font-size:38px;letter-spacing:-1.2px;line-height:1.2;margin:0}.project-cta .eyebrow{margin-bottom:16px}
.contact{background:#f1f3f7;padding-block:80px 100px}.contact h1{font-size:clamp(50px,5.3vw,74px);letter-spacing:-3px;line-height:1.06}.contact h1 em{color:var(--blue)}.contact form{background:white;border:1px solid var(--line);padding:32px}.contact input,.contact textarea,.contact select{background:#fafbfc}.footer{border-top:1px solid var(--line)}
@media(max-width:700px){.header{height:90px}.header nav{gap:14px;font-size:13px}.header nav>a:not(.nav-cta){display:block}.header nav a:first-child{display:none}.brand{font-size:33px}.brand-sub{font-size:17px}.hero{padding-block:48px 52px;gap:32px}.hero h1{font-size:clamp(52px,12vw,70px);letter-spacing:-2.5px}.hero .lead{font-size:18px}.hero-art{padding:20px}.section{padding-block:52px}.why{margin-top:48px}.why h2{font-size:40px}.why-grid{padding-block:52px}.page-intro{padding-block:48px 32px}.page-intro h1{font-size:43px;letter-spacing:-2px}.project-cta{align-items:flex-start;flex-direction:column;padding-block:52px}.project-cta h2{font-size:32px}.contact{padding-block:48px 60px}.contact form{padding:24px 20px}.contact h1{font-size:53px}.contact-grid{gap:28px}}

@media(max-width:700px){.header nav{gap:12px;font-size:12px}.header nav a{white-space:nowrap}.header .brand-sub{font-size:15px}.header .brand{font-size:30px}.header{gap:14px}.steps{grid-template-columns:1fr}.steps li{padding-block:24px}.steps h3{font-size:22px}.steps p{font-size:16px;max-width:540px}}
@media(max-width:370px){.header{flex-wrap:wrap;height:auto;padding-block:20px;gap:20px}.header nav{width:100%;justify-content:space-between}.header nav a:first-child{display:block}}

.price{font-size:48px!important;letter-spacing:-2px;color:var(--navy)!important;line-height:1.2;margin:24px 0 10px}.price span{font-size:18px;letter-spacing:0}.included{padding-left:20px;color:var(--muted)}.included li{margin-bottom:13px}.terms-note{font-size:14px!important;line-height:1.7}.payment-line{border-top:1px solid var(--line);padding-top:20px;font-weight:700;font-size:14px}.care{background:#f1f3f7}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:70px}.care h2,.assurance h2,.timeline-note h2{font-size:38px;line-height:1.15;letter-spacing:-1.2px;font-weight:400;margin:0 0 24px}.care p,.assurance p,.timeline-note p{color:var(--muted)}.assurance>p:not(.eyebrow){max-width:760px}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:45px;border-top:1px solid var(--line);margin-top:45px}.project-facts strong{display:block;font-size:22px;font-weight:500}.project-facts span{display:block;font-size:13px;color:var(--muted);margin-top:8px}.timeline-note{padding-block:45px;border-bottom:1px solid var(--line)}.timeline-note p:last-child{max-width:720px}@media(max-width:700px){.care-grid{grid-template-columns:1fr;gap:24px;padding-block:48px}.project-facts{grid-template-columns:1fr 1fr;gap:26px}.project-facts strong{font-size:20px}.price{font-size:42px!important}.care h2,.assurance h2,.timeline-note h2{font-size:32px}}

.optional{font-weight:400;color:var(--muted)}

/* Homepage starter offer: clear price hierarchy and aligned supporting benefits. */
.home-services{padding-bottom:40px}.project-facts{grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:0;padding-block:56px;border-bottom:1px solid var(--line)}.starter-summary .eyebrow{margin-bottom:18px}.starter-summary h2{font-size:38px;line-height:1.18;letter-spacing:-1.3px;font-weight:500;margin:0 0 18px}.starter-summary h2 span{display:inline;color:var(--blue);font-size:inherit;line-height:inherit;margin:0}.starter-summary>p:not(.eyebrow){max-width:400px;font-size:16px;color:var(--muted);margin-bottom:18px}.starter-benefits{margin:0}.starter-benefits>div{padding:20px 0;border-top:1px solid var(--line)}.starter-benefits>div:first-child{padding-top:0;border-top:0}.starter-benefits dt{font-size:18px;line-height:1.4;font-weight:600;margin-bottom:7px}.starter-benefits dd{margin:0;max-width:420px;font-size:15px;line-height:1.65;color:var(--muted)}.project-facts+.why{margin-top:56px}@media(max-width:700px){.home-services{padding-bottom:28px}.project-facts{grid-template-columns:1fr;gap:32px;padding-block:38px}.starter-summary h2{font-size:34px}.starter-benefits>div:first-child{border-top:1px solid var(--line);padding-top:20px}.project-facts+.why{margin-top:40px}}

.starter-package{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.starter-package .button{margin-top:10px}.package-scope{padding:22px 24px;background:var(--paper);margin-top:12px;border-left:2px solid var(--blue)}.package-scope h3{font-size:16px;font-weight:600;margin:0 0 8px}.package-scope p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}@media(max-width:700px){.starter-package{grid-template-columns:1fr;gap:32px;padding-block:38px}.package-scope{padding:20px}}
