:root{--primary:#925003;--ochre:#b47a39;--ink:#292a2b;--border:#e7e4e0}.landing-root{color:#262524;scroll-behavior:smooth;background:#f7f7f6;min-height:100vh;margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Arial,sans-serif}.landing-root *,.landing-root :before,.landing-root :after{box-sizing:border-box}.font-display{font-family:Playfair Display,Georgia,serif}.hero-bg{isolation:isolate;background:url(/images/landing-hero.jpg) 50%/cover no-repeat,#272727;position:relative;overflow:hidden}.hero-bg:before,.hero-glow{display:none}.button-primary{color:#fff;cursor:pointer;background:#925003;border-radius:8px;justify-content:center;align-items:center;gap:9px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.button-primary:hover{background:#a66210;transform:translateY(-1px)}.button-outline{color:#925003;cursor:pointer;background:#fff;border:1px solid #925003;border-radius:9px;justify-content:center;align-items:center;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.button-outline:hover{color:#fff;background:#925003}.hero-bg .button-outline{color:#fff;background:#2223;border:1px solid #5b5d5d}.hero-bg .button-outline:hover{color:#fff;background:#ffffff1a}.eyebrow{letter-spacing:.24em;color:#c28c58;font-size:10px;font-weight:700}.wedding-preview{box-shadow:0 16px 32px #0005,0 3px 7px #0006}.slab{background:linear-gradient(130deg,#918475,#564f47 45%,#282624 97%);border:1px solid #ffffff15;border-radius:12px 9px 3px 4px;position:absolute;transform:rotate(-10deg);box-shadow:10px 16px 22px #0008}.slab:after{content:"";opacity:.2;border-radius:inherit;background-image:repeating-linear-gradient(75deg,#0000 0 5px,#ddd1bc21 6px 7px);position:absolute;inset:0}.hero-flora{opacity:.8;filter:drop-shadow(1px 3px 5px #0005);position:absolute}.hero-card{background:#e9dfd0;border-radius:3px;width:241px;height:335px;position:absolute;top:31px;left:122px;overflow:hidden;transform:rotate(-2deg);box-shadow:15px 18px 20px #0008}.hero-card img,.phone-screen img,.template-art img{object-fit:cover;width:100%;height:100%;display:block}.hero-phone{background:#141414;border:3px solid #77736f;border-radius:28px;width:178px;height:327px;padding:9px;position:absolute;top:56px;left:363px;overflow:hidden;transform:rotate(3deg);box-shadow:8px 18px 20px #0009,inset 0 0 0 2px #111}.hero-phone:before{content:"";z-index:5;background:#161616;border-radius:12px;width:76px;height:17px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:#e8d4bc;border-radius:20px;height:100%;position:relative;overflow:hidden}.phone-screen:after{content:"Lihat Undangan";text-align:center;color:#fff;background:#925003;border-radius:16px;padding:10px 5px;font-size:9px;position:absolute;bottom:26px;left:23px;right:23px;box-shadow:0 3px 5px #0002}.template-card{background:#fff;border:1px solid #e8e8e7;border-radius:11px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 6px 13px #18181708}.template-card:hover{transform:translateY(-5px);box-shadow:0 15px 28px #18181715}.template-art{aspect-ratio:4/4.08;background:#efe8dd;border-radius:8px;position:relative;overflow:hidden}.template-art img{transition:transform .3s}.template-card:hover .template-art img{transform:scale(1.035)}.heart-btn{color:#606060;cursor:pointer;background:#ffffffeb;border:none;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 2px 6px #0002}.heart-btn[aria-pressed=true]{color:#9a4f16}.arrow-circle{cursor:pointer;background:#f1eeeb;border:none;border-radius:50%;place-items:center;width:29px;height:29px;transition:background .2s;display:grid}.arrow-circle:hover{background:#e2d8cc}.category-card{cursor:pointer;background:#f1f1f0;border:1px solid #f1f1f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:113px;transition:border .2s,transform .2s,background .2s;display:flex}.category-card:hover,.category-card.active{background:#f7f2ec;border-color:#ba9366;transform:translateY(-2px)}.category-icon{color:#8d623b;width:32px;height:32px}.review-card{background:#fff;border:1px solid #ededec;border-radius:11px;box-shadow:0 3px 10px #22222208}.avatar{color:#714624;background:radial-gradient(circle at 30% 25%,#f8e1cb,#c5ae9c);border:2px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;font-family:Georgia,serif;font-size:17px;display:grid}.stars{color:#9a5908;letter-spacing:2px;font-size:16px;line-height:1}.cta-bg{background:linear-gradient(100deg,#663200,#854609 48%,#9c560d 100%);position:relative;overflow:hidden}.cta-bg:before{content:"";pointer-events:none;background:radial-gradient(at 75% 40%,#d7963a26,#0000 60%);position:absolute;inset:0}.decor-sprig{opacity:.34;pointer-events:none;position:absolute}@media (max-width:1023px){.hero-card{left:70px}.hero-phone{left:281px}.hero-flora{opacity:.4}}@media (max-width:767px){.hero-bg{overflow:hidden}.hero-card{width:185px;height:256px;top:24px;left:10%}.hero-phone{border-radius:23px;width:142px;height:256px;padding:7px;top:40px;left:53%}.hero-phone:before{width:58px;height:12px}.phone-screen{border-radius:15px}.phone-screen:after{padding:8px 1px;font-size:7px;bottom:19px;left:13px;right:13px}.slab{opacity:.7}.hero-flora{display:none}.category-card{min-height:96px}}
