:root{color-scheme:light;--uo-bg: #f7f0e6;--uo-ink: #25211f;--uo-muted: #7b746e;--uo-surface: #efe7dc;--uo-surface-strong: #fff9f0;--uo-accent: #e8a7ff;--uo-mint: #a8e6cf;--uo-border: #ded3c5;--uo-shadow: 0 22px 60px rgb(37 33 31 / 14%);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--uo-bg);color:var(--uo-ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--uo-bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.uo-shell{min-height:100vh;background:var(--uo-bg);color:var(--uo-ink)}.uo-button{align-items:center;border:0;border-radius:22px;cursor:pointer;display:inline-flex;font-weight:800;gap:10px;justify-content:center;min-height:54px;padding:0 24px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;white-space:nowrap}.uo-button:hover{transform:translateY(-1px)}.uo-button--primary{background:var(--uo-ink);box-shadow:var(--uo-shadow);color:#fff9f0}.uo-button--secondary{background:var(--uo-surface);color:var(--uo-ink)}.uo-button--ghost{background:transparent;color:var(--uo-ink)}.uo-badge{align-items:center;background:#fff9f0b8;border:1px solid var(--uo-border);border-radius:999px;color:var(--uo-muted);display:inline-flex;font-size:.85rem;font-weight:800;min-height:34px;padding:0 14px}html{scroll-behavior:smooth}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.landing-page{min-height:100vh}.landing-section{scroll-margin-top:76px}.landing-nav{position:sticky;top:0;z-index:50;align-items:center;display:flex;justify-content:space-between;padding:16px clamp(20px,4vw,48px);background:#f7f0e6e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--uo-border)}.brand{align-items:center;display:inline-flex;font-size:1.25rem;font-weight:800;gap:10px}.brand-mark{align-items:center;background:var(--uo-ink);border-radius:12px;color:var(--uo-bg);display:inline-flex;font-size:.95rem;height:36px;justify-content:center;width:36px}.brand-logo{height:36px;width:36px;border-radius:12px;object-fit:contain;display:block}.nav-links{align-items:center;display:flex;gap:clamp(14px,1.8vw,24px);font-weight:700;font-size:.92rem}.nav-toggle{align-items:center;background:var(--uo-surface);border:1px solid var(--uo-border);border-radius:12px;color:var(--uo-ink);cursor:pointer;display:none;height:40px;justify-content:center;width:40px}.nav-backdrop{background:#25211f66;border:0;cursor:pointer;inset:0;position:fixed;z-index:40}.nav-cta{background:var(--uo-ink);border-radius:999px;color:var(--uo-bg);padding:10px 18px}.brand-text{display:inline}.hero{margin:clamp(32px,6vw,56px) auto 0;max-width:720px;padding:0 20px;text-align:center}.hero h1{font-size:clamp(2.35rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0}.hero h1 span{background:linear-gradient(120deg,var(--uo-accent) 0%,var(--uo-mint) 100%);border-radius:4px;display:inline-block;padding:0 .12em .06em}.hero-copy{color:var(--uo-muted);font-size:clamp(1rem,1.6vw,1.08rem);line-height:1.6;margin:16px auto 0;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.primary-action,.secondary-action{align-items:center;border-radius:999px;display:inline-flex;font-weight:700;gap:8px;min-height:48px;padding:0 20px;font-size:.94rem;transition:transform .14s ease,box-shadow .14s ease}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.primary-action{background:var(--uo-ink);box-shadow:0 8px 24px #25211f2e;color:var(--uo-bg)}.secondary-action{background:transparent;border:1px solid var(--uo-border);color:var(--uo-ink)}.product-stage{margin:clamp(28px,5vw,44px) auto 0;max-width:960px;padding:0 20px}.browser-frame{background:#211c21;border-radius:28px;box-shadow:var(--uo-shadow);overflow:hidden;position:relative}.browser-top{display:flex;gap:8px;padding:24px}.browser-top span{background:#fff9f066;border-radius:999px;height:12px;width:12px}.mockup-grid{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,280px) minmax(160px,1fr);padding:8px clamp(16px,4vw,40px) 28px}.mockup-panels{display:flex;flex-direction:column;gap:12px;justify-content:center}.invite-phone{background:var(--uo-surface-strong);border-radius:26px;box-shadow:0 16px 60px #00000047;max-width:280px;padding:22px 20px;width:100%}.invite-phone h2{font-size:1.75rem;letter-spacing:-.01em;line-height:1;margin:4px 0 6px;font-weight:800}.mini-label,.invite-phone p{color:var(--uo-muted);font-weight:800}.invite-phone button{background:var(--uo-ink);border:0;border-radius:16px;color:var(--uo-bg);font-weight:900;margin-top:24px;min-height:48px;padding:0 18px}.floating-panel{background:#fff9f0eb;border:1px solid rgb(255 255 255 / 55%);border-radius:14px;box-shadow:0 12px 32px #00000024;font-size:.85rem;padding:12px 14px;position:relative;width:100%}.panel-demo-label{color:var(--uo-muted);display:block;font-size:.62rem;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.floating-panel p{color:var(--uo-muted);font-weight:900;margin:0 0 8px}.rsvp-panel strong{display:block;font-size:1.35rem}.rsvp-panel span,.qr-panel span{color:var(--uo-muted);font-weight:900}.swatch{border-radius:999px;display:block;height:18px;width:18px}.lavender{background:var(--uo-accent)}.mint{background:var(--uo-mint)}.ink{background:var(--uo-ink)}.qr-panel{align-items:center;display:flex;gap:8px}.section-header{margin-bottom:42px}.section-header.center{text-align:center}.section-header h2{font-size:clamp(1.55rem,2.8vw,2.1rem);line-height:1.15;margin:6px 0 10px;font-weight:800;letter-spacing:-.02em}.section-kicker{color:var(--uo-muted);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.section-sub,.free-lead{color:var(--uo-muted);font-size:1.05rem;line-height:1.65;max-width:620px}.section-header.center .section-sub{margin:0 auto}.product-stage-caption{color:var(--uo-muted);font-size:.82rem;font-weight:600;margin-top:12px;text-align:center}.product-stage-caption a{color:var(--uo-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}.invite-phone-cta{background:var(--uo-ink);border-radius:14px;color:var(--uo-bg);display:inline-block;font-weight:700;margin-top:14px;padding:9px 14px;text-align:center;width:100%;font-size:.85rem}.themes-section,.categories-section,.faq-section{margin:var(--landing-section-gap) auto;max-width:1120px;padding:0 20px}:root{--landing-section-gap: clamp(56px, 8vw, 80px)}.themes-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.theme-card{background:var(--uo-surface);border-radius:18px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.theme-card:hover{transform:translateY(-3px);box-shadow:var(--uo-shadow)}.theme-preview{aspect-ratio:16 / 10;border:0;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.theme-preview-inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:16px;position:relative}.theme-preview-label{font-size:.7rem;font-weight:900;letter-spacing:1px;opacity:.6;text-transform:uppercase}.theme-preview-accent{border-radius:999px;height:7px;margin:16px 0 12px;width:68px}.theme-preview-text{font-size:1.1rem;font-weight:700;letter-spacing:-.2px;text-align:center}.theme-meta{padding:16px 20px 8px}.theme-meta-main h3{font-size:.98rem;margin:0 0 6px;font-weight:700}.theme-event{background:var(--uo-bg);border-radius:999px;color:var(--uo-muted);font-size:.72rem;font-weight:800;padding:2px 9px}.theme-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag{background:var(--uo-bg);border-radius:999px;color:var(--uo-muted);font-size:.68rem;font-weight:800;padding:1px 8px}.theme-actions{display:flex;gap:8px;padding:0 20px 20px}.theme-btn{border:0;border-radius:14px;cursor:pointer;flex:1;font-weight:800;min-height:46px;padding:0 14px;transition:all .14s ease}.theme-btn.primary{background:var(--uo-ink);color:var(--uo-bg)}.theme-btn.secondary{background:var(--uo-bg);color:var(--uo-ink)}.themes-more{color:var(--uo-muted);font-size:.95rem;margin-top:32px;text-align:center}.themes-more a{color:var(--uo-ink);font-weight:800;text-decoration:underline;text-underline-offset:3px}.how-section{border-block:1px solid var(--uo-border);margin:var(--landing-section-gap) 0;padding:var(--landing-section-gap) 20px}.how-section .section-header{margin-bottom:52px}.steps-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1080px}.step{border-top:2px solid var(--uo-ink);padding:18px 0 0}.step-number{color:var(--uo-muted);font-size:.8rem;font-weight:700;letter-spacing:.04em;margin-bottom:12px}.step h3{font-size:1.05rem;line-height:1.25;margin:0 0 6px;font-weight:700}.step p{color:var(--uo-muted);font-size:.98rem;line-height:1.55;margin:0}.categories-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.category-card{background:var(--uo-surface);border-radius:18px;display:flex;flex-direction:column;padding:28px 24px;transition:transform .16s ease,box-shadow .16s ease}.category-card:hover{box-shadow:var(--uo-shadow);transform:translateY(-2px)}.category-card-link{align-items:center;color:var(--uo-ink);display:inline-flex;font-size:.88rem;font-weight:700;gap:6px;margin-top:16px}.category-icon{margin-bottom:16px}.category-card h3{font-size:1.2rem;margin:0 0 8px}.category-card p{color:var(--uo-muted);font-size:.95rem;line-height:1.5;margin:0}.free-section{background:var(--uo-ink);color:var(--uo-bg);margin:var(--landing-section-gap) 0;padding:clamp(48px,7vw,72px) 20px}.free-section>.free-content .section-kicker{color:#fff9f08c}.free-content{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);margin:0 auto;max-width:1040px}.free-section h2{color:var(--uo-bg);font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.12;margin:8px 0 14px;letter-spacing:-.02em}.free-lead{color:#fff9f0c7;max-width:520px}.free-list{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:24px 0 0;padding:0}.free-list li{align-items:center;color:#fff9f0eb;display:flex;font-size:.9rem;font-weight:600;gap:8px}.free-list li svg{color:var(--uo-mint);flex-shrink:0}.free-cta-panel{background:var(--uo-surface-strong);border:1px solid rgb(255 255 255 / 12%);border-radius:16px;color:var(--uo-ink);display:flex;flex-direction:column;gap:0;padding:22px}.free-cta-panel__head{display:flex;flex-direction:column;gap:8px}.free-cta-panel__badge{align-self:flex-start;background:var(--uo-mint);border-radius:999px;color:var(--uo-ink);font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.free-cta-panel__head h3{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0}.free-cta-panel__head p{color:var(--uo-muted);font-size:.88rem;line-height:1.5;margin:0}.free-cta-panel__btn{align-items:center;background:var(--uo-ink);border-radius:12px;color:var(--uo-bg);display:inline-flex;font-size:.92rem;font-weight:700;gap:8px;justify-content:center;margin-top:18px;min-height:46px;padding:0 16px;transition:transform .14s ease,background .14s ease;width:100%}.free-cta-panel__btn:hover{background:#3a3431;transform:translateY(-1px)}.free-cta-panel__note{border-top:1px solid var(--uo-border);color:var(--uo-muted);font-size:.75rem;line-height:1.45;margin:14px 0 0;padding-top:12px}.faq-section{max-width:820px}.faq-list{display:grid;gap:8px}.faq-item{background:var(--uo-surface);border-radius:14px;padding:6px 0}.faq-item summary{cursor:pointer;font-weight:800;list-style:none;padding:16px 44px 16px 22px;position:relative}.faq-item summary:after{color:var(--uo-muted);content:"+";font-size:1.2rem;font-weight:700;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.faq-item[open] summary:after{content:"−"}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary{padding-bottom:8px}.faq-item p{color:var(--uo-muted);margin:0 22px 18px;padding-left:2px}.faq-more{color:var(--uo-muted);font-size:.9rem;margin-top:28px;text-align:center}.landing-footer{border-top:1px solid var(--uo-border);margin-top:var(--landing-section-gap)}.footer-bottom{border-top:1px solid var(--uo-border);display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1040px;padding:28px 20px 36px}.footer-bottom__main{align-items:center;display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:space-between;width:100%}.footer-brand{align-items:center;display:inline-flex;font-size:.95rem;font-weight:800;gap:10px}.footer-brand .brand-mark{border-radius:10px;font-size:.85rem;height:32px;width:32px}.footer-brand .brand-logo{height:32px;width:32px;border-radius:10px;object-fit:contain;display:block}.footer-links{align-items:center;display:flex;flex-wrap:wrap;font-size:.88rem;font-weight:600;gap:6px 20px}.footer-links a{color:var(--uo-muted)}.footer-links a:hover{color:var(--uo-ink)}.footer-copy{border-top:1px solid var(--uo-border);color:var(--uo-muted);font-size:.78rem;margin:0;padding-top:20px;text-align:center;width:100%}.footer-copy a{color:var(--uo-ink);font-weight:700}.footer-copy a:hover{text-decoration:underline;text-underline-offset:3px}.modal-overlay{align-items:center;background:#25211fb8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal-content{background:var(--uo-bg);border-radius:22px;max-width:480px;padding:24px 24px 30px;position:relative;width:100%}.modal-close{align-items:center;background:var(--uo-surface);border:0;border-radius:999px;color:var(--uo-ink);cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:16px;top:16px;width:38px}.preview-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.preview-header h3{font-size:1.15rem;margin:4px 0}.preview-badge{background:var(--uo-surface);border-radius:999px;color:var(--uo-muted);font-size:.72rem;font-weight:800;padding:3px 11px}.preview-tags{display:flex;gap:6px;margin-top:4px}.preview-tags .tag{background:var(--uo-surface-strong)}.preview-note{color:var(--uo-muted);font-size:.82rem;margin-top:18px;text-align:center}.invite-preview{border:2px solid;border-radius:20px;margin-top:8px;padding:26px 22px;text-align:center}.preview-kicker{font-size:.8rem;font-weight:800;letter-spacing:.5px;opacity:.7}.invite-preview h2{font-size:1.45rem;line-height:1;margin:4px 0 6px}.preview-date{color:var(--uo-muted);font-weight:700;margin-bottom:18px}.preview-details{background:#fff9f099;border-radius:12px;font-size:.92rem;margin:16px 0;padding:12px 14px;text-align:left}.preview-details>div{align-items:center;display:flex;gap:8px;margin:5px 0;font-weight:700}.preview-actions{display:flex;gap:8px;margin-top:14px}.preview-btn{border:0;border-radius:14px;flex:1;font-weight:800;min-height:46px;padding:0 14px}.preview-btn.ghost{background:#fff9f0b3;border:1px solid var(--uo-border)}.preview-guest{font-size:.78rem;font-weight:700;margin-top:18px;opacity:.65}@media(max-width:860px){.free-content,.free-list{grid-template-columns:1fr}}@media(max-width:760px){.nav-toggle{display:inline-flex}.nav-links{background:var(--uo-bg);border:1px solid var(--uo-border);border-radius:16px;box-shadow:var(--uo-shadow);flex-direction:column;gap:4px;opacity:0;padding:12px;pointer-events:none;position:absolute;right:20px;top:calc(100% + 8px);transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease;width:min(280px,calc(100vw - 40px))}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0);z-index:60}.nav-toggle{position:relative;z-index:61}.nav-links a{border-radius:10px;padding:12px 14px;width:100%}.nav-links a:hover{background:var(--uo-surface)}.nav-links .nav-cta{justify-content:center;margin-top:4px;text-align:center}.hero-actions{flex-direction:column;width:100%}.hero-actions a{justify-content:center;width:100%}.browser-frame{border-radius:22px;min-height:auto}.mockup-grid{grid-template-columns:1fr;justify-items:center}.mockup-panels{max-width:280px;width:100%}.themes-grid,.steps-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.categories-grid{grid-template-columns:1fr}.footer-bottom__main{align-items:flex-start;flex-direction:column;gap:14px}.footer-links{gap:12px 18px}}.primary-action.small{min-height:46px;padding:0 18px;font-size:.95rem}a:focus-visible,button:focus-visible,.theme-btn:focus-visible{outline:2px solid var(--uo-accent);outline-offset:2px}
