/* index.css — Landing page design tokens + base layer
 *
 * swipe-classic.myshopify.com fit (verified 2026-07-12):
 *   - warm cream canvas, near-black ink, soft borders
 *   - small uppercase eyebrow → serif display heading → count meta
 *   - 3-4 cards/row desktop, ~16-20px gap, generous vertical rhythm
 *
 * The landing already used #fbf9f7 canvas + #B77554 brown — both kept
 * (warm wedding-appropriate brand) and folded into named tokens so every
 * section reads consistently.
 */
:root{--kdg-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--kdg-font-display:"Instrument Serif",Georgia,serif;--kdg-canvas:#fbf9f7;--kdg-surface:#ffffff;--kdg-surface-2:#f3efe9;--kdg-ink:#1f2024;--kdg-ink-2:#5b6068;--kdg-ink-3:#8a8f99;--kdg-ink-4:#b0b5bf;--kdg-brand:#b77554;--kdg-brand-dark:#8f5a3e;--kdg-brand-soft:#f1e2d6;--kdg-border:#ecedf0;--kdg-border-strong:#d8d3cd;--kdg-shadow-sm:0 1px 2px rgba(15,23,42,.04);--kdg-shadow:0 10px 30px -12px rgba(15,23,42,.12);--kdg-shadow-lg:0 24px 60px -20px rgba(15,23,42,.18);--kdg-radius-sm:.375rem;--kdg-radius:.75rem;--kdg-radius-lg:1.25rem;--kdg-radius-pill:999px;--kdg-container:87.5rem;--kdg-container-narrow:62.5rem;--kdg-gutter:4rem;--_global-colors--text-primary:var(--kdg-brand);--_global-colors--text-default:var(--kdg-ink);--text-size--large:1.125rem;--_global--border-width:1px;--_global-colors--border-default:var(--kdg-border);--_global-colors--background-muted:var(--kdg-canvas);--_global-colors--background-muted-2:var(--kdg-surface-2);}html{scroll-behavior:smooth;}body{font-family:var(--kdg-font-sans);color:var(--kdg-ink);background:var(--kdg-canvas);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.section-home-hero,.section-features,.section-testimonial,.section-themes,.section-faq{padding:6rem 0;border-bottom:1px solid var(--kdg-border);}.section-home-hero{background:var(--kdg-canvas);}.section-themes,.section-faq{background:var(--kdg-canvas);}.section-features,.section-testimonial{background:var(--kdg-surface);}@media (max-width:768px){.section-home-hero,.section-features,.section-testimonial,.section-themes,.section-faq{padding:4rem 0;}}.padding-global{padding-left:var(--kdg-gutter);padding-right:var(--kdg-gutter);}.container-large{width:100%;max-width:var(--kdg-container);margin-left:auto;margin-right:auto;}.container-medium{width:100%;max-width:var(--kdg-container-narrow);margin-left:auto;margin-right:auto;}.max-width-large{max-width:42rem;}@media (max-width:991px){.padding-global{padding-left:2rem;padding-right:2rem;}}@media (max-width:479px){.padding-global{padding-left:1.25rem;padding-right:1.25rem;}}.kdg-section-head{display:flex;flex-direction:column;gap:.75rem;text-align:center;margin:0 auto 3rem;max-width:48rem;}.kdg-section-head--left{text-align:left;margin-left:0;}.kdg-eyebrow{display:inline-block;align-self:center;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--kdg-brand);padding:.25rem .625rem;background:var(--kdg-brand-soft);border-radius:var(--kdg-radius-pill);}.kdg-section-head--left .kdg-eyebrow{align-self:flex-start;}.kdg-section-title{font-family:var(--kdg-font-display);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:400;line-height:1.08;letter-spacing:-.02em;color:var(--kdg-ink);margin:0;}.kdg-section-title em{font-style:italic;color:var(--kdg-brand);}.kdg-section-subtitle{font-size:1.0625rem;color:var(--kdg-ink-2);line-height:1.6;margin:0;}@media (max-width:768px){.kdg-section-head{gap:.5rem;margin-bottom:2rem;}.kdg-section-subtitle{font-size:1rem;}}.kdg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8125rem 1.5rem;font-family:var(--kdg-font-sans);font-size:.9375rem;font-weight:500;letter-spacing:.01em;text-decoration:none;border:1px solid transparent;border-radius:var(--kdg-radius-pill);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;}.kdg-btn:active{transform:translateY(1px);}.kdg-btn--primary{background:var(--kdg-ink);color:#fff;border-color:var(--kdg-ink);}.kdg-btn--primary:hover{background:var(--kdg-brand);border-color:var(--kdg-brand);color:#fff;}.kdg-btn--ghost{background:transparent;color:var(--kdg-ink);border-color:var(--kdg-border-strong);}.kdg-btn--ghost:hover{border-color:var(--kdg-ink);background:var(--kdg-surface);}.kdg-btn--lg{padding:1rem 1.875rem;font-size:1rem;}.button,.button-get-started{}.splide{border-radius:var(--kdg-radius);overflow:hidden;}.splide img{width:100%;display:block;}.splide__pagination{display:none;}.splide__arrow{backdrop-filter:blur(20px);background-color:rgba(255,255,255,.85);border:1px solid rgba(136,136,136,.55);opacity:1;}.my-slider-progress{background:var(--kdg-border);}.my-slider-progress-bar{background:var(--kdg-ink);height:3px;transition:width 400ms ease;width:0;}.dropdown-toggle::after{display:none !important;}button{outline:none !important;}.home-hero-content{}