:root{--comunia-bg: #f7f2ec;--comunia-bg-alt: #efe8df;--comunia-ink: #1a1a1a;--comunia-ink-muted: #5c564e;--comunia-pink: #ff90e8;--comunia-pink-deep: #f06ad0;--comunia-yellow: #ffe66d;--comunia-mint: #b8f2e6;--comunia-card: #fffdf9;--comunia-border: rgba(26, 26, 26, .08);--comunia-border-strong: rgba(26, 26, 26, .14);--comunia-shadow: 0 24px 80px rgba(26, 26, 26, .12);--comunia-shadow-sm: 0 8px 30px rgba(26, 26, 26, .08);--comunia-radius: 20px;--comunia-radius-sm: 12px;--comunia-radius-pill: 9999px;--comunia-font-display: var(--font-comunia-display, "Fraunces", Georgia, serif);--comunia-font-body: var(--font-comunia-body, "DM Sans", system-ui, sans-serif);--comunia-brand: var(--comunia-ink);--comunia-brand-accent: var(--comunia-pink);--comunia-brand-hover: #000000;--comunia-canvas: var(--comunia-bg);--comunia-chrome: var(--comunia-bg-alt);--comunia-chrome-hover: #e8e0d6;--comunia-elevated: var(--comunia-card);--comunia-text: var(--comunia-ink);--comunia-text-muted: var(--comunia-ink-muted);--comunia-semantic-error: #c62828;--comunia-semantic-warning: #e65100;--comunia-semantic-success: #2e7d32;--tenant-primary: var(--comunia-brand);--tenant-accent: var(--comunia-brand-accent);--tenant-bg: var(--comunia-canvas);--tenant-surface: var(--comunia-elevated);--tenant-surface-soft: var(--comunia-chrome);--tenant-text: var(--comunia-text);--tenant-muted: var(--comunia-text-muted);--lab-messenger-bg: var(--comunia-bg);--lab-messenger-sidebar: var(--comunia-bg-alt);--lab-messenger-pane: var(--comunia-card);--lab-messenger-surface: var(--comunia-bg-alt);--lab-messenger-surface-raised: var(--comunia-chrome-hover);--lab-messenger-header: var(--comunia-card);--lab-messenger-hover: color-mix(in srgb, var(--comunia-pink) 12%, var(--comunia-bg-alt));--lab-messenger-active: color-mix(in srgb, var(--comunia-pink) 18%, var(--comunia-card));--lab-messenger-border: var(--comunia-border-strong);--lab-messenger-border-strong: rgba(26, 26, 26, .18);--lab-messenger-accent: var(--comunia-ink);--lab-messenger-composer: var(--comunia-bg-alt);--lab-messenger-text: var(--comunia-ink);--lab-messenger-text-muted: var(--comunia-ink-muted);--lab-messenger-incoming-bubble: var(--comunia-bg-alt);--lab-messenger-modal: var(--comunia-card);--central-bg: var(--comunia-bg);--central-surface: var(--comunia-card);--central-surface-raised: var(--comunia-bg-alt);--central-border: var(--comunia-border-strong);--central-text: var(--comunia-ink);--central-muted: var(--comunia-ink-muted);--central-accent: var(--comunia-ink);--central-accent-hover: #000000;--central-success: var(--comunia-semantic-success);--central-warning: var(--comunia-semantic-warning);--central-danger: var(--comunia-semantic-error)}.comunia-grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.comunia-mesh{pointer-events:none;position:fixed;inset:-20% -10% auto;height:70vh;z-index:-1;background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(255,144,232,.35),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 10%,rgba(255,230,109,.4),transparent 55%),radial-gradient(ellipse 40% 30% at 60% 60%,rgba(184,242,230,.35),transparent 50%);animation:comunia-mesh-drift 18s ease-in-out infinite alternate}@keyframes comunia-mesh-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-2%,3%) scale(1.04)}}.comunia-auth-page{min-height:100vh;background:var(--comunia-bg);color:var(--comunia-ink);font-family:var(--comunia-font-body);position:relative}:root{--bg: var(--comunia-bg);--bg-alt: var(--comunia-bg-alt);--ink: var(--comunia-ink);--ink-muted: var(--comunia-ink-muted);--pink: var(--comunia-pink);--pink-deep: var(--comunia-pink-deep);--yellow: var(--comunia-yellow);--mint: var(--comunia-mint);--card: var(--comunia-card);--border: var(--comunia-border);--shadow: var(--comunia-shadow);--shadow-sm: var(--comunia-shadow-sm);--radius: var(--comunia-radius);--radius-sm: var(--comunia-radius-sm);--font-display: var(--comunia-font-display);--font-body: var(--comunia-font-body);--nav-h: 72px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--ink);background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em;background:#1a1a1a0f;padding:.15em .45em;border-radius:6px}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--nav-h);padding:0 clamp(1rem,4vw,2.5rem);background:#f7f2ecbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.logo{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.15rem;letter-spacing:-.03em}.nav-links{display:none;gap:1.75rem;font-size:.95rem;font-weight:500;color:var(--ink-muted)}.nav-links a:hover{color:var(--ink)}@media(min-width:768px){.nav-links{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:999px;font-weight:600;font-size:.95rem;border:2px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow)}.btn-secondary{background:var(--card);color:var(--ink);border-color:var(--border)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn-lg{padding:.85rem 1.75rem;font-size:1.05rem}.hero{display:grid;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1rem,4vw,2.5rem) 4rem}@media(min-width:1024px){.hero{grid-template-columns:1fr 1.05fr;gap:4rem}}.eyebrow{display:inline-block;margin:0 0 1rem;padding:.35rem .85rem;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-muted)}.hero h1{margin:0 0 1.25rem;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.25rem);font-weight:600;line-height:1.05;letter-spacing:-.03em}.hero h1 em{font-style:italic;color:var(--pink-deep)}.lead{margin:0 0 1.75rem;font-size:clamp(1.05rem,2vw,1.25rem);color:var(--ink-muted);max-width:34rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;margin:0;padding:0;list-style:none}.hero-stats strong{display:block;font-size:.95rem}.hero-stats span{font-size:.85rem;color:var(--ink-muted)}.hero-visual{position:relative}.device{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);overflow:hidden;transform:rotate(-1.5deg);animation:float-device 6s ease-in-out infinite}@keyframes float-device{0%,to{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}.device-bar{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:var(--bg-alt);border-bottom:1px solid var(--border)}.device-bar span{width:10px;height:10px;border-radius:50%;background:#1a1a1a1f}.device-bar p{flex:1;margin:0 0 0 .5rem;text-align:center;font-size:.75rem;color:var(--ink-muted)}.device-body{display:grid;grid-template-columns:140px 1fr;min-height:280px}.sidebar{padding:1rem .75rem;background:#1a1a1a08;border-right:1px solid var(--border)}.sidebar-title{margin:0 0 .75rem;padding:0 .5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.sidebar-item{padding:.5rem .65rem;margin-bottom:.25rem;border-radius:var(--radius-sm);font-size:.82rem;color:var(--ink-muted)}.sidebar-item.active{background:var(--ink);color:var(--bg);font-weight:600}.chat{display:flex;flex-direction:column;gap:.65rem;padding:1rem;justify-content:flex-end}.bubble{max-width:85%;padding:.65rem .9rem;border-radius:16px;font-size:.88rem;line-height:1.45}.bubble.them{align-self:flex-start;background:var(--bg-alt);border-bottom-left-radius:4px}.bubble.me{align-self:flex-end;background:var(--pink);border-bottom-right-radius:4px}.composer{margin-top:.5rem;padding:.75rem 1rem;border-radius:999px;border:1px dashed var(--border);font-size:.8rem;color:var(--ink-muted)}.float-card{position:absolute;padding:.85rem 1rem;background:color-mix(in srgb,var(--comunia-card) 92%,var(--comunia-bg-alt));border:1px solid var(--comunia-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-size:.82rem}.float-card p{margin:.35rem 0 0;color:var(--ink-muted)}.float-a{top:8px;right:4px}.float-b{bottom:20px;left:-8px}.pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}.pill-pink{background:var(--pink)}.pill-yellow{background:var(--yellow)}.section{max-width:1200px;margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,2.5rem)}.section-alt{background:var(--bg-alt);max-width:none;border-block:1px solid var(--border)}.section-alt>*{max-width:1200px;margin-inline:auto}.section-head h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.02em;max-width:18ch}.section-sub{margin:1rem 0 0;font-size:1.1rem;color:var(--ink-muted);max-width:42rem}.bento{display:grid;gap:1rem;margin-top:2.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.bento-card{padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .25s ease}.bento-card:hover{transform:translateY(-4px)}.bento-large{grid-column:span 1}@media(min-width:768px){.bento-large{grid-column:span 2}}.bento-card h3{margin:0 0 .5rem;font-size:1.15rem}.bento-card p{margin:0;color:var(--ink-muted);font-size:.95rem}.bento-accent{background:linear-gradient(135deg,var(--yellow) 0%,var(--pink) 100%);border:none}.bento-accent p{color:#1a1a1abf}.mini-thread{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem}.mini-line{height:10px;border-radius:999px;background:#1a1a1a14;width:90%}.mini-line.short{width:55%}.steps{margin:2.5rem 0 0;padding:0;list-style:none;display:grid;gap:1.25rem}@media(min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{display:flex;gap:1rem;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.step-num{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--pink-deep);line-height:1}.steps h3{margin:0 0 .35rem;font-size:1.05rem}.steps p{margin:0;font-size:.92rem;color:var(--ink-muted)}.split{display:grid;gap:2.5rem;align-items:center}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}.check-list{margin:1.5rem 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:1.75rem;margin-bottom:.65rem;color:var(--ink-muted)}.check-list li:before{content:"✓";position:absolute;left:0;font-weight:700;color:var(--pink-deep)}.code-card{background:var(--ink);color:#e8e4df;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.code-head{padding:.75rem 1rem;font-size:.78rem;font-family:ui-monospace,monospace;background:#ffffff0f;color:var(--pink)}.code-card pre{margin:0;padding:1.25rem;overflow-x:auto;font-size:.82rem;line-height:1.55}.quote-section{max-width:800px;margin:0 auto;padding:4rem 1.5rem;text-align:center}.quote-section blockquote{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.1rem);font-style:italic;line-height:1.35}.quote-by{margin:1.25rem 0 0;color:var(--ink-muted);font-size:.95rem}.cta-section{padding:2rem clamp(1rem,4vw,2.5rem) 5rem}.cta-card{max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem);text-align:center;background:var(--ink);color:var(--bg);border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow)}.cta-card h2{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem)}.cta-card p{margin:0;color:#f7f2eccc;font-size:1.05rem}.cta-actions{margin:2rem 0 1.25rem}.cta-card .btn-primary{background:var(--pink);color:var(--ink)}.cta-note{font-size:.88rem!important;opacity:.7}.footer{padding:2rem clamp(1rem,4vw,2.5rem) 2.5rem;border-top:1px solid var(--border)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.footer-copy,.footer-links{font-size:.88rem;color:var(--ink-muted)}.footer-links{display:flex;gap:.75rem;align-items:center}.footer-legal{max-width:1200px;margin:1.25rem auto 0;font-size:.78rem;color:var(--ink-muted);text-align:center}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay, 0s)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}