/* Products shares the Services canvas, typography and entry animations. */
.products-page{--gutter:clamp(24px,6.4vw,112px)}
.products-page .products-section{padding:clamp(48px,6.4vw,96px) var(--gutter)}
.products-page .products-hero .websites-hero-content{padding-top:clamp(100px,17svh,180px);padding-bottom:clamp(48px,8svh,88px)}
.products-page .websites-hero-heading{max-width:1250px;padding-inline:var(--gutter)}
.products-page .websites-hero-heading .products-title{font-size:clamp(44px,6vw,88px);line-height:1.06;letter-spacing:-.055em;margin-bottom:28px}
.products-page .websites-intro{max-width:55ch;width:100%;font-size:clamp(17px,1.55vw,21px);line-height:1.5}
.products-page .products-hero-cta{margin-top:32px}
.products-eyebrow{font-size:12px!important;line-height:1.4!important;letter-spacing:.1em;text-transform:uppercase;color:#666a65;margin:0 0 20px!important}
.products-section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,6vw,88px);align-items:end}
.products-section h2{font-size:clamp(36px,4.4vw,66px);font-weight:500;letter-spacing:-.05em;line-height:1.07}
.products-section-heading>div>p:not(.products-eyebrow),.products-cta>p:not(.products-eyebrow){font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:#62655e}
.products-section-heading>div>p+p{margin-top:16px}
.products-case-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;font-size:14px;color:#62655e}
.products-case-label a{display:inline-flex;align-items:center;gap:16px;color:var(--ink);min-height:44px;text-decoration:underline;text-underline-offset:5px}
.products-demo-caption{font-size:clamp(22px,2.5vw,36px);letter-spacing:-.04em;text-align:center;margin-top:32px}
.products-page .products-process{padding-block:64px}
.products-page .products-process .website-benefits-heading h2{font-size:clamp(32px,3.1vw,46px);max-width:15ch}
.products-process-intro{max-width:32ch;color:#62655e;font-size:17px;line-height:1.55;margin-top:24px}
.products-page .products-process .website-benefit-copy h3{font-size:clamp(22px,2vw,28px)}
.products-page .products-art{display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 75% 15%,#dfe3da,transparent 65%),#eceee8}
.products-art :is(.product-roadmap,.product-design,.product-connections,.product-release){width:100%;max-width:245px;display:grid;align-content:center}
.product-roadmap{gap:10px;text-align:center}.product-roadmap>span{padding:15px 14px;background:#fafbf7;box-shadow:0 6px 16px #16161608;border-radius:12px;font-size:13px}.product-roadmap>i,.product-connections>i{font-style:normal;font-size:23px;color:#8a9281;text-align:center}.product-roadmap>span.product-art-focus{background:#161a16;color:#f1f2ed}
.product-design-type{font-size:80px;line-height:1;letter-spacing:-.07em}.product-swatches{display:flex;gap:8px;margin:18px 0}.product-swatches i{width:36px;height:36px;border-radius:50%;background:#161616}.product-swatches i:nth-child(2){background:#bbbfb5}.product-swatches i:nth-child(3){background:#e4fe55}.product-wireframe{display:grid;gap:8px;border-radius:16px;background:#fafbf7;padding:20px;box-shadow:0 10px 22px #16161609}.product-wireframe>span{height:8px;border-radius:4px;background:#dee2d7;width:85%}.product-wireframe>span:nth-child(2){width:60%}.product-wireframe b{font-size:12px;font-weight:500;margin-top:12px}.product-design>small{font-size:10px;color:#6f7667;margin-top:18px}
.product-connections{gap:10px;text-align:center}.product-connections>span{background:#fafbf7;padding:12px;border-radius:12px;justify-self:center;min-width:100px;font-size:13px}.product-connections>strong{font-size:19px;font-weight:500;background:#171b16;color:#f1f2ed;padding:22px 12px;border-radius:18px;box-shadow:0 10px 24px #16161615}.product-connections>div{display:flex;gap:8px;justify-content:center}.product-connections>div>span{padding:10px;background:#fafbf7;border-radius:10px;font-size:11px}
.product-release{padding:20px 16px;border-radius:18px;background:#fafbf7;box-shadow:0 10px 24px #16161609;gap:18px}.product-release>span{font-size:15px;letter-spacing:-.035em}.product-release p{display:flex;gap:10px;align-items:center;font-size:11px}.product-release p>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e4e9da;color:#58614b;font-style:normal}.product-release strong{font-size:11px;font-weight:500;border-top:1px solid #16161615;padding-top:16px}
.products-dashboard-caption{display:flex;justify-content:space-between;gap:32px;align-items:baseline;margin-top:24px}.products-dashboard-caption p{font-size:clamp(20px,2vw,28px);letter-spacing:-.035em;max-width:30ch}.products-dashboard-caption small{font-size:11px;color:#7a8074;max-width:38ch;line-height:1.5}
.products-page .products-cta{text-align:center;padding-block:72px 112px;background:radial-gradient(ellipse at 50% 95%,#e4fe5520,transparent 65%)}
.products-cta>p:not(.products-eyebrow){max-width:48ch;margin:28px auto}
@media(max-width:1000px){.products-section-heading{grid-template-columns:1fr;gap:24px}.products-section-heading h2{max-width:20ch}}
@media(max-width:767px){
 .products-page .products-section{padding:40px 24px}.products-page .products-hero .websites-hero-content{padding:72px 0 40px}.products-page .websites-hero-heading{padding-inline:24px}.products-page .websites-hero-heading .products-title{font-size:clamp(36px,9vw,54px);line-height:1.08}.products-page .websites-intro{font-size:17px}.products-page .website-search-cta{max-width:100%;font-size:15px;gap:24px;padding-inline:22px}.products-page .products-section h2{font-size:clamp(32px,8.5vw,48px)}
 .products-case-label{font-size:11px;margin-top:24px;gap:10px}.products-case-label a{gap:8px}.products-demo-caption{font-size:24px;margin-top:28px}.products-page .products-process{padding-block:40px}.products-process-intro{font-size:16px;max-width:none}.products-page .products-process .website-benefits-heading h2{font-size:32px;max-width:18ch}.products-page .products-art{height:320px}
 .products-page .products-dashboard{padding-inline:16px}.products-dashboard .products-section-heading,.products-dashboard>.products-case-label{padding-inline:8px}.products-dashboard-caption{flex-direction:column;gap:12px;padding-inline:8px}.products-interact-label{max-width:14ch;text-align:right}.products-page .products-cta{padding-block:56px 72px}
}