:root{--landing-bg: linear-gradient(155deg, #f4fbf8 0%, #f8fffb 40%, #e8fff4 100%);--landing-text: #123b30;--landing-muted: #51756d;--landing-accent: #38c4a4;--landing-accent-strong: #57d6ba;--landing-surface: rgba(255, 255, 255, .9);--landing-border: rgba(56, 196, 164, .18);--landing-shadow: 0 35px 85px rgba(30, 92, 76, .12);--landing-shadow-soft: 0 24px 50px rgba(30, 92, 76, .14);--landing-ambient-one: rgba(150, 234, 211, .55);--landing-ambient-two: rgba(132, 235, 202, .45);--landing-ambient-three: rgba(91, 210, 188, .35)}.landing-root{min-height:100dvh;padding:clamp(3rem,6vw,6rem) clamp(1.5rem,6vw,5rem);display:flex;align-items:center;justify-content:center;position:relative;background:var(--landing-bg);color:var(--landing-text);overflow:hidden;font-family:var(--font-body)}.landing-root:before,.landing-root:after{content:"";position:absolute;border-radius:999px;filter:blur(120px);opacity:.55;z-index:0}.landing-root:before{top:-12rem;left:-10rem;width:32rem;height:32rem;background:var(--landing-ambient-one)}.landing-root:after{bottom:-14rem;right:-8rem;width:28rem;height:28rem;background:var(--landing-ambient-two)}.landing-root.theme-halloween{--landing-bg: radial-gradient(circle at top, rgba(255, 128, 21, .45), transparent 55%), radial-gradient(circle at bottom right, rgba(144, 45, 255, .4), transparent 50%), linear-gradient(135deg, #160816, #1d0c26 60%, #28162c);--landing-accent: #ffb347;--landing-accent-strong: #ff6f61;--landing-surface: rgba(34, 16, 41, .78);--landing-shadow: 0 28px 90px rgba(22, 8, 22, .45);--landing-shadow-soft: 0 18px 40px rgba(22, 12, 34, .25)}.landing-layout{width:min(1120px,100%);display:grid;gap:2.5rem;position:relative;z-index:1}.hero{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:center;background:linear-gradient(140deg,#ffffffeb,#f0fdf7e0);border:1px solid rgba(56,196,164,.12);border-radius:clamp(1.8rem,4vw,2.4rem);padding:clamp(2.4rem,4vw,3.2rem);box-shadow:var(--landing-shadow);backdrop-filter:blur(14px)}.hero--desktop{grid-template-columns:repeat(2,minmax(0,1fr))}.hero--mobile{display:none}.hero__content{display:grid;gap:clamp(1.4rem,3vw,1.8rem)}.hero__eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;color:#123b30b8}.hero__eyebrow:before{content:"";width:36px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--landing-accent),var(--landing-accent-strong))}.hero h1{font-size:clamp(2.5rem,4.6vw,3.8rem);line-height:1.05;letter-spacing:-.02em;color:#0d3d31;font-family:var(--font-display)}.hero h1 span{color:var(--landing-accent);text-shadow:0 18px 40px rgba(87,214,186,.28)}.hero p{font-size:clamp(1.05rem,2.2vw,1.2rem);color:#15483ad1;line-height:1.7;max-width:32rem}.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem}.cta{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.95rem;border-radius:16px;font-weight:600;transition:transform .2s ease,box-shadow .3s ease,background .3s ease;border:1px solid transparent}.cta--primary{background:linear-gradient(130deg,var(--landing-accent),var(--landing-accent-strong));color:#043c30;box-shadow:0 22px 38px #3cc4a440}.cta--ghost{background:#e7fff5cc;color:#0f4a3b;border-color:#38c4a447}.cta:hover{transform:translateY(-3px);box-shadow:0 24px 46px #3cc4a452}.hero__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:.5rem}.hero__stats div{padding:1.05rem 1.3rem;border-radius:1.2rem;background:linear-gradient(135deg,#e8fcf5e6,#d8f6edd1);border:1px solid rgba(56,196,164,.16);box-shadow:var(--landing-shadow-soft)}.hero__stats dt{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#113f35b8;margin-bottom:.35rem}.hero__stats dd{font-size:1rem;color:#0e3d32e0}.hero__visual{position:relative;min-height:420px;display:grid;place-items:center}.hero__visual:before{content:"";position:absolute;inset:auto;width:clamp(320px,32vw,420px);height:clamp(320px,32vw,420px);border-radius:55% 45% 60% 40%/50% 55% 45% 50%;background:radial-gradient(circle at 30% 30%,rgba(56,196,164,.18),transparent 70%),radial-gradient(circle at 70% 70%,rgba(111,223,190,.22),transparent 72%);filter:blur(20px);animation:float 14s ease-in-out infinite;z-index:-1}.orbit{position:absolute;border-radius:999px;border:1px dashed rgba(72,197,166,.28);background:radial-gradient(circle,rgba(87,214,186,.1),transparent 65%);animation:orbit-spin linear infinite}.orbit--outer{width:clamp(360px,30vw,420px);height:clamp(360px,30vw,420px);animation-duration:26s}.orbit--inner{width:clamp(240px,22vw,320px);height:clamp(240px,22vw,320px);animation-duration:18s}.floating-card{position:absolute;background:linear-gradient(150deg,#ffffffeb,#e2f9f2d9);border:1px solid rgba(56,196,164,.16);border-radius:22px;padding:1.45rem;box-shadow:var(--landing-shadow-soft);max-width:260px;animation:float 9s ease-in-out infinite;color:#0f3f34}.floating-card h2{font-size:1.05rem;margin-bottom:.35rem;color:#0a3a30;font-family:var(--font-display)}.floating-card p{font-size:.92rem;color:#104236cc;line-height:1.45}.floating-card--budget{top:8%;right:6%;animation-delay:0s}.floating-card--budget ul{margin-top:.75rem;display:grid;gap:.55rem}.floating-card--budget li{display:flex;justify-content:space-between;font-size:.93rem;color:#0c3d32d1}.floating-card--budget span{color:#0c3d328c}.floating-card--budget .positive{color:var(--landing-accent-strong)}.floating-card--insight{bottom:12%;left:8%;animation-delay:-2.5s}.floating-card--insight header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;color:#0f4a3b}.floating-card--insight time{font-size:.75rem;color:#10473a8c}.chip{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;font-family:var(--font-display)}.chip--success{background:#57d6ba2e;color:var(--landing-accent);border:1px solid rgba(87,214,186,.32)}.floating-card--progress{top:40%;left:56%;animation-delay:-5s}.progress-bar{width:100%;height:8px;background:#57d6ba33;border-radius:999px;overflow:hidden;margin-top:.8rem}.progress-bar span{display:block;height:100%;background:linear-gradient(135deg,var(--landing-accent),var(--landing-accent-strong));border-radius:inherit}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero__illustration{max-width:320px;width:100%;justify-self:center;filter:drop-shadow(0 24px 70px rgba(56,196,164,.18));animation:float 9s ease-in-out infinite}.landing-root[data-mode=wishlist]{--landing-bg: linear-gradient(145deg, #f5fffc 0%, #ecfff5 45%, #f8fffb 100%);--landing-accent: #2fbf9e;--landing-accent-strong: #4fd3b3;--landing-ambient-one: rgba(123, 235, 208, .55);--landing-ambient-two: rgba(86, 207, 179, .45);--landing-ambient-three: rgba(68, 189, 161, .55)}.wishlist-hero{position:relative;width:min(720px,100%);margin:0 auto;z-index:1}.wishlist-glow{position:absolute;inset:-4rem;background:radial-gradient(circle at 35% 25%,rgba(79,210,180,.35),transparent 60%),radial-gradient(circle at 70% 75%,rgba(118,238,205,.32),transparent 65%);filter:blur(80px);opacity:.55;z-index:0}.wishlist-card{position:relative;padding:clamp(2.6rem,5vw,3.6rem);border-radius:clamp(1.8rem,4vw,2.6rem);border:1px solid rgba(56,196,164,.12);background:linear-gradient(135deg,#fffffff2,#e8fcf4e6);box-shadow:0 40px 80px #1e5c4c1f;display:grid;gap:clamp(1.4rem,3vw,1.8rem)}.wishlist-card:before{content:"";position:absolute;inset:-12%;border-radius:45% 55% 50% 60%/55% 45%;background:radial-gradient(circle at 35% 30%,rgba(47,191,158,.12),transparent 65%),radial-gradient(circle at 70% 70%,rgba(92,213,183,.16),transparent 70%);filter:blur(24px);z-index:-1}.wishlist-badge{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.45rem .9rem;border-radius:999px;background:#2fbf9e24;color:#123b30c7;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.wishlist-card h1{font-size:clamp(2.4rem,4.8vw,3.3rem);line-height:1.1;color:#0d3d31;font-family:var(--font-display)}.wishlist-subtitle{font-size:clamp(1.05rem,2.4vw,1.2rem);color:#155242cc;line-height:1.7}.wishlist-form{display:grid;gap:1rem}.wishlist-form__grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.wishlist-form input{width:100%;border-radius:16px;padding:.85rem 1.1rem;border:1px solid rgba(56,196,164,.18);background:#e9fcf4b3;color:#0f4033;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.wishlist-form input:focus{outline:none;border-color:#2fbf9ea6;background:#fffffff2;box-shadow:0 0 0 4px #4fd2b433}.wishlist-form__actions{display:grid;gap:.75rem}.wishlist-submit{border:none;border-radius:18px;padding:.95rem 1.9rem;font-weight:600;font-size:1.05rem;cursor:pointer;color:#043c30;background:linear-gradient(130deg,#2fbf9e,#57d6ba);box-shadow:0 28px 45px #2fbf9e40;transition:transform .2s ease,box-shadow .2s ease}.wishlist-submit:hover{transform:translateY(-3px);box-shadow:0 32px 54px #2fbf9e52}.wishlist-submit:disabled{opacity:.6;cursor:not-allowed}.wishlist-feedback{font-size:.95rem;color:#175745ad}.wishlist-feedback[data-state=error]{color:#db4c4c}.wishlist-feedback[data-state=success]{color:#21a07aeb}.wishlist-highlights{list-style:none;display:grid;gap:.9rem;padding:0;margin:0}.wishlist-highlights li{display:flex;gap:.75rem;align-items:center;font-size:.98rem;color:#10473ac7;line-height:1.55}.wishlist-highlights span{font-size:1.3rem;color:var(--landing-accent)}.wishlist-highlights strong{color:#0f4034f2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 1080px){.hero--desktop{grid-template-columns:1fr}.hero__visual{order:-1;min-height:360px}.floating-card{position:relative;margin:0 auto;top:unset;left:unset;right:unset;bottom:unset;transform:none;animation:float 9s ease-in-out infinite}.hero__visual{display:grid;gap:1.2rem}.orbit{display:none}}@media (max-width: 880px){.landing-root{padding:clamp(2rem,6vw,3rem) clamp(1rem,5vw,2.4rem)}.hero--desktop{display:none}.hero--mobile{display:grid}.hero{text-align:center}.hero__content,.hero__cta{justify-items:center}.hero__stats{display:none}}@media (max-width: 640px){.landing-root{padding:2rem 1.4rem 3.4rem}.wishlist-card{padding:2.2rem 1.6rem}.wishlist-form__grid{grid-template-columns:1fr}.wishlist-form__actions{text-align:left}.wishlist-highlights li{align-items:flex-start}}