:root{--container-sm:320px;--container-md:480px;--container-lg:640px;--container-xl:800px}.container-query{container-type:inline-size}.card-container{container:card/inline-size}.section-container{container:section/inline-size}.hero-container{container:hero/inline-size}.feature-container{container:feature/inline-size}.product-hero{background-color:var(--_card-tint);padding-block:6rem 4rem;position:relative;overflow:hidden}@media (width>=768px){.product-hero{padding-block:8rem 5rem}}.product-hero-content{z-index:1;grid-template-columns:1fr;align-items:center;gap:3rem;display:grid;position:relative}@media (width>=1024px){.product-hero-content{grid-template-columns:1fr 1.1fr;gap:4rem}}.product-hero-text{text-align:center}@media (width>=1024px){.product-hero-text{text-align:start}}.product-hero-badge{background-color:color-mix(in srgb, var(--color-secondary) 12%, transparent);color:var(--color-secondary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;margin-block-end:1.5rem;padding:.375rem .875rem;font-size:.6875rem;font-weight:700}.product-hero-title{font-size:var(--title-xl);color:var(--gray-900);letter-spacing:-.02em;font-weight:700;line-height:1.1;font-family:var(--font-display);margin-block-end:1.25rem}.product-hero-subtitle{color:var(--gray-600);max-inline-size:30rem;margin-block-end:2rem;font-size:1.125rem;line-height:1.7}@media (width>=1024px){.product-hero-subtitle{margin-inline:0}}@media (width<640px){.product-hero-subtitle{margin-inline:auto}.product-hero-ctas{flex-direction:column}}@media (width>=1024px){.product-hero-ctas{justify-content:flex-start}}.product-hero-cta-primary,.product-cta-primary{background-color:var(--color-secondary-dark);height:3rem;color:var(--color-white);border-radius:var(--radius-full);letter-spacing:.01em;box-shadow:0 4px 14px -3px color-mix(in srgb, var(--color-secondary-dark) 30%, transparent);padding:0 2rem;font-size:.875rem;font-weight:600;transition:background-color .2s,box-shadow .2s}:is(.product-hero-cta-primary,.product-cta-primary):hover{background-color:var(--color-secondary-hover);box-shadow:0 8px 24px -4px color-mix(in srgb, var(--color-secondary-dark) 35%, transparent)}.product-hero-cta-secondary,.product-cta-secondary{height:3rem;color:var(--color-secondary-dark);border:1.5px solid color-mix(in srgb, var(--color-secondary-dark) 25%, transparent);border-radius:var(--radius-full);background-color:#0000;padding:0 2rem;font-size:.875rem;font-weight:600;transition:border-color .2s,color .2s}:is(.product-hero-cta-secondary,.product-cta-secondary):hover{border-color:var(--color-secondary);color:var(--color-secondary)}.product-hero-note{color:var(--gray-500);font-size:.8125rem;font-weight:500}[data-hero=dark] .product-hero{background:linear-gradient(135deg, var(--_card-tint-deep) 0%, color-mix(in srgb, var(--_card-tint-deep) 80%, var(--_card-tint-dark)) 100%)}[data-hero=dark] .product-hero-badge{color:#ffffffd9;background-color:#ffffff1f}[data-hero=dark] .product-hero-title{color:#fff}[data-hero=dark] .product-hero-subtitle{color:#ffffffb3}[data-hero=dark] .product-hero-cta-primary{color:var(--_card-tint-deep);background-color:#fff;box-shadow:0 4px 14px -3px #00000026}[data-hero=dark] .product-hero-cta-primary:hover{background-color:var(--gray-100);box-shadow:0 8px 24px -4px #0003}[data-hero=dark] .product-hero-cta-secondary{color:#ffffffd9;border-color:#ffffff40}[data-hero=dark] .product-hero-cta-secondary:hover{color:#fff;border-color:#ffffff80}[data-hero=dark] .product-hero-note{color:#ffffff80}[data-hero=dark] .product-hero .mock-ui--glass{background:#ffffff1a;border-color:#ffffff26}[data-hero=dark] .product-hero .mock-ui__card{background-color:#fffffff2;box-shadow:0 20px 60px -15px #0006}.product-hero-visual{position:relative}@media (width<640px){.product-hero-visual{margin-inline:-1rem}}.product-hero-image{box-shadow:0 20px 60px -15px color-mix(in srgb, var(--color-secondary-dark) 15%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-secondary) 8%, transparent);border-radius:1rem;position:relative;overflow:hidden}.product-hero-image img{block-size:auto;inline-size:100%;display:block}.product-features{background-color:var(--color-white);padding-block:5rem}.product-features-header{text-align:center;margin-block-end:4rem}.product-features-title{color:var(--gray-900);letter-spacing:-.02em;margin-block-end:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.product-features-subtitle{color:var(--gray-600);max-inline-size:36rem;margin-inline:auto;font-size:1.125rem;line-height:1.6}.product-features-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.product-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.product-features-grid{grid-template-columns:repeat(4,1fr)}}.product-feature-card{background-color:var(--gray-50);transition:all var(--transition-slow);border-radius:1rem;padding:1.5rem}.product-feature-card:hover{background-color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-feature-icon{background-color:var(--_card-tint);block-size:3rem;inline-size:3rem;color:var(--color-secondary);border-radius:.75rem;margin-block-end:1rem}.product-feature-icon svg{block-size:1.5rem;inline-size:1.5rem}.product-feature-title{color:var(--gray-900);margin-block-end:.5rem;font-size:1rem;font-weight:600}.product-feature-description{color:var(--gray-600);font-size:.875rem;line-height:1.6}.product-how-it-works{background-color:var(--gray-50);padding-block:5rem}.product-how-it-works-header{text-align:center;margin-block-end:4rem}.product-how-it-works-title{color:var(--gray-900);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.product-steps{grid-template-columns:1fr;gap:2rem;max-inline-size:64rem;margin-inline:auto;display:grid}@media (width>=768px){.product-steps{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.product-steps{grid-template-columns:repeat(4,1fr)}}.product-step{text-align:center;position:relative}.product-step-number{background-color:var(--color-secondary);block-size:3rem;inline-size:3rem;color:var(--color-white);border-radius:50%;margin-block-end:1rem;margin-inline:auto;font-size:1.25rem;font-weight:700}.product-step-title{color:var(--gray-900);margin-block-end:.5rem;font-size:1.125rem;font-weight:600}.product-step-description{color:var(--gray-600);font-size:.875rem;line-height:1.6}.product-step:not(:last-child):after{display:none}@media (width>=1024px){.product-step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--color-secondary) 0%, var(--gray-200) 100%);block-size:2px;inline-size:calc(100% - 4rem);display:block;position:absolute;inset-block-start:1.5rem;inset-inline-start:calc(50% + 2rem)}}.product-screenshot{background-color:var(--color-white);padding-block:5rem}.product-screenshot-container{max-inline-size:64rem;margin-inline:auto}.product-screenshot-single{box-shadow:var(--shadow-2xl);border-radius:1rem;position:relative;overflow:hidden}.product-screenshot-single img{block-size:auto;inline-size:100%;display:block}.product-screenshot-single:after{content:"";pointer-events:none;border-radius:1rem;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000d}.product-screenshot-split{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.product-screenshot-split{grid-template-columns:repeat(2,1fr)}}.product-screenshot-item{box-shadow:var(--shadow-lg);border-radius:.75rem;position:relative;overflow:hidden}.product-screenshot-item img{block-size:auto;inline-size:100%;display:block}.product-screenshot-caption{text-align:center;color:var(--gray-500);margin-block-start:1rem;font-size:.875rem}.product-testimonial{background-color:var(--_card-tint);padding-block:5rem}.product-testimonial-content{text-align:center;max-inline-size:48rem;margin-inline:auto}.product-testimonial-quote{color:var(--gray-800);margin-block-end:2rem;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;line-height:1.6}.product-testimonial-quote:before,.product-testimonial-quote:after{content:"\"";color:var(--color-secondary)}.product-testimonial-avatar{border:3px solid var(--color-white);block-size:4rem;inline-size:4rem;box-shadow:var(--shadow-md);border-radius:50%;overflow:hidden}.product-testimonial-avatar img{object-fit:cover;block-size:100%;inline-size:100%}.product-testimonial-name{color:var(--gray-900);font-size:1rem;font-weight:600}.product-testimonial-role{color:var(--gray-600);font-size:.875rem}.product-cta{background:linear-gradient(180deg, var(--color-white) 0%, var(--gray-50) 100%);text-align:center;padding-block:5rem}.product-cta-title{color:var(--gray-900);letter-spacing:-.02em;margin-block-end:1rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.product-cta-subtitle{color:var(--gray-600);max-inline-size:32rem;margin-block-end:2rem;margin-inline:auto;font-size:1.125rem}.product-cta-buttons{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width>=640px){.product-cta-buttons{flex-direction:row}}.product-cta-primary,.product-cta-secondary{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.product-showcase{background-color:var(--color-white);padding-block:5rem}.product-showcase-block{grid-template-columns:1fr;align-items:center;gap:3rem;padding-block:3rem;display:grid}@media (width>=1024px){.product-showcase-block{grid-template-columns:1fr 1.15fr;gap:4rem;padding-block:4rem}.product-showcase-block--reversed{direction:rtl}.product-showcase-block--reversed>*{direction:ltr}}.product-showcase-block+.product-showcase-block{border-block-start:1px solid var(--gray-100)}.product-showcase-title{font-size:var(--title-md);color:var(--gray-900);letter-spacing:-.02em;font-weight:700;line-height:1.15;font-family:var(--font-display);margin-block-end:1rem}.product-showcase-description{color:var(--gray-600);max-inline-size:30rem;margin-block-end:1.5rem;font-size:1rem;line-height:1.7}.product-showcase-bullets{margin:0;padding:0;list-style:none}.product-showcase-bullet{color:var(--gray-800);font-size:.9375rem;font-weight:500}.product-showcase-check{color:var(--color-secondary);flex-shrink:0;margin-block-start:.125rem}.product-showcase-visual{position:relative}.product-showcase-image{box-shadow:0 20px 60px -15px color-mix(in srgb, var(--color-secondary-dark) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-secondary) 8%, transparent);border-radius:1rem;overflow:hidden}.product-showcase-image img{block-size:auto;inline-size:100%;display:block}.product-showcase-text,.product-showcase-visual{opacity:0;transform:translateY(24px)}.product-showcase-text.is-visible,.product-showcase-visual.is-visible{animation:product-showcase-reveal .7s var(--ease-spring) forwards}@keyframes product-showcase-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.product-hero-text>*{opacity:0;filter:blur(6px);transform:translateY(24px)}.product-hero-text.is-visible>*{animation:hero-text-reveal .7s var(--ease-spring) forwards}.product-hero-text.is-visible>:first-child{animation-delay:0s}.product-hero-text.is-visible>:nth-child(2){animation-delay:.1s}.product-hero-text.is-visible>:nth-child(3){animation-delay:.2s}.product-hero-text.is-visible>:nth-child(4){animation-delay:.3s}@keyframes hero-text-reveal{to{opacity:1;filter:blur();transform:translateY(0)}}.product-hero-visual{perspective:1000px;opacity:0;will-change:transform, opacity;transform:rotateY(-6deg)translateY(20px)scale(.97)}.product-hero-visual.is-visible{animation:hero-card-reveal .9s var(--ease-spring) forwards}@keyframes hero-card-reveal{to{opacity:1;transform:rotateY(0)translateY(0)scale(1)}}.mock-ui__floating-stat{will-change:transform}.mock-ui__floating-stat--float{animation:4s ease-in-out infinite mock-float}@keyframes mock-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mock-ui__scan-line{background:linear-gradient(90deg, transparent 0%, var(--color-secondary) 40%, var(--color-secondary) 60%, transparent 100%);opacity:0;z-index:2;pointer-events:none;height:3px;box-shadow:0 0 12px 2px color-mix(in srgb, var(--color-secondary) 40%, transparent);border-radius:2px;position:absolute;top:0;left:0;right:0}.mock-ui__scan-line--active{animation:1.4s ease-in-out forwards scan-wipe}@keyframes scan-wipe{0%{opacity:0;top:0}5%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.mock-ui__photo-cell--shimmer{background:linear-gradient(110deg, color-mix(in srgb, var(--color-secondary) 20%, white) 0%, color-mix(in srgb, var(--color-secondary) 35%, white) 40%, color-mix(in srgb, var(--color-secondary) 20%, white) 60%, color-mix(in srgb, var(--color-secondary) 35%, white) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mock-ui__photo-cell--matched{background:linear-gradient(135deg, color-mix(in srgb, var(--color-secondary) 45%, white), color-mix(in srgb, var(--color-secondary) 65%, white));animation:.35s cubic-bezier(.34,1.56,.64,1) forwards photo-pop}.mock-ui__photo-cell--matched svg{opacity:.7}.mock-ui__photo-cell--matched:after{content:"✓";background:var(--color-white);width:1.125rem;height:1.125rem;color:var(--color-secondary-dark);border-radius:50%;justify-content:center;align-items:center;font-size:.625rem;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards check-pop;display:flex;position:absolute;bottom:.375rem;right:.375rem}@keyframes check-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes photo-pop{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.mock-ui__stat--pulse svg{animation:2s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.product-hero-text>*,.product-hero-visual,.product-showcase-text,.product-showcase-visual,.mock-ui__photo-cell--matched,.mock-ui__stagger-rows>*,.mock-ui__pop-on-reveal,.mock-ui__upload-pulse{opacity:1;filter:none;transition:none;animation:none;transform:none}.mock-ui__floating-stat--float,.mock-ui__scan-line--active,.mock-ui__photo-cell--shimmer,.mock-ui__stat--pulse svg,.mock-ui__badge--pulse,.mock-ui__photo-cell--matched:after{animation:none}.mock-ui__scan-line--active{display:none}.mock-ui__toggle--slide-on .mock-ui__toggle-dot{transition:none;left:auto;right:.1875rem}}.mock-ui{background:linear-gradient(135deg, var(--_card-tint), color-mix(in srgb, var(--_card-tint-dark) 40%, white));border:1px solid color-mix(in srgb, var(--color-secondary) 10%, transparent);border-radius:1.25rem;padding:2rem}.mock-ui--glass{background:color-mix(in srgb, var(--color-white) 30%, transparent);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--color-white) 40%, transparent);border-radius:2.5rem;padding:1rem}.mock-ui__card{background-color:var(--color-white);box-shadow:0 8px 30px -10px color-mix(in srgb, var(--color-secondary-dark) 10%, transparent);border-radius:.75rem;padding:1.5rem}.mock-ui__card--hero{box-shadow:0 20px 60px -15px color-mix(in srgb, var(--color-secondary-dark) 15%, transparent);border-radius:2rem}.mock-ui__header{border-block-end:1px solid var(--gray-200);margin-block-end:1rem;padding-block-end:1rem}.mock-ui__header-title{color:var(--gray-900);font-size:.9375rem;font-weight:600}.mock-ui__icon-btn{width:2rem;height:2rem;color:var(--gray-500);border-radius:.5rem}.mock-ui__icon-btn svg{width:1rem;height:1rem}.mock-ui__photo-grid{gap:.5rem;margin-block-end:1rem;position:relative}.mock-ui__photo-cell{aspect-ratio:1;background:linear-gradient(135deg, color-mix(in srgb, var(--color-secondary) 25%, white), color-mix(in srgb, var(--color-secondary) 35%, white));border-radius:.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background .6s;position:relative;overflow:hidden}.mock-ui__photo-cell svg{width:1.25rem;height:1.25rem;color:var(--color-white);opacity:.4}.mock-ui__stats{padding-block-start:.5rem}.mock-ui__stat-group{color:var(--gray-500);font-size:.8125rem}.mock-ui__stat svg{width:.875rem;height:.875rem}.mock-ui__link{color:var(--color-secondary);font-size:.8125rem;font-weight:600}.mock-ui__link svg{width:.875rem;height:.875rem}.mock-ui__album-row{border-radius:.5rem;padding:.75rem}.mock-ui__album-thumb{border-radius:.5rem;flex-shrink:0;width:3.5rem;height:3.5rem}.mock-ui__album-thumb svg{width:1.5rem;height:1.5rem;color:var(--color-white)}.mock-ui__album-thumb--1{--_mix:30%;--_mix-end:45%}.mock-ui__album-thumb--2{--_mix:45%;--_mix-end:60%}.mock-ui__album-thumb--3{--_mix:60%;--_mix-end:100%}.mock-ui__album-thumb[class*=--]{background:linear-gradient(135deg, color-mix(in srgb, var(--color-secondary) var(--_mix), white), color-mix(in srgb, var(--color-secondary) var(--_mix-end), white))}.mock-ui__album-info{min-width:0}.mock-ui__album-name{color:var(--gray-900);font-size:.875rem;font-weight:600}.mock-ui__album-count{color:var(--gray-500);font-size:.75rem}.mock-ui__album-arrow{color:var(--gray-400)}.mock-ui__album-arrow svg{width:1.125rem;height:1.125rem}.mock-ui__feed{margin-block-end:1rem}.mock-ui__feed-row{background-color:var(--gray-50);border-radius:.5rem;padding:.75rem}.mock-ui__avatar{background:linear-gradient(135deg, color-mix(in srgb, var(--color-secondary) 30%, white), color-mix(in srgb, var(--color-secondary) 50%, white));width:2.25rem;height:2.25rem;color:var(--color-white);border-radius:50%;flex-shrink:0;font-size:.75rem;font-weight:600}.mock-ui__feed-name{color:var(--gray-900);font-size:.8125rem;font-weight:600}.mock-ui__feed-time{color:var(--gray-500);font-size:.6875rem}.mock-ui__feed-count{color:var(--gray-600);font-size:.8125rem;font-weight:600}.mock-ui__badge{border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--color-secondary) 10%, white);color:var(--color-secondary);padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.mock-ui__share-row{border-block-start:1px solid var(--gray-200);margin-block-start:1rem;padding-block-start:1rem}.mock-ui__share-label{text-align:center;color:var(--gray-500);margin-block-end:.75rem;font-size:.8125rem}.mock-ui__input{background-color:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-600);border-radius:.5rem;flex:1;min-width:0;padding:.5rem .75rem;font-size:.8125rem}.mock-ui__share-btn{background-color:var(--color-secondary);color:var(--color-white);border:none;border-radius:.5rem;padding:.5rem 1rem}.mock-ui__share-btn svg{width:1rem;height:1rem}.mock-ui__option{border:2px solid var(--gray-200);border-radius:.75rem;padding:1rem}.mock-ui__option--active{border-color:color-mix(in srgb, var(--color-secondary) 25%, transparent)}.mock-ui__option-header{margin-block-end:.25rem}.mock-ui__option-title{color:var(--gray-900);font-size:.8125rem;font-weight:600}.mock-ui__option-desc{color:var(--gray-500);font-size:.6875rem}.mock-ui__toggle{border-radius:var(--radius-full);width:2.25rem;height:1.25rem;position:relative}.mock-ui__toggle--on{background-color:var(--color-secondary)}.mock-ui__toggle--off{background-color:var(--gray-300)}.mock-ui__toggle-dot{background-color:var(--color-white);border-radius:50%;width:.875rem;height:.875rem;position:absolute;top:.1875rem}.mock-ui__toggle--on .mock-ui__toggle-dot{right:.1875rem}.mock-ui__toggle--slide-on .mock-ui__toggle-dot{transition:left .35s cubic-bezier(.34,1.56,.64,1);left:.1875rem;right:auto}.is-visible .mock-ui__toggle--slide-on .mock-ui__toggle-dot{left:calc(100% - 1.0625rem)}.mock-ui__toggle--off .mock-ui__toggle-dot{left:.1875rem}.mock-ui__cta{background-color:var(--color-secondary);color:var(--color-white);border:none;border-radius:.5rem;margin-block-start:1rem;padding:.75rem;font-size:.8125rem;font-weight:600}.mock-ui__cta svg{width:1rem;height:1rem}.mock-ui__upload-btn{border:2px dashed color-mix(in srgb, var(--color-secondary) 25%, transparent);color:var(--color-secondary);background:0 0;border-radius:.5rem;margin-block-start:1rem;padding:.625rem;font-size:.8125rem;font-weight:600}.mock-ui__upload-btn svg{width:1rem;height:1rem}.mock-ui__floating-stat{background-color:var(--color-white);box-shadow:0 8px 24px -8px color-mix(in srgb, var(--color-secondary-dark) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-secondary) 8%, transparent);z-index:1;border-radius:.75rem;padding:.875rem 1rem;position:absolute;top:-1rem;right:-1rem}.mock-ui__floating-label{color:var(--gray-500);margin-block-end:.125rem;font-size:.75rem}.mock-ui__floating-value{color:var(--color-secondary);font-size:1.375rem;font-weight:700;font-family:var(--font-display)}.mock-ui__header-icon{vertical-align:-3px;margin-right:.5rem;display:inline}.mock-ui__avatar--sm{width:1.75rem;height:1.75rem;font-size:.625rem}.mock-ui__stagger-rows>*{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * .1s + .1s);transform:translateY(16px)}.is-visible .mock-ui__stagger-rows>*{opacity:1;transform:translateY(0)}.mock-ui__pop-on-reveal{opacity:0;transition:opacity .3s,transform .4s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i,0) * .1s + .25s);transform:scale(.7)}.is-visible .mock-ui__pop-on-reveal{opacity:1;transform:scale(1)}.mock-ui__badge--pulse{animation:2s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.6}}.mock-ui__upload-pulse{opacity:0;transition:opacity .4s .6s}.is-visible .mock-ui__upload-pulse{opacity:1;animation:1.2s ease-in-out .8s upload-border-pulse}@keyframes upload-border-pulse{0%,to{border-color:color-mix(in srgb, var(--color-secondary) 25%, transparent)}50%{border-color:var(--color-secondary)}}.resource-cards{background-color:var(--color-white);padding-block:5rem}.resource-cards__header{margin-block-end:3rem}.resource-cards__title{font-family:var(--font-display);font-size:var(--title-md);color:var(--gray-900);letter-spacing:-.02em;margin-block-end:.75rem;font-weight:700}.resource-cards__subtitle{color:var(--gray-500);max-inline-size:32rem;margin-inline:auto;font-size:1.0625rem;line-height:1.6}.resource-cards__grid{grid-template-columns:1fr;gap:2rem;max-inline-size:68rem;margin-inline:auto;display:grid}@media (width>=768px){.resource-cards__grid{grid-template-columns:repeat(3,1fr)}}.resource-card{border-radius:1rem;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.resource-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px -12px #0000001a}.resource-card__image{aspect-ratio:16/10;border-radius:1rem;justify-content:center;align-items:center;display:flex}.resource-card__image svg{opacity:.3;color:var(--gray-600)}.resource-card__image--mint{--_img:var(--color-card-mint);--_img-end:var(--color-card-mint-dark)}.resource-card__image--blush{--_img:var(--color-card-blush);--_img-end:var(--color-card-blush-dark)}.resource-card__image--sky{--_img:var(--color-card-sky);--_img-end:var(--color-card-sky-dark)}.resource-card__image--cream{--_img:var(--color-card-cream);--_img-end:var(--color-card-cream-dark)}.resource-card__image[class*=--]{background:linear-gradient(135deg, var(--_img), var(--_img-end))}.resource-card__body{flex-direction:column;flex:1;padding:1.5rem .25rem;display:flex}.resource-card__category{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin-block-end:.5rem;font-size:.75rem;font-weight:700}.resource-card__title{font-family:var(--font-display);font-size:var(--title-sm);color:var(--gray-900);margin-block-end:.5rem;font-weight:700;line-height:1.3}.resource-card__description{color:var(--gray-500);flex:1;margin-block-end:1rem;font-size:.9375rem;line-height:1.6}.resource-card__link{color:var(--gray-900);font-size:.9375rem;font-weight:700}.resource-card__link svg{transition:transform .3s}.resource-card:hover .resource-card__link svg{transform:translate(4px)}.mock-ui__rsvp-status{border-radius:var(--radius-full);padding:.25rem .625rem;font-size:.75rem;font-weight:600}.mock-ui__rsvp-status--yes{background-color:var(--color-card-mint);color:var(--green-600)}.mock-ui__rsvp-status--no{background-color:var(--color-card-blush);color:var(--color-secondary)}.mock-ui__guest-row{transition:background-color var(--transition-fast);border-radius:.5rem;gap:.75rem;padding:.625rem .75rem}.mock-ui__guest-row:hover{background-color:var(--gray-50)}.mock-ui__guest-name{color:var(--gray-800);font-size:.8125rem;font-weight:600}.mock-ui__guest-email{color:var(--gray-400);font-size:.6875rem}.mock-ui__guest-status{border-radius:var(--radius-full);flex-shrink:0;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600}.mock-ui__guest-status--confirmed{background-color:var(--color-card-mint);color:var(--green-600)}.mock-ui__guest-status--pending{background-color:var(--color-card-cream);color:var(--orange-500)}.mock-ui__rsvp-progress{margin-block-end:1rem}.mock-ui__rsvp-bar{border-radius:var(--radius-full);background-color:var(--gray-100);block-size:.5rem;margin-block-end:.5rem;display:flex;overflow:hidden}.mock-ui__rsvp-bar-yes{background-color:var(--green-400);border-radius:var(--radius-full) 0 0 var(--radius-full)}.mock-ui__rsvp-bar-no{background-color:var(--color-secondary-light)}.mock-ui__rsvp-legend{color:var(--gray-500);font-size:.6875rem}@media (prefers-reduced-motion:reduce){.product-showcase-text,.product-showcase-visual,.product-hero-text>*,.product-hero-visual{opacity:1;filter:none;animation:none;transform:none}.product-hero-badge,.mock-ui__upload-zone,.mock-ui__heart-icon{animation:none}}