/* ==========================================================================
   SmartEdge — content-led blocks
   --------------------------------------------------------------------------
   Turning the repeated text cards back into text.

   What this file is for
   ---------------------
   The brief asks for the unnecessary box, card and banner treatment to come off
   the Homepage, the Service pages and the other pages that use it, and for the
   content to stay exactly where it was. It also asks that this not turn every
   section into another card, and that the result read as a mature software
   company rather than as a page of rectangles.

   Nothing here changes markup, content, order or behaviour. It removes surfaces.

   What it changes
   ---------------
   The repeated grids that wrap short text and nothing else: the process steps,
   the readiness items, the numbered notes, the sub service modules, the service
   cards, the "why" points, the flow steps, the industry solution cards and the
   comparable pairs. Each of those was a white rectangle with a border, a radius
   and a shadow, holding a heading and two sentences.

   Six or eight of those in a row is a wall. Each one is competing for attention
   with the heading above the grid, which is the thing the reader actually
   arrived for, and the shadow on every item makes the whole band look like one
   heavy object rather than a list.

   What replaces the box
   ---------------------
   A hairline above each item, real space below it, and the same typography at a
   slightly larger size so the hierarchy is carried by type rather than by
   elevation. The grid, the column count and every breakpoint are untouched, so
   alignment, wrapping and responsive behaviour are identical to what they were.
   The heading keeps its icon and its link; only the paper it sits on is gone.

   What is deliberately left boxed
   -------------------------------
   Media tiles, the portfolio and job rows, the testimonial and stat panels, the
   FAQ accordion and the forms. A photograph wants a frame, a row a reader clicks
   wants to look clickable, and a form needs a boundary. Those are boxes that are
   doing a job. The rule here is that a box must carry something a box is for.

   Loaded last, so it wins on source order against the per-page files without
   having to edit any of them.
   ========================================================================== */

/* ------------------------------------------------------------ Service pages */

/*
   Process steps.

   Six steps, each previously a white card with a drop shadow. The number, the
   heading and the sentence now sit on a rule, which is how a numbered process
   reads in print and how it reads on every software company's site.
*/
.se-sp-step{
  background:none;
  border:0;
  border-top:2px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:20px 0 0;
}
.se-sp-step:hover{
  border-top-color:var(--se-orange);
}

/*
   The "why" grid.

   Six items across three columns, each an icon and two sentences, each in a white
   card. This is the single most boxed band on a service page: eighteen edges and
   six shadows across two rows of text. As a list with an orange rule above each
   item it reads as six reasons rather than as six tiles, and the icons stop
   competing with the heading above the grid.
*/
.se-whygrid__item{
  background:none;
  border:0;
  border-top:2px solid color-mix(in srgb,var(--se-orange) 45%,transparent);
  border-radius:0;
  padding:20px 0 0;
}

/*
   The numbered notes.

   The two- and three-column variant needs its own selector because the page
   stylesheet sets it with two classes, and a one-class rule here would lose to it
   on specificity however late this file is loaded.
*/
.se-sp-note,
.se-sp-notes--cols .se-sp-note{
  background:none;
  border:0;
  border-top:2px solid var(--se-line);
  border-radius:0;
  padding:18px 0 0;
}

/* The readiness items: a three-across grid of short paragraphs. */
.se-sp-readiness__item{
  background:none;
  border:0;
  border-top:3px solid var(--se-orange);
  border-radius:0;
  box-shadow:none;
  padding:20px 0 0;
}

/* The sub-service modules. */
.se-sp-module{
  background:none;
  border:0;
  border-top:2px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:20px 0 0;
}
.se-sp-module__num{
  position:static;
  display:block;
  font-size:.8125rem;
  letter-spacing:.08em;
  color:var(--se-orange-ink);
  margin-bottom:8px;
}
.se-sp-module__title{padding-right:0}

/* The service cards: the biggest grid on the page, and the one that read worst. */
.se-sp-card{
  background:none;
  border:0;
  border-top:2px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:20px 0 0;
  transition:border-color .2s var(--se-ease);
}
.se-sp-card:hover{
  border-top-color:var(--se-blue);
  transform:none;
  box-shadow:none;
}

/*
   The round arrow button on a service card loses its circle. A 30px filled disc
   on every card in a grid is eight small circles in a row, which is the same
   problem as the boxes one level up.
*/
.se-sp-card__link{
  width:auto;
  height:auto;
  background:none;
  color:var(--se-blue);
  gap:7px;
  font-size:.875rem;
  font-weight:700;
}
.se-sp-card__link:hover{background:none;color:var(--se-orange-dark)}

/* The grouped capability blocks: a heading over a list, not a panel. */
.se-sp-group{
  background:none;
  border:0;
  border-top:2px solid var(--se-blue);
  border-radius:0;
  box-shadow:none;
  padding:22px 0 0;
}
.se-sp-group__title{
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:12px;
}

/* The service lists and the callouts inside a service page. */
.se-sp-list,
.se-sp-checklist{
  background:none;
  border:0;
  box-shadow:none;
  padding:0;
}

/* -------------------------------------------------------------- Home page */

/* The "why teams choose" points. */
.se-cowhy__point{
  background:none;
  border:0;
  border-top:1px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:18px 0 0;
}
.se-cowhy__point:hover{
  transform:none;
  box-shadow:none;
  border-top-color:var(--se-blue);
}

/* The step flow on the Hire page and the Careers page. */
.se-stepflow__step{
  background:none;
  border:0;
  border-top:2px solid var(--se-line);
  border-radius:0;
  padding:18px 0 0;
}
.se-stepflow__step + .se-stepflow__step::before{
  content:none;
}

/* The process steps on the homepage. */
.se-flowstep,
.se-home__step{
  background:none;
  border:0;
  border-top:2px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:18px 0 0;
}

/* The homepage service and industry cards keep their photograph, so they keep a
   frame. Only the text-only variants lose theirs. */
.se-svccard--plain,
.se-indcard--plain{
  background:none;
  border:0;
  box-shadow:none;
}

/* --------------------------------------------------- Company submenu pages */

/* The quadrant cards, the comparison rows, the pairs, the people cards. */
.se-csquad__card,
.se-cscmp,
.se-cspairs__item,
.se-cspeople__card,
.se-cswhy__card,
.se-csareas__card,
.se-csarea__card{
  background:none;
  border:0;
  border-top:2px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:20px 0 0;
}

/* The path steps and the flow steps. */
.se-cspath__step,
.se-csflow__step{
  background:none;
  border:0;
  border-top:1px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:16px 0 0;
}

/* ------------------------------------------------------------- Industries */

/* The solution cards inside an industry panel. */
.se-incard{
  background:none;
  border:0;
  border-top:1px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:14px 0 0;
}

/* The module grid on the Services overview panels. */
.se-svpanel__card,
.se-svmod{
  background:none;
  border:0;
  border-top:1px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:14px 0 0;
}

/* ------------------------------------------------------------ Second pass */

/*
   The remaining repeated text cards, found by measuring rather than by reading
   the stylesheets: a census of every element on every page that carries a
   background, a border or a shadow, and contains no image and no control. These
   were what it found.
*/

/* The homepage process steps. */
.se-process__step{
  background:none;
  border:0;
  border-top:2px solid var(--se-line);
  border-radius:0;
  padding:18px 0 0;
}

/* The Company path steps. The numbered modifiers are two-class selectors in the
   page file, so this needs to be at least as specific. */
.se-cspath__step,
.se-csex__process .se-cspath__step,
.se-cste__process .se-cspath__step{
  background:none;
  border:0;
  border-top:2px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:18px 0 0;
}

/* The service page "signs" grid: six short notes with an icon each. */
.se-sp-sign{
  background:none;
  border:0;
  border-top:1px solid var(--se-line);
  border-radius:0;
  padding:16px 0 0;
}

/* ---------------------------------------------------------------- Support */

/*
   The support block on the Hire page and the value cards beside the form.

   These are text plus a list of bullets, and they were the last two boxed blocks
   on the page. The bullet list is what the reader is actually reading.
*/
.se-support,
.se-havalue__card{
  background:none;
  border:0;
  border-top:2px solid var(--se-line);
  border-radius:0;
  box-shadow:none;
  padding:18px 0 0;
}

/* ------------------------------------------------------------ Small screens */

/*
   Below the column counts collapse, and a rule that was separating items within
   a row suddenly separates items within a column. The vertical space that was
   doing that job comes back, so the list keeps its rhythm without the boxes.
*/
@media (max-width:900px){
  .se-sp-step,
  .se-sp-card,
  .se-sp-module,
  .se-sp-readiness__item,
  .se-sp-note,
  .se-csquad__card,
  .se-cscmp,
  .se-cswhy__card,
  .se-csareas__card,
  .se-cspeople__card{
    padding-bottom:4px;
  }
}

/* ---------------------------------------------------------------- Print */

@media print{
  .se-sp-step,
  .se-sp-card,
  .se-sp-module,
  .se-sp-readiness__item,
  .se-sp-note,
  .se-incard,
  .se-csquad__card,
  .se-cscmp{
    border-top:1px solid #ccc;
    break-inside:avoid;
  }
}