/* Sidan för företag. Samma papper, espresso och rött som startsidan
   (sida.css). Telefonen har fast storlek, så ingen JS behövs för skalan. */

.ft-scen { padding: 3.5rem 0 5rem; }
.ft-scen-ram { display: grid; gap: 3rem; align-items: center; }
@media (min-width: 960px) { .ft-scen-ram { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 4rem; } }
.ft-scen-text .etikett { margin-bottom: 1.1rem; }
.ft-display { font-size: clamp(2.6rem, 6.2vw, 5.2rem); text-wrap: balance; }
.ft-display .rod-text { display: block; }
.ft-scen-text .ingress { margin-top: 1.5rem; max-width: 34rem; }
.ft-knappar { margin-top: 2rem; }
.ft-scen-text .lugnande { margin-top: 1rem; }

/* 296 px bred telefon: innerytan 279,4 px = 390 px x 0,7164 */
.ft-telefon-yta { display: grid; justify-items: center; }
.ft-telefon { --b: 296px; }
.ft-telefon iframe { transform: scale(.7164); pointer-events: none; }

.ft-tva { padding: 6rem 0; background: var(--vit); }
.ft-tva .rubrik-stor { margin-top: 1rem; max-width: 46rem; }
.ft-kort-rad { display: grid; gap: 1.25rem; margin-top: 3rem; }
@media (min-width: 900px) { .ft-kort-rad { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } }
.ft-kort-rad .pris p { color: var(--dampad); }
.ft-pris { font-weight: 600; color: var(--blaeck) !important; }
.ft-pris span:first-child { font-weight: 400; color: var(--dampad); }

.morkt .ft-ingress { margin-top: 1.5rem; max-width: 40rem; }
.ft-rutnat { display: grid; gap: 1.25rem; margin-top: 3rem; }
@media (min-width: 760px) { .ft-rutnat { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .ft-rutnat { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ft-rutnat .morkt-kort:nth-child(2) { background: rgba(240, 235, 226, .06); border-color: rgba(240, 235, 226, .12); }
.ft-rutnat .morkt-kort:nth-child(2) p { color: rgba(240, 235, 226, .82); }
.ft-rutnat .morkt-kort:nth-child(6) { background: var(--bla); border-color: transparent; }
.ft-rutnat .morkt-kort:nth-child(6) p { color: #ffffff; }
.ft-not { margin-top: 2rem; max-width: 44rem; color: rgba(240, 235, 226, .7); font-size: .95rem; }

.ft-steg { padding: 6rem 0; }
.ft-steg .rubrik-stor { margin-top: 1rem; }
.ft-steglista { list-style: none; margin: 3rem 0 0; padding: 0; display: grid; gap: 2rem; counter-reset: none; }
@media (min-width: 900px) { .ft-steglista { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.75rem; } }
.ft-steglista li { padding-top: 1.25rem; border-top: 1px solid var(--kant-stark); }
.ft-steglista .rubrik { font-size: 1.3rem; }
.ft-steglista p { margin-top: .6rem; color: var(--dampad); }
.ft-nivaer .rubrik-stor { margin-top: 1rem; max-width: 46rem; }
.ft-betalning { margin-top: 1.75rem; max-width: 46rem; color: var(--dampad); font-size: .95rem; }