/* Original LiftShift marketing component styles, retained verbatim.
 * Source: the uploaded platform.html and index.html inline style blocks.
 * These selectors style marketing panels and section layouts only.
 * Protected product CSS, screenshots, demo markup and scripts are unchanged.
 */
/* platform.html: original scoped platform marketing styles */


#main{--pl-r:8px}


#main .pl-mods{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#main .pl-mod{position:relative;display:flex;flex-direction:column;min-width:0;padding:6px 24px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--pl-r);transition:opacity .2s var(--eo),border-color .2s var(--eo),box-shadow .2s var(--eo)}
#main .pl-mod:hover{border-color:var(--lift);box-shadow:var(--shadow)}
#main .pl-mod dt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;border-bottom:1px solid var(--line);font:600 .9375rem/1.3 var(--sans)}
#main .pl-mod dt a{display:inline-flex;align-items:center;min-height:48px;color:var(--lift);text-decoration:none}
#main .pl-mod dt a::after{content:"";position:absolute;inset:-1px;border-radius:var(--pl-r);z-index:1}
#main .pl-mod dt a:focus-visible{outline:0}
#main .pl-mod dt a:focus-visible::after{outline:3px solid var(--lift);outline-offset:2px}
#main .pl-go{width:18px;height:18px;flex:none;color:var(--muted);transition:transform .2s var(--eo),color .2s var(--eo)}
#main .pl-mod:hover .pl-go{color:var(--lift);transform:translateX(3px)}
#main .pl-mod dd{margin:0}
#main .pl-mod .v{display:block;margin:0 0 8px;font-weight:650;font-size:1.25rem;line-height:1.25;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
#main .pl-mod dd p{margin:0;color:var(--ink-2);font-size:.96875rem;line-height:1.55}


#main .pl-who{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,3.4vw,44px) clamp(24px,3vw,48px);align-items:start}
#main .pl-who>*{min-width:0}
#main .pl-say{margin:0;max-width:31ch;font-size:clamp(1.375rem,1rem + 1.3vw,2.125rem);line-height:1.3;font-weight:500;letter-spacing:-.02em;color:var(--ink);text-wrap:pretty}
#main .pl-mask{display:inline-block;padding:0 .28em;border:1px solid var(--line-strong);border-radius:3px;background:var(--surface) repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 11%,transparent) 0 2px,transparent 2px 7px);font:600 .8em/1.35 var(--mono);letter-spacing:.14em;color:var(--ink);vertical-align:.06em}
#main .pl-who-rule{--pad:clamp(20px,2.6vw,32px);padding:var(--pad);background:var(--surface);border:1px solid var(--line);border-radius:var(--pl-r);box-shadow:var(--shadow)}
#main .pl-who-rule::before{content:"";display:block;height:14px;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) var(--pad);border-bottom:1px solid var(--line);border-radius:calc(var(--pl-r) - 1px) calc(var(--pl-r) - 1px) 0 0;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 11%,transparent) 0 2px,transparent 2px 7px)}
#main .pl-who-rule .fq{flex-wrap:nowrap;align-items:flex-start;gap:8px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--line)}
#main .pl-who-rule .fq-l{flex:1 1 auto;min-width:0;padding-top:9px;font-weight:650;font-size:1.125rem;line-height:1.4;color:var(--ink)}
#main .pl-who-rule>p{margin:0;color:var(--ink-2)}


#main .pl-stats{display:grid;grid-template-columns:minmax(0,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
#main .pl-stat-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#main .pl-stat-list>div{min-width:0;padding:22px 20px 26px 0}
#main .pl-stat-list>div+div{padding-left:20px;border-left:1px solid var(--line)}
#main .pl-stat-list dt{margin:0 0 20px;font:500 .875rem/1.3 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}
#main .pl-stat-list dd{margin:0}
#main .pl-stat-list .v{display:block;margin:0 0 12px;color:var(--ink);font-variant-numeric:lining-nums proportional-nums}
#main .pl-under{display:block;margin-bottom:6px;font:600 1rem/1.2 var(--sans);color:var(--ink-2)}
#main .pl-num{font-weight:700;font-size:clamp(3.25rem,1.4rem + 5.6vw,7rem);line-height:.9;letter-spacing:-.045em}
#main .pl-unit{margin-left:.06em;font-weight:600;font-size:clamp(1.5rem,1rem + 1.5vw,2.5rem);letter-spacing:-.01em;color:var(--ink-2)}
#main .pl-stat-list dd p{margin:0;font-size:1.0625rem;color:var(--ink-2)}
#main .pl-stat-note{display:flex;align-items:flex-end;min-width:0;padding:20px 0 24px;border-top:1px solid var(--line)}
#main .pl-stat-note p{margin:0;max-width:40ch;color:var(--ink-2)}


#main .pl-cfg-h{display:grid;grid-template-columns:minmax(0,1fr);gap:16px 48px;align-items:end;margin-bottom:clamp(28px,4vw,44px)}
#main .pl-cfg-h>*{min-width:0;margin:0}
#main .pl-sheet{margin:0;display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface);border:1px solid var(--line-strong);border-top:3px solid var(--ink);border-radius:2px;box-shadow:var(--shadow)}
#main .pl-sheet>div{min-width:0;padding:16px 20px 22px;border-bottom:1px solid var(--line)}
#main .pl-sheet>div:last-child{border-bottom:0}
#main .pl-sheet dt{margin:0 0 10px;font:600 .8125rem/1.2 var(--sans);letter-spacing:.02em;color:var(--muted)}
#main .pl-sheet dd{margin:0;max-width:62ch;font-size:1.0625rem;line-height:1.55;color:var(--ink)}
#main .pl-sheet .c-ships{background:var(--ground)}


#main .pl-rel-h{display:grid;grid-template-columns:minmax(0,1fr);gap:16px 56px;align-items:first baseline;margin-bottom:clamp(28px,4vw,44px)}
#main .pl-rel-h>*{min-width:0}
#main .pl-rel-h .lede{margin:0}



@media (min-width:600px){
  #main .pl-stats{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  #main .pl-stat-note{padding:22px 0 26px 20px;border-top:0;border-left:1px solid var(--line)}
}
@media (min-width:600px) and (max-width:899px){
  #main .pl-stats{grid-template-columns:minmax(0,1fr)}
  #main .pl-stat-note{padding:20px 0 24px;border-left:0;border-top:1px solid var(--line)}
}
@media (min-width:900px){
  #main .pl-sheet{grid-template-columns:repeat(12,minmax(0,1fr))}
  #main .pl-sheet>div{border-right:1px solid var(--line)}
  #main .pl-sheet .c-hier,#main .pl-sheet .c-layout{grid-column:span 7}
  #main .pl-sheet .c-types,#main .pl-sheet .c-ver{grid-column:span 5;border-right:0}
  #main .pl-sheet .c-ships{grid-column:1/-1;border-right:0}
  
  
  
  #main .pl-rel-h{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}

@media (min-width:761px){
  #main .pl-cfg-h{grid-template-columns:minmax(0,1fr) auto}
  #main .pl-cfg-h h2{grid-column:1/-1}
}
@media (min-width:1024px){
  #main .pl-who{grid-template-columns:repeat(12,minmax(0,1fr))}
  #main .pl-who>h2{grid-column:1/-1}
  #main .pl-who-say{grid-column:1/span 7}
  #main .pl-who-rule{grid-column:8/-1}
}
@media (max-width:1023px) and (min-width:600px){
  #main .pl-mods{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:599px){
  #main .pl-mods{grid-template-columns:minmax(0,1fr);gap:12px}
  #main .pl-mod{padding:2px 18px 20px}
  
  
}
@media (max-width:479px){
  #main .pl-stat-list{grid-template-columns:minmax(0,1fr)}
  #main .pl-stat-list>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  
}
@media (prefers-reduced-motion:reduce){
  #main .pl-mod,#main .pl-go{transition:none}
  #main .pl-mod:hover .pl-go{transform:none}
}
@media print{
  #main .pl-mod,#main .pl-who-rule,#main .pl-sheet{box-shadow:none}
  
}

/* index.html: original #lifecycle marketing sequence */

#lifecycle .lc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:clamp(24px,3vw,36px) 0 0;padding:0;list-style:none;counter-reset:lc}
#lifecycle .lc li{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 22px 22px 0}
#lifecycle .lc li+li{padding-left:22px;border-left:1px solid var(--line)}
#lifecycle .lc li::before{counter-increment:lc;content:"0" counter(lc);font:600 .8125rem/1 var(--mono);color:var(--lift)}
#lifecycle .lc .bar{position:absolute;left:0;right:0;top:0;height:3px;background:var(--line)}
#lifecycle .lc li:last-child .bar{background:var(--shift)}
#lifecycle .lc li .bar{background:var(--lift)}
#lifecycle .lc h3{margin:0;font:650 1.1875rem/1.25 var(--sans);color:var(--ink)}
#lifecycle .lc p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--ink-2)}
#lifecycle .lc a{margin-top:auto;padding-top:6px}
#lifecycle .lc-note{margin:clamp(20px,3vw,28px) 0 0;max-width:72ch;color:var(--ink-2)}
@media (max-width:1023px){#lifecycle .lc{grid-template-columns:repeat(2,minmax(0,1fr))}#lifecycle .lc li:nth-child(3){padding-left:0;border-left:0}#lifecycle .lc li:nth-child(n+3){margin-top:12px}}
@media (max-width:600px){#lifecycle .lc{grid-template-columns:minmax(0,1fr)}#lifecycle .lc li+li{padding-left:0;border-left:0;margin-top:12px}}

/* index.html: original #control marketing feature summary */

#control .ctl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(24px,3vw,36px) 0 0;padding:0;list-style:none;border-top:2px solid var(--ink)}
#control .ctl li{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px 0;border-bottom:1px solid var(--line)}
#control .ctl li:not(:nth-child(3n+1)){padding-left:20px;border-left:1px solid var(--line)}
#control .ctl h3{margin:0;font:650 1.0625rem/1.3 var(--sans);color:var(--ink)}
#control .ctl p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--ink-2)}
#control .ctl a{margin-top:auto;padding-top:4px;font-size:.9375rem}
@media (max-width:900px){#control .ctl{grid-template-columns:repeat(2,minmax(0,1fr))}#control .ctl li:not(:nth-child(3n+1)){padding-left:0;border-left:0}#control .ctl li:nth-child(2n){padding-left:20px;border-left:1px solid var(--line)}}
@media (max-width:600px){#control .ctl{grid-template-columns:minmax(0,1fr)}#control .ctl li:nth-child(2n){padding-left:0;border-left:0}}