/* UndanganKuuu Homepage Polish V2 — 2026-09-04
   1 Ivory glass parity
   2 iPhone hero brand sizing
   3 Live chat response states
   4 Hero density / premium ambience
   5 Global scroll reveal
   6 Feature grid
*/
:root{--ukp-accent:#9b3faa;--ukp-accent2:#6d2378;--ukp-ink:#271c2c;--ukp-muted:#77657b;--ukp-surface:rgba(255,255,255,.50);--ukp-line:rgba(100,64,111,.12);--ukp-shadow:0 20px 55px rgba(75,45,86,.10);--ukp-ease:cubic-bezier(.22,.75,.25,1)}
html[data-v8-home-theme="dark"]{--ukp-accent:#d48ce1;--ukp-accent2:#9b55b2;--ukp-ink:#f7edf9;--ukp-muted:#bcaebe;--ukp-surface:rgba(255,255,255,.055);--ukp-line:rgba(255,255,255,.11);--ukp-shadow:0 24px 62px rgba(0,0,0,.22)}
html[data-v8-home-theme="charcoal"]{--ukp-accent:#d4b1db;--ukp-accent2:#9f7aaa;--ukp-ink:#f2edf3;--ukp-muted:#b4abb7;--ukp-surface:rgba(255,255,255,.048);--ukp-line:rgba(255,255,255,.10);--ukp-shadow:0 24px 62px rgba(0,0,0,.25)}
html[data-v8-home-theme="oled"]{--ukp-accent:#cb7ee0;--ukp-accent2:#7d39a0;--ukp-ink:#fff;--ukp-muted:#aaa4ad;--ukp-surface:rgba(255,255,255,.035);--ukp-line:rgba(255,255,255,.09);--ukp-shadow:0 26px 70px rgba(0,0,0,.34)}
html[data-v8-home-theme="ivory-champagne"]{--ukp-accent:#b58b59;--ukp-accent2:#7f5d3c;--ukp-ink:#49392c;--ukp-muted:#7c6957;--ukp-surface:rgba(255,251,242,.48);--ukp-line:rgba(128,91,52,.15);--ukp-shadow:0 22px 54px rgba(91,60,29,.09)}

/* 1 — Ivory Champagne glass/transparency parity */
html[data-v8-home-theme="ivory-champagne"] .template-item{background:linear-gradient(145deg,rgba(255,253,248,.58),rgba(239,224,203,.42))!important;border-color:rgba(124,88,50,.14)!important;box-shadow:0 16px 40px rgba(86,57,27,.075)!important;backdrop-filter:blur(15px) saturate(112%);-webkit-backdrop-filter:blur(15px) saturate(112%)}
html[data-v8-home-theme="ivory-champagne"] .template-item:hover{background:linear-gradient(145deg,rgba(255,253,248,.70),rgba(239,224,203,.50))!important;box-shadow:0 22px 48px rgba(86,57,27,.11)!important}
html[data-v8-home-theme="ivory-champagne"] .studio-insert{background:linear-gradient(145deg,rgba(255,253,247,.62),rgba(237,222,201,.48))!important;backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%)}
html[data-v8-home-theme="ivory-champagne"] .studio-card{background:rgba(255,250,242,.54)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-v8-home-theme="ivory-champagne"] .action-btn.preview{background:rgba(255,250,241,.55)!important}
html[data-v8-home-theme="ivory-champagne"] .action-btn.cart{background:rgba(232,211,180,.62)!important}

/* 2 + 4 — Hero hierarchy and density */
.ukp-hero-support{position:absolute;left:50%;top:56.5%;z-index:7;width:min(760px,86vw);transform:translateX(-50%);display:grid;justify-items:center;gap:13px;text-align:center;pointer-events:none}
.ukp-hero-tagline{margin:0;max-width:620px;color:var(--ukp-muted);font-size:clamp(11px,1vw,15px);line-height:1.55;letter-spacing:.015em;font-weight:570;text-wrap:balance}
.ukp-hero-actions{display:flex;align-items:center;justify-content:center;gap:9px;pointer-events:auto}.ukp-hero-actions a{min-height:38px;padding:0 15px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:780;letter-spacing:.01em;transition:transform .22s var(--ukp-ease),box-shadow .22s ease,border-color .22s ease}.ukp-hero-primary{color:#fff;background:linear-gradient(135deg,var(--ukp-accent2),var(--ukp-accent));box-shadow:0 10px 26px color-mix(in srgb,var(--ukp-accent) 25%,transparent)}.ukp-hero-secondary{color:var(--ukp-ink);border:1px solid var(--ukp-line);background:var(--ukp-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ukp-hero-actions a:hover{transform:translateY(-2px)}
.ukp-scroll-cue{position:absolute;left:50%;bottom:30px;z-index:6;transform:translateX(-50%);display:grid;justify-items:center;gap:6px;color:var(--ukp-muted);font-size:8px;font-weight:760;letter-spacing:.13em;text-transform:uppercase;opacity:.68}.ukp-scroll-cue i{display:block;width:1px;height:28px;background:linear-gradient(var(--ukp-accent),transparent);animation:ukpCue 2s ease-in-out infinite}@keyframes ukpCue{0%,100%{transform:scaleY(.55);transform-origin:top;opacity:.35}50%{transform:scaleY(1);opacity:1}}
.ukp-hero-ghosts{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.ukp-ghost-phone{position:absolute;width:clamp(70px,7vw,112px);aspect-ratio:9/18;border:1px solid var(--ukp-line);border-radius:24px;background:linear-gradient(160deg,color-mix(in srgb,var(--ukp-accent) 14%,transparent),rgba(255,255,255,.02));box-shadow:var(--ukp-shadow);opacity:.14;filter:blur(.1px);animation:ukpGhostFloat 9s ease-in-out infinite}.ukp-ghost-phone:after{content:"";position:absolute;inset:7px;border-radius:18px;border:1px solid color-mix(in srgb,var(--ukp-accent) 30%,transparent)}.ukp-ghost-a{left:8%;top:37%;transform:rotate(-8deg)}.ukp-ghost-b{right:9%;top:31%;transform:rotate(7deg);animation-delay:-4s}.ukp-ghost-c{right:23%;bottom:-9%;transform:rotate(3deg);opacity:.08;animation-delay:-6s}@keyframes ukpGhostFloat{50%{translate:0 -10px}}
.ukp-trust-strip{position:absolute;left:50%;bottom:76px;z-index:6;width:min(820px,86vw);transform:translateX(-50%);display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;color:var(--ukp-muted);font-size:8px;font-weight:780;letter-spacing:.09em;text-transform:uppercase}.ukp-trust-strip span{display:flex;align-items:center;gap:7px}.ukp-trust-strip span:not(:first-child):before{content:"";width:3px;height:3px;border-radius:50%;background:var(--ukp-accent);opacity:.65}

/* dark surfaces: support text remains legible */
html[data-v8-home-theme="dark"] .ukp-hero-secondary,html[data-v8-home-theme="charcoal"] .ukp-hero-secondary,html[data-v8-home-theme="oled"] .ukp-hero-secondary{color:var(--ukp-ink)}

/* 5 — Global premium scroll reveal */
.ukp-reveal{opacity:0;transform:translate3d(0,24px,0) scale(.992);filter:blur(6px);transition:opacity .68s var(--ukp-ease),transform .68s var(--ukp-ease),filter .68s var(--ukp-ease);transition-delay:var(--ukp-delay,0ms);will-change:opacity,transform,filter}.ukp-reveal.ukp-visible{opacity:1;transform:none;filter:blur(0)}
.showcase-grid .template-item.ukp-reveal:nth-child(3n+2){--ukp-delay:75ms}.showcase-grid .template-item.ukp-reveal:nth-child(3n+3){--ukp-delay:150ms}

/* 6 — Feature section */
.ukp-features{position:relative;margin:0 0 92px;padding:38px 34px 42px;border:1px solid var(--ukp-line);border-radius:30px;background:linear-gradient(145deg,var(--ukp-surface),color-mix(in srgb,var(--ukp-surface) 62%,transparent));box-shadow:var(--ukp-shadow);backdrop-filter:blur(16px) saturate(118%);-webkit-backdrop-filter:blur(16px) saturate(118%);overflow:hidden}.ukp-features:before{content:"";position:absolute;inset:-35% 55% 35% -12%;background:radial-gradient(circle,color-mix(in srgb,var(--ukp-accent) 14%,transparent),transparent 68%);pointer-events:none}.ukp-features-head{position:relative;text-align:center;margin-bottom:34px}.ukp-features-kicker{display:block;color:var(--ukp-accent);font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.ukp-features-head h2{margin:10px 0 0;color:var(--ukp-ink);font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.045em}.ukp-features-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 18px}.ukp-feature{text-align:center;min-width:0;padding:9px 8px}.ukp-feature-icon{width:52px;height:52px;margin:0 auto 13px;border-radius:16px;display:grid;place-items:center;color:var(--ukp-accent);background:color-mix(in srgb,var(--ukp-accent) 8%,var(--ukp-surface));border:1px solid color-mix(in srgb,var(--ukp-accent) 17%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}.ukp-feature-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ukp-feature h3{margin:0 0 7px;color:var(--ukp-ink);font-size:13px;line-height:1.2}.ukp-feature p{margin:0;color:var(--ukp-muted);font-size:9px;line-height:1.55;text-wrap:balance}

/* Live chat message state */
.home-live-chat-body{max-height:290px;overflow:auto;scroll-behavior:smooth}.home-live-chat-bubble.ukp-user{margin-left:auto;margin-top:8px;border-radius:14px 14px 5px 14px;background:linear-gradient(135deg,rgba(122,135,255,.17),rgba(236,72,153,.11))}.home-live-chat-bubble.ukp-bot{margin-top:8px}.home-live-chat-bubble.ukp-typing{width:52px;color:transparent;position:relative}.home-live-chat-bubble.ukp-typing:after{content:"•••";position:absolute;inset:0;display:grid;place-items:center;color:var(--ukp-accent);letter-spacing:3px;animation:ukpTyping 1s ease-in-out infinite}@keyframes ukpTyping{50%{opacity:.38}}
.home-live-chat-send:disabled{opacity:.55;cursor:wait}

@media(max-width:1000px){.ukp-features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ukp-hero-support{top:57%}.ukp-trust-strip{bottom:70px}}
@media(max-width:700px){.ukp-features{margin-bottom:62px;padding:28px 14px 30px;border-radius:24px}.ukp-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px}.ukp-feature{padding:6px 5px}.ukp-feature-icon{width:46px;height:46px;border-radius:14px}.ukp-feature h3{font-size:11px}.ukp-feature p{font-size:8px}.ukp-hero-ghosts{opacity:.72}.ukp-ghost-a{left:-4%;top:35%}.ukp-ghost-b{right:-4%;top:34%}.ukp-ghost-c{display:none}.ukp-trust-strip{bottom:49px;gap:6px 12px;font-size:6.8px}.ukp-scroll-cue{display:none}.ukp-hero-support{top:58%;gap:9px;width:min(420px,88vw)}.ukp-hero-actions a{min-height:34px;padding:0 12px;font-size:8.5px}}
/* iPhone Safari brand safety: keep signature comfortably inside safe area */
@supports (-webkit-touch-callout:none){@media(max-width:480px){.element-1 .domain-signature{font-size:clamp(27px,8.55vw,39px)!important;letter-spacing:-.055em!important;max-width:calc(100vw - 34px)!important;white-space:nowrap!important}.ukp-hero-support{top:57.5%}.ukp-hero-tagline{font-size:10px;max-width:310px}.ukp-trust-strip{bottom:42px}}}
@media(max-width:380px){.element-1 .domain-signature{font-size:clamp(25px,8.2vw,34px)!important}.ukp-hero-actions{gap:6px}.ukp-hero-actions a{padding:0 10px}.ukp-trust-strip{display:none}}
@media(prefers-reduced-motion:reduce){.ukp-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.ukp-scroll-cue i,.ukp-ghost-phone,.home-live-chat-bubble.ukp-typing:after{animation:none!important}.ukp-hero-actions a{transition:none!important}}