html{scroll-behavior:smooth;scroll-padding-top:24px}.web-design-page{--content:1650px}.service-header{position:relative;inset:auto;height:auto;min-height:120px;padding:26px max(4%,calc((100% - 1782px)/2));gap:60px;background:#111012;border-bottom:1px solid #f91b2455}.service-header .logo{width:185px}.service-header .nav{gap:24px}.header-cta{font:800 12px/1.4 Orbitron,sans-serif;white-space:nowrap;display:flex;align-items:center;gap:18px;min-height:48px;border-bottom:1px solid var(--red)}.header-cta span{font-size:25px;color:var(--red)}.design-container,.design-hero-inner{width:min(86%,var(--content));margin:auto}.design-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,#45121765,transparent 60%),#0d0c0d;padding:88px 0 90px;border-radius:0 0 0 120px}.design-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:url('terrain-pattern-converted011.png') center/cover;opacity:.09;pointer-events:none}.design-hero-inner{display:grid;grid-template-columns:1fr 1.06fr;gap:60px;align-items:center}.design-hero h1{font:900 clamp(32px,3.35vw,60px)/1.22 Orbitron,sans-serif;letter-spacing:0;max-width:none}.design-hero h1 span{color:var(--red)}.design-hero .section-kicker{font-size:12px;letter-spacing:.05em;margin-bottom:25px}.design-lead{font-size:clamp(21px,1.55vw,26px);line-height:1.5;max-width:650px;margin:30px 0 18px}.design-intro{font-size:18px;color:#b9b6b7;line-height:1.65;max-width:590px;margin:0}.design-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:35px}.design-actions .target{--button-scale:1;font-size:12px;flex:none;display:inline-flex;align-items:center;justify-content:center}.text-link{display:inline-flex;align-items:center;gap:14px;font:800 11px/1.6 Orbitron,sans-serif;min-height:48px;border-bottom:1px solid #ffffff60}.text-link span{font-size:22px;color:var(--red)}.design-visual{min-width:0;position:relative;padding:20px 0}.browser-frame{border:1px solid #ffffff35;border-radius:14px;overflow:hidden;box-shadow:0 24px 80px #0009;transform:perspective(1800px) rotateY(-5deg);background:#141414}.browser-bar{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;color:#999;font:600 9px/1.5 Orbitron,sans-serif;border-bottom:1px solid #ffffff20}.browser-bar span:first-child{color:var(--red);letter-spacing:3px}.browser-frame>img{display:block;width:100%;height:auto}.visual-caption{display:flex;justify-content:space-between;gap:18px;color:#e9e9e9;font:700 10px/1.6 Orbitron,sans-serif;margin:20px 8px}.visual-caption span{color:#999;font-size:9px}.visual-statement{display:flex;gap:22px;align-items:flex-start;margin:48px 0 0 14%;}.red-line{width:45px;height:2px;background:var(--red);margin-top:13px;flex:none}.visual-statement p{font:600 clamp(19px,1.5vw,25px)/1.6 Saira,sans-serif;margin:0;color:#d0cbcd}.design-section{padding:90px 0}.design-section h2{font:900 clamp(27px,2.5vw,44px)/1.35 Orbitron,sans-serif;margin:0;text-transform:uppercase;letter-spacing:0}.design-section h2 span{color:var(--red)}.design-section .section-kicker{font-size:12px}.value-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:60px}.value-copy p{font-size:21px;line-height:1.65;color:#bbb;margin:0 0 22px}.value-copy p:last-child{margin:0}.work-section{padding-top:25px}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:40px}.section-heading-row>p{max-width:370px;font-size:18px;line-height:1.6;color:#aaa;margin:0}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.portfolio-grid figure{margin:0;min-width:0}.project-image{overflow:hidden;border:1px solid #ffffff30;border-radius:20px 65px 20px 20px;background:#111}.project-image img{display:block;width:100%;height:auto}.portfolio-grid figcaption{padding:24px 0 0}.portfolio-grid h3{font:800 18px/1.5 Orbitron,sans-serif;margin:0 0 7px}.portfolio-grid p{font-size:18px;line-height:1.6;color:#aaa;margin:0}.build-section{position:relative;background:#141214;border-top:1px solid #f91b2455;border-bottom:1px solid #f91b2433;border-top-right-radius:130px}.build-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:60px}.build-list article{padding:0 0 27px;margin:0 0 27px;border-bottom:1px solid #ffffff25}.build-list article:last-child{padding:0;margin:0;border:0}.build-list h3{font:800 20px/1.45 Orbitron,sans-serif;margin:0 0 12px}.build-list p{font-size:19px;line-height:1.65;color:#bdb7bb;margin:0}.design-process{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:0;margin:48px 0 0;list-style:none;counter-reset:steps}.design-process li{counter-increment:steps;border-top:1px solid #f91b2480;padding-top:25px;min-width:0}.design-process li:before{content:counter(steps);display:block;color:var(--red);font:800 16px/1.5 Orbitron,sans-serif;margin-bottom:20px}.design-process h3{font:800 18px/1.5 Orbitron,sans-serif;margin:0 0 14px}.design-process p{font-size:18px;line-height:1.65;color:#aaa;margin:0}.design-faq{padding-top:15px}.design-faq .faq-layout{grid-template-columns:1fr 1.06fr;gap:60px}.web-design-page .inquiry{max-width:none}.web-design-page .inquiry .section-kicker{justify-content:center;font-size:12px}.web-design-page .site-footer{max-width:none;padding-left:max(7%,calc((100% - 1650px)/2));padding-right:max(7%,calc((100% - 1650px)/2))}.web-design-page .section-description{font-size:20px}
@media(min-width:1921px){.web-design-page .logo{width:185px}}
@media(max-width:1200px){.service-header{gap:35px}.service-header .logo{width:160px}.header-cta{display:none}.design-hero-inner,.value-grid,.build-grid,.design-faq .faq-layout{gap:35px}.design-hero h1{font-size:38px}.design-actions{gap:20px}.design-process{grid-template-columns:1fr 1fr;gap:32px 40px}.visual-caption{flex-direction:column;gap:3px}.design-hero{padding-top:65px;padding-bottom:70px}.design-actions .target{--button-scale:.88}}
@media(max-width:1100px){.service-header{min-height:95px;justify-content:space-between}.service-header .nav{top:82px;left:auto;right:7%;width:min(390px,86%)}.service-header .logo{width:160px}.service-header .menu-toggle{display:block}.service-header .nav a{font-size:13px}}
@media(max-width:900px){.design-hero-inner,.value-grid,.build-grid,.design-faq .faq-layout{grid-template-columns:1fr;gap:40px}.design-hero h1{font-size:clamp(32px,5.6vw,48px)}.design-hero h1 br{display:none}.design-hero h1 span{display:block}.design-hero-copy{max-width:720px}.design-hero{border-bottom-left-radius:70px}.design-visual{padding:0}.browser-frame{transform:none}.visual-caption{flex-direction:row}.visual-statement{margin:30px 0 0}.design-lead{max-width:650px;font-size:23px}.design-intro{max-width:650px}.design-section{padding:65px 0}.work-section{padding-top:0}.section-heading-row{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.section-heading-row>p{max-width:520px}.value-copy p{font-size:19px}.build-section{border-top-right-radius:80px}.portfolio-grid{gap:24px}.portfolio-grid h3{font-size:16px}.portfolio-grid p{font-size:17px}.build-list h3{font-size:19px}.build-list p{font-size:18px}.design-faq{padding-top:0}.design-process{margin-top:35px}.design-actions .target{--button-scale:1}.visual-caption{font-size:10px}}
@media(max-width:540px){.service-header{padding:22px 7%;min-height:88px}.service-header .logo{width:150px}.design-hero{padding:48px 0 55px;border-bottom-left-radius:50px}.design-hero h1{font-size:clamp(27px,7.7vw,38px);line-height:1.3}.design-hero .section-kicker{font-size:10px;line-height:1.7;gap:10px;margin-bottom:20px}.design-lead{font-size:21px;margin-top:24px}.design-intro{font-size:17px}.design-actions{gap:14px;align-items:flex-start;flex-direction:column;margin-top:28px}.design-actions .target{--button-scale:.85}.browser-bar{font-size:7px;padding:12px 10px}.browser-bar span:first-child{letter-spacing:1px}.visual-caption{flex-direction:column;gap:4px;margin-left:0}.visual-statement{gap:17px}.visual-statement p{font-size:20px}.design-section{padding:55px 0}.design-section h2{font-size:clamp(25px,6.7vw,33px)}.design-section .section-kicker{font-size:10px}.value-grid,.build-grid{gap:27px}.value-copy p{font-size:18px}.work-section{padding-top:0}.portfolio-grid{grid-template-columns:1fr;gap:34px}.project-image{border-radius:14px 45px 14px 14px}.portfolio-grid figcaption{padding-top:18px}.design-process{grid-template-columns:1fr;gap:27px}.design-process li{padding-top:20px}.design-process li:before{margin-bottom:14px}.design-process h3{font-size:19px}.design-process p{font-size:17px}.design-faq{padding-top:0}.design-faq .faq-item summary{font-size:16px}.web-design-page .section-description{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.design-hero .section-kicker{max-width:none}
.service-header .header-cta{min-height:48px;padding:12px 18px;border:1px solid var(--red);border-radius:28px;background:var(--red);font-size:10px;gap:10px}
@media(min-width:1101px){.service-header{gap:28px}.service-header .header-cta{display:inline-flex}.service-header .nav{gap:16px}.service-header .nav a{font-size:12px}}

.service-header{left:auto;right:auto;padding-left:2%;padding-right:2%}
@media(max-width:1100px){.service-header{padding-left:16px;padding-right:16px}.service-header .nav{right:16px;width:min(390px,calc(100% - 32px))}}

@media(min-width:1101px){.service-header{justify-content:center;gap:40px}.service-header .nav{flex:0 0 auto;justify-content:center;gap:12px}.service-header .logo{width:180px}.service-header .nav a{padding:8px 2px}.service-header .header-cta{padding:10px 18px}}
@media(min-width:1101px) and (max-width:1280px){.service-header{gap:24px}.service-header .nav{gap:9px}.service-header .logo{width:160px}}