:root{--ink:#17212b;--muted:#65716f;--paper:#f7f2ea;--paper-deep:#efe4d7;--surface:#fffaf2;--sage:#8aa399;--clay:#c37a5b;--teal:#1f5e63;--line:#17212b24;--shadow:0 24px 80px #1f5e6324}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#f7f2eae0;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:22px;min-height:74px;display:flex}.logo{letter-spacing:-.03em;align-items:center;gap:12px;font-weight:800;display:flex}.logo-mark{background:radial-gradient(circle at 35% 35%, #fff7ec 0 18%, var(--clay) 19% 42%, var(--teal) 43% 100%);border-radius:50%;width:38px;height:38px;box-shadow:inset 0 0 0 2px #ffffff8c}.nav-links{color:var(--muted);align-items:center;gap:18px;font-size:14px;font-weight:700;display:flex}.nav-links a:hover{color:var(--ink)}.nav-cta,.button{border:1px solid var(--ink);background:var(--ink);color:#fffaf2;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.button.secondary{color:var(--ink);background:0 0}.button.ghost{border-color:var(--line);color:var(--ink);background:#ffffff59}.hero{padding:82px 0 54px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center;gap:54px;display:grid}.kicker{color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}h1,h2,h3{letter-spacing:-.045em;text-wrap:pretty;margin:0;font-family:Fraunces,Georgia,serif;line-height:.98}h1{font-size:clamp(54px,8vw,104px)}h2{font-size:clamp(36px,5vw,68px)}h3{font-size:clamp(24px,3vw,36px)}p{color:var(--muted);line-height:1.7}.lede{color:#46524f;max-width:760px;font-size:clamp(18px,2vw,23px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:34px;padding:26px;transform:rotate(1deg)}.field-note{background:var(--ink);color:var(--surface);border-radius:26px;padding:28px;position:relative;overflow:hidden}.field-note p,.field-note .meta{color:#fffaf2bd}.field-note h3{color:var(--surface);margin:12px 0}.note-rule{border-top:1px solid #ffffff24;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-top:22px;padding-top:18px;display:grid}.section{padding:74px 0}.section.alt{background:var(--surface);border-block:1px solid var(--line)}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-head p{max-width:520px;margin-bottom:0}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.city-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 28px}.city-guide-published-list{margin:20px 0 34px}.city-guide-grid .card{gap:12px;display:grid}.city-guide-grid h3{letter-spacing:-.04em;font-family:Inter,sans-serif;font-size:23px;line-height:1.08}.city-guide-callout{margin:30px 0}.city-guide-newsletter{margin-top:30px}.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card,.topic-card,.article-card{border:1px solid var(--line);background:#fffaf2c7;border-radius:28px;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s}.card:hover,.topic-card:hover,.article-card:hover{border-color:#1f5e6359;transform:translateY(-3px);box-shadow:0 18px 50px #17212b14}.topic-card h3,.article-card h3{letter-spacing:-.04em;font-family:Inter,sans-serif;font-size:23px;line-height:1.08}.meta{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.pill{border:1px solid var(--line);color:var(--teal);background:#8aa3991f;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.article-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.article-card{flex-direction:column;gap:14px;display:flex}.article-card .topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.persona{grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px;display:grid}.portrait{color:#fff;min-height:430px;box-shadow:var(--shadow);background:linear-gradient(150deg,#1f5e63f2,#c37a5bcc),radial-gradient(circle at 30% 20%,#fff,#0000 25%);border-radius:34px;align-content:end;padding:18px;display:grid;position:relative;overflow:hidden}.portrait-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portrait:after{content:"";background:linear-gradient(#17212b05 18%,#17212bb3 100%);position:absolute;inset:0}.portrait-caption{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#17212b8a;border-radius:24px;padding:18px;position:relative}.portrait p{color:#ffffffbf}.mara-profile-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf2c7;border-radius:30px;margin-top:24px;overflow:hidden}.mara-profile-card img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.mara-profile-card p{color:#3c4946;margin:0;padding:16px 18px 18px;font-weight:700}.quote{letter-spacing:-.045em;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:clamp(28px,4vw,54px);line-height:1}.newsletter-box{background:var(--teal);color:var(--surface);border-radius:36px;grid-template-columns:1fr .9fr;align-items:center;gap:30px;padding:clamp(28px,5vw,58px);display:grid}.newsletter-box p{color:#fffaf2c7}.signup{background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;gap:10px;padding:9px;display:flex}.signup input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 12px}.signup input::placeholder{color:#ffffff9e}.signup-stack{gap:10px;display:grid}.signup-light{border-color:var(--line);background:#1f5e6314;margin:24px 0 6px}.signup-light input{color:var(--ink)}.signup-light input::placeholder{color:#17212b70}.signup-note{color:#fffaf2b8;margin:0 0 16px;font-size:13px;font-weight:800}.signup-light+.signup-note{color:var(--muted)}.newsletter-box .signup-note{color:#fffaf2b8}.footer{border-top:1px solid var(--line);color:var(--muted);padding:44px 0}.footer-grid{grid-template-columns:1fr auto;align-items:start;gap:20px;display:grid}.page-hero{padding:72px 0 36px}.two-col{grid-template-columns:.75fr 1.25fr;gap:28px;display:grid}.check-list{gap:12px;margin:20px 0;padding:0;list-style:none;display:grid}.check-list li{border:1px solid var(--line);color:#3c4946;background:#fffaf2b3;border-radius:18px;padding:14px 16px}.disclaimer{color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:13px}.article-page{padding-top:42px}.article-shell{max-width:920px}.article-hero{border-bottom:1px solid var(--line);padding:42px 0 28px}.article-hero .topline{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.article-hero h1{font-size:clamp(44px,7vw,82px)}.article-body{gap:34px;padding-top:34px;display:grid}.article-section{gap:12px;display:grid}.article-section h2{letter-spacing:-.045em;font-family:Inter,sans-serif;font-size:clamp(26px,4vw,40px);line-height:1.05}.article-section p{margin:0;font-size:17px}.article-check-list{margin-top:4px}.article-callout{background:var(--ink);color:var(--surface);box-shadow:var(--shadow);border-radius:34px;padding:clamp(24px,4vw,42px)}.article-callout h2{color:var(--surface)}.article-callout .check-list li{color:#fffaf2db;background:#ffffff14;border-color:#ffffff29}.source-note-box{background:#8aa3991f;border:1px solid #1f5e6338;border-radius:34px;gap:18px;padding:clamp(24px,4vw,42px);display:grid}.source-note-box h2{letter-spacing:-.045em;font-family:Inter,sans-serif;font-size:clamp(24px,4vw,36px);line-height:1.05}.source-note-box p{margin:0}.source-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.source-list li{border:1px solid var(--line);background:#fffaf2ad;border-radius:18px;gap:4px;padding:13px 15px;display:grid}.source-list a{color:var(--teal);text-underline-offset:3px;font-weight:900;text-decoration:underline;text-decoration-thickness:1px}.source-list span,.source-caution{color:var(--muted);font-size:13px;line-height:1.55}.source-caution{border-top:1px solid var(--line);padding-top:14px;font-weight:800}.related-guides-box{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf2c7;border-radius:34px;gap:18px;padding:clamp(24px,4vw,42px);display:grid}.related-guides-box h2{letter-spacing:-.045em;font-family:Inter,sans-serif;font-size:clamp(24px,4vw,36px);line-height:1.05}.related-guides-box p{margin:0}.related-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.article-cta{grid-template-columns:1fr auto}.comment-box{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf2c7;border-radius:34px;gap:20px;padding:clamp(24px,4vw,42px);display:grid}.comment-box h2{letter-spacing:-.045em;font-family:Inter,sans-serif;font-size:clamp(26px,4vw,40px);line-height:1.05}.comment-disclaimer{border-top:1px solid var(--line);padding-top:14px;font-size:13px}.comment-form{box-shadow:none;background:#ffffff59}.community-callout{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf2c7;border-radius:34px;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:clamp(26px,4vw,44px);display:grid}.community-grid{grid-template-columns:.78fr 1.22fr;align-items:start;gap:28px;display:grid}.story-list{gap:16px;display:grid}.story-card,.story-form{border:1px solid var(--line);background:#fffaf2cc;border-radius:28px;padding:24px}.story-card .topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.story-card h3{letter-spacing:-.04em;font-family:Inter,sans-serif;font-size:24px;line-height:1.08}.story-form{gap:16px;display:grid}.story-form label{color:var(--ink);gap:8px;font-weight:800;display:grid}.story-form input,.story-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffa6;border-radius:18px;outline:0;padding:13px 14px}.story-form textarea{resize:vertical;min-height:190px;line-height:1.6}.story-form input:focus,.story-form textarea:focus{border-color:#1f5e637a;box-shadow:0 0 0 4px #1f5e631a}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.checkbox-row{grid-template-columns:auto 1fr;align-items:start;color:var(--muted)!important;font-weight:600!important}.checkbox-row input{width:auto;margin-top:3px}.form-status{margin:0;font-weight:800}.form-status.success{color:var(--teal)}.form-status.error{color:#9c3528}.dashboard-shell{background:#eef1ec;grid-template-columns:290px minmax(0,1fr);min-height:100vh;display:grid}.dashboard-sidebar{background:var(--ink);height:100vh;color:var(--surface);flex-direction:column;gap:22px;padding:24px;display:flex;position:sticky;top:0}.dashboard-brand{align-items:center;gap:12px;font-weight:900;display:flex}.dashboard-brand-sub{color:#fffaf29e;margin-top:2px;font-size:12px;font-weight:700;display:block}.dashboard-nav{gap:10px;display:grid}.dashboard-nav-item{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;gap:6px;padding:13px;display:grid}.dashboard-nav-label{font-weight:900}.dashboard-status{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;width:max-content;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.status-live{color:#d5f4e6;background:#8aa39933}.status-demo{color:#ffe2d2;background:#f4c7ae29}.status-pending_connection{color:#fffaf2b8;background:#ffffff1a}.dashboard-disclaimer,.dashboard-back{color:#fffaf2ad;font-size:13px}.dashboard-back{margin-top:auto;font-weight:800}.dashboard-main{padding:clamp(24px,4vw,54px)}.dashboard-page{gap:24px;display:grid}.dashboard-hero{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:34px;grid-template-columns:1fr minmax(260px,.42fr);align-items:end;gap:20px;padding:clamp(28px,4vw,46px);display:grid}.dashboard-hero.compact{grid-template-columns:1fr}.dashboard-hero h1{font-size:clamp(42px,6vw,74px)}.dashboard-hero p{max-width:760px}.dashboard-alert,.dashboard-card,.dashboard-panel{border:1px solid var(--line);background:#fffaf2c7;border-radius:26px;padding:22px}.dashboard-alert{background:#1f5e6314;gap:8px;display:grid}.dashboard-alert span{color:var(--muted);line-height:1.55}.dashboard-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dashboard-card{gap:8px;display:grid}.dashboard-card strong{letter-spacing:-.05em;font-family:Fraunces,Georgia,serif;font-size:34px}.dashboard-card span:last-child{color:var(--muted);font-weight:800}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dashboard-panel h2{margin-bottom:14px;font-family:Inter,sans-serif;font-size:23px}.dashboard-panel h3{font-family:Inter,sans-serif;font-size:18px}.dashboard-panel ul{color:var(--muted);gap:10px;padding-left:18px;line-height:1.55;display:grid}.dashboard-integration-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.dashboard-integration-card{border:1px solid var(--line);background:#ffffff75;border-radius:20px;gap:8px;padding:16px;display:grid}.dashboard-integration-card p,.dashboard-integration-card small{color:var(--muted);line-height:1.45}.dashboard-integration-card strong{font-size:15px}.dashboard-table-wrap{overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%;min-width:760px}.dashboard-table th,.dashboard-table td{text-align:left;border-bottom:1px solid var(--line);padding:11px 10px;font-size:14px}.dashboard-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.dashboard-table td{color:var(--ink)}@media (max-width:920px){.nav{flex-direction:column;align-items:flex-start;padding:16px 0}.nav-links{flex-wrap:wrap}.hero-grid,.persona,.newsletter-box,.two-col,.community-grid,.community-callout,.dashboard-hero,.topic-grid,.card-grid,.article-list,.related-guides-grid,.dashboard-metric-grid,.dashboard-grid,.dashboard-integration-grid,.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{height:auto;position:relative}h1{font-size:clamp(48px,15vw,76px)}}@media (max-width:560px){.container{width:min(100% - 26px,1180px)}.hero{padding-top:46px}.signup{border-radius:24px;flex-direction:column}.form-grid{grid-template-columns:1fr}.signup input{min-height:44px}.footer-grid{grid-template-columns:1fr}}
