@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap");.demo-zubar{--bg:#f4faf9;--panel:#fff;--ink:#0f2926;--muted:#4a6f6a;--accent:#0f766e;--accent-soft:#ccfbf1;--line:rgba(15,118,110,.14);--font-display:"Fraunces",Georgia,serif;--font:"DM Sans",system-ui,sans-serif}.demo-zubar *{box-sizing:border-box}.demo-zubar{scroll-behavior:smooth;margin:0;min-height:100vh;font-family:var(--font);color:var(--ink);background:radial-gradient(circle at 90% 0,rgba(153,246,228,.45),transparent 42%),radial-gradient(circle at 0 60%,rgba(204,251,241,.35),transparent 40%),var(--bg);line-height:1.55}.demo-zubar a{color:inherit;text-decoration:none}.demo-zubar img{max-width:100%;display:block}.demo-zubar .shell{min-height:100vh;display:flex;flex-direction:column}.demo-zubar .shell-body{flex:1 1;display:flex;flex-direction:column;position:relative}.demo-zubar .nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:rgba(244,250,249,.92);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40}.demo-zubar .nav-home{position:absolute;left:0;right:0;background:transparent;border-bottom-color:transparent;color:#f0fdfa}.demo-zubar .nav-home .brand{color:#f0fdfa}.demo-zubar .nav-home .nav-links a:hover{color:#99f6e4}.demo-zubar .brand{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--accent)}.demo-zubar .nav-links{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.9rem;font-weight:600}.demo-zubar .nav-links a:hover{color:var(--accent)}.demo-zubar .main{flex:1 1;position:relative}.demo-zubar .wrap{width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 4rem}.demo-zubar .kicker{color:var(--accent);font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.demo-zubar h1,.demo-zubar h2,.demo-zubar h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1;margin:.45rem 0 1rem;font-weight:700}.demo-zubar h1{font-size:clamp(2.3rem,6vw,3.6rem);max-width:14ch}.demo-zubar h2{font-size:clamp(1.7rem,4vw,2.4rem)}.demo-zubar .lead{max-width:44ch;color:var(--muted);font-size:1.08rem}.demo-zubar .cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.demo-zubar .btn{display:inline-flex;align-items:center;padding:.85rem 1.3rem;border-radius:999px;font-weight:700;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.demo-zubar .btn:hover{transform:translateY(-2px)}.demo-zubar .btn-primary{background:var(--accent);color:#f0fdfa;box-shadow:0 10px 24px rgba(15,118,110,.22)}.demo-zubar .btn-ghost{background:var(--panel);border-color:var(--line)}.demo-zubar .btn-on-dark{background:#f0fdfa;color:var(--accent)}.demo-zubar .btn-ghost-on-dark{border-color:rgba(240,253,250,.45);color:#f0fdfa}.demo-zubar .hero{position:relative;min-height:min(92vh,780px);display:flex;align-items:flex-end;overflow:hidden}.demo-zubar .hero-media{position:absolute;inset:0}.demo-zubar .hero-img,.demo-zubar .hero-media img{object-fit:cover;animation:k-zubar-ken 18s ease-in-out infinite alternate}.demo-zubar .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,41,38,.35),rgba(15,41,38,.78))}.demo-zubar .hero-content{position:relative;z-index:2;width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:6.5rem 0 3.5rem;color:#f0fdfa;animation:k-zubar-fadeUp .8s ease both}.demo-zubar .brand-hero{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin:0 0 .75rem;letter-spacing:-.01em}.demo-zubar .hero-content .lead{color:rgba(240,253,250,.88)}.demo-zubar .below{width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:3.5rem 0 4rem}.demo-zubar .section-head{margin-bottom:1.75rem;animation:k-zubar-fadeUp .7s ease both}.demo-zubar .section-head p{color:var(--muted);max-width:44ch;margin:0}.demo-zubar .feature-strip{display:grid;grid-gap:1.25rem;gap:1.25rem}.demo-zubar .feature-row{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:1.25rem;gap:1.25rem;align-items:center;animation:k-zubar-fadeUp .7s ease both}.demo-zubar .feature-row:nth-child(2n) .feature-photo{order:2}@media (max-width:800px){.demo-zubar .feature-row,.demo-zubar .feature-row:nth-child(2n){grid-template-columns:1fr}.demo-zubar .feature-row:nth-child(2n) .feature-photo{order:0}}.demo-zubar .feature-photo{position:relative;min-height:220px;border-radius:1.25rem;overflow:hidden;border:1px solid var(--line)}.demo-zubar .feature-photo img{object-fit:cover;transition:transform .5s ease}.demo-zubar .feature-row:hover .feature-photo img{transform:scale(1.04)}.demo-zubar .feature-copy h3{font-size:1.45rem;margin-top:0}.demo-zubar .feature-copy p{color:var(--muted);margin:0}.demo-zubar .page-band{position:relative;height:clamp(160px,28vw,260px);overflow:hidden}.demo-zubar .page-band img{object-fit:cover}.demo-zubar .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.85rem;gap:.85rem;margin-top:2rem}@media (max-width:800px){.demo-zubar .gallery-grid{grid-template-columns:1fr 1fr}}.demo-zubar .gallery-item{position:relative;margin:0;aspect-ratio:4/3;border-radius:1rem;overflow:hidden;border:1px solid var(--line);animation:k-zubar-fadeUp .65s ease both}.demo-zubar .gallery-item img{object-fit:cover;transition:transform .45s ease}.demo-zubar .gallery-item:hover img{transform:scale(1.05)}.demo-zubar .gallery-caption{position:absolute;left:0;right:0;bottom:0;padding:.65rem .8rem;background:linear-gradient(transparent,rgba(15,41,38,.75));color:#f0fdfa;font-size:.85rem;font-weight:600}.demo-zubar .stack{display:grid;grid-gap:1rem;gap:1rem;margin-top:2rem}.demo-zubar .block{background:var(--panel);border:1px solid var(--line);border-radius:1.1rem;padding:1.3rem;animation:k-zubar-fadeUp .65s ease both}.demo-zubar .block h3{font-size:1.25rem;color:var(--accent);margin-top:0}.demo-zubar .block ul{margin:.4rem 0 0;padding-left:1.1rem;color:var(--muted)}.demo-zubar .footer{border-top:1px solid var(--line);padding:1.4rem 1.25rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.9rem}@keyframes k-zubar-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes k-zubar-ken{0%{transform:scale(1)}to{transform:scale(1.06)}}