/* Zehan Invitation concept LP. All selectors scoped to #zi-landing */ #zi-landing{--zi-primary:#a56c65;--zi-primary-dark:#87544f;--zi-ink:#382b30;--zi-muted:#74676a;--zi-line:#e8dfd9;--zi-paper:#fdfbf8;--zi-cream:#f6f1eb;--zi-sage:#d8dfd6;--zi-white:#fff;--zi-shadow:0 24px 75px rgba(75,48,43,.11);color:var(--zi-ink);background:var(--zi-paper);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.6;width:100%;overflow:clip;isolation:isolate;-webkit-font-smoothing:antialiased} #zi-landing,#zi-landing *,#zi-landing *::before,#zi-landing *::after{box-sizing:border-box} #zi-landing a{text-decoration:none;color:inherit} #zi-landing button,#zi-landing input{font:inherit} #zi-landing button{cursor:pointer} #zi-landing button:focus-visible,#zi-landing a:focus-visible,#zi-landing input:focus-visible,#zi-landing summary:focus-visible{outline:3px solid #ca8f87;outline-offset:4px} #zi-landing .zi-icon{width:19px;height:19px;flex:0 0 auto;display:inline-block;vertical-align:middle} #zi-landing .zi-icon.zi-icon-sm{width:16px;height:16px} #zi-landing .zi-icon.zi-icon-lg{width:24px;height:24px} #zi-landing .zi-container{width:min(1170px,calc(100% - 64px));margin-inline:auto} #zi-landing .zi-serif{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;font-weight:500} #zi-landing .zi-topbar{height:34px;background:#382b30;color:#f5dfd9;font-size:11px;letter-spacing:.1em;font-weight:700;display:flex;align-items:center;text-align:center;justify-content:center} #zi-landing .zi-topbar .zi-icon{width:13px;height:13px;margin-right:8px;color:#e8b7ad} #zi-landing .zi-nav-wrap{position:sticky;top:0;z-index:60;background:rgba(253,251,248,.96);border-bottom:1px solid rgba(120,100,90,.12);backdrop-filter:blur(16px)} #zi-landing .zi-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px} #zi-landing .zi-logo{display:flex;gap:12px;align-items:center;white-space:nowrap}#zi-landing .zi-logo.zi-logo-image{gap:0;display:inline-flex;align-items:center;line-height:0}#zi-landing .zi-logo-img{display:block;height:46px;width:auto;max-width:min(260px,42vw);object-fit:contain}#zi-landing .zi-footer-brand .zi-logo-img{height:52px;max-width:min(280px,78vw)} #zi-landing .zi-logo-emblem{width:39px;height:39px;border:1.5px solid var(--zi-primary);border-radius:14px 4px 14px 4px;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;font-style:italic;line-height:1;color:var(--zi-primary);transform:rotate(-1deg)} #zi-landing .zi-logo-text{display:flex;flex-direction:column;line-height:1.06;gap:5px} #zi-landing .zi-logo-text strong{font-family:Georgia,serif;font-weight:600;font-size:20px;letter-spacing:-.04em} #zi-landing .zi-logo-text small{font-size:8px;letter-spacing:.24em;font-weight:800;color:var(--zi-primary);text-transform:uppercase} #zi-landing .zi-menu{display:flex;align-items:center;gap:29px} #zi-landing .zi-menu a{color:#5d5354;font-weight:700;font-size:12px;transition:color .2s} #zi-landing .zi-menu a:hover{color:var(--zi-primary)} #zi-landing .zi-nav-actions{display:flex;align-items:center;gap:10px} #zi-landing .zi-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:800;letter-spacing:-.01em;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap;line-height:1.2} #zi-landing .zi-btn:hover{transform:translateY(-2px)} #zi-landing .zi-btn-primary{background:var(--zi-primary);color:#fff!important;box-shadow:0 9px 22px rgba(165,108,101,.22)} #zi-landing .zi-btn-primary:hover{background:var(--zi-primary-dark);box-shadow:0 12px 25px rgba(165,108,101,.3)} #zi-landing .zi-btn-ghost{border-color:#d9cbc5;background:#fff8;color:var(--zi-ink)} #zi-landing .zi-btn-dark{background:var(--zi-ink);color:#fff!important} #zi-landing .zi-btn-sm{min-height:41px;padding:0 18px;font-size:12px} #zi-landing .zi-hamburger{display:none;border:0;background:transparent;color:var(--zi-ink);padding:9px;line-height:0} #zi-landing .zi-hero{position:relative;padding:96px 0 103px;background:radial-gradient(ellipse at 90% 12%,rgba(225,191,179,.49),transparent 43%),radial-gradient(ellipse at 12% 90%,rgba(240,229,211,.5),transparent 48%),#faf7f2} #zi-landing .zi-hero::after{content:'';position:absolute;inset:auto -4% 0;height:95px;background:linear-gradient(to bottom,transparent,#fdfbf8);pointer-events:none} #zi-landing .zi-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:center;min-height:540px;position:relative;z-index:1} #zi-landing .zi-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--zi-primary)} #zi-landing .zi-eyebrow-line{width:28px;height:1px;background:currentColor;opacity:.75} #zi-landing h1,#zi-landing h2,#zi-landing h3,#zi-landing p{margin-top:0} #zi-landing .zi-hero h1{font-size:clamp(56px,5.9vw,83px);line-height:.98;letter-spacing:-.046em;margin:22px 0 27px;max-width:660px} #zi-landing .zi-hero h1 em{font-style:italic;color:var(--zi-primary);font-weight:500} #zi-landing .zi-hero-sub{font-size:15px;line-height:1.9;color:#6f6664;max-width:480px;margin-bottom:31px} #zi-landing .zi-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:32px} #zi-landing .zi-proof-points{display:flex;gap:20px 24px;flex-wrap:wrap;padding:22px 0 0;border-top:1px solid #e5dcd4;max-width:495px} #zi-landing .zi-proof-points span{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:800;color:#625a57} #zi-landing .zi-proof-points .zi-icon{width:16px;height:16px;color:var(--zi-primary)} #zi-landing .zi-hero-stage{height:560px;position:relative;max-width:600px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:center} #zi-landing .zi-hero-blob{position:absolute;width:490px;height:490px;border-radius:54% 46% 51% 49%;background:linear-gradient(140deg,#efd9cf,#d6b7b0 75%);opacity:.56;transform:rotate(-21deg);filter:blur(1px)} #zi-landing .zi-hero-line{position:absolute;width:530px;height:530px;border:1px solid rgba(165,108,101,.25);border-radius:50%;transform:translate(15px,-4px)} #zi-landing .zi-hero-line::after{content:'';position:absolute;inset:30px;border:1px dashed rgba(165,108,101,.17);border-radius:50%} #zi-landing .zi-phone{position:absolute;background:#fff;border:6px solid #fff;border-radius:34px;overflow:hidden;box-shadow:0 24px 45px rgba(57,36,37,.26);aspect-ratio:220/425} #zi-landing .zi-phone::before{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);z-index:6;width:54px;height:13px;background:#252327;border-radius:0 0 11px 11px} #zi-landing .zi-phone-main{width:245px;left:50%;top:52%;transform:translate(-48%,-50%) rotate(-2deg);z-index:3} #zi-landing .zi-phone-back{width:202px;left:11%;top:17%;transform:rotate(-18deg);z-index:1;filter:saturate(.8)} #zi-landing .zi-phone-front{width:203px;right:1%;bottom:11%;transform:rotate(15deg);z-index:2;filter:saturate(.92)} #zi-landing .zi-phone .zi-art-scene{height:100%;border-radius:29px} #zi-landing .zi-phone .zi-scene-copy strong{font-size:32px} #zi-landing .zi-phone-main .zi-scene-copy strong{font-size:39px} #zi-landing .zi-floating{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:12px 17px;box-shadow:0 14px 27px rgba(73,42,39,.13);font-size:11px;color:#5c5150;font-weight:700} #zi-landing .zi-floating .zi-icon{color:var(--zi-primary)} #zi-landing .zi-float-top{right:-1%;top:10%} #zi-landing .zi-float-bottom{left:0%;bottom:10%} #zi-landing .zi-floating b{color:var(--zi-ink)} #zi-landing .zi-float-heart{position:absolute;left:8%;top:6%;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;background:#fff7ed;color:#a56c65;box-shadow:0 9px 22px #4a33331c;z-index:4} #zi-landing .zi-float-heart .zi-icon{width:23px;height:23px} #zi-landing .zi-art-scene{position:relative;height:100%;width:100%;overflow:hidden;background:#ece1d9;color:#6c5152;isolation:isolate;display:grid;place-items:center} #zi-landing .zi-scene-inner{position:absolute;inset:9px;z-index:2;border:1px solid #ffffff9e;display:grid;place-items:center;overflow:hidden} #zi-landing .zi-scene-inner:before{content:'';position:absolute;inset:8px;border:1px solid currentColor;opacity:.17;pointer-events:none} #zi-landing .zi-scene-copy{position:relative;z-index:3;text-align:center;display:flex;align-items:center;flex-direction:column;max-width:100%;line-height:1;transform:translateY(5%);text-shadow:0 1px 2px #fff6} #zi-landing .zi-scene-overline{font-size:6px;letter-spacing:.25em;font-weight:800;margin-bottom:20px} #zi-landing .zi-scene-copy strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:37px;font-weight:500;letter-spacing:-.06em;line-height:.78;display:flex;flex-direction:column;gap:1px} #zi-landing .zi-scene-copy strong i{font-weight:400;font-size:.64em;line-height:.9;padding:4px 0} #zi-landing .zi-scene-date{font-size:7px;letter-spacing:.24em;font-weight:700;margin-top:25px} #zi-landing .zi-scene-sun{position:absolute;z-index:0;top:-24%;left:-30%;width:150%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.15} #zi-landing .zi-scene-ring{position:absolute;width:80%;height:65%;border-radius:50% 50% 0 0;top:27%;border:1px solid currentColor;opacity:.22} #zi-landing .zi-scene-petal{position:absolute;width:82px;height:140px;border-radius:70% 0 70% 0;opacity:.64;transform-origin:bottom center;z-index:0} #zi-landing .zi-petal-a{left:-6%;bottom:-7%;background:#c99d95;transform:rotate(-33deg)} #zi-landing .zi-petal-b{right:-7%;top:-9%;background:#afc0ab;transform:rotate(34deg)} #zi-landing .zi-scene-ornament{position:absolute;font-size:100px;line-height:1;color:#ffffff2e;top:5%;left:5%;z-index:1} #zi-landing .zi-scene--blush{background:radial-gradient(ellipse at 8% 85%,#dab4af 0,transparent 44%),linear-gradient(155deg,#f4e9e4,#ead0c9 70%,#d7b4aa);color:#815755} #zi-landing .zi-scene--ivory{background:radial-gradient(circle at 80% 10%,#bbcfb5 0,transparent 43%),linear-gradient(160deg,#e6e7d8,#f5efe1 80%);color:#64725f} #zi-landing .zi-scene--midnight{background:radial-gradient(circle at 70% 20%,#7e535c 0,transparent 48%),linear-gradient(130deg,#342c36,#60444d);color:#e0c5a0} #zi-landing .zi-scene--midnight .zi-scene-inner{border-color:#dcbf9459} #zi-landing .zi-scene--midnight .zi-scene-inner:before{opacity:.45} #zi-landing .zi-scene--linen{background:linear-gradient(140deg,#f5e5ce,#d5bca0);color:#846548} #zi-landing .zi-scene--linen .zi-scene-petal{background:#c5a07f} #zi-landing .zi-scene--nusantara{background:repeating-linear-gradient(45deg,#dec6b4 0 14px,#e6d2bd 14px 28px);color:#664c41} #zi-landing .zi-scene--nusantara .zi-scene-ring{border:8px double #88655680;opacity:.8;transform:rotate(25deg)} #zi-landing .zi-scene--canvas{background:radial-gradient(ellipse at 90% 30%,#eebd9f 0,transparent 37%),radial-gradient(ellipse at 5% 88%,#bbcbcc 0,transparent 42%),#f3e6d6;color:#715b60} #zi-landing .zi-scene--garden{background:radial-gradient(circle at 95% 85%,#d6c1ab 0,transparent 38%),linear-gradient(130deg,#afc2b4,#dbe2d5 55%,#e4d6c3);color:#49635c} #zi-landing .zi-scene--garden .zi-scene-petal{filter:drop-shadow(12px 12px 7px #415d463a)} #zi-landing .zi-scene--royal{background:radial-gradient(ellipse at 20% 70%,#a0776b 0,transparent 45%),linear-gradient(130deg,#5c4646,#977871);color:#f1dfc5} #zi-landing .zi-scene--royal .zi-scene-petal{background:#d4b39e;filter:drop-shadow(10px 8px 7px #33211d55)} #zi-landing .zi-mini-strip{position:relative;background:#fff;border-top:1px solid #ebe1dc;border-bottom:1px solid #ebe1dc;padding:18px 0} #zi-landing .zi-mini-inner{display:flex;gap:22px;justify-content:space-between;align-items:center} #zi-landing .zi-mini-left{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-style:italic;color:#625356} #zi-landing .zi-mini-benefits{display:flex;gap:28px;flex-wrap:wrap} #zi-landing .zi-mini-benefits span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#6e605c} #zi-landing .zi-mini-benefits .zi-icon{width:17px;height:17px;color:#9f7266} #zi-landing .zi-section{padding:108px 0} #zi-landing .zi-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:33px} #zi-landing .zi-section-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(43px,4.1vw,59px);line-height:1.02;letter-spacing:-.035em;font-weight:500;margin:12px 0 15px} #zi-landing .zi-section-title em{font-style:italic;color:var(--zi-primary)} #zi-landing .zi-section-desc{color:var(--zi-muted);font-size:14px;line-height:1.8;max-width:560px;margin:0} #zi-landing .zi-text-link{display:inline-flex;align-items:center;gap:9px;color:var(--zi-primary);font-weight:800;font-size:12px;border-bottom:1px solid rgba(165,108,101,.45);padding-bottom:6px;white-space:nowrap} #zi-landing .zi-theme-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px;flex-wrap:wrap} #zi-landing .zi-theme-filters{display:flex;flex-wrap:wrap;gap:8px} #zi-landing .zi-filter{border:1px solid #eadfd9;border-radius:999px;padding:10px 17px;background:#fff;color:#726564;font-size:12px;font-weight:800;transition:all .2s;white-space:nowrap} #zi-landing .zi-filter:hover{border-color:#b48a80;color:var(--zi-primary-dark)} #zi-landing .zi-filter[aria-pressed="true"]{background:var(--zi-ink);color:#fff;border-color:var(--zi-ink)} #zi-landing .zi-search{display:flex;align-items:center;gap:8px;border:1px solid #e9dfd8;background:#fff;padding:0 14px;border-radius:999px;height:41px;color:#a2928f;width:228px} #zi-landing .zi-search .zi-icon{width:17px;height:17px} #zi-landing .zi-search input{min-width:0;flex:1;width:100%;border:0;outline:0!important;background:transparent;color:var(--zi-ink);font-size:12px} #zi-landing .zi-search input::placeholder{color:#a99a96} #zi-landing .zi-themes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} #zi-landing .zi-theme-card{background:#fff;border:1px solid #eee5df;border-radius:19px;overflow:hidden;min-width:0;box-shadow:0 8px 22px #63504909;transition:transform .25s,box-shadow .25s} #zi-landing .zi-theme-card:hover{transform:translateY(-5px);box-shadow:0 19px 35px #63504920} #zi-landing .zi-theme-card[hidden]{display:none!important} #zi-landing .zi-theme-visual{height:293px;position:relative;background:#eee3db;overflow:hidden;padding:14px 32px} #zi-landing .zi-theme-visual .zi-art-scene{height:100%;box-shadow:0 11px 24px #382b302e;transition:transform .3s} #zi-landing .zi-theme-card:hover .zi-art-scene{transform:scale(1.035)} #zi-landing .zi-theme-visual .zi-scene-copy strong{font-size:30px} #zi-landing .zi-visual-label{position:absolute;left:12px;top:13px;z-index:2;border-radius:99px;padding:5px 9px;background:#fffc;font-size:8px;letter-spacing:.09em;font-weight:800;color:#75665d} #zi-landing .zi-preview-trigger{position:absolute;bottom:14px;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border:0;border-radius:999px;background:#fff;box-shadow:0 5px 16px #33232f33;color:#382b30;font-size:11px;font-weight:800;white-space:nowrap;transition:opacity .2s,transform .2s;z-index:5} #zi-landing .zi-preview-trigger .zi-icon{width:14px;height:14px} #zi-landing .zi-theme-card:hover .zi-preview-trigger,#zi-landing .zi-preview-trigger:focus-visible{opacity:1;transform:translateX(-50%) translateY(0)} #zi-landing .zi-theme-info{display:flex;align-items:end;justify-content:space-between;gap:7px;padding:17px 16px 19px} #zi-landing .zi-theme-cat{text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:800;color:var(--zi-primary)} #zi-landing .zi-theme-info h3{font-size:14px;line-height:1.2;letter-spacing:-.02em;margin:5px 0 5px;font-weight:800} #zi-landing .zi-theme-info p{color:#958885;font-size:10px;margin:0;line-height:1.45;max-width:175px} #zi-landing .zi-theme-price{font-size:12px;font-weight:800;color:#7b5b50;white-space:nowrap;margin-bottom:2px} #zi-landing .zi-no-results{text-align:center;color:#74666a;padding:46px;border:1px dashed #d8c9c1;border-radius:15px} #zi-landing .zi-catalog-note{text-align:center;font-size:11px;color:#928783;margin:22px 0 0} #zi-landing .zi-catalog-more{display:flex;justify-content:center;margin-top:27px} #zi-landing .zi-feature-section{background:#f5f0e9;position:relative;overflow:hidden} #zi-landing .zi-feature-section::before{content:'';position:absolute;border:1px solid #ddd3c9;border-radius:50%;width:550px;height:550px;right:-320px;top:-240px} #zi-landing .zi-feature-lead{display:grid;grid-template-columns:1fr .83fr;gap:70px;align-items:end;margin-bottom:38px} #zi-landing .zi-feature-lead .zi-section-desc{padding-bottom:8px} #zi-landing .zi-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px} #zi-landing .zi-feature-card{padding:30px;border:1px solid #e8ddd5;background:#fff;border-radius:17px;min-height:210px;transition:transform .2s} #zi-landing .zi-feature-card:hover{transform:translateY(-4px)} #zi-landing .zi-feature-icon{width:47px;height:47px;border-radius:14px;background:#f8eeeb;color:var(--zi-primary);display:grid;place-items:center;margin-bottom:21px} #zi-landing .zi-feature-card:nth-child(3n + 2) .zi-feature-icon{background:#edf0e8;color:#6c8172} #zi-landing .zi-feature-card:nth-child(3n + 3) .zi-feature-icon{background:#f7f1df;color:#9c7c48} #zi-landing .zi-feature-card h3{font-size:15px;font-weight:800;letter-spacing:-.02em;margin-bottom:7px} #zi-landing .zi-feature-card p{font-size:12px;color:#817773;line-height:1.75;margin-bottom:0;max-width:300px} #zi-landing .zi-bonus{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center;background:#47353a;border-radius:26px;min-height:395px;color:#fff;overflow:hidden;padding:48px 65px;position:relative;margin-top:92px} #zi-landing .zi-bonus::before{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff15;border-radius:50%;right:-180px;bottom:-250px} #zi-landing .zi-bonus .zi-eyebrow{color:#e2b3a8} #zi-landing .zi-bonus h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(45px,4vw,64px);font-weight:500;letter-spacing:-.04em;line-height:.97;margin:20px 0} #zi-landing .zi-bonus p{font-size:13px;line-height:1.8;color:#e6d8d7;max-width:450px} #zi-landing .zi-bonus .zi-btn{background:#fff;color:#47353a!important;margin-top:10px} #zi-landing .zi-photostrip{display:flex;justify-content:center;align-items:center;gap:14px;transform:rotate(-7deg);position:relative} #zi-landing .zi-photo-col{width:150px;background:#fbf5ed;padding:12px;box-shadow:0 22px 32px #1b10175c;display:flex;flex-direction:column;gap:10px} #zi-landing .zi-photo-col:nth-child(2){transform:translateY(25px) rotate(11deg)} #zi-landing .zi-photo-frame{height:112px;position:relative;overflow:hidden;background:linear-gradient(140deg,#d7b19d,#ecdccc);border-radius:2px} #zi-landing .zi-photo-frame::before{content:'';position:absolute;background:#8f625b;opacity:.6;width:70px;height:90px;left:28px;bottom:-48px;border-radius:48% 48% 15% 15%} #zi-landing .zi-photo-frame::after{content:'';position:absolute;background:#f8e2d4;width:37px;height:46px;left:45px;top:21px;border-radius:50% 50% 45% 45%;box-shadow:2px -11px 0 -2px #503c38} #zi-landing .zi-photo-frame.zi-pf-two{background:linear-gradient(130deg,#b2c0a5,#e3e2c7)} #zi-landing .zi-photo-frame.zi-pf-three{background:linear-gradient(130deg,#b2a0a5,#ebd1c9)} #zi-landing .zi-photo-frame.zi-pf-four{background:linear-gradient(130deg,#b1c9c8,#efdccd)} #zi-landing .zi-photo-col small{text-align:center;display:block;color:#987f73;font-size:8px;letter-spacing:.2em;font-weight:800;margin-top:4px} #zi-landing .zi-pricing-intro{text-align:center;max-width:620px;margin:0 auto 41px} #zi-landing .zi-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} #zi-landing .zi-price-card{position:relative;background:#fff;border:1px solid #e8ded7;border-radius:18px;padding:30px 23px 26px;display:flex;flex-direction:column;min-height:335px;box-shadow:0 6px 25px #382b3008} #zi-landing .zi-price-card.zi-featured{border-color:#bc938c;box-shadow:0 15px 40px #aa706316} #zi-landing .zi-price-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--zi-primary);color:#fff;padding:5px 14px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap} #zi-landing .zi-price-card h3{font-size:18px;letter-spacing:-.02em;margin-bottom:5px} #zi-landing .zi-price-card p{font-size:12px;line-height:1.65;color:#8d807c;min-height:60px;margin-bottom:17px} #zi-landing .zi-price-line{color:#5f504e;font-size:13px;font-weight:700;margin-bottom:16px} #zi-landing .zi-price-line strong{font-size:29px;letter-spacing:-.05em;color:var(--zi-ink);font-weight:800} #zi-landing .zi-price-card .zi-btn{width:100%;margin-top:auto;min-height:43px;padding:0 8px;font-size:12px} #zi-landing .zi-price-foot{font-size:11px;color:#897c78;text-align:center;margin:24px auto 0;max-width:760px} #zi-landing .zi-steps-section{background:#fff;border-block:1px solid #efe6df} #zi-landing .zi-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:45px;position:relative} #zi-landing .zi-steps-grid::before{content:'';position:absolute;top:30px;left:13%;right:13%;border-top:1px dashed #dbc7bf} #zi-landing .zi-step{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center} #zi-landing .zi-step-number{height:59px;width:59px;background:#f9ede8;border-radius:50%;border:7px solid #fff;color:var(--zi-primary);font-weight:800;font-size:15px;display:grid;place-items:center;position:relative;z-index:1;margin-bottom:18px;box-shadow:0 0 0 1px #e9d9d1} #zi-landing .zi-step h3{font-size:16px;font-weight:800;margin-bottom:9px} #zi-landing .zi-step p{font-size:12px;color:#81746f;max-width:270px;line-height:1.8} #zi-landing .zi-faq-layout{display:grid;grid-template-columns:.7fr 1fr;gap:75px;align-items:start} #zi-landing .zi-faq-list{border-top:1px solid var(--zi-line)} #zi-landing .zi-faq{border-bottom:1px solid var(--zi-line)} #zi-landing .zi-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:800;list-style:none;cursor:pointer;padding:20px 2px} #zi-landing .zi-faq summary::-webkit-details-marker{display:none} #zi-landing .zi-faq summary .zi-icon{color:#a56c65;transition:transform .2s} #zi-landing .zi-faq[open] summary .zi-icon{transform:rotate(180deg)} #zi-landing .zi-faq p{font-size:12px;line-height:1.9;color:#746968;max-width:600px;margin:0;padding:0 35px 22px 2px} #zi-landing .zi-cta-section{background:radial-gradient(circle at 10% 60%,#e2bdb393 0,transparent 38%),radial-gradient(circle at 88% 25%,#e9d8c899 0,transparent 40%),#f7ebe5;padding:92px 0;text-align:center;position:relative} #zi-landing .zi-cta-section h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(53px,5vw,78px);line-height:.96;letter-spacing:-.04em;font-weight:500;max-width:750px;margin:18px auto 23px} #zi-landing .zi-cta-section h2 em{color:var(--zi-primary);font-weight:400} #zi-landing .zi-cta-section p{font-size:14px;color:#7e6d69;margin-bottom:24px} #zi-landing .zi-cta-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} #zi-landing .zi-footer{background:#382b30;color:#fff;padding:53px 0 26px} #zi-landing .zi-footer-top{display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:40px;padding-bottom:42px} #zi-landing .zi-footer .zi-logo-emblem{border-color:#e2b5aa;color:#e2b5aa} #zi-landing .zi-footer .zi-logo-text small{color:#d9b0a6} #zi-landing .zi-footer .zi-logo-text strong{color:#fff} #zi-landing .zi-footer-desc{font-size:12px;color:#c6babb;line-height:1.9;max-width:310px;margin:22px 0 0} #zi-landing .zi-footer h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;margin:4px 0 20px;color:#e7ceca} #zi-landing .zi-footer-links{display:flex;flex-direction:column;gap:11px} #zi-landing .zi-footer-links a{font-size:12px;color:#c6babb;transition:color .2s} #zi-landing .zi-footer-links a:hover{color:#fff} #zi-landing .zi-footer-bottom{padding-top:22px;border-top:1px solid #ffffff22;color:#b8abab;font-size:11px;display:flex;gap:20px;justify-content:space-between} #zi-landing .zi-wa-fab{position:fixed;z-index:80;right:24px;bottom:24px;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#256d59;color:#fff!important;box-shadow:0 12px 24px #214c463e;transition:transform .2s} #zi-landing .zi-wa-fab:hover{transform:translateY(-4px)} #zi-landing .zi-wa-fab .zi-icon{width:27px;height:27px} #zi-landing .zi-mobile-cta{display:none} #zi-landing .zi-modal[hidden]{display:none} #zi-landing .zi-modal{position:fixed;inset:0;z-index:110;background:rgba(38,30,32,.78);display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)} #zi-landing .zi-modal-dialog{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fffaf6;border-radius:23px;padding:27px;display:grid;grid-template-columns:.85fr 1fr;gap:29px;position:relative;box-shadow:0 25px 90px #0c06084f} #zi-landing .zi-modal-art{height:425px;border:9px solid #f7f0e9;border-radius:14px;overflow:hidden} #zi-landing .zi-modal-art .zi-scene-copy strong{font-size:54px} #zi-landing .zi-modal-art .zi-scene-overline{font-size:9px} #zi-landing .zi-modal-copy{align-self:center;padding-right:10px} #zi-landing .zi-modal-copy h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:52px;font-weight:500;letter-spacing:-.04em;line-height:.95;margin:15px 0} #zi-landing .zi-modal-copy p{font-size:13px;color:#81736e;margin:0 0 18px} #zi-landing .zi-modal-copy .zi-modal-price{font-weight:800;font-size:24px;margin-bottom:23px} #zi-landing .zi-modal-copy .zi-modal-note{font-size:10px;color:#8b7e77;margin-top:16px} #zi-landing .zi-modal-close{position:absolute;right:14px;top:14px;width:35px;height:35px;background:#f4ebe6;border:0;border-radius:50%;display:grid;place-items:center;color:var(--zi-ink);z-index:3} #zi-landing .zi-modal-close .zi-icon{width:17px;height:17px} #zi-landing .zi-scroll-reveal{transition:opacity .6s,transform .6s} #zi-landing.zi-has-observer .zi-scroll-reveal:not(.zi-in-view){opacity:0;transform:translateY(18px)} #zi-landing #pilihan-tema,#zi-landing #fitur,#zi-landing #harga,#zi-landing #cara-pesan,#zi-landing #faq{scroll-margin-top:110px} @media(hover:none){#zi-landing .zi-preview-trigger{opacity:1;transform:translateX(-50%) translateY(0);font-size:10px}} @media(max-width:1100px){#zi-landing .zi-container{width:min(1120px,calc(100% - 44px))}#zi-landing .zi-menu{gap:17px}#zi-landing .zi-menu a{font-size:11px}#zi-landing .zi-hero-grid{gap:10px}#zi-landing .zi-hero-stage{transform:scale(.88);transform-origin:center}#zi-landing .zi-theme-visual{height:260px;padding-inline:25px}#zi-landing .zi-theme-visual .zi-scene-copy strong{font-size:27px}} @media(max-width:900px){#zi-landing .zi-menu{position:absolute;display:none;top:78px;left:0;right:0;background:#fffcfa;border-bottom:1px solid #eddfd7;padding:17px 22px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 27px #3a2a2920}#zi-landing .zi-menu.zi-menu-open{display:flex}#zi-landing .zi-menu a{padding:13px 3px;font-size:13px;border-bottom:1px solid #f3ebe6}#zi-landing .zi-hamburger{display:inline-grid;place-items:center}#zi-landing .zi-nav-actions .zi-login{display:none}#zi-landing .zi-hero{padding:70px 0}#zi-landing .zi-hero-grid{grid-template-columns:1fr;gap:8px;min-height:0}#zi-landing .zi-hero-copy{max-width:680px;text-align:center;margin-inline:auto}#zi-landing .zi-hero h1{margin-inline:auto;max-width:640px}#zi-landing .zi-hero-sub{margin-inline:auto}#zi-landing .zi-hero-actions,#zi-landing .zi-proof-points{justify-content:center;margin-inline:auto}#zi-landing .zi-hero-stage{transform:scale(.87);height:515px;margin-top:0}#zi-landing .zi-mini-inner{flex-direction:column;gap:9px}#zi-landing .zi-mini-benefits{justify-content:center}#zi-landing .zi-themes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#zi-landing .zi-theme-visual{height:320px;padding-inline:45px}#zi-landing .zi-theme-visual .zi-scene-copy strong{font-size:33px}#zi-landing .zi-feature-lead{gap:30px}#zi-landing .zi-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#zi-landing .zi-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#zi-landing .zi-price-card{min-height:310px}#zi-landing .zi-bonus{gap:20px;padding:45px 40px}#zi-landing .zi-photostrip{transform:rotate(-5deg) scale(.85)}#zi-landing .zi-faq-layout{gap:32px}} @media(max-width:620px){#zi-landing{font-size:14px}#zi-landing .zi-container{width:calc(100% - 36px)}#zi-landing .zi-topbar{font-size:9px;height:32px}#zi-landing .zi-nav{height:66px;gap:10px}#zi-landing .zi-logo{gap:0}#zi-landing .zi-logo-img{height:34px;max-width:190px}#zi-landing .zi-footer-brand .zi-logo-img{height:40px;max-width:220px}#zi-landing .zi-logo-emblem{height:34px;width:34px;font-size:25px;border-radius:11px 3px 11px 3px}#zi-landing .zi-logo-text strong{font-size:17px}#zi-landing .zi-logo-text small{font-size:7px}#zi-landing .zi-menu{top:66px}#zi-landing .zi-nav-actions{gap:2px}#zi-landing .zi-nav-actions .zi-btn{min-height:36px;padding:0 12px;font-size:10px}#zi-landing .zi-nav-actions .zi-btn .zi-icon{display:none}#zi-landing .zi-hero{padding:51px 0 22px}#zi-landing .zi-hero-grid{gap:0}#zi-landing .zi-eyebrow{font-size:9px;letter-spacing:.14em}#zi-landing .zi-hero h1{font-size:clamp(47px,12.5vw,66px);line-height:.99;margin:19px auto 20px}#zi-landing .zi-hero-sub{font-size:13px;line-height:1.85;max-width:390px;margin-bottom:23px}#zi-landing .zi-hero-actions{gap:8px;margin-bottom:22px}#zi-landing .zi-hero-actions .zi-btn{min-height:44px;padding:0 16px;font-size:11px}#zi-landing .zi-proof-points{gap:10px 15px;padding-top:18px}#zi-landing .zi-proof-points span{font-size:9px}#zi-landing .zi-proof-points .zi-icon{width:14px;height:14px}#zi-landing .zi-hero-stage{width:430px;max-width:none;height:390px;margin-left:50%;transform:translateX(-50%) scale(.71);transform-origin:top center;margin-bottom:-100px;margin-top:18px}#zi-landing .zi-hero-blob{width:430px;height:430px}#zi-landing .zi-hero-line{width:440px;height:440px}#zi-landing .zi-phone-main{width:242px}#zi-landing .zi-phone-back{width:192px;left:7%}#zi-landing .zi-phone-front{width:189px;right:1%}#zi-landing .zi-float-top{top:5%;right:-3%}#zi-landing .zi-float-bottom{left:-3%;bottom:6%}#zi-landing .zi-mini-strip{padding:17px 0}#zi-landing .zi-mini-left{font-size:22px}#zi-landing .zi-mini-benefits{gap:9px 16px}#zi-landing .zi-mini-benefits span{font-size:9px}#zi-landing .zi-section{padding:68px 0}#zi-landing .zi-section-head{display:block;margin-bottom:25px}#zi-landing .zi-section-head .zi-text-link{margin-top:20px}#zi-landing .zi-section-title{font-size:clamp(39px,10vw,54px);margin:12px 0}#zi-landing .zi-section-desc{font-size:12px}#zi-landing .zi-theme-controls{display:block;margin-bottom:19px}#zi-landing .zi-theme-filters{gap:7px;flex-wrap:nowrap;overflow:auto;padding-bottom:12px;margin-right:-18px;scrollbar-width:none}#zi-landing .zi-theme-filters::-webkit-scrollbar{display:none}#zi-landing .zi-filter{font-size:10px;padding:9px 14px}#zi-landing .zi-search{width:100%}#zi-landing .zi-themes-grid{gap:12px}#zi-landing .zi-theme-card{border-radius:13px}#zi-landing .zi-theme-visual{height:238px;padding:12px 18px}#zi-landing .zi-theme-visual .zi-scene-inner{inset:6px}#zi-landing .zi-theme-visual .zi-scene-copy strong{font-size:25px}#zi-landing .zi-theme-visual .zi-scene-overline{font-size:5px;margin-bottom:14px}#zi-landing .zi-theme-visual .zi-scene-date{font-size:6px;margin-top:17px}#zi-landing .zi-visual-label{font-size:7px;padding:4px 6px;top:8px;left:8px}#zi-landing .zi-preview-trigger{font-size:9px;padding:7px 10px;bottom:9px;gap:4px}#zi-landing .zi-preview-trigger .zi-icon{width:11px;height:11px}#zi-landing .zi-theme-info{padding:12px 10px 14px;display:block}#zi-landing .zi-theme-info h3{font-size:12px}#zi-landing .zi-theme-cat{font-size:8px}#zi-landing .zi-theme-info p{font-size:10px;min-height:27px}#zi-landing .zi-theme-price{display:block;margin-top:8px;font-size:12px}#zi-landing .zi-feature-lead{display:block;margin-bottom:28px}#zi-landing .zi-feature-grid{gap:10px}#zi-landing .zi-feature-card{padding:20px 17px;min-height:207px}#zi-landing .zi-feature-icon{width:39px;height:39px;border-radius:12px;margin-bottom:15px}#zi-landing .zi-feature-icon .zi-icon{width:20px;height:20px}#zi-landing .zi-feature-card h3{font-size:13px}#zi-landing .zi-feature-card p{font-size:10px;line-height:1.7}#zi-landing .zi-bonus{grid-template-columns:1fr;padding:34px 26px 8px;gap:9px;margin-top:60px;border-radius:20px}#zi-landing .zi-bonus h2{font-size:52px;margin:15px 0}#zi-landing .zi-bonus p{font-size:12px}#zi-landing .zi-photostrip{min-height:280px;transform:rotate(-5deg) scale(.72)}#zi-landing .zi-photo-col{width:150px;flex-shrink:0}#zi-landing .zi-pricing-grid{gap:12px}#zi-landing .zi-price-card{padding:21px 15px 16px;min-height:300px}#zi-landing .zi-price-card h3{font-size:15px}#zi-landing .zi-price-card p{font-size:10px;min-height:67px}#zi-landing .zi-price-line{font-size:11px}#zi-landing .zi-price-line strong{font-size:23px}#zi-landing .zi-price-card .zi-btn{font-size:10px;min-height:39px;gap:4px}#zi-landing .zi-price-card .zi-btn .zi-icon{width:13px;height:13px}#zi-landing .zi-price-tag{font-size:8px;top:-10px;padding:3px 9px}#zi-landing .zi-steps-grid{grid-template-columns:1fr;gap:17px;margin-top:30px}#zi-landing .zi-steps-grid::before{left:29px;right:auto;top:10%;bottom:10%;border-top:0;border-left:1px dashed #dbc7bf}#zi-landing .zi-step{text-align:left;display:grid;grid-template-columns:65px 1fr;column-gap:8px;align-items:start}#zi-landing .zi-step-number{grid-row:span 2;width:56px;height:56px;margin-bottom:0}#zi-landing .zi-step h3{margin:7px 0 4px}#zi-landing .zi-step p{font-size:11px}#zi-landing .zi-faq-layout{grid-template-columns:1fr;gap:16px}#zi-landing .zi-faq summary{font-size:12px;padding:18px 2px}#zi-landing .zi-cta-section{padding:74px 0}#zi-landing .zi-cta-section h2{font-size:55px}#zi-landing .zi-cta-section p{font-size:12px}#zi-landing .zi-cta-actions .zi-btn{min-height:43px;padding:0 14px;font-size:11px}#zi-landing .zi-footer{padding:45px 0 98px}#zi-landing .zi-footer-top{grid-template-columns:1fr 1fr;gap:27px 20px}#zi-landing .zi-footer-brand{grid-column:1/-1}#zi-landing .zi-footer-desc{max-width:400px;margin-top:16px}#zi-landing .zi-footer-bottom{flex-direction:column;gap:7px}#zi-landing .zi-wa-fab{bottom:76px;right:17px;width:45px;height:45px}#zi-landing .zi-wa-fab .zi-icon{width:23px;height:23px}#zi-landing .zi-mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:79;background:#fff;border-top:1px solid #eee5dc;padding:9px 16px calc(9px + env(safe-area-inset-bottom));display:flex;gap:9px;box-shadow:0 -9px 25px #3b222b12}#zi-landing .zi-mobile-cta .zi-btn{flex:1;min-height:42px;padding:0 9px;font-size:11px}#zi-landing .zi-modal-dialog{grid-template-columns:1fr;max-height:calc(100dvh - 24px);padding:19px;gap:17px;overflow:auto;width:min(390px,100%)}#zi-landing .zi-modal-art{height:330px;width:70%;margin:0 auto}#zi-landing .zi-modal-art .zi-scene-copy strong{font-size:40px}#zi-landing .zi-modal-copy{padding:0 8px 8px}#zi-landing .zi-modal-copy h2{font-size:39px;margin:9px 0}#zi-landing .zi-modal-copy .zi-modal-price{font-size:20px;margin-bottom:12px}} @media(max-width:380px){#zi-landing .zi-hero-stage{transform:translateX(-50%) scale(.64);margin-bottom:-125px}#zi-landing .zi-theme-visual{height:208px;padding:10px 15px}#zi-landing .zi-theme-visual .zi-scene-copy strong{font-size:21px}#zi-landing .zi-feature-card{padding:16px 13px}#zi-landing .zi-feature-card h3{font-size:12px}} @media(prefers-reduced-motion:reduce){#zi-landing *,#zi-landing *::before,#zi-landing *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#zi-landing.zi-has-observer .zi-scroll-reveal:not(.zi-in-view){opacity:1;transform:none}} @media(max-width:900px){#zi-landing .zi-hero-grid{grid-template-columns:minmax(0,1fr)}#zi-landing .zi-hero-copy{min-width:0;max-width:100%}} /* Keep all three actual invitation covers visible on mobile instead of clipping the phones. */ @media(max-width:620px){#zi-landing .zi-hero-stage{height:520px;margin-bottom:-6px;}} @media(max-width:380px){#zi-landing .zi-hero-stage{height:520px;margin-bottom:-10px;}} /* Extra common presentation for WordPress standalone pages */ body.zih-three-page{margin:0;background:#fdfbf8;overflow-x:hidden}body.zih-three-page .zih-document{background:#fdfbf8}#zi-landing{min-height:100vh}#zi-landing .zi-real-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:center}#zi-landing .zi-hero-stage .zi-phone img{border-radius:26px}#zi-landing .zi-feature-photo{width:100%;height:100%;object-fit:cover}#zi-landing .zi-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}#zi-landing .zi-hero-pills span{font-size:11px;color:#765f5c;background:#fff8f3;border:1px solid #e9d8d1;padding:7px 10px;border-radius:20px}#zi-landing .zi-menu a[aria-current=page]{color:#a56c65}#zi-landing .zi-catalog-more .zi-btn{min-height:46px}#zi-landing .zi-hero-stage .zi-real-cover{background:#f5e5de}#zi-landing .zi-real-scene{position:relative!important;display:block!important;overflow:hidden!important;padding:8px!important;background:#efe4dc!important;border-radius:24px!important;height:100%!important}#zi-landing .zi-real-scene .zi-real-cover{object-fit:cover!important;object-position:center top!important;width:100%!important;height:100%!important;min-height:235px;border:3px solid #fff;border-radius:19px!important;box-shadow:0 11px 20px #3c242323}#zi-landing .zi-real-scene::before{content:"";position:absolute;z-index:1;left:50%;top:9px;transform:translateX(-50%);width:54px;height:11px;background:#382b30;border-radius:0 0 10px 10px}#zi-landing .zi-has-real{background:#f6eee9}#zi-landing .zi-has-real .zi-preview-trigger{z-index:2}#zi-landing .zi-modal-art .zi-real-scene{max-width:310px;height:400px;margin:0 auto}#zi-landing .zi-modal-art .zi-real-cover{object-fit:cover!important}#zi-landing .zi-catalog-note{text-align:center;color:#8d807d;font-size:12px;margin-top:22px}#zi-landing .zi-footer a{text-decoration:none}#zi-landing .zi-btn:focus-visible,#zi-landing .zi-filter:focus-visible{outline:3px solid #a56c65;outline-offset:3px}#zi-landing .zi-nav-wrap{z-index:100} @media(max-width:640px){#zi-landing .zi-has-real{height:246px}#zi-landing .zi-real-scene .zi-real-cover{min-height:205px}#zi-landing .zi-catalog-note{padding:0 16px}} /* Zehan font-stability patch v4: prevent oversized serif fallback during webfont download */ html.zi-font-pending #zi-landing h1, html.zi-font-pending #zi-landing h2, html.zi-font-pending #zi-landing .zi-mini-left, html.zi-font-pending #zi-landing .zi-scene-copy strong { visibility: hidden; } #zi-landing.zi-font-fallback { font-family: system-ui,-apple-system,'Segoe UI',Arial,sans-serif !important; } #zi-landing.zi-font-fallback .zi-serif, #zi-landing.zi-font-fallback .zi-section-title, #zi-landing.zi-font-fallback .zi-mini-left, #zi-landing.zi-font-fallback .zi-cta-section h2, #zi-landing.zi-font-fallback .zi-bonus h2, #zi-landing.zi-font-fallback .zi-modal-copy h2, #zi-landing.zi-font-fallback .zi-scene-copy strong, #zi-landing.zi-font-fallback h1, #zi-landing.zi-font-fallback h2 { font-family: Georgia,'Times New Roman',serif !important; font-size-adjust:0.43; } @media (prefers-reduced-motion: reduce) { html.zi-font-pending #zi-landing h1,html.zi-font-pending #zi-landing h2 { transition:none; } } /* ZE-HAN v13: section-label readability, desktop/tablet */ #zi-landing .zi-eyebrow, #zi-landing .zi-hero .zi-eyebrow, #zi-landing .zi-mini-kicker, #zi-landing .z-cat-kicker { font-size: 15px !important; letter-spacing: .085em !important; line-height: 1.5 !important; } #zehan-wds-katalog.z-demo-catalog .z-toolbar-overline { font-size: 14px !important; line-height: 1.5 !important; letter-spacing: .08em !important; } @media (max-width: 620px) { #zi-landing .zi-eyebrow, #zi-landing .zi-hero .zi-eyebrow, #zi-landing .zi-mini-kicker, #zi-landing .z-cat-kicker { font-size: 14px !important; letter-spacing: .06em !important; line-height: 1.55 !important; } #zehan-wds-katalog.z-demo-catalog .z-toolbar-overline { font-size: 14px !important; letter-spacing: .06em !important; } } /* Standalone reset for Zehan Pages; limited to its own routes */ body.zih-three-page{margin:0;background:#fdfbf8}