/* Tokens from SAMUTAG Studio theme.css; no IDE styles. */
:root {
  color-scheme: light;
  --theme-bg: #e7ebf0;
  --theme-bg-grid: #d7dde5;
  --theme-surface: #f7f8fa;
  --theme-surface-2: #edf0f4;
  --theme-surface-3: #e1e6ec;
  --theme-input: #ffffff;
  --theme-canvas: #c8ced6;
  --theme-sheet: #f7f8fa;
  --theme-line: #b8c0cb;
  --theme-line-strong: #8995a5;
  --theme-text: #202833;
  --theme-muted: #566273;
  --theme-accent: #246fce;
  --theme-accent-strong: #1e5eae;
  --theme-accent-soft: #d8e7fa;
  --theme-success: #237c4b;
  --theme-warning: #946200;
  --theme-danger: #b52f3d;
  --theme-overlay: rgba(32, 40, 51, .45);
  --theme-shadow: 0 20px 55px rgba(39, 49, 63, .2);
}


/* Shared Studio presentation, retaining the existing Django page layouts. */
:root {
  --bg:var(--theme-bg);--surface:var(--theme-surface);--card:var(--theme-surface);
  --ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);
  --accent:var(--theme-accent-strong);--button-ink:#fff;--grid:var(--theme-bg-grid);
  --header:var(--theme-surface);--input:var(--theme-input);--error:var(--theme-danger);
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}
.container{width:min(1200px,calc(100% - 48px))}
.header-inner{min-height:80px;padding-block:12px;gap:24px}
.header .brand{font-size:17px;letter-spacing:.3px}
.brand small{font-size:14px;letter-spacing:0;line-height:1.5}
.header nav{font-size:16px;gap:24px}
.header nav a{padding-block:12px}
.header .menu-toggle{background:var(--theme-surface-2);border-color:var(--theme-line-strong);border-radius:7px;min-height:44px;min-width:44px}
h1,.home-hero h1,.page-head h1{font-size:clamp(32px,3.2vw,42px);line-height:1.2;font-weight:650;letter-spacing:-.8px}
h2,.home-page h2,.service-detail h2{font-size:26px;line-height:1.3;font-weight:650;letter-spacing:-.3px}
h3,.home-page h3{font-size:20px;font-weight:600;letter-spacing:0}
.eyebrow,.home-page .eyebrow,.home-level-code,.home-platform-own .home-level-code,.number{font:600 14px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;letter-spacing:0}
.lead,.home-hero-intro .lead,.page-head .lead{font-size:16px;line-height:1.6}
.home-hero{padding-block:40px;gap:32px}
.home-section,.section{padding-block:32px}
.home-surface{background:var(--theme-bg)}
.page-head{padding-block:40px 24px}
.home-section-heading{margin-bottom:24px}
.home-section-heading>p{font-size:14px}
.button,.home-hero .button,.form-panel .button{font-size:14px;min-height:44px;padding:10px 16px;border-radius:7px;background:var(--theme-accent-strong);color:#fff;border:1px solid var(--theme-accent-strong);transition:none}
.button:hover{transform:none;box-shadow:none;filter:none;border-color:var(--theme-text)}
.button.secondary{background:var(--theme-surface-2);color:var(--theme-text);border-color:var(--theme-line-strong)}
.button.secondary:hover{background:var(--theme-surface-3);border-color:var(--theme-accent)}
.text-link{font-size:15px}
.home-platform-card,.home-platform-card:not(.home-platform-own){border:1px solid var(--theme-line);border-radius:9px;padding:20px;background:var(--theme-surface)}
.home-platform-card p,.home-page p,.home-page li{font-size:15px}
.home-platform-card h3{font-size:20px}
.home-platform-own{border-top:3px solid var(--theme-accent);background:var(--theme-surface-2)}
.home-platform-own h3{font-size:30px}
.product-link{color:var(--theme-text);text-decoration:none}
.product-link:hover{border-color:var(--theme-accent);background:var(--theme-surface-3)}
.product-link-label{display:block;margin-top:auto;padding-top:20px;color:var(--theme-accent);font-weight:600;font-size:14px}
.home-platform-own .home-product-status{font-size:14px}
.home-architecture-figure{border-radius:9px;background:var(--theme-surface)}
.home-architecture-figure figcaption,.home-page .home-hint{font-size:14px}
.home-layer strong{font-size:20px}
.home-work-grid{gap:32px}
.home-work-steps li:before{font-family:inherit;font-size:14px}
.home-existing{padding-left:24px}
.service-detail{gap:24px}
.service-detail:not(.service-featured){padding:24px;margin-top:16px;border:1px solid var(--theme-line);border-radius:9px;background:var(--theme-surface)}
.service-featured{border:1px solid var(--theme-line);border-left:3px solid var(--theme-accent);border-radius:9px;padding:24px;background:var(--theme-surface-2)}
.service-detail p{font-size:15px;max-width:900px}
.service-detail h2{margin-bottom:16px}
.service-detail .button{margin-top:16px}
.contact-head{padding-bottom:8px}
.contact-head,.contact-content{max-width:900px}
.contact-head h1{margin-bottom:16px}
.form-panel{padding:24px;border:1px solid var(--theme-line);border-radius:9px;background:var(--theme-surface)}
.field label{font-size:16px}
.field input,.field textarea{font-size:16px;border-color:var(--theme-line-strong);border-radius:7px;line-height:1.5}
.field small,.consent,.form-guidance,.form-panel .small{font-size:14px}
.form-panel form>.small{margin-bottom:0}
#contact-form{scroll-margin-top:120px}
.errorlist{font-size:15px}
.footer{padding-block:24px}
.footer-top{padding-bottom:24px}
.footer-top p{font-size:14px}
.footer-bottom{font-size:13px}
@media(max-width:1050px){.header-inner{gap:16px}.header nav a{padding-block:8px}}
@media(max-width:600px){
 .container{width:calc(100% - 32px)}
 .header-inner{padding-block:8px;gap:8px 12px}
 .header .brand{font-size:16px}.brand small{font-size:14px}
 .header nav{font-size:16px}
 .home-hero h1,.page-head h1{font-size:30px;letter-spacing:-.5px}
 .home-hero{padding-block:24px;gap:20px}
 .home-hero .actions{margin-top:20px}
 .home-page h2,.service-detail h2{font-size:24px}
 .home-section,.section{padding-block:24px}
 .home-existing{padding:24px 0 0}
 .service-detail:not(.service-featured),.service-featured,.form-panel{padding:16px}
 .page-head{padding-block:24px 16px}
 .contact-head{padding-bottom:0}
 .footer-top p{margin-block:16px}
}

:root .product-link-label{color:var(--theme-accent-strong)}

/* Original SAMUTAG mark, before the site's name. */
.header .brand{gap:12px;min-width:0}
.brand-emblem{display:block;width:76px;height:auto;object-fit:contain;flex-shrink:0}
@media(max-width:600px){
 .header-inner{grid-template-columns:minmax(0,1fr) auto}
 .header .brand{grid-column:1/-1;grid-row:1;flex:initial}
 .brand-emblem{width:64px}
 .header .menu-toggle{grid-column:2;grid-row:2;justify-self:end}
 .header nav{grid-row:3}
}

.contact-other{font-size:14px;color:var(--muted);margin:12px 0 0}

.field select{width:100%;min-height:46px;padding:12px;border:1px solid var(--theme-line-strong);border-radius:7px;background:var(--theme-input);color:var(--theme-text);font:inherit;font-size:16px;line-height:1.5;touch-action:manipulation}
.field select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.field select:hover{border-color:var(--accent)}
.field select[aria-invalid=true]{border-color:var(--error)}