:root{--web-black:#111111;--web-charcoal:#2f2f2f;--web-gold:#d4af37;--web-soft-white:#f8f7f4;--web-paper:#ffffff;--web-muted:#68645d;}
body{background:var(--web-soft-white);color:var(--web-charcoal);font-family:'Jost',sans-serif;}
h1,h2,h3{color:var(--web-black);font-family:'Cormorant Garamond',serif;letter-spacing:normal;}
.wrap{max-width:1120px;}
.hero{background:var(--web-black);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,1fr);min-height:590px;overflow:hidden;}
.hero-top{align-items:flex-start;background:transparent;display:flex;flex-direction:column;justify-content:center;padding:72px 4vw 72px max(5vw,calc((100vw - 1120px)/2));text-align:left;}
.hero-top::before{color:var(--web-gold);content:'WEB SERVICES';font-family:'Jost',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.24em;margin-bottom:24px;}
.hero-top h1{font-size:clamp(2.8rem,4.4vw,4.25rem);font-weight:600;letter-spacing:-.025em;line-height:1;max-width:650px;}
.hero-top h1 em{color:var(--web-gold);font-style:normal;}
.hero>img{height:100%;min-height:590px;object-fit:cover;object-position:center;width:100%;}
.hero-band{align-items:flex-start;background:linear-gradient(90deg,var(--web-black),#242424);display:flex;flex-direction:column;grid-column:1/-1;padding:34px max(5vw,calc((100vw - 1120px)/2)) 38px;text-align:left;}
.hero-band p{margin:0 0 24px;max-width:820px;}
.btn{background:var(--web-gold);border-radius:4px;color:var(--web-black);}
.btn:hover{box-shadow:0 8px 24px rgba(212,175,55,.3);}
.jumpnav{background:rgba(248,247,244,.96);border-bottom-color:rgba(212,175,55,.28);}
.jumpnav-label{color:var(--web-charcoal);}.jumpnav a:hover,.jumpnav a:focus-visible,.jumpnav a.active{border-bottom-color:var(--web-gold);color:#9a7414;}
.staff span{background:var(--web-gold);}
section{padding:clamp(68px,8vw,96px) 0;}
.eyebrow{color:#9a7414;font-family:'Jost',sans-serif;}
.section-title{font-size:clamp(2rem,4vw,3rem);}
.problem{background:var(--web-soft-white);}.problem p{color:var(--web-muted);}
.web-about{background:var(--web-black);color:rgba(255,255,255,.8)}.web-about-grid{align-items:start;display:grid;gap:50px 80px;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr)}.web-about .eyebrow{color:var(--web-gold);text-align:left}.web-about .section-title{color:var(--web-paper);margin-bottom:0;text-align:left}.web-about-copy{border-left:1px solid rgba(212,175,55,.55);padding:12px 0 12px 36px}.web-about-copy p{font-size:clamp(1.05rem,2vw,1.18rem);line-height:1.8;margin-bottom:20px;max-width:650px}.web-about-copy p:last-child{margin-bottom:0}.web-founder{align-items:start;border-top:1px solid rgba(212,175,55,.38);display:grid;gap:48px;grid-column:1/-1;grid-template-columns:240px minmax(0,1fr);margin-top:22px;padding-top:56px}.web-founder img{border:1px solid rgba(212,175,55,.55);display:block;height:300px;object-fit:cover;width:240px}.web-founder-copy h3{color:var(--web-paper);font-size:clamp(2rem,4vw,3rem);margin-bottom:20px}.web-founder-copy p{line-height:1.75;margin-bottom:18px;max-width:700px}.web-founder-copy blockquote{border-left:2px solid var(--web-gold);color:var(--web-paper);font-family:'Cormorant Garamond',serif;font-size:clamp(1.45rem,3vw,2rem);font-style:italic;line-height:1.35;margin-top:30px;padding-left:24px}
.services{background:var(--web-paper);}.services-grid{gap:0 46px;margin-top:48px;}.service{background:transparent;border-bottom:1px solid rgba(17,17,17,.15);border-top:1px solid rgba(212,175,55,.6);border-radius:0;padding:30px 0 34px;}.service h3{border-bottom:0;color:var(--web-black);font-size:1.42rem;padding:0;}.service p{color:var(--web-muted);}
.plans{background:var(--web-soft-white);}.plans-grid{gap:0;margin-top:50px}.plan{background:transparent;border:0;border-left:1px solid rgba(17,17,17,.15);border-radius:0;box-shadow:none;padding:34px 30px;text-align:left}.plan:first-child{border-left:0}.plan h3{border-top:1px solid var(--web-gold);padding-top:18px}.plan .price{color:#9a7414;font-family:'Cormorant Garamond',serif;}.plans+.plans{border-top:1px solid rgba(212,175,55,.2);}
#basic-web-services-special{background:var(--web-black);color:rgba(255,255,255,.82);padding:58px 0}#basic-web-services-special .eyebrow{color:var(--web-gold)}#basic-web-services-special .section-title{color:var(--web-paper)}#basic-web-services-special .plans-grid{margin-top:30px;max-width:800px;margin-left:auto;margin-right:auto}#basic-web-services-special .plan{border:1px solid rgba(212,175,55,.7);padding:32px 36px;text-align:center}#basic-web-services-special .plan h3{border-top:0;color:var(--web-paper);padding-top:0}#basic-web-services-special .plan p{color:rgba(255,255,255,.78)}#basic-web-services-special .plans-note{color:rgba(255,255,255,.68)}
.how{background:var(--web-paper);}.steps{gap:0;text-align:left}.step{border-top:1px solid rgba(212,175,55,.65);padding:28px 28px 0}.step:first-child{padding-left:0}.step:last-child{padding-right:0}.step .num{color:#9a7414;font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:700;}.step .num::before{content:'STEP ';font-family:'Jost',sans-serif;font-size:.7rem;letter-spacing:.14em;}.step h3{color:var(--web-black);}
.cta{background:linear-gradient(125deg,var(--web-black),#242424);}.cta h2{font-family:'Cormorant Garamond',serif;}.cta .contact a{color:var(--web-gold);}
@media(max-width:820px){.hero{display:flex;flex-direction:column;min-height:0}.hero-top{padding:64px 24px 48px;text-align:center;align-items:center}.hero>img{height:auto;min-height:0}.hero-band{padding:34px 24px 48px;text-align:center;align-items:center}.web-about-grid{display:block;text-align:center}.web-about .eyebrow,.web-about .section-title{text-align:center}.web-about-copy{border-left:0;border-top:1px solid rgba(212,175,55,.55);margin-top:30px;padding:28px 0 0}.web-founder{display:block;margin-top:48px;padding-top:44px}.web-founder img{height:240px;margin:0 auto 32px;width:200px}.web-founder-copy blockquote{border-left:0;border-top:1px solid var(--web-gold);padding:24px 0 0}.services-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.plan,.plan:first-child{border-left:0;border-top:1px solid rgba(17,17,17,.15);padding:28px 0}.steps{grid-template-columns:1fr}.step,.step:first-child,.step:last-child{padding:26px 0}.jumpnav{position:relative!important;top:auto!important}}