*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f7;color:#111827}.theme-light{--bg: #ffffff;--text: #222;--primary: #6b4eff}.theme-dark{--bg: #121212;--text: #e0e0e0;--primary: #bb86fc}.theme-high-contrast{--bg: #000000;--text: #ffffff;--primary: #00ffff;outline:3px solid yellow}.brand-default{--brand-color: #6b4eff}.brand-united{--brand-color: #0054a6}.brand-white-label{--brand-color: #111827}.brand-health{--brand-color: #0054a6}.brand-space{--brand-color: #8a2be2}.brand-custom{--brand-color: #ff4fbf}.demo-button{background:var(--brand-color);color:var(--text);padding:12px 20px;border-radius:8px;border:none;cursor:pointer}.demo-input{padding:12px;border-radius:8px;border:1px solid var(--brand-color);color:var(--text);background:var(--bg)}.demo-card{padding:20px;border-radius:12px;background:var(--bg);border:2px solid var(--brand-color);color:var(--text);box-shadow:0 4px 12px #0000001a}.landing-root{min-height:100vh;background:radial-gradient(circle at top left,#eef2ff 0,#f9fafb 40%,#fff);color:#111827;display:flex;flex-direction:column}.hero-title{white-space:nowrap;font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-.02em}.design-systems-cloud{position:relative;display:inline-block;padding:.15em .6em;margin-right:.25em}.design-systems-text{position:relative;z-index:2}.design-systems-cloud:before{content:"";position:absolute;inset:-.25em -.6em;border-radius:999px;border:2px solid rgba(148,163,184,.9);background:radial-gradient(circle at 30% 20%,#fff 0,#f9fafb 40%,#e5e7eb);box-shadow:0 0 0 2px #ffffffe6,0 6px 14px #0f172a2e;z-index:1}.design-systems-cloud{animation:ds-cloud-float 4s ease-in-out infinite}@keyframes ds-cloud-float{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.landing-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 4rem;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e5e7eb}.logo{font-weight:700;letter-spacing:.04em;font-size:1.1rem}.landing-header nav a{margin-right:1.5rem;color:#4b5563;text-decoration:none;font-weight:500;font-size:.95rem}.landing-header nav a:last-child{margin-right:0}.landing-header nav a:hover{color:#111827}.cta-button{background:#111827;color:#fff;padding:.55rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:.9rem;box-shadow:0 10px 30px #0f172a40;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.cta-button:hover{transform:translateY(-1px);box-shadow:0 16px 40px #0f172a59;background:#020617}.landing-hero{padding:4.5rem 4rem 3.5rem;max-width:1120px;margin:0 auto}.landing-hero h1{font-size:3rem;line-height:1.1;margin-bottom:1rem;letter-spacing:-.04em}.landing-hero p{font-size:1.05rem;max-width:640px;color:#4b5563;margin-bottom:2rem}.hero-buttons a{margin-right:.75rem;padding:.75rem 1.6rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease,border-color .15s ease}.cta-primary{background:#111827;color:#fff;box-shadow:0 12px 35px #0f172a59}.cta-primary:hover{transform:translateY(-1px);box-shadow:0 18px 45px #0f172a73}.cta-secondary{background:#fff;color:#111827;border-color:#e5e7eb}.cta-secondary:hover{background:#f9fafb;border-color:#d1d5db}.landing-section{padding:3rem 4rem}.landing-section.alt{background:#f9fafb}.landing-section h2{font-size:1.6rem;margin-bottom:1.5rem;letter-spacing:-.02em}.center{text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;max-width:1120px;margin:0 auto}.feature-card{background:#fff;border-radius:18px;padding:1.5rem 1.6rem;border:1px solid #e5e7eb;box-shadow:0 18px 45px #0f172a0a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card h3{margin-top:0;margin-bottom:.5rem;font-size:1.05rem}.feature-card p{margin:0;color:#4b5563;font-size:.95rem}.feature-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #0f172a1f;border-color:#d1d5db}.white-label-demo{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:900px;margin:2rem auto 0}.brand-card{flex:1 1 260px;max-width:320px;background:linear-gradient(135deg,#0f172a,#1f2937);color:#fff;padding:1.8rem 1.6rem;border-radius:18px;box-shadow:0 22px 55px #0f172a66;transition:transform .18s ease,box-shadow .18s ease}.brand-card.white{background:#fff;color:#111827;box-shadow:0 18px 45px #0f172a14}.brand-card h3{margin-top:0;margin-bottom:.4rem}.brand-card p{margin:0;color:inherit}.brand-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px #0f172a80}.pricing-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:900px;margin:1.5rem auto 0}.pricing-card{flex:1 1 240px;max-width:280px;background:#fff;border-radius:18px;padding:1.8rem 1.6rem;border:1px solid #e5e7eb;box-shadow:0 18px 45px #0f172a0d;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pricing-card h3{margin-top:0;margin-bottom:.4rem}.price{font-size:1.8rem;font-weight:700;margin:.2rem 0 .8rem}.pricing-card p{margin:0;color:#4b5563;font-size:.95rem}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #0f172a24;border-color:#d1d5db}#sales p{max-width:520px;margin:0 auto 1rem;color:#4b5563}#sales .cta-primary{margin-top:.5rem}.cloud-status{margin-top:20px;padding:10px;font-size:.8rem;opacity:.7;display:flex;flex-direction:column;gap:4px}.landing-footer{padding:2rem 4rem 2.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;margin-top:auto;font-size:.9rem;color:#6b7280}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.footer-bottom a{color:#111827;text-decoration:none;font-weight:500}.footer-bottom a:hover{text-decoration:underline}@media(max-width:768px){.landing-header{padding:1rem 1.5rem}.landing-hero{padding:3rem 1.5rem 2.5rem}.landing-section{padding:2.5rem 1.5rem}.footer-top{flex-direction:column;align-items:flex-start}}.fairy{position:fixed;bottom:40px;right:40px;width:60px;height:60px;cursor:pointer;z-index:9999;animation:hover-wiggle 3s ease-in-out infinite;pointer-events:auto}.fairy-chat{position:fixed!important;bottom:110px;right:40px;width:300px;background:#fff;border-radius:14px;box-shadow:0 18px 45px #00000040;z-index:999999!important;overflow:hidden;animation:fadeIn .25s ease-out}} .fairy:hover .fairy-core{transform:scale(1.2);transition:transform .2s ease}.fairy-core{position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 0 18px 10px #fffffff2,0 0 30px 18px #ffc8ffe6,0 0 45px 25px #ff96ffcc;pointer-events:none}.fairy-glow{position:absolute;width:70px;height:70px;background:radial-gradient(circle,#ffffffe6,#fff0);border-radius:50%;filter:blur(12px);opacity:1;pointer-events:none}.fairy-sparkle{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;opacity:.9;animation:sparkle 1.2s infinite ease-in-out;pointer-events:none}.fairy-trail{position:fixed;width:8px;height:8px;background:#fff;border-radius:50%;pointer-events:none;opacity:.8;animation:trailFade .8s ease-out forwards;box-shadow:0 0 12px 6px #fffc}@keyframes trailFade{0%{transform:scale(1);opacity:.9}to{transform:scale(.2);opacity:0}}.theme-light .fairy-core{box-shadow:0 0 12px 6px #ffd6ff,0 0 20px 10px #ffb3ff}.theme-dark .fairy-core{box-shadow:0 0 12px 6px #a78bfa,0 0 20px 10px #7c3aed}.theme-high-contrast .fairy-core{box-shadow:0 0 12px 6px #ff0,0 0 20px 10px orange}