.hero{padding-block:var(--section-space-l) var(--section-space-m);padding-inline:var(--site-padding);background:radial-gradient(ellipse at 50% 100%, var(--primary-30), transparent 55%), var(--neutral);color:var(--text-color);text-align:center;overflow:hidden}.hero__content{align-items:center;gap:var(--space-l);flex-direction:column;max-inline-size:58rem;margin-inline:auto;display:flex}.hero__title{max-inline-size:16ch;font-size:var(--h1);color:var(--white);font-weight:700;line-height:var(--hero-line-height);& span{color:var(--primary)}@media (width<=40rem){font-size:var(--h2)}}.hero__description{max-inline-size:65ch;font-size:var(--text-l);color:var(--base-100)}.hero__button{min-block-size:var(--tap-target);justify-content:center;align-items:center;gap:var(--space-xs);max-inline-size:100%;padding-block:var(--space-s);padding-inline:var(--space-l);border-radius:var(--radius-m);background:var(--primary);color:var(--black);text-align:center;transition:background-color var(--motion-duration) var(--motion-ease);font-weight:500;text-decoration:none;display:inline-flex;&:hover{background:var(--primary-600)}}.hero__mockups{inline-size:min(100%,65rem);margin:var(--section-space-s) auto 0;grid-template-columns:repeat(3,1fr);align-items:center;display:grid}.hero__sheet{border-radius:var(--radius-l);block-size:auto;inline-size:100%;box-shadow:var(--shadow-l)}.hero__sheet--left{translate:20% 4%;rotate:-15deg}.hero__sheet--center{z-index:2;position:relative}.hero__sheet--right{translate:-20% 4%;rotate:15deg}.product-intro{padding-block:var(--section-space-m);padding-inline:var(--site-padding);background:var(--base);@media (width<=48rem){padding-block:var(--section-space-m)}}.product-intro__inner{max-inline-size:var(--content-width);align-items:center;gap:var(--section-space-s);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-inline:auto;display:grid;@media (width<=48rem){gap:var(--space-xl);grid-template-columns:1fr}}.product-intro__image{border-radius:var(--radius-m);object-fit:cover;block-size:100%;max-block-size:52rem;inline-size:100%;@media (width<=48rem){aspect-ratio:4/3;block-size:auto}}.product-intro__copy{gap:var(--space-l);flex-direction:column;display:flex}.product-intro__title{font-size:var(--h3);color:var(--white);& span{color:var(--primary)}}.product-intro__list{gap:var(--space-s);flex-direction:column;padding-inline-start:var(--space-m);display:flex}.testimonials{padding-block:var(--section-space-l);padding-inline:var(--site-padding);background:var(--neutral);text-align:center;@media (width<=48rem){padding-block:var(--section-space-m)}}.testimonials__heading{gap:var(--space-s);flex-direction:column;max-inline-size:64rem;margin-inline:auto;display:flex}.testimonials__title{color:var(--primary);font-size:var(--h3)}.testimonials__carousel{max-inline-size:49rem;margin:var(--section-space-s) auto 0;padding:var(--section-space-s);border:var(--border-strong);border-radius:var(--radius-l);position:relative;&:has(#quote-one:focus-visible) label[for=quote-one],&:has(#quote-two:focus-visible) label[for=quote-two]{outline:var(--focus-width) var(--focus-style) var(--focus-color);outline-offset:var(--focus-offset)}@media (width<=48rem){padding:var(--space-l)}}.testimonials__radio{opacity:0;block-size:1px;inline-size:1px;position:absolute}.testimonials__quote{gap:var(--space-l);margin:0;display:none}.testimonials__carousel:has(#quote-one:checked) .testimonials__quote--one,.testimonials__carousel:has(#quote-two:checked) .testimonials__quote--two{flex-direction:column;display:flex}.testimonials__text{margin:0}.testimonials__attribution{gap:var(--space-xxs);flex-direction:column;display:flex;& strong{color:var(--white)}& span{color:var(--neutral-200)}}.testimonials__controls{justify-content:center;gap:var(--space-s);margin-block-start:var(--space-l);display:flex}.testimonials__dot{background:var(--neutral-300);cursor:pointer;border-radius:50%;block-size:.75rem;inline-size:.75rem;&:hover{background:var(--primary)}}.testimonials__carousel:has(#quote-one:checked) .testimonials__dot[for=quote-one],.testimonials__carousel:has(#quote-two:checked) .testimonials__dot[for=quote-two]{background:var(--white)}.benefits{padding-block:var(--section-space-l);padding-inline:var(--site-padding);background:var(--base);@media (width<=48rem){padding-block:var(--section-space-m)}}.benefits__inner{max-inline-size:var(--content-width);text-align:center;margin-inline:auto}.benefits__title{color:var(--primary);font-size:var(--h3)}.benefits__intro{max-inline-size:60rem;margin:var(--space-s) auto var(--section-space-s)}.benefits__grid{gap:var(--space-m);text-align:start;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;@media (width<=64rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=40rem){grid-template-columns:1fr}}.benefit-card{min-block-size:17rem;padding:var(--space-l);border-radius:var(--radius-m);color:var(--white);align-items:flex-start;gap:var(--space-s);flex-direction:column;display:flex;@media (width>=40.001rem) and (width<=64rem){&:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=40rem){min-block-size:0}}.benefit-card--time{background:var(--secondary)}.benefit-card--relationships{background:var(--tertiary)}.benefit-card--workflow{background:var(--accent)}.benefit-card__icon{font-size:var(--h2);block-size:1em;inline-size:1em}.benefit-card__title{font-size:var(--h5)}.documents{padding-block:var(--section-space-l);padding-inline:var(--site-padding);background:var(--neutral);@media (width<=48rem){padding-block:var(--section-space-m)}}.documents__inner{max-inline-size:var(--content-width);text-align:center;margin-inline:auto}.documents__title{color:var(--primary);font-size:var(--h3)}.documents__intro{margin-block:var(--space-s) var(--section-space-s)}.documents__grid{gap:var(--grid-gap);text-align:start;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;display:grid;@media (width<=64rem){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}@media (width<=40rem){grid-template-columns:minmax(0,1fr)}}.document-card{min-block-size:12rem;padding:var(--space-l);align-items:flex-start;gap:var(--space-s);border:var(--border-strong);border-radius:var(--radius-m);background:var(--neutral);transition:border-color var(--motion-duration) var(--motion-ease), background-color var(--motion-duration) var(--motion-ease);flex-direction:column;display:flex;&:hover{border-color:var(--primary);background:var(--base)}@media (width>=40.001rem) and (width<=64rem){&:last-child:nth-child(2n){grid-column:1/-1}}}.document-card__icon{object-fit:contain;block-size:2.5rem;inline-size:2.5rem}.document-card__title{font-size:var(--h5);color:var(--base-100)}.documents__format-note{inline-size:fit-content;margin:var(--space-l) auto 0;padding:var(--space-s) var(--space-l);border-radius:var(--radius-m);background:var(--primary);color:var(--black);justify-content:center;align-items:center;gap:var(--space-xs);font-weight:500;display:flex}.purchase-cta{padding-block:var(--section-space-l);padding-inline:var(--site-padding);background:linear-gradient(var(--black-70), var(--black-70)), url(/images/sofa-mockup.webp) center 52% / cover no-repeat;text-align:center;@media (width<=48rem){padding-block:var(--section-space-m)}}.purchase-cta__inner{align-items:center;gap:var(--space-l);flex-direction:column;max-inline-size:58rem;margin-inline:auto;display:flex}.purchase-cta__title{font-size:var(--h3);color:var(--primary)}.purchase-cta__button{min-block-size:var(--tap-target);max-inline-size:100%;padding:var(--space-s) var(--space-l);border-radius:var(--radius-m);background:var(--primary);color:var(--black);text-align:center;transition:background-color var(--motion-duration) var(--motion-ease);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;&:hover{background:var(--primary-600)}}.purchase-cta__subscribe{color:var(--white);text-decoration:none;&:hover{text-decoration:underline}}.documents__image{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.documents__image-frame{border-radius:var(--radius-m);grid-column:span 2;min-block-size:0;position:relative;overflow:hidden;@media (width<=64rem){aspect-ratio:3;grid-column:1/-1}@media (width<=40rem){aspect-ratio:3/2}}.documents__format-icon{flex:none;block-size:1.25em;inline-size:1.25em}