.page--product-design{--pd-line: #d9d9d9;--pd-muted: #686868;--pd-warm: #f6f6f3;--pd-cool: #f2f4f6;--pd-neutral: #f4f3ef;background:#fff}.page--product-design .pd-container{max-width:1440px}.pd-hero{padding:clamp(104px,10vw,164px) var(--page-padding) clamp(88px,9vw,144px);background:#fff}.pd-hero__inner{max-width:1280px}.pd-eyebrow{margin:0;color:var(--pd-muted);font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.pd-hero h1{max-width:1180px;margin:28px 0 0;font-size:clamp(60px,6vw,88px);font-weight:500;letter-spacing:-.06em;line-height:.96}.pd-hero__lead{max-width:760px;margin:40px 0 0;color:var(--pd-muted);font-size:clamp(20px,1.7vw,26px);line-height:1.38}.pd-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;margin-top:40px;padding:0 24px;border:1px solid #101010;border-radius:999px;background:#101010;color:#fff;font-size:16px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .16s ease,color .16s ease}.pd-button:hover{background:transparent;color:#101010}.pd-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.pd-tags{display:flex;flex-wrap:wrap;gap:14px;margin:clamp(56px,6vw,88px) 0 0;padding:24px 0 0;border-top:1px solid var(--pd-line);list-style:none}.pd-tags li{display:inline-flex;gap:14px;align-items:center;color:var(--pd-muted);font-size:16px;line-height:1.4}.pd-tags li:not(:last-child):after{content:"·";color:#a8a8a8}.pd-section{padding:clamp(88px,9vw,144px) var(--page-padding)}.pd-section--soft{background:var(--pd-neutral)}.pd-section--process{padding-top:clamp(76px,6.5vw,104px);padding-bottom:clamp(76px,6.5vw,104px);background:var(--pd-warm)}.pd-section#scope{padding-top:clamp(104px,10vw,152px);padding-bottom:clamp(104px,10vw,152px);background:#fff}.pd-section#interface{padding-top:clamp(88px,8vw,124px);padding-bottom:clamp(88px,8vw,124px);background:var(--pd-cool)}.pd-section#implementation{padding-top:clamp(76px,7vw,112px);padding-bottom:clamp(76px,7vw,112px)}.pd-section-heading,.pd-editorial-grid{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}.pd-section-heading h2,.pd-editorial-grid h2{max-width:15ch;margin:-.1em 0 0;font-size:clamp(48px,5vw,76px);font-weight:500;letter-spacing:-.055em;line-height:.98}.pd-process-list{margin:clamp(52px,5vw,72px) 0 0;padding:0;border-top:1px solid var(--pd-line);list-style:none}.pd-process-list li{display:grid;grid-template-columns:80px minmax(220px,.8fr) minmax(320px,1fr);gap:28px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--pd-line)}.pd-index{color:var(--pd-muted);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.pd-process-list h3{margin:0;font-size:clamp(24px,2.2vw,34px);font-weight:500;letter-spacing:-.035em;line-height:1.1}.pd-process-list p{max-width:620px;margin:0;color:var(--pd-muted);font-size:18px;line-height:1.5}.pd-scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:clamp(64px,7vw,104px) 0 0;padding:0;list-style:none}.pd-scope-list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:baseline;padding:26px 0;border-top:1px solid var(--pd-line);font-size:clamp(22px,2.1vw,32px);letter-spacing:-.03em;line-height:1.15}.pd-editorial-grid__content{max-width:980px}.pd-editorial-grid__content>p:not(.pd-note){max-width:800px;margin:40px 0 0;color:var(--pd-muted);font-size:clamp(20px,1.8vw,26px);line-height:1.45}.pd-note{max-width:700px;margin:48px 0 0;padding-left:24px;border-left:1px solid #101010;font-size:18px;line-height:1.5}.pd-context-line{margin:48px 0 0;color:#858585;font-size:16px;font-weight:400;letter-spacing:.01em;line-height:1.5}.pd-cta{padding:clamp(88px,9vw,144px) var(--page-padding);background:#101010;color:#fff}.pd-cta .pd-eyebrow{color:#9a9a9a}.pd-cta__inner{display:flex;gap:64px;align-items:flex-end;justify-content:space-between}.pd-cta h2{margin:24px 0 0;color:#fff;font-size:clamp(54px,6.5vw,96px);font-weight:500;letter-spacing:-.06em;line-height:.95}.pd-cta p:not(.pd-eyebrow){margin:28px 0 0;color:#a9a9a9;font-size:clamp(20px,1.8vw,26px);line-height:1.4}.pd-button--light{flex:0 0 auto;margin:0;border-color:#fff;background:#fff;color:#101010}.pd-button--light:hover{background:transparent;color:#fff}@media(max-width:1024px){.pd-section-heading,.pd-editorial-grid{grid-template-columns:180px minmax(0,1fr);gap:48px}.pd-process-list li{grid-template-columns:56px minmax(200px,.8fr) minmax(280px,1fr);gap:20px}}@media(max-width:767px){.pd-hero{padding-top:88px;padding-bottom:80px}.pd-hero h1{margin-top:22px;font-size:clamp(46px,13.2vw,62px);letter-spacing:-.055em}.pd-hero__lead{margin-top:30px;font-size:19px}.pd-button{width:100%;margin-top:32px}.pd-tags{gap:10px 20px;margin-top:64px;padding-top:20px}.pd-tags li{font-size:14px}.pd-section{padding-top:80px;padding-bottom:80px}.pd-section--process{padding-top:72px;padding-bottom:72px}.pd-section#scope{padding-top:88px;padding-bottom:88px}.pd-section#interface{padding-top:80px;padding-bottom:80px}.pd-section#implementation{padding-top:72px;padding-bottom:72px}.pd-section-heading,.pd-editorial-grid{grid-template-columns:1fr;gap:28px}.pd-section-heading h2,.pd-editorial-grid h2{font-size:clamp(42px,12vw,56px)}.pd-process-list,.pd-scope-list{margin-top:52px}.pd-process-list li{grid-template-columns:40px minmax(0,1fr);gap:10px 16px;padding:24px 0}.pd-process-list p{grid-column:2;font-size:16px}.pd-scope-list{grid-template-columns:1fr;gap:0}.pd-scope-list li{grid-template-columns:40px minmax(0,1fr);gap:16px;padding:22px 0;font-size:24px}.pd-editorial-grid__content>p:not(.pd-note){margin-top:30px;font-size:19px}.pd-note{margin-top:36px;padding-left:18px;font-size:16px}.pd-context-line{margin-top:36px;font-size:15px}.pd-cta{padding-top:80px;padding-bottom:80px}.pd-cta__inner{display:block}.pd-cta h2{font-size:clamp(48px,14vw,64px)}.pd-cta .pd-button{margin-top:48px}}@media(prefers-reduced-motion:reduce){.pd-button{transition:none}}