#top.web-design-page .website-hero-redesign.website-services{background:#0b0b0a;position:relative}#top .website-laptop-background{pointer-events:none;height:760px;position:absolute;inset:0 0 auto;overflow:hidden}#top .website-laptop-background>img{object-fit:cover;object-position:center;width:100%;height:100%}#top .website-laptop-shade{background:linear-gradient(90deg,#080808fa 0%,#080808eb 38%,#08080840 55%,#0808080a 75%),linear-gradient(#0000 70%,#0b0b0a);position:absolute;inset:0}#top .website-hero-redesign .website-intro{z-index:1}#top .website-hero-redesign .website-intro>.website-features{background:#0b0b0a;position:relative}@keyframes laptopHeroZoom{0%{transform:scale(1.03)}to{transform:scale(1.09)}}#top.web-design-page .website-hero-redesign .website-heading h1{max-width:44%;margin-top:32px;font-size:clamp(32px,3.7vw,64px);line-height:1.1}#top.web-design-page .website-hero-redesign .website-heading h1 span,#top.web-design-page .website-hero-redesign .website-heading h1 em{max-width:100%}#top.web-design-page .website-hero-redesign .website-intro>.website-cta{align-self:flex-start;margin:26px 0 110px;position:static}#top.web-design-page .website-hero-redesign .website-lead{max-width:470px;margin-bottom:0}#top.web-design-page .website-hero-redesign .website-intro>.kicker{max-width:44%;padding-top:80px;line-height:1.6}#top.web-design-page .website-hero-redesign .website-intro>.website-features{margin-top:30px}@media (max-width:800px){#top.web-design-page{padding-top:72px}#top .website-laptop-background{height:680px}#top .website-laptop-background>img{object-position:65% center}#top .website-laptop-shade{background:linear-gradient(90deg,#080808f5,#080808d9),linear-gradient(#0000 55%,#0b0b0a)}#top.web-design-page .website-hero-redesign .website-heading h1{max-width:100%;font-size:clamp(28px,6.5vw,48px);line-height:1.12}#top.web-design-page .website-hero-redesign .website-intro>.website-cta{margin-bottom:100px}#top.web-design-page .website-hero-redesign .website-intro>.kicker{max-width:100%;padding-top:80px}#top.web-design-page .website-hero-redesign .website-intro>.website-features{margin-top:60px}}@media (prefers-reduced-motion:reduce){#top .website-laptop-background>img{animation:none}}#top.web-design-page{padding-top:86px}.nav-links a[aria-current=page]{color:var(--acid)}.mobile-menu a[aria-current=page]{text-underline-offset:8px;text-decoration:underline}#top.web-design-page .website-hero-redesign.website-services{background:radial-gradient(at 85% 25%,#d8ff3e0b,#0000 45%),#0b0b0a;padding:88px 4vw 56px}#top.web-design-page .website-hero-redesign .website-intro>.kicker{letter-spacing:.15em;max-width:50%;padding:0;font-size:12px}#top.web-design-page .website-hero-redesign .website-heading h1{letter-spacing:-.055em;max-width:54%;margin:34px 0 30px;font-size:clamp(42px,5vw,88px);line-height:1.02}#top .website-hero-redesign .website-heading h1 em{letter-spacing:-.045em;font-weight:400}#top.web-design-page .website-hero-redesign .website-lead{color:#aaa99f;border:0;max-width:43%;margin:0;padding:0;font-size:18px;line-height:1.65}#top.web-design-page .website-hero-redesign .website-intro>.website-cta{align-self:flex-start;margin:28px 0 85px;padding:20px 26px;font-size:15px;position:static}#top .website-laptop-background{pointer-events:none;width:41%;height:auto;box-shadow:none;z-index:2;background:0 0;border:0;border-radius:0;margin:0;animation:.8s ease-out both showcaseEnter;inset:90px 4vw auto auto;overflow:visible;-webkit-mask-image:none;mask-image:none}#top .website-laptop-background>img{aspect-ratio:3/2;object-fit:contain;border-radius:12px;width:100%;height:auto;display:block}#top .website-laptop-background figcaption{letter-spacing:.08em;color:#aaa99f;background:0 0;margin-top:10px;padding:0;font-size:12px}#top .website-laptop-background figcaption span{letter-spacing:.1em;color:#aaa99f;font-size:12px}#top .website-laptop-background figcaption a{color:var(--acid);align-items:center;gap:12px;font-size:14px;display:flex}#top .website-laptop-background:hover{border:0}#top.web-design-page .website-hero-redesign .website-intro>.website-features{background:0 0;border-top:1px solid #ffffff25;grid-template-columns:repeat(4,1fr);gap:28px;margin:0;padding:26px 0 0;display:grid}#top .website-hero-redesign .website-features article{border:0;align-items:flex-start;gap:12px;padding:0}#top .website-hero-redesign .website-features h3{margin:0 0 8px;font-size:15px}#top .website-hero-redesign .website-features p{color:#8e9085;font-size:14px;line-height:1.6}#top .website-hero-redesign .website-features svg{flex-shrink:0;margin-top:2px}#top .website-hero-redesign .website-quote-note{border:0;align-items:baseline;gap:20px;margin-top:30px;padding:0;display:flex}#top .website-hero-redesign .website-quote-note span{color:var(--acid);flex-shrink:0}#top .website-hero-redesign .website-quote-note p{color:#8e9085;margin:0;font-size:14px}#top .web-design-section{border-top:1px solid #ffffff20;padding:88px 4vw}#top .web-design-section h2{letter-spacing:-.045em;max-width:850px;font-size:clamp(36px,4.5vw,68px);line-height:1.08}#top .web-design-cards{gap:18px}#top .web-design-cards article,#top .web-design-cards>a{background:#151611;border:1px solid #ffffff20;border-radius:18px;padding:32px;transition:transform .25s,border-color .25s;display:block}#top .web-design-cards article:hover,#top .web-design-cards>a:hover{border-color:#d8ff3e70;transform:translateY(-6px)}#top .web-design-cards h3{font-size:23px}#top .web-design-cards p{color:#aaa99f;font-size:16px;line-height:1.7}#top .web-design-cards>a>span{color:var(--acid);align-items:center;gap:9px;margin-top:24px;font-size:14px;display:flex}#top .web-design-process{background:var(--acid);color:#111}#top .web-design-process li{border-color:#1113;padding:28px 0}#top .web-design-process h2 em{color:#111}#top .web-design-process .kicker{color:#343a20}#top .web-design-example{grid-template-columns:1fr 1fr;gap:20px 8vw;display:grid}#top .web-design-example .kicker{grid-column:1/-1}#top .web-design-example h2{grid-row:span 2;margin:0}#top .web-design-example>p:not(.kicker){margin:0;font-size:18px;line-height:1.7}#top .web-design-faq article{padding:28px 0}#top .web-design-faq h3{font-size:20px}#top .web-design-faq article p{color:#aaa99f;font-size:16px;line-height:1.7}#top .web-design-final{background:#1a1e11;border:1px solid #d8ff3e40;border-radius:24px;margin:0 4vw 70px;padding:70px 4vw}#top .web-design-final h2{font-size:clamp(36px,4.5vw,68px)}@keyframes showcaseEnter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px) and (min-width:801px){#top .website-laptop-background{height:auto;top:95px}#top.web-design-page .website-hero-redesign .website-intro>.website-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){#top.web-design-page{padding-top:72px}#top.web-design-page .website-hero-redesign.website-services{flex-direction:column;gap:0;padding:56px 5vw 40px;display:flex}#top .website-hero-redesign .website-intro{display:contents}#top.web-design-page .website-hero-redesign .website-intro>.kicker{order:1;max-width:100%}#top .website-hero-redesign .website-heading{order:2}#top.web-design-page .website-hero-redesign .website-heading h1{max-width:100%;margin:26px 0 24px;font-size:clamp(38px,8.3vw,64px)}#top.web-design-page .website-hero-redesign .website-lead{order:3;max-width:100%;font-size:16px}#top.web-design-page .website-hero-redesign .website-intro>.website-cta{order:4;margin:26px 0 38px}#top .website-laptop-background{order:5;width:100%;height:auto;margin-bottom:38px;position:relative;inset:auto}#top.web-design-page .website-hero-redesign .website-intro>.website-features{order:6;grid-template-columns:repeat(2,1fr);gap:28px 18px}#top .website-hero-redesign .website-quote-note{order:7;display:block}#top .website-hero-redesign .website-quote-note p{margin-top:10px}#top .web-design-section{padding:56px 5vw}#top .web-design-example{display:block}#top .web-design-example h2{margin:24px 0}#top .web-design-example>a{margin-top:24px;display:inline-flex}#top .web-design-final{margin:0 5vw 40px;padding:38px 6vw}}@media (prefers-reduced-motion:reduce){#top .website-laptop-background{animation:none}#top .web-design-cards article{transition:none}}#top.web-seo-page{color:var(--cream);background:#0b0b0a}#top .web-seo-hero{background:radial-gradient(circle at 80% 25%,#d8ff3e1c,#0000 32%),linear-gradient(135deg,#0b0b0a 25%,#13150d);border-bottom:1px solid #ffffff20;flex-direction:column;justify-content:center;min-height:660px;padding:96px 4vw 80px;display:flex}#top .web-seo-hero .kicker{color:var(--acid);letter-spacing:.16em;font-size:13px}#top .web-seo-hero h1{letter-spacing:-.065em;max-width:1050px;margin:28px 0;font-size:clamp(46px,7vw,108px);line-height:.96}#top .web-seo-hero h1 em{color:var(--acid);font-family:Georgia,serif;font-weight:400}#top .web-seo-hero>p:not(.kicker){color:#c4c2b8;max-width:720px;font-size:19px;line-height:1.65}#top .web-seo-hero .website-cta{align-self:flex-start;margin-top:32px}#top .web-seo-highlights{border-bottom:1px solid #ffffff20;grid-template-columns:repeat(4,1fr);padding:0 4vw;display:grid}#top .web-seo-highlights article{border-right:1px solid #ffffff20;min-height:330px;padding:48px 28px 42px}#top .web-seo-highlights article:first-child{border-left:1px solid #ffffff20}#top .web-seo-highlights article>span{color:var(--acid);letter-spacing:.12em;font-size:13px}#top .web-seo-highlights h2{letter-spacing:-.025em;margin:72px 0 16px;font-size:24px}#top .web-seo-highlights p{color:#9f9e95;font-size:16px;line-height:1.65}#top .web-seo-split{grid-template-columns:1fr 1fr;gap:8vw;padding:100px 4vw;display:grid}#top .web-seo-split h2,#top .web-seo-included h2,#top .web-seo-faq h2,#top .web-seo-related h2{letter-spacing:-.05em;margin:24px 0;font-size:clamp(38px,4.5vw,70px);line-height:1.02}#top .web-seo-split>div>p:not(.kicker){color:#aaa99f;max-width:640px;font-size:17px;line-height:1.7}#top .web-seo-split ul{align-self:end;margin:0;padding:0;list-style:none}#top .web-seo-split li{border-top:1px solid #ffffff20;align-items:center;gap:14px;padding:19px 0;font-size:17px;display:flex}#top .web-seo-split li svg{color:var(--acid);flex-shrink:0}#top .web-seo-included{background:var(--acid);color:#111;padding:100px 4vw}#top .web-seo-included .kicker{color:#4b5600}#top .web-seo-included>div{border-top:1px solid #1114;grid-template-columns:repeat(3,1fr);margin-top:50px;display:grid}#top .web-seo-included>div p{border-bottom:1px solid #1114;border-right:1px solid #1114;gap:20px;min-height:120px;margin:0;padding:28px 22px;font-size:17px;line-height:1.5;display:flex}#top .web-seo-included>div p:nth-child(3n+1){border-left:1px solid #1114}#top .web-seo-included>div span{padding-top:5px;font-size:12px}#top .web-seo-included small{max-width:780px;margin-top:28px;font-size:14px;line-height:1.6;display:block}#top .web-seo-faq{padding:100px 4vw}#top .web-seo-faq>article{border-top:1px solid #ffffff20;grid-template-columns:.8fr 1.2fr;gap:8vw;max-width:1180px;padding:30px 0;display:grid}#top .web-seo-faq h3{font-size:19px}#top .web-seo-faq article p{color:#aaa99f;font-size:16px;line-height:1.7}#top .web-seo-related{border-top:1px solid #ffffff20;grid-template-columns:1fr 1fr;gap:8vw;padding:100px 4vw;display:grid}#top .web-seo-related nav{flex-direction:column;justify-content:center;display:flex}#top .web-seo-related nav a{border-top:1px solid #ffffff25;justify-content:space-between;gap:20px;padding:24px 0;font-size:18px;display:flex}#top .web-seo-related nav a:hover{color:var(--acid)}@media (max-width:950px){#top .web-seo-highlights{grid-template-columns:repeat(2,1fr)}#top .web-seo-highlights article:nth-child(3){border-left:1px solid #ffffff20}}@media (max-width:650px){#top .web-seo-hero{min-height:620px;padding:70px 5vw 58px}#top .web-seo-hero h1{font-size:clamp(42px,13vw,68px)}#top .web-seo-hero>p:not(.kicker){font-size:17px}#top .web-seo-highlights{padding:0 5vw;display:block}#top .web-seo-highlights article{border-bottom:1px solid #ffffff20;border-right:0;min-height:0;padding:34px 0;border-left:0!important}#top .web-seo-highlights h2{margin:30px 0 12px}#top .web-seo-split,#top .web-seo-related{grid-template-columns:1fr;padding:68px 5vw}#top .web-seo-split ul{margin-top:24px}#top .web-seo-included,#top .web-seo-faq{padding:68px 5vw}#top .web-seo-included>div{grid-template-columns:1fr}#top .web-seo-included>div p,#top .web-seo-included>div p:nth-child(3n+1){border-left:1px solid #1114;min-height:0}#top .web-seo-faq>article{grid-template-columns:1fr;gap:10px}}
