/* Anova Invite — tema */
:root{
	--ait-primary:#353085;--ait-accent:#c9a46a;--ait-bg:#fff;--ait-paper:#d8dfed;--ait-ink:#1d2621;--ait-muted:#66706a;--ait-line:#d4eafa;--ait-dark:#2d6691;
	--ait-display:'Cormorant Garamond',Georgia,serif;--ait-ui:'Plus Jakarta Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--ait-radius:18px;--ait-w:1200px;--ait-ease:cubic-bezier(.22,.8,.24,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ait-bg);color:var(--ait-ink);font:400 16px/1.65 var(--ait-ui);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--ait-primary)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.skip-link:focus{clip:auto;width:auto;height:auto;z-index:999;top:8px;left:8px;background:#fff;padding:8px 12px}
.ait-container{width:100%;max-width:var(--ait-w);margin:0 auto;padding:0 20px}
.ait-muted{color:var(--ait-muted)}
.ait-script{font-family:var(--ait-display);font-style:italic}

/* Tipografi */
.ait-eyebrow{margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ait-accent)}
.ait-display{font-family:var(--ait-display);font-weight:500;font-size:clamp(2.6rem,5.6vw,4.4rem);line-height:1.04;letter-spacing:-.01em;margin:0 0 18px}
.ait-display--sm{font-size:clamp(2.2rem,4.4vw,3.4rem)}
.ait-title{font-family:var(--ait-display);font-weight:500;font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.1;margin:0 0 12px}
.ait-lead{font-size:1.1rem;color:var(--ait-muted);max-width:620px;margin:0 0 24px}

/* Tombol */
.ait-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:1px solid transparent;font:700 .92rem/1.1 var(--ait-ui);text-decoration:none;cursor:pointer;transition:transform .2s var(--ait-ease),box-shadow .2s,background .2s;white-space:nowrap}
.ait-btn:hover{transform:translateY(-2px)}
.ait-btn--lg{padding:16px 26px;font-size:1rem;border-radius:14px}
.ait-btn--block{width:100%}
.ait-btn--primary{background:var(--ait-primary);color:#fff}
.ait-btn--primary:hover{box-shadow:0 14px 30px -14px var(--ait-primary);color:#fff}
.ait-btn--accent{background:var(--ait-accent);color:#22180a}
.ait-btn--ghost{background:transparent;border-color:var(--ait-line);color:var(--ait-ink)}
.ait-btn--ghost:hover{border-color:var(--ait-ink)}
.ait-btn--light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}
.ait-btn--wa{background:#1fa855;color:#fff;margin-top:10px}

/* Header */
.ait-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--ait-bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.ait-header.is-scrolled{border-bottom-color:var(--ait-line)}
body.admin-bar .ait-header{top:32px}
.ait-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.ait-header__brand{display:flex;align-items:center;gap:14px;min-width:0}
.ait-header__tagline{max-width:180px;color:var(--ait-muted);font-size:.72rem;line-height:1.25}
.ait-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ait-ink);font-weight:800;font-size:1.1rem;letter-spacing:-.01em}
.ait-logo__mark{color:var(--ait-primary);display:inline-grid}
.custom-logo{max-height:48px;width:auto}
.ait-nav{display:flex;align-items:center;gap:26px}
.ait-menu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.ait-menu a{display:block;padding:8px 12px;border-radius:10px;color:var(--ait-ink);text-decoration:none;font-weight:600;font-size:.92rem}
.ait-menu a:hover,.ait-menu .current-menu-item>a{background:rgba(0,0,0,.05)}
.ait-menu .sub-menu{display:none}
.ait-nav__cta{display:flex;gap:8px}
.ait-burger{display:none;width:44px;height:44px;border:0;background:none;border-radius:10px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.ait-burger span{display:block;width:22px;height:2px;background:var(--ait-ink);border-radius:2px;transition:.25s}
@media (max-width:960px){
	.ait-header__tagline{display:none}
	.ait-burger{display:flex}
	.ait-nav{position:fixed;inset:72px 0 auto 0;flex-direction:column;align-items:stretch;gap:12px;background:var(--ait-paper);padding:16px 20px 24px;border-bottom:1px solid var(--ait-line);transform:translateY(-12px);opacity:0;visibility:hidden;transition:.25s}
	.ait-nav.is-open{transform:none;opacity:1;visibility:visible}
	.ait-menu{flex-direction:column}
	.ait-nav__cta .ait-btn{flex:1}
	.ait-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
	.ait-burger[aria-expanded=true] span:nth-child(2){opacity:0}
	.ait-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* Hero */
.ait-hero{position:relative;overflow:hidden;padding:56px 0 80px}
.ait-hero__bg span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.ait-hero__bg span:first-child{width:520px;height:520px;right:-120px;top:-160px;background:#e9d7b6}
.ait-hero__bg span:last-child{width:420px;height:420px;left:-160px;bottom:-200px;background:#cfdccf}
.ait-hero__grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.ait-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.ait-hero__points{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0;font-size:.9rem;color:var(--ait-muted)}
.ait-hero__points .avi-ico{color:var(--ait-primary);vertical-align:-5px}
.ait-hero__visual{position:relative;display:grid;place-items:center;min-height:620px}
.ait-phone{position:relative;width:300px;height:620px;border-radius:46px;background:#141414;padding:11px;box-shadow:0 0 0 1px #2c2c2c,0 60px 100px -40px rgba(23,32,27,.55);transform:rotate(-3deg)}
.ait-phone::before{content:"";position:absolute;top:18px;left:50%;width:84px;height:22px;margin-left:-42px;border-radius:20px;background:#141414;z-index:2}
.ait-phone__screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:var(--ait-paper)}
.ait-phone__screen iframe{position:absolute;top:0;left:0;width:390px;height:846px;border:0;transform:scale(.7128);transform-origin:0 0;pointer-events:none}
.ait-phone__placeholder{height:100%;display:grid;place-content:center;text-align:center;gap:6px;background:linear-gradient(160deg,#efe4d1,#d7c0a1)}
.ait-phone__placeholder span{font-size:2.6rem;color:#5b4a37}
.ait-float{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 24px 50px -24px rgba(0,0,0,.35);font-size:.8rem;max-width:230px;animation:ait-bob 6s ease-in-out infinite}
.ait-float .avi-ico{color:var(--ait-primary);flex:0 0 auto}
.ait-float b{display:block;font-size:.85rem}
.ait-float span{color:var(--ait-muted)}
.ait-float--rsvp{left:-6px;top:120px}
.ait-float--gift{right:-6px;bottom:110px;animation-delay:-3s}
@keyframes ait-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:960px){
	.ait-hero{padding:32px 0 56px}
	.ait-hero__grid{grid-template-columns:1fr}
	.ait-hero__visual{min-height:560px}
	.ait-phone{transform:none;width:270px;height:560px}
	.ait-phone__screen iframe{transform:scale(.636)}
	.ait-float--rsvp{left:0;top:60px}.ait-float--gift{right:0;bottom:40px}
}

/* Strip jenis acara */
.ait-strip{padding:28px 0;border-top:1px solid var(--ait-line);border-bottom:1px solid var(--ait-line);background:var(--ait-paper)}
.ait-strip__label{text-align:center;margin:0 0 14px;font-size:.85rem;color:var(--ait-muted)}
.ait-events{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:0;padding:0}
.ait-events a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;border:1px solid var(--ait-line);background:#fff;color:var(--ait-ink);text-decoration:none;font-weight:600;font-size:.9rem;transition:.2s}
.ait-events a:hover{border-color:var(--ait-primary);color:var(--ait-primary)}
.ait-events .avi-ico{color:var(--ait-accent)}

/* Section */
.ait-section{padding:96px 0}
.ait-section--tight{padding:40px 0 80px}
.ait-section--tint{background:var(--ait-paper)}
.ait-section--dark{background:var(--ait-dark);color:#eef1ec}
.ait-section--dark .ait-lead{color:#aab4ad}
.ait-section__head{text-align:center;max-width:720px;margin:0 auto 48px}
.ait-section__head .ait-lead{margin-left:auto;margin-right:auto}
.ait-section__head--row{display:flex;justify-content:space-between;align-items:flex-end;text-align:left;max-width:none;gap:20px;flex-wrap:wrap}

/* Fitur */
.ait-features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ait-feature{background:var(--ait-paper);border:1px solid var(--ait-line);border-radius:var(--ait-radius);padding:24px;transition:transform .3s var(--ait-ease),box-shadow .3s}
.ait-feature:hover{transform:translateY(-4px);box-shadow:0 26px 50px -34px rgba(0,0,0,.4)}
.ait-feature__icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--ait-accent) 22%,#fff);color:var(--ait-primary);margin-bottom:14px}
.ait-feature h3{margin:0 0 6px;font-size:1.02rem}
.ait-feature p{margin:0;color:var(--ait-muted);font-size:.92rem}
.ait-devices{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--ait-primary);color:#fff;border-radius:var(--ait-radius);padding:28px 32px}
.ait-devices h3{margin:0 0 6px;font-family:var(--ait-display);font-weight:500;font-size:1.8rem}
.ait-devices p{margin:0;opacity:.8;max-width:620px}
.ait-devices__chips{display:flex;background:rgba(255,255,255,.12);border-radius:12px;padding:4px}
.ait-devices__chips span{padding:8px 14px;border-radius:9px;font-weight:600;font-size:.85rem;opacity:.75}
.ait-devices__chips span.is-on{background:#fff;color:var(--ait-ink);opacity:1}
@media (max-width:1024px){.ait-features{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ait-features{grid-template-columns:1fr}.ait-section{padding:72px 0}}

/* Langkah */
.ait-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.ait-steps li{position:relative;padding:26px 22px;border-radius:var(--ait-radius);background:var(--ait-paper);border:1px solid var(--ait-line)}
.ait-steps__n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ait-ink);color:#fff;font-weight:800;margin-bottom:14px}
.ait-steps h3{margin:0 0 6px;font-size:1.05rem}
.ait-steps p{margin:0;color:var(--ait-muted);font-size:.92rem}
@media (max-width:960px){.ait-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ait-steps{grid-template-columns:1fr}}

/* Harga */
.ait-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.ait-plan{position:relative;display:flex;flex-direction:column;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:26px 22px}
.ait-plan.is-featured{background:linear-gradient(180deg,#24382c,#1c2b22);border-color:var(--ait-accent);box-shadow:0 30px 60px -30px rgba(201,164,106,.45)}
.ait-plan__ribbon{position:absolute;top:-12px;left:22px;background:var(--ait-accent);color:#22180a;font-size:.72rem;font-weight:800;padding:4px 12px;border-radius:99px}
.ait-plan h3{margin:0;font-size:1.3rem}
.ait-plan__tag{margin:2px 0 14px;color:#aab4ad;font-size:.88rem}
.ait-plan__price del{display:block;color:#7f8a83;font-size:.88rem}
.ait-plan__price b{font-size:2rem;letter-spacing:-.02em}
.ait-plan ul{list-style:none;margin:18px 0 22px;padding:0;display:grid;gap:8px;font-size:.86rem;flex:1}
.ait-plan li{display:flex;justify-content:space-between;gap:8px;padding-left:22px;position:relative}
.ait-plan li::before{position:absolute;left:0;font-weight:800}
.ait-plan li.is-yes::before{content:"✓";color:var(--ait-accent)}
.ait-plan li.is-no{color:#68736c}
.ait-plan li.is-no::before{content:"–"}
@media (max-width:1100px){.ait-pricing{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.ait-pricing{grid-template-columns:1fr}}

/* FAQ */
.ait-faq__list{max-width:780px;margin:0 auto;display:grid;gap:10px}
.ait-faq details{background:var(--ait-paper);border:1px solid var(--ait-line);border-radius:14px;padding:4px 20px}
.ait-faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:700;position:relative}
.ait-faq summary::-webkit-details-marker{display:none}
.ait-faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:1.4rem;font-weight:400;color:var(--ait-accent);transition:.2s}
.ait-faq details[open] summary::after{transform:rotate(45deg)}
.ait-faq details p{margin:0 0 16px;color:var(--ait-muted)}

/* CTA */
.ait-cta{padding:0 0 96px}
.ait-cta__box{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--ait-primary) radial-gradient(circle at 90% 0%,rgba(201,164,106,.35),transparent 40%);color:#fff;border-radius:28px;padding:48px}
.ait-cta__box p{margin:0;opacity:.8}
.ait-cta__box .ait-title{margin-bottom:6px}

/* Footer */
.ait-footer{background:var(--ait-dark);color:#c9d0cb;padding:64px 0 24px;font-size:.92rem}
.ait-footer a{color:#e9eee9;text-decoration:none}
.ait-footer a:hover{color:var(--ait-accent)}
.ait-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.ait-footer .ait-logo{color:#fff}
.ait-footer .ait-logo__mark{color:var(--ait-accent)}
.ait-footer h3{color:#fff;font-size:.95rem;margin:0 0 12px}
.ait-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ait-footer__brand p{max-width:340px;color:#9aa59e}
.ait-footer__bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:#7f8a83;font-size:.82rem}
@media (max-width:860px){.ait-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ait-footer__grid{grid-template-columns:1fr}}

/* Halaman umum */
.ait-page{padding:56px 20px 96px}
.ait-page__head{margin-bottom:28px}
.ait-prose{max-width:760px;margin:0 auto}
.ait-prose>*{margin-top:0}
.ait-prose h2,.ait-prose h3{font-family:var(--ait-display);font-weight:500}
.ait-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.ait-card{background:var(--ait-paper);border:1px solid var(--ait-line);border-radius:var(--ait-radius);overflow:hidden}
.ait-card__thumb img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.ait-card__body{padding:20px}
.ait-card h2{font-size:1.2rem;margin:0 0 8px}
.ait-card h2 a{color:var(--ait-ink);text-decoration:none}
.ait-404{text-align:center}
.ait-empty{text-align:center;padding:40px}
.ait-fullwidth>.alignfull{margin-left:0;margin-right:0}
.ait-single__thumb{margin:0 0 24px}
.ait-single__thumb img{border-radius:var(--ait-radius)}
.nav-links{display:flex;gap:8px;justify-content:center;margin-top:30px}
.nav-links .page-numbers{padding:8px 14px;border-radius:10px;background:#fff;border:1px solid var(--ait-line);text-decoration:none}
.nav-links .current{background:var(--ait-ink);color:#fff}

/* Katalog */
.ait-pagehero{padding:56px 0 8px;text-align:center}
.ait-pagehero .ait-lead{margin-left:auto;margin-right:auto}
.ait-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}
.ait-chips a{padding:9px 16px;border-radius:99px;border:1px solid var(--ait-line);background:#fff;color:var(--ait-ink);text-decoration:none;font-weight:600;font-size:.88rem}
.ait-chips a.is-active{background:var(--ait-ink);color:#fff;border-color:var(--ait-ink)}

/* Aplikasi (dashboard) */
.ait-app{background:#f3f1ec}
.ait-appbar{background:#fff;border-bottom:1px solid var(--ait-line)}
.ait-appbar__inner{display:flex;justify-content:space-between;align-items:center;height:62px}
.ait-appbar__home{font-size:.88rem;color:var(--ait-muted);text-decoration:none}
.ait-app__main{padding-top:10px}

/* Form bawaan WP */
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=tel],input[type=number],textarea,select{font:inherit}
.search-form{display:flex;gap:8px;justify-content:center}
.search-form .search-field{padding:10px 14px;border-radius:10px;border:1px solid var(--ait-line)}
.search-form .search-submit{padding:10px 16px;border-radius:10px;border:0;background:var(--ait-primary);color:#fff;font-weight:700}

/* Blok */
.alignwide{max-width:var(--ait-w);margin-left:auto;margin-right:auto}
.wp-block-button__link{border-radius:12px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}