/* ==========================================================================
   FTCO  (/solutions/ftco/)

   The first page in the build that belongs to Solutions rather than Products,
   and the first that is reachable from two places in the navigation at once:
   the header flyout lists FTCO under BOTH Products > AI-Driven Manufacturing
   and Solutions > By Technology, pointing at this one URL. Two placements,
   one canonical page, no duplicate content.

   Its three tool pages sit beneath it:
     /solutions/ftco/victory-analytics/
     /solutions/ftco/victory-doe/
     /solutions/ftco/victory-visual/  (built as victory-tcad-lab/, moved 2026-09-28)

   SEVEN NAV ANCHORS. The flyout's FTCO sublinks - Workflows, Calibration,
   Optimization, Surrogate Modeling, Analytics, DoE, Visualization - all
   pointed at this page with no fragment, so every one of them landed at the
   top. Each now has a real destination:
     #workflows  #calibration  #optimization  #surrogate-modeling
     #analytics  #doe  #visualization
   The last three are the three cards in the Powered by band. Anything with an
   anchor needs scroll-margin-top so the sticky header does not eat the
   heading, which is most of what the first rule below is for.

   ALMOST NO NEW COMPONENTS. Twelve sections, of which one - the reserved
   figure frame - is page-local. Everything else is product-family.css, which
   is now serving a Solutions page as comfortably as it serves the four
   Manufacturing families.

   Band rhythm is the homepage's: 48 / 64 / 80. Bands alternate white and
   --ps-color-neutral-2-100; --ps-color-neutral-2-000 is reserved for the
   conversion band. No two adjacent bands share a tint.

     §1  banner        white          §7  powered by     white
     §2  what FTCO is  neutral-2-100  §8  Micron         neutral-2-100
     §3  workflows     white          §9  resources      white
     §4  calibration   neutral-2-100  §10 expert         neutral-2-000
     §5  optimization  white          §11 FAQ            white
     §6  surrogate     neutral-2-100  §12 related        neutral-2-100

   Note that §4 and §6 are both pf-cap and §5 and §7 are both pf-cards. That
   is not a collision - it is what makes the run work with plain class
   selectors, because the two tinted sections and the two white ones alternate
   in exactly the right order. Do not reorder these four sections without
   re-deriving the run.
   ========================================================================== */

/* --------------------------------------------------------------------------
   §3 and §8  Reserved figure frames

   Two pieces of client artwork are asked for by the structure doc and neither
   exists in this build: the AI-Driven FTCO Solution Platform flow diagram,
   and the Micron partner video. Both slots are held and NEITHER REQUESTS A
   FILE, because an <img> or <video> pointing at missing media logs a 404 on
   every page load - and in the video's case the only available source is
   another deployment's uploads directory, which would be hotlinking.

   The frame is styled in its own right so an empty slot reads as a deliberate
   placeholder rather than as a broken asset. Same approach as the application
   tiles on the TCAD and Lithography pages.
   -------------------------------------------------------------------------- */
.ftco-figure{grid-column-end:span var(--ps-grid-columns);margin:0 0 36px}
.ftco-figure__frame{
  display:flex;align-items:center;justify-content:center;
  min-height:180px;padding:24px;
  background:var(--ps-color-neutral-2-000);
  border:1px dashed var(--ps-color-neutral-2-500);border-radius:16px;
}
.ftco-figure__frame--video{margin-top:16px;min-height:150px}
.ftco-figure__slot{
  font:400 13px/20px var(--ps-font);letter-spacing:normal;text-align:center;
  color:var(--ps-color-neutral-2-900);
}
.ftco-figure__caption{
  margin:12px 0 0;
  font:400 12px/19px var(--ps-font);letter-spacing:normal;
  color:var(--ps-color-neutral-2-900);
}
/* the image, once there is one */
.ftco-figure__img{display:block;max-width:100%;height:auto}

/* --------------------------------------------------------------------------
   §6 The one link out of the surrogate section

   The doc says "Link once to /solutions/surrogate-modeling/" and once is what
   it gets, so it is a line rather than a button - a button here would compete
   with the conversion band four sections down.
   -------------------------------------------------------------------------- */
.ftco-note{grid-column-end:span var(--ps-grid-columns);margin:28px 0 0}
.ftco-note a{
  font:500 14px/22px var(--ps-font);letter-spacing:normal;
  color:var(--ps-color-brand-600);
  text-decoration:underline;text-underline-offset:3px;
}
.ftco-note a:hover{color:var(--ps-color-brand-500)}

/* §7 Anchor targets inside the Powered by band: three of the seven nav
   anchors land on cards, whose scroll offset now lives on .pf-card in
   product-family.css (moved there at its second use, Circuit Simulation). */

/* --------------------------------------------------------------------------
   Section anchors

   Every anchored SECTION needs the same offset for the same reason. Listed
   together rather than scattered, so the sticky-header allowance is in one
   place if the header height ever changes.
   -------------------------------------------------------------------------- */
#what-is-ftco,#workflows,#calibration,#optimization,
#surrogate-modeling,#resources,#ftco-expert{scroll-margin-top:96px}

@media (min-width:1024px){
  /* -----------------------------------------------------------------------
     Column counts this page overrides

     The workflow chain has FIVE stages and the shared sheet steps pf-flow
     chains to four at this width, which would drop stage 5 onto its own row
     and break the left-to-right reading the numbers depend on.

     pf-cards is three across in the shared sheet. BOTH card bands on this
     page have four - four optimization capabilities, four things FTCO is
     powered by - so both take 2x2 here and one row of four at 1350.

     pf-proof is four across, sized for four customer cards. The Micron band
     has two: the collaboration and the investment. Two columns, so neither
     sits in a quarter-width column beside two empty ones.
     ----------------------------------------------------------------------- */
  .ftco-chain{grid-template-columns:repeat(5,minmax(0,1fr))}
  .pf-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftco-micron .pf-proof__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}

@media (min-width:1350px){
  .ftco-figure,.ftco-note{grid-column-start:2;grid-column-end:span 10}
  .pf-cards__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* --------------------------------------------------------------------------
   §11 FAQ — sits on white, below the conversion band
   -------------------------------------------------------------------------- */
.faq{background:var(--sv-white)}

/* --------------------------------------------------------------------------
   Band run for this page

   product-family.css leaves every shared section transparent, because the
   tint depends on where a section sits rather than on what it is. This is the
   run set out in the header comment above, in one place so it can be read at
   once.
   -------------------------------------------------------------------------- */
.pf-def,.pf-cap,.pf-proof,.pf-related{
  background:var(--ps-color-neutral-2-100);
  border-block:1px solid var(--ps-color-neutral-2-300);
}
/* stated explicitly rather than left transparent: an inherited body colour
   looks right today and breaks silently the moment anything above it moves */
.pf-flow,.pf-cards,.pf-res{background:var(--sv-white)}
/* the conversion band takes the tint the site reserves for it site-wide */
.section-headings__wrapper--cta{background:var(--ps-color-neutral-2-000)}

/* --------------------------------------------------------------------------
   FTCO round (2026-09-28)
   -------------------------------------------------------------------------- */
/* FTCO-02, -15: the diagram and video slots stay in the markup for the live
   assets (W-09) but show nothing while empty, not an empty dashed frame */
.ftco-figure:has(.ftco-figure__slot:empty),
.ftco-micron .pf-proof-card:has(.ftco-figure__slot:empty){display:none}
/* with the video card hidden, the Micron card is alone in its band */
@media (min-width:1024px){
  .ftco-micron .pf-proof__grid:has(.ftco-figure__slot:empty){grid-template-columns:minmax(0,760px)}
}
/* FTCO-12: three tool cards now, so three across from 1024 */
@media (min-width:1024px){
  .ftco-powered .pf-cards__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1350px){
  .ftco-powered .pf-cards__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* two across below 1024: the odd third card takes the full row rather than
   sitting beside an empty column */
@media (min-width:640px) and (max-width:1023.98px){
  .ftco-powered .pf-card:last-child:nth-child(odd){grid-column:1 / -1}
}
/* FTCO-13: the TCAD card's second link sits under the first */
.pf-card__link + .pf-card__link--second{margin-top:8px;padding-top:0}
/* FTCO-17: the FTCO expert form in the closing band */
.section-headings__ctas:has(.ftco-form){width:100%}
.ftco-form{width:100%;max-width:640px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:14px}
.ftco-form__note,.ftco-form__req{margin:0;font:400 14px/22px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
.ftco-form__req{font-size:12px;line-height:18px}
.ftco-form__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.ftco-form__field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ftco-form__label{font:500 13px/18px var(--ps-font);letter-spacing:normal;color:var(--ps-color-neutral-3-500)}
.ftco-form__input{
  width:100%;box-sizing:border-box;
  font:400 14px/20px var(--ps-font);letter-spacing:normal;
  color:var(--ps-color-neutral-3-500);
  background:var(--sv-white);
  border:1px solid var(--ps-color-neutral-2-300);border-radius:8px;
  padding:10px 12px;
  transition:border-color .2s ease-out;
}
.ftco-form__textarea{resize:vertical;min-height:96px}
.ftco-form__input:hover{border-color:var(--ps-color-neutral-2-500)}
.ftco-form__input:focus-visible{outline:2px solid var(--ps-color-brand-500);outline-offset:1px;border-color:transparent}
.ftco-form__send{align-self:flex-start;max-width:100%}
.ftco-form__send .ps-btn__text{white-space:normal;min-width:0}
@media (min-width:640px){
  .ftco-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftco-form__field--wide{grid-column:1 / -1}
}