:root{--cream:#f3eee4;--text:#f1ece4;--dark:#111313;--muted:#c8c2b8;--border:rgba(243,238,228,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080909;color:var(--text);font-family:'DM Sans',Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.homepage{position:relative;width:100%;max-width:1536px;aspect-ratio:3/2;min-height:680px;margin:auto;overflow:hidden;background:#090b0e}.hero-background,.hero-shade{position:absolute;inset:0}.hero-background{background:url('./assets/cantavo-background.png') center center/cover no-repeat;z-index:0}.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(4,5,5,.62) 0%,rgba(4,5,5,.3) 35%,rgba(4,5,5,.02) 69%),linear-gradient(180deg,rgba(0,0,0,.22),transparent 33%,rgba(0,0,0,.42) 100%);pointer-events:none}
.site-header{position:absolute;z-index:3;top:3.05%;left:5.45%;right:4.6%;display:grid;grid-template-columns:180px 1fr auto;align-items:center;font-size:14px}.wordmark{font-size:30px;font-weight:500;letter-spacing:2px}.site-nav{display:flex;justify-content:center;gap:clamp(20px,2.8vw,43px)}.site-nav a,.header-actions>a:first-child{color:#e2ded7;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:clamp(20px,3.4vw,52px)}.header-join,.hero-cta{background:var(--cream);color:#151514;border-radius:8px;font-weight:600;transition:transform .2s,background .2s}.header-join{padding:16px 25px;white-space:nowrap}.header-join span,.hero-cta span{margin-left:13px;font-size:22px;font-weight:400}.header-join:hover,.hero-cta:hover{transform:translateY(-2px);background:#fffaf0}.site-menu{display:none;border:0;background:transparent;color:white;font-size:23px}
.hero-copy{position:absolute;z-index:3;left:5.45%;top:24.4%;max-width:620px}.hero-eyebrow{margin:0 0 24px;color:#ddd6cc;font-size:11px;letter-spacing:4px}.hero-copy h1{margin:0;color:#f5f0e8;font-family:'Fraunces',Georgia,'Times New Roman',serif;font-size:clamp(57px,5.45vw,84px);font-weight:500;line-height:.94;letter-spacing:-3px}.hero-description{margin:32px 0 0;color:#eee9e1;font-size:18px;line-height:1.58}.hero-cta{display:inline-flex;align-items:center;gap:19px;margin-top:34px;padding:19px 35px;font-size:16px}.hero-microcopy{margin:17px 0 0;color:#d2cdc4;font-size:12px}
.bottom-message{position:absolute;z-index:3;right:5.2%;bottom:10.2%;display:flex;flex-direction:column;gap:11px;padding-left:35px;border-left:1px solid #d8d3ca;color:#cfc8bc;font-size:10px;letter-spacing:3px}.scroll-prompt{position:absolute;z-index:3;bottom:6.1%;left:5.45%;color:#d7d2ca;font-size:14px}.scroll-prompt span{display:inline-block;margin-right:20px;font-size:28px;vertical-align:-4px}
.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(4,5,5,.72);backdrop-filter:blur(16px)}.modal-backdrop[hidden]{display:none}.onboarding-modal{position:relative;width:min(570px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:42px;border-radius:14px;background:var(--cream);color:#151514;box-shadow:0 24px 100px rgba(0,0,0,.4)}.modal-close{position:absolute;top:15px;right:22px;border:0;background:none;color:#77736c;font-size:30px;cursor:pointer}.modal-kicker,.app-kicker{color:#777168;font-size:10px;letter-spacing:3px}.progress{display:flex;gap:7px;margin:22px 0 36px}.progress span{height:3px;flex:1;border-radius:4px;background:#d9d1c5}.progress span:first-child{background:#242321}.modal-step h2{margin:0 0 12px;font:500 42px/1.05 Georgia,serif;letter-spacing:-1.5px}.modal-intro{margin:0 0 28px;color:#706a62;font-size:15px;line-height:1.55}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{position:relative;min-height:158px;padding:22px;border:1px solid #d5ccc0;border-radius:9px;background:#f8f3ea;color:#171615;text-align:left;cursor:pointer;transition:.2s}.choice:hover{border-color:#8d8579;transform:translateY(-2px)}.choice b,.choice span{display:block}.choice b{margin-bottom:10px;font-size:17px}.choice span{max-width:160px;color:#777068;font-size:13px;line-height:1.45}.choice i{position:absolute;right:18px;bottom:18px;font-size:22px;font-style:normal}.modal-step form{display:grid;gap:17px}.modal-step label{display:grid;gap:7px;color:#45413c;font-size:12px;font-weight:600}.modal-step input,.modal-step select,.modal-step textarea{width:100%;padding:13px 14px;border:1px solid #d3cabf;border-radius:6px;outline:0;background:#faf6ee;color:#171615;font:14px Arial,sans-serif}.modal-step input:focus,.modal-step select:focus,.modal-step textarea:focus{border-color:#72695e;box-shadow:0 0 0 3px rgba(114,105,94,.12)}.modal-step textarea{resize:vertical}.modal-button{display:inline-flex;align-items:center;justify-content:space-between;margin-top:7px;padding:15px 18px;border:0;border-radius:7px;background:#171716;color:#f3eee4;font-size:14px;font-weight:600;cursor:pointer}.modal-button span{font-size:20px}.success-mark{display:grid;place-items:center;width:50px;height:50px;margin-bottom:27px;border-radius:50%;background:#171716;color:#f3eee4;font-size:25px}
.app-shell{min-height:100vh;background:#f1ece3;color:#181817;display:grid;grid-template-columns:245px 1fr}.app-shell[hidden]{display:none}.app-sidebar{display:flex;flex-direction:column;padding:34px 25px;background:#111313;color:#e9e3d8}.app-brand{margin-bottom:64px;font-size:25px;letter-spacing:2px}.app-org{display:grid;gap:8px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.14)}.app-org span{color:#958f86;font-size:9px;letter-spacing:2.5px}.app-org b{font-size:15px;font-weight:500}.app-org small{color:#aaa49b;font-size:11px}.app-nav{display:grid;gap:5px;margin-top:28px}.app-nav button,.back-home{padding:12px 13px;border:0;border-radius:6px;background:none;color:#a9a39b;text-align:left;font:13px Arial,sans-serif;cursor:pointer}.app-nav button:hover,.app-nav button.active{background:#292a28;color:#f2ede5}.back-home{margin-top:auto;color:#b6b0a6}.app-content{width:100%;max-width:1500px;padding:46px clamp(28px,5vw,78px)}.app-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #d8d0c5}.app-header h1{margin:7px 0 0;font:500 40px Georgia,serif;letter-spacing:-1px}.user-chip{display:flex;align-items:center;gap:10px;font-size:13px}.user-chip span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#272825;color:#eee7dd}.user-chip b{font-weight:500}.app-view{padding-top:34px}.welcome{display:flex;justify-content:space-between;padding:29px 34px;border-radius:10px;background:#242724;color:#f1ece4}.welcome h2{margin:12px 0 10px;font:500 39px Georgia,serif}.welcome h2 em{color:#d5c5ac;font-style:normal}.welcome p{max-width:600px;margin:0;color:#bdb9b1;font-size:14px;line-height:1.5}.welcome-mark{display:grid;place-items:center;align-self:center;width:94px;height:94px;border:1px solid #77766e;border-radius:50%;color:#d6c7ae;font:50px Georgia,serif}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0 45px}.metric-grid article{padding:20px 22px;border:1px solid #d8d0c5;border-radius:8px}.metric-grid span,.metric-grid small{display:block;color:#777067;font-size:12px}.metric-grid strong{display:block;margin:12px 0 4px;font:500 29px Georgia,serif}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h3{margin:8px 0 0;font:500 29px Georgia,serif}.selection-count{color:#7b746a;font-size:10px;letter-spacing:1.5px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{padding:19px;border:1px solid #d7cec1;border-radius:8px;background:#f7f2e9;cursor:pointer;transition:.2s}.category-card.selected{border-color:#242724;background:#242724;color:#f4eee5}.category-card:hover{transform:translateY(-2px)}.category-icon{font-size:21px}.category-card b{display:block;margin-top:24px;font-size:14px;font-weight:500}.category-card small{display:block;margin-top:7px;color:#837b71;font-size:11px}.category-card.selected small{color:#bab4aa}.panel-lead{max-width:650px;margin:0 0 27px;color:#70695f;font-size:15px;line-height:1.55}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{position:relative;display:flex;flex-direction:column;min-height:190px;padding:22px;border:1px solid #d7cec1;border-radius:8px;background:#f8f3ea}.product-card .product-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#252724;color:#eee8de;font-size:17px}.product-card h4{margin:19px 0 7px;font-size:16px;font-weight:500}.product-card p{margin:0;color:#7b746b;font-size:12px;line-height:1.45}.product-card button{margin-top:auto;padding:10px 12px;border:1px solid #bdb3a5;border-radius:5px;background:transparent;color:#49443e;font-size:11px;cursor:pointer}.product-card button.selected{border-color:#252724;background:#252724;color:#f3eee4}.product-status{position:absolute;top:20px;right:20px;color:#9a704f;font-size:9px;letter-spacing:1px}.empty-state{color:#777067;font-size:14px}.radar-list{display:grid;gap:9px}.radar-row{display:grid;grid-template-columns:35px minmax(150px,1fr) 2fr 85px;align-items:center;gap:16px;padding:16px 18px;border:1px solid #d7cec1;border-radius:7px;background:#f8f3ea}.radar-rank{color:#8d857b;font:20px Georgia,serif}.radar-row strong{font-size:13px;font-weight:500}.radar-bar{height:7px;overflow:hidden;border-radius:8px;background:#ded6ca}.radar-bar i{display:block;height:100%;border-radius:8px;background:#343732}.radar-row button{padding:8px;border:1px solid #bdb3a5;border-radius:5px;background:none;font-size:11px;cursor:pointer}.radar-row button.voted{background:#252724;color:#f3eee4}
@media(max-width:1100px) and (min-width:851px){.site-header{grid-template-columns:145px 1fr auto}.site-nav{gap:18px}.header-actions{gap:18px}.header-join{padding:14px 17px}.hero-copy h1{font-size:clamp(54px,5.45vw,76px)}.hero-description{font-size:16px}}
@media(max-width:850px){.homepage{aspect-ratio:auto;min-height:760px}.hero-background{background-position:58% center}.site-header{top:24px;left:24px;right:24px;display:flex}.site-nav,.header-actions{display:none}.site-menu{display:block}.hero-copy{top:23%;left:24px;max-width:calc(100% - 48px)}.hero-copy h1{font-size:clamp(55px,14vw,84px);letter-spacing:-2px}.hero-description{font-size:16px}.bottom-message{right:24px;bottom:17%;padding-left:15px}.scroll-prompt{bottom:24px;left:24px}.app-shell{display:block}.app-sidebar{padding:20px 22px}.app-brand{margin-bottom:20px}.app-org{display:none}.app-nav{display:flex;overflow:auto;margin-top:10px}.app-nav button{white-space:nowrap}.back-home{display:none}.app-content{padding:25px 20px}.app-header h1{font-size:32px}.welcome{padding:24px}.welcome-mark{display:none}.metric-grid{grid-template-columns:1fr;margin-bottom:35px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.radar-row{grid-template-columns:25px 1fr}.radar-bar{grid-column:2}.radar-row button{grid-column:2}}
@media(max-width:560px){.onboarding-modal{padding:30px 22px}.modal-step h2{font-size:35px}.choice-grid{grid-template-columns:1fr}.choice{min-height:125px}}
.savings-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:4px 0 42px}.savings-summary article,.admin-stats article{padding:22px;border:1px solid #d7cec1;border-radius:8px;background:#f8f3ea}.savings-summary span,.savings-summary small,.admin-stats span{display:block;color:#777067;font-size:12px}.savings-summary strong{display:block;margin:12px 0 5px;font:500 30px Georgia,serif}.savings-heading,.campaign-heading{margin-top:22px}.savings-list,.campaign-list,.report-list,.admin-table{display:grid;gap:8px;max-width:900px}.saving-row,.campaign-row,.report-row,.admin-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:15px 17px;border:1px solid #d7cec1;border-radius:7px;background:#f8f3ea}.saving-row b,.campaign-row b,.report-row b,.admin-row b{font-size:13px;font-weight:500}.saving-row span,.campaign-row span,.report-row span,.admin-row span{display:block;margin-top:4px;color:#81796e;font-size:11px}.saving-amount{color:#6c795e;font-weight:600;font-size:13px}.status-badge{padding:5px 8px;border-radius:20px;background:#e4dacb;color:#776249;font-size:9px;letter-spacing:1px}.savings-form{display:grid;gap:12px;margin-top:28px;padding:22px;border:1px dashed #c4b9aa;border-radius:8px}.savings-form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.savings-form label,.ad-form label{display:grid;gap:7px;color:#45413c;font-size:12px;font-weight:600}.savings-form input,.savings-form select,.ad-form input,.ad-form select,.ad-form textarea{width:100%;padding:12px 13px;border:1px solid #d3cabf;border-radius:6px;background:#faf6ee;color:#171615;font:14px Arial,sans-serif;outline:0}.ad-form{max-width:860px;padding:23px;border:1px solid #d7cec1;border-radius:8px;background:#f8f3ea}.ad-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.ad-form-grid label:nth-child(3){grid-row:span 2}.ad-form textarea{resize:vertical}.ad-form .modal-button{margin-top:20px}.campaign-list{max-width:860px}.campaign-row{grid-template-columns:1fr auto}.campaign-row .campaign-target{color:#8b7a63;font-size:10px}.campaign-empty,.report-empty{padding:17px;border:1px dashed #c4b9aa;border-radius:7px;color:#81796e;font-size:13px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 40px}.admin-stats strong{display:block;margin-top:12px;font:500 28px Georgia,serif}.admin-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.admin-table{max-width:none}.admin-row{grid-template-columns:1fr 80px 70px}.admin-row .score{font:500 17px Georgia,serif}.report-row{grid-template-columns:1fr auto}.report-row button{padding:8px 10px;border:1px solid #bdb3a5;border-radius:5px;background:none;color:#49443e;font-size:10px;cursor:pointer}.report-row.resolved{opacity:.5}.report-row.resolved button{background:#252724;color:#f3eee4}.report-reason{color:#8c6d52!important}
.app-nav{max-height:58vh;overflow:auto}.contact-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:850px){.community-layout{grid-template-columns:1fr;min-height:600px}.channel-list{display:flex;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #d7cec1;padding:10px}.channel-title{display:none}.channel-list button{white-space:nowrap}.chat-panel{min-height:500px}.contact-grid{grid-template-columns:1fr 1fr}.section-heading{gap:15px}.section-heading h3{font-size:25px}.notification{grid-template-columns:34px 1fr}.notification time{grid-column:2}.text-button{font-size:10px}}
@media(max-width:560px){.contact-grid{grid-template-columns:1fr}.message-form{flex-wrap:wrap}.message-form input{flex-basis:100%}.message-form button{margin-left:auto}.notification-list{width:100%}}
@media(max-width:850px){.savings-summary{grid-template-columns:1fr}.savings-form>div,.ad-form-grid{grid-template-columns:1fr}.ad-form-grid label:nth-child(3){grid-row:auto}.admin-stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.saving-row,.campaign-row,.report-row,.admin-row{grid-template-columns:1fr auto}.saving-row .status-badge,.admin-row .score{grid-column:2;grid-row:1}.saving-row .saving-amount,.admin-row span{grid-column:1}.report-row button{grid-column:2}}
.settings-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;max-width:1000px}.settings-card{padding:24px;border:1px solid #d3c8ba;border-radius:8px;background:rgba(248,243,234,.72);box-shadow:0 4px 12px rgba(38,30,20,.02)}.settings-card:first-child{grid-row:span 2}.settings-card-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.settings-card h4{margin:8px 0 0;font:500 23px 'Fraunces',Georgia,serif}.settings-state{color:#8d7c65;font-size:9px;letter-spacing:1.5px}.settings-card form{display:grid;gap:16px}.settings-card label{display:grid;gap:7px;color:#45413c;font-size:12px;font-weight:600}.settings-card input,.settings-card textarea{width:100%;padding:12px 13px;border:1px solid #d3cabf;border-radius:6px;background:#faf6ee;color:#171615;font:14px Arial,sans-serif;outline:0}.settings-card textarea{resize:vertical}.team-list{display:grid;gap:8px}.team-member{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #e0d8cd}.team-member:last-child{border-bottom:0}.team-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#2e312d;color:#f4eee5;font-size:11px}.team-member b{display:block;font-size:12px;font-weight:500}.team-member span{display:block;margin-top:4px;color:#837b71;font-size:10px}.team-role{margin-left:auto;color:#8d7c65!important;font-size:9px!important;letter-spacing:1px}.toggle-row{display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #e0d8cd;color:#252321!important;font-weight:400!important}.toggle-row:last-child{border-bottom:0}.toggle-row span{display:block}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:12px;font-weight:500}.toggle-row small{margin-top:4px;color:#837b71;font-size:10px}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row i{position:relative;width:35px;height:20px;border-radius:20px;background:#cfc5b7;cursor:pointer;transition:.2s}.toggle-row i:after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.toggle-row input:checked+i{background:#343732}.toggle-row input:checked+i:after{left:18px}.admin-stats{grid-template-columns:repeat(6,1fr)}.admin-stats article{min-width:0}.admin-stats strong{font-family:'Fraunces',Georgia,serif}.admin-toolbar{display:flex;gap:5px;margin-bottom:25px;padding:5px;border:1px solid #d3c8ba;border-radius:7px;background:#e3dbd0;width:max-content;max-width:100%;overflow:auto}.admin-toolbar button{white-space:nowrap;padding:10px 13px;border:0;border-radius:5px;background:transparent;color:#71695f;font-size:11px;cursor:pointer}.admin-toolbar button.active,.admin-toolbar button:hover{background:#282b27;color:#f3eee4}.admin-subsection{max-width:1000px}.admin-table-wide{max-width:none}.admin-table-wide .admin-row{grid-template-columns:1fr 1fr 120px 90px}.admin-table-wide .admin-row span:last-child{text-align:right}.report-list-wide{max-width:none}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr}.settings-card:first-child{grid-row:auto}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-toolbar{width:100%}.admin-table-wide .admin-row{grid-template-columns:1fr auto}.admin-table-wide .admin-row span:last-child{text-align:left}}
html,body{overflow-x:hidden}.app-shell,.app-content{min-width:0}
@media(min-width:851px){.app-shell{display:block;min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:245px;height:100vh;min-height:100vh}.app-content{width:calc(100% - 245px);margin-left:245px;min-height:100vh}}
@media(max-width:850px){.app-shell{display:block}.app-sidebar{position:relative;inset:auto;width:auto}.app-content{width:100%;margin-left:0}.app-org{display:grid;gap:5px;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.14)}.app-org b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-org small{font-size:10px}.app-header h1{max-width:58vw;overflow:visible;text-overflow:clip;white-space:normal}.admin-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;overflow:visible}.admin-toolbar button{min-height:40px;padding:9px 8px;text-align:center}}
@media(max-width:560px){.admin-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar button{font-size:10px}.app-header h1{max-width:calc(100vw - 150px)}}
@media(min-width:851px){.app-shell{display:block}.app-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:245px;height:100vh!important;min-height:100vh}.app-content{width:calc(100% - 245px);margin-left:245px;min-height:100vh}}

/* Mobile homepage: keep the hero in normal flow so the CTA and animated proof never overlap. */
@media(max-width:850px){
  .homepage{display:flex;flex-direction:column;min-height:100svh;height:auto;aspect-ratio:auto;padding-bottom:36px}
  .hero-copy{position:relative;top:auto;left:auto;max-width:none;margin:190px 24px 0}
  .hero-proof{position:relative;right:auto;bottom:auto;width:auto;margin:58px 24px 0}
  .scroll-prompt{position:relative;left:auto;bottom:auto;margin:52px 24px 0}
}
@media(max-width:560px){
  .hero-copy{margin-top:180px}
  .hero-proof{margin-top:54px}
  .scroll-prompt{margin-top:46px}
}
.app-header:after{content:'AKTUALNE DANE'!important}
.homepage,.app-shell{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-shell{background:#ebe5da}.app-sidebar{position:sticky;top:0;height:100svh;background:linear-gradient(180deg,#111414 0%,#0d0f0f 100%);box-shadow:8px 0 35px rgba(31,25,17,.05)}.app-brand{font-family:'DM Sans',Arial,sans-serif;font-weight:500}.app-nav{padding-right:4px}.app-nav button{position:relative;letter-spacing:.01em;transition:background .2s,color .2s,transform .2s}.app-nav button.active:before{content:'';position:absolute;left:-25px;top:9px;width:2px;height:18px;border-radius:2px;background:#cbb18b}.app-content{padding-top:38px;padding-bottom:90px}.app-header{position:relative}.app-header:after{content:'LOCAL PREVIEW';position:absolute;right:0;bottom:8px;color:#a49b8e;font-size:8px;letter-spacing:2px}.app-header h1{font-family:'Fraunces',Georgia,serif;font-weight:500}.user-chip{padding:6px 0 6px 10px}.user-chip b{font-weight:500}.welcome{position:relative;min-height:184px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 80% 12%,rgba(206,181,142,.16),transparent 26%),linear-gradient(120deg,#242825,#171a18);box-shadow:0 18px 50px rgba(38,30,20,.1)}.welcome:after{content:'CANTAVO';position:absolute;right:34px;bottom:-23px;color:rgba(243,238,228,.07);font:600 112px 'DM Sans',Arial,sans-serif;letter-spacing:-5px}.welcome>div:first-child{position:relative;z-index:1}.welcome-mark{position:relative;z-index:1;border-color:rgba(214,199,174,.45);box-shadow:inset 0 0 0 8px rgba(255,255,255,.02),0 0 0 1px rgba(214,199,174,.06)}.metric-grid{gap:12px}.metric-grid article{position:relative;overflow:hidden;border-color:#d4cabd;background:rgba(248,243,234,.68);box-shadow:0 5px 15px rgba(38,30,20,.025);transition:transform .2s,box-shadow .2s,border-color .2s}.metric-grid article:after{content:'';position:absolute;right:-21px;bottom:-24px;width:78px;height:78px;border:1px solid rgba(113,92,65,.12);border-radius:50%}.metric-grid article:hover{border-color:#b6a894;box-shadow:0 11px 24px rgba(38,30,20,.07);transform:translateY(-2px)}.metric-grid strong{font-family:'Fraunces',Georgia,serif}.section-heading h3,.below h2{font-family:'Fraunces',Georgia,serif;font-weight:500}.selection-count{font-size:9px}.category-grid{gap:10px}.category-card{position:relative;min-height:136px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-color:#d3c8ba;background:linear-gradient(145deg,#f9f4eb,#eee7dc);box-shadow:0 4px 12px rgba(38,30,20,.018);transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}.category-card:after{content:attr(data-category);position:absolute;top:13px;right:15px;color:#b1a495;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.category-card:hover{border-color:#b6a794;box-shadow:0 12px 24px rgba(38,30,20,.08);transform:translateY(-3px)}.category-card.selected{background:linear-gradient(145deg,#2a2d29,#1f211f);box-shadow:0 12px 22px rgba(24,23,19,.13)}.category-card.selected:after{color:#988d7e}.category-card b{margin-top:15px;font-size:14px}.product-card{border-color:#d3c8ba;background:linear-gradient(145deg,#fbf6ed,#f3ece1);box-shadow:0 5px 14px rgba(38,30,20,.025);transition:transform .2s,box-shadow .2s}.product-card:hover{box-shadow:0 12px 24px rgba(38,30,20,.08);transform:translateY(-3px)}.product-card h4{font-family:'DM Sans',Arial,sans-serif}.product-card .product-icon{box-shadow:0 4px 10px rgba(20,20,18,.12)}.product-card button,.radar-row button,.contact-card button{transition:background .2s,color .2s,border-color .2s,transform .2s}.product-card button:hover,.radar-row button:hover,.contact-card button:hover{border-color:#252724;transform:translateY(-1px)}.card-actions{margin-top:18px}.radar-row,.saving-row,.campaign-row,.report-row,.admin-row,.notification{border-color:#d3c8ba;background:rgba(248,243,234,.72);box-shadow:0 3px 10px rgba(38,30,20,.018)}.radar-row:hover,.saving-row:hover,.campaign-row:hover,.report-row:hover,.admin-row:hover{border-color:#b6a794}.community-layout{border-color:#d3c8ba;box-shadow:0 8px 22px rgba(38,30,20,.04)}.channel-list{background:#e7dfd4;border-color:#d3c8ba}.chat-panel header{background:rgba(255,255,255,.18)}.message-form input{border-color:#d3c8ba;background:#fbf7ef}.text-button{transition:.2s}.text-button:hover{background:#252724;color:#f3eee4}.app-kicker{font-weight:600;letter-spacing:3px}.empty-state,.campaign-empty,.report-empty{background:rgba(248,243,234,.46)}
.community-layout{display:grid;grid-template-columns:220px 1fr;min-height:520px;border:1px solid #d7cec1;border-radius:9px;overflow:hidden;background:#f8f3ea}.channel-list{display:flex;flex-direction:column;gap:4px;padding:20px 14px;border-right:1px solid #d7cec1;background:#eee8de}.channel-title{margin:2px 10px 12px;color:#8b8378;font-size:9px;letter-spacing:2px}.channel-list button{display:flex;justify-content:space-between;padding:11px 10px;border:0;border-radius:5px;background:transparent;color:#625c54;text-align:left;font-size:12px;cursor:pointer}.channel-list button:hover,.channel-list button.active{background:#dcd3c6;color:#211f1c}.channel-list small{color:#92897e}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.chat-panel header{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #d7cec1}.chat-panel header b,.chat-panel header span{display:block}.chat-panel header b{font-size:15px;font-weight:500}.chat-panel header div span{margin-top:5px;color:#888075;font-size:11px}.online-dot{color:#71816c!important;font-size:10px!important}.message-list{display:flex;flex-direction:column;gap:18px;padding:23px;overflow:auto}.message{display:grid;grid-template-columns:32px 1fr;gap:10px}.message-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#353833;color:#f6f0e6;font-size:12px}.message b{font-size:12px;font-weight:500}.message time{margin-left:9px;color:#999084;font-size:10px}.message p{margin:5px 0 0;color:#524d46;font-size:13px;line-height:1.5}.message-form{display:flex;gap:8px;padding:15px;border-top:1px solid #d7cec1}.message-form input{min-width:0;flex:1;padding:13px 14px;border:1px solid #d3cabf;border-radius:6px;background:#fbf7ef;color:#222}.message-form button,.text-button{padding:11px 13px;border:0;border-radius:5px;background:#252724;color:#f3eee4;font-size:11px;cursor:pointer}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-card{padding:22px;border:1px solid #d7cec1;border-radius:8px;background:#f8f3ea}.contact-card .contact-avatar{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:50%;background:#30332f;color:#f4eee5;font:18px Georgia,serif}.contact-card b{display:block;font-size:14px;font-weight:500}.contact-card span{display:block;margin-top:6px;color:#827a70;font-size:11px}.contact-card p{min-height:38px;margin:18px 0;color:#676057;font-size:12px;line-height:1.45}.contact-card button{width:100%;padding:10px;border:1px solid #bdb3a5;border-radius:5px;background:transparent;color:#49443e;font-size:11px;cursor:pointer}.contact-card button.requested{border-color:#252724;background:#252724;color:#f3eee4}.notification-list{display:grid;gap:8px;max-width:780px}.notification{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:17px;border:1px solid #d7cec1;border-radius:7px;background:#f8f3ea}.notification.unread{border-left:3px solid #8c704f}.notification-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e2d8ca;color:#5c5145}.notification b{display:block;font-size:13px;font-weight:500}.notification p{margin:4px 0 0;color:#777067;font-size:11px}.notification time{color:#999084;font-size:10px}.text-button{background:transparent;color:#61594f;border:1px solid #c9bfb2}
.header-join,.hero-cta{display:inline-flex;align-items:center;justify-content:center;line-height:1;gap:18px}.header-join{min-height:48px}.header-join span,.hero-cta span{margin-left:0;line-height:1;transform:translateY(-1px)}.hero-cta{min-height:64px;gap:22px}
.card-actions{display:flex;gap:6px;margin-top:auto}.card-actions button{flex:1;margin-top:0}.card-actions .track-button{border-color:#252724;background:#252724;color:#f3eee4}
.preference-form{display:grid;gap:11px}.preference-form>label{margin-top:2px}.onboarding-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.onboarding-category{padding:10px 7px;border:1px solid #d3c9bd;border-radius:6px;background:#faf6ee;color:#555047;font-size:11px;cursor:pointer}.onboarding-category span{display:block;margin-bottom:5px;font-size:16px}.onboarding-category.selected{border-color:#252724;background:#252724;color:#f3eee4}.preference-form>select{width:100%;padding:13px 14px;border:1px solid #d3cabf;border-radius:6px;background:#faf6ee;color:#171615;font-size:14px}.onboarding-products{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:5px}.preference-label,.preference-hint{grid-column:1/-1;margin:5px 0;color:#706a62;font-size:12px}.tool-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;padding:9px 10px;border:1px solid #d3c9bd;border-radius:6px;background:#faf6ee;color:#45413c!important;font-size:11px!important;font-weight:400!important}.tool-check input{width:auto}.tool-check span{font-size:15px}.tool-check b{font-weight:500}@media(max-width:560px){.onboarding-categories{grid-template-columns:repeat(2,1fr)}.onboarding-products{grid-template-columns:1fr}}
/* Organization workspace: invite flow */
.invite-panel{margin:-4px 0 18px;padding:15px;border:1px dashed #c4b9aa;border-radius:7px;background:rgba(255,255,255,.2)}
.invite-panel form{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:end}
.invite-panel label{min-width:0}
.invite-panel .modal-button{grid-column:1/-1;margin-top:2px}
.team-member.pending{opacity:.72}
.team-member.pending .team-avatar{background:#8d7c65}
.team-member.pending .team-role{color:#8d7c65!important}
.suggestion-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px, .9fr);gap:26px;margin-top:32px;padding:25px;border:1px solid #d3c8ba;border-radius:9px;background:linear-gradient(145deg,#f8f3ea,#eee7dc)}
.suggestion-card h3{margin:8px 0 10px;font:500 25px 'Fraunces',Georgia,serif;color:#252321}.suggestion-card p{max-width:470px;margin:0;color:#70685f;font-size:13px;line-height:1.6}.suggestion-card form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.suggestion-card label{display:grid;gap:7px;color:#45413c;font-size:11px;font-weight:600}.suggestion-card label:first-child{grid-column:1/-1}.suggestion-card input,.suggestion-card select{width:100%;padding:11px 12px;border:1px solid #d3cabf;border-radius:6px;background:#faf6ee;color:#171615;font:13px Arial,sans-serif;outline:0}.suggestion-card label span{color:#8b8378;font-weight:400}.suggestion-card .modal-button{grid-column:1/-1}.suggestion-history{grid-column:1/-1;display:grid;gap:8px;margin-top:4px}.suggestion-row{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border:1px solid #d7cec1;border-radius:6px;background:rgba(255,255,255,.28)}.suggestion-row b,.suggestion-row span{display:block}.suggestion-row b{font-size:12px;font-weight:500}.suggestion-row span{margin-top:3px;color:#81796e;font-size:10px}@media(max-width:850px){.suggestion-card{grid-template-columns:1fr}.suggestion-card form{grid-template-columns:1fr}.suggestion-card label:first-child{grid-column:auto}.suggestion-card .modal-button{grid-column:auto}.suggestion-history{grid-column:auto}}
/* Admin catalog workspace */
.catalog-admin-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start}
.admin-create-form{display:grid;gap:13px;padding:22px;border:1px solid #d3c8ba;border-radius:8px;background:#f8f3ea}
.admin-create-form .section-heading{margin:0 0 3px}
.admin-create-form label{display:grid;gap:7px;color:#45413c;font-size:11px;font-weight:600}
.admin-create-form input,.admin-create-form select,.admin-create-form textarea,.catalog-row select,.suggestion-admin-row select{width:100%;padding:10px 11px;border:1px solid #d3cabf;border-radius:6px;background:#faf6ee;color:#171615;font:12px Arial,sans-serif;outline:0}
.catalog-row,.suggestion-admin-row{grid-template-columns:minmax(0,1fr) 130px 140px}
.catalog-row select,.suggestion-admin-row select{font-size:10px}
.admin-table-wide .admin-row span{min-width:0}
.admin-table-wide .admin-row span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:850px){.catalog-admin-grid{grid-template-columns:1fr}.catalog-row,.suggestion-admin-row{grid-template-columns:1fr auto}.catalog-row select,.suggestion-admin-row select{grid-column:2}}
.product-card.has-deal{border-color:#b6a487;background:linear-gradient(145deg,#fbf6ed,#eee5d5)}.product-card.has-deal .product-status{color:#7a684c}.deal-pricing{display:flex;align-items:baseline;gap:9px;margin-top:16px}.deal-pricing span{text-decoration:line-through;color:#988d80;font-size:12px}.deal-pricing strong{font:500 22px 'Fraunces',Georgia,serif;color:#252724}.deal-pricing em{padding:4px 6px;border-radius:4px;background:#dfe3d7;color:#5f7055;font-size:10px;font-style:normal;font-weight:600}.deal-cta{border-color:#252724!important;background:#252724!important;color:#f3eee4!important}.secondary-action{border:0!important;background:transparent!important;color:#777067!important;font-size:10px!important}.deals-admin-list{display:grid;gap:8px;margin-top:14px}.deal-editor-card{margin-bottom:14px}.deal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deal-admin-row{grid-template-columns:minmax(0,1fr) 80px 130px}.deal-admin-row select{font-size:10px}@media(max-width:850px){.deal-form-row{grid-template-columns:1fr}.deal-admin-row{grid-template-columns:1fr auto}.deal-admin-row select{grid-column:2}}
/* Auth and organization verification */
.login-panel h2{margin:12px 0;font:500 42px/1.05 'Fraunces',Georgia,serif;letter-spacing:-1.5px}.login-panel form{display:grid;gap:16px}.login-panel label{display:grid;gap:7px;color:#45413c;font-size:12px;font-weight:600}.login-panel input{width:100%;padding:13px 14px;border:1px solid #d3cabf;border-radius:6px;background:#faf6ee;color:#171615;font:14px Arial,sans-serif;outline:0}.form-feedback{padding:10px 12px;border-radius:6px;background:#f0ddd6;color:#914d3c;font-size:12px;line-height:1.4}.verification-panel{display:grid;gap:15px;margin-bottom:17px;padding:17px;border:1px solid #d3c8ba;border-radius:8px;background:linear-gradient(145deg,#f8f3ea,#eee7dc)}.verification-panel h4{margin:7px 0 5px;font:500 20px 'Fraunces',Georgia,serif}.verification-panel p{margin:0;color:#81796e;font-size:11px;line-height:1.5}.verification-panel form{display:flex;gap:8px}.verification-panel input{min-width:0;flex:1;padding:10px 11px;border:1px solid #d3cabf;border-radius:6px;background:#faf6ee;color:#171615;font:12px Arial,sans-serif}.verification-badge{justify-self:start;padding:5px 8px;border-radius:4px;font-size:9px;letter-spacing:1px}.verification-badge.pending{background:#e8ddcf;color:#8a6f50}.verification-badge.verified{background:#dfe6d9;color:#5e7656}.verification-badge:not(.pending):not(.verified){background:#f0ddd6;color:#914d3c}@media(max-width:560px){.verification-panel form{flex-direction:column}}
/* Moderation and team controls */
.message-report{margin-top:7px;border:0;background:none;color:#9b8b7b;font-size:9px;letter-spacing:.4px;cursor:pointer}.message-report:hover{text-decoration:underline}.team-role-select{margin-left:auto;width:92px;padding:5px 7px;border:1px solid #d3c8ba;border-radius:4px;background:#faf6ee;color:#776b5d;font-size:9px}.team-remove{padding:5px 7px;border:1px solid #d9c3b7;border-radius:4px;background:transparent;color:#9a5c4d;font-size:9px;cursor:pointer}.team-remove:hover{background:#f0ddd6}@media(max-width:560px){.team-role-select{margin-left:0}.team-remove{margin-left:auto}}
.community-empty{padding:28px 20px;border:1px dashed #c4b9aa;border-radius:7px;color:#81796e;font-size:13px;line-height:1.5;text-align:center}.contact-card button.incoming{border-color:#8c704f;background:#efe5d5;color:#4d4236}.contact-card button.connected{background:#252724;color:#f3eee4;border-color:#252724}.admin-campaign-list{margin-top:30px;padding-top:28px;border-top:1px solid #d7cec1}.admin-campaign-list:before{content:'KAMPANIE / AKCEPTACJA REKLAM';display:block;margin-bottom:15px;color:#8b8378;font-size:9px;font-weight:600;letter-spacing:2px}.admin-campaign-list select{padding:8px 9px;border:1px solid #bdb3a5;border-radius:5px;background:#faf6ee;color:#49443e;font-size:10px}.moderation-admin{display:grid;gap:30px}.moderation-admin>section{min-width:0}
.private-thread{max-width:860px;margin-top:18px;padding:22px;border:1px solid #d3c8ba;border-radius:8px;background:rgba(248,243,234,.8);box-shadow:0 8px 22px rgba(38,30,20,.04)}.private-thread-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #ded5ca}.private-thread-head h4{margin:8px 0 0;font:500 22px 'Fraunces',Georgia,serif}.private-thread-messages{display:grid;gap:12px;max-height:270px;overflow:auto;padding:18px 0}.private-thread-messages article{padding:12px 14px;border:1px solid #e0d8cd;border-radius:6px;background:#fbf7ef}.private-thread-messages b{font-size:11px;font-weight:600}.private-thread-messages time{margin-left:8px;color:#999084;font-size:10px}.private-thread-messages p{margin:6px 0 0;color:#5e574e;font-size:12px;line-height:1.5}.private-thread-form{display:flex;gap:8px}.private-thread-form input{min-width:0;flex:1;padding:12px 13px;border:1px solid #d3cabf;border-radius:6px;background:#fbf7ef;color:#222;font:14px Arial,sans-serif;outline:0}.private-thread-form .modal-button{margin:0;white-space:nowrap}
.homepage.menu-open .site-header{display:block;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(12,13,13,.92);backdrop-filter:blur(14px)}.homepage.menu-open .wordmark{display:block}.homepage.menu-open .site-menu{position:absolute;top:13px;right:14px}.homepage.menu-open .site-nav{display:grid;justify-content:stretch;gap:0;margin-top:18px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12)}.homepage.menu-open .site-nav a{padding:11px 0}.homepage.menu-open .header-actions{display:grid;gap:8px;margin-top:6px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12)}.homepage.menu-open .header-actions a{padding:8px 0}.homepage.menu-open .header-actions .header-join{text-align:center}
/* App utility actions: quiet, compact controls for notifications and chat. */
.app-header-start,.app-header-end{display:flex;align-items:center;gap:16px}
.app-header-start{gap:14px}
.header-icon{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #c9bfb2;border-radius:50%;background:rgba(248,243,234,.72);color:#49443e;font-size:19px;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.header-icon:hover,.header-icon.active{background:#252724;color:#f3eee4;border-color:#252724;transform:translateY(-1px)}
.header-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.header-icon i{position:absolute;top:-5px;right:-3px;min-width:16px;height:16px;padding:2px 4px;border-radius:10px;background:#8c704f;color:#fff;font:600 9px/12px 'DM Sans',Arial,sans-serif;text-align:center}
.app-header-start>div{min-width:0}
.campaign-entry-card p{margin:0 0 16px;color:#70685f;font-size:12px;line-height:1.5}
@media(max-width:560px){.app-header-start,.app-header-end{gap:9px}.app-header-end .user-chip b{display:none}.app-header h1{font-size:27px}.header-icon{width:34px;height:34px}}
.app-header:after{display:none;content:''}
.dashboard-section{margin-top:42px}.dashboard-section .section-heading{margin-bottom:14px}.dashboard-section .section-heading h3{font-size:31px}.dashboard-section .text-button{padding:8px 10px;border:1px solid #d3c8ba;border-radius:5px;background:transparent;color:#62594f;font-size:11px;cursor:pointer}.dashboard-offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dashboard-offer-card{display:flex;flex-direction:column;min-height:248px;padding:21px;border:1px solid #cfc4b5;border-radius:9px;background:linear-gradient(145deg,#fbf6ed,#eee7dc);box-shadow:0 7px 18px rgba(38,30,20,.035);transition:transform .2s,box-shadow .2s,border-color .2s}.dashboard-offer-card:hover{border-color:#ad9b84;box-shadow:0 14px 28px rgba(38,30,20,.08);transform:translateY(-2px)}.offer-card-top{display:flex;align-items:center;justify-content:space-between}.offer-state{color:#6f785e;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.dashboard-offer-card h4{margin:22px 0 8px;font:500 24px 'Fraunces',Georgia,serif}.offer-benefit{color:#403a34;font-size:16px;font-weight:600}.dashboard-offer-card p{margin:8px 0 19px;color:#766d63;font-size:12px}.offer-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;color:#534b42;font-size:11px}.offer-card-bottom>div{display:flex;gap:7px;align-items:center}.deal-cta,.secondary-action{padding:9px 10px;border:1px solid #aa9d8e;border-radius:5px;background:#252724;color:#f5efe6;font-size:10px;cursor:pointer;white-space:nowrap}.secondary-action{background:transparent;color:#554b40}.dashboard-empty{display:grid;gap:7px;padding:25px 22px;border:1px dashed #c7bbaa;border-radius:8px;background:rgba(248,243,234,.45);color:#6c6359;font-size:12px;line-height:1.45}.dashboard-empty b{color:#403a34;font-size:14px}.dashboard-empty button{justify-self:start;margin-top:5px;padding:9px 11px;border:1px solid #bdb1a1;border-radius:5px;background:#252724;color:#f3eee4;font-size:11px;cursor:pointer}.tool-list{display:grid;gap:8px}.tool-list-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #d3c8ba;border-radius:7px;background:rgba(248,243,234,.7)}.tool-row-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#252724;color:#f2ece3;font-size:15px}.tool-list-row b{font-size:13px;font-weight:600}.tool-status{padding:5px 8px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.65px;text-transform:uppercase}.tool-status.oferta-dostępna{background:#dfe6d9;color:#5e7656}.tool-status.zbieramy-zainteresowanie{background:#e9dfce;color:#8b6b46}.tool-status.brak-oferty{background:#ece7df;color:#8a8175}.dashboard-radar-section .radar-list{max-width:820px}.radar-row{grid-template-columns:35px minmax(0,1fr) auto;gap:14px;padding:13px 16px}.radar-product-copy{display:grid;gap:5px;min-width:0}.radar-product-copy strong{font-size:13px;font-weight:600}.radar-product-copy span{color:#81786e;font-size:11px}.radar-row button{min-width:82px;color:#5a5147}.radar-row button.voted{color:#f3eee4}.dashboard-lower-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:42px}.dashboard-note-card{min-height:170px;padding:22px;border:1px solid #d3c8ba;border-radius:8px;background:rgba(248,243,234,.68)}.dashboard-note-card h3{margin:14px 0 10px;font:500 21px/1.18 'Fraunces',Georgia,serif}.dashboard-note-card p{margin:0;color:#766d63;font-size:12px;line-height:1.5}.member-card strong{display:block;margin-top:13px;font:500 43px/1 'Fraunces',Georgia,serif}.member-card h3{margin-top:8px}.referral-card .modal-button{margin-top:17px;padding:11px 13px;font-size:11px}.savings-truth-note{display:grid;gap:5px;margin-top:17px;padding:17px 18px;border-left:2px solid #9c815f;background:#eee6da;color:#655b50;font-size:12px;line-height:1.45}.savings-truth-note b{color:#3f3933;font-size:13px}
@media(max-width:850px){.dashboard-offers-grid,.dashboard-lower-grid{grid-template-columns:1fr}.dashboard-offer-card{min-height:220px}.offer-card-bottom{align-items:stretch;flex-direction:column}.offer-card-bottom>div{justify-content:flex-start;flex-wrap:wrap}.tool-list-row{grid-template-columns:32px minmax(0,1fr)}.tool-status{grid-column:2;justify-self:start}.dashboard-section .section-heading h3{font-size:26px}}
.tools-page-list .tool-list-row{grid-template-columns:32px minmax(0,1fr) auto auto}.tools-page-list .tool-status{grid-column:auto}.tool-remove{padding:7px 9px;border:1px solid #d3c8ba;border-radius:5px;background:transparent;color:#786e64;font-size:10px;cursor:pointer}.tool-remove:hover{border-color:#252724;background:#252724;color:#f3eee4}@media(max-width:850px){.tools-page-list .tool-list-row{grid-template-columns:32px minmax(0,1fr)}.tools-page-list .tool-status{grid-column:2}.tools-page-list .tool-remove{grid-column:2;justify-self:start}}
.admin-workflow-intro{display:grid;gap:8px;margin-bottom:17px;padding:15px 17px;border-left:2px solid #9c815f;background:linear-gradient(110deg,#eee5d8,rgba(238,229,216,.35));color:#665d52;font-size:12px;line-height:1.5}.admin-workflow-intro p{margin:0;max-width:760px}.deal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-create-form .form-hint{color:#8c8378;font-size:10px;font-weight:400}.deal-admin-row{grid-template-columns:minmax(0,1fr) minmax(230px,280px);align-items:center}.deal-admin-row>div:first-child{min-width:0}.deal-admin-row>div:first-child span,.deal-admin-row>div:first-child small{display:block}.deal-admin-row>div:first-child small{margin-top:6px;color:#8a8176;font-size:10px;line-height:1.4}.deal-admin-controls{display:grid;grid-template-columns:1fr;gap:7px;justify-items:stretch}.deal-admin-controls .status-badge{justify-self:start}.deal-admin-controls select{width:100%;padding:8px 9px;border:1px solid #bdb3a5;border-radius:5px;background:#faf6ee;color:#49443e;font-size:10px}.negotiation-badge{background:#e9dfce;color:#8b6b46}.admin-stats article:nth-last-child(-n+2){background:linear-gradient(145deg,#eee5d8,#f8f3ea)}@media(max-width:850px){.deal-form-grid{grid-template-columns:1fr}.deal-admin-row{grid-template-columns:1fr}.deal-admin-controls{grid-template-columns:1fr 1fr;align-items:center}.deal-admin-controls .status-badge{grid-column:1/-1}.deal-admin-controls select{min-width:0}}
/* Full offer tiles and the admin tile builder */
.product-card{padding:0;overflow:hidden;min-height:430px;border-color:#d0c4b5;background:#f8f2e8;box-shadow:0 8px 20px rgba(38,30,20,.035)}
.product-card-visual{position:relative;display:grid;place-items:center;min-height:166px;padding:24px;color:#f5f0e8;overflow:hidden}
.product-card-visual:after{content:'';position:absolute;right:-42px;bottom:-70px;width:175px;height:175px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 0 42px rgba(255,255,255,.018)}
.product-card-visual.compact{min-height:136px}
.card-theme-midnight{background:radial-gradient(circle at 84% 16%,rgba(193,166,128,.3),transparent 28%),linear-gradient(135deg,#171c1b 0%,#343831 100%)}
.card-theme-sand{background:radial-gradient(circle at 84% 16%,rgba(255,255,255,.35),transparent 30%),linear-gradient(135deg,#aa8d69 0%,#d8c0a0 100%)}
.card-theme-olive{background:radial-gradient(circle at 84% 16%,rgba(246,237,201,.25),transparent 30%),linear-gradient(135deg,#465145 0%,#7c8063 100%)}
.card-theme-blue{background:radial-gradient(circle at 84% 16%,rgba(151,190,219,.35),transparent 30%),linear-gradient(135deg,#1c3040 0%,#45687b 100%)}
.card-theme-rose{background:radial-gradient(circle at 84% 16%,rgba(255,221,193,.28),transparent 30%),linear-gradient(135deg,#704d46 0%,#b47761 100%)}
.product-card-category{position:absolute;top:19px;left:22px;color:rgba(255,255,255,.68);font-size:8px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;z-index:1}
.product-card-logo{position:relative;z-index:1;display:grid;place-items:center;min-width:90px;min-height:70px;padding:14px 20px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(12,15,14,.24);box-shadow:0 12px 25px rgba(0,0,0,.14);backdrop-filter:blur(8px)}
.product-card-logo img{display:block;max-width:150px;max-height:52px;object-fit:contain}
.product-card-logo-fallback{font:500 37px 'Fraunces',Georgia,serif;letter-spacing:-1px}
.product-card-body{display:flex;flex:1;flex-direction:column;padding:22px 22px 20px}
.product-card-status{display:flex;align-items:center;justify-content:space-between;min-height:18px}
.product-card .product-status{position:static;padding:5px 8px;border-radius:4px;background:#ebe4d8;color:#756c60;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.product-card.has-deal .product-status{background:#dfe6d9;color:#5e7656}
.product-card h4{margin:16px 0 8px;font:500 23px/1.05 'Fraunces',Georgia,serif;letter-spacing:-.3px}
.product-card p{min-height:38px;margin:0;color:#71685e;font-size:12px;line-height:1.55}
.card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:22px}
.card-actions button{margin-top:0!important}
.product-card-actions{display:flex;gap:8px}
.product-link-button{padding:10px 12px!important;border-color:#252724!important;background:#252724!important;color:#f3eee4!important;font-size:10px!important;font-weight:600;white-space:nowrap}
.product-link-button span{margin-left:5px;font-size:13px}
.product-link-button.compact{padding:8px 10px!important;font-size:9px!important}
.product-card .secondary-action{flex:1;min-width:78px}
.catalog-admin-product{display:flex;align-items:center;gap:12px;min-width:0}
.catalog-admin-product>div{min-width:0}
.catalog-admin-product small{display:block;margin-top:5px;color:#93897d;font-size:9px;line-height:1.35}
.catalog-admin-thumb{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:9px;color:#f5f0e8;font:500 18px 'Fraunces',Georgia,serif;overflow:hidden}
.catalog-admin-thumb img{width:100%;height:100%;padding:8px;object-fit:contain}
.admin-form-divider{display:grid;gap:5px;margin-top:3px;padding:13px 0 1px;border-top:1px solid #ded5ca}
.admin-form-divider small{color:#8d8378;font-size:10px;line-height:1.4}
.catalog-form-preview{margin-top:6px;padding-top:17px;border-top:1px solid #ded5ca}
.catalog-preview-label{margin-bottom:9px;color:#8d8378;font-size:8px;font-weight:700;letter-spacing:2px}
.catalog-preview-card{min-height:375px;box-shadow:0 10px 22px rgba(38,30,20,.07)}
.catalog-preview-card .product-card-visual{min-height:130px}
.catalog-preview-card .product-card-body{padding:17px}
.catalog-preview-card h4{font-size:20px}
.dashboard-offer-card{padding:0;overflow:hidden;min-height:365px}
.dashboard-offer-card>.product-card-visual{min-height:142px}
.dashboard-offer-body{display:flex;flex:1;flex-direction:column;padding:19px 21px 18px}
.dashboard-offer-card h4{margin:13px 0 7px}
.dashboard-offer-card .offer-card-top{min-height:18px}
.dashboard-offer-card .offer-card-bottom{margin-top:auto}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.product-grid{grid-template-columns:1fr}.product-card{min-height:390px}.dashboard-offer-card{min-height:330px}.catalog-preview-card{min-height:340px}}
.app-view[hidden],.admin-grid[hidden],.admin-subsection[hidden],.tool-picker[hidden]{display:none!important}
.tools-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.tools-page-intro .panel-lead{margin:0}.tools-page-intro .text-button{flex:0 0 auto;padding:10px 12px;border:1px solid #bdb1a1;border-radius:5px;background:#252724;color:#f3eee4;font-size:11px;cursor:pointer}.tool-picker{margin-bottom:22px;padding:20px;border:1px solid #d1c5b6;border-radius:8px;background:linear-gradient(145deg,#eee6da,#f8f3ea);box-shadow:0 7px 18px rgba(38,30,20,.04)}.tool-picker-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.tool-picker-head h4{margin:7px 0 0;font:500 22px 'Fraunces',Georgia,serif}.tool-picker-head .text-button{padding:5px 0;border:0;background:none;color:#766b5e;font-size:11px;cursor:pointer}.tool-search-label{display:grid;gap:7px;margin-bottom:13px;color:#45413c;font-size:11px;font-weight:600}.tool-search-label input{width:100%;padding:11px 12px;border:1px solid #d3cabf;border-radius:6px;background:#faf6ee;color:#171615;font:13px Arial,sans-serif;outline:0}.tool-search-label input:focus{border-color:#72695e;box-shadow:0 0 0 3px rgba(114,105,94,.12)}.tool-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-choice{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d3c8ba;border-radius:7px;background:rgba(250,246,238,.78);color:#262421;text-align:left;cursor:pointer;transition:.2s}.tool-choice:hover{border-color:#8e806f;background:#fbf7ef;transform:translateY(-1px)}.tool-choice-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#252724;color:#f3eee4;font-size:14px}.tool-choice-copy{display:grid;gap:4px;min-width:0}.tool-choice-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.tool-choice-copy small{color:#81786e;font-size:10px}.tool-choice-add{color:#77654f;font-size:10px;font-weight:700;white-space:nowrap}.tool-picker-empty{padding:17px;border:1px dashed #c4b9aa;border-radius:7px;color:#81796e;font-size:12px;text-align:center}
.catalog-admin-product{display:flex;align-items:center;gap:11px;min-width:0}.catalog-admin-product>div{min-width:0}.catalog-admin-product small{display:block;margin-top:4px;color:#8b8176;font-size:10px;line-height:1.35}.catalog-admin-thumb{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:9px;background:#252724;color:#f3eee4;font:500 16px 'Fraunces',Georgia,serif;overflow:hidden}.catalog-admin-thumb img{width:100%;height:100%;object-fit:cover}.catalog-row .status-badge{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-form-divider{display:grid;gap:5px;margin:4px 0 1px;padding-top:13px;border-top:1px solid #ddd3c7}.admin-form-divider small{color:#81796e;font-size:10px;line-height:1.4}.admin-create-form button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:560px){.tools-page-intro{align-items:stretch;flex-direction:column;gap:10px}.tools-page-intro .text-button{align-self:flex-start}.tool-picker-grid{grid-template-columns:1fr}.tool-picker{padding:16px}}

/* Mobile pass: keep the panel usable on narrow screens instead of merely stacking desktop blocks. */
@media(max-width:850px){
  .app-sidebar{position:relative;top:auto;height:auto;min-height:0;padding:16px 16px 12px;z-index:5}
  .app-brand{margin-bottom:13px}
  .app-nav{gap:3px;margin-top:10px;padding-bottom:3px;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .app-nav button{flex:0 0 auto;padding:11px 12px}
  .app-nav button.active:before{left:12px;top:auto;bottom:1px;width:calc(100% - 24px);height:2px}
  .app-content{padding:24px 16px 64px}
  .app-header{gap:12px;padding-bottom:20px}
  .app-header-start{display:flex;align-items:center;gap:10px;min-width:0}
  .app-header-end{gap:8px;min-width:0}
  .app-header h1{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .user-chip{padding-left:2px}
  .user-chip b{display:none}
  .welcome{min-height:170px;padding:22px 20px;border-radius:11px}
  .welcome h2{font-size:34px}
  .welcome p{max-width:520px;font-size:13px}
  .welcome:after{right:12px;bottom:-12px;font-size:70px}
  .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:32px}
  .metric-grid article{min-width:0;padding:15px 11px}
  .metric-grid strong{font-size:24px}
  .metric-grid span,.metric-grid small{font-size:10px;line-height:1.3}
  .section-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}
  .section-heading h3{font-size:25px}
  .selection-count{max-width:100%;line-height:1.4}
  .dashboard-offer-card{min-height:270px}
  .offer-card-bottom{align-items:stretch;flex-direction:column}
  .deal-cta,.secondary-action{width:100%;min-height:40px}
  .tool-list-row{grid-template-columns:32px minmax(0,1fr);align-items:start}
  .tool-status{grid-column:2;justify-self:start}
  .dashboard-lower-grid{grid-template-columns:1fr}
  .community-layout{grid-template-columns:1fr;min-height:600px}
  .channel-list{display:flex;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #d7cec1;padding:10px}
  .channel-title{display:none}
  .channel-list button{white-space:nowrap}
  .contact-grid{grid-template-columns:1fr}
  .radar-row{grid-template-columns:28px minmax(0,1fr);gap:10px}
  .radar-bar{grid-column:2}
  .radar-row button{grid-column:2;justify-self:start;min-height:38px}
  .product-card{min-height:330px}
  .catalog-preview-card{min-height:300px}
  .admin-toolbar{scroll-snap-type:x proximity}
  .admin-toolbar button{scroll-snap-align:start}
  .admin-table-wide .admin-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .admin-table-wide .admin-row>*{grid-column:auto!important;text-align:left!important}
  .admin-table-wide select,.deal-admin-controls select{width:100%;min-height:40px}
  .deal-admin-controls{grid-template-columns:1fr}
  .deal-admin-controls .status-badge{grid-column:1}
  .invite-panel form{grid-template-columns:1fr}
  .team-member{flex-wrap:wrap;align-items:center}
  .team-member>div{min-width:0;flex:1;overflow:hidden}
  .team-member>div span{overflow-wrap:anywhere}
  .team-role{margin-left:43px;margin-right:auto}
  .team-member button,.team-member select{min-height:38px}
  .notification{grid-template-columns:34px minmax(0,1fr);align-items:start}
  .notification time{grid-column:2}
  .chat-panel{min-height:min(520px,calc(100svh - 230px))}
  .message-list{padding:16px}
  .message-form{padding:12px}
  .message-form input,.message-form button{min-height:42px}
}

/* Final narrow-screen guardrails: navigation and channels wrap instead of creating hidden horizontal scroll. */
@media(max-width:850px){
  .app-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;gap:5px}
  .app-nav button{min-height:44px;white-space:normal;line-height:1.2}
  .channel-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;overflow:visible;padding:12px}
  .channel-list button{flex:1 1 42%;min-height:42px;white-space:normal;line-height:1.25}
  .channel-list button small{display:none}
  .header-icon{min-width:44px;min-height:44px}
  .site-menu{display:grid;place-items:center;width:44px;height:44px}
  .catalog-inline-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .catalog-inline-editor .section-heading,.catalog-inline-editor .catalog-inline-actions{grid-column:1/-1}
}
@media(max-width:560px){
  .catalog-inline-editor{grid-template-columns:1fr}
  .catalog-inline-editor .section-heading,.catalog-inline-editor .catalog-inline-actions{grid-column:auto}
  .catalog-inline-actions{display:flex;flex-wrap:wrap;gap:8px}
  .catalog-inline-actions .modal-button,.catalog-inline-actions .text-button{flex:1;min-height:42px}
}
.app-header:after{display:none;content:''}
@media(max-width:560px){
  .app-content{padding-right:12px;padding-left:12px}
  .app-header:after{display:none}
  .app-header h1{max-width:42vw;font-size:28px}
  .header-icon{width:38px;height:38px}
  .metric-grid article{padding:13px 7px;text-align:center}
  .metric-grid strong{font-size:21px}
  .metric-grid span,.metric-grid small{font-size:9px}
  .section-heading h3{font-size:23px}
  .tools-page-intro .text-button{width:100%;min-height:42px}
  .tool-picker{padding:15px}
  .tool-choice{grid-template-columns:30px minmax(0,1fr);align-items:start}
  .tool-choice-add{grid-column:2;justify-self:start}
  .welcome{padding:20px 17px}
  .welcome h2{font-size:31px}
  .welcome p{font-size:12px}
  .dashboard-offer-card{min-height:260px}
  .product-card{min-height:300px}
  .product-card button{min-height:40px}
  .admin-stats{gap:8px}
  .admin-stats article{padding:15px 12px}
  .admin-stats strong{font-size:24px}
  .admin-toolbar{margin-bottom:20px}
  .admin-toolbar button{padding:11px 12px}
  .homepage:not(.menu-open) .bottom-message{right:24px;bottom:84px;gap:7px;font-size:8px;letter-spacing:2.4px}
}
@media(max-width:380px){
  .app-content{padding-right:10px;padding-left:10px}
  .metric-grid{gap:5px}
  .metric-grid article{padding-right:4px;padding-left:4px}
  .metric-grid strong{font-size:19px}
  .metric-grid span,.metric-grid small{font-size:8px}
  .app-nav button{padding-right:10px;padding-left:10px;font-size:11px}
}
@media(max-width:850px){
  .homepage.menu-open:after{content:'';position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.38);pointer-events:none}
  .homepage.menu-open .site-header{z-index:4;top:16px;left:16px;right:16px;max-height:calc(100svh - 32px);overflow:auto;overscroll-behavior:contain}
  .homepage.menu-open .hero-copy,.homepage.menu-open .bottom-message,.homepage.menu-open .scroll-prompt{opacity:.12;transition:opacity .2s}
}

/* Homepage motion: restrained transitions that keep the hero calm and legible. */
.hero-proof{position:absolute;z-index:3;right:5.2%;bottom:9.8%;width:min(320px,30vw);min-height:104px;padding-left:35px;border-left:1px solid #d8d3ca;color:#cfc8bc}
.hero-proof-viewport{position:relative;height:72px;min-height:72px;overflow:hidden}
.hero-proof-slide{position:absolute;inset:0;display:grid;align-content:center;justify-content:start;gap:9px;padding-right:4px;opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform .7s ease;pointer-events:none}
.hero-proof-slide.is-active{opacity:1;transform:translateY(0)}
.hero-proof-slide span{font-size:10px;letter-spacing:3px;line-height:1.1;white-space:nowrap}
.hero-proof-progress{display:flex;gap:5px;margin-top:12px}
.hero-proof-progress i{display:block;width:20px;height:2px;background:rgba(216,211,202,.3);transition:background .5s ease,width .5s ease}
.hero-proof-progress i.is-active{width:32px;background:#e5dfd5}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes modalIn{from{opacity:0;transform:translateY(13px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes appViewIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
  .hero-copy .hero-eyebrow{animation:heroCopyIn .7s .05s both}
  .hero-copy h1{animation:heroCopyIn .8s .14s both}
  .hero-copy .hero-description{animation:heroCopyIn .75s .25s both}
  .hero-copy .hero-cta{animation:heroCopyIn .75s .35s both}
  .hero-copy .hero-microcopy{animation:heroCopyIn .75s .44s both}
  .hero-proof{animation:heroCopyIn .8s .5s both}
  .onboarding-modal{animation:modalIn .34s ease both}
  .app-view:not([hidden]){animation:appViewIn .38s ease both}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-proof-slide,.hero-proof-progress i{transition:none}}

/* Dedicated How It Works page. */
.how-page{background:#f3eee4;color:#20221e}
.how-header{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;max-width:1280px;margin:auto;padding:27px 42px}
.how-wordmark{font-size:29px;letter-spacing:2px;font-weight:500}
.how-nav{display:flex;gap:31px;color:#756e64;font-size:12px}
.how-nav a,.how-text-link,.how-footer a{transition:color .2s ease}
.how-nav a:hover,.how-text-link:hover,.how-footer a:hover{color:#9a7956}
.how-header-cta,.how-primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:7px;background:#252724;color:#f5f0e8;font-weight:600;transition:transform .25s ease,background .25s ease}
.how-header-cta{justify-self:end;padding:13px 17px;font-size:11px}
.how-header-cta:hover,.how-primary-cta:hover{transform:translateY(-2px);background:#3b4039}
.how-header-cta span,.how-primary-cta span{font-size:19px;line-height:1}
.how-menu{display:none;border:0;background:none;color:#292b27;font-size:23px}
.how-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(35px,7vw,110px);align-items:center;max-width:1280px;min-height:690px;margin:0 auto;padding:76px 42px 110px}
.how-hero-copy{max-width:590px}
.how-eyebrow{margin:0;color:#8e795f;font-size:10px;letter-spacing:3px;font-weight:600}
.how-hero h1{margin:22px 0 25px;color:#252724;font:500 clamp(55px,6.5vw,92px)/.95 'Fraunces',Georgia,serif;letter-spacing:-3px}
.how-hero h1 em,.how-radar h2 em,.how-network h2 em,.how-final-cta h2 em{color:#9a7956;font-style:normal}
.how-lead{max-width:500px;margin:0;color:#6e675e;font-size:16px;line-height:1.65}
.how-primary-cta{margin-top:32px;padding:17px 21px;font-size:13px}
.how-hero-visual{position:relative;min-height:520px;border:1px solid #d5c9b9;border-radius:13px;background:linear-gradient(145deg,#e8dfd2,#f8f3ea 62%,#ded3c5);box-shadow:0 20px 55px rgba(63,48,32,.09);overflow:hidden}
.how-visual-glow{position:absolute;top:-100px;right:-50px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(165,132,95,.26),transparent 68%)}
.flow-line{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,transparent,#a68a6b,transparent);transform-origin:left center}
.flow-line-one{top:45%;left:31%;width:39%;transform:rotate(-24deg)}
.flow-line-two{top:56%;left:32%;width:38%;transform:rotate(24deg)}
.flow-card,.flow-core{position:absolute;z-index:2;display:grid;gap:8px;box-sizing:border-box;border:1px solid rgba(118,96,72,.28);box-shadow:0 12px 30px rgba(67,47,29,.1)}
.flow-card{width:min(205px,calc(50% - 25px));min-height:120px;padding:17px;border-radius:9px;background:rgba(250,246,238,.86);backdrop-filter:blur(8px);align-content:start}
.flow-card span,.flow-core-kicker{color:#907558;font-size:8px;letter-spacing:2px;font-weight:600;line-height:1.2;white-space:nowrap}
.flow-card strong{font:500 21px/1.05 'Fraunces',Georgia,serif;color:#262824}
.flow-card small,.flow-core small{color:#82776a;font-size:10px;line-height:1.35}
.flow-card-top{top:54px;left:30px}.flow-card-bottom{bottom:48px;left:32px}.flow-card-side{right:26px;bottom:48px}
.flow-core{top:175px;left:36%;display:grid;justify-items:center;align-content:center;gap:5px;width:176px;height:176px;padding:16px 14px;border-radius:50%;background:#252724;color:#f2ece3;text-align:center;overflow:hidden;transform:translateX(-50%)}
.flow-core-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ae9576;border-radius:50%;color:#d8c2a4;font:20px 'Fraunces',Georgia,serif}
.flow-core-kicker{color:#c6aa86}.flow-core strong{font:500 19px/1.02 'Fraunces',Georgia,serif}.flow-core small{max-width:125px;color:#bbb4aa;font-size:9px;line-height:1.25}
.how-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1196px;margin:0 auto;padding:0 42px 112px}
.principle{padding:20px 32px 0;border-top:1px solid #cfc3b4}.principle+.principle{border-left:1px solid #cfc3b4}.principle span{color:#9a7956;font-size:10px;letter-spacing:2px}.principle strong{display:block;margin:18px 0 10px;font:500 22px 'Fraunces',Georgia,serif}.principle p{max-width:270px;margin:0;color:#756d63;font-size:12px;line-height:1.55}
.how-process{padding:115px max(42px,calc((100% - 1196px)/2));background:#e8dfd3}
.how-section-intro{max-width:530px}.how-section-intro h2,.how-radar h2,.how-network h2,.how-final-cta h2{margin:20px 0 17px;color:#252724;font:500 clamp(36px,4vw,59px)/1.02 'Fraunces',Georgia,serif;letter-spacing:-1.7px}.how-section-intro>p:last-child{max-width:470px;margin:0;color:#766e64;font-size:14px;line-height:1.6}
.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px}.process-step{min-height:255px;padding:25px;border:1px solid #d1c3b2;border-radius:9px;background:rgba(249,244,235,.55);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.process-step:hover{transform:translateY(-4px);background:#f8f2e8;box-shadow:0 14px 28px rgba(67,47,29,.07)}.process-number{color:#9a7956;font-size:10px;letter-spacing:2px}.process-step h3{margin:55px 0 11px;font:500 25px 'Fraunces',Georgia,serif}.process-step p{margin:0;color:#766e64;font-size:12px;line-height:1.55}.step-tag{display:inline-block;margin-top:24px;color:#8f785d;font-size:8px;letter-spacing:1.8px;font-weight:600}
.how-radar{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1fr);gap:clamp(40px,8vw,125px);align-items:center;max-width:1196px;margin:0 auto;padding:125px 42px}.how-radar h2{margin-bottom:23px}.radar-copy>p:not(.how-eyebrow){max-width:470px;margin:0;color:#756d63;font-size:14px;line-height:1.65}.how-text-link{display:inline-flex;gap:10px;margin-top:26px;color:#705b44;font-size:12px;font-weight:600}.radar-board{padding:23px;border:1px solid #cfc2b1;border-radius:10px;background:#252724;color:#f2ece3;box-shadow:0 16px 42px rgba(36,32,26,.13)}.radar-board-head{display:flex;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid rgba(242,236,227,.16);color:#c8b297;font-size:8px;letter-spacing:2px}.radar-board-head i{color:#949992;font-style:normal;font-size:7px;letter-spacing:1px}.radar-signal{display:grid;grid-template-columns:1fr auto;gap:7px 14px;padding:19px 0;border-bottom:1px solid rgba(242,236,227,.11)}.radar-signal:last-child{border-bottom:0;padding-bottom:0}.radar-signal b{font:500 19px 'Fraunces',Georgia,serif}.radar-signal span{grid-column:1;color:#aaa9a0;font-size:10px}.radar-signal i{grid-column:1;width:100%;height:4px;border-radius:5px;background:#464b45}.radar-signal i:after{content:'';display:block;width:var(--signal);height:100%;border-radius:5px;background:#b39674}.radar-signal button,.radar-signal-cta{grid-column:2;grid-row:1 / span 3;align-self:center;padding:9px 10px;border:1px solid #7f786e;border-radius:5px;background:transparent;color:#e8dfd3;font-size:10px;cursor:pointer}.radar-signal button:hover,.radar-signal-cta:hover{border-color:#c6a986;color:#d8c2a4}
.how-network{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1196px;margin:0 auto 125px;padding:62px 70px;border-radius:12px;background:#252724;color:#f2ece3}.how-network h2{margin-bottom:0;color:#f2ece3}.how-network p{margin:0;color:#bbb9b0;font-size:14px;line-height:1.7}.how-network .how-eyebrow{color:#c2a47f}
.how-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;max-width:1196px;margin:0 auto;padding:0 42px 120px}.faq-list{border-top:1px solid #cfc3b4}.faq-list details{padding:21px 0;border-bottom:1px solid #cfc3b4}.faq-list summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font:500 19px 'Fraunces',Georgia,serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:#9a7956;font:24px 'DM Sans',Arial,sans-serif}.faq-list details[open] summary:after{content:'–'}.faq-list p{max-width:600px;margin:13px 30px 0 0;color:#766e64;font-size:13px;line-height:1.6}
.how-final-cta{max-width:1196px;margin:0 auto 90px;padding:88px 42px;border-radius:12px;background:linear-gradient(135deg,#ddd0c0,#eee5d8);text-align:center}.how-final-cta h2{margin:18px auto 25px}.how-final-cta .how-primary-cta{margin-top:0}.how-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1196px;margin:auto;padding:30px 42px 42px;border-top:1px solid #cfc3b4;color:#857b6e;font-size:11px}.how-footer .how-wordmark{color:#282a26;font-size:23px}.how-footer a:last-child{color:#705b44;font-weight:600}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.process-step,.how-header-cta,.how-primary-cta{transition:none}}
@media(max-width:850px){
  .hero-proof{right:24px;bottom:17%;width:245px;padding-left:15px}.hero-proof-slide span{font-size:9px;letter-spacing:2.4px}
  .how-header{display:flex;padding:20px 24px}.how-nav,.how-header-cta{display:none}.how-menu{display:block;margin-left:auto;width:44px;height:44px}.how-page.menu-open .how-header{display:grid;grid-template-columns:1fr auto;padding:18px 20px;background:#f3eee4}.how-page.menu-open .how-nav{display:grid;order:3;grid-column:1/-1;gap:0;padding-top:11px;border-top:1px solid #d3c6b5}.how-page.menu-open .how-nav a{padding:12px 0}.how-page.menu-open .how-header-cta{display:inline-flex;grid-column:1/-1;justify-self:stretch}.how-hero{grid-template-columns:1fr;min-height:auto;padding:60px 24px 80px}.how-hero-visual{min-height:490px;margin-top:10px}.how-principles{grid-template-columns:1fr;padding:0 24px 80px}.principle{padding:20px 0}.principle+.principle{border-left:0}.how-process{padding:80px 24px}.process-steps{grid-template-columns:1fr;margin-top:42px}.process-step{min-height:auto}.process-step h3{margin-top:35px}.how-radar{grid-template-columns:1fr;padding:80px 24px}.radar-board{width:100%}.how-network{grid-template-columns:1fr;gap:25px;margin:0 24px 80px;padding:38px 28px}.how-faq{grid-template-columns:1fr;gap:35px;padding:0 24px 80px}.how-final-cta{margin:0 24px 65px;padding:62px 24px}.how-footer{flex-wrap:wrap;padding:25px 24px 35px}.how-footer span{order:3;width:100%}
}
@media(max-width:560px){.how-hero h1{letter-spacing:-2px}.how-hero-visual{min-height:600px}.flow-card{width:150px;padding:14px}.flow-card strong{font-size:18px}.flow-card-top{top:35px;left:18px}.flow-card-side{top:350px;right:18px;bottom:auto}.flow-card-bottom{top:470px;bottom:auto;left:18px}.flow-core{top:165px;left:35%;width:140px;padding:18px 11px}.flow-core strong{font-size:18px}.flow-card small,.flow-core small{font-size:9px}.radar-board{padding:17px}.radar-board-head{display:grid}.radar-signal b{font-size:17px}.how-final-cta h2{font-size:39px}}

/* How It Works geometry pass: keep the three cards separated on tablet widths. */
@media (min-width:561px) and (max-width:850px){
  .how-hero-visual{min-height:540px}
  .flow-card{width:min(205px,calc(50% - 25px))}
  .flow-card-bottom{left:24px}
  .flow-card-side{right:24px}
}
@media (max-width:560px){
  .flow-card span{font-size:7px;letter-spacing:1.6px}
  .flow-core{height:140px;padding:12px 11px;gap:4px}
  .flow-core-mark{width:31px;height:31px;font-size:18px}
  .flow-core-kicker{font-size:7px}
  .flow-core strong{font-size:17px}
}

/* Marketing subpages: shared editorial layout for audience, vendors and community. */
.marketing-page{overflow-x:hidden}
.marketing-page .how-header{max-width:1320px}
.marketing-page .how-nav .is-current{color:#9a7956}
.marketing-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:clamp(48px,8vw,130px);align-items:center;max-width:1280px;min-height:660px;margin:0 auto;padding:72px 42px 110px}
.marketing-hero-copy{max-width:575px}
.marketing-hero-copy h1{margin:23px 0 25px;color:#252724;font:500 clamp(59px,6.2vw,90px)/.93 'Fraunces',Georgia,serif;letter-spacing:-3px}
.marketing-hero-copy h1 em,.marketing-intro h2 em,.marketing-section-heading h2 em,.marketing-split h2 em,.marketing-final-cta h2 em{color:#9a7956;font-style:normal}
.marketing-hero-copy .how-lead{max-width:520px}
.audience-visual,.vendor-visual,.community-visual{position:relative;min-height:500px;border:1px solid #d4c8b8;border-radius:13px;overflow:hidden;box-shadow:0 20px 55px rgba(63,48,32,.09)}
.audience-visual{background:radial-gradient(circle at 50% 48%,rgba(182,151,110,.21),transparent 28%),linear-gradient(145deg,#e8dfd2,#f8f3ea 62%,#ded3c5)}
.audience-visual:after{content:'';position:absolute;inset:24px;border:1px solid rgba(142,116,82,.16);border-radius:10px;pointer-events:none}
.audience-visual-top,.vendor-visual-head,.community-board-head{position:absolute;top:29px;left:30px;right:30px;display:flex;justify-content:space-between;gap:15px;color:#92795d;font-size:8px;letter-spacing:2px;font-weight:600;z-index:3}
.audience-visual-top i,.vendor-visual-head i,.community-board-head i{color:#a2988d;font-style:normal;font-size:7px;letter-spacing:1px;font-weight:500}
.audience-visual-core{position:absolute;top:155px;left:50%;z-index:2;display:grid;place-items:center;align-content:center;gap:8px;width:166px;height:166px;border-radius:50%;background:#252724;color:#f3eee4;text-align:center;box-shadow:0 15px 35px rgba(35,30,24,.18);transform:translateX(-50%)}
.audience-visual-core span{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ae9576;border-radius:50%;color:#d8c2a4;font:20px 'Fraunces',Georgia,serif}
.audience-visual-core strong{font:500 25px/.93 'Fraunces',Georgia,serif}.audience-visual-core small{color:#bbb4aa;font-size:9px;letter-spacing:1.4px;text-transform:uppercase}
.audience-node{position:absolute;z-index:3;display:grid;gap:5px;width:178px;padding:16px;border:1px solid rgba(118,96,72,.28);border-radius:8px;background:rgba(250,246,238,.86);box-shadow:0 12px 30px rgba(67,47,29,.1);backdrop-filter:blur(8px)}
.audience-node b{color:#92795d;font-size:8px;letter-spacing:2px}.audience-node strong{font:500 19px/1.05 'Fraunces',Georgia,serif}.audience-node span{color:#81776b;font-size:10px;line-height:1.3}.audience-node-one{top:92px;left:29px}.audience-node-two{top:92px;right:29px}.audience-node-three{bottom:58px;left:50%;transform:translateX(-50%)}
.audience-visual-line{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,transparent,#a68a6b,transparent);transform-origin:center}.audience-visual-line.line-a{top:194px;left:29%;width:22%;transform:rotate(26deg)}.audience-visual-line.line-b{top:194px;right:29%;width:22%;transform:rotate(-26deg)}.audience-visual-line.line-c{top:70%;left:50%;width:1px;height:76px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#a68a6b,transparent)}
.vendor-visual{padding:29px 30px;background:#252724;color:#f3eee4;box-shadow:0 20px 55px rgba(36,32,26,.16)}
.vendor-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 86% 18%,rgba(179,150,113,.19),transparent 26%),linear-gradient(135deg,rgba(38,43,38,.2),transparent 62%);pointer-events:none}
.vendor-visual-head{position:static;color:#c8b297}.vendor-visual-head i{color:#939890}.vendor-signal{position:relative;z-index:1;display:grid;gap:9px;margin:105px 0 42px;padding-left:17px;border-left:1px solid #b39674}.vendor-signal span{color:#c8b297;font-size:8px;letter-spacing:2px}.vendor-signal strong{font:500 34px/.98 'Fraunces',Georgia,serif}.vendor-signal small{color:#aaa9a0;font-size:11px}.vendor-path{position:relative;z-index:1;display:flex;align-items:center;padding:0 5px}.vendor-path-dot{width:10px;height:10px;border:1px solid #8a8378;border-radius:50%;background:#252724}.vendor-path-dot.is-active{border-color:#c6a986;background:#b39674;box-shadow:0 0 0 5px rgba(179,150,116,.13)}.vendor-path-line{height:1px;flex:1;background:linear-gradient(90deg,#b39674,#676c65)}.vendor-path-labels{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;margin:12px 0 0;color:#9a9c94;font-size:7px;letter-spacing:1.3px}.vendor-visual-foot{position:absolute;right:30px;bottom:29px;left:30px;display:flex;justify-content:space-between;gap:16px;padding-top:17px;border-top:1px solid rgba(242,236,227,.14);color:#92978f;font-size:8px;letter-spacing:1.4px}.vendor-visual-foot b{color:#c3a57e;font-size:8px;font-weight:500;letter-spacing:0}
.community-visual{padding:29px 30px;background:linear-gradient(145deg,#e7ded1,#f6f0e6 58%,#ddd0c0)}
.community-board-head{position:static}.community-board-head i{color:#a0968a}.community-channel{position:relative;z-index:1;display:grid;grid-template-columns:39px minmax(0,1fr) 20px;align-items:center;gap:13px;margin-top:31px;padding:16px;border:1px solid #d2c5b5;border-radius:8px;background:rgba(250,246,238,.72);box-shadow:0 8px 18px rgba(67,47,29,.05);transition:transform .23s ease,background .23s ease,border-color .23s ease}.community-channel+.community-channel{margin-top:9px}.community-channel.is-highlighted{border-color:#b29a7b;background:#fbf7ef;transform:translateX(16px)}.community-channel-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#252724;color:#d7bd9b;font-size:17px}.community-channel div{display:grid;gap:4px;min-width:0}.community-channel b{font:500 18px 'Fraunces',Georgia,serif}.community-channel small{color:#80766a;font-size:10px;line-height:1.3}.community-channel>strong{color:#907558;font-size:18px;font-weight:400}.community-board-note{position:absolute;right:30px;bottom:29px;left:30px;display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid #d2c5b5;color:#92795d;font-size:8px;letter-spacing:1.5px}.community-board-note b{color:#635748;font:500 16px 'Fraunces',Georgia,serif;letter-spacing:0;white-space:nowrap}
.marketing-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,10vw,150px);align-items:end;max-width:1196px;margin:0 auto;padding:0 42px 118px}.marketing-intro h2,.marketing-section-heading h2,.marketing-split h2,.marketing-final-cta h2{margin:20px 0 0;color:#252724;font:500 clamp(40px,4.4vw,64px)/.98 'Fraunces',Georgia,serif;letter-spacing:-2px}.marketing-intro>p{max-width:480px;margin:0 0 4px;color:#766e64;font-size:15px;line-height:1.7}
.audience-groups,.vendor-principles,.community-rituals{padding:114px max(42px,calc((100% - 1196px)/2));background:#e8dfd3}.marketing-section-heading{max-width:550px}.audience-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:58px}.audience-card{display:flex;flex-direction:column;min-height:290px;padding:26px;border:1px solid #d1c3b2;border-radius:9px;background:rgba(249,244,235,.6);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.audience-card:hover,.vendor-principle:hover,.community-ritual:hover{transform:translateY(-4px);background:#f8f2e8;box-shadow:0 14px 28px rgba(67,47,29,.07)}.audience-card>span,.vendor-principle>span,.community-ritual>span{color:#9a7956;font-size:9px;letter-spacing:2px;font-weight:600}.audience-card h3,.vendor-principle h3,.community-ritual h3{max-width:400px;margin:56px 0 12px;font:500 27px/1.02 'Fraunces',Georgia,serif}.audience-card p,.vendor-principle p,.community-ritual p{max-width:420px;margin:0;color:#766e64;font-size:12px;line-height:1.6}.audience-card a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;color:#705b44;font-size:11px;font-weight:600}.audience-card a b{font-size:18px;font-weight:400}.audience-card-dark,.vendor-principle-dark,.community-ritual-dark{border-color:#252724;background:#252724;color:#f2ece3}.audience-card-dark:hover,.vendor-principle-dark:hover,.community-ritual-dark:hover{background:#30342f}.audience-card-dark p,.vendor-principle-dark p,.community-ritual-dark p{color:#b8b5ac}.audience-card-dark a{color:#d6bc9a}
.marketing-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,11vw,170px);align-items:center;max-width:1196px;margin:0 auto;padding:123px 42px}.split-points,.vendor-status-list{border-top:1px solid #cfc3b4}.split-points p,.vendor-status-list p{display:grid;grid-template-columns:46px minmax(0,1fr);gap:20px;margin:0;padding:20px 0;border-bottom:1px solid #cfc3b4}.split-points b{color:#9a7956;font-size:9px;letter-spacing:2px}.split-points span{max-width:430px;color:#635c53;font-size:14px;line-height:1.5}.vendor-split{max-width:1280px;background:#f3eee4}.vendor-status-list p{grid-template-columns:minmax(0,1fr) 1fr;align-items:baseline;gap:18px}.vendor-status-list b{color:#705b44;font-size:9px;letter-spacing:1.4px}.vendor-status-list span{color:#766e64;font-size:12px;line-height:1.45}.vendor-note{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,10vw,155px);align-items:center;max-width:1196px;margin:0 auto 118px;padding:58px 70px;border-radius:12px;background:#252724;color:#f2ece3}.vendor-note h2{margin:18px 0 0;color:#f2ece3;font:500 clamp(37px,4vw,57px)/1 'Fraunces',Georgia,serif;letter-spacing:-1.6px}.vendor-note h2 em{color:#c3a57e;font-style:normal}.vendor-note>p{margin:0;color:#bbb9b0;font-size:14px;line-height:1.7}.vendor-note .how-eyebrow{color:#c2a47f}
.vendor-principle-grid,.community-ritual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:58px}.vendor-principle,.community-ritual{position:relative;display:flex;flex-direction:column;min-height:300px;padding:26px;border:1px solid #d1c3b2;border-radius:9px;background:rgba(249,244,235,.6);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.vendor-principle h3,.community-ritual h3{margin-top:54px}.vendor-principle i{margin-top:auto;color:#927657;font-size:23px;font-style:normal}.vendor-principle-dark i,.community-ritual-dark i{color:#d2b58e}.community-ritual{min-height:330px}.ritual-quote{margin-top:auto;padding:13px;border-left:1px solid #ae9576;color:#786b5b;font:500 14px/1.35 'Fraunces',Georgia,serif}.community-ritual-dark .ritual-quote{color:#d0c4b3}.community-split{padding-bottom:105px}.community-split-copy{max-width:450px}.community-split-copy>p{margin:0;color:#766e64;font-size:14px;line-height:1.7}.community-guardrail{display:grid;gap:14px;max-width:1196px;margin:0 auto 120px;padding:31px 35px;border-left:2px solid #9c815f;background:#eee6da}.community-guardrail strong{font:500 26px/1.06 'Fraunces',Georgia,serif}.community-guardrail p{max-width:650px;margin:0;color:#766e64;font-size:12px;line-height:1.6}.marketing-final-cta{max-width:1196px;margin:0 auto 90px;padding:90px 42px;border-radius:12px;background:linear-gradient(135deg,#ddd0c0,#eee5d8);text-align:center}.marketing-final-cta h2{margin:18px auto 28px}.marketing-final-cta .how-primary-cta{margin-top:0}
@media(prefers-reduced-motion:reduce){.audience-card,.vendor-principle,.community-ritual,.community-channel{transition:none}.community-channel.is-highlighted{transform:none}}
@media(max-width:850px){
  .marketing-hero{grid-template-columns:1fr;min-height:auto;gap:42px;padding:60px 24px 85px}.marketing-hero-copy{max-width:650px}.marketing-hero-copy h1{font-size:clamp(58px,10vw,82px)}.audience-visual,.vendor-visual,.community-visual{min-height:490px}.marketing-intro{grid-template-columns:1fr;gap:27px;padding:0 24px 85px}.marketing-intro>p{max-width:630px}.audience-groups,.vendor-principles,.community-rituals{padding:80px 24px}.audience-card-grid{grid-template-columns:1fr;margin-top:42px}.audience-card{min-height:245px}.marketing-split{grid-template-columns:1fr;gap:42px;padding:86px 24px}.vendor-principle-grid,.community-ritual-grid{grid-template-columns:1fr;margin-top:42px}.vendor-principle,.community-ritual{min-height:245px}.vendor-note{grid-template-columns:1fr;gap:28px;margin:0 24px 80px;padding:38px 28px}.marketing-final-cta{margin:0 24px 65px;padding:65px 24px}.community-guardrail{margin:0 24px 80px}.vendor-status-list p{grid-template-columns:1fr;gap:8px}.community-board-note b{font-size:14px}
}
@media(max-width:560px){
  .marketing-hero{padding-top:48px}.marketing-hero-copy h1{letter-spacing:-2px}.audience-visual,.vendor-visual,.community-visual{min-height:540px}.audience-visual-top,.vendor-visual-head,.community-board-head{left:18px;right:18px;display:grid;gap:6px}.audience-node{width:145px;padding:13px}.audience-node-one{top:90px;left:18px}.audience-node-two{top:90px;right:18px}.audience-node-three{bottom:42px}.audience-visual-core{top:176px;width:145px;height:145px}.audience-visual-core strong{font-size:22px}.audience-visual-line.line-a,.audience-visual-line.line-b{top:184px;width:18%}.vendor-visual{padding:19px 18px}.vendor-signal{margin-top:100px}.vendor-signal strong{font-size:29px}.vendor-visual-foot{right:18px;bottom:19px;left:18px;display:grid;gap:8px}.vendor-path-labels{font-size:6px;letter-spacing:.8px}.community-visual{padding:19px 18px}.community-channel{grid-template-columns:34px minmax(0,1fr) 16px;padding:13px 11px}.community-channel-icon{width:30px;height:30px;font-size:15px}.community-channel b{font-size:16px}.community-channel small{font-size:9px}.community-channel.is-highlighted{transform:none}.community-board-note{right:18px;bottom:19px;left:18px;display:grid;gap:9px}.community-board-note b{font-size:15px}.marketing-intro h2,.marketing-section-heading h2,.marketing-split h2,.marketing-final-cta h2{letter-spacing:-1.2px}.audience-card,.vendor-principle,.community-ritual{padding:21px}.audience-card h3,.vendor-principle h3,.community-ritual h3{margin-top:40px;font-size:24px}.vendor-note h2{font-size:40px}.community-guardrail{padding:25px 22px}.community-guardrail strong{font-size:23px}.marketing-final-cta{padding:57px 18px}
}

/* Community pulse: a lightweight way to turn discussion into useful signals. */
.community-pulse{margin-bottom:18px;padding:20px 21px;border:1px solid #d3c8ba;border-radius:9px;background:linear-gradient(135deg,rgba(248,243,234,.9),rgba(238,229,216,.72));box-shadow:0 7px 18px rgba(38,30,20,.035)}
.community-pulse-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.community-pulse-head h4{margin:7px 0 0;font:500 24px/1.05 'Fraunces',Georgia,serif;color:#252724}
.community-pulse-head .text-button{flex:0 0 auto;margin-top:1px}
.community-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.community-topic{position:relative;display:grid;align-content:start;gap:8px;min-width:0;min-height:135px;padding:17px 35px 16px 16px;border:1px solid #d4c8b9;border-radius:7px;background:rgba(251,247,239,.72);color:#292824;text-align:left;cursor:pointer;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.community-topic:hover,.community-topic:focus-visible{border-color:#a9957c;background:#fbf7ef;box-shadow:0 10px 20px rgba(57,42,27,.07);outline:0;transform:translateY(-2px)}
.community-topic span{color:#947a5c;font-size:8px;letter-spacing:1.8px;font-weight:600;line-height:1.2}
.community-topic strong{font:500 18px/1.08 'Fraunces',Georgia,serif}
.community-topic small{color:#81776b;font-size:10px;line-height:1.35}
.community-topic i{position:absolute;top:15px;right:15px;color:#927657;font-size:17px;font-style:normal;transition:transform .22s ease}
.community-topic:hover i,.community-topic:focus-visible i{transform:translate(2px,-2px)}
@media(max-width:850px){
  .hero-proof{width:245px}
  .community-topic-grid{grid-template-columns:1fr 1fr}
  .community-topic:last-child{grid-column:1/-1}
}
@media(max-width:560px){
  .hero-proof{right:18px;width:calc(100% - 36px);padding-left:17px}
  .community-pulse{padding:18px 16px}
  .community-pulse-head{display:grid;gap:13px}
  .community-pulse-head .text-button{justify-self:start}
  .community-topic-grid{grid-template-columns:1fr}
  .community-topic:last-child{grid-column:auto}
  .community-topic{min-height:116px}
}
@media(min-width:851px){.app-shell{display:block}.app-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:245px;height:100vh!important;min-height:100vh}.app-content{width:calc(100% - 245px);margin-left:245px;min-height:100vh}}