.page-web-design-development{--guide-ease: cubic-bezier(.22, 1, .36, 1)}.services-overview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:center;padding:clamp(32px,4.5vw,64px);border:1px solid color-mix(in srgb,var(--hairline) 75%,transparent);border-radius:20px;background:var(--surface-canvas);scroll-margin-top:128px}.services-overview__label{margin-bottom:18px;color:var(--accent);font:500 12px/1.5 var(--font-sans);letter-spacing:.02em}.services-overview h2{max-width:20ch;font:500 clamp(32px,3.5vw,52px)/1.16 var(--font-sans);letter-spacing:-.025em;text-wrap:balance}.services-overview>p{max-width:34ch;padding-top:36px;color:var(--color-grey-200);font-size:clamp(15px,1.4vw,18px);line-height:1.75;text-wrap:pretty}.service-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:center;padding:clamp(72px,9vw,120px) 0;border-bottom:1px solid var(--hairline);scroll-margin-top:128px}.service-name{display:flex;align-items:baseline;gap:14px;margin-bottom:24px;color:var(--accent);font-size:clamp(24px,2.5vw,36px);line-height:1.25;text-wrap:balance}.service-name>span{flex-shrink:0;color:var(--text-soft);font-size:.8em;font-variant-numeric:tabular-nums}.service-chapter h2{max-width:19ch;font:500 clamp(32px,3.4vw,48px)/1.16 var(--font-sans);letter-spacing:-.035em;text-wrap:balance}.service-summary{max-width:55ch;margin-top:24px;color:var(--text-soft);font-size:16px;line-height:1.8;text-wrap:pretty}.service-scene{min-width:0;margin:0}.service-scene figcaption{max-width:58ch;margin-top:18px;color:var(--text-soft);font-size:12px;line-height:1.65}.scene-browser,.scene-search,.scene-answer,.scene-workflow{overflow:hidden;border:1px solid var(--hairline-strong);border-radius:10px;background:#101012}.scene-browser__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;color:var(--text-soft);font-size:10px}.scene-dots{letter-spacing:4px;color:var(--color-grey-600);font-size:8px}.scene-browser img{display:block;width:100%;height:auto}.scene-search,.scene-answer,.scene-workflow{padding:clamp(24px,3.1vw,44px)}.scene-example{margin-bottom:28px;color:var(--text-soft);font-size:11px;line-height:1.5}.scene-search__query{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid var(--hairline-strong);border-radius:6px;color:var(--color-white);font-size:15px}.scene-search__query>span:first-child{font-size:24px}.scene-search__query>span:last-child{margin-left:auto;color:var(--text-soft)}.scene-search__tabs{display:flex;flex-wrap:wrap;gap:18px;margin:22px 0 28px;padding-bottom:16px;border-bottom:1px solid var(--hairline);font-size:10px;color:var(--text-soft)}.scene-search__tabs span:first-child{color:var(--accent)}.scene-site{display:block;font-size:11px;color:var(--text-soft)}.scene-search__result strong{display:block;margin:12px 0;color:var(--accent);font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.45}.scene-search__result p{color:var(--color-grey-200);font-size:13px;line-height:1.8}.scene-search__foundation{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:30px;padding-top:20px;border-top:1px solid var(--hairline);font-size:10px;color:var(--text-soft)}.scene-answer__question{max-width:90%;margin:0 0 28px auto;padding:16px 18px;border-radius:8px 8px 0;background:var(--color-grey-800);font-size:14px;line-height:1.5}.scene-answer__response{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px}.scene-answer__mark{color:var(--accent);font-size:24px}.scene-answer__response strong{font-size:18px;font-weight:500;line-height:1.5}.scene-answer__response p{margin-top:12px;color:var(--color-grey-200);font-size:13px;line-height:1.8}.scene-answer__sources{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.scene-answer__sources span{padding:6px 8px;border:1px solid var(--hairline-strong);border-radius:4px;color:var(--text-soft);font-size:10px;line-height:1.5}.scene-workflow__steps{list-style:none;padding:0;margin:0}.scene-workflow__steps li{position:relative;display:flex;gap:20px;align-items:center;padding-bottom:28px}.scene-workflow__steps li:not(:last-child):after{content:"";position:absolute;top:46px;bottom:4px;left:22px;width:1px;background:var(--hairline-strong)}.scene-workflow__steps li:last-child{padding-bottom:0}.scene-workflow__symbol{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border:1px solid var(--hairline-strong);border-radius:8px;color:var(--accent);font-size:22px}.scene-workflow__steps strong{font-size:15px;font-weight:500;line-height:1.5}.scene-workflow__steps p{margin-top:6px;color:var(--text-soft);font-size:12px;line-height:1.6}.scene-workflow__note{margin-top:28px;padding-top:20px;border-top:1px solid var(--hairline);color:var(--text-soft);font-size:11px;line-height:1.7}.page-web-design-development .services-care{margin:clamp(72px,9vw,120px) 0;scroll-margin-top:128px}.services-care__title h2{margin:20px 0 0;max-width:13ch;font:500 clamp(32px,4vw,56px)/1.15 var(--font-sans);letter-spacing:-.035em;text-wrap:balance}.page-web-design-development .services-care__live:after,.page-web-design-development .care-item svg *{animation:none}.services-contact{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);padding:0 0 clamp(72px,9vw,120px)}.services-contact .eyebrow{color:var(--accent);margin-bottom:24px}.services-contact h2{max-width:18ch;font:500 clamp(32px,3.8vw,54px)/1.15 var(--font-sans);letter-spacing:-.035em;text-wrap:balance}.services-contact__bottom{display:flex;flex-direction:column;align-items:start;justify-content:end;gap:24px}.services-contact__bottom p{max-width:50ch;color:var(--text-soft);font-size:16px;line-height:1.8}@media(max-width:760px){.services-overview,.service-chapter,.services-contact{grid-template-columns:minmax(0,1fr)}.services-overview{gap:24px;padding:32px 24px;border-radius:16px}.services-overview__label{margin-bottom:14px}.services-overview>p{max-width:42ch;padding-top:0}.service-chapter{gap:36px;padding-block:64px;scroll-margin-top:110px}.service-chapter h2{max-width:22ch;font-size:clamp(30px,7vw,40px)}.service-summary{font-size:15px}.services-overview h2,.services-contact h2{font-size:clamp(30px,7vw,40px)}.page-web-design-development .services-care{margin-block:64px;scroll-margin-top:110px}.scene-search,.scene-answer,.scene-workflow{padding:24px}}.services-line-sidebar{position:fixed;top:50%;left:0;z-index:8;transform:translateY(-50%);width:208px}@media(prefers-reduced-motion:no-preference){.services-line-sidebar:not([hidden]){animation:services-sidebar-enter .5s cubic-bezier(.22,1,.36,1) both}}@keyframes services-sidebar-enter{0%{transform:translate(-100%,-50%);opacity:0}to{transform:translateY(-50%);opacity:1}}.services-line-sidebar .line-sidebar{--font-size: .75rem}.services-line-sidebar .line-sidebar__label{text-decoration:none;padding-block:6px}.services-line-sidebar .line-sidebar__item:before{display:none}.services-line-sidebar .line-sidebar__label:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.services-line-sidebar>nav:not(.line-sidebar){display:grid;gap:18px;padding:16px;font-size:12px}.page-web-design-development .service-name,.page-web-design-development .service-name>span,.page-web-design-development .eyebrow,.page-web-design-development .care-item__index,.services-line-sidebar .line-sidebar__label,.services-line-sidebar .line-sidebar__index{font-family:var(--font-display)}@media(min-width:761px){.service-chapter:nth-child(2n) .service-chapter__copy{grid-column:2;grid-row:1}.service-chapter:nth-child(2n) .service-scene{grid-column:1;grid-row:1}}@media(min-width:1280px){.page-web-design-development main>.container{width:calc(100% - 280px);max-width:1200px;margin-left:max(232px,calc((100vw - 1200px)/2));margin-right:48px}}@media(max-width:1279px){.services-line-sidebar{width:50px}.services-line-sidebar .line-sidebar{--marker-length: 20px !important;--marker-gap: 8px !important;--max-shift: 0px !important}.services-line-sidebar .line-sidebar__label{min-height:32px;width:26px}.services-line-sidebar .line-sidebar__index{font-size:10px;margin-right:0}.services-line-sidebar .line-sidebar__text{position:absolute;left:26px;top:4px;padding:8px 12px;border:1px solid var(--hairline-strong);border-radius:4px;background:var(--surface-canvas);white-space:nowrap;opacity:0;pointer-events:none}.services-line-sidebar .line-sidebar__label:focus-visible .line-sidebar__text{opacity:1}.page-web-design-development main>.container{width:calc(100% - 88px);margin-left:64px;margin-right:24px}}@media(hover:hover)and (pointer:fine){.services-line-sidebar .line-sidebar__label:hover .line-sidebar__text{opacity:1}}@media(max-width:600px){.services-line-sidebar{width:36px}.services-line-sidebar .line-sidebar{--marker-length: 10px !important;--marker-gap: 5px !important;--item-gap: 10px !important}.services-line-sidebar .line-sidebar__index{font-size:9px}.services-line-sidebar .line-sidebar__label{width:20px}.page-web-design-development main>.container{width:calc(100% - 64px);margin-left:48px;margin-right:16px}}@media(prefers-reduced-motion:reduce){.services-line-sidebar .line-sidebar__label{transform:none}}.line-sidebar{--accent-color: #a855f7;--text-color: #c4c4c4;--marker-color: #6c6c6c;--marker-length: 60px;--marker-gap: 0px;--tick-scale: .5;--max-shift: 30px;--item-gap: 20px;--font-size: 1.1rem;--smoothing: .1s;position:relative;display:flex;justify-content:flex-start}.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap))}.line-sidebar__list{list-style:none;margin:0;padding:1rem 0;display:flex;flex-direction:column;gap:var(--item-gap)}.line-sidebar__item{position:relative;cursor:pointer}.line-sidebar__item:before{content:"";position:absolute;inset:-6px -48px}.line-sidebar__label{position:relative;display:inline-flex;align-items:baseline;font-size:var(--font-size);line-height:1.2;color:color-mix(in srgb,var(--accent-color) calc(var(--effect, 0) * 100%),var(--text-color));transform:translate(calc(var(--effect, 0) * var(--max-shift)))}.line-sidebar__index{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-right:.6rem;font-size:.85em;opacity:calc(.55 + var(--effect, 0) * .45)}.line-sidebar__marker{position:absolute;top:50%;left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:var(--marker-length);background-color:color-mix(in srgb,var(--accent-color) calc(var(--effect, 0) * 100%),var(--marker-color));transform-origin:left center;transform:translateY(-50%) scaleX(calc(.7 + var(--effect, 0) * .5))}.line-sidebar--markers .line-sidebar__item:not(:last-child):after{content:"";position:absolute;top:calc(100% + var(--item-gap) / 2);left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:calc(var(--marker-length) * var(--tick-scale));background-color:var(--marker-color);opacity:.5;transform:translateY(-50%)}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:left center;transform:translateY(-50%) scaleX(calc(.7 + var(--effect, 0) * .6))}
