.host-landing{--host-primary:#046ffb;--host-primary-dark:color-mix(in srgb, var(--host-primary) 82%, #000);--host-surface:#f4f7fb;--host-text:#0f172a;--host-muted:#64748b;--host-radius:14px;--host-shadow:0 12px 40px #0f172a14;min-height:100vh;color:var(--host-text);font-family:var(--font-quicksand), "Quicksand", system-ui, sans-serif;background:#fff}.host-landing *,.host-landing :before,.host-landing :after{box-sizing:border-box}.host-landing a{color:inherit;text-decoration:none}.host-landing__header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #0f172a0f;position:sticky;top:0}.host-landing__header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:14px 20px;display:flex}.host-landing__logo img{object-fit:contain;width:auto;max-width:200px;height:48px;display:block}.host-landing__logo-text{color:var(--host-primary);font-size:1.25rem;font-weight:700}.host-landing__nav{align-items:center;gap:28px;font-size:.95rem;font-weight:600;display:none}.host-landing__nav a:hover{color:var(--host-primary)}@media (min-width:768px){.host-landing__nav{display:flex}}.host-landing__btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.host-landing__btn--primary{background:var(--host-primary);color:#fff;box-shadow:0 8px 24px color-mix(in srgb, var(--host-primary) 35%, transparent)}.host-landing__btn--primary:hover{box-shadow:0 12px 28px color-mix(in srgb, var(--host-primary) 45%, transparent);transform:translateY(-1px)}.host-landing__btn--ghost{color:#fff;background:#ffffff26;border:1px solid #ffffff59}.host-landing__hero{align-items:flex-end;min-height:min(72vh,640px);display:flex;position:relative;overflow:hidden}.host-landing__hero-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.host-landing__hero-overlay{background:linear-gradient(180deg, #0f172a26 0%, #0f172a8c 55%, color-mix(in srgb, var(--host-primary-dark) 88%, transparent) 100%);position:absolute;inset:0}.host-landing__hero-no-img{background:linear-gradient(135deg, var(--host-primary) 0%, color-mix(in srgb, var(--host-primary) 60%, #0ea5e9) 100%)}.host-landing__hero-content{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:48px 20px 56px;position:relative}.host-landing__hero-logo{object-fit:contain;filter:drop-shadow(0 4px 12px #00000040);width:auto;max-width:180px;height:56px;margin-bottom:16px}.host-landing__hero h1{color:#fff;max-width:720px;margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15}.host-landing__hero-lead{color:#ffffffeb;max-width:640px;margin:0 0 24px;font-size:clamp(1rem,2vw,1.125rem);line-height:1.65}.host-landing__hero-actions{flex-wrap:wrap;gap:12px;display:flex}.host-landing__strip{background:var(--host-surface);border-bottom:1px solid #0f172a0f}.host-landing__strip-inner{flex-wrap:wrap;gap:12px;max-width:1200px;margin:0 auto;padding:20px;display:flex}.host-landing__chip{color:var(--host-text);background:#fff;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.host-landing__chip strong{color:var(--host-primary);font-weight:600}.host-landing__section{max-width:1200px;margin:0 auto;padding:56px 20px}.host-landing__section-title{color:var(--host-text);margin:0 0 8px;font-size:1.75rem;font-weight:700}.host-landing__section-lead{color:var(--host-muted);max-width:560px;margin:0 0 32px;font-size:1rem;line-height:1.6}.host-landing__custom{background:#fff}.host-landing__custom .host-custom-html{color:var(--host-text);font-size:1rem;line-height:1.7}.host-landing__custom .host-custom-html h2{color:var(--host-primary);margin-bottom:.75rem;font-size:1.5rem}.host-landing__types{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.host-landing__type-pill{background:color-mix(in srgb, var(--host-primary) 10%, #fff);color:var(--host-primary);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600}.host-landing__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.host-landing__card{border-radius:var(--host-radius);box-shadow:var(--host-shadow);background:#fff;border:1px solid #0f172a14;transition:transform .2s,box-shadow .2s;overflow:hidden}.host-landing__card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #0f172a1f}.host-landing__card-img{aspect-ratio:4/3;background:var(--host-surface);overflow:hidden}.host-landing__card-img img{object-fit:cover;width:100%;height:100%}.host-landing__card-body{padding:18px}.host-landing__card-body h3{margin:0 0 8px;font-size:1.05rem;font-weight:700}.host-landing__card-meta{color:var(--host-muted);margin-bottom:12px;font-size:.8rem}.host-landing__card-price{color:var(--host-primary);margin-bottom:14px;font-size:1.1rem;font-weight:700}.host-landing__card-link{color:var(--host-primary);font-size:.875rem;font-weight:600;display:inline-flex}.host-landing__footer{background:var(--host-text);color:#ffffffd9;margin-top:auto}.host-landing__footer-inner{gap:24px;max-width:1200px;margin:0 auto;padding:40px 20px 24px;display:grid}@media (min-width:768px){.host-landing__footer-inner{grid-template-columns:1fr auto;align-items:start}}.host-landing__footer-brand img{object-fit:contain;height:40px;margin-bottom:12px}.host-landing__footer-copy{opacity:.7;border-top:1px solid #ffffff1f;grid-column:1/-1;padding-top:20px;font-size:.8rem}.host-landing__shell-main{max-width:1200px;min-height:50vh;margin:0 auto;padding:32px 20px 48px}.host-detail-layout{grid-template-columns:1fr;gap:32px;margin-top:24px;display:grid}@media (min-width:900px){.host-detail-layout{grid-template-columns:1fr 320px;align-items:start}}