@import url('/static/mechanical-hero-v2.css?v=20260822-1948');
/* EngiTools landing stabilization layer — monochrome design system */
:root{--et-ink:#0a0a0a;--et-paper:#f4f4f1;--et-white:#fff;--et-gray:#deded8;--et-muted:#6b6b66;--et-border:rgba(10,10,10,.20);--et-radius:18px;--et-ease:cubic-bezier(.22,1,.36,1)}

/* Shared typography: controlled scale, one visual language */
.home-hero h1,.discipline-hero h1{font-size:clamp(38px,5.8vw,82px)!important;line-height:1.08!important;letter-spacing:-.045em!important;min-height:0!important;margin:12px 0 20px!important;display:block!important}
.section-head h2{font-size:clamp(30px,4vw,56px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.section-head{margin-bottom:clamp(28px,4vw,54px)!important}
.section{padding:clamp(64px,7vw,104px) 0!important}

/* HOME: repair oversized/empty comparison + trust cards seen in production */
body:has(.home-hero) .comparison-cards{align-items:stretch!important;grid-auto-rows:auto!important}
body:has(.home-hero) .comparison-card{min-height:0!important;height:auto!important;padding:24px!important;justify-content:flex-start!important;background:var(--et-white)!important;color:var(--et-ink)!important}
body:has(.home-hero) .comparison-card-dark{background:var(--et-ink)!important;color:var(--et-white)!important}
body:has(.home-hero) .comparison-pair{margin-top:24px!important;padding-top:0!important}
body:has(.home-hero) .comparison-pair>div{min-height:100px!important;justify-content:center!important}
body:has(.home-hero) .trust-grid article{min-height:0!important;height:auto!important;display:block!important}
body:has(.home-hero) .two-col-info article{min-height:0!important;height:auto!important}
body:has(.home-hero) .process-card{min-height:190px!important;height:auto!important}

/* Discipline hero: cinematic field-specific artwork */
.discipline-page{background:var(--et-paper);color:var(--et-ink)}
.discipline-hero{min-height:92svh!important;padding:118px 0 58px!important;background:var(--et-ink)!important;color:var(--et-white)!important;border:0!important;display:flex;align-items:flex-end;overflow:hidden;position:relative}
.discipline-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.96) 0%,rgba(10,10,10,.82) 42%,rgba(10,10,10,.25) 73%,rgba(10,10,10,.08) 100%);z-index:1;pointer-events:none}
.discipline-hero-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr)!important;gap:clamp(28px,5vw,80px)!important;align-items:end!important;width:100%}
.discipline-hero-grid>div:first-child{padding-bottom:16px;max-width:720px}
.discipline-hero .eyebrow{color:rgba(255,255,255,.78)!important}
.discipline-hero p{font-size:clamp(15px,1.25vw,19px)!important;line-height:1.95!important;color:rgba(255,255,255,.76)!important;max-width:650px!important;margin:0!important}
.discipline-hero .btn{display:none!important}
.discipline-visual{min-height:clamp(390px,48vw,650px)!important;border-radius:var(--et-radius)!important;border:1px solid rgba(255,255,255,.18)!important;background-color:#0a0a0a!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important;overflow:hidden;position:relative}
.electrical .discipline-visual{background-image:url('/static/hero-electrical.svg?v=20260821-1927')!important}
.mechanical .discipline-visual{background-image:url('/static/hero-mechanical.svg?v=20260821-1927')!important}
.discipline-visual .visual-symbol,.discipline-visual>span{display:none!important}
.discipline-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:inherit;pointer-events:none}

/* Discipline section backgrounds and cards */
.discipline-page .section-soft{background:#e9e9e4!important;color:var(--et-ink)!important}
.discipline-page .kicker{color:inherit!important}
.discipline-page .seo-copy{gap:clamp(28px,6vw,86px)!important;font-size:clamp(15px,1.25vw,18px)!important;line-height:2!important}
.discipline-page .seo-copy p:first-child{font-size:clamp(20px,2.2vw,31px)!important;line-height:1.75!important}

/* Process / extraction timeline */
.discipline-page .steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid currentColor!important;background:transparent!important}
.discipline-page .step{min-height:230px!important;padding:24px!important;border:0!important;border-left:1px solid currentColor!important;border-radius:0!important;background:transparent!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.discipline-page .step:last-child{border-left:0!important}
.discipline-page .step>b{width:42px!important;height:42px!important;border:1px solid currentColor!important;border-radius:50%!important;display:grid!important;place-items:center!important;padding:0!important;color:inherit!important;background:transparent!important}
.discipline-page .step:nth-child(odd)>b{background:var(--et-ink)!important;color:var(--et-white)!important;border-color:var(--et-ink)!important}
.discipline-page .step h3{font-size:clamp(18px,1.7vw,25px)!important;margin:22px 0 8px!important}
.discipline-page .step p{font-size:14px!important;line-height:1.85!important;color:inherit!important;opacity:.68!important}
.revision-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Upload workspace */
.discipline-page .upload-layout{gap:18px!important;align-items:stretch}
.discipline-page .upload-panel,.discipline-page .quick-spec{border-radius:var(--et-radius)!important;border:1px solid var(--et-border)!important;box-shadow:none!important}
.discipline-page .upload-panel{background:var(--et-white)!important}
.discipline-page .quick-spec{background:var(--et-ink)!important;color:var(--et-white)!important}
.discipline-page .dropzone{background:#f7f7f4!important;border:1px dashed rgba(10,10,10,.35)!important;border-radius:14px!important}
.discipline-page .dropzone:hover{background:#efefeb!important;border-color:var(--et-ink)!important}
.discipline-page .upload-icon{color:var(--et-ink)!important}
.discipline-page .btn.primary,.discipline-page button:not(.carousel-arrow):not(.lightbox-close){background:var(--et-ink)!important;color:var(--et-white)!important;box-shadow:none!important}

/* Questions */
.discipline-page .question-preview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.discipline-page .question-chip{background:var(--et-white)!important;border:1px solid var(--et-border)!important;border-radius:14px!important;padding:18px!important;min-height:88px!important}
.discipline-page .question-chip span{background:var(--et-ink)!important;color:var(--et-white)!important;border-radius:50%!important}

/* Real samples: no stretched blank stage */
.discipline-page .real-samples{background:var(--et-ink)!important;color:var(--et-white)!important}
.discipline-page .sample-stage{min-height:clamp(360px,58vw,760px)!important;background:#0a0a0a!important}
.discipline-page .sample-open{height:calc(100% - 72px)!important;background:#0a0a0a!important}
.discipline-page .sample-open img{object-fit:contain!important;background:#0a0a0a!important}
.discipline-page .sample-card figcaption{min-height:72px!important;padding:18px 24px!important;background:#0a0a0a!important;color:#fff!important}

/* Deliverables, trust and limitation cards */
.discipline-page .deliverable-grid,.discipline-page .limit-grid,.discipline-page .trust-grid{display:grid!important;gap:14px!important;border:0!important}
.discipline-page .deliverable-grid,.discipline-page .limit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.discipline-page .trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.discipline-page .deliverable-grid article,.discipline-page .limit-grid article,.discipline-page .trust-grid article{min-height:210px!important;height:auto!important;border:1px solid var(--et-border)!important;border-radius:var(--et-radius)!important;background:var(--et-white)!important;color:var(--et-ink)!important;padding:28px!important;display:block!important}
.discipline-page .deliverable-grid article:nth-child(even),.discipline-page .limit-grid article:nth-child(2){background:var(--et-ink)!important;color:var(--et-white)!important;border-color:var(--et-ink)!important}
.discipline-page .deliverable-grid h3,.discipline-page .limit-grid h3,.discipline-page .trust-grid h3{font-size:clamp(20px,1.7vw,27px)!important;line-height:1.45!important;margin:0 0 12px!important}
.discipline-page .deliverable-grid p,.discipline-page .limit-grid p,.discipline-page .trust-grid p{font-size:14px!important;line-height:1.9!important;opacity:.72!important;margin:0!important}

/* Comparison: transform old table structure into a 2×2 card system */
.discipline-page .comparison-table{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;border:0!important;background:transparent!important;overflow:visible!important}
.discipline-page .comparison-row.head{display:none!important}
.discipline-page .comparison-row:not(.head){display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:1px solid var(--et-border)!important;border-radius:var(--et-radius)!important;background:var(--et-white)!important;color:var(--et-ink)!important;overflow:hidden!important;min-height:240px!important}
.discipline-page .comparison-row:not(.head)>span{display:block!important;padding:18px 22px!important;border:0!important;border-bottom:1px solid var(--et-border)!important;font-size:14px!important;line-height:1.7!important}
.discipline-page .comparison-row:not(.head)>span:first-child{font-size:20px!important;font-weight:800!important;background:#f0f0ec!important}
.discipline-page .comparison-row:not(.head)>span:nth-child(2):before{content:'روش دستی';display:block;font-size:10px;letter-spacing:1px;opacity:.5;margin-bottom:8px}
.discipline-page .comparison-row:not(.head)>span:nth-child(3){background:var(--et-ink)!important;color:var(--et-white)!important;border-bottom:0!important;flex:1}
.discipline-page .comparison-row:not(.head)>span:nth-child(3):before{content:'EngiTools';display:block;font-size:10px;letter-spacing:1px;opacity:.62;margin-bottom:8px;direction:ltr;text-align:right}

/* FAQ */
.discipline-page .faq-list{border-top:1px solid var(--et-ink)!important}
.discipline-page .faq-list details{padding:20px 0!important;background:transparent!important;border-color:var(--et-ink)!important}
.discipline-page .faq-list summary{font-size:clamp(17px,1.8vw,24px)!important;line-height:1.6!important}

/* Accessibility + motion */
.discipline-page a:focus-visible,.discipline-page button:focus-visible,.discipline-page summary:focus-visible,.discipline-page input:focus-visible,.discipline-page textarea:focus-visible{outline:3px solid #fff;outline-offset:3px}
.discipline-page .section:not(.real-samples){overflow:clip}

/* Tablet */
@media(max-width:980px){
  .discipline-hero{min-height:auto!important;padding:112px 0 44px!important}
  .discipline-hero-grid{grid-template-columns:1fr!important;gap:32px!important}
  .discipline-visual{min-height:clamp(320px,68vw,520px)!important;order:2}
  .discipline-page .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .discipline-page .step:nth-child(2){border-left:0!important}.discipline-page .step:nth-child(-n+2){border-bottom:1px solid currentColor!important}
  .revision-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}.revision-steps .step:nth-child(2){border-left:1px solid currentColor!important}.revision-steps .step:nth-child(-n+2){border-bottom:0!important}
  .discipline-page .deliverable-grid,.discipline-page .limit-grid{grid-template-columns:1fr 1fr!important}
  .discipline-page .deliverable-grid article:last-child,.discipline-page .limit-grid article:last-child{grid-column:1/-1}
  .discipline-page .comparison-table{grid-template-columns:1fr!important}
  .discipline-page .trust-grid{grid-template-columns:1fr 1fr!important}
}

/* Mobile 390×844 target */
@media(max-width:640px){
  .container-wide{padding-left:18px!important;padding-right:18px!important}
  .discipline-hero{padding-top:98px!important;padding-bottom:34px!important}
  .discipline-hero:before{background:linear-gradient(180deg,rgba(10,10,10,.92),rgba(10,10,10,.76) 52%,rgba(10,10,10,.2))!important}
  .discipline-hero-grid{gap:24px!important}
  .discipline-hero h1{font-size:clamp(34px,11vw,48px)!important;line-height:1.15!important}
  .discipline-hero p{font-size:14px!important}
  .discipline-visual{min-height:300px!important;border-radius:14px!important;background-position:center!important}
  .section{padding:58px 0!important}.section-head h2{font-size:clamp(27px,9vw,38px)!important}
  .discipline-page .seo-copy{grid-template-columns:1fr!important;gap:10px!important}
  .discipline-page .steps,.revision-steps{grid-template-columns:1fr!important;border:0!important;position:relative!important;padding-right:0!important}
  .discipline-page .step,.revision-steps .step{min-height:0!important;border:0!important;border-bottom:1px solid var(--et-border)!important;padding:22px 0!important;display:grid!important;grid-template-columns:58px 1fr!important;gap:14px!important;align-items:start!important}
  .discipline-page .step:last-child,.revision-steps .step:last-child{border-bottom:0!important}.discipline-page .step>b{grid-row:1/3!important}
  .discipline-page .step h3{margin:4px 0 6px!important}.discipline-page .step p{margin:0!important}
  .discipline-page .question-preview,.discipline-page .deliverable-grid,.discipline-page .limit-grid,.discipline-page .trust-grid{grid-template-columns:1fr!important}
  .discipline-page .deliverable-grid article:last-child,.discipline-page .limit-grid article:last-child{grid-column:auto!important}
  .discipline-page .deliverable-grid article,.discipline-page .limit-grid article,.discipline-page .trust-grid article{min-height:0!important;padding:22px!important}
  .discipline-page .comparison-row:not(.head){min-height:0!important}
  .discipline-page .sample-carousel{padding-left:0!important;padding-right:0!important}.discipline-page .sample-stage{min-height:330px!important}.discipline-page .sample-open{height:260px!important}.discipline-page .sample-card figcaption{min-height:70px!important}
  .discipline-page .upload-layout{grid-template-columns:1fr!important}
  body:has(.home-hero) .comparison-card{padding:20px!important}.comparison-pair{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}