/* KamatiMtandao public frontend bundle. Generated to prevent partial/stale styles. */

/* ===== global.css ===== */
/* =========================================
   KAMATI MTANDAO DESIGN SYSTEM
========================================= */

:root{

    /* COLORS */

    --primary:#C8A55A;
    --primary-dark:#B08D42;

    --secondary:#1A1A1A;

    --white:#FFFFFF;

    --light:#F5F2EC;
    --page-bg:#F7F5F0;

    --text:#333333;

    --border:#E5E5E5;

    --success:#28A745;

    --danger:#DC3545;


    /* TYPOGRAPHY */

    --font:'Poppins', sans-serif;


    /* SPACING */

    --section-padding:100px 0;

    --container-width:1200px;


    /* EFFECTS */

    --radius:15px;

    --shadow:0 10px 26px rgba(26,26,26,0.07);

    --transition:0.3s ease;
}

.dark-mode{

    --white:#121212;

    --light:#1B1B1B;

    --secondary:#FFFFFF;

    --text:#E5E5E5;

    --border:#333333;

}


/* =========================================
   RESET
========================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:var(--font);
    color:var(--text);
    background:var(--page-bg);
    line-height:1.6;

    transition:.3s ease;
}


/* =========================================
   CONTAINER
========================================= */

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}


/* =========================================
   BUTTONS
========================================= */

.btn-primary{
    display:inline-block;
    padding:14px 28px;
    background:var(--primary);
    color:#fff;
    border:none;
    border-radius:var(--radius);
    text-decoration:none;
    transition:var(--transition);
}

.btn-primary:hover{
    background:var(--primary-dark);
}

.btn-secondary{
    display:inline-block;
    padding:14px 28px;
    border:2px solid var(--primary);
    color:var(--primary);
    border-radius:var(--radius);
    text-decoration:none;
}

/* =========================================
   SECTION TITLE
========================================= */

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size:40px;
    color:var(--secondary);
}

.section-title p{
    color:#777;
}

/* =========================================
   DARK MODE CARDS
========================================= */

.feature-card,
.event-card,
.vendor-card,
.testimonial-card,
.step-card{
    background:var(--white);
}


/* ===== home.css ===== */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--km-navy:#071b35;--km-navy-2:#102d52;--km-gold:#c9a55a;--km-gold-2:#ead39c;--km-wood:#74513b;--km-ivory:#fbf8f1;--km-mist:#f2f5f8;--km-ink:#132033;--km-muted:#657184;--km-white:#fff;--km-shadow:0 24px 70px rgba(7,27,53,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--km-ivory);color:var(--km-ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.top-bar{background:var(--km-navy);color:#fff;padding:8px 0;font-size:12px;letter-spacing:.02em}.top-right a{color:#fff;text-decoration:none}.navbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,27,53,.08);box-shadow:none}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:17px 0}.logo a{font-size:25px;color:var(--km-navy)!important;font-weight:800;text-decoration:none;letter-spacing:-.04em}.logo .brand-kamati{color:var(--km-navy)!important}.logo .brand-mtandao{color:var(--km-gold)!important}.nav-menu{display:flex;align-items:center;gap:28px;list-style:none}.nav-menu a{color:var(--km-navy);font-size:14px;font-weight:700;text-decoration:none}.login-btn-layout,.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--km-navy);color:#fff!important;text-decoration:none;font-weight:700;transition:.3s}.login-btn-layout:hover,.btn-primary:hover{background:var(--km-gold);color:var(--km-navy)!important;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid rgba(7,27,53,.22);border-radius:999px;color:var(--km-navy);background:rgba(255,255,255,.72);text-decoration:none;font-weight:700}.btn-secondary:hover{border-color:var(--km-gold);color:var(--km-gold)}
.hero{position:relative;min-height:calc(100svh - 96px);padding:84px 0 70px;background:linear-gradient(90deg,rgba(251,248,241,.98) 0%,rgba(251,248,241,.92) 39%,rgba(251,248,241,.2) 70%),url('../images/home/luxury-event-experience.png') center/cover no-repeat;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(201,165,90,.18),transparent 23%);z-index:-1}.hero-container{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:50px;min-height:650px}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid rgba(201,165,90,.45);border-radius:999px;background:rgba(255,255,255,.7);color:var(--km-wood);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-badge:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--km-gold);box-shadow:0 0 0 5px rgba(201,165,90,.14)}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(54px,6vw,88px);line-height:.98;letter-spacing:-.045em;color:var(--km-navy);margin:25px 0}.hero h1 span{color:var(--km-gold)}.hero-content>p{max-width:560px;font-size:18px;line-height:1.75;color:#536174}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.hero-stats{display:flex;gap:32px;border-top:1px solid rgba(7,27,53,.1);padding-top:26px}.hero-stats h3{color:var(--km-navy);font-size:24px;margin:0}.hero-stats p{font-size:12px;color:var(--km-muted);margin:2px 0}.hero-image{position:relative;min-height:600px}.hero-image>img{display:none}.experience-shell{position:absolute;inset:40px 0 0 6%;border:1px solid rgba(255,255,255,.65);border-radius:28px;background:rgba(255,255,255,.76);box-shadow:0 30px 90px rgba(7,27,53,.28);backdrop-filter:blur(18px);padding:18px;transform:perspective(1200px) rotateY(-5deg);animation:shellFloat 7s ease-in-out infinite}.dash-top{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 20px}.brand-word{font-weight:900;color:var(--km-navy)}.brand-word span{color:var(--km-gold)}.live-pill{font-size:11px;background:#e8f7ef;color:#168653;padding:6px 10px;border-radius:999px}.dash-layout{display:grid;grid-template-columns:130px 1fr;gap:14px}.dash-side{background:var(--km-navy);border-radius:18px;padding:18px 12px;color:#fff}.dash-side span{display:block;padding:9px;border-radius:8px;font-size:11px;opacity:.7}.dash-side span:first-child{background:rgba(255,255,255,.12);opacity:1}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#fff;border:1px solid #edf0f3;border-radius:14px;padding:14px}.metric small{color:var(--km-muted);font-size:10px}.metric strong{display:block;color:var(--km-navy);font-size:22px;margin-top:6px}.dash-panel{margin-top:10px;background:#fff;border-radius:16px;padding:15px}.event-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eef1f4;padding:10px 0}.event-date{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#f8f1e3;color:var(--km-wood);font-weight:800}.progress-line{height:7px;background:#edf0f3;border-radius:8px;overflow:hidden;margin-top:8px}.progress-line i{display:block;height:100%;width:78%;background:linear-gradient(90deg,var(--km-gold),#e4c981);animation:progress 4s ease-in-out infinite}
.section-title{max-width:720px;margin:0 auto 55px!important}.section-title h2,.experience-heading{font-family:'Playfair Display',serif;font-size:clamp(38px,5vw,64px);line-height:1.06;color:var(--km-navy);letter-spacing:-.035em}.section-title p{color:var(--km-muted);font-size:17px;line-height:1.7}.features,.event-types,.how-it-works,.vendors-preview,.testimonials,.cta,.contact-section{padding:120px 0!important}.features{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.feature-card{position:relative;grid-column:span 4;min-height:260px;padding:30px;border-radius:28px;background:var(--km-mist);border:1px solid rgba(7,27,53,.06);overflow:hidden;transition:.4s}.feature-card:nth-child(1),.feature-card:nth-child(6){grid-column:span 7;background:var(--km-navy);color:#fff}.feature-card:nth-child(2),.feature-card:nth-child(5){grid-column:span 5}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--km-shadow)}.feature-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#fff;color:var(--km-gold);font-size:22px;box-shadow:0 10px 30px rgba(7,27,53,.08)}.feature-card h3{font-size:24px;margin:28px 0 10px;color:inherit}.feature-card p{color:inherit;opacity:.7;line-height:1.65}.feature-card:after{content:'';position:absolute;width:120px;height:120px;border:1px solid rgba(201,165,90,.35);border-radius:50%;right:-45px;bottom:-45px}
.experience-stage{position:relative;min-height:620px;padding:54px;border-radius:42px;background:var(--km-navy);color:#fff;overflow:hidden}.experience-stage:after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(201,165,90,.13);filter:blur(30px);right:-180px;top:-180px}.creation-track{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.creation-copy h2{font-family:'Playfair Display',serif;font-size:58px;line-height:1.02}.creation-copy p{color:#bac5d3;line-height:1.7}.builder{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:24px;backdrop-filter:blur(12px)}.builder-head{display:flex;justify-content:space-between;color:#dce5ef;font-size:13px}.step-dots{display:flex;gap:6px}.step-dots i{width:24px;height:4px;border-radius:5px;background:rgba(255,255,255,.17)}.step-dots i.active{background:var(--km-gold)}.type-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.type-chip{padding:18px 10px;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04);font-size:12px;transition:.35s}.type-chip.active{background:var(--km-gold);color:var(--km-navy);transform:scale(1.04)}.form-lines{margin-top:22px;display:grid;gap:10px}.form-lines i{height:44px;border-radius:10px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}.form-lines i:after{content:'';position:absolute;left:12px;top:14px;width:0;height:14px;border-radius:4px;background:rgba(255,255,255,.45);animation:typeLine 5s infinite}.save-event{margin-top:16px;margin-left:auto;width:130px;padding:12px;text-align:center;border-radius:999px;background:var(--km-gold);color:var(--km-navy);font-weight:800}
.guest-world{background:linear-gradient(180deg,#fff,var(--km-mist));position:relative}.guest-stream{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guest-chip{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #e8edf2;border-radius:18px;box-shadow:0 18px 45px rgba(7,27,53,.06);transition:.4s}.guest-chip:nth-child(2n){transform:translateY(28px)}.guest-chip:hover{transform:translateY(-5px)}.guest-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--km-navy);color:var(--km-gold);font-weight:800}.guest-meta{flex:1}.guest-meta strong{display:block}.guest-meta small{color:var(--km-muted)}.status-ok{color:#15945c;font-size:12px;font-weight:800}
.invitation-room{background:#f1ece2}.invitation-display{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.invite-card{position:relative;aspect-ratio:5/7;max-width:390px;margin:auto;border-radius:12px;padding:24px;background:linear-gradient(145deg,#0a2140,#07162b);box-shadow:0 35px 70px rgba(7,27,53,.28);color:#fff;text-align:center;transform:rotate(-3deg);animation:cardFloat 6s ease-in-out infinite}.invite-card:before{content:'';position:absolute;inset:12px;border:1px solid rgba(201,165,90,.55);border-radius:6px}.invite-card .flourish{font-family:'Playfair Display',serif;color:var(--km-gold);font-size:14px;margin-top:45px;letter-spacing:.2em}.invite-card h3{font-family:'Playfair Display',serif;font-size:38px;margin:70px 0 8px}.invite-card .qr{width:74px;height:74px;margin:40px auto 10px;background:repeating-conic-gradient(#071b35 0 25%,#fff 0 50%) 0/12px 12px;border:7px solid #fff;box-shadow:0 0 25px rgba(201,165,90,.5)}.invite-details h2{font-family:'Playfair Display',serif;color:var(--km-navy);font-size:56px}.invite-types{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.invite-types span{padding:8px 13px;border:1px solid rgba(7,27,53,.13);border-radius:999px;font-size:12px}.personalize-line{font-family:'Playfair Display',serif;font-size:28px;color:var(--km-wood);min-height:40px}
.whatsapp-stage{background:#fff}.phone-scene{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.phone{max-width:390px;margin:auto;padding:12px;border:8px solid #10213a;border-radius:42px;background:#e7f1e7;box-shadow:0 30px 70px rgba(7,27,53,.22)}.wa-head{background:#075e54;color:#fff;border-radius:26px 26px 5px 5px;padding:17px;font-weight:700}.chat{padding:20px 10px;min-height:480px;background:linear-gradient(rgba(239,235,226,.88),rgba(239,235,226,.88));border-radius:0 0 26px 26px}.bubble{max-width:86%;padding:12px;border-radius:9px;background:#fff;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);font-size:13px;line-height:1.45;animation:bubbleIn .6s both}.bubble.out{margin-left:auto;background:#d9fdd3}.chat-card{height:150px;border-radius:8px;background:linear-gradient(145deg,var(--km-navy),#183b65);display:grid;place-items:center;color:var(--km-gold);font-family:'Playfair Display',serif;font-size:22px;margin-bottom:8px}.wa-actions{display:flex;gap:8px}.wa-actions button{flex:1;border:0;border-radius:8px;padding:10px;background:#fff;color:#067267;font-weight:800}.typing{display:flex;gap:4px;width:max-content}.typing i{width:6px;height:6px;border-radius:50%;background:#899;animation:typing 1s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
.operations-story{padding:130px 0;background:var(--km-navy);color:#fff}.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ops-card{padding:28px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11)}.ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;margin:12px auto;background:conic-gradient(var(--km-gold) 0 78%,rgba(255,255,255,.1) 78%);position:relative}.ring:after{content:'';position:absolute;inset:10px;border-radius:50%;background:var(--km-navy)}.ring strong{z-index:2;font-size:24px}.gate{height:180px;border:8px solid rgba(255,255,255,.15);border-bottom:0;border-radius:90px 90px 0 0;display:grid;place-items:center}.scan-line{width:70%;height:2px;background:#4cff9a;box-shadow:0 0 18px #4cff9a;animation:scan 2s infinite}.mini-bars{height:160px;display:flex;align-items:end;gap:10px}.mini-bars i{flex:1;background:linear-gradient(var(--km-gold),#8d6d32);border-radius:8px 8px 0 0;animation:bars 4s ease-in-out infinite}.mini-bars i:nth-child(1){height:45%}.mini-bars i:nth-child(2){height:72%}.mini-bars i:nth-child(3){height:58%}.mini-bars i:nth-child(4){height:88%}.mini-bars i:nth-child(5){height:68%}
.story-compare{background:#fff}.compare{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:28px}.compare-side{padding:46px;border-radius:30px}.compare-side.before{background:#f5f0eb}.compare-side.after{background:var(--km-navy);color:#fff;box-shadow:var(--km-shadow)}.compare-side h3{font-family:'Playfair Display',serif;font-size:34px}.compare-side ul{list-style:none;padding:0;margin:25px 0 0}.compare-side li{padding:12px 0;border-bottom:1px solid rgba(127,127,127,.18)}.compare-arrow{font-size:38px;color:var(--km-gold);text-align:center}
.testimonials{background:var(--km-mist)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-card{background:#fff;border-radius:24px;padding:30px;border:1px solid #e7ebef}.stars{color:var(--km-gold)}.cta{background:linear-gradient(135deg,var(--km-navy),#173a62)!important;color:#fff;position:relative;overflow:hidden}.cta:after{content:'';position:absolute;inset:10%;border:1px solid rgba(201,165,90,.2);border-radius:50%}.cta .container{position:relative;z-index:2}.cta h2{font-family:'Playfair Display',serif;font-size:58px}.contact-section{background:var(--km-ivory)!important}.contact-section input,.contact-section textarea{border-radius:14px!important;border-color:#dbe1e7!important;padding:15px!important;background:#fff}.footer{position:relative;background:var(--km-navy)!important;color:#fff;padding:80px 0 25px;overflow:hidden}.footer:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 80px,rgba(201,165,90,.04) 81px 82px)}.footer a{color:#ccd5df}.footer h3{color:#fff}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}
@keyframes shellFloat{50%{transform:perspective(1200px) rotateY(-2deg) translateY(-12px)}}@keyframes progress{50%{width:91%}}@keyframes cardFloat{50%{transform:rotate(2deg) translateY(-12px)}}@keyframes bubbleIn{from{opacity:0;transform:translateY(10px)}}@keyframes typing{50%{transform:translateY(-4px)}}@keyframes scan{0%,100%{transform:translateY(-50px)}50%{transform:translateY(50px)}}@keyframes bars{50%{filter:brightness(1.25);transform:scaleY(.9)}}@keyframes typeLine{0%,15%{width:0}55%,85%{width:70%}100%{width:0}}
@media(max-width:990px){.hero-container,.creation-track,.invitation-display,.phone-scene{grid-template-columns:1fr}.hero{min-height:auto}.hero-image{min-height:560px}.hero-content{text-align:center}.hero-buttons,.hero-stats{justify-content:center}.feature-card,.feature-card:nth-child(n){grid-column:span 6}.guest-stream,.ops-grid{grid-template-columns:1fr 1fr}.compare{grid-template-columns:1fr}.compare-arrow{transform:rotate(90deg)}}
@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.top-bar{display:none}.hero{padding:55px 0}.hero h1{font-size:48px}.hero-content>p{font-size:16px}.hero-stats{gap:16px}.hero-image{min-height:450px}.experience-shell{inset:20px 0 0;transform:none;padding:10px}.dash-layout{grid-template-columns:1fr}.dash-side{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.features,.event-types,.how-it-works,.vendors-preview,.testimonials,.cta,.contact-section{padding:80px 0!important}.feature-card,.feature-card:nth-child(n){grid-column:1/-1}.experience-stage{padding:30px 20px}.creation-copy h2,.invite-details h2,.cta h2{font-size:42px}.type-picker{grid-template-columns:repeat(2,1fr)}.guest-stream,.ops-grid,.testimonials-grid{grid-template-columns:1fr}.guest-chip:nth-child(2n){transform:none}.phone-scene{gap:40px}.invite-card{max-width:300px}.compare-side{padding:28px}.hero-buttons a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.footer .brand-kamati{color:#fff}.footer .brand-mtandao{color:var(--km-gold)}

/* Public navigation dropdowns */
.nav-container{overflow:visible}
.nav-menu{margin:0;padding:0}
.nav-menu>li{position:relative}
.nav-menu .dropdown-toggle{display:inline-flex;align-items:center;gap:7px;padding:10px 0;border-radius:8px;transition:color 180ms ease,background-color 180ms ease}
.dropdown-arrow{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 180ms ease}
.nav-item.dropdown.is-open>.dropdown-toggle,.nav-item.dropdown:hover>.dropdown-toggle,.nav-item.dropdown:focus-within>.dropdown-toggle{color:var(--km-gold)}
.nav-item.dropdown.is-open>.dropdown-toggle .dropdown-arrow,.nav-item.dropdown:hover>.dropdown-toggle .dropdown-arrow,.nav-item.dropdown:focus-within>.dropdown-toggle .dropdown-arrow{transform:translateY(2px) rotate(225deg)}
.nav-menu .dropdown-menu{list-style:none;margin:0;padding:10px;background:#fff;border:1px solid rgba(11,46,89,.10);border-radius:14px;box-shadow:0 18px 45px rgba(11,46,89,.16);z-index:9999}
.nav-menu .dropdown-menu a{display:block;padding:10px 14px;border-radius:9px;color:#0b2e59;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:color 160ms ease,background-color 160ms ease}
.nav-menu .dropdown-menu a:hover,.nav-menu .dropdown-menu a:focus-visible{color:#0b2e59;background:rgba(212,175,55,.14);outline:none}

@media(min-width:991px){
 .nav-item.dropdown{position:relative}
 .nav-item.dropdown:after{content:'';position:absolute;top:100%;left:-12px;right:-12px;height:20px}
 .nav-menu .dropdown-menu{display:block;position:absolute;top:calc(100% + 18px);left:50%;min-width:220px;max-width:calc(100vw - 24px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity 180ms ease,transform 180ms ease,visibility 180ms ease}
 .nav-item.dropdown:hover>.dropdown-menu,.nav-item.dropdown:focus-within>.dropdown-menu,.nav-item.dropdown.is-open>.dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
 .nav-item.dropdown.dropdown-align-right>.dropdown-menu{left:auto;right:0;transform:translate(0,10px)}
 .nav-item.dropdown.dropdown-align-right:hover>.dropdown-menu,.nav-item.dropdown.dropdown-align-right:focus-within>.dropdown-menu,.nav-item.dropdown.dropdown-align-right.is-open>.dropdown-menu{transform:translate(0,0)}
}

@media(max-width:990px){
 .navbar,.nav-container{overflow:visible}
 .nav-menu{max-height:calc(100vh - 80px);overflow-y:auto;align-items:stretch!important;gap:4px!important}
 .nav-menu>li{width:100%}
 .nav-menu>li>a{display:flex;padding:11px 14px}
 .nav-menu .dropdown-toggle{justify-content:space-between;width:100%}
 .nav-item.dropdown:hover>.dropdown-toggle{color:var(--km-navy)}
 .nav-item.dropdown.is-open>.dropdown-toggle{color:var(--km-gold);background:rgba(212,175,55,.08)}
 .nav-menu .dropdown-menu{display:block;max-height:0;padding:0 10px;border-width:0;box-shadow:none;opacity:0;visibility:hidden;overflow:hidden;transition:max-height 180ms ease,opacity 180ms ease,padding 180ms ease,visibility 180ms ease}
 .nav-menu .dropdown-menu>li{min-height:0;overflow:hidden}
 .nav-item.dropdown.is-open>.dropdown-menu{max-height:420px;padding:7px 10px 10px;border-width:1px;opacity:1;visibility:visible}
 .nav-menu .dropdown-menu a{padding:9px 14px}
}

/* Shared public footer */
.site-footer{
 --footer-navy:#071b36;
 --footer-gold:#d4af37;
 --footer-white:#fff;
 --footer-muted:#c8d1dc;
 --footer-border:rgba(255,255,255,.10);
 position:relative;
 overflow:hidden;
 width:100%;
 padding:72px 0 0;
 background:var(--footer-navy)!important;
 color:var(--footer-white);
}
.site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(120deg,transparent 0,transparent 60px,rgba(255,255,255,.12) 61px,transparent 62px)}
.site-footer>*{position:relative;z-index:1}
.footer-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:56px;align-items:start;padding-bottom:56px}
.footer-column{min-width:0}
.site-footer .footer-column h3{margin:0 0 20px;color:var(--footer-white);font-size:1rem;font-weight:700;line-height:1.3}
.site-footer .footer-logo{display:inline-flex;align-items:center;margin:0 0 18px;font-size:1.55rem;font-weight:800;letter-spacing:-.035em;text-decoration:none}
.site-footer .brand-kamati{color:var(--footer-white)}
.site-footer .brand-mtandao{color:var(--footer-gold)}
.footer-description{max-width:360px;margin:0;color:var(--footer-muted);font-size:.98rem;line-height:1.7}
.footer-links,.footer-contact-list{list-style:none;margin:0;padding:0}
.footer-links li,.footer-contact-list li{margin:0 0 12px;padding:0}
.site-footer .footer-links a,.site-footer .footer-contact-list a{display:inline-flex;align-items:flex-start;gap:10px;max-width:100%;color:var(--footer-muted);text-decoration:none;line-height:1.5;overflow-wrap:anywhere;transition:color 180ms ease,transform 180ms ease}
.site-footer .footer-links a:hover,.site-footer .footer-links a:focus-visible,.site-footer .footer-contact-list a:hover,.site-footer .footer-contact-list a:focus-visible{color:var(--footer-gold);transform:translateX(4px)}
.site-footer a:focus-visible{outline:2px solid var(--footer-gold);outline-offset:4px;border-radius:4px}
.footer-contact-list i{flex:0 0 18px;margin-top:4px;color:var(--footer-gold);text-align:center}
.footer-socials{display:flex;align-items:center;gap:10px;margin-top:24px}
.site-footer .footer-socials a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--footer-border);border-radius:50%;background:rgba(255,255,255,.04);color:var(--footer-muted);text-decoration:none;transition:color 180ms ease,border-color 180ms ease,background-color 180ms ease,transform 180ms ease}
.site-footer .footer-socials a:hover,.site-footer .footer-socials a:focus-visible{color:var(--footer-navy);border-color:var(--footer-gold);background:var(--footer-gold);transform:translateY(-2px)}
.footer-bottom{width:100%;border-top:1px solid var(--footer-border)}
.footer-bottom-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-footer .footer-bottom p{margin:0;color:#aebccc;font-size:.9rem;line-height:1.5}
@media(max-width:992px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px}}
@media(max-width:640px){.site-footer{padding-top:52px}.footer-container{width:min(calc(100% - 28px),1180px)}.footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:40px}.footer-bottom-inner{min-height:auto;padding:22px 0;flex-direction:column;align-items:flex-start;gap:8px}.site-footer .footer-links a,.site-footer .footer-contact-list a{min-height:28px}.footer-description{max-width:none}}

/* Final public navbar breakpoint contract */
.mobile-menu-toggle,.mobile-menu-overlay{display:none}.mobile-drawer-header{display:none!important}
.nav-login-item{flex-shrink:0}
.nav-login-item .login-button{margin:0;min-height:42px;padding:0 22px;white-space:nowrap}
@media(min-width:993px){
 .nav-menu{display:flex!important;align-items:center;gap:clamp(12px,1.6vw,28px);margin-left:auto}
 .mobile-menu-toggle,.navbar-toggler,.hamburger,.mobile-toggle,.mobile-sidebar,.mobile-menu-overlay{display:none!important}
 .nav-container{gap:32px}
 .nav-login-item{display:block}
}
@media(max-width:992px){
 body.mobile-nav-open{overflow:hidden}
 .nav-container{gap:18px}
 .nav-menu{display:flex!important;position:fixed;inset:0 0 0 auto;width:min(85vw,360px);height:100dvh;max-height:none;padding:88px 24px 28px;background:#fff;box-shadow:-20px 0 55px rgba(7,27,53,.22);flex-direction:column;align-items:stretch;gap:4px;overflow-y:auto;visibility:hidden;pointer-events:none;transform:translateX(100%);transition:transform .28s ease,visibility .28s ease;z-index:9999}
 .nav-menu.active{visibility:visible;pointer-events:auto;transform:translateX(0)}
 .mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(7,27,53,.12);border-radius:10px;background:#fff;color:var(--km-navy);font:700 24px/1 sans-serif;cursor:pointer;z-index:10000}
 .mobile-menu-toggle span{display:block;line-height:1}
 .mobile-menu-overlay{display:block!important;position:fixed;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease;z-index:9998}
 .mobile-menu-overlay.active{opacity:1;visibility:visible;pointer-events:auto}
 .nav-login-item{margin-top:14px}
 .nav-login-item .login-button{display:flex!important;width:100%;margin:0;text-align:center}
 .nav-item.dropdown{position:relative}
 .nav-item.dropdown:after{display:none}
 .nav-menu .dropdown-menu{display:block;position:static;max-height:0;padding:0 10px;border-width:0;box-shadow:none;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transform:none;transition:max-height 180ms ease,opacity 180ms ease,padding 180ms ease,visibility 180ms ease}
 .nav-item.dropdown:hover>.dropdown-menu,.nav-item.dropdown:focus-within>.dropdown-menu{max-height:0;padding:0 10px;border-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:none}
 .nav-item.dropdown.is-open>.dropdown-menu{max-height:420px;padding:7px 10px 10px;border-width:1px;opacity:1;visibility:visible;pointer-events:auto;transform:none}
}

/* Right-side off-canvas drawer details */
@media(max-width:992px){
 .mobile-drawer-header{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:0 0 20px!important;margin-bottom:8px;border-bottom:1px solid rgba(7,27,53,.10)}
 .mobile-drawer-brand{display:inline-flex!important;align-items:center;width:auto!important;padding:0!important;color:var(--km-navy)!important;font-size:1.3rem!important;font-weight:800!important;letter-spacing:-.035em}
 .mobile-drawer-brand strong{color:var(--km-gold);font:inherit}
 .mobile-drawer-close{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid rgba(7,27,53,.12);border-radius:50%;background:#f8fafc;color:var(--km-navy);font:400 30px/1 sans-serif;cursor:pointer}
 .mobile-drawer-close:hover,.mobile-drawer-close:focus-visible{border-color:var(--km-gold);color:var(--km-gold);outline:none}
 .mobile-nav-open .mobile-menu-toggle{opacity:0;pointer-events:none}
}

/* Prevent the translated drawer from creating a horizontal scroll range. */
html{overflow-x:clip}


@media(max-width:992px){.mobile-overlay{right:min(85vw,360px)}}

@media(max-width:992px){.mobile-overlay{right:min(85vw,360px);width:auto}}

/* KamatiMtandao integration layer */
.brand-kamati{color:var(--km-navy)}.brand-mtandao{color:var(--km-gold)}
.lang-switcher{padding-left:12px;border-left:1px solid rgba(255,255,255,.25)}.lang-switcher a{color:#fff}.lang-switcher .active-lang{color:var(--km-gold);font-weight:800}
.events-grid,.vendors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.event-card,.vendor-card{background:#fff;border:1px solid #e7ebef;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(7,27,53,.07)}.event-card img{width:100%;height:220px;object-fit:cover}.event-content,.vendor-card{padding:24px}.event-card .event-content{padding:24px}.vendor-card{text-align:left}.vendor-card a{color:var(--km-gold);font-weight:800;text-decoration:none}.vendors-btn{text-align:center;margin-top:36px}
.home-contact-form{display:grid;gap:15px;max-width:680px;margin:auto}.home-contact-form label{display:grid;gap:7px;font-weight:700}.home-contact-form input,.home-contact-form textarea{width:100%;font:inherit}.contact-honeypot{position:absolute!important;left:-9999px!important}.contact-alert{max-width:680px;margin:0 auto 16px;padding:13px 15px;border-radius:12px}.contact-alert.success{background:#d1fae5;color:#065f46}.contact-alert.error{background:#fee2e2;color:#991b1b}
.km-floating-whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:28px;box-shadow:0 12px 28px rgba(0,0,0,.18);z-index:10001}.km-floating-whatsapp:hover{transform:translateY(-2px)}
.public-content-section{padding:110px 0}.public-content-section.alt{background:#fff}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-card{padding:28px;border:1px solid #e7ebef;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(7,27,53,.06)}.content-card i{font-size:28px;color:var(--km-gold)}.content-card h3{color:var(--km-navy)}
.top-bar-content{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.top-left,.top-right{display:flex;align-items:center;gap:18px}.top-left span,.top-right>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.top-left i{color:var(--km-gold)}
@media(max-width:992px){.events-grid,.vendors-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.events-grid,.vendors-grid,.content-grid{grid-template-columns:1fr}.km-floating-whatsapp{right:16px;bottom:16px;width:52px;height:52px}}

/* Reference homepage — kamatimtandao.taste.co.tz inspired */
.ref-hero{padding:78px 0 68px;background:radial-gradient(circle at 85% 10%,rgba(200,165,90,.19),transparent 35%),linear-gradient(135deg,#fffdf8,#f7f1e5);overflow:hidden}.ref-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.ref-kicker{display:inline-flex;gap:9px;align-items:center;padding:9px 14px;border-radius:999px;background:#fff7df;color:#8a661d;font-size:13px;font-weight:800}.ref-hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.04;letter-spacing:-2.4px;color:#102a43;margin:20px 0}.ref-hero h1 span{color:#c8a55a}.ref-hero-copy>p{font-size:18px;line-height:1.75;color:#526174;max-width:720px}.ref-actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0 30px}.ref-btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 25px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.ref-btn.primary{background:#102a43;color:#fff;box-shadow:0 12px 28px rgba(16,42,67,.2)}.ref-btn.secondary{background:#fff;color:#102a43;border-color:#d7c18d}.ref-btn.light{background:#fff;color:#102a43}.ref-stats{display:flex;gap:34px;flex-wrap:wrap}.ref-stats div{display:grid}.ref-stats strong{font-size:28px;color:#102a43}.ref-stats span{font-size:12px;color:#6a7481}.ref-hero-visual{position:relative}.ref-dashboard-card{background:#fff;padding:18px;border-radius:25px;box-shadow:0 35px 80px rgba(16,42,67,.18);transform:rotate(1.5deg);border:1px solid rgba(200,165,90,.22)}.ref-dash-head{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;border-bottom:1px solid #edf0f3}.ref-dash-head span{font-size:11px;color:#278755}.ref-dash-main{display:grid;grid-template-columns:70px 1fr;min-height:360px}.ref-dash-main aside{background:#102a43;border-radius:15px;margin-top:14px;padding:18px;display:grid;align-content:start;gap:18px}.ref-dash-main aside i{height:8px;border-radius:5px;background:rgba(255,255,255,.28)}.ref-dash-content{padding:21px}.ref-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ref-mini-stats span{height:65px;background:linear-gradient(145deg,#f8f3e8,#fff);border:1px solid #eee3c8;border-radius:12px}.ref-chart{height:150px;margin:20px 0;display:flex;gap:10px;align-items:end;padding:18px;border-radius:14px;background:#f7f9fb}.ref-chart i{flex:1;background:linear-gradient(#c8a55a,#a9822e);border-radius:7px 7px 0 0}.ref-chart i:nth-child(1){height:34%}.ref-chart i:nth-child(2){height:55%}.ref-chart i:nth-child(3){height:45%}.ref-chart i:nth-child(4){height:78%}.ref-chart i:nth-child(5){height:64%}.ref-chart i:nth-child(6){height:92%}.ref-list{display:grid;gap:9px}.ref-list span{height:13px;border-radius:8px;background:#e9eef3}.ref-section{padding:88px 0}.ref-title{text-align:center;max-width:760px;margin:0 auto 44px}.ref-title.left{text-align:left;margin-left:0}.ref-title h2{font-size:clamp(30px,4vw,46px);color:#102a43;margin:0 0 12px}.ref-title p{color:#687586;font-size:16px;line-height:1.7}.ref-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ref-feature{background:#fff;padding:30px;border-radius:18px;border:1px solid #ece8df;box-shadow:0 12px 35px rgba(16,42,67,.06);transition:.25s}.ref-feature:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(16,42,67,.11)}.ref-feature>div{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;background:#f7eed8;color:#ae8736;font-size:22px}.ref-feature h3{color:#102a43;margin:20px 0 9px}.ref-feature p{color:#667383;line-height:1.65;margin:0}.ref-events{background:#f8f6f1}.ref-event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ref-event{display:block;overflow:hidden;background:#fff;border-radius:18px;text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(16,42,67,.07)}.ref-event img{width:100%;height:210px;object-fit:cover}.ref-event>div{padding:22px}.ref-event h3{color:#102a43;margin:0 0 8px}.ref-event p{color:#6a7481;line-height:1.6}.ref-center{text-align:center;margin-top:32px}.ref-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ref-step{position:relative;text-align:center;padding:24px 15px}.ref-step>b{font-size:30px;color:#c8a55a}.ref-step h3{color:#102a43;font-size:17px}.ref-step p{font-size:13px;line-height:1.55;color:#6a7481}.ref-step>span{position:absolute;right:-10px;top:44px;color:#c8a55a;font-size:25px}.ref-vendors{background:#102a43}.ref-vendors .ref-title h2{color:#fff}.ref-vendors .ref-title p{color:#bdc8d3}.ref-vendor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ref-vendor{display:flex;gap:16px;background:#fff;padding:20px;border-radius:16px;text-decoration:none;color:inherit}.ref-vendor>span{width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:#f5e9ca;color:#a47b26;display:grid;place-items:center}.ref-vendor small{color:#a47b26;font-weight:800}.ref-vendor h3{color:#102a43;margin:5px 0}.ref-vendor p{font-size:13px;color:#697687;line-height:1.5}.ref-testimonials{background:#fbfaf7}.ref-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ref-test{background:#fff;border-radius:18px;padding:28px;border:1px solid #ece7dd}.ref-test>div{color:#c8a55a;letter-spacing:3px}.ref-test p{line-height:1.7;color:#4f5d6c}.ref-test h4{color:#102a43}.ref-cta{padding:72px 0;text-align:center;background:linear-gradient(135deg,#c8a55a,#9d7426);color:#fff}.ref-cta h2{font-size:clamp(30px,4vw,48px);margin:0 0 12px}.ref-cta p{font-size:17px;margin:0 0 26px}.ref-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}.ref-contact-info i{width:25px;color:#c8a55a}.ref-form{background:#fff;border:1px solid #ebe5d9;border-radius:18px;padding:28px;box-shadow:0 14px 38px rgba(16,42,67,.08)}.ref-form label{display:grid;gap:7px;font-weight:700;color:#102a43;margin-bottom:15px}.ref-form input,.ref-form textarea{width:100%;border:1px solid #dbe1e7;border-radius:10px;padding:13px 14px;font:inherit}.ref-form input:focus,.ref-form textarea:focus{outline:none;border-color:#c8a55a;box-shadow:0 0 0 3px rgba(200,165,90,.15)}
@media(max-width:1000px){.ref-hero-grid,.ref-contact-grid{grid-template-columns:1fr}.ref-hero-visual{max-width:700px;margin:auto}.ref-feature-grid,.ref-event-grid,.ref-vendor-grid,.ref-test-grid{grid-template-columns:repeat(2,1fr)}.ref-steps{grid-template-columns:repeat(3,1fr)}.ref-step>span{display:none}}
@media(max-width:650px){.ref-hero{padding:52px 0}.ref-hero h1{letter-spacing:-1.4px}.ref-hero-copy>p{font-size:16px}.ref-stats{gap:18px}.ref-dashboard-card{transform:none}.ref-dash-main{min-height:270px}.ref-feature-grid,.ref-event-grid,.ref-vendor-grid,.ref-test-grid,.ref-steps{grid-template-columns:1fr}.ref-section{padding:62px 0}.ref-event img{height:190px}.ref-actions .ref-btn{width:100%}}


/* ===== public-pages.css ===== */
:root{--navy:#082d4c;--gold:#d1a84b;--cream:#faf7ef;--line:#e7e2d7;--muted:#657185}*{box-sizing:border-box}body{font-family:Poppins,sans-serif;margin:0;color:#17263a;background:#fff}.container{width:min(1180px,calc(100% - 32px));margin:auto}.public-top{background:var(--navy);color:#fff;font-size:12px}.public-top .container{display:flex;gap:22px;padding:9px 0}.public-top a{color:#fff;text-decoration:none}.ms-auto{margin-left:auto}.public-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.public-nav .container{min-height:74px;display:flex;align-items:center;justify-content:space-between}.public-logo{text-decoration:none;font-size:22px;font-weight:800}.public-logo span{color:var(--navy)}.public-logo b{color:var(--gold)}#publicMenu{display:flex;gap:18px;align-items:center}#publicMenu a{color:#344154;text-decoration:none;font-size:13px;font-weight:600}.login-link,.join-link{padding:10px 15px;border-radius:9px}.login-link{background:var(--navy);color:#fff!important}.join-link{border:1px solid var(--gold);color:#8c6819!important}#publicMenuToggle{display:none;border:0;background:none;font-size:20px}.public-hero{padding:80px 0;background:linear-gradient(115deg,var(--cream),#fff)}.public-hero h1{font-size:clamp(34px,6vw,68px);line-height:1.08;color:var(--navy);max-width:850px}.public-hero p{font-size:17px;color:var(--muted);max-width:720px}.public-section{padding:65px 0}.public-section.alt{background:var(--cream)}.section-head{text-align:center;max-width:720px;margin:0 auto 35px}.section-head h1,.section-head h2{color:var(--navy)}.vendor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vendor-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(8,45,76,.07)}.vendor-cover{height:190px;background:#eee center/cover}.vendor-body{padding:18px}.vendor-body h3{margin:4px 0;color:var(--navy)}.verified{display:inline-block;color:#0a8250;background:#e9f8f1;border-radius:999px;padding:4px 9px;font-size:10px}.public-form{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.public-form label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.public-form input,.public-form select,.public-form textarea{width:100%;border:1px solid #d8dee6;border-radius:9px;padding:12px;font:inherit}.btn-public{display:inline-flex;border:0;border-radius:9px;padding:12px 18px;background:var(--navy);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.public-alert{padding:14px;border-radius:10px;margin-bottom:15px}.public-alert.success{background:#e8f8ef;color:#08663d}.public-alert.error{background:#fff0f1;color:#a11f30}.public-footer{background:#061f35;color:#cad5df;padding:48px 0 20px}.public-footer>.container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.public-footer a{display:block;color:#cad5df;text-decoration:none;margin:8px 0}.public-footer small{display:block;text-align:center;margin-top:30px}@media(max-width:800px){#publicMenuToggle{display:block}#publicMenu{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;padding:18px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}#publicMenu.open{display:flex}.vendor-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.public-footer>.container{grid-template-columns:1fr 1fr}}@media(max-width:540px){.public-top .container span:nth-child(2){display:none}.vendor-grid{grid-template-columns:1fr}.public-footer>.container{grid-template-columns:1fr}}
.brand-kamati{color:#082d4c!important}.brand-mtandao{color:#c9a54d!important}.home-summary-hero p .brand-kamati,.public-hero p .brand-kamati{font-weight:800}.home-summary-hero p .brand-mtandao,.public-hero p .brand-mtandao{font-weight:800}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.summary-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(8,45,76,.06)}.summary-card>i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f7f1df;color:#b18a36;font-size:20px}.summary-card h3{color:var(--navy);margin:18px 0 10px}.summary-card p{color:var(--muted);line-height:1.65}.summary-card a{color:var(--navy);font-weight:800;text-decoration:none}.about-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.content-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(8,45,76,.06)}.check-list{display:grid;gap:14px;padding-left:20px}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.process-grid article{padding:22px 18px;border-radius:16px;background:#fff;border:1px solid var(--line)}.process-grid b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff}.process-grid h3{font-size:15px;line-height:1.45}.center-actions,.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.center-actions{justify-content:center;margin-top:30px}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{color:var(--navy);max-width:700px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #c9a54d;border-radius:10px;color:#8b681d;text-decoration:none;font-weight:800}@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,1fr)}.about-layout{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.summary-grid,.process-grid{grid-template-columns:1fr}.cta-band{align-items:flex-start;flex-direction:column}}

/* Refined About page */
.about-hero-refined .narrow-copy{max-width:900px;text-align:center;margin-inline:auto}.about-core-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.about-core-cards article{position:relative;padding:32px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 40px rgba(8,45,76,.07);transition:transform .25s ease,box-shadow .25s ease}.about-core-cards article:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(8,45,76,.11)}.about-card-icon,.process-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#f8f2e3;color:#b18a36;font-size:21px}.about-core-cards h2{margin:20px 0 10px;color:var(--navy);font-size:23px}.about-core-cards p{margin:0;color:var(--muted);line-height:1.75}.centered-heading{max-width:850px;margin-inline:auto;text-align:center}.professional-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:34px}.professional-process-card{position:relative;min-height:280px;padding:26px 22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(8,45,76,.06)}.professional-process-card .process-number{position:absolute;right:18px;top:16px;color:rgba(8,45,76,.12);font-size:34px;font-weight:900}.professional-process-card h3{margin:20px 0 10px;color:var(--navy);font-size:18px;line-height:1.35}.professional-process-card p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}@media(max-width:1100px){.professional-process-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.about-core-cards{grid-template-columns:1fr}.professional-process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.professional-process-grid{grid-template-columns:1fr}}


/* ===== pricing.css ===== */
.reference-pricing-page{
    padding:52px 20px 86px;
    background:#fbfaf6;
}
.reference-pricing-shell{
    width:min(1180px,100%);
    margin-inline:auto;
}
.reference-pricing-heading{
    max-width:780px;
    margin:0 auto 38px;
    text-align:center;
}
.reference-pricing-heading h1{
    margin:0 0 14px;
    color:#11243d;
    font-size:clamp(34px,4vw,50px);
    line-height:1.12;
    letter-spacing:-.035em;
}
.reference-pricing-heading p{
    margin:0;
    color:#68717d;
    font-size:16px;
    line-height:1.75;
}
.reference-pricing-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
    align-items:stretch;
}
.reference-price-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:438px;
    padding:30px 26px 25px;
    border:1px solid #ece9e1;
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 34px rgba(29,40,55,.075);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.reference-price-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 44px rgba(29,40,55,.12);
}
.reference-price-card.is-popular{
    border-color:#c9aa63;
    box-shadow:0 16px 40px rgba(178,141,58,.13);
}
.reference-popular-badge{
    position:absolute;
    top:18px;
    right:17px;
    padding:7px 11px;
    border-radius:999px;
    background:#faf5e9;
    color:#b18d43;
    font-size:11px;
    font-weight:800;
}
.reference-price-card h2{
    margin:0 0 24px;
    padding-right:48px;
    color:#171a20;
    font-size:25px;
    line-height:1.2;
}
.reference-price-value{
    color:#c3a052;
    font-size:31px;
    font-weight:800;
    line-height:1.14;
    letter-spacing:-.025em;
    overflow-wrap:anywhere;
}
.reference-price-currency{
    margin-right:3px;
    font-size:.58em;
    vertical-align:middle;
}
.reference-price-period{
    margin-top:10px;
    min-height:21px;
    color:#6c7078;
    font-size:15px;
}
.reference-plan-description{
    margin:15px 0 0;
    color:#68717d;
    font-size:14px;
    line-height:1.6;
}
.reference-feature-list{
    display:grid;
    gap:14px;
    margin:27px 0 28px;
    padding:0;
    list-style:none;
}
.reference-feature-list li{
    display:flex;
    align-items:flex-start;
    gap:11px;
    color:#4c515a;
    font-size:15px;
    line-height:1.42;
}
.reference-feature-list i{
    margin-top:3px;
    color:#c4a052;
    font-size:13px;
}
.reference-pricing-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:50px;
    margin-top:auto;
    padding:12px 17px;
    border-radius:999px;
    background:#0b2848;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-weight:800;
    transition:background .2s ease,transform .2s ease;
}
.reference-pricing-button:hover{
    background:#071f39;
    color:#fff;
    transform:translateY(-1px);
}
.reference-pricing-empty{
    padding:34px;
    border:1px solid #ece9e1;
    border-radius:16px;
    background:#fff;
    color:#68717d;
    text-align:center;
    box-shadow:0 12px 34px rgba(29,40,55,.075);
}
@media(max-width:1050px){
    .reference-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-inline:auto}
}
@media(max-width:620px){
    .reference-pricing-page{padding:40px 14px 64px}
    .reference-pricing-heading{margin-bottom:28px}
    .reference-pricing-grid{grid-template-columns:1fr;max-width:410px}
    .reference-price-card{min-height:auto;padding:27px 23px 23px}
}


/* ===== typography.css ===== */
/* KamatiMtandao shared typography and wordmark treatment. */
:root {
    --km-ui-font: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --km-brand-navy: #071b35;
    --km-brand-gold: #c9a55a;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
}

body,
body.admin-body,
button,
input,
select,
textarea,
optgroup {
    font-family: var(--km-ui-font);
}

body {
    font-synthesis: none;
    letter-spacing: -.006em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -.025em;
    text-wrap: balance;
}

p,
li,
label,
small,
td,
th {
    letter-spacing: -.003em;
}

button,
.btn,
.nav-menu a,
.sidebar-menu a,
.footer-links a {
    letter-spacing: -.01em;
}

input,
select,
textarea {
    font-size: 1rem;
    line-height: 1.45;
}

table {
    font-variant-numeric: tabular-nums;
}

/* The text wordmark always keeps Kamati navy and Mtandao gold. */
.brand-kamati {
    color: var(--km-brand-navy) !important;
}

.brand-mtandao {
    color: var(--km-brand-gold) !important;
}

.logo a,
.mobile-drawer-brand,
.footer-logo,
.admin-brand-name,
.login-brand h1,
.brand-preview-wordmark {
    font-family: var(--km-ui-font) !important;
    font-weight: 800 !important;
    letter-spacing: -.045em !important;
    text-shadow: none;
}

.logo .brand-kamati,
.mobile-drawer-brand .brand-kamati {
    color: var(--km-brand-navy) !important;
}

.logo .brand-mtandao,
.mobile-drawer-brand .brand-mtandao {
    color: var(--km-brand-gold) !important;
}

/* Dark surfaces receive a light wordmark plate to preserve brand colors. */
.site-footer .footer-logo,
.sidebar-logo .admin-brand-name,
.login-brand h1 {
    width: max-content;
    max-width: 100%;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 10px;
    padding: 9px 12px;
    box-shadow: 0 8px 24px rgba(3, 17, 34, .14);
    line-height: 1;
}

.site-footer .footer-logo .brand-kamati,
.sidebar-logo .admin-brand-name .brand-kamati,
.login-brand h1 .brand-kamati {
    color: var(--km-brand-navy) !important;
}

.site-footer .footer-logo .brand-mtandao,
.sidebar-logo .admin-brand-name .brand-mtandao,
.login-brand h1 .brand-mtandao {
    color: var(--km-brand-gold) !important;
}

.sidebar-logo .admin-brand-name {
    display: inline-flex;
    align-items: baseline;
    margin-bottom: 8px;
}

.sidebar-logo .admin-brand small {
    font-family: var(--km-ui-font) !important;
    letter-spacing: .04em;
}

.login-brand h1 {
    margin: 0 0 14px;
    font-size: clamp(1.8rem, 4vw, 2.25rem);
}

.admin-body .page-identity h1,
.admin-body .module-heading h1,
.admin-body .panel-head h2,
.admin-body .section-title {
    font-family: var(--km-ui-font);
    font-weight: 750;
}

.admin-body .table,
.admin-body .form-control,
.admin-body .form-select,
.admin-body .btn,
.admin-body .alert {
    font-family: var(--km-ui-font);
}

.admin-body .table td,
.admin-body .table th {
    color: #243247;
}

@media (max-width: 520px) {
    .site-footer .footer-logo,
    .sidebar-logo .admin-brand-name,
    .login-brand h1 {
        padding: 8px 10px;
    }
}


/* Live homepage hero matched to the approved visual reference. */
.km-live-hero{background:linear-gradient(90deg,rgba(251,248,241,.99) 0%,rgba(251,248,241,.94) 37%,rgba(251,248,241,.24) 68%,rgba(7,27,53,.08) 100%),url('../images/home/luxury-event-experience.png') center/cover no-repeat}.km-live-hero .hero-container{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);max-width:1240px}.km-live-hero .hero-content{padding-left:8px}.km-live-hero .hero-image{min-height:610px}.km-live-hero .experience-shell{inset:58px 0 0 3%;transform:none;background:rgba(255,252,247,.88);max-height:535px}.km-live-hero .dash-content{min-width:0}.km-live-hero .panel-label{display:block;margin-bottom:8px;color:#697687;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.km-live-hero .event-row>div:last-child{display:grid;gap:3px;min-width:0}.km-live-hero .event-row strong{color:var(--km-navy);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.km-live-hero .event-row small{color:var(--km-muted);font-size:11px}.km-live-hero .planning-row{padding:14px 0;border-bottom:1px solid #eef1f4}.km-live-hero .planning-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#5e6979}.km-live-hero .planning-row b{color:var(--km-navy)}.km-live-hero .progress-line i{animation:none}.km-live-hero .hero-stats{max-width:440px}.km-live-hero .hero-stats div{min-width:72px}.km-live-hero .hero-buttons .btn-primary,.km-live-hero .hero-buttons .btn-outline{min-height:48px;padding:0 23px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.km-live-hero .hero-buttons .btn-primary{background:var(--km-navy);color:#fff}.km-live-hero .hero-buttons .btn-outline{background:rgba(255,255,255,.78);color:var(--km-navy);border:1px solid rgba(7,27,53,.18)}
@media(max-width:1100px){.km-live-hero .hero-container{grid-template-columns:1fr}.km-live-hero .hero-content{max-width:760px;margin:auto;text-align:center}.km-live-hero .hero-content>p{margin-inline:auto}.km-live-hero .hero-stats{margin-inline:auto}.km-live-hero .hero-image{min-height:560px}.km-live-hero .experience-shell{inset:20px 5% 0}}
@media(max-width:680px){.km-live-hero{background-position:66% center}.km-live-hero .hero-image{min-height:470px}.km-live-hero .experience-shell{inset:12px 0 0}.km-live-hero .metric-grid{grid-template-columns:repeat(3,1fr)}.km-live-hero .metric{padding:11px 8px}.km-live-hero .metric strong{font-size:18px}.km-live-hero .hero-stats{justify-content:space-between}.km-live-hero .hero-stats div{min-width:0}}


/* v14 — fixed public header/navigation while scrolling */
:root{--km-public-topbar-height:34px}
.top-bar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1100;
    min-height:var(--km-public-topbar-height);
}
.navbar{
    position:fixed;
    top:var(--km-public-topbar-height);
    left:0;
    right:0;
    width:100%;
    z-index:1090;
    background:rgba(255,255,255,.97);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    box-shadow:0 8px 24px rgba(7,27,53,.08);
}
body{padding-top:calc(var(--km-public-topbar-height) + 82px)}
@media(max-width:680px){
    :root{--km-public-topbar-height:0px}
    .top-bar{display:none}
    .navbar{top:0}
    body{padding-top:76px}
}


/* v16 — compact professional active-event category overview */
.km-live-hero .event-category-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.km-live-hero .event-category-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f8f1e3;color:var(--km-gold);flex:0 0 auto}.km-live-hero .event-category-heading strong{display:block;color:var(--km-navy);font-size:13px}.km-live-hero .event-category-heading small{display:block;margin-top:1px;color:var(--km-muted);font-size:10px}.km-live-hero .event-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:13px;border-bottom:1px solid #eef1f4}.km-live-hero .event-category-card{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:10px 11px;border:1px solid #edf0f3;border-radius:11px;background:#fbfcfd}.km-live-hero .event-category-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#536174;font-size:10px;font-weight:700}.km-live-hero .event-category-card strong{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--km-navy);color:#fff;font-size:10px;line-height:1}@media(max-width:680px){.km-live-hero .event-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Vendor-directory search uses the same visual language as the Invitation guest search. */
.public-invitation-search{position:relative;width:100%}.public-invitation-search>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8793a2;pointer-events:none;z-index:2}.public-invitation-search input{width:100%;padding-left:40px!important;min-height:42px;border-radius:12px!important}.public-invitation-search input:focus{border-color:var(--km-gold)!important;box-shadow:0 0 0 .18rem rgba(201,165,90,.14)!important}