/* ============================================================
   landingV0.01.css — the quiescence.eu front door (index.php) only.

   Loaded after /themeV0.01.css and /topbar.css. Replaces, for the
   homepage only, homeV0.01.css + home-mobile.css — both still serve
   other pages and are deliberately not touched.

   Linked as /landingV0.01.css?v=<filemtime>: an edit in place is a new URL, so
   no rename is needed (see the versioned-assets rule in the root .htaccess).

   SKIN: every colour is a theme token or an --lp-* token defined
   below for BOTH skins. Light is plain :root (the default); dark is
   :root[data-theme="dark"]. No color-mix(): Chrome reports it
   unresolved from getComputedStyle, which blinds the contrast probe.

   Contents
     1. tokens          6. research band
     2. frame           7. account + enterprise
     3. buttons, text   8. principles
     4. hero            9. toolkit
     5. platforms      10. final CTA, motion, mobile
============================================================ */


/* ============================================================
   1. TOKENS
============================================================ */

:root {
    --lp-brand:       #2584f7;                  /* logo blue — decoration only (3.6:1 on white) */
    --lp-grad-a:      #0055b3;                  /* headline gradient, large text only */
    --lp-grad-b:      #1f74dc;
    --lp-hero-glow-1: rgba(37, 132, 247, .16);
    --lp-hero-glow-2: rgba(0, 102, 204, .08);
    --lp-grid:        rgba(0, 51, 128, .055);
    --lp-card-lift:   0 14px 34px rgba(16, 40, 80, .10);
    --lp-line:        #c9d7ea;                  /* pipeline rail */
    /* Secondary ink. The theme's --text-dim (#6e6e73) is tuned for WHITE panels
       (5.0:1) and falls to 4.27:1 on the grey page gradient, where several blocks
       here sit directly — measured. Same role, deep enough for both surfaces. */
    --lp-ink-dim:     #56565b;

    --lp-live:        #146c2e;                  /* theme --success is 4.47:1 on this tint */
    --lp-live-bg:     #e6f4ea;
    --lp-pre:         #0058b0;
    --lp-pre-bg:      #e3eefb;

    /* per-sector icon tiles: ink >= 3:1 on its tile (non-text) */
    --lp-cyber:       #0e7490;  --lp-cyber-bg:    #e0f2f6;
    --lp-funding:     #047857;  --lp-funding-bg:  #e2f5ee;
    --lp-agents:      #6d28d9;  --lp-agents-bg:   #efe9fc;
    --lp-aviation:    #0369a1;  --lp-aviation-bg: #e2f0f9;
    --lp-research:    #be123c;  --lp-research-bg: #fbe8ec;

    /* enterprise card: navy in both skins, white ink */
    --lp-ent-a:       #0b2a5b;
    --lp-ent-b:       #0a4aa8;
    --lp-ent-ink:     #ffffff;
    --lp-ent-dim:     #d3e2f8;
    --lp-ent-btn:     #ffffff;
    --lp-ent-btn-ink: #0b2a5b;
}

:root[data-theme="dark"] {
    --lp-grad-a:      #60a5fa;
    --lp-grad-b:      #a5cbfd;
    --lp-hero-glow-1: rgba(37, 132, 247, .26);
    --lp-hero-glow-2: rgba(59, 130, 246, .12);
    --lp-grid:        rgba(147, 197, 253, .06);
    --lp-card-lift:   0 16px 40px rgba(0, 0, 0, .45);
    --lp-line:        #2a3b60;
    --lp-ink-dim:     var(--text-dim);

    --lp-live:        #4ade80;
    --lp-live-bg:     #12301f;
    --lp-pre:         #93c5fd;
    --lp-pre-bg:      #16284a;

    --lp-cyber:       #67e8f9;  --lp-cyber-bg:    #0f2a36;
    --lp-funding:     #6ee7b7;  --lp-funding-bg:  #0f2b25;
    --lp-agents:      #c4b5fd;  --lp-agents-bg:   #231d45;
    --lp-aviation:    #7dd3fc;  --lp-aviation-bg: #0f2740;
    --lp-research:    #fda4af;  --lp-research-bg: #36171f;

    --lp-ent-a:       #0c2350;
    --lp-ent-b:       #1d4ed8;
    --lp-ent-dim:     #c9dafa;
}


/* ============================================================
   2. FRAME
============================================================ */

html {
    scroll-padding-top: 72px;               /* anchors clear the fixed 56px topbar */
}

body.lp {
    display: block;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

.lp-main {
    display: block;
    overflow-x: clip;                       /* hero glow must never widen the page */
}

.lp-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.lp-section {
    padding: 88px 0;
}

.lp-section--band {
    background: var(--panel);
    border-top: 1px solid var(--border-soft);
    border-bottom: 1px solid var(--border-soft);
}

.lp-main h1,
.lp-main h2,
.lp-main h3 {
    color: var(--text-strong);
    margin: 0;
    font-weight: 700;
}

.lp-main h2 {
    font-size: clamp(1.75rem, 1.25rem + 1.7vw, 2.5rem);
    line-height: 1.12;
    letter-spacing: -0.02em;
}

.lp-main h3 {
    font-size: 1.25rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.lp-main p {
    margin: 0;
    color: var(--lp-ink-dim);
}

.lp-head {
    max-width: 720px;
    margin-bottom: 44px;
}

.lp-head p:last-child:not(.lp-eyebrow) {
    margin-top: 14px;
    font-size: 1.0625rem;
}

.lp-eyebrow {
    margin: 0 0 12px !important;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--accent-soft) !important;
}

/* skip link: off-screen until focused, then above the fixed topbar */
.lp-skip {
    position: absolute;
    left: 12px;
    top: -60px;
    z-index: 1001;
    padding: 10px 16px;
    border-radius: 8px;
    background: var(--accent-fill);
    color: var(--on-accent);
    font-weight: 600;
    text-decoration: none;
}

.lp-skip:focus {
    top: 8px;
}

.lp-main a:focus-visible,
.lp-skip:focus-visible {
    outline: 2px solid var(--accent-soft);
    outline-offset: 3px;
    border-radius: 6px;
}


/* ============================================================
   3. BUTTONS, LINKS, LISTS, TAGS
============================================================ */

.lp-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.lp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 20px;
    border-radius: 10px;
    border: 1px solid transparent;
    font: inherit;
    font-size: .975rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
    transition: background-color .15s ease, border-color .15s ease,
                box-shadow .15s ease, transform .15s ease;
}

.lp-btn:hover {
    transform: translateY(-1px);
}

.lp-btn--primary {
    background: var(--accent-fill);
    border-color: var(--accent-fill);
    color: var(--on-accent);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}

.lp-btn--primary:hover {
    background: var(--accent-deep);
    border-color: var(--accent-deep);
    box-shadow: 0 8px 20px rgba(0, 85, 179, .25);
}

.lp-btn--ghost {
    background: var(--panel);
    border-color: var(--border);
    color: var(--text);
}

.lp-btn--ghost:hover {
    border-color: var(--accent);
    background: var(--panel-light);
}

.lp-btn--light {
    background: var(--lp-ent-btn);
    color: var(--lp-ent-btn-ink);
}

.lp-btn--light:hover {
    box-shadow: 0 8px 22px rgba(0, 0, 0, .25);
}

.lp-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    color: var(--accent-soft);
    font-weight: 600;
    text-decoration: none;
}

.lp-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* checklist */
.lp-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.lp-list li {
    position: relative;
    padding-left: 28px;
    color: var(--text);
    font-size: .96rem;
    line-height: 1.5;
}

.lp-list li::before {                       /* tick in a soft disc */
    content: "";
    position: absolute;
    left: 0;
    top: .22em;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--lp-pre-bg);
}

.lp-list li::after {
    content: "";
    position: absolute;
    left: 6.5px;
    top: calc(.22em + 4px);
    width: 4px;
    height: 8px;
    border: solid var(--lp-pre);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* mono chips */
.lp-tags {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-tags li,
.lp-pipe__out code,
.lp-channels code {
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: .78rem;
    line-height: 1;
    padding: 6px 9px;
    border-radius: 6px;
    background: var(--panel-light);
    border: 1px solid var(--border-soft);
    color: var(--lp-ink-dim);
    white-space: nowrap;
}

/* status pill */
.lp-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.lp-status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.lp-status--live {
    color: var(--lp-live);
    background: var(--lp-live-bg);
}

.lp-status--preview {
    color: var(--lp-pre);
    background: var(--lp-pre-bg);
}

/* icon tile */
.lp-ico {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

.lp-main svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lp-ico--cyber    { color: var(--lp-cyber);    background: var(--lp-cyber-bg); }
.lp-ico--funding  { color: var(--lp-funding);  background: var(--lp-funding-bg); }
.lp-ico--agents   { color: var(--lp-agents);   background: var(--lp-agents-bg); }
.lp-ico--aviation { color: var(--lp-aviation); background: var(--lp-aviation-bg); }
.lp-ico--research { color: var(--lp-research); background: var(--lp-research-bg); }


/* ============================================================
   4. HERO
============================================================ */

.lp-hero {
    position: relative;
    padding: 96px 0 88px;
    border-bottom: 1px solid var(--border-soft);
    background:
        radial-gradient(900px 520px at 88% 0%, var(--lp-hero-glow-1), transparent 62%),
        radial-gradient(760px 460px at 0% 100%, var(--lp-hero-glow-2), transparent 60%);
    isolation: isolate;
}

.lp-hero::before {                          /* engineering grid, faded at the edges */
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(var(--lp-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--lp-grid) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 60% 40%, #000 30%, transparent 80%);
            mask-image: radial-gradient(ellipse 80% 70% at 60% 40%, #000 30%, transparent 80%);
    pointer-events: none;
}

.lp-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
    gap: 64px;
    align-items: center;
}

.lp-hero h1 {
    font-size: clamp(2.35rem, 1.3rem + 3.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -0.032em;
    max-width: 15ch;
}

.lp-grad {
    background: linear-gradient(100deg, var(--lp-grad-a), var(--lp-grad-b));
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
}

.lp-lead {
    margin-top: 22px !important;
    max-width: 58ch;
    font-size: clamp(1.05rem, .98rem + .35vw, 1.2rem);
    line-height: 1.6;
}

.lp-hero .lp-actions {
    margin-top: 32px;
}

.lp-proof {
    list-style: none;
    margin: 36px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
}

.lp-proof li {
    position: relative;
    padding-left: 22px;
    color: var(--text);                     /* not --text-dim: sits on the hero glow, measured 4.5:1 */
    font-size: .9rem;
    font-weight: 500;
}

.lp-proof li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: .2em;
    width: 5px;
    height: 10px;
    border: solid var(--success);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* pipeline figure */
.lp-pipe {
    margin: 0;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--lp-card-lift);
    overflow: hidden;
}

.lp-pipe__bar {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border-soft);
    background: var(--panel-alt);
}

.lp-pipe__dots {
    display: inline-flex;
    gap: 6px;
}

.lp-pipe__dots i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--border);
}

.lp-pipe__title {
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: .8rem;
    color: var(--lp-ink-dim);
}

.lp-pipe__steps {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 24px 24px 26px;
    display: grid;
    gap: 22px;
}

.lp-pipe__steps::before {                   /* the rail joining the four nodes */
    content: "";
    position: absolute;
    left: 43px;
    top: 44px;
    bottom: 60px;
    width: 2px;
    background: linear-gradient(var(--lp-brand), var(--lp-line));
    opacity: .55;
}

.lp-pipe__steps li {
    position: relative;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.lp-pipe__n {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--lp-pre-bg);
    color: var(--lp-pre);
    border: 1px solid var(--border-soft);
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: .8rem;
    font-weight: 600;
}

.lp-pipe__steps strong {
    display: block;
    color: var(--text-strong);
    font-size: .98rem;
    letter-spacing: .01em;
}

.lp-pipe__steps span:not(.lp-pipe__n) {
    display: block;
    margin-top: 3px;
    color: var(--lp-ink-dim);
    font-size: .9rem;
    line-height: 1.5;
}

.lp-pipe__out {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px !important;
}

.lp-pipe__out code {
    color: var(--lp-pre);
    background: var(--lp-pre-bg);
}


/* ============================================================
   5. PLATFORMS
============================================================ */

.lp-platforms {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.lp-plat {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 30px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--panel-shadow);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.lp-plat:hover {
    border-color: var(--accent);
    box-shadow: var(--lp-card-lift);
    transform: translateY(-2px);
}

.lp-plat__top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lp-plat__sector {
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--lp-ink-dim);
}

.lp-plat h3 {
    font-size: 1.5rem;
    letter-spacing: -0.015em;
}

.lp-plat__lead {
    font-size: 1rem;
    line-height: 1.6;
}

.lp-plat .lp-list {
    padding-top: 2px;
}

.lp-plat__cta {
    margin-top: auto;                       /* CTAs line up across a row of cards */
    padding-top: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
}


/* ============================================================
   6. RESEARCH BAND
============================================================ */

.lp-research {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
}

.lp-research__copy {
    display: grid;
    gap: 18px;
}

.lp-research__copy .lp-plat__top {
    justify-content: flex-start;
}

.lp-research__copy .lp-status {
    margin-left: 0;
}

.lp-research__copy p {
    font-size: 1.0625rem;
    line-height: 1.65;
}

.lp-channels {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.lp-channels li {
    display: grid;
    gap: 8px;
    align-content: start;
    padding: 20px;
    border-radius: 14px;
    background: var(--bg);
    border: 1px solid var(--border-soft);
}

.lp-channels code {
    justify-self: start;
    color: var(--lp-research);
    background: var(--lp-research-bg);
    border-color: transparent;
}

.lp-channels strong {
    color: var(--text-strong);
    font-size: 1.02rem;
}

.lp-channels span {
    color: var(--lp-ink-dim);
    font-size: .9rem;
    line-height: 1.5;
}


/* ============================================================
   7. ACCOUNT + ENTERPRISE
============================================================ */

.lp-account {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: 56px;
    align-items: center;
}

.lp-account__copy {
    display: grid;
    gap: 20px;
}

.lp-account__copy > p:not(.lp-eyebrow) {
    font-size: 1.0625rem;
    max-width: 56ch;
}

.lp-account__copy .lp-eyebrow {
    margin-bottom: -8px !important;
}

.lp-account__copy .lp-actions {
    margin-top: 6px;
}

.lp-ent {
    display: grid;
    gap: 16px;
    justify-items: start;
    padding: 36px;
    border-radius: 20px;
    background:
        radial-gradient(420px 260px at 100% 0%, rgba(255, 255, 255, .14), transparent 70%),
        linear-gradient(140deg, var(--lp-ent-a), var(--lp-ent-b));
    box-shadow: 0 20px 44px rgba(10, 40, 100, .28);
}

.lp-main .lp-ent h3 {
    color: var(--lp-ent-ink);
    font-size: 1.45rem;
}

.lp-main .lp-ent p {
    color: var(--lp-ent-dim);
    line-height: 1.6;
}

.lp-main .lp-ent .lp-ent__eyebrow {
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--lp-ent-ink);
    opacity: .85;
}

.lp-ent .lp-btn {
    margin-top: 6px;
}

.lp-main .lp-ent a:focus-visible {
    outline-color: var(--lp-ent-ink);
}


/* ============================================================
   8. PRINCIPLES
============================================================ */

.lp-pillars {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;                               /* hairlines between cells, from the ul's own bg */
    background: var(--border-soft);
    border: 1px solid var(--border-soft);
    border-radius: 18px;
    overflow: hidden;
}

.lp-pillars li {
    display: grid;
    gap: 10px;
    align-content: start;
    padding: 28px;
    background: var(--panel);
}

.lp-pillar__ico {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    color: var(--lp-pre);
    background: var(--lp-pre-bg);
    margin-bottom: 4px;
}

.lp-pillars h3 {
    font-size: 1.06rem;
}

.lp-pillars p {
    font-size: .94rem;
    line-height: 1.55;
}


/* ============================================================
   9. TOOLKIT
============================================================ */

.lp-tools {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.lp-toolgroup {
    padding: 22px 22px 16px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 16px;
}

.lp-toolgroup h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    padding-bottom: 12px;
    margin-bottom: 6px !important;
    border-bottom: 1px solid var(--border-soft);
}

.lp-toolgroup h3 svg {
    width: 20px;
    height: 20px;
    color: var(--accent-soft);
}

.lp-toolgroup ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lp-toolgroup a {
    display: flex;
    align-items: center;
    min-height: 36px;
    color: var(--text);
    text-decoration: none;
    font-size: .94rem;
    border-radius: 6px;
}

.lp-toolgroup a:hover {
    color: var(--accent-soft);
}

.lp-toolgroup a::after {
    content: "\2192";
    margin-left: auto;
    color: var(--lp-ink-dim);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .15s ease, transform .15s ease;
}

.lp-toolgroup a:hover::after,
.lp-toolgroup a:focus-visible::after {
    opacity: 1;
    transform: none;
}


/* ============================================================
   10. FINAL CTA, MOTION, RESPONSIVE
============================================================ */

.lp-final {
    padding-top: 0;
    padding-bottom: 32px;                   /* the footer brings its own 40px margin */
}

.lp-final__card {
    display: grid;
    justify-items: center;
    gap: 14px;
    text-align: center;
    padding: 64px 32px;
    border-radius: 24px;
    border: 1px solid var(--border);
    background:
        radial-gradient(600px 300px at 50% 0%, var(--lp-hero-glow-1), transparent 70%),
        var(--panel);
}

.lp-final__card p {
    font-size: 1.0625rem;
    max-width: 52ch;
}

.lp-final__card .lp-actions {
    justify-content: center;
    margin-top: 10px;
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lp-btn,
    .lp-plat,
    .lp-toolgroup a::after {
        transition: none;
    }
    .lp-btn:hover,
    .lp-plat:hover {
        transform: none;
    }
}

@media (max-width: 1080px) {
    .lp-hero__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 48px;
    }
    .lp-pipe {
        max-width: 620px;
    }
    .lp-tools {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lp-pillars {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .lp-platforms,
    .lp-research,
    .lp-account {
        grid-template-columns: minmax(0, 1fr);
    }
    .lp-research,
    .lp-account {
        gap: 36px;
    }
}

@media (max-width: 640px) {
    .lp-wrap {
        padding: 0 16px;
    }
    .lp-section {
        padding: 60px 0;
    }
    .lp-final {
        padding-top: 0;
        padding-bottom: 24px;
    }
    .lp-eyebrow {
        letter-spacing: .1em;
    }
    .lp-hero {
        padding: 52px 0 56px;
    }
    .lp-head {
        margin-bottom: 30px;
    }
    .lp-plat {
        padding: 22px;
    }
    .lp-plat h3 {
        font-size: 1.3rem;
    }
    .lp-plat__cta .lp-btn,
    .lp-actions .lp-btn {
        flex: 1 1 100%;
    }
    .lp-channels,
    .lp-pillars,
    .lp-tools {
        grid-template-columns: minmax(0, 1fr);
    }
    .lp-ent {
        padding: 26px;
    }
    .lp-final__card {
        padding: 44px 20px;
    }
    .lp-pipe__steps {
        padding: 20px 16px 22px;
    }
    .lp-pipe__steps::before {
        left: 35px;
    }
}