/* Manager Suite AI website: Royal Blue brand (blue, calm, mountains).
   Loaded AFTER each page's own styles, so these values win. Edit colors here. */
:root{
  --paper:#EAF1FA; --paper-dim:#DCE7F5; --ink:#0F2744; --ink-soft:#4A5F7A; --line:#CAD8EA; --card:#FFFFFF;
  --teal:#1D5ECF; --teal-rgb:29,94,207; --plum:#14407A; --plum-rgb:20,64,122;
  --amber:#B9822F; --good:#2F7D55; --bad:#A8452F; --on-teal:#FFFFFF;
  --shadow:0 1px 2px rgba(15,39,68,.06),0 10px 28px -10px rgba(15,39,68,.22);
  --hero-ink:#0F2744; --hero-soft:#3A5578; --hero-em:#1D5ECF; --hero-card:rgba(255,255,255,.78);
  --hero-chip:rgba(255,255,255,.72); --hero-chipline:rgba(15,39,68,.14);
  --brand-art:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%2314407a'/%3E%3Cstop offset='.5' stop-color='%232f80ed'/%3E%3Cstop offset='1' stop-color='%238fd0ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' fill='%23eaf1fb'/%3E%3Cpath d='M18 68 L37 40 L50 58 L61 44 L82 68' fill='none' stroke='url(%23g)' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --hero-art:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 520' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23bcd9ea'/%3E%3Cstop offset='.6' stop-color='%23e3eef9'/%3E%3Cstop offset='1' stop-color='%23f3f7fc'/%3E%3C/linearGradient%3E%3ClinearGradient id='n' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23d9e6ee'/%3E%3C/linearGradient%3E%3CradialGradient id='u' cx='.8' cy='.28' r='.4'%3E%3Cstop offset='0' stop-color='%23fff6df' stop-opacity='.95'/%3E%3Cstop offset='1' stop-color='%23fff6df' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='1400' height='520' fill='url(%23s)'/%3E%3Crect width='1400' height='520' fill='url(%23u)'/%3E%3Cpolygon points='0,450 150,380 260,425 380,355 520,435 640,390 760,445 900,370 1040,430 1180,385 1300,425 1400,400 1400,520 0,520' fill='%23a9c4d6' opacity='.8'/%3E%3Cpolygon points='520,520 700,300 760,338 830,278 1010,520' fill='%237e9bb3'/%3E%3Cpolygon points='700,300 760,338 800,320 830,278 872,352 840,372 800,346 760,390 722,346' fill='url(%23n)'/%3E%3Cpolygon points='830,278 872,352 840,372 800,346 812,316' fill='%23c3d4e1' opacity='.55'/%3E%3Cpolygon points='0,490 120,430 240,465 380,410 520,475 660,435 820,485 980,445 1140,482 1280,440 1400,465 1400,520 0,520' fill='%234a86d6'/%3E%3Cpolygon points='0,508 140,465 300,496 470,458 640,504 820,468 1000,506 1180,472 1400,500 1400,520 0,520' fill='%232a5fb0'/%3E%3Cg fill='%231b4488'%3E%3Cpolygon points='1060,520 1075,465 1090,520'/%3E%3Cpolygon points='1085,520 1100,456 1115,520'/%3E%3Cpolygon points='1118,520 1133,472 1148,520'/%3E%3Cpolygon points='1140,520 1155,460 1170,520'/%3E%3Cpolygon points='1250,520 1265,470 1280,520'/%3E%3Cpolygon points='1275,520 1290,464 1305,520'/%3E%3Cpolygon points='120,520 135,474 150,520'/%3E%3Cpolygon points='150,520 165,464 180,520'/%3E%3Cpolygon points='60,520 75,482 90,520'/%3E%3C/g%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0B1220; --paper-dim:#080E19; --ink:#E6EEF8; --ink-soft:#9FB0C6; --line:#223049; --card:#111B2E;
    --teal:#6CB6F0; --teal-rgb:108,182,240; --plum:#8FD0FF; --plum-rgb:184,166,224;
    --amber:#D9A850; --good:#6FD39B; --bad:#E58A72; --on-teal:#06182A;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -10px rgba(0,0,0,.55);
    --hero-ink:#EAF1FA; --hero-soft:#B3C4DA; --hero-em:#8CC8F7; --hero-card:rgba(8,14,25,.62);
    --hero-chip:rgba(255,255,255,.08); --hero-chipline:rgba(255,255,255,.16);
    --brand-art:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%2314407a'/%3E%3Cstop offset='.5' stop-color='%232f80ed'/%3E%3Cstop offset='1' stop-color='%238fd0ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' fill='%23eaf1fb'/%3E%3Cpath d='M18 68 L37 40 L50 58 L61 44 L82 68' fill='none' stroke='url(%23g)' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --hero-art:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 520' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23060d1c'/%3E%3Cstop offset='.65' stop-color='%230e2442'/%3E%3Cstop offset='1' stop-color='%231a3a62'/%3E%3C/linearGradient%3E%3CradialGradient id='m' cx='.84' cy='.2' r='.3'%3E%3Cstop offset='0' stop-color='%23cfe0f5' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%23cfe0f5' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='1400' height='520' fill='url(%23s)'/%3E%3Crect width='1400' height='520' fill='url(%23m)'/%3E%3Ccircle cx='120' cy='60' r='1.4' fill='%23fff' opacity='.8'/%3E%3Ccircle cx='260' cy='140' r='1' fill='%23fff' opacity='.6'/%3E%3Ccircle cx='380' cy='50' r='1.2' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='520' cy='110' r='1' fill='%23fff' opacity='.5'/%3E%3Ccircle cx='640' cy='40' r='1.5' fill='%23fff' opacity='.8'/%3E%3Ccircle cx='770' cy='120' r='1' fill='%23fff' opacity='.6'/%3E%3Ccircle cx='900' cy='60' r='1.2' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='1010' cy='150' r='1' fill='%23fff' opacity='.5'/%3E%3Ccircle cx='1130' cy='45' r='1.4' fill='%23fff' opacity='.8'/%3E%3Ccircle cx='1250' cy='110' r='1' fill='%23fff' opacity='.6'/%3E%3Ccircle cx='1330' cy='60' r='1.2' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='60' cy='190' r='1' fill='%23fff' opacity='.5'/%3E%3Ccircle cx='440' cy='200' r='1' fill='%23fff' opacity='.5'/%3E%3Ccircle cx='1190' cy='190' r='1' fill='%23fff' opacity='.5'/%3E%3Ccircle cx='1180' cy='190' r='26' fill='%23eaf1fa' opacity='.92'/%3E%3Cpolygon points='0,450 150,380 260,425 380,355 520,435 640,390 760,445 900,370 1040,430 1180,385 1300,425 1400,400 1400,520 0,520' fill='%231f3a5c' opacity='.8'/%3E%3Cpolygon points='520,520 700,300 760,338 830,278 1010,520' fill='%232a4b78'/%3E%3Cpolygon points='700,300 760,338 800,320 830,278 872,352 840,372 800,346 760,390 722,346' fill='%23a9c6e6' opacity='.85'/%3E%3Cpolygon points='830,278 872,352 840,372 800,346 812,316' fill='%237a9cc4' opacity='.6'/%3E%3Cpolygon points='0,490 120,430 240,465 380,410 520,475 660,435 820,485 980,445 1140,482 1280,440 1400,465 1400,520 0,520' fill='%231b4663'/%3E%3Cpolygon points='0,508 140,465 300,496 470,458 640,504 820,468 1000,506 1180,472 1400,500 1400,520 0,520' fill='%23103248'/%3E%3Cg fill='%23081c2e'%3E%3Cpolygon points='1060,520 1075,465 1090,520'/%3E%3Cpolygon points='1085,520 1100,456 1115,520'/%3E%3Cpolygon points='1118,520 1133,472 1148,520'/%3E%3Cpolygon points='1140,520 1155,460 1170,520'/%3E%3Cpolygon points='1250,520 1265,470 1280,520'/%3E%3Cpolygon points='1275,520 1290,464 1305,520'/%3E%3Cpolygon points='120,520 135,474 150,520'/%3E%3Cpolygon points='150,520 165,464 180,520'/%3E%3Cpolygon points='60,520 75,482 90,520'/%3E%3C/g%3E%3C/svg%3E");
  }
}
:root[data-theme="dark"]{
  --paper:#0B1220; --paper-dim:#080E19; --ink:#E6EEF8; --ink-soft:#9FB0C6; --line:#223049; --card:#111B2E;
  --teal:#6CB6F0; --teal-rgb:108,182,240; --plum:#8FD0FF; --plum-rgb:184,166,224;
  --amber:#D9A850; --good:#6FD39B; --bad:#E58A72; --on-teal:#06182A;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -10px rgba(0,0,0,.55);
  --hero-ink:#EAF1FA; --hero-soft:#B3C4DA; --hero-em:#8CC8F7; --hero-card:rgba(8,14,25,.62);
  --hero-chip:rgba(255,255,255,.08); --hero-chipline:rgba(255,255,255,.16);
  --brand-art:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%2314407a'/%3E%3Cstop offset='.5' stop-color='%232f80ed'/%3E%3Cstop offset='1' stop-color='%238fd0ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' fill='%23eaf1fb'/%3E%3Cpath d='M18 68 L37 40 L50 58 L61 44 L82 68' fill='none' stroke='url(%23g)' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --hero-art:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 520' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23060d1c'/%3E%3Cstop offset='.65' stop-color='%230e2442'/%3E%3Cstop offset='1' stop-color='%231a3a62'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1400' height='520' fill='url(%23s)'/%3E%3Ccircle cx='1180' cy='190' r='26' fill='%23eaf1fa' opacity='.92'/%3E%3Cpolygon points='0,450 150,380 260,425 380,355 520,435 640,390 760,445 900,370 1040,430 1180,385 1300,425 1400,400 1400,520 0,520' fill='%231f3a5c' opacity='.8'/%3E%3Cpolygon points='520,520 700,300 760,338 830,278 1010,520' fill='%232a4b78'/%3E%3Cpolygon points='700,300 760,338 800,320 830,278 872,352 840,372 800,346 760,390 722,346' fill='%23a9c6e6' opacity='.85'/%3E%3Cpolygon points='0,490 120,430 240,465 380,410 520,475 660,435 820,485 980,445 1140,482 1280,440 1400,465 1400,520 0,520' fill='%231b4663'/%3E%3Cpolygon points='0,508 140,465 300,496 470,458 640,504 820,468 1000,506 1180,472 1400,500 1400,520 0,520' fill='%23103248'/%3E%3C/svg%3E");
}
/* logo: original three-bar logo (unchanged); small left gap */
.brand-mark{width:38px;height:38px}
.brand{padding-left:10px}
/* buttons: green like the app */
.btn-primary,.btn-pro{background:var(--teal);color:var(--on-teal);animation:none;box-shadow:0 10px 24px -10px rgba(var(--teal-rgb),.7)}
.btn-primary:hover,.btn-pro:hover{filter:brightness(1.07)}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
/* hero: mountain scene */
.hero{position:relative;overflow:hidden;border:0;border-radius:22px;padding:clamp(26px,4.5vw,52px);margin-bottom:40px;background:var(--hero-art) center bottom/cover no-repeat,#cfe2ea;box-shadow:var(--shadow);color:var(--hero-ink)}
.hero h1{color:var(--hero-ink)}
.hero h1 em{color:var(--hero-em)}
.hero p.lead{color:var(--hero-soft)}
.hero .badge{background:var(--hero-chip);border-color:var(--hero-chipline);color:var(--hero-soft)}
.hero .hero-card{background:var(--hero-card);border-color:var(--hero-chipline);backdrop-filter:blur(6px);box-shadow:var(--shadow)}
.hero .hero-caption{color:var(--hero-soft)}
.hero-card .hero-shot,.shots img{border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow)}
.demo-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;background:#0f2a52}
/* About / Trust headers carry inline padding-bottom:0; give them room so the scene shows */
.hero[style*="padding-bottom:0"]{padding-bottom:clamp(26px,4.5vw,52px)!important;margin-bottom:32px!important}


/* ---- phones and search: menu fits the screen, chips stay readable, screenshots enlarge on tap ---- */
html,body{overflow-x:hidden}
.shots img,img.hero-shot{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:99999;background:rgba(6,12,24,.93);overflow:auto;-webkit-overflow-scrolling:touch;padding:56px 12px 28px;display:block}
.lightbox img{display:block;margin:0 auto;width:max(100%,900px);max-width:none;height:auto;border-radius:10px;cursor:default;box-shadow:0 10px 40px rgba(0,0,0,.5)}
@media (min-width:1000px){.lightbox img{width:min(1400px,100%)}}
.lightbox-close{position:fixed;top:12px;right:12px;z-index:100000;font:700 14px 'Public Sans',sans-serif;padding:10px 18px;border-radius:999px;border:0;background:#fff;color:#0B1220;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.4)}
@media (max-width:720px){
  .hero .badge{background:var(--hero-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
}
@media (max-width:640px){
  .tabnav{flex-wrap:wrap;gap:6px;margin-bottom:10px}
  .tabnav a,.tabnav button{flex:1 1 calc(33.333% - 6px);text-align:center;border:1px solid var(--line);border-radius:10px;top:0;padding:11px 8px;font-size:13.5px}
  .tabnav a.active::after,.tabnav button.active::after{display:none}
  main{border-radius:14px}
}