:root{
  --sp-bg:#0a0a0b;
  --sp-bg-soft:#121417;
  --sp-panel:#171a1f;
  --sp-panel-2:#20242a;
  --sp-text:#f4f5f6;
  --sp-muted:#aeb4bb;
  --sp-line:#30353c;
  --sp-silver:#d4d7db;
  --sp-accent:#8e9399;
  --sp-radius:22px;
  --sp-shadow:0 24px 70px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth}
body.schermpie-site{
  background:
    radial-gradient(circle at 84% 5%,rgba(255,255,255,.06),transparent 28rem),
    linear-gradient(180deg,#0a0a0b 0%,#0d0f12 55%,#090a0c 100%);
  color:var(--sp-text);
}
body.schermpie-site .wp-site-blocks{min-height:100vh}
body.schermpie-site header.wp-block-template-part{
  position:sticky;top:0;z-index:20;
  background:rgba(10,10,11,.82);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}
body.schermpie-site header .wp-block-group.alignwide{min-height:76px}
body.schermpie-site .wp-block-site-title{font-weight:750;letter-spacing:-.03em}
body.schermpie-site .wp-block-site-title a{color:var(--sp-text);text-decoration:none;display:flex;gap:12px;align-items:center}
body.schermpie-site .wp-block-site-title a:before{
  content:"";width:30px;height:30px;display:inline-block;border-radius:7px;
  background:
   linear-gradient(110deg,transparent 0 12%,#eef1f3 13% 39%,transparent 40%),
   linear-gradient(110deg,transparent 0 35%,#9da3aa 36% 63%,transparent 64%),
   linear-gradient(110deg,transparent 0 58%,#454a51 59% 86%,transparent 87%);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
body.schermpie-site .wp-block-navigation a{color:#d9dde1;text-decoration:none}
body.schermpie-site .wp-block-navigation a:hover{color:#fff}
body.schermpie-site main{padding-bottom:72px}
body.schermpie-site .schermpie-page{
  padding-top:clamp(54px,8vw,112px);
}
body.schermpie-site .schermpie-hero{
  position:relative;overflow:hidden;
  padding:clamp(40px,7vw,92px);
  border:1px solid rgba(255,255,255,.09);
  border-radius:32px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),
    #101217;
  box-shadow:var(--sp-shadow);
}
body.schermpie-site .schermpie-hero:after{
  content:"";position:absolute;right:-7%;top:-18%;width:42%;aspect-ratio:1;
  border-radius:40px;transform:rotate(18deg);
  background:linear-gradient(135deg,rgba(238,241,243,.22),rgba(69,74,81,.02));
  filter:blur(.2px);pointer-events:none;
}
body.schermpie-site .schermpie-kicker{
  color:#b8bec5;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700
}
body.schermpie-site h1{
  font-size:clamp(2.9rem,7vw,6.7rem);
  line-height:.95;letter-spacing:-.055em;
  max-width:12ch;margin:.2em 0 .32em;
}
body.schermpie-site .schermpie-lead{
  max-width:760px;color:#cbd0d5;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.6
}
body.schermpie-site .wp-block-buttons{margin-top:30px}
body.schermpie-site .wp-block-button__link{
  border-radius:999px!important;padding:.82em 1.35em!important;
  background:#eef1f3!important;color:#0a0a0b!important;font-weight:700;
  transition:transform .18s ease,box-shadow .18s ease
}
body.schermpie-site .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,255,255,.12)}
body.schermpie-site .schermpie-section{
  margin-top:clamp(62px,8vw,110px)!important;
  padding-top:0;
}
body.schermpie-site .schermpie-section h2{
  font-size:clamp(2rem,4vw,3.7rem);line-height:1.04;letter-spacing:-.04em;max-width:16ch
}
body.schermpie-site .schermpie-section p{color:var(--sp-muted);font-size:1.08rem;line-height:1.75;max-width:820px}
body.schermpie-site .schermpie-section ul{
  list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px
}
body.schermpie-site .schermpie-section li{
  position:relative;padding:20px 22px 20px 52px;border:1px solid var(--sp-line);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  border-radius:18px;color:#e5e8eb
}
body.schermpie-site .schermpie-section li:before{
  content:"";position:absolute;left:20px;top:24px;width:12px;height:12px;border-radius:3px;
  background:linear-gradient(135deg,#e6e9ec,#777e86)
}
body.schermpie-site footer.wp-block-template-part{
  border-top:1px solid rgba(255,255,255,.08);
  background:#08090b;color:#9ca3aa;
}
body.schermpie-site footer .wp-block-site-title a{color:#fff}
body.schermpie-site a{transition:opacity .18s ease}
body.schermpie-site a:hover{opacity:.9}
@media (max-width:782px){
  body.schermpie-site .schermpie-page{padding-top:28px}
  body.schermpie-site .schermpie-hero{padding:34px 24px;border-radius:24px}
  body.schermpie-site h1{font-size:clamp(2.65rem,14vw,4.6rem)}
  body.schermpie-site .schermpie-section ul{grid-template-columns:1fr}
  body.schermpie-site header .wp-block-group.alignwide{min-height:64px}
}

.schermpie-mobile-menu{display:none;position:relative}
.schermpie-mobile-menu__toggle{
  width:44px;height:44px;display:grid;place-items:center;cursor:pointer;
  border:1px solid var(--sp-line);border-radius:12px;background:#15181c;
  list-style:none;
}
.schermpie-mobile-menu__toggle::-webkit-details-marker{display:none}
.schermpie-mobile-menu__icon,
.schermpie-mobile-menu__icon::before,
.schermpie-mobile-menu__icon::after{
  content:"";display:block;width:20px;height:2px;background:#eef1f3;border-radius:99px;transition:.2s ease
}
.schermpie-mobile-menu__icon{position:relative}
.schermpie-mobile-menu__icon::before{position:absolute;top:-6px;left:0}
.schermpie-mobile-menu__icon::after{position:absolute;top:6px;left:0}
.schermpie-mobile-menu[open] .schermpie-mobile-menu__icon{background:transparent}
.schermpie-mobile-menu[open] .schermpie-mobile-menu__icon::before{top:0;transform:rotate(45deg)}
.schermpie-mobile-menu[open] .schermpie-mobile-menu__icon::after{top:0;transform:rotate(-45deg)}
.schermpie-mobile-menu__panel{
  position:absolute;right:0;top:54px;width:min(88vw,340px);z-index:50;
  display:flex;flex-direction:column;gap:6px;padding:14px;
  background:#111419;border:1px solid var(--sp-line);border-radius:18px;box-shadow:0 28px 60px rgba(0,0,0,.45)
}
.schermpie-mobile-menu__panel a{
  display:block;padding:13px 14px;border-radius:12px;color:#e8ebee;text-decoration:none;font-weight:650
}
.schermpie-mobile-menu__panel a:hover{background:#1c2026;opacity:1}
.schermpie-mobile-menu__panel .schermpie-mobile-menu__cta{
  margin-top:6px;background:#eef1f3;color:#0a0a0b;text-align:center
}
@media (max-width:900px){
  body.schermpie-site header .wp-block-navigation,
  body.schermpie-site header .schermpie-header-cta{display:none!important}
  .schermpie-mobile-menu{display:block}
  body.schermpie-site header .wp-block-group.alignwide{flex-wrap:nowrap!important}
}

body.schermpie-site .fluentform{
  margin-top:26px;
  padding:clamp(20px,4vw,34px);
  border:1px solid var(--sp-line);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
}
body.schermpie-site .fluentform label{color:#e8ebee!important;font-weight:650}
body.schermpie-site .fluentform input,
body.schermpie-site .fluentform textarea,
body.schermpie-site .fluentform select{
  width:100%;
  background:#0d1014!important;
  border:1px solid #343a42!important;
  color:#f4f5f6!important;
  border-radius:12px!important;
  padding:13px 14px!important;
}
body.schermpie-site .fluentform input:focus,
body.schermpie-site .fluentform textarea:focus{
  border-color:#8e9399!important;
  box-shadow:0 0 0 3px rgba(142,147,153,.14)!important;
}
body.schermpie-site .fluentform .ff-btn-submit{
  background:#eef1f3!important;
  color:#0a0a0b!important;
  border:0!important;
  border-radius:999px!important;
  padding:12px 20px!important;
  font-weight:750!important;
}

.schermpie-dashboard-preview{
  margin-top:28px;border:1px solid var(--sp-line);border-radius:24px;overflow:hidden;
  background:#0d1014;box-shadow:var(--sp-shadow)
}
.schermpie-dashboard-preview__bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 18px;border-bottom:1px solid var(--sp-line);background:#15181d
}
.schermpie-dashboard-preview__brand{font-weight:800;color:#fff;letter-spacing:-.02em}
.schermpie-dashboard-preview__label{
  color:#949ba3;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700
}
.schermpie-dashboard-preview__body{display:grid;grid-template-columns:190px 1fr;min-height:330px}
.schermpie-dashboard-preview__nav{
  padding:18px;border-right:1px solid var(--sp-line);display:flex;flex-direction:column;gap:8px;background:#101318
}
.schermpie-dashboard-preview__nav span{
  padding:10px 12px;border-radius:10px;color:#9fa6ae;font-size:.9rem
}
.schermpie-dashboard-preview__nav .is-active{background:#232830;color:#fff;font-weight:700}
.schermpie-dashboard-preview__main{
  padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start
}
.schermpie-dashboard-preview__panel{
  padding:20px;border:1px solid #2f353d;border-radius:16px;background:linear-gradient(180deg,#171b20,#12151a)
}
.schermpie-dashboard-preview__panel--wide{grid-column:1/-1}
.schermpie-dashboard-preview__panel small{
  display:block;color:#89919a;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:700;margin-bottom:8px
}
.schermpie-dashboard-preview__panel strong{display:block;color:#f4f5f6;font-size:1rem;line-height:1.4}
.schermpie-dashboard-preview__rows{display:grid;gap:8px;margin-top:18px}
.schermpie-dashboard-preview__rows span{
  display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 12px;
  border:1px solid #30363e;border-radius:10px;background:#0d1014
}
.schermpie-dashboard-preview__rows b{font-size:.88rem;color:#dfe3e7}
.schermpie-dashboard-preview__rows em{font-style:normal;font-size:.76rem;font-weight:750}
.schermpie-dashboard-preview__rows .is-online{color:#b9dfc5}
@media (max-width:700px){
  .schermpie-dashboard-preview__body{grid-template-columns:1fr;min-height:0}
  .schermpie-dashboard-preview__nav{
    border-right:0;border-bottom:1px solid var(--sp-line);
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));white-space:normal
  }
  .schermpie-dashboard-preview__main{grid-template-columns:1fr;padding:16px}
  .schermpie-dashboard-preview__panel--wide{grid-column:auto}
}

.schermpie-price-examples{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px
}
.schermpie-price-card{
  padding:24px;border:1px solid var(--sp-line);border-radius:18px;
  background:linear-gradient(180deg,#171b20,#111419);text-align:left
}
.schermpie-price-card span{display:block;color:#aeb4bb;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.schermpie-price-card strong{display:block;color:#fff;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin:.2em 0}
.schermpie-price-card small{color:#8e959d}
.schermpie-price-note{margin-top:14px!important;font-size:.9rem!important;color:#8f969e!important}
.schermpie-comparison{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px
}
.schermpie-comparison>div{
  padding:24px;border:1px solid var(--sp-line);border-radius:18px;background:#111419
}
.schermpie-comparison>div.is-highlight{
  background:linear-gradient(180deg,#1b2026,#14181d);border-color:#555d66
}
.schermpie-comparison small{display:block;color:#8f969e;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:8px}
.schermpie-comparison strong{display:block;color:#fff;font-size:1.3rem;margin-bottom:16px}
.schermpie-comparison ul{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important}
.schermpie-comparison li{padding:11px 12px 11px 38px!important;border-radius:10px!important}
@media (max-width:700px){
  .schermpie-price-examples,.schermpie-comparison{grid-template-columns:1fr}
}

.schermpie-confirmation{
  margin:28px auto 0;max-width:1100px;padding:18px 20px;border:1px solid #49604f;
  border-radius:16px;background:#121a15;color:#eaf4ed;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center
}
.schermpie-confirmation strong{font-weight:800}
.schermpie-confirmation span{color:#b8c9bd}