/* TrimLab Design System --------------------------------------------------
   Primary identity: deep aerospace navy + cyan, technical but restrained.
   This file intentionally loads AFTER the legacy page styles so the complete
   suite receives one visual language without rewriting calculation markup.
--------------------------------------------------------------------------- */
:root{
  --tl-bg:#04111c;
  --tl-bg-2:#061927;
  --tl-panel:#081d2b;
  --tl-panel-2:#0b2435;
  --tl-panel-3:#0d2a3e;
  --tl-line:#163c53;
  --tl-line-soft:rgba(78,177,224,.18);
  --tl-text:#eef7fc;
  --tl-muted:#91aabd;
  --tl-subtle:#658296;
  --tl-cyan:#12baf0;
  --tl-cyan-2:#39d2ff;
  --tl-blue:#078fca;
  --tl-green:#49d18b;
  --tl-red:#ff7b87;
  --tl-amber:#f2c15d;
  --tl-shadow:0 22px 60px rgba(0,0,0,.22);
  --tl-radius:16px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--tl-bg)}
body{
  margin:0!important;
  color:var(--tl-text)!important;
  background:
    radial-gradient(circle at 82% 4%, rgba(16,149,215,.12), transparent 28rem),
    linear-gradient(180deg,#04111c 0%,#061725 56%,#04111c 100%)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}
a{color:inherit}
::selection{background:rgba(18,186,240,.28);color:white}

/* Header + brand */
.header{
  min-height:78px!important;height:78px!important;
  padding:0 clamp(20px,4vw,58px)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:22px!important;
  background:rgba(3,16,27,.88)!important;
  border-bottom:1px solid rgba(57,210,255,.16)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  position:sticky!important;top:0!important;z-index:100!important;
  box-shadow:0 8px 35px rgba(0,0,0,.16)!important;
}
.brand{
  display:flex!important;align-items:center!important;gap:0!important;
  min-width:190px;text-decoration:none!important;color:white!important;
  font-size:0!important;line-height:1!important;
}
.brand .brand-mark,.brand>div:not(.tl-brand-lockup){display:none!important}
.tl-brand-lockup{height:54px;width:230px;display:flex;align-items:center;overflow:hidden;position:relative}
.tl-brand-lockup img{
  display:block;width:230px;height:auto;object-fit:contain;
  filter:drop-shadow(0 3px 14px rgba(0,174,239,.10));
}
.nav{display:flex!important;align-items:center!important;gap:34px!important;margin-left:auto}
.nav a{color:#9eb7ca!important;text-decoration:none!important;font-size:14px!important;font-weight:680!important;letter-spacing:.01em;position:relative;padding:28px 0 26px!important}
.nav a:hover,.nav a.active{color:#f4fbff!important}
.nav a.active:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:16px!important;height:2px!important;width:auto!important;transform:none!important;border-radius:999px!important;background:linear-gradient(90deg,var(--tl-cyan),var(--tl-cyan-2))!important;box-shadow:0 0 12px rgba(18,186,240,.55)}

/* Shared page geometry */
.page,.tools-section{max-width:1320px!important;margin:0 auto!important}
.page{padding:46px 42px 82px!important}
.tool-heading{margin:0 0 28px!important;padding:8px 2px 4px!important}
.tool-heading .eyebrow,.eyebrow,.section-eyebrow{
  color:var(--tl-cyan)!important;font-size:11px!important;font-weight:800!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;
}
.tool-heading h1{color:var(--tl-text)!important;font-size:clamp(34px,4.2vw,54px)!important;line-height:1.05!important;letter-spacing:-.04em!important;margin:10px 0 12px!important}
.tool-heading p{color:var(--tl-muted)!important;max-width:830px!important;font-size:15px!important;line-height:1.68!important}

/* Cards */
.card,.tool-card,.method-box,.comparison-box,.visual-card,.summary-box,.summary-item,.result-box,.util-card,.report-card,.stability-visual,.airfoil-visual,.llt-visual,.plot-wrap,.notch-wrap,.drone-wrap,.chart-wrap{
  background:linear-gradient(180deg,rgba(11,36,53,.96),rgba(7,27,41,.96))!important;
  border:1px solid var(--tl-line)!important;
  border-radius:var(--tl-radius)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.12)!important;
}
.card{overflow:hidden}
.card-header{padding:18px 20px!important}
.card-header:hover{background:rgba(18,186,240,.025)!important}
.card-title,.card h2,.card h3,.card h4{color:var(--tl-text)!important}
.card-kicker,.card-subtitle,.visual-sub,.field-note,.visual-note{color:var(--tl-muted)!important}
.card-icon,.category-icon,.tool-icon{
  background:rgba(18,186,240,.085)!important;
  border:1px solid rgba(18,186,240,.20)!important;
  color:var(--tl-cyan)!important;
  box-shadow:inset 0 0 24px rgba(18,186,240,.025)!important;
}
.chevron,.collapse-chevron{color:var(--tl-cyan)!important;background:rgba(18,186,240,.06)!important}
.card-content{border-color:var(--tl-line-soft)!important}

/* Inputs */
label{color:#d9e9f3!important}
input,select,textarea{
  color:var(--tl-text)!important;
  background:#061a28!important;
  border:1px solid #1b4057!important;
  border-radius:10px!important;
  outline:none!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--tl-cyan)!important;
  box-shadow:0 0 0 3px rgba(18,186,240,.11)!important;
}
input::placeholder,textarea::placeholder{color:#5f798b!important}
.input-section,.formula,.method-formula,.engineering-note,.disclaimer,.result-table-wrap,.report-settings,.preview-wrap{
  background:#061925!important;border-color:var(--tl-line)!important;color:var(--tl-muted)!important;
}
.formula,.method-formula{color:#b7def1!important;border-left:2px solid rgba(18,186,240,.65)!important}

/* Buttons */
button,.button,.primary-button,.calculate-button,.main-button,.action-button{font-family:inherit}
.button-primary,.primary-button,.calculate-button,.main-button,.action-button:not(.secondary-action){
  color:#00131e!important;
  background:linear-gradient(120deg,var(--tl-cyan),#2bd3ff)!important;
  border:1px solid rgba(88,220,255,.8)!important;
  box-shadow:0 10px 30px rgba(0,174,239,.16)!important;
  font-weight:800!important;
}
.button-primary:hover,.primary-button:hover,.calculate-button:hover,.main-button:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,174,239,.24)!important}
.button-secondary,.secondary-button,.secondary-action,.viz-toggle{
  background:rgba(7,27,41,.75)!important;color:#cce3ef!important;border:1px solid #244b62!important;
}
.button-secondary:hover,.secondary-button:hover,.secondary-action:hover,.viz-toggle:hover{border-color:#2a8db8!important;color:white!important}

/* Results / tables */
.summary-label,.result-label,.mode-name,.comparison-line,.cp-legend{color:var(--tl-muted)!important}
.summary-value,.result-value,.comparison-line strong{color:var(--tl-text)!important}
.result-value,.summary-value{font-variant-numeric:tabular-nums}
table,th,td{border-color:var(--tl-line)!important}
th{background:#0b2a3d!important;color:#aac5d5!important}
td{color:#d6e6ef!important;background:transparent!important}
tr:nth-child(even) td{background:rgba(255,255,255,.012)!important}
.status-chip.pass,.status.pass,.tool-status{background:rgba(73,209,139,.10)!important;color:#72e5a7!important;border-color:rgba(73,209,139,.20)!important}
.status-chip.fail,.status.fail{background:rgba(255,123,135,.10)!important;color:#ff9aa3!important;border-color:rgba(255,123,135,.2)!important}
.tool-status.soon{background:rgba(145,170,189,.07)!important;color:#7690a2!important}

/* Tool landing cards */
.tools-section{padding:62px 42px 90px!important}
.tools-heading h2{color:var(--tl-text)!important;font-size:clamp(30px,4vw,42px)!important;letter-spacing:-.035em!important}
.tools-heading p{color:var(--tl-muted)!important}
.category{margin-top:46px!important}
.category-header:hover{background:rgba(18,186,240,.035)!important}
.category h3{color:var(--tl-text)!important}
.scroll-hint{color:#5d7b90!important}
.tool-row{scrollbar-color:#19445e transparent!important}
.tool-card{
  position:relative!important;overflow:hidden!important;
  background:linear-gradient(180deg,rgba(9,34,51,.96),rgba(5,24,37,.98))!important;
  border-color:#16445f!important;min-height:220px!important;
}
.tool-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(18,186,240,.8),transparent);opacity:.42}
.tool-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-80px;top:-95px;background:radial-gradient(circle,rgba(18,186,240,.12),transparent 66%);pointer-events:none}
.tool-card:hover{transform:translateY(-5px)!important;border-color:#2479a0!important;box-shadow:0 20px 44px rgba(0,0,0,.22),0 0 0 1px rgba(18,186,240,.05)!important}
.tool-card h4{color:#eff9ff!important}
.tool-card p{color:#8faabd!important}
.tool-link{color:var(--tl-cyan)!important}
.disabled-card{opacity:.48!important}

/* Homepage */
.hero{
  background:
    radial-gradient(circle at 72% 38%,rgba(11,119,175,.22),transparent 28rem),
    linear-gradient(110deg,#04111c 0%,#061a29 48%,#071d2d 100%)!important;
  border-bottom:1px solid rgba(57,210,255,.12)!important;
  min-height:560px;
}
.hero:before{
  content:"";position:absolute;inset:-10% -7% auto 42%;height:100%;pointer-events:none;opacity:.72;
  background:
    repeating-radial-gradient(ellipse at 86% 50%,transparent 0 42px,rgba(57,210,255,.09) 43px 44px,transparent 45px 72px),
    linear-gradient(155deg,transparent 43%,rgba(57,210,255,.16) 43.2%,transparent 43.8%);
  transform:rotate(-7deg) skewX(-7deg);
  mask-image:linear-gradient(90deg,transparent,black 24%,black 85%,transparent);
}
.hero:after{content:"";position:absolute;right:-9%;top:13%;width:58%;height:62%;border-top:1px solid rgba(65,200,255,.25);border-radius:50%;transform:rotate(9deg);box-shadow:0 -12px 38px rgba(18,186,240,.06);pointer-events:none}
.hero-inner{min-height:520px!important;position:relative!important;z-index:2!important}
.hero .eyebrow{color:var(--tl-cyan)!important}
.hero-title{color:#edf7fc!important;text-shadow:0 4px 30px rgba(0,0,0,.12)}
.hero-title .accent{color:var(--tl-cyan)!important}
.hero-text{color:#9bb3c4!important;max-width:610px!important}
.aircraft-container{min-height:360px!important}
.aircraft-image{display:none!important}
.aircraft-glow{width:620px!important;height:320px!important;background:radial-gradient(ellipse,rgba(18,186,240,.13),rgba(18,186,240,.04) 45%,transparent 72%)!important}
.aircraft-container:before{
  content:"";position:absolute;width:min(650px,52vw);aspect-ratio:1.8;right:-2%;top:10%;
  border-radius:68% 24% 58% 22% / 30% 40% 50% 36%;
  border-top:2px solid rgba(136,229,255,.78);border-right:1px solid rgba(64,194,248,.3);
  transform:rotate(10deg) skewX(-10deg);
  box-shadow:-18px -8px 26px rgba(27,160,220,.08),inset 0 8px 26px rgba(18,186,240,.04);
}
.aircraft-container:after{
  content:"TURN\A IDEAS\A INTO\A INSIGHT";white-space:pre;position:absolute;right:2%;top:28%;
  color:#a8c0cf;font-size:11px;line-height:1.95;letter-spacing:.38em;text-align:left;
  padding-bottom:12px;border-bottom:2px solid var(--tl-cyan);
}
.features{border-top:1px solid rgba(57,210,255,.07);position:relative;z-index:2}
.feature-icon{background:rgba(18,186,240,.08)!important;border:1px solid rgba(18,186,240,.15)!important;color:var(--tl-cyan)!important}
.feature-title{color:#e6f2f8!important}.feature-text{color:#718fa3!important}

/* A connected-system vision block added to the home page */
.trimlab-vision{
  position:relative;overflow:hidden;margin-top:72px;padding:48px clamp(24px,5vw,66px);
  border:1px solid #16435d;border-radius:20px;
  background:
    radial-gradient(circle at 82% 40%,rgba(18,186,240,.16),transparent 22rem),
    linear-gradient(115deg,#071d2b,#09283b);
  box-shadow:var(--tl-shadow);
}
.trimlab-vision:after{content:"";position:absolute;right:-4%;bottom:-45%;width:54%;height:130%;border:1px solid rgba(57,210,255,.18);border-radius:50%;transform:rotate(-18deg)}
.trimlab-vision>*{position:relative;z-index:2}.trimlab-vision h2{margin:8px 0 12px;color:white;font-size:clamp(28px,4vw,43px);letter-spacing:-.035em;max-width:720px}.trimlab-vision h2 span{color:var(--tl-cyan)}.trimlab-vision p{max-width:730px;color:#9cb5c5;line-height:1.65}.trimlab-vision .button{margin-top:16px}

/* Footer */
.footer,.site-footer{background:#03101a!important;border-top:1px solid rgba(57,210,255,.13)!important;color:#7290a4!important}
.footer-inner,.site-footer-inner{max-width:1320px!important;margin:0 auto!important}
.footer-brand{color:#e9f7fd!important}.footer a,.site-footer a{color:#9cb8ca!important}.footer a:hover,.site-footer a:hover{color:var(--tl-cyan)!important}

/* Shell menu */
.aw-icon-button{background:rgba(18,186,240,.04)!important;border-color:rgba(57,210,255,.18)!important;color:#cdeafa!important}
.aw-icon-button:hover{background:rgba(18,186,240,.10)!important;border-color:rgba(57,210,255,.30)!important}
.aw-menu{background:#061b29!important;border-color:#1c465e!important;color:var(--tl-text)!important;box-shadow:0 24px 65px rgba(0,0,0,.42)!important}
.aw-menu-title{color:#6f8da0!important}.aw-menu-section{border-color:#173b50!important}.aw-menu a,.aw-menu button.aw-menu-row{color:#c9dce7!important}.aw-menu a:hover,.aw-menu button.aw-menu-row:hover{background:#0b2a3d!important}.aw-menu a.aw-current{background:rgba(18,186,240,.10)!important;color:#51d6ff!important}.aw-theme-switch{background:#1a4157!important}.aw-theme-switch::after{background:#cce9f7!important}

/* Shared SVG/canvas surrounding surfaces */
.plot-grid-line{stroke:#1b4054!important}.plot-axis{stroke:#638295!important}.plot-label{fill:#92aebf!important}.wing-planform{fill:rgba(18,186,240,.08)!important;stroke:#65c9ee!important}.wake-line{stroke:#408cad!important}.station-line{stroke:#345d73!important}

/* Light alternative: functionality remains available, brand stays unmistakably TrimLab */
html[data-theme="light"] body{background:#edf4f8!important;color:#152b3c!important}
html[data-theme="light"] .header{background:linear-gradient(110deg,#051724,#0a2a3d)!important}
html[data-theme="light"] .page{color:#183044!important}
html[data-theme="light"] .card,
html[data-theme="light"] .tool-card,
html[data-theme="light"] .method-box,
html[data-theme="light"] .comparison-box,
html[data-theme="light"] .visual-card,
html[data-theme="light"] .summary-box,
html[data-theme="light"] .summary-item,
html[data-theme="light"] .result-box,
html[data-theme="light"] .util-card,
html[data-theme="light"] .report-card,
html[data-theme="light"] .stability-visual,
html[data-theme="light"] .airfoil-visual,
html[data-theme="light"] .llt-visual,
html[data-theme="light"] .plot-wrap,
html[data-theme="light"] .notch-wrap,
html[data-theme="light"] .drone-wrap,
html[data-theme="light"] .chart-wrap{background:#fff!important;border-color:#d8e7ef!important;box-shadow:0 10px 28px rgba(22,58,79,.07)!important}
html[data-theme="light"] .tool-heading h1,html[data-theme="light"] .card-title,html[data-theme="light"] .card h2,html[data-theme="light"] .card h3,html[data-theme="light"] .card h4,html[data-theme="light"] .summary-value,html[data-theme="light"] .result-value{color:#173247!important}
html[data-theme="light"] .tool-heading p,html[data-theme="light"] .card-kicker,html[data-theme="light"] .card-subtitle,html[data-theme="light"] .visual-sub,html[data-theme="light"] .field-note,html[data-theme="light"] .visual-note,html[data-theme="light"] .summary-label,html[data-theme="light"] .result-label{color:#71889a!important}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fbfdfe!important;border-color:#d4e1e9!important;color:#173247!important}
html[data-theme="light"] label{color:#29485e!important}
html[data-theme="light"] .input-section,html[data-theme="light"] .formula,html[data-theme="light"] .method-formula,html[data-theme="light"] .engineering-note,html[data-theme="light"] .disclaimer,html[data-theme="light"] .result-table-wrap,html[data-theme="light"] .report-settings,html[data-theme="light"] .preview-wrap{background:#f7fbfd!important;border-color:#dce8ee!important;color:#647e90!important}
html[data-theme="light"] th{background:#edf7fb!important;color:#526e80!important}html[data-theme="light"] td{color:#29485e!important}
html[data-theme="light"] .tools-section{color:#163247!important}html[data-theme="light"] .tools-heading h2,html[data-theme="light"] .category h3{color:#173247!important}
html[data-theme="light"] .tool-card{background:#fff!important;border-color:#d7e6ee!important}html[data-theme="light"] .tool-card h4{color:#173247!important}html[data-theme="light"] .tool-card p{color:#728a9b!important}
html[data-theme="light"] .aw-menu{background:#fff!important;color:#173247!important;border-color:#d8e6ed!important}html[data-theme="light"] .aw-menu a,html[data-theme="light"] .aw-menu button.aw-menu-row{color:#29485e!important}html[data-theme="light"] .aw-menu a:hover,html[data-theme="light"] .aw-menu button.aw-menu-row:hover{background:#edf7fb!important}

@media(max-width:900px){.nav{display:none!important}.page{padding:34px 20px 64px!important}.tools-section{padding:50px 20px 70px!important}.hero-inner{grid-template-columns:1fr!important;padding:56px 24px 30px!important}.aircraft-container{min-height:220px!important}.aircraft-container:before{width:95vw;right:-38%;top:0}.aircraft-container:after{right:3%;top:18%}.tl-brand-lockup,.tl-brand-lockup img{width:195px}.header{padding:0 18px!important}}
@media(max-width:620px){.header{height:68px!important;min-height:68px!important}.tl-brand-lockup,.tl-brand-lockup img{width:166px}.hero-title{font-size:48px!important}.aircraft-container:after{font-size:9px}.trimlab-vision{margin-top:50px;padding:34px 22px}.footer-inner,.site-footer-inner{padding-left:20px!important;padding-right:20px!important}}

/* ========================================================================
   TrimLab Engineering Workspace v2
   Dashboard shell for all calculation tools
   ======================================================================== */
body.tl-tool-page{--tl-sidebar:252px;background:#03111d!important;min-height:100vh}
body.tl-tool-page::before{
  content:"";position:fixed;inset:78px 0 auto var(--tl-sidebar);height:360px;pointer-events:none;z-index:0;opacity:.55;
  background:
    linear-gradient(155deg,transparent 0 48%,rgba(32,173,235,.16) 48.15%,transparent 48.35%),
    repeating-linear-gradient(170deg,transparent 0 29px,rgba(46,158,211,.07) 30px,transparent 31px),
    radial-gradient(ellipse at 82% 0%,rgba(0,155,228,.16),transparent 54%);
  clip-path:polygon(35% 0,100% 0,100% 100%,70% 72%);
}
body.tl-tool-page .header{padding-left:42px!important;position:fixed!important;left:0;right:0;top:0}
body.tl-tool-page .tl-brand-lockup{width:220px}
body.tl-tool-page .tl-brand-lockup img{width:210px}
body.tl-tool-page .nav{margin-left:auto!important}
body.tl-tool-page .aw-header-group{margin-left:4px}

.tl-sidebar{
  position:fixed;left:0;top:78px;bottom:0;width:var(--tl-sidebar);z-index:70;
  display:flex;flex-direction:column;padding:26px 14px 24px;
  background:linear-gradient(180deg,rgba(3,20,33,.985),rgba(3,17,29,.985));
  border-right:1px solid rgba(41,166,221,.25);overflow:auto;
  scrollbar-width:thin;scrollbar-color:#15506d transparent;
}
.tl-side-title{padding:0 8px 18px;color:#5fd8ff;font-size:10px;font-weight:800;letter-spacing:.27em;text-transform:uppercase}
.tl-side-group{margin-bottom:16px}
.tl-side-group-title{display:flex;align-items:center;gap:9px;padding:9px 8px;color:#17c1f5;font-size:12px;font-weight:750}
.tl-side-group-title svg,.tl-side-link svg,.tl-side-bottom svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;flex:none}
.tl-side-link,.tl-side-bottom{
  min-height:38px;display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;
  border-left:2px solid transparent;border-radius:0 6px 6px 0;color:#c2d4e0;text-decoration:none;font-size:12px;transition:.16s ease;
}
.tl-side-link:hover,.tl-side-bottom:hover{color:white;background:rgba(18,186,240,.075);border-left-color:rgba(18,186,240,.5)}
.tl-side-link.current{color:#42d4ff;background:linear-gradient(90deg,rgba(0,154,222,.25),rgba(0,154,222,.09));border-left-color:#14c6f7;box-shadow:inset 0 0 24px rgba(18,186,240,.035)}
.tl-side-divider{height:1px;background:rgba(61,147,187,.23);margin:10px 4px 14px}
.tl-side-spacer{flex:1;min-height:35px}
.tl-side-motto{padding:20px 14px 4px;color:#b9d8e9;font-size:10px;line-height:2.15;letter-spacing:.32em;text-transform:uppercase}
.tl-side-motto::after{content:"";display:block;width:38px;height:2px;background:#16c7f6;margin-top:9px;box-shadow:0 0 10px rgba(18,186,240,.45)}

body.tl-tool-page .page{
  position:relative;z-index:1;max-width:none!important;margin:78px 0 0 var(--tl-sidebar)!important;
  padding:34px clamp(24px,3vw,52px) 72px!important;
}
body.tl-tool-page .tool-heading{max-width:1180px;margin:0 auto 26px!important;padding-top:0!important}
body.tl-tool-page .tool-heading::before{content:attr(data-breadcrumb);display:block;color:#35c9f5;font-size:11px;letter-spacing:.02em;margin-bottom:22px}
body.tl-tool-page .tool-heading h1{font-size:clamp(38px,4vw,56px)!important;margin-top:0!important}
body.tl-tool-page .tool-heading p{font-size:16px!important;color:#c0d2df!important;max-width:760px!important}
body.tl-tool-page .tool-grid,body.tl-tool-page .analysis-grid{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
body.tl-tool-page .card{border-radius:10px!important;background:linear-gradient(180deg,rgba(6,30,45,.96),rgba(4,22,34,.98))!important;border-color:#15506d!important;box-shadow:0 10px 35px rgba(0,0,0,.18)!important}
body.tl-tool-page .card-header{background:linear-gradient(90deg,rgba(11,45,65,.72),rgba(5,27,41,.18))!important;border-bottom:1px solid rgba(30,113,151,.28)}
body.tl-tool-page .card-title{font-size:18px!important}
body.tl-tool-page input,body.tl-tool-page select,body.tl-tool-page textarea{border-radius:6px!important;background:#061b2a!important;border-color:#1c506b!important}
body.tl-tool-page button.primary,body.tl-tool-page .primary-button,body.tl-tool-page .calculate-button,body.tl-tool-page button[type="submit"]{border-radius:6px!important}

.tl-breadcrumb-sep{color:#527c92;padding:0 5px}

@media(max-width:900px){
  body.tl-tool-page{--tl-sidebar:0px}
  .tl-sidebar{display:none}
  body.tl-tool-page .page{margin-left:0!important}
  body.tl-tool-page::before{left:0}
}


/* ===== TrimLab Workspace v3 refinement ===== */
:root{--tl-sidebar:220px}
body.tl-tool-page{background:#071725!important}
body.tl-tool-page::before{opacity:.26;height:270px}
body.tl-tool-page .header{height:72px!important;padding-left:30px!important;background:rgba(4,20,32,.97)!important;border-bottom:1px solid rgba(84,145,176,.18)!important;box-shadow:none!important}
body.tl-tool-page .tl-brand-lockup{width:190px}
body.tl-tool-page .tl-brand-lockup img{width:180px;max-height:48px;object-fit:contain;object-position:left center}
.tl-sidebar{top:72px;padding:22px 12px 22px;background:#061521;border-right-color:rgba(82,145,176,.18)}
.tl-side-title{padding:0 10px 15px;color:#708fa1;font-size:9px;letter-spacing:.24em}
.tl-side-group{margin-bottom:12px}
.tl-side-group-title{padding:8px 9px 6px;color:#8ba8b8;font-size:11px;font-weight:700}
.tl-side-group-title svg{color:#24bce9}
.tl-side-link,.tl-side-bottom{min-height:35px;padding:8px 10px;margin:1px 0;border-left-width:2px;border-radius:5px;color:#aebfca;font-size:11.5px}
.tl-side-link svg{opacity:.72;width:15px;height:15px}
.tl-side-link.current{color:#f2f8fb;background:rgba(18,168,222,.11);border-left-color:#1fc6f4;box-shadow:none}
.tl-side-link.current svg{color:#28c9f6;opacity:1}
.tl-side-link:hover,.tl-side-bottom:hover{background:rgba(255,255,255,.035);border-left-color:rgba(31,198,244,.55)}
.tl-side-divider{background:rgba(115,157,178,.14);margin:12px 7px 13px}
.tl-side-motto{opacity:.42;font-size:9px;padding-left:12px}
body.tl-tool-page .page{margin-top:72px!important;padding:34px clamp(28px,3vw,48px) 76px!important}
body.tl-tool-page .tool-heading{margin-bottom:28px!important}
body.tl-tool-page .tool-heading::before{color:#7296a9!important;font-size:10.5px!important;margin-bottom:18px!important}
body.tl-tool-page .tool-heading h1{font-size:clamp(34px,3.4vw,48px)!important;letter-spacing:-.025em!important}
body.tl-tool-page .tool-heading p{color:#aebfca!important;font-size:14px!important;line-height:1.65!important}
body.tl-tool-page .analysis-grid,body.tl-tool-page .tool-grid{gap:18px!important}
body.tl-tool-page .card{border-radius:8px!important;background:#091d2c!important;border:1px solid rgba(79,139,169,.24)!important;box-shadow:0 8px 26px rgba(0,0,0,.12)!important}
body.tl-tool-page .card:hover{border-color:rgba(71,162,204,.35)!important}
body.tl-tool-page .card-header{min-height:62px;background:rgba(12,37,53,.62)!important;border-bottom-color:rgba(83,143,171,.18)!important;padding-top:14px!important;padding-bottom:14px!important}
body.tl-tool-page .card-title{font-size:16px!important;letter-spacing:-.01em}
body.tl-tool-page .card-kicker{color:#7894a4!important}
body.tl-tool-page .card-icon{color:#21c3f2!important;background:rgba(22,177,225,.08)!important;border-color:rgba(31,195,242,.16)!important}
body.tl-tool-page label{color:#9fb3bf!important}
body.tl-tool-page input,body.tl-tool-page select,body.tl-tool-page textarea{min-height:40px;border-radius:5px!important;background:#071a28!important;border:1px solid #23475a!important;color:#eaf3f7!important;box-shadow:none!important}
body.tl-tool-page input:focus,body.tl-tool-page select:focus,body.tl-tool-page textarea:focus{border-color:#1ebde9!important;box-shadow:0 0 0 2px rgba(30,189,233,.09)!important}
body.tl-tool-page button.primary,body.tl-tool-page .primary-button,body.tl-tool-page .calculate-button,body.tl-tool-page button[type="submit"]{background:#16bce9!important;border-color:#16bce9!important;color:#03131d!important;font-weight:800!important;box-shadow:none!important}
body.tl-tool-page button.primary:hover,body.tl-tool-page .primary-button:hover,body.tl-tool-page .calculate-button:hover,body.tl-tool-page button[type="submit"]:hover{background:#36c8ef!important;border-color:#36c8ef!important;transform:none!important}
body.tl-tool-page table{border-color:rgba(80,139,167,.22)!important}
body.tl-tool-page th{background:#0b2638!important;color:#9fb6c3!important}
body.tl-tool-page td{border-color:rgba(80,139,167,.16)!important}
body.tl-tool-page .summary-card,body.tl-tool-page .result-card,body.tl-tool-page .result-box{background:#071a28!important;border-color:rgba(72,138,169,.24)!important}
body.tl-tool-page .summary-value,body.tl-tool-page .result-value{color:#24c7f5!important}
body.tl-tool-page .method-box,body.tl-tool-page .visual-card,body.tl-tool-page .comparison-box{background:#081b29!important;border-color:rgba(78,139,168,.2)!important}
.site-footer,.footer{border-top:1px solid rgba(77,137,166,.18)!important;background:#051521!important}
.site-footer-inner,.footer-inner{color:#718c9c!important}
.tl-copyright{font-size:11px;color:#607d8d;white-space:nowrap}
.tl-copyright a{color:#7898aa!important;text-decoration:none}
.tl-copyright a:hover{color:#b8d2df!important}
@media(max-width:900px){body.tl-tool-page .header{padding-left:20px!important}.tl-sidebar{display:none}.tl-copyright{white-space:normal}}


/* ============================================================
   Tools overview — aligned with the TrimLab tool workspace
   ============================================================ */
body.tools-overview-page{
  min-width:320px;
  background:var(--tl-bg)!important;
  color:var(--tl-text)!important;
}
.tools-overview-page .header.tl-global-header{
  position:sticky!important;
  top:0;
  z-index:2400;
}
.tools-overview-shell{
  width:100%;
  max-width:none;
  margin:0;
  padding:38px clamp(24px,4vw,64px) 84px;
}
.tl-overview-breadcrumb{
  max-width:1540px;
  margin:0 auto 19px;
  color:#6f91a5;
  font-size:12px;
}
.tl-overview-breadcrumb a{color:#6f91a5;text-decoration:none}
.tl-overview-breadcrumb a:hover{color:var(--tl-cyan)}
.tl-overview-breadcrumb .sep{padding:0 8px;color:#456b80}
.tl-overview-breadcrumb .current{color:#b8ccd8}
.tools-overview-heading{
  max-width:1540px;
  margin:0 auto 34px;
  padding:2px 0 10px;
}
.tools-overview-heading .eyebrow{
  margin:0 0 8px;
  color:var(--tl-cyan)!important;
  font-size:11px!important;
  font-weight:800;
  letter-spacing:.17em!important;
  text-transform:uppercase;
}
.tools-overview-heading h1{
  margin:0;
  color:var(--tl-text);
  font-size:clamp(38px,4.2vw,58px);
  line-height:1.03;
  letter-spacing:-.045em;
  font-weight:800;
}
.tools-overview-heading p{
  max-width:760px;
  margin:11px 0 0;
  color:var(--tl-muted);
  font-size:16px;
  line-height:1.6;
}
.overview-category{
  max-width:1540px;
  margin:0 auto 22px;
  overflow:hidden;
  border:1px solid var(--tl-border);
  border-radius:14px;
  background:var(--tl-card);
  box-shadow:0 12px 34px rgba(0,0,0,.08);
}
.overview-category-header{
  width:100%;
  min-height:82px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:0;
  border-bottom:1px solid var(--tl-border);
  background:linear-gradient(180deg,rgba(12,42,59,.72),rgba(7,29,42,.72));
  color:inherit;
  cursor:pointer;
  text-align:left;
}
.overview-category-header[aria-expanded="false"]{border-bottom-color:transparent}
.overview-category-header:hover{background:linear-gradient(180deg,rgba(14,49,68,.86),rgba(8,34,49,.86))}
.overview-category-title{display:flex;align-items:center;gap:14px;min-width:0}
.overview-category-title>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.overview-category-title small{
  color:var(--tl-cyan);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.overview-category-title strong{
  color:#e9f5fb;
  font-size:20px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.overview-category-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(45,190,239,.30);
  border-radius:10px;
  background:rgba(21,171,220,.08);
  color:var(--tl-cyan);
  font-size:18px;
}
.overview-category-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.overview-cloud{font-size:19px}
.overview-chevron{
  width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;
  border-radius:9px;background:rgba(18,186,240,.07);color:var(--tl-cyan);
  font-size:20px;transition:transform .18s ease,background .18s ease;
}
.overview-category-header[aria-expanded="false"] .overview-chevron{transform:rotate(-90deg)}
.overview-tool-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:16px;
  padding:18px;
}
.overview-tool-grid[hidden]{display:none!important}
.overview-tool-card{
  min-width:0;
  min-height:190px;
  padding:19px;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  border:1px solid var(--tl-border);
  border-radius:12px;
  background:var(--tl-card-2);
  color:inherit;
  text-decoration:none;
  box-shadow:none;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.overview-tool-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,transparent,var(--tl-cyan),transparent);opacity:.72;
}
a.overview-tool-card:hover{
  transform:translateY(-3px);
  border-color:#2479a0;
  background:rgba(12,47,66,.86);
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}
.overview-tool-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.overview-tool-icon{
  min-width:39px;height:39px;padding:0 8px;display:inline-grid;place-items:center;
  border:1px solid rgba(49,180,225,.26);border-radius:9px;
  background:rgba(16,163,212,.08);color:var(--tl-cyan);font-size:14px;font-weight:800;
}
.overview-tool-icon sub{font-size:.7em}
.overview-status{
  padding:5px 8px;border-radius:999px;background:rgba(36,160,93,.13);color:#57d38b;
  font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.overview-status.is-soon{background:rgba(124,150,165,.10);color:#7993a2}
.overview-tool-card h2{
  margin:17px 0 7px;color:#eaf5fb;font-size:17px;line-height:1.25;letter-spacing:-.02em;
}
.overview-tool-card p{
  margin:0 0 18px;color:#8ea8b8;font-size:12.5px;line-height:1.55;
}
.overview-open{margin-top:auto;color:var(--tl-cyan);font-size:11.5px;font-weight:750}
.overview-open b{margin-left:5px;font-size:14px}
.overview-tool-card.is-disabled{opacity:.62}
.overview-tool-card.is-disabled::before{opacity:.24}

html[data-theme="light"] body.tools-overview-page{background:#f4f8fa!important;color:#173247!important}
html[data-theme="light"] .tl-overview-breadcrumb,html[data-theme="light"] .tl-overview-breadcrumb a{color:#7892a2}
html[data-theme="light"] .tl-overview-breadcrumb .current{color:#405e71}
html[data-theme="light"] .tools-overview-heading h1{color:#173247}
html[data-theme="light"] .tools-overview-heading p{color:#708796}
html[data-theme="light"] .overview-category{background:#fff;border-color:#d8e6ed;box-shadow:0 12px 34px rgba(44,78,96,.06)}
html[data-theme="light"] .overview-category-header{background:linear-gradient(180deg,#f8fbfc,#f1f7fa);border-color:#dce8ee}
html[data-theme="light"] .overview-category-header:hover{background:linear-gradient(180deg,#f3f9fb,#eaf4f8)}
html[data-theme="light"] .overview-category-title strong{color:#173247}
html[data-theme="light"] .overview-category-icon{background:#edf8fc;border-color:#cdeaf4}
html[data-theme="light"] .overview-chevron{background:#edf8fc}
html[data-theme="light"] .overview-tool-card{background:#f8fbfd;border-color:#dbe8ee}
html[data-theme="light"] a.overview-tool-card:hover{background:#fff;border-color:#8dcde4;box-shadow:0 16px 30px rgba(57,98,119,.10)}
html[data-theme="light"] .overview-tool-card h2{color:#173247}
html[data-theme="light"] .overview-tool-card p{color:#708796}
html[data-theme="light"] .overview-status{background:#e8f7ee;color:#2f8856}
html[data-theme="light"] .overview-status.is-soon{background:#edf2f5;color:#8394a0}

@media(max-width:760px){
  .tools-overview-shell{padding:27px 16px 60px}
  .tools-overview-heading{margin-bottom:25px}
  .tools-overview-heading h1{font-size:39px}
  .overview-category{margin-bottom:14px;border-radius:12px}
  .overview-category-header{min-height:72px;padding:13px 14px}
  .overview-category-title strong{font-size:17px}
  .overview-category-icon{width:38px;height:38px;flex-basis:38px}
  .overview-tool-grid{grid-template-columns:1fr;padding:12px;gap:10px}
  .overview-tool-card{min-height:165px;padding:16px}
}

/* Home vision card — compact, centered and separated from surrounding chrome */
.home-content{
  width:100%;
  box-sizing:border-box;
  padding:clamp(34px,4vw,58px) clamp(24px,4.5vw,72px) clamp(46px,5vw,76px);
}
.home-content .trimlab-vision{
  width:100%;
  max-width:1480px;
  box-sizing:border-box;
  margin:0 auto;
  padding:clamp(30px,3vw,42px) clamp(30px,4vw,58px);
  min-height:0;
}
.home-content .trimlab-vision h2{
  margin:7px 0 10px;
  font-size:clamp(28px,3.15vw,42px);
  line-height:1.08;
}
.home-content .trimlab-vision p{
  margin:0;
  max-width:760px;
  line-height:1.55;
}
.home-content .trimlab-vision .button{margin-top:14px}
@media(max-width:620px){
  .home-content{padding:28px 16px 42px}
  .home-content .trimlab-vision{padding:27px 22px}
}