/* A quieter architectural workspace: paper, graphite and a single blue accent. */
.simple-home{--home-ink:#182a36;--home-muted:#62727c;--home-accent:#226688;max-width:1480px;margin:auto;color:var(--text);}
.simple-home .simple-home__masthead{background:none;border:0;box-shadow:none;padding-top:clamp(32px,6vw,88px)}
.simple-home__brand-row{display:none!important}
.simple-home .simple-home__hero{gap:clamp(28px,5vw,76px);align-items:center}
.simple-home .simple-home__eyebrow{font-size:11px;letter-spacing:.17em;font-weight:650;color:var(--muted)}
.simple-home #home-title{font-size:clamp(38px,4.8vw,70px);line-height:1.06;letter-spacing:-.055em;font-weight:650}
.simple-home .simple-home__title-blue{color:var(--text);background:none;-webkit-text-fill-color:currentColor}
.simple-home .simple-home__masthead-lede{font-size:17px;line-height:1.75;max-width:520px;color:var(--muted)}
.simple-home .simple-home__hero-glow{display:none}
.simple-home .simple-home__figure{transform:none;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 20px 55px #132d3f0d;overflow:hidden}
.simple-home .simple-home__figure figcaption{background:var(--surface);border-top:1px solid var(--line);padding:16px 20px}
.simple-home .simple-home__action{border-radius:5px;box-shadow:none;font-size:14px;font-weight:650;min-height:46px}
.simple-home .simple-home__action--warm{background:#226688;color:white;border-color:#226688}
.simple-home .simple-home__action--blue{background:transparent;color:var(--text);border:1px solid var(--line)}
.simple-home .simple-home__io{background:transparent;border:0;padding:0;margin:24px 0;box-shadow:none}
.simple-home .simple-home__io-step{border-radius:3px;background:var(--surface);border:1px solid var(--line);box-shadow:none}
.simple-home .simple-home__explanation,.simple-home .simple-home__workflow,.simple-home .simple-home__templates{background:none;border-radius:0;border:0;border-top:1px solid var(--line);box-shadow:none;padding-top:48px;padding-bottom:48px}
.simple-home .simple-home__section-label{font-size:10px;letter-spacing:.18em;color:var(--muted)}
.simple-home h2{letter-spacing:-.035em}
.simple-home .simple-home__module{border-radius:6px;border:1px solid var(--line);box-shadow:none;background:var(--surface)}
.simple-home .simple-home__module:hover{border-color:#226688;box-shadow:0 6px 20px #132d3f0a;transform:translateY(-2px)}
.simple-home .simple-home__print-note{background:var(--surface);border-radius:4px;border:1px solid var(--line)}
.home-pdf-preview{min-width:0;border:1px solid #ced6dc;border-radius:6px;overflow:hidden;background:#e9edf0;box-shadow:0 12px 35px #132d3f0c}
.home-pdf-preview__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:#233747;color:#fff;font-size:11px;letter-spacing:.09em}
.home-pdf-preview__bar a{color:#cae5f6;letter-spacing:0;text-decoration:none;font-size:12px}
.home-pdf-preview iframe{display:block;width:100%;height:590px;border:0}
.home-pdf-preview>p{margin:0;padding:12px 16px;font-size:11px;color:#506676;background:#f4f6f8}
.ezelsrug-workbench{border-radius:8px;background:var(--surface);box-shadow:0 8px 32px #142e3d0a;border:1px solid var(--line)}
.ezelsrug-workbench .calculator-topbar{background:var(--surface);border-bottom:1px solid var(--line)}
.ezelsrug-workbench .input-panel,.ezelsrug-workbench .results-panel,.ezelsrug-workbench .drawing-panel{border-radius:0;background:var(--surface);box-shadow:none}
.ezelsrug-workbench .panel-index{border-radius:4px;background:#edf3f6;color:#476475;box-shadow:none}
.ezelsrug-workbench .panel-heading h2{font-size:15px;letter-spacing:-.02em}
.ezelsrug-workbench .ezelsrug-input-section{border-color:var(--line);background:transparent;border-radius:4px}
.ezelsrug-workbench .field__control{border-radius:4px;box-shadow:none}
.ezelsrug-workbench .ezelsrug-fit-slope{border-radius:4px;background:#226688;color:white;border-color:#226688;box-shadow:none}
.ezelsrug-workbench .ezelsrug-canvas{background:var(--surface);border-radius:0;min-height:470px}
.ezelsrug-workbench .ezelsrug-drawing-caption{font-size:11px;letter-spacing:.025em;padding:16px;color:var(--muted);border-top:1px solid var(--line);background:transparent}
.ezelsrug-workbench .workbench-output-tabs{border-radius:5px;box-shadow:none;background:var(--surface)}
.ezelsrug-workbench .workbench-output-tab,.ezelsrug-workbench .workbench-output-pdf{border-radius:3px;box-shadow:none}
.arch-depth-preview__face.is-standing.is-front{fill:#b9dff1}
.arch-depth-preview__face.is-standing.is-side{fill:#7fb4cd}
.arch-depth-preview__face.is-standing.is-rear{fill:#99c7dd}
@media(max-width:760px){.home-pdf-preview iframe{height:470px}.simple-home .simple-home__masthead{padding-top:28px}.simple-home .simple-home__masthead-lede{font-size:15px}.ezelsrug-workbench .ezelsrug-canvas{min-height:340px}}
.credit-expiry-overview{grid-column:1/-1;width:100%}.credit-expiry-overview ul{list-style:none;padding:0;margin:0}.credit-expiry-overview li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.credit-expiry-overview li span{color:var(--muted)}
.simple-home .simple-home__product{border-radius:6px;border:1px solid var(--line);background:var(--surface);box-shadow:none}
.simple-home .simple-home__product-icon{border-radius:5px;background:#edf3f6;color:#476475;box-shadow:none}
.simple-home .simple-home__product-visual{background:transparent}
.simple-home .simple-home__final,.simple-home .simple-home__support{background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:none}
.simple-home .home-arches{background:none;border:0;box-shadow:none;border-top:1px solid var(--line);border-radius:0}
.admin-input-parameters{grid-column:1/-1;min-width:0}.admin-input-parameters h4{margin:8px 0 16px}.admin-input-parameters dd{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font-variant-numeric:tabular-nums}.admin-input-parameters .admin-detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
/* Override the older multicolour theme on the public landing page. */
:root .simple-home{background:var(--surface)!important;--home-ink:var(--text);--home-copy:var(--muted)}
:root .simple-home .simple-home__title-blue{background:none!important;color:var(--text)!important;-webkit-text-fill-color:currentColor!important}
:root .simple-home__masthead::before,:root .simple-home__masthead::after,:root .simple-home__hero-visual::before{display:none!important}
.simple-home .simple-home__hero{margin-top:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)}
.simple-home .simple-home__eyebrow>span{background:#226688;box-shadow:none}
.simple-home .home-arches__choice,.simple-home .home-arches__example{border-radius:6px;box-shadow:none;background:var(--surface)}
.simple-home .home-arches__choice[aria-pressed=true]{background:#eaf2f6;box-shadow:inset 0 -2px #226688}
:root .simple-home .home-arches__drawing{background:#f2f5f6}
:root .site-header__inner{border-radius:6px;background:var(--surface);border:1px solid var(--line);box-shadow:0 3px 14px #18313e08;backdrop-filter:none}
:root .cookie-notice{border-radius:8px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 50px #172c3d20}
:root .cookie-notice__mark,:root .cookie-notice__actions button{background:#226688;border-radius:4px;box-shadow:none}
:root .cookie-notice__settings{background:var(--surface);border-radius:4px}
@media(max-width:980px){.simple-home .simple-home__hero{grid-template-columns:1fr}.simple-home .simple-home__hero-visual{padding:0}.simple-home #home-title{font-size:clamp(38px,7vw,62px)}}
:root .site-header__inner{background:var(--surface)!important;box-shadow:0 3px 14px #18313e08!important;border-radius:6px!important}
body:has(.simple-home),body:has(.ezelsrug-workbench){background:var(--surface)!important}
body:has(.simple-home)::before,body:has(.simple-home)::after,body:has(.ezelsrug-workbench)::before,body:has(.ezelsrug-workbench)::after{display:none!important}
.ezelsrug-workbench .calculator-topbar,.ezelsrug-workbench .calculator-tabs__link{border-radius:4px;box-shadow:none}
.ezelsrug-workbench .ezelsrug-drawing-panel{align-self:start}
.ezelsrug-workbench .ezelsrug-canvas{height:510px;min-height:400px;flex:0 0 auto;align-items:center}
.ezelsrug-workbench .ezelsrug-preview{max-height:410px;padding:28px}
.ezelsrug-workbench .result-list{margin-top:12px}
.ezelsrug-workbench .result-list>div{padding-block:15px}
@media(max-width:680px){.ezelsrug-workbench .ezelsrug-canvas{height:380px;min-height:320px}.ezelsrug-workbench .ezelsrug-preview{max-height:340px;padding:14px}}
:root .desktop-topbar{background:var(--surface)!important;border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 20px #18313e0a;backdrop-filter:none;-webkit-backdrop-filter:none}
:root .desktop-topbar__link,:root .desktop-topbar__account,:root .desktop-topbar__login{border-radius:4px}

@media(max-width:980px){.simple-home .simple-home__brand-row{display:flex!important;align-items:center;justify-content:center;margin:0 0 26px;padding:0}.simple-home .simple-home__brand-row .simple-home__logo{display:block;width:190px;max-width:65vw;height:auto}.simple-home .simple-home__brand-row>span{display:none}.simple-home .simple-home__masthead{padding-top:20px}}
.arch-depth-section__cell.is-fitting.is-standing{fill:#b9dff1;stroke:#617681;stroke-dasharray:2 1}
.arch-depth-section__cell.is-fitting.is-lying{fill:#efa968;stroke:#617681;stroke-dasharray:2 1}

/* The welcome panel's warm paper and pale blue recur across the homepage. */
.simple-home, .credit-plans, .admin-site-shell {
 --panel-start: #f8f6f0;
 --panel-end: #edf4f8;
 --panel-line: #d7e0e7;
 --panel-ink: #19364a;
 --panel-copy: #496171;
 --panel-inset: #ffffffa6;
 --panel-accent: #226688;
}
:root[data-theme="dark"] :is(.simple-home, .credit-plans, .admin-site-shell) {
 --panel-start: #2a2c2b;
 --panel-end: #192d3b;
 --panel-line: #40515c;
 --panel-ink: #edf3f7;
 --panel-copy: #becdd6;
 --panel-inset: #ffffff09;
 --panel-accent: #a8d9f2;
}
.simple-home :is(.simple-home__welcome, .home-time-saver, .simple-home__design, .simple-home__workflow, .simple-home__final) {
 --home-ink: var(--panel-ink);
 --home-copy: var(--panel-copy);
 color: var(--panel-ink);
 background: linear-gradient(115deg, var(--panel-start), var(--panel-end));
 border: 1px solid var(--panel-line);
 border-radius: 18px;
 box-shadow: none;
}
.simple-home .home-time-saver { padding: clamp(24px,3vw,38px); }
.simple-home :is(.simple-home__design, .simple-home__workflow) { padding: clamp(24px,4vw,48px); }
.simple-home :is(.simple-home__welcome, .home-time-saver, .simple-home__design, .simple-home__workflow, .simple-home__final) :is(p, li, small, .simple-home__section-label) { color: var(--panel-copy); }
.simple-home :is(.simple-home__welcome, .home-time-saver, .simple-home__design, .simple-home__workflow, .simple-home__final) :is(h2, strong) { color: var(--panel-ink); }
.simple-home .simple-home__welcome-icon { background: var(--panel-inset); color: var(--panel-accent); }
.simple-home .simple-home__product.special-masonry-home__product { background: linear-gradient(130deg,var(--panel-start),var(--panel-end)); border-color: var(--panel-line); border-radius: 14px; }
.simple-home .simple-home__product.special-masonry-home__product:nth-child(even) { background: linear-gradient(130deg,var(--panel-end),var(--panel-start)); }
:root .simple-home .home-arches__drawing { background: linear-gradient(120deg,var(--panel-start),var(--panel-end)); }
.simple-home .home-arches__example { border-color: var(--panel-line); border-radius: 14px; }

/* One joined panel: workshop explanation on the left, purchase on the right. */
.credit-plans, .simple-home .credit-plans {
 padding: clamp(24px,4vw,44px);
 background: linear-gradient(115deg,var(--panel-start),var(--panel-end));
 border: 1px solid var(--panel-line);
 border-radius: 18px;
 color: var(--panel-ink);
 box-shadow: none;
}
.credit-plans .subscription-plans__layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(28px,4vw,56px); align-items: center; }
.credit-plans__intro { min-width: 0; }
.credit-plans .subscription-plans__heading { max-width: none; margin: 0 0 24px; }
.credit-plans .subscription-plans__heading h2 { margin: 12px 0 18px; max-width: 18ch; font-size: clamp(28px,3vw,40px); line-height: 1.12; color: var(--panel-ink); }
.credit-plans .subscription-plans__heading p { margin-block: 0; font-size: 14px; line-height: 1.7; color: var(--panel-copy); }
.credit-plans .subscription-plans__heading .simple-home__section-label { font-size: 10px; letter-spacing: .17em; color: var(--panel-copy); }
.credit-plans .subscription-plan { border: 0; border-radius: 0; padding: 0; box-shadow: none; background: transparent; cursor: default; color: var(--panel-copy); }
.credit-plans .subscription-plan--features { display: grid; gap: 12px; padding-top: 22px; border-top: 1px solid var(--panel-line); }
.credit-plans .subscription-plan__name { font-size: 17px; font-weight: 700; color: var(--panel-ink); }
.credit-plans .subscription-plan--features ul { list-style: none; padding: 0; margin: 0; }
.credit-plans .subscription-plan--features li { position: relative; padding-left: 22px; margin: 8px 0; font-size: 13px; line-height: 1.55; }
.credit-plans .subscription-plan--features li::before { content: "✓"; position: absolute; left: 0; color: var(--panel-accent); font-weight: 700; }
.credit-plans__welcome { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 14px; border-radius: 10px; background: var(--panel-inset); font-size: 12px; line-height: 1.6; }
.credit-plans__welcome > .material-symbols-outlined { flex: 0 0 20px; font-size: 20px; color: var(--panel-accent); }
.credit-plans .credit-purchase { display: grid; gap: 16px; padding-left: clamp(24px,4vw,44px); border-left: 1px solid var(--panel-line); }
.credit-purchase__header { display: flex; align-items: center; gap: 12px; }
.credit-purchase__header > .material-symbols-outlined { display: grid; place-items: center; flex: 0 0 42px; height: 48px; border: 1px solid var(--panel-line); border-radius: 10px; background: var(--panel-inset); color: var(--panel-accent); font-size: 25px; }
.credit-purchase__header small { display: block; margin-top: 2px; font-size: 12px; color: var(--panel-copy); line-height: 1.5; }
.credit-purchase__price-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.credit-plans .credit-purchase .subscription-plan__price { font-size: 40px; line-height: 1.1; color: var(--panel-ink); font-variant-numeric: tabular-nums; }
.credit-plans .credit-purchase .subscription-plan__price small { display: block; margin-top: 5px; font-size: 12px; letter-spacing: 0; font-weight: 400; color: var(--panel-copy); }
.credit-purchase__discount { border: 1px solid var(--panel-line); background: var(--panel-inset); color: var(--panel-ink); padding: 7px 10px; border-radius: 24px; font-size: 12px; font-weight: 650; white-space: nowrap; }
.credit-purchase__tiers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.credit-purchase .credit-purchase__tiers button { display: grid; gap: 3px; padding: 10px 5px; min-height: 56px; min-width: 0; border: 1px solid var(--panel-line); border-radius: 9px; background: var(--panel-inset); color: var(--panel-copy); cursor: pointer; font-family: inherit; }
.credit-purchase .credit-purchase__tiers button[aria-pressed=true] { background: #226688; border-color: #226688; color: #fff; }
.credit-purchase__tiers b { font-size: 15px; }
.credit-purchase__tiers span { font-size: 11px; }
.credit-purchase__order { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: end; }
.credit-purchase__quantity { min-width: 0; }
.credit-purchase label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 650; color: var(--panel-copy); }
.credit-purchase select { appearance: auto; width: 100%; min-width: 0; min-height: 48px; padding: 10px; border: 1px solid var(--panel-line); border-radius: 9px; background: #fff; color: #19364a; font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.4; color-scheme: light; }
.credit-purchase :is(select,button):focus-visible { outline: 3px solid var(--panel-accent); outline-offset: 3px; }
.credit-purchase__summary { display: grid; gap: 5px; text-align: right; padding-bottom: 8px; }
.credit-purchase__summary > span { font-size: 11px; color: var(--panel-copy); }
.credit-purchase__total { font-size: 25px; color: var(--panel-ink); letter-spacing: -.025em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.credit-purchase p { margin: 0; font-size: 12px; line-height: 1.6; color: var(--panel-copy); }
.credit-purchase .credit-purchase__saving { font-weight: 650; color: var(--panel-accent); }
.credit-purchase__saving:empty { display: none; }
.credit-purchase .subscription-plans__submit { min-height: 50px; margin: 0; padding: 13px 18px; border: 0; border-radius: 9px; background: #226688; color: #fff; font-size: 15px; font-weight: 700; box-shadow: none; }
.credit-purchase .subscription-plans__submit:hover { background: #194e69; }
.credit-purchase .subscription-plans__submit:disabled { opacity: .65; }
.credit-purchase__payments { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; width: 100%; max-width: 296px; margin-inline: auto; }
.credit-payment-logo { display: flex; align-items: center; justify-content: center; min-width: 0; height: 40px; border: 1px solid #d3e2eb; border-radius: 7px; background: #fff; }
.credit-purchase__payments img { width: 52px; max-width: 100%; height: 30px; object-fit: contain; }
.account-menu__row .credit-plans { grid-column: 1/-1; width: 100%; }
@media(max-width:980px) {
 .credit-plans .subscription-plans__layout { gap: 28px; }
 .credit-plans .credit-purchase { padding-left: 24px; }
 .credit-purchase__order { grid-template-columns: minmax(0,1fr); }
 .credit-purchase__summary { display: flex; align-items: center; justify-content: space-between; padding: 0; }
}
@media(max-width:760px) {
 .credit-plans, .simple-home .credit-plans { margin: 28px 16px; padding: 24px 20px; }
 .credit-plans .subscription-plans__layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
 .credit-plans .subscription-plans__heading { margin-bottom: 18px; }
 .credit-plans .subscription-plan--features { padding-top: 18px; }
 .credit-plans .credit-purchase { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--panel-line); }
 .credit-plans .subscription-plans__heading h2 { font-size: 28px; }
 .credit-plans .subscription-plans__heading p { font-size: 13px; }
 .account-buy-credits .credit-plans { margin: 0; }
 .simple-home :is(.home-time-saver, .simple-home__design, .simple-home__workflow) { padding: 24px 20px; }
}
