/* Appify Roadmap & Ideas: shared identity, a distinct plum accent. */
@font-face{font-family:AppifyFigtree;src:url('/appify-assets/figtree-variable.ttf') format('truetype');font-weight:300 900;font-display:swap}
@font-face{font-family:AppifyPoppins;src:url('/appify-assets/poppins-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:AppifyPoppins;src:url('/appify-assets/poppins-semibold.ttf') format('truetype');font-weight:600 900;font-display:swap}
body,body[data-theme="light"]{
  --portal-paper:#f7f4ed;--portal-surface:#fefdf9;--portal-ink:#25231f;
  --portal-muted:#68625e;--portal-line:#ded8cd;--portal-accent:#705378;
  --portal-soft:#eee6ef;--primary-color:#705378;--primary-color-dark:#563d5d;--primary-color-light:#eee6ef;
  --colors-gray-50:#f7f4ed;--colors-gray-100:#f7f4ed;--colors-gray-200:#eae5db;
  --colors-gray-300:#ded8cd;--colors-gray-400:#b4aba1;--colors-gray-500:#81776f;
  --colors-gray-600:#756a62;--colors-gray-700:#68625e;--colors-gray-800:#433d37;--colors-gray-900:#25231f;
  --colors-white:#fefdf9;--colors-black:#25231f;
  font-family:AppifyFigtree,'Segoe UI',sans-serif;color:var(--portal-ink);background:var(--portal-paper);
}
body[data-theme="dark"]{
  --portal-paper:#211f23;--portal-surface:#2b282e;--portal-ink:#f4eee6;
  --portal-muted:#c4b9bc;--portal-line:#49414d;--portal-accent:#ceb0d4;--portal-soft:#3d3043;
  --primary-color:#b591bf;--primary-color-dark:#c5a5ce;--primary-color-light:#3d3043;
  --colors-gray-50:#211f23;--colors-gray-100:#211f23;--colors-gray-200:#353039;
  --colors-gray-300:#49414d;--colors-gray-400:#65596b;--colors-gray-500:#9b8b9e;
  --colors-gray-600:#b7a6bc;--colors-gray-700:#c4b9bc;--colors-gray-800:#ded3db;--colors-gray-900:#f4eee6;
  --colors-white:#2b282e;--colors-black:#f4eee6;
}
body .bg-white{background-color:var(--portal-surface)}
body .bg-gray-100{background-color:var(--portal-paper)}
body .bg-gray-200{background-color:var(--colors-gray-200)}
body .text-gray-900{color:var(--portal-ink)}
body .text-gray-700,body .text-gray-600,body .text-gray-500{color:var(--portal-muted)}
body h1,body h2,body h3{font-family:AppifyPoppins,'Segoe UI',sans-serif;font-weight:600;letter-spacing:-.025em}
body button,body input,body textarea,body select{font-family:inherit}
#c-header{border-top:3px solid var(--portal-accent);border-bottom-color:var(--portal-line)!important}
#c-header .c-menu{padding:22px 28px}
#c-header .c-header__row{gap:28px}
#c-header .c-header__brand{gap:12px;height:auto;flex-shrink:0;text-decoration:none;overflow:visible}
#c-header .c-header__brand img{width:42px;height:38px;object-fit:contain;flex-shrink:0}
#c-header .c-header__brand h1{font-size:24px;line-height:1.15;letter-spacing:-.045em;overflow:visible;color:var(--portal-ink)}
#c-header .c-header__brand h1:after{content:'ROADMAP & IDEAS';display:block;margin-top:5px;font-family:AppifyFigtree,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;line-height:1.3;color:var(--portal-accent)}
#c-header .c-header__brand > *,#c-header .c-header__actions > *,#c-header .c-header__nav > *{margin-inline-start:0!important}
#c-header .c-header__nav{gap:6px;margin-left:12px}
#c-header .c-header__nav-link{padding:10px 15px;border-radius:8px;color:var(--portal-muted);font-weight:600}
#c-header .c-header__nav-link:hover{background:var(--portal-soft);color:var(--portal-accent)}
#c-header .c-header__nav-link--active{background:var(--portal-soft);color:var(--portal-accent);box-shadow:none}
#c-header .c-themeswitcher svg{color:var(--portal-muted)!important}
#c-header .c-themeswitcher{width:32px;height:32px;padding:4px}
body .c-button{border-radius:8px;font-weight:650}
body .c-button--primary{color:#fff;background:#705378;border-color:#705378;box-shadow:none}
body .c-button--primary:hover{background:#563d5d;border-color:#563d5d;box-shadow:none}
body[data-theme="dark"] .c-button--primary{color:#211f23;background:#ceb0d4;border-color:#ceb0d4}
body[data-theme="dark"] .c-button--primary:hover{background:#dfc6e4;border-color:#dfc6e4}
body :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--portal-accent);outline-offset:4px}
#p-home{padding-top:64px;padding-bottom:64px;gap:42px;min-width:0}
#p-home > *{min-width:0}
#p-home .p-home__welcome-title{font-size:34px;line-height:1.25}
#p-home .p-home__welcome-col:before{content:'HELP SHAPE WHAT COMES NEXT';display:block;color:var(--portal-accent);font-size:10px;font-weight:750;letter-spacing:.14em;margin-bottom:18px}
#p-home .p-home__welcome-body{color:var(--portal-muted);font-size:17px;line-height:1.65}
#p-home .p-home__add-idea-btn{border-color:var(--portal-line);box-shadow:none;border-radius:14px;color:var(--portal-ink)}
#p-home .p-home__add-idea-btn:hover{border-color:var(--portal-accent);box-shadow:0 5px 18px #3320380a}
#p-roadmap{padding-top:48px;padding-bottom:64px}
.c-roadmap-post{border:1px solid var(--portal-line);border-radius:14px;box-shadow:none}
.c-roadmap-post-link:hover .c-roadmap-post{box-shadow:0 5px 18px #3320380a;border-color:var(--portal-accent)}
#p-roadmap-blank{box-sizing:border-box;width:calc(100% - 48px);max-width:960px;margin:64px auto;padding:78px 36px 72px;border:1px solid var(--portal-line);border-top:3px solid var(--portal-accent);border-radius:18px;background:var(--portal-surface);text-align:center;box-shadow:0 16px 50px #33203805}
#p-roadmap-blank:before{content:'LOOKING AHEAD';display:inline-block;padding:7px 12px;border-radius:5px;background:var(--portal-soft);color:var(--portal-accent);font-size:10px;font-weight:750;letter-spacing:.15em;margin-bottom:25px}
#p-roadmap-blank .c-roadmap-upsell__skeleton{display:none}
#p-roadmap-blank .c-roadmap-upsell{margin-top:0}
#p-roadmap-blank h1{font-size:clamp(24px,3vw,34px);line-height:1.3;max-width:27ch;margin:0 auto 18px;color:var(--portal-ink)}
#p-roadmap-blank p{max-width:46ch;margin:0 auto;color:var(--portal-muted);font-size:17px;line-height:1.7}
@media(max-width:767px){
  #c-header .c-menu{padding:18px 20px}#c-header .c-header__row{gap:18px 10px}
  #c-header .c-header__brand{flex-basis:auto;flex:1;min-width:150px}
  #c-header .c-header__brand h1{font-size:22px}#c-header .c-header__brand img{width:36px;height:34px}
  #c-header .c-header__nav{order:3;flex-basis:100%;margin-left:0;padding-top:12px;border-top:1px solid var(--portal-line)}
  #c-header .c-header__nav-link{flex:1;text-align:center;padding:10px}
  #c-header .c-header__actions{gap:8px}#c-header .c-header__actions .c-button{padding:8px 12px}
  #p-roadmap-blank{width:calc(100% - 32px);margin:32px auto;padding:46px 22px}
  #p-home{padding-top:36px;padding-bottom:36px;gap:28px}#p-home .p-home__welcome-title{font-size:28px}
}
@media(max-width:359px){
  #c-header .c-header__brand{min-width:120px;gap:8px}
  #c-header .c-header__brand img{width:30px;height:28px}
  #c-header .c-header__brand h1{font-size:20px}
  #c-header .c-header__brand h1:after{font-size:8px;letter-spacing:.12em}
  #c-header .c-header__actions{gap:5px}
  #c-header .c-header__actions .c-button{font-size:13px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}