/* Digiklant publieke website
   Klassieke Nederlandse bedrijfssoftware uitstraling
   Geen externe bibliotheken of lettertypen */

:root{
  --green-950:#03291e;
  --green-900:#043b2a;
  --green-800:#07523a;
  --green-700:#086849;
  --blue-950:#092438;
  --blue-900:#0b3552;
  --blue-800:#124d73;
  --blue-700:#1d638b;
  --steel-100:#edf2f5;
  --steel-150:#e3eaee;
  --steel-200:#d6e0e6;
  --steel-300:#bdcbd3;
  --steel-400:#96aab7;
  --steel-600:#526b79;
  --ink:#1c2b33;
  --muted:#53656f;
  --gold-100:#fff9dd;
  --gold-300:#e4d28d;
  --gold-500:#b69531;
  --paper:#ffffff;
  --shell:1220px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%}
body{
  color:var(--ink);
  background-color:#d9e1e5;
  background-image:
    linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px),
    linear-gradient(135deg,rgba(79,102,116,.055) 25%,transparent 25%,transparent 75%,rgba(79,102,116,.055) 75%);
  background-size:20px 20px,20px 20px,8px 8px;
  border-top:5px solid var(--green-950);
  font:12px/1.48 Tahoma,Verdana,Arial,sans-serif;
}
img{max-width:100%;height:auto}
a{color:#075d91;text-decoration:underline;text-underline-offset:2px}
a:hover{color:#003f68}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.site-shell{
  width:var(--shell);
  max-width:calc(100% - 24px);
  min-height:100vh;
  margin:0 auto;
  background:#f7f9fa;
  border-left:1px solid #718a99;
  border-right:1px solid #718a99;
  box-shadow:0 0 22px rgba(31,49,59,.34);
}

.utility-bar{
  min-height:29px;
  display:flex;
  align-items:center;
  padding:0 13px;
  color:#ecf5f1;
  background:linear-gradient(#07503a,#033526);
  border-bottom:1px solid #001c14;
  box-shadow:inset 0 1px rgba(255,255,255,.12);
}
.utility-brand{font-size:11px;font-weight:700;letter-spacing:.25px;text-transform:uppercase}
.utility-status{display:flex;align-items:center;gap:7px;margin-left:18px;color:#cde2da;font-size:10px}
.utility-led{width:8px;height:8px;border:1px solid #d9f5e9;background:#32a46f;box-shadow:0 0 4px rgba(69,204,145,.85)}
.utility-links{height:29px;display:flex;margin-left:auto}
.utility-links a{display:flex;align-items:center;padding:0 13px;color:#fff;text-decoration:none;border-left:1px solid rgba(255,255,255,.14)}
.utility-links a:hover{background:rgba(255,255,255,.08)}

.masthead{
  min-height:105px;
  display:flex;
  align-items:center;
  gap:24px;
  padding:12px 16px;
  background:
    linear-gradient(90deg,#fff 0,#fff 53%,rgba(235,241,244,.95) 74%,#dce5ea 100%);
  border-bottom:1px solid #8095a2;
  position:relative;
  overflow:hidden;
}
.masthead:after{
  content:"";
  position:absolute;
  right:-12px;
  top:-50px;
  width:430px;
  height:220px;
  opacity:.22;
  background:
    linear-gradient(90deg,transparent 0,transparent 35%,#557587 35%,#557587 37%,transparent 37%,transparent 47%,#557587 47%,#557587 49%,transparent 49%),
    linear-gradient(#6e8795 0 2px,transparent 2px 24px,#6e8795 24px 26px,transparent 26px 48px);
  transform:skewX(-18deg);
  pointer-events:none;
}
.brand{position:relative;z-index:2;display:block;width:365px;text-decoration:none}
.brand img{display:block;width:344px;height:68px}
.masthead-panel{
  position:relative;
  z-index:2;
  width:492px;
  margin-left:auto;
  border:1px solid #889eab;
  background:#f8fafb;
  box-shadow:1px 1px 0 #fff,2px 2px 0 rgba(96,116,128,.18);
}
.masthead-panel-title{
  min-height:27px;
  display:flex;
  align-items:center;
  padding:0 9px;
  color:#fff;
  font-weight:700;
  background:linear-gradient(#2d729a,#154b70 49%,#103e60 50%,#1b587c);
  border-bottom:1px solid #0c3653;
  text-shadow:0 1px #092b42;
}
.masthead-panel-title img{width:16px;height:16px;margin-right:7px}
.masthead-checks{display:grid;grid-template-columns:1fr 1fr}
.masthead-checks span{min-height:30px;display:flex;align-items:center;padding:5px 8px;border-right:1px solid #c5d0d6;border-bottom:1px solid #c5d0d6;color:#334853}
.masthead-checks span:nth-child(2n){border-right:0}
.masthead-checks span:nth-last-child(-n+2){border-bottom:0}
.masthead-checks img{width:16px;height:16px;margin-right:7px;image-rendering:auto}

.nav-shell{background:linear-gradient(#28698f,#164b6e 49%,#103d5e 50%,#1b587b);border-top:1px solid #5d829a;border-bottom:3px solid #c7cdd1}
.mobile-menu{display:none;width:100%;min-height:42px;padding:0 13px;border:0;color:#fff;font-weight:700;text-align:left;background:linear-gradient(#2b6d92,#154a6d)}
.main-nav{height:42px;display:flex;align-items:stretch;padding-left:7px}
.main-nav a{min-width:126px;display:flex;align-items:center;justify-content:center;padding:0 10px;color:#fff;text-decoration:none;font-weight:700;text-shadow:0 1px #0a3048;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(3,33,52,.7)}
.main-nav a:hover{background:linear-gradient(#3d7da4,#205a80)}
.main-nav a.active{padding-top:0;color:#173d56;text-shadow:none;background:linear-gradient(#fffef5,#eee7cb);border-top:3px solid var(--gold-500)}
.main-nav a.login{min-width:132px;margin-left:auto;background:linear-gradient(#13805a,#07563c 49%,#044d35 50%,#0a6948);border-left-color:#4f9c80}
.main-nav a.login:hover{background:linear-gradient(#199268,#086247)}

.breadcrumbs{min-height:31px;display:flex;align-items:center;padding:0 13px;color:#5b6d76;background:linear-gradient(#f5f8f9,#e7edf0);border-bottom:1px solid #b4c0c7}
.breadcrumbs a{text-decoration:none}
.content{padding:13px}

.hero-frame{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) 352px;
  border:1px solid #768f9f;
  background:#fff;
  box-shadow:inset 0 1px #fff,0 1px 0 rgba(87,108,120,.13);
}
.hero-main{
  position:relative;
  min-height:382px;
  padding:29px 34px 25px;
  overflow:hidden;
  background:
    linear-gradient(102deg,#fff 0,#fff 63%,rgba(235,242,245,.92) 84%,#dfe9ee 100%);
  border-right:1px solid #768f9f;
}
.hero-main:after{
  content:"";
  position:absolute;
  right:-68px;
  bottom:-84px;
  width:340px;
  height:230px;
  border:1px solid rgba(24,81,113,.17);
  background:repeating-linear-gradient(0deg,rgba(24,81,113,.07) 0 1px,transparent 1px 18px);
  transform:rotate(-8deg);
}
.status-ribbon{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:25px;padding:0 9px;margin-bottom:10px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.45px;text-transform:uppercase;background:linear-gradient(#12815a,#07573d);border:1px solid #044b34;box-shadow:inset 0 1px rgba(255,255,255,.18)}
.status-ribbon img{width:16px;height:16px;margin-right:7px}
.hero-main h1{position:relative;z-index:2;max-width:760px;margin:0;color:#123e5d;font:400 39px/1.16 Georgia,'Times New Roman',serif;letter-spacing:-.4px}
.hero-lead{position:relative;z-index:2;max-width:770px;margin:16px 0 14px;color:#2c3e48;font-size:15px;line-height:23px}
.hero-proof{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;max-width:760px;margin:0 0 19px;padding:11px 12px;border-left:4px solid var(--gold-500);background:var(--gold-100);color:#4d482e}
.hero-proof span{display:flex;align-items:flex-start;line-height:18px}
.hero-proof img{width:16px;height:16px;margin:1px 7px 0 0}
.button-row{position:relative;z-index:2;display:flex;gap:9px;flex-wrap:wrap}
.legacy-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #5e7684;color:#163f58;text-decoration:none;font-weight:700;background:linear-gradient(#fff,#dfe7eb);box-shadow:inset 0 1px #fff,1px 1px 0 #c5cfd4}
.legacy-button img{width:18px;height:18px}
.legacy-button.primary{color:#fff;text-shadow:0 1px #033824;border-color:#034730;background:linear-gradient(#15845e,#07583e 49%,#044d35 50%,#0b6a49)}
.legacy-button.blue{color:#fff;text-shadow:0 1px #0d3047;border-color:#123d5b;background:linear-gradient(#3379a1,#174f73 49%,#104665 50%,#205f85)}
.legacy-button:hover{filter:brightness(1.045)}

.hero-console{padding:12px;background:#e8eef2}
.console-window{height:100%;border:1px solid #527286;background:#fff;box-shadow:2px 2px 0 #b6c2c9}
.console-title{height:31px;display:flex;align-items:center;padding:0 8px;color:#fff;font-weight:700;background:linear-gradient(#1683a1,#075d76 49%,#04536b 50%,#0d6a84);border-bottom:1px solid #034258;text-shadow:0 1px #07384a}
.console-title img{width:17px;height:17px;margin-right:7px}
.console-controls{margin-left:auto;font-family:Arial,sans-serif;letter-spacing:4px;color:#cbe4ee}
.console-body{padding:9px}
.console-intro{margin-bottom:8px;padding:8px;border:1px solid #a9b8c1;background:linear-gradient(#fafcfd,#edf2f5)}
.console-intro strong{display:block;margin-bottom:3px;color:#075b3f;font-size:13px}
.console-intro span{display:block;color:#4d5f69;line-height:17px}
.status-table{border:1px solid #91a5b1}
.status-head{min-height:27px;display:grid;grid-template-columns:1fr 76px;align-items:center;color:#164967;font-weight:700;background:linear-gradient(#f7fafb,#dbe7ed);border-bottom:1px solid #91a5b1}
.status-head span{padding:0 7px}
.status-head span:last-child{text-align:center;border-left:1px solid #c0ccd2}
.status-row{min-height:34px;display:grid;grid-template-columns:26px 1fr 76px;align-items:center;border-bottom:1px solid #d2dbe0}
.status-row:last-child{border-bottom:0}
.status-row img{width:17px;height:17px;margin-left:6px}
.status-row b{font-size:11px;color:#283e49}
.status-row em{height:100%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:700;color:#075f41;background:#eff8f4;border-left:1px solid #d2dbe0}
.console-footer{display:flex;align-items:center;gap:7px;margin-top:8px;padding:7px;border:1px solid #a9b8c1;background:#f7f9fa;color:#4a5c65}
.console-footer img{width:16px;height:16px}

.assurance-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #91a7b4;border-top:0;background:linear-gradient(#fafbfc,#eef2f4)}
.assurance-item{min-height:70px;display:grid;grid-template-columns:36px 1fr;align-items:center;padding:9px 11px;border-right:1px solid #bdc8ce}
.assurance-item:last-child{border-right:0}
.assurance-item img{width:27px;height:27px}
.assurance-item strong{display:block;margin-bottom:3px;color:#164967}
.assurance-item span{display:block;color:#53636c;font-size:11px;line-height:15px}

.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:13px;margin-top:13px}
.panel{margin-bottom:13px;border:1px solid #8fa5b2;background:#fff;box-shadow:0 1px 0 rgba(71,91,103,.12)}
.panel-title{min-height:35px;display:flex;align-items:center;padding:0 10px;color:#164967;font-size:13px;font-weight:700;background:linear-gradient(#fbfcfd,#dbe7ed);border-bottom:1px solid #8fa5b2}
.panel-title.dark{color:#fff;text-shadow:0 1px #0b3149;background:linear-gradient(#2e7096,#184e71 49%,#113f5e 50%,#1c587c);border-bottom-color:#103b58}
.panel-title.green{color:#fff;text-shadow:0 1px #043423;background:linear-gradient(#16815b,#07583e 49%,#054e36 50%,#0a6848);border-bottom-color:#034630}
.panel-title.gold{color:#5d4b06;background:linear-gradient(#fffbea,#eadc9d);border-bottom-color:#ad9540}
.panel-title img{width:18px;height:18px;margin-right:8px}
.panel-title a{margin-left:auto;color:inherit;font-size:10px;font-weight:400}
.panel-body{padding:13px}

.module-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c0cbd1;border-left:1px solid #c0cbd1}
.module-card{position:relative;min-height:132px;display:grid;grid-template-columns:47px 1fr;padding:13px 13px 12px;border-right:1px solid #c0cbd1;border-bottom:1px solid #c0cbd1;background:linear-gradient(#fff,#f5f8f9)}
.module-card:before{content:attr(data-number);position:absolute;right:7px;top:6px;color:#d8e2e7;font:700 28px/1 Arial,sans-serif}
.module-card img{width:32px;height:32px;margin-top:1px}
.module-card h2{position:relative;margin:0 0 5px;color:#075d41;font-size:14px}
.module-card p{position:relative;margin:0 0 7px;line-height:18px;color:#334650}
.module-card a{position:relative;font-weight:700;font-size:11px}
.module-card:hover{background:linear-gradient(#fff,#eef5f2)}

.license-banner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:0;border:1px solid #a9913a;background:#fffdf0}
.license-copy{padding:14px 16px;border-right:1px solid #d0bf78}
.license-copy h2{margin:0 0 7px;color:#0c4d36;font:400 24px/1.22 Georgia,'Times New Roman',serif}
.license-copy p{margin:0 0 8px;line-height:19px}
.license-action{display:flex;align-items:center;padding:14px;background:linear-gradient(#fffdf4,#f2e9bd)}
.license-action .legacy-button{width:100%}

.comparison-intro{display:grid;grid-template-columns:265px 1fr;border:1px solid #a8b7c0;background:#f7f9fa}
.comparison-copy{padding:14px;border-right:1px solid #a8b7c0}
.comparison-copy strong{display:block;margin-bottom:6px;color:#174767;font:400 22px/1.3 Georgia,'Times New Roman',serif}
.comparison-copy p{margin:0;line-height:19px}
.comparison{width:100%;border-collapse:collapse;font-size:11px}
.comparison th,.comparison td{padding:8px;border-left:1px solid #b7c3ca;border-bottom:1px solid #b7c3ca;text-align:left;vertical-align:top}
.comparison tr:last-child td{border-bottom:0}
.comparison th{color:#164967;background:linear-gradient(#f7f9fa,#dde6ea)}
.comparison th:first-child,.comparison td:first-child{border-left:0;width:22%}
.comparison td:nth-child(2){color:#58666d;background:#fbfbfb}
.comparison td:nth-child(3){background:#f0f7f4}
.comparison b{color:#075f42}

.process-track{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #a5b5be}
.process-step{position:relative;min-height:145px;padding:11px 9px;border-right:1px solid #a5b5be;background:linear-gradient(#fff,#f0f4f6)}
.process-step:last-child{border-right:0}
.process-step:not(:last-child):after{content:'›';position:absolute;right:-8px;top:57px;z-index:2;width:16px;height:25px;line-height:22px;text-align:center;color:#fff;font-size:18px;background:#416f89;border:1px solid #2b546b}
.process-iconline{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.process-number{width:27px;height:27px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background:linear-gradient(#14805a,#07573d);border:1px solid #044932}
.process-iconline img{width:24px;height:24px}
.process-step h3{margin:0 0 5px;color:#164967;font-size:11px;line-height:15px}
.process-step p{margin:0;color:#4b5d67;font-size:10px;line-height:15px}

.sidebar-panel{margin-bottom:13px;border:1px solid #94a8b4;background:#fff}
.sidebar-title{min-height:33px;display:flex;align-items:center;padding:0 9px;color:#164967;font-weight:700;background:linear-gradient(#fafcfd,#dbe6ec);border-bottom:1px solid #94a8b4}
.sidebar-title img{width:17px;height:17px;margin-right:7px}
.sidebar-body{padding:10px;line-height:18px}
.sidebar-panel.gold{border-color:#ad9845}
.sidebar-panel.gold .sidebar-title{color:#594703;background:linear-gradient(#fffbea,#e9dc9f);border-bottom-color:#ad9845}
.sidebar-panel.green{border-color:#4e856f}
.sidebar-panel.green .sidebar-title{color:#fff;background:linear-gradient(#167f5a,#07573d);border-bottom-color:#3c725d}
.sidebar-list{margin:0;padding-left:18px}
.sidebar-list li{margin-bottom:7px}
.sidebar-list li:last-child{margin-bottom:0}
.sidebar-links a{min-height:34px;display:flex;align-items:center;padding:6px 8px;text-decoration:none;border-bottom:1px solid #d7dfe3}
.sidebar-links a:last-child{border-bottom:0}
.sidebar-links a:hover{background:#f1f6f8}
.sidebar-links img{width:17px;height:17px;margin-right:8px}
.sidebar-status{display:grid;grid-template-columns:17px 1fr;gap:4px 7px;margin-bottom:9px}
.sidebar-status:last-child{margin-bottom:0}
.sidebar-status img{width:16px;height:16px}
.sidebar-status strong{color:#164967}
.sidebar-status span{grid-column:2;color:#53636c}

.page-head{position:relative;padding:24px 27px 25px;border:1px solid #8399a7;background:linear-gradient(102deg,#fff 0,#fff 66%,#e4edf2 100%);overflow:hidden}
.page-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--green-700) 0 36%,var(--blue-800) 36% 79%,var(--gold-500) 79%)}
.page-head-label{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#075f42;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.page-head-label img{width:18px;height:18px}
.page-head h1{max-width:880px;margin:0;color:#123f5e;font:400 34px/1.18 Georgia,'Times New Roman',serif}
.page-head p{max-width:900px;margin:10px 0 0;color:#384b55;font-size:14px;line-height:22px}
.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:13px;margin-top:13px}
.article-panel{margin-bottom:13px;border:1px solid #93a7b3;background:#fff}
.article-title{min-height:36px;display:flex;align-items:center;padding:0 11px;color:#fff;font-size:13px;font-weight:700;background:linear-gradient(#2d7096,#164b6f 49%,#103f60 50%,#1c587c);border-bottom:1px solid #0e3a57}
.article-title img{width:18px;height:18px;margin-right:8px}
.article-body{padding:17px 19px}
.article-body h2{margin:0 0 10px;color:#174767;font:400 24px/1.28 Georgia,'Times New Roman',serif}
.article-body h3{margin:19px 0 7px;color:#075d41;font-size:14px}
.article-body p{margin:0 0 11px;line-height:20px}
.article-body ul,.article-body ol{margin:0 0 12px;padding-left:22px;line-height:20px}
.article-body li{margin-bottom:4px}
.article-body .intro{font-size:14px;line-height:22px;color:#30434d}

.data-table{width:100%;border-collapse:collapse}
.data-table th,.data-table td{padding:8px 9px;border:1px solid #b8c4ca;text-align:left;vertical-align:top}
.data-table th{color:#164967;background:linear-gradient(#f7f9fa,#e0e8ec)}
.data-table tr:nth-child(even) td{background:#f8fafb}
.data-table .category{width:210px;font-weight:700;color:#075c40}
.ready-badge{display:inline-flex;align-items:center;gap:5px;min-width:78px;justify-content:center;padding:2px 6px;color:#075f42;font-size:10px;font-weight:700;border:1px solid #87b3a2;background:#edf8f3}
.ready-badge img{width:13px;height:13px}

.feature-register{border:1px solid #aebcc4}
.feature-row{display:grid;grid-template-columns:48px 205px 1fr 90px;min-height:68px;border-bottom:1px solid #ccd5da}
.feature-row:last-child{border-bottom:0}
.feature-row .feature-icon{display:flex;align-items:center;justify-content:center;background:#edf2f4;border-right:1px solid #ccd5da}
.feature-row .feature-icon img{width:27px;height:27px}
.feature-row h3{margin:0;display:flex;align-items:center;padding:10px;color:#164967;font-size:12px;background:#f7f9fa;border-right:1px solid #ccd5da}
.feature-row p{margin:0;padding:10px 12px;line-height:19px}
.feature-row .feature-state{display:flex;align-items:center;justify-content:center;color:#075f42;font-weight:700;background:#eff8f4;border-left:1px solid #ccd5da}

.workflow-register{border:1px solid #aebcc4}
.workflow-row{display:grid;grid-template-columns:52px 190px 1fr;min-height:72px;border-bottom:1px solid #ccd5da}
.workflow-row:last-child{border-bottom:0}
.workflow-row .nr{display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;background:linear-gradient(#14805a,#07573d)}
.workflow-row h3{margin:0;display:flex;align-items:center;padding:11px;color:#164967;font-size:12px;background:#eef3f5;border-right:1px solid #ccd5da}
.workflow-row p{margin:0;padding:11px 13px;line-height:19px}

.callout{margin:13px 0;padding:11px 13px;border:1px solid #b5a04d;background:#fffbe4;line-height:19px}
.callout strong{color:#594703}
.definition{padding:13px;border-left:4px solid var(--blue-700);background:#eef4f7;line-height:20px}
.definition strong{color:#164967}

.form-window{border:1px solid #667f8f;background:#fff;box-shadow:2px 2px 0 #b9c3c9}
.form-window-title{min-height:34px;display:flex;align-items:center;padding:0 10px;color:#fff;font-weight:700;background:linear-gradient(#16809d,#075b75 49%,#04506a 50%,#0c6882)}
.form-window-title img{width:18px;height:18px;margin-right:8px}
.form-window-body{padding:14px}
.form-grid{display:grid;grid-template-columns:215px 1fr;border-top:1px solid #bdc8ce;border-left:1px solid #bdc8ce}
.form-label,.form-field{min-height:48px;padding:9px;border-right:1px solid #bdc8ce;border-bottom:1px solid #bdc8ce}
.form-label{color:#164967;font-weight:700;background:linear-gradient(#f7f9fa,#e7edf0)}
.form-label small{display:block;margin-top:3px;color:#697980;font-weight:400}
.form-field input,.form-field select,.form-field textarea{width:100%;min-height:30px;padding:5px 6px;color:#1c2b33;border:1px solid #82949f;background:#fff;box-shadow:inset 1px 1px 2px rgba(42,62,74,.09)}
.form-field textarea{height:130px;resize:vertical}
.form-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.form-feedback{display:none;margin-top:11px;padding:10px;border:1px solid #72a38e;background:#edf8f3;color:#075a3e}
.form-feedback.show{display:block}
.privacy-check{display:flex;align-items:flex-start;gap:7px;line-height:18px}
.privacy-check input{width:auto;min-height:auto;margin-top:2px}

.login-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px}
.login-window{border:1px solid #5d788a;background:#fff;box-shadow:2px 2px 0 #b9c4ca}
.login-title{min-height:35px;display:flex;align-items:center;padding:0 10px;color:#fff;font-weight:700;background:linear-gradient(#16809d,#075b75 49%,#04506a 50%,#0c6882)}
.login-title img{width:18px;height:18px;margin-right:8px}
.login-body{padding:16px}
.login-row{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:8px;margin-bottom:10px}
.login-row label{color:#164967;font-weight:700}
.login-row input{height:31px;padding:5px 6px;border:1px solid #82949f}
.login-note{padding:13px;border:1px solid #9babb5;background:#f3f7f9;line-height:19px}

.faq-item{margin-bottom:7px;border:1px solid #aebbc3}
.faq-question{width:100%;min-height:38px;padding:0 10px;text-align:left;color:#164967;font-weight:700;border:0;background:linear-gradient(#f9fbfc,#dfe8ec)}
.faq-question:after{content:'+';float:right;font-size:18px}
.faq-answer{display:none;padding:11px;border-top:1px solid #aebbc3;line-height:19px;background:#fff}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question{background:#edf4f7}
.faq-item.open .faq-question:after{content:'−'}

.footer{margin-top:18px;border-top:4px solid var(--green-950);background:#e3ebef}
.footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:25px;padding:19px 17px 17px}
.footer h2{margin:0 0 8px;color:#164967;font-size:12px}
.footer p{margin:0;color:#50626c;line-height:18px}
.footer a{display:block;margin-bottom:5px;text-decoration:none}
.footer-bottom{min-height:39px;display:flex;align-items:center;padding:8px 17px;color:#53636c;background:#d4e0e6;border-top:1px solid #aebdc6}
.footer-bottom .right{margin-left:auto}
.product-state{color:#075f42;font-weight:700}

.toast{display:none;position:fixed;right:20px;bottom:20px;z-index:999;max-width:380px;padding:11px 13px;border:1px solid #7f6f2b;background:#fffbd8;box-shadow:2px 2px 0 #aeb5b9;line-height:18px}
.toast.show{display:block}

@media(max-width:1000px){
  .site-shell{max-width:none;width:100%;border-left:0;border-right:0}
  .masthead-panel{display:none}
  .mobile-menu{display:block}
  .main-nav{display:none;height:auto;padding:0;flex-direction:column}
  .main-nav.open{display:flex}
  .main-nav a,.main-nav a.login{min-height:40px;margin:0;border-left:0;border-right:0;border-bottom:1px solid #477a98}
  .main-nav a.active{border-top:0;border-left:5px solid var(--gold-500)}
  .hero-frame{grid-template-columns:1fr}
  .hero-main{border-right:0;border-bottom:1px solid #768f9f}
  .assurance-strip{grid-template-columns:1fr 1fr}
  .assurance-item:nth-child(2){border-right:0}
  .assurance-item:nth-child(-n+2){border-bottom:1px solid #bdc8ce}
  .main-layout,.page-layout,.login-grid{grid-template-columns:1fr}
  .process-track{grid-template-columns:repeat(4,1fr)}
  .process-step{border-bottom:1px solid #a5b5be}
  .process-step:nth-child(4n){border-right:0}
  .process-step:after{display:none}
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
}

@media(max-width:680px){
  body{border-top-width:3px}
  .utility-status{display:none}
  .utility-links a{padding:0 8px;font-size:10px}
  .masthead{min-height:88px;padding:9px}
  .brand{width:100%}
  .brand img{width:310px}
  .content{padding:7px}
  .hero-main{padding:21px 18px}
  .hero-main h1{font-size:30px;line-height:1.2}
  .hero-lead{font-size:14px;line-height:21px}
  .hero-proof{grid-template-columns:1fr}
  .button-row{display:grid}
  .legacy-button{width:100%}
  .assurance-strip,.module-grid,.license-banner,.comparison-intro,.footer-grid{grid-template-columns:1fr}
  .assurance-item{border-right:0;border-bottom:1px solid #bdc8ce}
  .assurance-item:last-child{border-bottom:0}
  .module-card{border-right:1px solid #c0cbd1}
  .license-copy{border-right:0;border-bottom:1px solid #d0bf78}
  .comparison-copy{border-right:0;border-bottom:1px solid #a8b7c0}
  .comparison{font-size:10px}
  .process-track{grid-template-columns:1fr}
  .process-step{border-right:0}
  .feature-row{grid-template-columns:44px 1fr}
  .feature-row h3{border-right:0}
  .feature-row p{grid-column:1/3;border-top:1px solid #ccd5da}
  .feature-row .feature-state{grid-column:1/3;min-height:34px;border-left:0;border-top:1px solid #ccd5da}
  .workflow-row{grid-template-columns:44px 1fr}
  .workflow-row h3{border-right:0}
  .workflow-row p{grid-column:1/3;border-top:1px solid #ccd5da}
  .form-grid{grid-template-columns:1fr}
  .form-label{border-bottom:0}
  .form-actions{display:grid}
  .login-row{grid-template-columns:1fr;gap:4px}
  .footer-bottom{display:block}
  .footer-bottom .right{margin:5px 0 0}
  .page-head{padding:19px}
  .page-head h1{font-size:28px}
}