@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap";.navbar{position:sticky;top:0;z-index:1000;background:#fefcf9d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:all .3s var(--ease-soft)}.navbar-scrolled{background:#fefcf9f2;border-bottom-color:var(--coffee-100);box-shadow:var(--shadow-sm)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.navbar-brand{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;flex-shrink:0}.navbar-brand:hover{color:var(--text-primary)}.brand-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--coffee-700)}.brand-icon svg{display:block}.steam-line{animation:steam-rise 2s ease-in-out infinite}.steam-1{animation-delay:0s}.steam-2{animation-delay:.6s}.steam-3{animation-delay:1.2s}.navbar-nav,.nav-list{display:flex;align-items:center;gap:.25rem}.nav-link{display:block;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:all .2s var(--ease-soft);text-decoration:none}.nav-link:hover{color:var(--blue-500);background:var(--blue-50)}.nav-link.active{color:var(--blue-600);background:var(--blue-100)}.nav-cta{margin-left:.75rem}.menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer;z-index:1001}.menu-bar{display:block;width:24px;height:2.5px;background:var(--coffee-600);border-radius:2px;transition:all .3s var(--ease-soft)}.menu-toggle.open .menu-bar:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.menu-toggle.open .menu-bar:nth-child(2){opacity:0}.menu-toggle.open .menu-bar:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.menu-overlay{display:none}@media (max-width: 840px){.menu-toggle{display:flex}.navbar-nav{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--warm-white);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:5rem 1.5rem 2rem;gap:1.5rem;transform:translate(100%);transition:transform .35s var(--ease-soft);box-shadow:var(--shadow-xl);z-index:1000}.navbar-nav.open{transform:translate(0)}.nav-list{flex-direction:column;align-items:stretch;gap:.25rem}.nav-link{font-size:1.05rem;padding:.75rem 1rem}.nav-cta{margin-left:0;width:100%;justify-content:center}.menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#2e231940;z-index:999;animation:fade-in-overlay .3s ease}@keyframes fade-in-overlay{0%{opacity:0}to{opacity:1}}}.footer{background:var(--coffee-800);color:var(--coffee-100);margin-top:4rem}.footer-inner{display:flex;flex-wrap:wrap;gap:3rem;padding:3rem 1.5rem;justify-content:space-between}.footer-brand{max-width:300px}.footer-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--cream);text-decoration:none}.footer-logo:hover{color:var(--coffee-200)}.footer-tagline{font-size:.95rem;color:var(--coffee-300);margin-top:.5rem;line-height:1.5}.footer-links{display:flex;gap:3rem;flex-wrap:wrap}.footer-heading{font-family:var(--font-body);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--coffee-200);margin-bottom:.75rem}.footer-col ul{display:flex;flex-direction:column;gap:.5rem}.footer-col a{color:var(--coffee-300);font-size:.95rem;transition:color .2s;text-decoration:none}.footer-col a:hover{color:var(--cream)}.footer-bottom{border-top:1px solid rgba(255,250,245,.1);padding:1.25rem 0;text-align:center;font-size:.85rem;color:var(--coffee-400)}@media (max-width: 640px){.footer-inner{flex-direction:column;gap:2rem}.footer-links{gap:2rem}}.hero-home{background:linear-gradient(170deg,var(--blue-50) 0%,var(--coffee-50) 60%,var(--cream) 100%);position:relative;overflow:hidden;padding-top:3rem}.hero-content{display:flex;align-items:center;gap:3rem;min-height:520px}.hero-text{flex:1;max-width:580px;padding:2rem 0 4rem}.hero-badge{margin-bottom:1.25rem}.hero-title{font-size:clamp(2rem,4.5vw,3rem);line-height:1.2;margin-bottom:1.25rem}.hero-highlight{color:var(--blue-500);position:relative}.hero-subtitle{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;max-width:440px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-visual{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.hero-illustration svg{max-width:100%;height:auto}.hero-wave{position:absolute;bottom:-1px;left:0;right:0;line-height:0}.hero-wave svg{width:100%;height:60px}.intro-section{padding-top:4rem;padding-bottom:2rem}.intro-content{text-align:center;max-width:700px;margin:0 auto}.intro-text{font-size:1.15rem;line-height:1.8;color:var(--text-secondary)}.intro-text em{font-style:italic;color:var(--coffee-600)}.features-section{padding-top:2rem;padding-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{padding:2rem 1.75rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.feature-card h3{font-size:1.25rem;margin-bottom:.25rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:.75rem;flex:1}.feature-icon-wrap{width:80px;height:80px;border-radius:50%;background:var(--coffee-50);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:transform .3s var(--ease-soft)}.feature-card:hover .feature-icon-wrap{transform:scale(1.08)}.feature-card .btn{margin-top:auto}.steam-icon{animation:steam-rise 2.4s ease-in-out infinite}.steam-a{animation-delay:0s}.steam-b{animation-delay:.8s}.steam-c{animation-delay:1.6s}.cta-section{padding-top:2rem;padding-bottom:4rem}.cta-card{background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%);border-radius:var(--radius-lg);padding:3.5rem 3rem;text-align:center;color:#fff;box-shadow:0 8px 32px #2c6fba40}.cta-card h2{color:#fff;margin-bottom:.75rem}.cta-card p{color:#ffffffd9;font-size:1.1rem;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 900px){.hero-content{flex-direction:column;text-align:center;min-height:auto;gap:1rem}.hero-text{padding:1rem 0 0}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{padding-bottom:3rem}.hero-illustration svg{width:200px;height:200px}.features-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.cta-card{padding:2.5rem 1.5rem}}@media (max-width: 480px){.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;justify-content:center}.hero-wave svg{height:40px}}.page-header{background:linear-gradient(170deg,var(--coffee-50) 0%,var(--blue-50) 100%);padding:4rem 1.5rem 3rem;text-align:center}.page-header h1{color:var(--coffee-700);margin-bottom:.5rem}.page-header-sub{color:var(--text-secondary);font-size:1.15rem}.section-title{text-align:center;margin-bottom:1rem}.section-sub{text-align:center;color:var(--text-secondary);max-width:500px;margin:0 auto 2.5rem;font-size:1.05rem}.about-story{display:flex;gap:3rem;align-items:center}.about-story-text{flex:1;max-width:560px}.about-lead{font-family:var(--font-heading);font-size:1.35rem;font-style:italic;color:var(--blue-600);line-height:1.5;margin-bottom:1.5rem}.about-story-text p{color:var(--text-secondary);line-height:1.75;font-size:1.02rem}.about-story-text p em{color:var(--coffee-600)}.about-visual{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.about-image-placeholder{width:240px;height:260px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--coffee-50),var(--blue-50));display:flex;align-items:center;justify-content:center}.values-section{background:var(--soft-gray)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.value-card{padding:2rem;text-align:center}.value-icon{width:72px;height:72px;border-radius:50%;background:var(--coffee-50);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.value-card h3{font-size:1.2rem;margin-bottom:.75rem}.value-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.community-section{padding-top:2rem}.community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.community-photo-placeholder{aspect-ratio:1;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--coffee-100),var(--blue-100));display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease-soft),box-shadow .3s var(--ease-soft)}.community-photo-placeholder:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.photo-inner{opacity:.7}@media (max-width: 768px){.about-story{flex-direction:column-reverse;text-align:center}.about-story-text{max-width:100%}.about-image-placeholder{width:180px;height:200px}.values-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.community-grid{grid-template-columns:repeat(2,1fr)}}.meetups-header{background:linear-gradient(170deg,var(--blue-50) 0%,var(--coffee-50) 100%)}.filter-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:2.5rem;flex-wrap:wrap}.filter-tab{padding:.6rem 1.5rem;border-radius:var(--radius-full);font-size:.95rem;font-weight:500;color:var(--text-secondary);background:var(--soft-gray);border:2px solid transparent;transition:all .2s var(--ease-soft);cursor:pointer}.filter-tab:hover{background:var(--coffee-100);color:var(--coffee-600)}.filter-tab.active{background:var(--blue-100);color:var(--blue-600);border-color:var(--blue-300)}.meetups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.meetup-card{padding:1.75rem;display:flex;flex-direction:column;gap:.5rem}.meetup-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.meetup-date{font-size:.85rem;color:var(--text-muted);font-weight:500}.meetup-title{font-size:1.2rem;margin:.25rem 0}.meetup-location{font-size:.9rem;color:var(--blue-500);font-weight:500}.meetup-desc{color:var(--text-secondary);font-size:.93rem;line-height:1.6;margin:.25rem 0 .5rem;flex:1}.meetup-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted);padding-top:.75rem;border-top:1px solid var(--coffee-100)}.meetup-host{font-weight:500}.meetup-spots{color:var(--coffee-500);font-weight:500}.meetup-rsvp{align-self:flex-start;margin-top:.5rem}.no-meetups{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:1.1rem}@media (max-width: 480px){.meetups-grid{grid-template-columns:1fr}.filter-tab{padding:.5rem 1rem;font-size:.9rem}.meetup-card{padding:1.25rem}}.resources-header{background:linear-gradient(170deg,var(--coffee-50) 0%,var(--blue-50) 100%)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-top:1rem}.article-card{padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.article-icon{font-size:2rem;flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-sm);background:var(--coffee-50);display:flex;align-items:center;justify-content:center}.article-content{flex:1;min-width:0}.article-category{margin-bottom:.5rem}.article-content h3{font-size:1.1rem;margin-bottom:.4rem;line-height:1.35}.article-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:.75rem}.article-meta{display:flex;align-items:center;justify-content:space-between}.article-readtime{font-size:.8rem;color:var(--text-muted);font-weight:500}.article-read-more{font-size:.85rem;font-weight:600;color:var(--blue-500);background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.article-read-more:hover{color:var(--blue-600)}.guides-section{background:var(--soft-gray)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.guide-card{padding:1.75rem}.guide-card-inner{display:flex;flex-direction:column;gap:.75rem}.guide-icon{margin-bottom:.25rem}.guide-card-inner h3{font-size:1.1rem;margin-bottom:.25rem}.guide-card-inner p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:0}.guide-pages{font-size:.8rem;color:var(--text-muted);font-weight:500}.guide-card .btn{align-self:flex-start;margin-top:.25rem}@media (max-width: 480px){.articles-grid,.guides-grid{grid-template-columns:1fr}}.contact-header{background:linear-gradient(170deg,var(--blue-50) 0%,var(--coffee-50) 100%)}.contact-layout{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start}.contact-form{padding:2rem 2rem 2.25rem}.form-title{margin-bottom:1.5rem;font-size:1.4rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submit-btn{margin-top:.5rem;width:100%}.contact-success{padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.success-icon{margin-bottom:.5rem}.contact-success h2{color:var(--blue-500)}.contact-success p{color:var(--text-secondary);max-width:380px;line-height:1.6}.contact-info-card{background:#fff;border-radius:var(--radius-md);padding:1.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--coffee-100);margin-bottom:1.25rem}.contact-info-card h3{font-size:1.1rem;margin-bottom:1.25rem;color:var(--coffee-700)}.contact-method{display:flex;gap:.75rem;margin-bottom:1.1rem;align-items:flex-start}.contact-method-icon{flex-shrink:0;margin-top:2px}.contact-method strong{display:block;font-size:.9rem;color:var(--text-primary);margin-bottom:.15rem}.contact-method a{font-size:.9rem;color:var(--blue-500)}.contact-detail{font-size:.9rem;color:var(--text-muted)}.social-links{display:flex;align-items:center;gap:.5rem}.social-divider{color:var(--coffee-300)}.contact-teaser p{font-size:.92rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0}@media (max-width: 800px){.contact-layout,.form-row{grid-template-columns:1fr}.contact-form{padding:1.5rem}}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell>main,.app-shell>:not(nav):not(footer){flex:1}:root{--blue-50: #EEF4FB;--blue-100: #D6E6F5;--blue-200: #AECEEE;--blue-300: #7AB0E2;--blue-400: #4A90D9;--blue-500: #2C6FBA;--blue-600: #215691;--blue-700: #1A3F6B;--coffee-50: #FDF8F4;--coffee-100: #F5EDE3;--coffee-200: #E8D5C0;--coffee-300: #D4A574;--coffee-400: #B8845A;--coffee-500: #8B6240;--coffee-600: #6F4E37;--coffee-700: #4E3429;--coffee-800: #3E2723;--coffee-900: #2C1A14;--cream: #FFFAF5;--warm-white: #FEFCF9;--soft-gray: #F7F5F2;--text-primary: #2D2D2D;--text-secondary: #5C5C5C;--text-muted: #8A8A8A;--primary: var(--blue-400);--primary-hover: var(--blue-500);--accent: var(--coffee-500);--accent-hover: var(--coffee-600);--bg-light: var(--warm-white);--bg-soft: var(--soft-gray);--section-pad: 5rem 1.5rem;--max-width: 1120px;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(46, 35, 25, .06);--shadow-md: 0 4px 16px rgba(46, 35, 25, .08);--shadow-lg: 0 8px 32px rgba(46, 35, 25, .1);--shadow-xl: 0 16px 48px rgba(46, 35, 25, .12);--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--text-primary);background:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%;height:auto}a{color:var(--blue-500);text-decoration:none;transition:color .2s var(--ease-soft)}a:hover{color:var(--blue-600)}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.25;color:var(--text-primary)}h1{font-size:clamp(2.2rem,5vw,3.2rem)}h2{font-size:clamp(1.8rem,4vw,2.4rem)}h3{font-size:clamp(1.3rem,3vw,1.6rem)}p{margin-bottom:1rem}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:var(--section-pad)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.8rem;border-radius:var(--radius-full);font-weight:600;font-size:1rem;letter-spacing:.01em;transition:all .25s var(--ease-soft);white-space:nowrap}.btn-primary{background:var(--blue-400);color:#fff;box-shadow:0 2px 8px #4a90d94d}.btn-primary:hover{background:var(--blue-500);box-shadow:0 4px 16px #4a90d966;transform:translateY(-1px);color:#fff}.btn-accent{background:var(--coffee-500);color:#fff;box-shadow:0 2px 8px #8b62404d}.btn-accent:hover{background:var(--coffee-600);box-shadow:0 4px 16px #8b624066;transform:translateY(-1px);color:#fff}.btn-outline{background:transparent;color:var(--blue-500);border:2px solid var(--blue-300)}.btn-outline:hover{background:var(--blue-50);border-color:var(--blue-400);color:var(--blue-600)}.btn-lg{padding:1rem 2.4rem;font-size:1.1rem}.btn-sm{padding:.5rem 1.2rem;font-size:.875rem}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-soft),transform .7s var(--ease-soft)}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes gentle-pulse{0%,to{box-shadow:0 2px 8px #4a90d94d}50%{box-shadow:0 4px 24px #4a90d980}}.btn-pulse{animation:gentle-pulse 2.5s ease-in-out infinite}@keyframes steam-rise{0%{opacity:0;transform:translateY(0) scaleX(1)}20%{opacity:.5}50%{opacity:.3;transform:translateY(-16px) scaleX(1.3)}to{opacity:0;transform:translateY(-28px) scaleX(1.6)}}@keyframes steam-wiggle{0%,to{transform:translate(0)}25%{transform:translate(3px)}75%{transform:translate(-3px)}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter .5s var(--ease-soft) forwards}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-weight:500;margin-bottom:.35rem;color:var(--text-primary);font-size:.95rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:2px solid var(--coffee-200);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:#fff;transition:border-color .2s var(--ease-soft),box-shadow .2s var(--ease-soft);outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #4a90d926}.form-textarea{resize:vertical;min-height:120px}.card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow .3s var(--ease-soft),transform .3s var(--ease-soft)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;letter-spacing:.02em}.badge-blue{background:var(--blue-100);color:var(--blue-600)}.badge-coffee{background:var(--coffee-100);color:var(--coffee-600)}.badge-cream{background:var(--coffee-50);color:var(--coffee-500);border:1px solid var(--coffee-200)}@media (max-width: 768px){:root{--section-pad: 3rem 1rem}.btn{padding:.7rem 1.4rem;font-size:.95rem}}