#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1200px minmax(0, 1fr); grid-template-rows: 144px auto 1150px; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-rows: 80px auto 1920px; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-rows: 80px auto 1920px; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } @media (max-width: 479.9px) { #imPage { display: grid; grid-template-columns: 0 minmax(0, 1fr) 0; grid-template-rows: 80px auto 1920px; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } } @media (max-width: 479.9px) { #imContent { display: grid; grid-template-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } } #imHeader_imCell_52 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_52 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_52 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_52 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_52 {margin: 0px; } #imHeader_imObjectButton_52_button {font: normal normal bold 11pt 'Arial'; background-color: rgba(0, 152, 70, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imHeader_imObjectButton_52_button:hover {background-color: rgba(31, 112, 174, 1); cursor: pointer; } #imHeader_imCell_58 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_58 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_58 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_58 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_58 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_58 #imHeader_imObjectImage_58_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_59 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imHTMLObject_59 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_59 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_59 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imFooter_imCell_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_01 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_1 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_1 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imSideBar_imCell_19 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imSideBar_imObjectTitle_19 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imSideBar_imCellStyleGraphics_19 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imSideBar_imCellStyleBorders_19 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imSideBar_imObjectTitle_19 {margin: 0px; text-align: center;} #imSideBar_imObjectTitle_19_text {font: normal normal bold 16pt 'Arial'; padding: 0px; background-color: transparent; position: relative; display: inline-block; } #imSideBar_imObjectTitle_19_text, #imSideBar_imObjectTitle_19_text a { color: rgba(0, 152, 70, 1); overflow-wrap: break-word; max-width: 100%;white-space: pre-wrap; } #imSideBar_imObjectTitle_19_text a{ text-decoration: none; } #imSideBar_imCell_21 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imSideBar_imObjectForm_21 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imSideBar_imCellStyleGraphics_21 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imSideBar_imCellStyleBorders_21 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imSideBar_imObjectForm_21 { width: 100%; } .imObjectForm_21_tip { position: absolute; inset-inline-end: 0px; width: 20px; } #imObjectForm_21_form { position: relative; width: 100%; margin: 0px; padding: 0px; text-align: start; font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; } #imObjectForm_21_form label, #imObjectForm_21_form .checkbox, #imObjectForm_21_form .radiobutton, #imObjectForm_21_form option.label_option { opacity: 1; color: rgba(31, 112, 174, 1); font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } #imObjectForm_21_form ::placeholder { opacity: 1; color: rgba(31, 112, 174, 1); font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } #imObjectForm_21_form label { text-align: start; padding-block: 1px; padding-inline: 0px; } #imObjectForm_21_form label span { display: inline-block; padding-top: 5px; padding-bottom: 5px; } #imObjectForm_21_form fieldset { margin: 0px; padding-block: 8px 0px; padding-inline: 0px; } #imObjectForm_21_form fieldset.first { margin: 0px; padding: 0px; } #imObjectForm_21_form div.legend { margin-bottom: 8px; font-family: Arial, sans serif; font-size: 11pt;} #imObjectForm_21_form input[type=text], #imObjectForm_21_form input[type=password], #imObjectForm_21_form input[type=file], #imObjectForm_21_form input[type=tel], #imObjectForm_21_form input[type=date], #imObjectForm_21_form input[type=number], #imObjectForm_21_form input[type=email], #imObjectForm_21_form input[type=url], #imObjectForm_21_form select, #imObjectForm_21_form textarea, #imObjectForm_21_form span.textarea { resize: none; margin-block: 2px; margin-inline: 0px; color: rgba(0, 0, 0, 1); border-style: solid; border-width: 1px; border-color: transparent; background-color: rgba(255, 255, 255, 1); font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; padding-block: 5px; padding-inline: 11px; border-radius: 5px; box-shadow: none; transition: all 200ms ease; } #imObjectForm_21_form select { padding-block: 4px; padding-inline: 11px; } #imObjectForm_21_form input[type="checkbox"], #imObjectForm_21_form input[type="radio"] { border: 0; background-color: transparent; } #imObjectForm_21_form input.imFormFocus, #imObjectForm_21_form select.imFormFocus, #imObjectForm_21_form textarea.imFormFocus, #imObjectForm_21_form span.textarea.imFormFocus { color: rgba(255, 255, 255, 1); background-color: rgba(31, 112, 174, 1); border-color: rgba(169, 169, 169, 1);} #imObjectForm_21_form input[type="checkbox"].imFormFocus, #imObjectForm_21_form input[type="radio"].imFormFocus { border: 0; background-color: transparent; } #imObjectForm_21_form input.imFormMark, #imObjectForm_21_form textarea.imFormMark, #imObjectForm_21_form span.textarea.imFormMark, #imObjectForm_21_form select.imFormMark { color: rgba(255, 255, 255, 1); background-color: rgba(255, 0, 0, 1); border-color: rgba(255, 0, 0, 1); } #imObjectForm_21_form input[type="submit"], #imObjectForm_21_form input[type="button"], #imObjectForm_21_next, #imObjectForm_21_prev, #imObjectForm_21_submit {-webkit-appearance: none;cursor: pointer;color: rgba(255, 255, 255, 1); border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; background-color: rgba(0, 152, 70, 1);font-family: Arial, sans serif;font-size: 12pt; font-weight: normal; font-style: normal;border-radius: 15px; padding-block: 8px; padding-inline: 4px; margin-inline-start: 0px; } #imObjectForm_21_form input[type="submit"]:disabled, #imObjectForm_21_form input[type="button"]:disabled, #imObjectForm_21_next:disabled, #imObjectForm_21_prev:disabled, #imObjectForm_21_submit:disabled { opacity: .5; cursor: default; }#imObjectForm_21_prot { display: none; } #imObjectForm_21_buttonswrap { text-align: center; box-sizing: border-box; width: 100%; } .imObjectFormFieldContainer { float: left; float: inline-start; box-sizing: border-box; padding-inline-start: 0px; margin: 0px; padding-top: 0px; padding-bottom: 2px; } .imObjectFormFieldContainer.centered { display: flex; align-items: center; } .imObjectFormAgreementCheckboxWrapper { display: block; } .imObjectFormAgreementCheckbox { margin-inline-end: 5px; vertical-align: middle; } .checkbox-input, .checkbox-label, .radio-input, .radio-label { vertical-align: middle; } .radio-input { margin-top: 0px; } #imObjectForm_21_1_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_1_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_1 { box-sizing: border-box; width: 100%; } #imObjectForm_21_2_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_2_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_2 { box-sizing: border-box; width: 100%; } #imObjectForm_21_3_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_3_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_3 { box-sizing: border-box; width: 100%; } #imObjectForm_21_4_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_4_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; direction: ltr; } #imObjectForm_21_4 { box-sizing: border-box; width: 100%; } #imObjectForm_21_5_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_5_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_5 { box-sizing: border-box; width: 100%; height: 70px; } #imObjectForm_21_6_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_6_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; padding-inline-end: 20px; } #imObjectForm_21_6_wrapper { display: inline-block; width: 100%; } .imObjectForm_21_6_radiobutton { display: block; float: left; float: inline-start; margin: 0; padding: 0; width: 100%; } .imObjectForm_21_6_radiobutton.firstrow { padding-top: 5px; } .imObjectForm_21_6_radiobutton.firstcolumn { clear: left; clear: inline-start; } #imObjectForm_21_7_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_7_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_7 { box-sizing: border-box; width: 100%; font: normal normal normal 8pt 'Arial'; color: rgba(255, 255, 255, 1); text-decoration: none; text-align: start; padding: 0px; } #imSideBar_imObjectImage_22 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imSideBar_imObjectImage_22 #imSideBar_imObjectImage_22_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_69 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_69 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_69 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_69 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_69 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_69 #imStickyBar_imObjectImage_69_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_95 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_95 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_95 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_95 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_95 {margin: 0px; } #imStickyBar_imObjectButton_95_button {font: normal normal bold 11pt 'Arial'; background-color: rgba(0, 152, 70, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_95_button:hover {background-color: rgba(31, 112, 174, 1); cursor: pointer; } #imStickyBar_imCell_104 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_104 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_104 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_104 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_104 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_104 #imStickyBar_imObjectImage_104_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_106 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_106 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_106 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_106 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_106 {margin: 0px; } #imStickyBar_imObjectButton_106_button {font: normal normal bold 10pt 'Arial'; background-color: rgba(31, 112, 174, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_106_button:hover {background-color: rgba(0, 152, 70, 1); cursor: pointer; } #imStickyBar_imCell_107 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_107 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_107 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_107 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_107 {margin: 0px; } #imStickyBar_imObjectButton_107_button {font: normal normal bold 10pt 'Arial'; background-color: rgba(0, 152, 70, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_107_button:hover {background-color: rgba(31, 112, 174, 1); cursor: pointer; } #imStickyBar_imCell_108 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_108 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_108 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_108 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_108 {margin: 0px; } #imStickyBar_imObjectButton_108_button {font: normal normal bold 10pt 'Arial'; background-color: rgba(31, 112, 174, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_108_button:hover {background-color: rgba(0, 152, 70, 1); cursor: pointer; } .imPageRow { position: relative; } #imCell_3 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_03 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_3 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_3 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl01, .sftl01 *, .sftl01 *::before, .sftl01 *::after { box-sizing: border-box !important; } /* ========================================================= CONTENITORE GENERALE ========================================================= */ .sftl01 { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 42px 20px 70px !important; overflow: hidden !important; background: radial-gradient( circle at 92% 8%, rgba(10,169,165,0.10), transparent 26% ), radial-gradient( circle at 5% 23%, rgba(239,139,36,0.08), transparent 22% ), linear-gradient( 145deg, #ffffff 0%, #f4fafc 52%, #fff8ef 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; } .sftl01-wrap { display: block !important; width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= RESET TESTI X5 ========================================================= */ .sftl01 h1, .sftl01 h2, .sftl01 h3, .sftl01 p, .sftl01 figure { margin-top: 0 !important; } .sftl01 h1, .sftl01 h2, .sftl01 h3 { font-family: Inter, Arial, Helvetica, sans-serif !important; } /* ========================================================= BREADCRUMB ========================================================= */ .sftl01-breadcrumb { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 7px !important; margin: 0 0 18px !important; padding: 0 !important; color: #526875 !important; font-size: 13px !important; font-weight: 700 !important; text-align: left !important; } .sftl01-breadcrumb a { color: #17649a !important; font-weight: 800 !important; text-decoration: none !important; } .sftl01-breadcrumb a:hover { text-decoration: underline !important; } .sftl01-breadcrumb span[aria-current="page"] { color: #0b3048 !important; font-weight: 800 !important; } /* ========================================================= HEADER ========================================================= */ .sftl01-header { display: block !important; width: 100% !important; max-width: 1020px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl01-eyebrow { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-radius: 999px !important; background: #dff8f6 !important; color: #0b3048 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl01-eyebrow span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 11px !important; } /* ========================================================= H1 ========================================================= */ .sftl01-h1 { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #062438 !important; font-size: clamp(36px, 4.7vw, 60px) !important; font-weight: 900 !important; line-height: 1.04 !important; letter-spacing: -1.8px !important; text-align: center !important; } .sftl01-h1 span { display: block !important; margin-top: 8px !important; color: #17649a !important; font-size: 0.68em !important; font-weight: 900 !important; line-height: 1.18 !important; } /* ========================================================= META ========================================================= */ .sftl01-meta { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 7px !important; margin: 14px 0 0 !important; color: #526875 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.45 !important; } .sftl01-meta strong { color: #0b3048 !important; font-weight: 900 !important; } .sftl01-vat { color: #198754 !important; font-weight: 900 !important; } .sftl01-dot { color: #0aa9a5 !important; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .sftl01-answer { display: block !important; width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,0.23) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,0.06) !important; text-align: left !important; } .sftl01-answer h2 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: left !important; } .sftl01-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; text-align: left !important; } .sftl01-answer strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= 3 PUNTI CHIAVE ========================================================= */ .sftl01-points { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 10px !important; margin: 0 0 22px !important; } .sftl01-points article { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 11px !important; min-width: 0 !important; margin: 0 !important; padding: 14px 15px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 12px !important; background: #ffffff !important; text-align: left !important; } .sftl01-point-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 10px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl01-points strong { display: block !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl01-points p { margin: 3px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.45 !important; } /* ========================================================= VIDEO + SIDE ========================================================= */ .sftl01-media { display: grid !important; grid-template-columns: minmax(0,1.18fr) minmax(330px,0.82fr) !important; align-items: stretch !important; gap: 24px !important; width: 100% !important; } /* ========================================================= VIDEO ========================================================= */ .sftl01-video { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(11,48,72,0.13) !important; border-radius: 18px !important; background: #ffffff !important; box-shadow: 0 15px 36px rgba(6,36,56,0.08) !important; text-align: left !important; scroll-margin-top: 100px !important; } .sftl01-video-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 15px !important; padding: 15px 17px !important; border-bottom: 1px solid rgba(11,48,72,0.08) !important; background: #f7fafc !important; } .sftl01-video-head span { display: block !important; margin: 0 0 3px !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.3 !important; } .sftl01-video-head h2 { margin: 0 !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.42 !important; text-align: left !important; } .sftl01-duration { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 62px !important; padding: 8px 10px !important; border-radius: 999px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } /* ========================================================= VIDEO RESPONSIVE FALLBACK PIÙ SICURO PER X5 ========================================================= */ .sftl01-video-ratio { display: block !important; position: relative !important; width: 100% !important; height: 0 !important; padding-bottom: 56.25% !important; overflow: hidden !important; background: #061a28 !important; } .sftl01-video-ratio iframe { display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* ========================================================= TESTO VIDEO ========================================================= */ .sftl01-video-text { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; align-items: start !important; padding: 15px 17px !important; text-align: left !important; } .sftl01-video-text > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 9px !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 11px !important; } .sftl01-video-text p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; text-align: left !important; } .sftl01-video-text strong { color: #0b3048 !important; } /* ========================================================= SIDE ========================================================= */ .sftl01-side { display: flex !important; flex-direction: column !important; min-width: 0 !important; margin: 0 !important; padding: 13px !important; border: 1px solid rgba(11,48,72,0.13) !important; border-radius: 18px !important; background: #ffffff !important; box-shadow: 0 15px 36px rgba(6,36,56,0.06) !important; } .sftl01-side figure { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .sftl01-side img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; border-radius: 12px !important; object-fit: cover !important; } .sftl01-side figcaption { display: block !important; margin: 0 !important; padding: 10px 4px 2px !important; color: #526875 !important; font-size: 13px !important; line-height: 1.5 !important; text-align: left !important; } /* ========================================================= PATHS ========================================================= */ .sftl01-paths { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important; align-items: center !important; gap: 8px !important; margin-top: 10px !important; } .sftl01-paths article { min-width: 0 !important; margin: 0 !important; padding: 12px 10px !important; border-radius: 10px !important; background: #f5fafc !important; text-align: center !important; } .sftl01-paths article > span { display: block !important; color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl01-paths strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl01-paths p { margin: 4px 0 0 !important; color: #526875 !important; font-size: 12px !important; line-height: 1.42 !important; } .sftl01-plus { color: #d86e0a !important; font-size: 20px !important; font-weight: 900 !important; text-align: center !important; } /* ========================================================= STARTING PRICE ========================================================= */ .sftl01-start { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; margin-top: auto !important; padding-top: 12px !important; } .sftl01-start article { min-width: 0 !important; margin: 0 !important; padding: 13px 10px !important; border: 1px solid rgba(239,139,36,0.18) !important; border-radius: 10px !important; background: #fff3e4 !important; text-align: center !important; } .sftl01-start span { display: block !important; color: #526875 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl01-start strong { display: block !important; margin-top: 4px !important; color: #d86e0a !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.25 !important; } .sftl01-start small { display: block !important; margin-top: 4px !important; color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= PREZZI ========================================================= */ .sftl01-prices { display: block !important; width: 100% !important; margin: 23px 0 0 !important; padding: 22px !important; border: 1px solid rgba(23,100,154,0.15) !important; border-radius: 17px !important; background: #eef7fb !important; text-align: left !important; } .sftl01-prices-head { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 16px !important; margin-bottom: 15px !important; } .sftl01-prices-head span { display: block !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl01-prices-head h2 { margin: 4px 0 0 !important; color: #062438 !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: left !important; } .sftl01-vat-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; padding: 9px 13px !important; border-radius: 999px !important; background: #198754 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; white-space: nowrap !important; } /* ========================================================= GRIGLIA 8 PREZZI ========================================================= */ .sftl01-price-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; width: 100% !important; } .sftl01-price { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-top: 4px solid #0aa9a5 !important; border-radius: 11px !important; background: #ffffff !important; text-align: left !important; } .sftl01-price-blue { border-top-color: #17649a !important; } .sftl01-price-window { border-top-color: #0b3048 !important; } .sftl01-price-orange { border-top-color: #ef8b24 !important; background: #fff9f1 !important; } .sftl01-price-green { border-top-color: #198754 !important; background: #f5fcf8 !important; } .sftl01-price-label { display: block !important; margin-bottom: 6px !important; color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl01-price h3 { min-height: 46px !important; margin: 0 0 8px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: left !important; } .sftl01-price > strong { display: block !important; color: #d86e0a !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.25 !important; } .sftl01-price > small { display: block !important; margin-top: 4px !important; color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= WARNING ========================================================= */ .sftl01-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 11px !important; align-items: start !important; margin-top: 14px !important; padding: 14px !important; border: 1px solid rgba(239,139,36,0.19) !important; border-radius: 11px !important; background: #fff3e4 !important; } .sftl01-warning > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl01-warning p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; text-align: left !important; } .sftl01-warning strong { color: #0b3048 !important; } /* ========================================================= PILLAR LINKS ========================================================= */ .sftl01-pillars { display: grid !important; grid-template-columns: minmax(0,0.72fr) minmax(420px,1.28fr) !important; gap: 19px !important; align-items: center !important; margin-top: 22px !important; padding: 19px !important; border: 1px solid rgba(10,169,165,0.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl01-pillars-text > span { display: block !important; color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl01-pillars-text h2 { margin: 4px 0 6px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: left !important; } .sftl01-pillars-text p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; text-align: left !important; } .sftl01-pillars-text strong { color: #0b3048 !important; } /* ========================================================= LINK PILLAR ========================================================= */ .sftl01-pillar-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; } .sftl01-pillar-links a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 10px !important; min-height: 70px !important; padding: 12px !important; border: 1px solid rgba(10,169,165,0.14) !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; text-align: left !important; } .sftl01-pillar-links a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl01-pillar-links small { display: block !important; color: #526875 !important; font-size: 11px !important; font-weight: 800 !important; } .sftl01-pillar-links strong { display: block !important; margin-top: 2px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl01-pillar-links b { color: #0aa9a5 !important; font-size: 16px !important; } /* ========================================================= CTA ========================================================= */ .sftl01-cta { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 22px !important; margin-top: 23px !important; padding: 21px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; box-shadow: 0 15px 34px rgba(6,36,56,0.13) !important; color: #ffffff !important; } .sftl01-cta-text > span { display: block !important; color: #75e0da !important; font-size: 11px !important; font-weight: 900 !important; } .sftl01-cta-text h2 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: left !important; } .sftl01-cta-text p { margin: 0 !important; color: rgba(255,255,255,0.78) !important; font-size: 14px !important; line-height: 1.5 !important; text-align: left !important; } .sftl01-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl01-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.3 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl01-btn-video { background: #ef8b24 !important; color: #172630 !important; } .sftl01-btn-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl01-btn-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= HOVER / ACCESSIBILITÀ ========================================================= */ .sftl01 a { transition: transform 0.18s ease, box-shadow 0.18s ease !important; } .sftl01-pillar-links a:hover, .sftl01-actions a:hover { transform: translateY(-2px) !important; } .sftl01 a:focus-visible { outline: 3px solid rgba(10,169,165,0.45) !important; outline-offset: 3px !important; } /* ========================================================= 1100 PX ========================================================= */ @media (max-width: 1100px) { .sftl01-price-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl01 { padding: 38px 18px 62px !important; } .sftl01-media { grid-template-columns: 1fr !important; } .sftl01-pillars { grid-template-columns: 1fr !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl01-points { grid-template-columns: 1fr !important; } .sftl01-price-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl01-pillar-links { grid-template-columns: 1fr !important; } .sftl01-cta { display: block !important; } .sftl01-actions { margin-top: 15px !important; justify-content: flex-start !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl01 { padding: 30px 14px 52px !important; } .sftl01-h1 { font-size: clamp(30px, 8.8vw, 40px) !important; letter-spacing: -1px !important; } .sftl01-answer { padding: 16px !important; } .sftl01-answer h2 { font-size: 17px !important; } .sftl01-answer p { font-size: 15px !important; } .sftl01-points strong { font-size: 15px !important; } .sftl01-points p { font-size: 14px !important; } .sftl01-video-head { align-items: flex-start !important; } .sftl01-video-head h2 { font-size: 15px !important; } .sftl01-video-text p { font-size: 14px !important; } .sftl01-side figcaption { font-size: 14px !important; } .sftl01-paths strong { font-size: 15px !important; } .sftl01-paths p { font-size: 13px !important; } .sftl01-prices { padding: 17px !important; } .sftl01-prices-head { display: block !important; } .sftl01-prices-head h2 { font-size: 20px !important; } .sftl01-vat-badge { margin-top: 10px !important; } .sftl01-price-grid { grid-template-columns: 1fr !important; } .sftl01-price h3 { min-height: 0 !important; font-size: 15px !important; } .sftl01-price > strong { font-size: 20px !important; } .sftl01-price > small, .sftl01-price-label { font-size: 12px !important; } .sftl01-warning p { font-size: 14px !important; } .sftl01-pillars { padding: 16px !important; } .sftl01-pillars-text p { font-size: 14px !important; } .sftl01-pillar-links strong { font-size: 15px !important; } .sftl01-cta-text p { font-size: 14px !important; } .sftl01-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl01-actions a { width: 100% !important; font-size: 15px !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl01 { padding-left: 11px !important; padding-right: 11px !important; } .sftl01-h1 { font-size: 29px !important; } .sftl01-meta { display: grid !important; grid-template-columns: 1fr !important; gap: 3px !important; } .sftl01-dot { display: none !important; } .sftl01-paths { grid-template-columns: 1fr !important; } .sftl01-plus { transform: rotate(90deg) !important; } .sftl01-start { grid-template-columns: 1fr !important; } .sftl01-warning { grid-template-columns: 1fr !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl01 a { transition: none !important; } }#imCell_25 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_25 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_25 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_25 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl-index, .sftl-index *, .sftl-index *::before, .sftl-index *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl-index { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 66px !important; overflow: hidden !important; background: radial-gradient( circle at 94% 7%, rgba(10,169,165,.09), transparent 26% ), radial-gradient( circle at 5% 63%, rgba(23,100,154,.07), transparent 25% ), linear-gradient( 145deg, #ffffff 0%, #f5fafc 54%, #f7fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl-index-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl-index h2, .sftl-index h3, .sftl-index p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl-index-header { width: 100% !important; max-width: 1040px !important; margin: 0 auto 23px !important; text-align: center !important; } .sftl-index-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(10,169,165,.22) !important; border-radius: 999px !important; background: #dff8f6 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl-index-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 17px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl-index-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } .sftl-index-title > span { display: block !important; margin-top: 8px !important; color: #17649a !important; font-size: .67em !important; line-height: 1.22 !important; } /* ========================================================= INTRO ========================================================= */ .sftl-index-intro { width: 100% !important; max-width: 900px !important; margin: 18px auto 0 !important; color: #526875 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl-index-intro strong { color: #0b3048 !important; } /* ========================================================= STATS ========================================================= */ .sftl-index-stats { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; margin-top: 20px !important; } .sftl-index-stats article { min-width: 0 !important; padding: 14px 12px !important; border: 1px solid rgba(23,100,154,.11) !important; border-radius: 11px !important; background: #ffffff !important; text-align: center !important; } .sftl-index-stats strong { display: block !important; color: #17649a !important; font-size: 27px !important; font-weight: 900 !important; line-height: 1.1 !important; } .sftl-index-stats span { display: block !important; margin-top: 4px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.35 !important; } /* ========================================================= MAIN NAV ========================================================= */ .sftl-index-nav { display: grid !important; gap: 13px !important; width: 100% !important; } /* ========================================================= GROUP ========================================================= */ .sftl-index-group { width: 100% !important; margin: 0 !important; padding: 18px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 15px !important; background: #ffffff !important; box-shadow: 0 8px 24px rgba(6,36,56,.035) !important; } .sftl-index-group-head { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 11px !important; margin-bottom: 12px !important; } .sftl-index-group-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; border-radius: 11px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl-index-group-head span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl-index-group-head h3 { margin: 3px 0 0 !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.38 !important; } /* ========================================================= GROUP COLORS ========================================================= */ .sftl-index-group-number.sftl-index-orange { background: #ef8b24 !important; } .sftl-index-group-number.sftl-index-blue { background: #17649a !important; } .sftl-index-group-number.sftl-index-green { background: #198754 !important; } .sftl-index-group-number.sftl-index-teal { background: #0aa9a5 !important; } .sftl-index-group-number.sftl-index-dark { background: #062438 !important; } /* ========================================================= LINKS GRID ========================================================= */ .sftl-index-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } /* ========================================================= LINK CARD ========================================================= */ .sftl-index-links > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; min-height: 84px !important; padding: 13px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 10px !important; background: #f8fbfc !important; color: #173142 !important; text-align: left !important; text-decoration: none !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important; } /* ========================================================= LINK NUMBER ========================================================= */ .sftl-index-num { display: flex !important; align-items: center !important; justify-content: center !important; width: 37px !important; height: 37px !important; flex: 0 0 37px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; } /* ========================================================= LINK TEXT ========================================================= */ .sftl-index-links > a strong { display: block !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl-index-links > a small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.42 !important; } .sftl-index-links > a > b { color: #0aa9a5 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1 !important; } /* ========================================================= SPECIAL LINK COLORS ========================================================= */ .sftl-index-link-price { border-color: rgba(239,139,36,.18) !important; background: #fffaf4 !important; } .sftl-index-link-price .sftl-index-num, .sftl-index-link-orange .sftl-index-num, .sftl-index-link-roof .sftl-index-num { background: #ef8b24 !important; } .sftl-index-link-green { border-color: rgba(25,135,84,.18) !important; background: #f5fbf7 !important; } .sftl-index-link-green .sftl-index-num { background: #198754 !important; } .sftl-index-link-contact { border-color: rgba(10,169,165,.20) !important; background: #f3fcfb !important; } .sftl-index-link-contact .sftl-index-num { background: #0aa9a5 !important; } /* ========================================================= NOTE BELOW INDEX ========================================================= */ .sftl-index-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 13px !important; margin-top: 16px !important; padding: 17px 18px !important; border: 1px solid rgba(23,100,154,.17) !important; border-radius: 13px !important; background: #eef7fb !important; } .sftl-index-note-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border-radius: 11px !important; background: #17649a !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } .sftl-index-note > div:nth-child(2) > span { display: block !important; color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl-index-note h3 { margin: 3px 0 4px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl-index-note p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl-index-note > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 10px 14px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } /* ========================================================= HOVER ========================================================= */ .sftl-index-links > a:hover { transform: translateY(-2px) !important; border-color: rgba(10,169,165,.28) !important; background: #ffffff !important; box-shadow: 0 8px 20px rgba(6,36,56,.06) !important; } .sftl-index-note > a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.08) !important; } /* ========================================================= FOCUS ACCESSIBILITÀ ========================================================= */ .sftl-index a:focus-visible { outline: 3px solid rgba(10,169,165,.48) !important; outline-offset: 3px !important; } /* ========================================================= SCROLL OFFSET PER STICKY HEADER ========================================================= */ #video-finestra-tetto-legno, #indice-video-finestra-tetto-legno, #prezzi-finestra-tetto-legno, #rumore-esterno-finestra-tetto-legno, #finestra-tetto-o-entrambi, #isolamento-perline-tetto-legno, #copertura-travetti-tetto-legno, #controsoffitto-autoportante-tetto-legno, #vetro-bonifica-serramento-tetto-legno, #cassonetto-tapparella-antirumore-tetto-legno, #nuova-finestra-antirumore-tetto-legno, #raddoppio-finestra-antirumore-tetto-legno, #controparete-raddoppio-interno-tetto-legno, #quale-soluzione-finestra-tetto-legno, #cosa-comprendono-prezzi-finestra-tetto-legno, #prezzi-reali-indicativi-finestra-tetto-legno, #sopralluogo-analitico-finestra-tetto-legno, #garanzia-rischio-zero-finestra-tetto-legno, #faq-finestra-antirumore-tetto-legno, #opinioni-recensioni-finestra-tetto-legno, #contatti-finestra-tetto-legno { scroll-margin-top: 115px !important; } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl-index { padding: 50px 18px 60px !important; } .sftl-index-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl-index-links { grid-template-columns: 1fr !important; } .sftl-index-note { grid-template-columns: auto minmax(0,1fr) !important; } .sftl-index-note > a { grid-column: 1 / -1 !important; width: 100% !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl-index { padding: 42px 14px 54px !important; } .sftl-index-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl-index-title > span { font-size: .7em !important; } .sftl-index-intro { font-size: 15px !important; } .sftl-index-group { padding: 15px 12px !important; } .sftl-index-group-head h3 { font-size: 18px !important; } .sftl-index-links > a { min-height: 80px !important; padding: 12px !important; } .sftl-index-links > a strong { font-size: 15px !important; } .sftl-index-links > a small { font-size: 13px !important; } .sftl-index-note h3 { font-size: 17px !important; } .sftl-index-note p { font-size: 14px !important; } #video-finestra-tetto-legno, #indice-video-finestra-tetto-legno, #prezzi-finestra-tetto-legno, #rumore-esterno-finestra-tetto-legno, #finestra-tetto-o-entrambi, #isolamento-perline-tetto-legno, #copertura-travetti-tetto-legno, #controsoffitto-autoportante-tetto-legno, #vetro-bonifica-serramento-tetto-legno, #cassonetto-tapparella-antirumore-tetto-legno, #nuova-finestra-antirumore-tetto-legno, #raddoppio-finestra-antirumore-tetto-legno, #controparete-raddoppio-interno-tetto-legno, #quale-soluzione-finestra-tetto-legno, #cosa-comprendono-prezzi-finestra-tetto-legno, #prezzi-reali-indicativi-finestra-tetto-legno, #sopralluogo-analitico-finestra-tetto-legno, #garanzia-rischio-zero-finestra-tetto-legno, #faq-finestra-antirumore-tetto-legno, #opinioni-recensioni-finestra-tetto-legno, #contatti-finestra-tetto-legno { scroll-margin-top: 88px !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl-index { padding-left: 11px !important; padding-right: 11px !important; } .sftl-index-title { font-size: 28px !important; } .sftl-index-stats { grid-template-columns: 1fr 1fr !important; } .sftl-index-stats strong { font-size: 24px !important; } .sftl-index-stats span { font-size: 13px !important; } .sftl-index-group-head { grid-template-columns: 40px minmax(0,1fr) !important; gap: 9px !important; } .sftl-index-group-number { width: 40px !important; height: 40px !important; } .sftl-index-links > a { grid-template-columns: 35px minmax(0,1fr) 18px !important; gap: 8px !important; padding: 11px 9px !important; } .sftl-index-num { width: 35px !important; height: 35px !important; flex-basis: 35px !important; } .sftl-index-links > a strong { font-size: 15px !important; } .sftl-index-links > a small { font-size: 13px !important; } .sftl-index-note { grid-template-columns: 1fr !important; padding: 15px 13px !important; } } /* ========================================================= RIDUZIONE MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl-index-links > a, .sftl-index-note > a { transition: none !important; } }#imCell_4 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_04 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_4 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_4 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl02, .sftl02 *, .sftl02 *::before, .sftl02 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl02 { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 94% 8%, rgba(10,169,165,0.09), transparent 26% ), linear-gradient( 145deg, #f5fafc 0%, #ffffff 52%, #f8fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; } .sftl02-wrap { display: block !important; width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= RESET ========================================================= */ .sftl02 h2, .sftl02 h3, .sftl02 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl02-header { display: block !important; width: 100% !important; max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl02-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-radius: 999px !important; background: #dff8f6 !important; color: #0b3048 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl02-eyebrow > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 11px !important; } /* ========================================================= TITLE ========================================================= */ .sftl02-title { display: block !important; margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; text-align: center !important; } .sftl02-title span { display: block !important; margin-top: 7px !important; color: #17649a !important; font-size: 0.72em !important; line-height: 1.18 !important; } /* ========================================================= INTRO ========================================================= */ .sftl02-intro { display: block !important; max-width: 860px !important; margin: 15px auto 0 !important; color: #526875 !important; font-size: 16px !important; line-height: 1.62 !important; text-align: center !important; } .sftl02-intro strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= COUNT ========================================================= */ .sftl02-count { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; max-width: 840px !important; margin: 19px auto 0 !important; } .sftl02-count > div { min-width: 0 !important; padding: 12px 10px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 11px !important; background: #ffffff !important; box-shadow: 0 7px 18px rgba(6,36,56,0.035) !important; text-align: center !important; } .sftl02-count strong { display: block !important; color: #d86e0a !important; font-size: 21px !important; font-weight: 900 !important; line-height: 1.15 !important; } .sftl02-count span { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.35 !important; } /* ========================================================= NAV ========================================================= */ .sftl02-nav { display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap: 8px !important; margin: 0 0 18px !important; } .sftl02-nav a { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-width: 0 !important; min-height: 53px !important; padding: 10px !important; border: 1px solid rgba(11,48,72,0.11) !important; border-radius: 10px !important; background: #ffffff !important; color: #0b3048 !important; text-decoration: none !important; text-align: center !important; } .sftl02-nav a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 29px !important; height: 29px !important; flex: 0 0 29px !important; border-radius: 8px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl02-nav strong { color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; } /* ========================================================= HELP ========================================================= */ .sftl02-help { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 11px !important; margin-bottom: 18px !important; padding: 14px 15px !important; border: 1px solid rgba(23,100,154,0.14) !important; border-radius: 12px !important; background: #eef7fb !important; } .sftl02-help-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #17649a !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl02-help strong { display: block !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl02-help p { margin: 3px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.5 !important; } /* ========================================================= GROUP ========================================================= */ .sftl02-group { display: block !important; width: 100% !important; margin: 16px 0 0 !important; padding: 20px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(6,36,56,0.035) !important; scroll-margin-top: 95px !important; } .sftl02-group-head { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 14px !important; } .sftl02-group-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 43px !important; height: 43px !important; flex: 0 0 43px !important; border-radius: 11px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl02-group-number-green { background: #198754 !important; } .sftl02-group-number-orange { background: #ef8b24 !important; } .sftl02-group-head span { display: block !important; color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.3 !important; text-transform: uppercase !important; } .sftl02-group-head h3 { margin: 3px 0 0 !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.38 !important; text-align: left !important; } /* ========================================================= SURVEY NOTE ========================================================= */ .sftl02-survey-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; margin: 0 0 13px !important; padding: 13px 14px !important; border: 1px solid rgba(25,135,84,0.17) !important; border-radius: 10px !important; background: #eaf8f0 !important; } .sftl02-survey-note > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; border-radius: 8px !important; background: #198754 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl02-survey-note p { margin: 0 !important; color: #173142 !important; font-size: 13px !important; line-height: 1.55 !important; } .sftl02-survey-note strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= CHAPTER GRID ========================================================= */ .sftl02-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; width: 100% !important; } /* ========================================================= CHAPTER ========================================================= */ .sftl02-chapter { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 11px !important; min-width: 0 !important; min-height: 86px !important; margin: 0 !important; padding: 12px 13px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-left: 4px solid #0aa9a5 !important; border-radius: 10px !important; background: #f9fbfc !important; color: #173142 !important; text-decoration: none !important; text-align: left !important; cursor: pointer !important; transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important; } /* TIME */ .sftl02-chapter time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 58px !important; min-height: 38px !important; padding: 7px 8px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; text-align: center !important; } /* COPY */ .sftl02-chapter strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.38 !important; } .sftl02-chapter p { margin: 4px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } /* PLAY */ .sftl02-chapter > span:last-child { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; flex: 0 0 32px !important; border-radius: 50% !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; } /* ========================================================= VARIANTI ========================================================= */ .sftl02-chapter-featured { border-left-color: #17649a !important; background: #eef7fb !important; } .sftl02-chapter-price { border-left-color: #17649a !important; } .sftl02-chapter-orange { border-left-color: #ef8b24 !important; background: #fff9f1 !important; } .sftl02-chapter-green { border-left-color: #198754 !important; background: #f5fcf8 !important; } /* ========================================================= ACTIVE CHAPTER ========================================================= */ .sftl02-chapter.sftl02-is-active { border-color: rgba(10,169,165,0.48) !important; border-left-color: #0aa9a5 !important; background: #dff8f6 !important; box-shadow: 0 9px 22px rgba(10,169,165,0.12) !important; transform: translateY(-1px) !important; } .sftl02-chapter.sftl02-is-active time { background: #0aa9a5 !important; } /* ========================================================= HOVER ========================================================= */ .sftl02-chapter:hover { transform: translateY(-2px) !important; border-color: rgba(10,169,165,0.28) !important; box-shadow: 0 8px 20px rgba(6,36,56,0.06) !important; } /* ========================================================= PRICE SUMMARY ========================================================= */ .sftl02-price-summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(25,135,84,0.17) !important; border-radius: 14px !important; background: #eaf8f0 !important; } .sftl02-price-summary > div > span { display: block !important; color: #198754 !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl02-price-summary > div > strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl02-price-summary p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.5 !important; } .sftl02-price-summary > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 47px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #198754 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } /* ========================================================= CTA ========================================================= */ .sftl02-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,0.12) !important; } .sftl02-cta > div:first-child > span { display: block !important; color: #75e0da !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl02-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl02-cta p { margin: 0 !important; color: rgba(255,255,255,0.77) !important; font-size: 13px !important; line-height: 1.5 !important; } .sftl02-cta-actions { display: grid !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl02-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 180px !important; min-height: 46px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } .sftl02-cta-primary { background: #ef8b24 !important; color: #172630 !important; } .sftl02-cta-secondary { border: 1px solid rgba(255,255,255,0.19) !important; background: rgba(255,255,255,0.08) !important; color: #ffffff !important; } /* ========================================================= FOCUS ========================================================= */ .sftl02 a:focus-visible { outline: 3px solid rgba(10,169,165,0.46) !important; outline-offset: 3px !important; } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl02 { padding: 50px 18px 64px !important; } .sftl02-nav { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl02-count { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl02-grid { grid-template-columns: 1fr !important; } .sftl02-price-summary { display: block !important; } .sftl02-price-summary > a { width: 100% !important; margin-top: 13px !important; } .sftl02-cta { display: block !important; } .sftl02-cta-actions { width: 100% !important; margin-top: 14px !important; } .sftl02-cta-actions a { width: 100% !important; min-width: 0 !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl02 { padding: 42px 14px 55px !important; } .sftl02-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -0.8px !important; } .sftl02-intro { font-size: 15px !important; line-height: 1.62 !important; } .sftl02-nav { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl02-nav strong { font-size: 14px !important; } .sftl02-help p { font-size: 14px !important; } .sftl02-group { padding: 16px 13px !important; } .sftl02-group-head { align-items: flex-start !important; } .sftl02-group-head h3 { font-size: 18px !important; } .sftl02-survey-note p { font-size: 14px !important; } .sftl02-chapter { min-height: 90px !important; padding: 12px !important; } .sftl02-chapter time { min-width: 57px !important; font-size: 13px !important; } .sftl02-chapter strong { font-size: 15px !important; } .sftl02-chapter p { font-size: 14px !important; line-height: 1.5 !important; } .sftl02-price-summary > div > strong { font-size: 16px !important; } .sftl02-price-summary p { font-size: 14px !important; } .sftl02-price-summary > a { font-size: 14px !important; } .sftl02-cta h3 { font-size: 17px !important; } .sftl02-cta p { font-size: 14px !important; } .sftl02-cta-actions a { font-size: 14px !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl02 { padding-left: 11px !important; padding-right: 11px !important; } .sftl02-title { font-size: 28px !important; } .sftl02-nav { grid-template-columns: 1fr !important; } .sftl02-nav a { justify-content: flex-start !important; text-align: left !important; } .sftl02-count { grid-template-columns: 1fr 1fr !important; } .sftl02-help, .sftl02-survey-note { grid-template-columns: 1fr !important; } .sftl02-chapter { grid-template-columns: auto minmax(0,1fr) !important; } .sftl02-chapter > span:last-child { grid-column: 2 / 3 !important; justify-self: end !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl02 *, .sftl02 *::before, .sftl02 *::after { scroll-behavior: auto !important; transition: none !important; } }#imCell_5 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_05 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_5 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_5 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl03, .sftl03 *, .sftl03 *::before, .sftl03 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl03 { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 94% 7%, rgba(239,139,36,0.10), transparent 25% ), radial-gradient( circle at 7% 40%, rgba(10,169,165,0.08), transparent 24% ), linear-gradient( 145deg, #ffffff 0%, #f5fafc 48%, #fff9f0 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; } .sftl03-wrap { display: block !important; width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= RESET ========================================================= */ .sftl03 h2, .sftl03 h3, .sftl03 h4, .sftl03 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl03-header { width: 100% !important; max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl03-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(239,139,36,0.22) !important; border-radius: 999px !important; background: #fff3e4 !important; color: #0b3048 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl03-eyebrow > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 29px !important; height: 29px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl03-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; text-align: center !important; } .sftl03-title span { display: block !important; margin-top: 7px !important; color: #17649a !important; font-size: 0.72em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl03-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,0.055) !important; text-align: left !important; } .sftl03-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl03-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl03-answer strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= SUMMARY ========================================================= */ .sftl03-summary { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; margin-bottom: 20px !important; } .sftl03-summary article { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 11px !important; min-width: 0 !important; padding: 14px 15px !important; border: 1px solid rgba(11,48,72,0.11) !important; border-radius: 12px !important; background: #ffffff !important; } .sftl03-summary-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 39px !important; height: 39px !important; border-radius: 10px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl03-summary-icon-blue { background: #17649a !important; } .sftl03-summary-icon-green { background: #198754 !important; } .sftl03-summary strong { display: block !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl03-summary p { margin: 3px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.45 !important; } /* ========================================================= FAMILY ========================================================= */ .sftl03-family { display: block !important; width: 100% !important; margin: 16px 0 0 !important; padding: 20px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,0.035) !important; } .sftl03-family-head { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 15px !important; } .sftl03-family-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; flex: 0 0 44px !important; border-radius: 11px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl03-family-number-blue { background: #17649a !important; } .sftl03-family-head span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.3 !important; text-transform: uppercase !important; } .sftl03-family-head h3 { margin: 3px 0 4px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.38 !important; } .sftl03-family-head p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } /* ========================================================= CARDS ========================================================= */ .sftl03-cards { display: grid !important; gap: 10px !important; } .sftl03-cards-three { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } .sftl03-cards-window { grid-template-columns: repeat(5,minmax(0,1fr)) !important; } .sftl03-card { display: flex !important; flex-direction: column !important; min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-top: 4px solid #0aa9a5 !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl03-card-featured { border-top-color: #17649a !important; background: #eef7fb !important; } .sftl03-card-window { border-top-color: #0b3048 !important; } .sftl03-card-orange { border-top-color: #ef8b24 !important; background: #fff9f1 !important; } .sftl03-card-green { border-top-color: #198754 !important; background: #f5fcf8 !important; } /* CARD TOP */ .sftl03-card-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 8px !important; } .sftl03-card-top > span { color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.3 !important; } .sftl03-card-top > em { color: #526875 !important; font-size: 12px !important; font-weight: 800 !important; font-style: normal !important; } /* CARD TITLE */ .sftl03-card h4 { min-height: 48px !important; margin: 0 0 8px !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.42 !important; } /* PRICE */ .sftl03-price { color: #d86e0a !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.2 !important; } .sftl03-vat { margin-top: 4px !important; color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; } .sftl03-card > p { flex: 1 1 auto !important; margin: 10px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.5 !important; } .sftl03-card > p strong { color: #0b3048 !important; } /* VIDEO LINK */ .sftl03-card > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 44px !important; margin-top: 13px !important; padding: 9px 10px !important; border: 1px solid rgba(23,100,154,0.16) !important; border-radius: 8px !important; background: #ffffff !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= TABLE ========================================================= */ .sftl03-table-section { margin-top: 20px !important; padding: 20px !important; border: 1px solid rgba(23,100,154,0.14) !important; border-radius: 16px !important; background: #eef7fb !important; } .sftl03-table-head > span { display: block !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl03-table-head h3 { margin: 3px 0 13px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl03-table-wrap { width: 100% !important; overflow: hidden !important; border-radius: 11px !important; background: #ffffff !important; } .sftl03-table { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; background: #ffffff !important; } .sftl03-table caption { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; } .sftl03-table thead th { padding: 13px 14px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: left !important; } .sftl03-table thead th:nth-child(1) { width: 47% !important; } .sftl03-table thead th:nth-child(2) { width: 31% !important; } .sftl03-table thead th:nth-child(3) { width: 22% !important; } .sftl03-table tbody th, .sftl03-table tbody td { padding: 13px 14px !important; border-bottom: 1px solid rgba(11,48,72,0.09) !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; vertical-align: middle !important; text-align: left !important; overflow-wrap: anywhere !important; } .sftl03-table tbody th { color: #0b3048 !important; font-weight: 900 !important; } .sftl03-table tbody td:last-child strong { display: block !important; color: #d86e0a !important; font-size: 16px !important; font-weight: 900 !important; } .sftl03-table tbody td:last-child small { display: block !important; margin-top: 2px !important; color: #198754 !important; font-size: 11px !important; font-weight: 900 !important; } /* ========================================================= WARNING ========================================================= */ .sftl03-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 17px 18px !important; border: 1px solid rgba(239,139,36,0.19) !important; border-radius: 13px !important; background: #fff3e4 !important; } .sftl03-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl03-warning span { display: block !important; color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl03-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl03-warning p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl03-warning strong { color: #0b3048 !important; } /* ========================================================= INCLUDED ========================================================= */ .sftl03-included { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(25,135,84,0.18) !important; border-radius: 14px !important; background: #eaf8f0 !important; } .sftl03-included-copy > span { display: block !important; color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl03-included-copy h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl03-included-copy p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl03-included-copy strong { color: #0b3048 !important; } .sftl03-included > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 47px !important; padding: 11px 14px !important; border-radius: 9px !important; background: #198754 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= REAL PRICE ========================================================= */ .sftl03-real { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 13px !important; padding: 17px 19px !important; border: 1px solid rgba(10,169,165,0.17) !important; border-radius: 13px !important; background: #dff8f6 !important; } .sftl03-real > div > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl03-real h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl03-real p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl03-real > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 47px !important; padding: 11px 14px !important; border: 1px solid rgba(10,169,165,0.18) !important; border-radius: 9px !important; background: #ffffff !important; color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= CTA ========================================================= */ .sftl03-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,0.12) !important; } .sftl03-cta > div:first-child > span { display: block !important; color: #75e0da !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl03-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl03-cta p { margin: 0 !important; color: rgba(255,255,255,0.77) !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl03-cta-actions { display: grid !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl03-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 195px !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .sftl03-cta-primary { background: #ef8b24 !important; color: #172630 !important; } .sftl03-cta-secondary { border: 1px solid rgba(255,255,255,0.19) !important; background: rgba(255,255,255,0.08) !important; color: #ffffff !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl03 a { transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important; } .sftl03-card > a:hover, .sftl03-included > a:hover, .sftl03-real > a:hover, .sftl03-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 19px rgba(6,36,56,0.07) !important; } .sftl03 a:focus-visible { outline: 3px solid rgba(10,169,165,0.46) !important; outline-offset: 3px !important; } /* ========================================================= 1120 PX ========================================================= */ @media (max-width: 1120px) { .sftl03-cards-window { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl03 { padding: 50px 18px 64px !important; } .sftl03-cards-three { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } .sftl03-cards-window { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl03-summary { grid-template-columns: 1fr !important; } .sftl03-cards-three { grid-template-columns: 1fr !important; } .sftl03-included, .sftl03-real, .sftl03-cta { display: block !important; } .sftl03-included > a, .sftl03-real > a { width: 100% !important; margin-top: 13px !important; } .sftl03-cta-actions { width: 100% !important; margin-top: 14px !important; } .sftl03-cta-actions a { width: 100% !important; min-width: 0 !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl03 { padding: 42px 14px 55px !important; } .sftl03-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -0.8px !important; } .sftl03-answer { padding: 16px !important; } .sftl03-answer h3 { font-size: 17px !important; } .sftl03-answer p { font-size: 15px !important; } .sftl03-summary strong { font-size: 15px !important; } .sftl03-summary p { font-size: 14px !important; } .sftl03-family { padding: 16px 13px !important; } .sftl03-family-head { align-items: flex-start !important; } .sftl03-family-head h3 { font-size: 18px !important; } .sftl03-family-head p { font-size: 14px !important; } .sftl03-cards-window { grid-template-columns: 1fr !important; } .sftl03-card h4 { min-height: 0 !important; font-size: 15px !important; } .sftl03-price { font-size: 22px !important; } .sftl03-vat, .sftl03-card-top > span, .sftl03-card-top > em { font-size: 12px !important; } .sftl03-card > p { font-size: 14px !important; } .sftl03-card > a { font-size: 13px !important; } /* ===================================================== TABELLA MOBILE SENZA SCROLL ORIZZONTALE ===================================================== */ .sftl03-table-section { padding: 16px 13px !important; } .sftl03-table-head h3 { font-size: 18px !important; } .sftl03-table-wrap { overflow: visible !important; background: transparent !important; } .sftl03-table, .sftl03-table tbody, .sftl03-table tr, .sftl03-table th, .sftl03-table td { display: block !important; width: 100% !important; } .sftl03-table thead { display: none !important; } .sftl03-table tbody tr { margin-bottom: 9px !important; overflow: hidden !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 10px !important; background: #ffffff !important; } .sftl03-table tbody th, .sftl03-table tbody td { padding: 11px 12px !important; border-bottom: 1px solid rgba(11,48,72,0.07) !important; font-size: 14px !important; } .sftl03-table tbody th::before, .sftl03-table tbody td::before { content: attr(data-label) !important; display: block !important; margin-bottom: 3px !important; color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl03-table tbody td:last-child { border-bottom: 0 !important; } .sftl03-table tbody td:last-child strong { font-size: 18px !important; } .sftl03-table tbody td:last-child small { font-size: 12px !important; } .sftl03-warning { grid-template-columns: 1fr !important; } .sftl03-warning h3, .sftl03-included-copy h3, .sftl03-real h3, .sftl03-cta h3 { font-size: 17px !important; } .sftl03-warning p, .sftl03-included-copy p, .sftl03-real p, .sftl03-cta p { font-size: 14px !important; } .sftl03-included > a, .sftl03-real > a, .sftl03-cta-actions a { font-size: 14px !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl03 { padding-left: 11px !important; padding-right: 11px !important; } .sftl03-title { font-size: 28px !important; } .sftl03-family { padding: 14px 11px !important; } .sftl03-family-head { display: grid !important; grid-template-columns: 1fr !important; } .sftl03-table-section { padding: 14px 10px !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl03 a { transition: none !important; } }#imCell_6 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_06 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_6 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_6 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl04, .sftl04 *, .sftl04 *::before, .sftl04 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl04 { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(10,169,165,0.10), transparent 27% ), radial-gradient( circle at 5% 58%, rgba(23,100,154,0.07), transparent 24% ), linear-gradient( 145deg, #f5fafc 0%, #ffffff 50%, #f5fbf8 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; } .sftl04-wrap { display: block !important; width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= RESET ========================================================= */ .sftl04 h2, .sftl04 h3, .sftl04 h4, .sftl04 p, .sftl04 ul { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl04-header { width: 100% !important; max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl04-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-radius: 999px !important; background: #dff8f6 !important; color: #0b3048 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl04-eyebrow > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl04-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; text-align: center !important; } .sftl04-title span { display: block !important; margin-top: 7px !important; color: #17649a !important; font-size: 0.76em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl04-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,0.055) !important; text-align: left !important; } .sftl04-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl04-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl04-answer strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= INTENT ========================================================= */ .sftl04-intent { display: grid !important; grid-template-columns: minmax(0,1.15fr) minmax(320px,0.85fr) !important; gap: 14px !important; margin-bottom: 18px !important; } .sftl04-intent-copy { padding: 20px !important; border: 1px solid rgba(11,48,72,0.11) !important; border-radius: 15px !important; background: #ffffff !important; } .sftl04-intent-copy > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl04-intent-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl04-intent-copy p { margin: 0 0 9px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl04-intent-copy p:last-child { margin-bottom: 0 !important; } .sftl04-intent-copy strong { color: #0b3048 !important; } /* ========================================================= NOT TARGET ========================================================= */ .sftl04-not { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: start !important; gap: 11px !important; padding: 19px !important; border: 1px solid rgba(239,139,36,0.20) !important; border-radius: 15px !important; background: #fff3e4 !important; } .sftl04-not-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 19px !important; font-weight: 900 !important; } .sftl04-not span { display: block !important; color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl04-not strong { display: block !important; margin-top: 4px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.42 !important; } .sftl04-not p { margin: 7px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } /* ========================================================= GENERIC SECTION ========================================================= */ .sftl04-path-section, .sftl04-diagram, .sftl04-signals, .sftl04-video-links { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,0.032) !important; } .sftl04-section-head { margin-bottom: 15px !important; } .sftl04-section-head > span, .sftl04-diagram > header > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl04-section-head h3, .sftl04-diagram > header h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl04-section-head p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } /* ========================================================= PATHS ========================================================= */ .sftl04-paths { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 12px !important; } .sftl04-path-card { padding: 17px !important; border: 1px solid rgba(10,169,165,0.15) !important; border-top: 4px solid #0aa9a5 !important; border-radius: 13px !important; background: #f7fcfc !important; } .sftl04-path-card-roof { border-top-color: #17649a !important; background: #f4f9fc !important; } .sftl04-path-top { display: flex !important; align-items: center !important; gap: 9px !important; margin-bottom: 9px !important; } .sftl04-path-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl04-path-top > span { color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl04-path-card h4 { margin: 0 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.42 !important; } .sftl04-path-card > p { margin: 0 0 10px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl04-path-card ul { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .sftl04-path-card li { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 7px !important; min-width: 0 !important; padding: 8px 9px !important; border-radius: 8px !important; background: #ffffff !important; } .sftl04-path-card li span { display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; background: #eaf8f0 !important; color: #198754 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl04-path-card li strong { color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; } /* ========================================================= PATH MIDDLE ========================================================= */ .sftl04-path-middle { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; min-width: 55px !important; } .sftl04-path-middle span { color: #d86e0a !important; font-size: 22px !important; font-weight: 900 !important; } .sftl04-path-middle strong { color: #526875 !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; } /* ========================================================= FLOW DIAGRAM ========================================================= */ .sftl04-flow { display: grid !important; grid-template-columns: minmax(180px,0.8fr) auto minmax(300px,1.4fr) auto minmax(180px,0.8fr) !important; align-items: center !important; gap: 10px !important; margin-top: 14px !important; } .sftl04-flow-source, .sftl04-flow-room { padding: 16px !important; border-radius: 11px !important; background: #0b3048 !important; text-align: center !important; } .sftl04-flow-source span, .sftl04-flow-room span { display: block !important; color: #75e0da !important; font-size: 11px !important; font-weight: 900 !important; } .sftl04-flow-source strong, .sftl04-flow-room strong { display: block !important; margin-top: 4px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.42 !important; } .sftl04-flow-arrow { color: #ef8b24 !important; font-size: 22px !important; font-weight: 900 !important; text-align: center !important; } .sftl04-flow-middle { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .sftl04-flow-middle article { padding: 14px !important; border: 1px solid rgba(23,100,154,0.13) !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl04-flow-middle span { display: block !important; color: #17649a !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl04-flow-middle strong { display: block !important; margin-top: 4px !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } /* ========================================================= SIGNALS ========================================================= */ .sftl04-signal-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl04-signal-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.09) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl04-signal-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl04-signal-grid strong { display: block !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl04-signal-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } /* ========================================================= KEY ========================================================= */ .sftl04-key { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,0.20) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl04-key-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl04-key span { display: block !important; color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl04-key h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl04-key p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl04-key strong { color: #0b3048 !important; } /* ========================================================= VIDEO LINKS ========================================================= */ .sftl04-video-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .sftl04-video-grid > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 11px !important; min-width: 0 !important; padding: 14px !important; border: 1px solid rgba(23,100,154,0.13) !important; border-radius: 11px !important; background: #eef7fb !important; color: #173142 !important; text-decoration: none !important; } .sftl04-video-time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 60px !important; min-height: 40px !important; padding: 8px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl04-video-grid span { display: block !important; color: #17649a !important; font-size: 11px !important; font-weight: 900 !important; } .sftl04-video-grid strong { display: block !important; margin-top: 3px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl04-video-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } .sftl04-video-grid b { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 11px !important; } /* ========================================================= GUIDES ========================================================= */ .sftl04-guides { display: grid !important; grid-template-columns: minmax(0,0.75fr) minmax(420px,1.25fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,0.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl04-guides > div:first-child > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl04-guides h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl04-guides p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl04-guides p strong { color: #0b3048 !important; } .sftl04-guide-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .sftl04-guide-links > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 9px !important; min-height: 69px !important; padding: 11px !important; border: 1px solid rgba(10,169,165,0.14) !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; } .sftl04-guide-links > a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl04-guide-links small { display: block !important; color: #526875 !important; font-size: 11px !important; font-weight: 800 !important; } .sftl04-guide-links strong { display: block !important; margin-top: 2px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl04-guide-links b { color: #0aa9a5 !important; font-size: 16px !important; } /* ========================================================= CTA ========================================================= */ .sftl04-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,0.12) !important; } .sftl04-cta > div:first-child > span { display: block !important; color: #75e0da !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl04-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl04-cta p { margin: 0 !important; color: rgba(255,255,255,0.77) !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl04-cta-actions { display: grid !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl04-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 190px !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .sftl04-cta-primary { background: #ef8b24 !important; color: #172630 !important; } .sftl04-cta-secondary { border: 1px solid rgba(255,255,255,0.19) !important; background: rgba(255,255,255,0.08) !important; color: #ffffff !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl04 a { transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important; } .sftl04-video-grid > a:hover, .sftl04-guide-links > a:hover, .sftl04-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,0.07) !important; } .sftl04 a:focus-visible { outline: 3px solid rgba(10,169,165,0.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl04-signal-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl04-flow { grid-template-columns: 1fr !important; } .sftl04-flow-arrow { transform: rotate(90deg) !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl04 { padding: 50px 18px 64px !important; } .sftl04-intent { grid-template-columns: 1fr !important; } .sftl04-guides { grid-template-columns: 1fr !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl04-paths { grid-template-columns: 1fr !important; } .sftl04-path-middle { flex-direction: row !important; min-height: 42px !important; } .sftl04-path-middle > span:last-child { transform: rotate(90deg) !important; } .sftl04-video-grid { grid-template-columns: 1fr !important; } .sftl04-guide-links { grid-template-columns: 1fr !important; } .sftl04-cta { display: block !important; } .sftl04-cta-actions { width: 100% !important; margin-top: 14px !important; } .sftl04-cta-actions a { width: 100% !important; min-width: 0 !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl04 { padding: 42px 14px 55px !important; } .sftl04-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -0.8px !important; } .sftl04-answer { padding: 16px !important; } .sftl04-answer h3 { font-size: 17px !important; } .sftl04-answer p { font-size: 15px !important; } .sftl04-intent-copy h3 { font-size: 18px !important; } .sftl04-intent-copy p, .sftl04-not p { font-size: 14px !important; } .sftl04-path-section, .sftl04-diagram, .sftl04-signals, .sftl04-video-links { padding: 16px 13px !important; } .sftl04-section-head h3, .sftl04-diagram > header h3 { font-size: 18px !important; } .sftl04-section-head p { font-size: 14px !important; } .sftl04-path-card h4 { font-size: 16px !important; } .sftl04-path-card > p { font-size: 14px !important; } .sftl04-path-card li strong { font-size: 14px !important; } .sftl04-flow-source strong, .sftl04-flow-room strong, .sftl04-flow-middle strong { font-size: 15px !important; } .sftl04-signal-grid { grid-template-columns: 1fr !important; } .sftl04-signal-grid strong { font-size: 15px !important; } .sftl04-signal-grid p { font-size: 14px !important; } .sftl04-key { grid-template-columns: 1fr !important; } .sftl04-key h3 { font-size: 17px !important; } .sftl04-key p { font-size: 14px !important; } .sftl04-video-grid strong { font-size: 15px !important; } .sftl04-video-grid p { font-size: 14px !important; } .sftl04-guides p { font-size: 14px !important; } .sftl04-guide-links strong { font-size: 15px !important; } .sftl04-cta h3 { font-size: 17px !important; } .sftl04-cta p { font-size: 14px !important; } .sftl04-cta-actions a { font-size: 14px !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl04 { padding-left: 11px !important; padding-right: 11px !important; } .sftl04-title { font-size: 28px !important; } .sftl04-not { grid-template-columns: 1fr !important; } .sftl04-path-card ul { grid-template-columns: 1fr !important; } .sftl04-flow-middle { grid-template-columns: 1fr !important; } .sftl04-video-grid > a { grid-template-columns: 1fr !important; } .sftl04-video-time { justify-self: start !important; } .sftl04-video-grid b { justify-self: end !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl04 a { transition: none !important; } }#imCell_7 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_07 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_7 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_7 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl05, .sftl05 *, .sftl05 *::before, .sftl05 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl05 { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 7%, rgba(23,100,154,0.09), transparent 25% ), radial-gradient( circle at 6% 54%, rgba(239,139,36,0.07), transparent 24% ), linear-gradient( 145deg, #ffffff 0%, #f5fafc 50%, #f8fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; } .sftl05-wrap { display: block !important; width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= RESET ========================================================= */ .sftl05 h2, .sftl05 h3, .sftl05 h4, .sftl05 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl05-header { width: 100% !important; max-width: 980px !important; margin: 0 auto 24px !important; text-align: center !important; } .sftl05-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(23,100,154,0.18) !important; border-radius: 999px !important; background: #eef7fb !important; color: #0b3048 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl05-eyebrow > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #17649a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl05-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; text-align: center !important; } .sftl05-title span { display: block !important; margin-top: 7px !important; color: #17649a !important; font-size: 0.78em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl05-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,0.055) !important; text-align: left !important; } .sftl05-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl05-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl05-answer strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= PRINCIPLE ========================================================= */ .sftl05-principle { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; padding: 18px 19px !important; border: 1px solid rgba(25,135,84,0.17) !important; border-left: 5px solid #198754 !important; border-radius: 8px 14px 14px 8px !important; background: #eaf8f0 !important; } .sftl05-principle-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 10px !important; background: #198754 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl05-principle span { display: block !important; color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl05-principle h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl05-principle p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl05-principle strong { color: #0b3048 !important; } /* ========================================================= GENERIC SECTIONS ========================================================= */ .sftl05-scenarios, .sftl05-checks, .sftl05-decision, .sftl05-price-orientation, .sftl05-video { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,0.032) !important; } .sftl05-section-head { margin-bottom: 15px !important; } .sftl05-section-head > span, .sftl05-decision > header > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl05-section-head h3, .sftl05-decision > header h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl05-section-head p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } /* ========================================================= SCENARIOS ========================================================= */ .sftl05-scenario-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; } .sftl05-scenario { display: flex !important; flex-direction: column !important; min-width: 0 !important; padding: 16px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-top: 4px solid #0aa9a5 !important; border-radius: 12px !important; background: #f8fcfc !important; } .sftl05-scenario-roof { border-top-color: #17649a !important; background: #f4f9fc !important; } .sftl05-scenario-combined { border-top-color: #198754 !important; background: #f5fcf8 !important; } .sftl05-scenario-orange { border-top-color: #ef8b24 !important; background: #fff9f1 !important; } .sftl05-scenario-top { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 9px !important; } .sftl05-scenario-top > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl05-scenario-top small { color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.3 !important; } .sftl05-scenario h4 { margin: 0 0 7px !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.42 !important; } .sftl05-scenario > p { flex: 1 1 auto !important; margin: 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.52 !important; } .sftl05-scenario-result { margin-top: 13px !important; padding: 10px !important; border-radius: 9px !important; background: #ffffff !important; } .sftl05-scenario-result > span { display: block !important; color: #526875 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl05-scenario-result > strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.38 !important; } /* ========================================================= CHECKS ========================================================= */ .sftl05-check-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl05-check-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.09) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl05-check-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl05-check-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl05-check-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } /* ========================================================= DECISION FLOW ========================================================= */ .sftl05-decision-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 10px !important; margin-top: 14px !important; } .sftl05-decision-flow article { padding: 16px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl05-decision-highlight { border-color: rgba(25,135,84,0.17) !important; background: #eaf8f0 !important; } .sftl05-decision-flow article > span { display: block !important; color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl05-decision-flow strong { display: block !important; margin-top: 5px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl05-decision-flow p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } .sftl05-flow-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #ef8b24 !important; font-size: 22px !important; font-weight: 900 !important; } /* ========================================================= WARNING ========================================================= */ .sftl05-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,0.20) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl05-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl05-warning span { display: block !important; color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl05-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl05-warning p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl05-warning strong { color: #0b3048 !important; } /* ========================================================= PRICE ORIENTATION ========================================================= */ .sftl05-price-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl05-price-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(239,139,36,0.14) !important; border-radius: 11px !important; background: #fffaf4 !important; } .sftl05-price-grid span { display: block !important; color: #526875 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl05-price-grid strong { display: block !important; margin-top: 5px !important; color: #d86e0a !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.25 !important; } .sftl05-price-grid p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.45 !important; } .sftl05-price-grid small { display: block !important; margin-top: 6px !important; color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl05-price-link { display: inline-flex !important; align-items: center !important; gap: 7px !important; margin-top: 14px !important; color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= VIDEO ========================================================= */ .sftl05-video-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl05-video-grid > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; padding: 14px !important; border: 1px solid rgba(23,100,154,0.13) !important; border-radius: 11px !important; background: #eef7fb !important; color: #173142 !important; text-decoration: none !important; } .sftl05-video-grid time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 58px !important; min-height: 40px !important; padding: 8px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl05-video-grid span { display: block !important; color: #17649a !important; font-size: 11px !important; font-weight: 900 !important; } .sftl05-video-grid strong { display: block !important; margin-top: 3px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl05-video-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } .sftl05-video-grid b { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 11px !important; } /* ========================================================= CTA ========================================================= */ .sftl05-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,0.12) !important; } .sftl05-cta > div:first-child > span { display: block !important; color: #75e0da !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl05-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl05-cta p { margin: 0 !important; color: rgba(255,255,255,0.77) !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl05-cta-actions { display: grid !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl05-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 190px !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .sftl05-cta-primary { background: #ef8b24 !important; color: #172630 !important; } .sftl05-cta-secondary { border: 1px solid rgba(255,255,255,0.19) !important; background: rgba(255,255,255,0.08) !important; color: #ffffff !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl05 a { transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important; } .sftl05-video-grid > a:hover, .sftl05-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,0.07) !important; } .sftl05 a:focus-visible { outline: 3px solid rgba(10,169,165,0.46) !important; outline-offset: 3px !important; } /* ========================================================= 1100 PX ========================================================= */ @media (max-width: 1100px) { .sftl05-scenario-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl05-price-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl05 { padding: 50px 18px 64px !important; } .sftl05-video-grid { grid-template-columns: 1fr !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl05-check-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl05-decision-flow { grid-template-columns: 1fr !important; } .sftl05-flow-arrow { transform: rotate(90deg) !important; } .sftl05-cta { display: block !important; } .sftl05-cta-actions { width: 100% !important; margin-top: 14px !important; } .sftl05-cta-actions a { width: 100% !important; min-width: 0 !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl05 { padding: 42px 14px 55px !important; } .sftl05-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -0.8px !important; } .sftl05-answer { padding: 16px !important; } .sftl05-answer h3 { font-size: 17px !important; } .sftl05-answer p { font-size: 15px !important; } .sftl05-principle { grid-template-columns: 1fr !important; } .sftl05-principle h3 { font-size: 17px !important; } .sftl05-principle p { font-size: 14px !important; } .sftl05-scenarios, .sftl05-checks, .sftl05-decision, .sftl05-price-orientation, .sftl05-video { padding: 16px 13px !important; } .sftl05-section-head h3, .sftl05-decision > header h3 { font-size: 18px !important; } .sftl05-section-head p { font-size: 14px !important; } .sftl05-scenario-grid { grid-template-columns: 1fr !important; } .sftl05-scenario h4 { font-size: 16px !important; } .sftl05-scenario > p { font-size: 14px !important; } .sftl05-scenario-result > strong { font-size: 15px !important; } .sftl05-check-grid { grid-template-columns: 1fr !important; } .sftl05-check-grid strong { font-size: 15px !important; } .sftl05-check-grid p { font-size: 14px !important; } .sftl05-decision-flow strong { font-size: 15px !important; } .sftl05-decision-flow p { font-size: 14px !important; } .sftl05-warning { grid-template-columns: 1fr !important; } .sftl05-warning h3 { font-size: 17px !important; } .sftl05-warning p { font-size: 14px !important; } .sftl05-price-grid { grid-template-columns: 1fr !important; } .sftl05-price-grid strong { font-size: 21px !important; } .sftl05-price-grid p { font-size: 14px !important; } .sftl05-price-link { font-size: 14px !important; } .sftl05-video-grid > a { grid-template-columns: auto minmax(0,1fr) auto !important; } .sftl05-video-grid strong { font-size: 15px !important; } .sftl05-video-grid p { font-size: 14px !important; } .sftl05-cta h3 { font-size: 17px !important; } .sftl05-cta p { font-size: 14px !important; } .sftl05-cta-actions a { font-size: 14px !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl05 { padding-left: 11px !important; padding-right: 11px !important; } .sftl05-title { font-size: 28px !important; } .sftl05-video-grid > a { grid-template-columns: 1fr !important; } .sftl05-video-grid time { justify-self: start !important; } .sftl05-video-grid b { justify-self: end !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl05 a { transition: none !important; } }#imCell_8 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_08 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_8 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_8 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl06, .sftl06 *, .sftl06 *::before, .sftl06 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl06 { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 92% 8%, rgba(10,169,165,0.09), transparent 26% ), radial-gradient( circle at 5% 54%, rgba(239,139,36,0.07), transparent 24% ), linear-gradient( 145deg, #f5fafc 0%, #ffffff 50%, #f8fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; } .sftl06-wrap { display: block !important; width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= RESET ========================================================= */ .sftl06 h2, .sftl06 h3, .sftl06 h4, .sftl06 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl06-header { width: 100% !important; max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl06-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-radius: 999px !important; background: #dff8f6 !important; color: #0b3048 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl06-eyebrow > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl06-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; text-align: center !important; } .sftl06-title span { display: block !important; margin-top: 8px !important; color: #d86e0a !important; font-size: 0.74em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl06-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,0.055) !important; text-align: left !important; } .sftl06-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl06-answer strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= TOP GRID ========================================================= */ .sftl06-top-grid { display: grid !important; grid-template-columns: minmax(300px,0.72fr) minmax(0,1.28fr) !important; gap: 14px !important; margin-bottom: 18px !important; } /* ========================================================= PRICE BOX ========================================================= */ .sftl06-price-box { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 21px !important; border: 1px solid rgba(239,139,36,0.21) !important; border-top: 5px solid #ef8b24 !important; border-radius: 15px !important; background: #fff3e4 !important; box-shadow: 0 9px 25px rgba(216,110,10,0.055) !important; } .sftl06-price-label { display: block !important; color: #526875 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; } .sftl06-price-value { display: block !important; margin-top: 6px !important; color: #d86e0a !important; font-size: clamp( 34px, 4vw, 48px ) !important; font-weight: 900 !important; line-height: 1.05 !important; letter-spacing: -1px !important; } .sftl06-price-vat { display: inline-flex !important; align-items: center !important; width: fit-content !important; margin-top: 8px !important; padding: 7px 10px !important; border-radius: 999px !important; background: #198754 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl06-price-box p { margin: 11px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl06-price-video { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 47px !important; margin-top: 14px !important; padding: 10px 13px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= CONTEXT ========================================================= */ .sftl06-context { padding: 20px !important; border: 1px solid rgba(11,48,72,0.11) !important; border-radius: 15px !important; background: #ffffff !important; } .sftl06-context > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl06-context h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-context p { margin: 0 0 9px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl06-context p:last-child { margin-bottom: 0 !important; } .sftl06-context strong { color: #0b3048 !important; } /* ========================================================= GENERIC SECTIONS ========================================================= */ .sftl06-how, .sftl06-diagram, .sftl06-aesthetic, .sftl06-when, .sftl06-compare, .sftl06-video { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,0.032) !important; } .sftl06-section-head { margin-bottom: 15px !important; } .sftl06-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl06-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-section-head p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } /* ========================================================= PROCESS ========================================================= */ .sftl06-process { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 10px !important; } .sftl06-process article { min-width: 0 !important; padding: 16px !important; border: 1px solid rgba(10,169,165,0.13) !important; border-radius: 11px !important; background: #f7fcfc !important; } .sftl06-process-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl06-process strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-process p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } .sftl06-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #ef8b24 !important; font-size: 22px !important; font-weight: 900 !important; } /* ========================================================= ROOF DIAGRAM ========================================================= */ .sftl06-roof { margin-top: 14px !important; padding: 16px !important; border-radius: 13px !important; background: #eef7fb !important; } .sftl06-roof-label { margin-bottom: 10px !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; text-align: center !important; text-transform: uppercase !important; } .sftl06-roof-grid { display: grid !important; grid-template-columns: 0.34fr 1fr 0.34fr 1fr 0.34fr !important; min-height: 180px !important; overflow: hidden !important; border: 1px solid rgba(11,48,72,0.13) !important; border-radius: 11px !important; } .sftl06-beam { display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; writing-mode: vertical-rl !important; transform: rotate(180deg) !important; } .sftl06-treated { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 15px !important; background: linear-gradient( 145deg, #dff8f6, #ffffff ) !important; text-align: center !important; } .sftl06-treated > span { color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl06-treated > strong { display: block !important; margin-top: 5px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-treated > small { display: block !important; margin-top: 5px !important; color: #526875 !important; font-size: 12px !important; line-height: 1.4 !important; } .sftl06-roof-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: start !important; gap: 10px !important; margin-top: 11px !important; padding: 12px !important; border-radius: 9px !important; background: #ffffff !important; } .sftl06-roof-note > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 29px !important; height: 29px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl06-roof-note p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl06-roof-note strong { color: #0b3048 !important; } /* ========================================================= AESTHETIC ========================================================= */ .sftl06-aesthetic { display: grid !important; grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr) !important; gap: 18px !important; } .sftl06-aesthetic-copy > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl06-aesthetic-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-aesthetic-copy p { margin: 0 0 9px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl06-aesthetic-copy p:last-child { margin-bottom: 0 !important; } .sftl06-aesthetic-copy strong { color: #0b3048 !important; } .sftl06-aesthetic-list { display: grid !important; gap: 8px !important; } .sftl06-aesthetic-list article { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; align-items: start !important; padding: 13px !important; border: 1px solid rgba(11,48,72,0.09) !important; border-radius: 10px !important; background: #f9fbfc !important; } .sftl06-aesthetic-list article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl06-aesthetic-list strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl06-aesthetic-list p { margin: 4px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } /* ========================================================= WHEN ========================================================= */ .sftl06-when-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl06-when-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.09) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl06-when-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl06-when-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-when-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } /* ========================================================= WARNING ========================================================= */ .sftl06-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,0.20) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl06-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl06-warning span { display: block !important; color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl06-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-warning p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl06-warning strong { color: #0b3048 !important; } /* ========================================================= COMPARE ========================================================= */ .sftl06-compare-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl06-compare-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl06-compare-grid article.sftl06-compare-active { border: 2px solid rgba(10,169,165,0.32) !important; background: #dff8f6 !important; } .sftl06-compare-grid span { display: block !important; color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl06-compare-grid strong { display: block !important; margin-top: 4px !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-compare-grid b { display: block !important; margin-top: 7px !important; color: #d86e0a !important; font-size: 20px !important; font-weight: 900 !important; } .sftl06-compare-grid p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.45 !important; } .sftl06-compare-grid small { display: block !important; margin-top: 6px !important; color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl06-all-prices { display: inline-flex !important; align-items: center !important; gap: 7px !important; margin-top: 14px !important; color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= VIDEO ========================================================= */ .sftl06-video { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; background: #eef7fb !important; } .sftl06-video > div > span { display: block !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl06-video h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-video p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl06-video > a { display: flex !important; align-items: center !important; gap: 9px !important; flex: 0 0 auto !important; min-height: 50px !important; padding: 10px 13px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; text-decoration: none !important; } .sftl06-video time { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; } .sftl06-video > a strong { color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } /* ========================================================= GUIDE ========================================================= */ .sftl06-guide { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(300px,0.62fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,0.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl06-guide > div > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl06-guide h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-guide p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl06-guide p strong { color: #0b3048 !important; } .sftl06-guide > a { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; min-width: 0 !important; padding: 14px !important; border: 1px solid rgba(10,169,165,0.15) !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; } .sftl06-guide > a > span { grid-column: 1 / 3 !important; display: block !important; color: #526875 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl06-guide > a strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-guide > a b { align-self: center !important; color: #0aa9a5 !important; font-size: 17px !important; } /* ========================================================= CTA ========================================================= */ .sftl06-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,0.12) !important; } .sftl06-cta > div:first-child > span { display: block !important; color: #75e0da !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl06-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl06-cta p { margin: 0 !important; color: rgba(255,255,255,0.77) !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl06-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl06-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } .sftl06-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl06-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl06-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl06-bottom-nav { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl06-bottom-nav a { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl06 a { transition: transform 0.18s ease, box-shadow 0.18s ease !important; } .sftl06-price-video:hover, .sftl06-video > a:hover, .sftl06-guide > a:hover, .sftl06-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,0.07) !important; } .sftl06 a:focus-visible { outline: 3px solid rgba(10,169,165,0.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl06-when-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl06-cta { display: block !important; } .sftl06-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl06 { padding: 50px 18px 64px !important; } .sftl06-top-grid, .sftl06-aesthetic, .sftl06-guide { grid-template-columns: 1fr !important; } .sftl06-process { grid-template-columns: 1fr !important; } .sftl06-process-arrow { transform: rotate(90deg) !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl06-compare-grid { grid-template-columns: 1fr !important; } .sftl06-video { display: block !important; } .sftl06-video > a { width: 100% !important; margin-top: 13px !important; justify-content: center !important; } .sftl06-roof-grid { grid-template-columns: 0.3fr 1fr 0.3fr !important; } .sftl06-roof-grid > :nth-child(4), .sftl06-roof-grid > :nth-child(5) { display: none !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl06 { padding: 42px 14px 55px !important; } .sftl06-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -0.8px !important; } .sftl06-answer { padding: 16px !important; } .sftl06-answer h3 { font-size: 17px !important; } .sftl06-answer p { font-size: 15px !important; } .sftl06-price-box, .sftl06-context, .sftl06-how, .sftl06-diagram, .sftl06-aesthetic, .sftl06-when, .sftl06-compare, .sftl06-video { padding: 16px 13px !important; } .sftl06-context h3, .sftl06-section-head h3, .sftl06-aesthetic-copy h3 { font-size: 18px !important; } .sftl06-context p, .sftl06-section-head p, .sftl06-aesthetic-copy p { font-size: 14px !important; } .sftl06-process strong, .sftl06-aesthetic-list strong, .sftl06-when-grid strong { font-size: 15px !important; } .sftl06-process p, .sftl06-aesthetic-list p, .sftl06-when-grid p { font-size: 14px !important; } .sftl06-when-grid { grid-template-columns: 1fr !important; } .sftl06-roof-note { grid-template-columns: 1fr !important; } .sftl06-roof-note p { font-size: 14px !important; } .sftl06-warning { grid-template-columns: 1fr !important; } .sftl06-warning h3 { font-size: 17px !important; } .sftl06-warning p { font-size: 14px !important; } .sftl06-compare-grid strong { font-size: 16px !important; } .sftl06-compare-grid p { font-size: 14px !important; } .sftl06-all-prices { font-size: 14px !important; } .sftl06-video h3, .sftl06-guide h3, .sftl06-cta h3 { font-size: 17px !important; } .sftl06-video p, .sftl06-guide p, .sftl06-cta p { font-size: 14px !important; } .sftl06-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl06-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl06-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } .sftl06-bottom-nav a { font-size: 14px !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl06 { padding-left: 11px !important; padding-right: 11px !important; } .sftl06-title { font-size: 28px !important; } .sftl06-price-value { font-size: 36px !important; } .sftl06-roof { padding: 10px !important; } .sftl06-roof-grid { min-height: 155px !important; } .sftl06-treated { padding: 10px !important; } .sftl06-treated > strong { font-size: 14px !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl06 a { transition: none !important; } }#imCell_9 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_09 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_9 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_9 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl07, .sftl07 *, .sftl07 *::before, .sftl07 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl07 { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(23,100,154,0.10), transparent 27% ), radial-gradient( circle at 5% 56%, rgba(239,139,36,0.07), transparent 24% ), linear-gradient( 145deg, #ffffff 0%, #f4fafc 50%, #f8fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; } .sftl07-wrap { display: block !important; width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= RESET ========================================================= */ .sftl07 h2, .sftl07 h3, .sftl07 h4, .sftl07 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl07-header { width: 100% !important; max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl07-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(23,100,154,0.20) !important; border-radius: 999px !important; background: #eef7fb !important; color: #0b3048 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl07-eyebrow > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #17649a !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl07-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; text-align: center !important; } .sftl07-title span { display: block !important; margin-top: 8px !important; color: #d86e0a !important; font-size: 0.74em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl07-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,0.055) !important; text-align: left !important; } .sftl07-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl07-answer strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= TOP GRID ========================================================= */ .sftl07-top-grid { display: grid !important; grid-template-columns: minmax(300px,0.72fr) minmax(0,1.28fr) !important; gap: 14px !important; margin-bottom: 18px !important; } /* ========================================================= PRICE BOX ========================================================= */ .sftl07-price-box { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 21px !important; border: 1px solid rgba(239,139,36,0.21) !important; border-top: 5px solid #ef8b24 !important; border-radius: 15px !important; background: #fff3e4 !important; box-shadow: 0 9px 25px rgba(216,110,10,0.055) !important; } .sftl07-price-label { display: block !important; color: #526875 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl07-price-value { display: block !important; margin-top: 6px !important; color: #d86e0a !important; font-size: clamp( 34px, 4vw, 48px ) !important; font-weight: 900 !important; line-height: 1.05 !important; letter-spacing: -1px !important; } .sftl07-price-vat { display: inline-flex !important; align-items: center !important; width: fit-content !important; margin-top: 8px !important; padding: 7px 10px !important; border-radius: 999px !important; background: #198754 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl07-price-box p { margin: 11px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl07-price-video { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 47px !important; margin-top: 14px !important; padding: 10px 13px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= CONTEXT ========================================================= */ .sftl07-context { padding: 20px !important; border: 1px solid rgba(11,48,72,0.11) !important; border-radius: 15px !important; background: #ffffff !important; } .sftl07-context > span { display: block !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl07-context h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-context p { margin: 0 0 9px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl07-context p:last-child { margin-bottom: 0 !important; } .sftl07-context strong { color: #0b3048 !important; } /* ========================================================= GENERIC SECTIONS ========================================================= */ .sftl07-how, .sftl07-difference, .sftl07-diagram, .sftl07-aesthetic, .sftl07-noise, .sftl07-compare, .sftl07-video { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,0.032) !important; } .sftl07-section-head { margin-bottom: 15px !important; } .sftl07-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl07-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-section-head p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } /* ========================================================= PROCESS ========================================================= */ .sftl07-process { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 10px !important; } .sftl07-process article { min-width: 0 !important; padding: 16px !important; border: 1px solid rgba(23,100,154,0.12) !important; border-radius: 11px !important; background: #f5f9fc !important; } .sftl07-process-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl07-process strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-process p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } .sftl07-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #ef8b24 !important; font-size: 22px !important; font-weight: 900 !important; } /* ========================================================= DIFFERENCE ========================================================= */ .sftl07-difference-grid { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 11px !important; } .sftl07-difference-card { padding: 17px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 12px !important; background: #f9fbfc !important; } .sftl07-difference-active { border: 2px solid rgba(23,100,154,0.28) !important; background: #eef7fb !important; } .sftl07-difference-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 8px !important; } .sftl07-difference-top > span { color: #17649a !important; font-size: 11px !important; font-weight: 900 !important; } .sftl07-difference-top > strong { color: #d86e0a !important; font-size: 18px !important; font-weight: 900 !important; } .sftl07-difference-card h4 { margin: 0 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-difference-card p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl07-result { display: flex !important; align-items: center !important; gap: 8px !important; margin-top: 12px !important; padding: 10px !important; border-radius: 9px !important; background: #ffffff !important; } .sftl07-result > span { color: #0aa9a5 !important; font-size: 16px !important; } .sftl07-result > strong { color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl07-difference-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #ef8b24 !important; font-size: 24px !important; font-weight: 900 !important; } .sftl07-difference-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 9px !important; margin-top: 11px !important; padding: 12px !important; border-radius: 9px !important; background: #dff8f6 !important; } .sftl07-difference-note > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl07-difference-note p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl07-difference-note strong { color: #0b3048 !important; } /* ========================================================= LAYER DIAGRAM ========================================================= */ .sftl07-roof { display: grid !important; gap: 7px !important; margin-top: 14px !important; } .sftl07-layer { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 12px !important; padding: 14px 15px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl07-layer > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 10px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl07-layer small { display: block !important; color: #526875 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl07-layer strong { display: block !important; margin-top: 3px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-layer-acoustic { background: #dff8f6 !important; } .sftl07-layer-acoustic > span { background: #0aa9a5 !important; } .sftl07-layer-vibration { background: #eaf8f0 !important; } .sftl07-layer-vibration > span { background: #198754 !important; } .sftl07-layer-final { border-color: rgba(23,100,154,0.20) !important; background: #eef7fb !important; } .sftl07-layer-final > span { background: #17649a !important; } .sftl07-layer-arrow { color: #ef8b24 !important; font-size: 18px !important; font-weight: 900 !important; text-align: center !important; } /* ========================================================= AESTHETIC ========================================================= */ .sftl07-aesthetic { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(330px,0.75fr) !important; gap: 18px !important; } .sftl07-aesthetic-copy > span { display: block !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl07-aesthetic-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-aesthetic-copy p { margin: 0 0 9px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl07-aesthetic-copy p:last-child { margin-bottom: 0 !important; } .sftl07-aesthetic-copy strong { color: #0b3048 !important; } .sftl07-aesthetic-cards { display: grid !important; gap: 8px !important; } .sftl07-aesthetic-cards article { padding: 14px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 10px !important; background: #f9fbfc !important; } .sftl07-aesthetic-cards article.sftl07-aesthetic-active { border-color: rgba(23,100,154,0.23) !important; background: #eef7fb !important; } .sftl07-aesthetic-cards span { display: block !important; color: #17649a !important; font-size: 11px !important; font-weight: 900 !important; } .sftl07-aesthetic-cards strong { display: block !important; margin-top: 4px !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl07-aesthetic-cards p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } /* ========================================================= NOISE ========================================================= */ .sftl07-noise-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl07-noise-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.09) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl07-noise-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl07-noise-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-noise-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } /* ========================================================= WARNING ========================================================= */ .sftl07-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,0.20) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl07-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl07-warning span { display: block !important; color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl07-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-warning p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl07-warning strong { color: #0b3048 !important; } /* ========================================================= COMPARE ========================================================= */ .sftl07-compare-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl07-compare-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl07-compare-grid article.sftl07-compare-active { border: 2px solid rgba(23,100,154,0.28) !important; background: #eef7fb !important; } .sftl07-compare-grid span { display: block !important; color: #17649a !important; font-size: 11px !important; font-weight: 900 !important; } .sftl07-compare-grid strong { display: block !important; margin-top: 4px !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-compare-grid b { display: block !important; margin-top: 7px !important; color: #d86e0a !important; font-size: 20px !important; font-weight: 900 !important; } .sftl07-compare-grid p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.45 !important; } .sftl07-compare-grid small { display: block !important; margin-top: 6px !important; color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl07-all-prices { display: inline-flex !important; align-items: center !important; gap: 7px !important; margin-top: 14px !important; color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= VIDEO ========================================================= */ .sftl07-video { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; background: #eef7fb !important; } .sftl07-video > div > span { display: block !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl07-video h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-video p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl07-video > a { display: flex !important; align-items: center !important; gap: 9px !important; flex: 0 0 auto !important; min-height: 50px !important; padding: 10px 13px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; text-decoration: none !important; } .sftl07-video time { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; } .sftl07-video > a strong { color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } /* ========================================================= GUIDE ========================================================= */ .sftl07-guide { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(300px,0.62fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,0.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl07-guide > div > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl07-guide h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-guide p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl07-guide p strong { color: #0b3048 !important; } .sftl07-guide > a { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; min-width: 0 !important; padding: 14px !important; border: 1px solid rgba(10,169,165,0.15) !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; } .sftl07-guide > a > span { grid-column: 1 / 3 !important; display: block !important; color: #526875 !important; font-size: 11px !important; font-weight: 900 !important; } .sftl07-guide > a strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-guide > a b { align-self: center !important; color: #0aa9a5 !important; font-size: 17px !important; } /* ========================================================= CTA ========================================================= */ .sftl07-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,0.12) !important; } .sftl07-cta > div:first-child > span { display: block !important; color: #75e0da !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl07-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl07-cta p { margin: 0 !important; color: rgba(255,255,255,0.77) !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl07-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl07-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } .sftl07-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl07-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl07-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl07-bottom-nav { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl07-bottom-nav a { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl07 a { transition: transform 0.18s ease, box-shadow 0.18s ease !important; } .sftl07-price-video:hover, .sftl07-video > a:hover, .sftl07-guide > a:hover, .sftl07-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,0.07) !important; } .sftl07 a:focus-visible { outline: 3px solid rgba(10,169,165,0.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl07-noise-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl07-cta { display: block !important; } .sftl07-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl07 { padding: 50px 18px 64px !important; } .sftl07-top-grid, .sftl07-aesthetic, .sftl07-guide { grid-template-columns: 1fr !important; } .sftl07-process { grid-template-columns: 1fr !important; } .sftl07-process-arrow { transform: rotate(90deg) !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl07-difference-grid { grid-template-columns: 1fr !important; } .sftl07-difference-arrow { min-height: 35px !important; } .sftl07-compare-grid { grid-template-columns: 1fr !important; } .sftl07-video { display: block !important; } .sftl07-video > a { width: 100% !important; margin-top: 13px !important; justify-content: center !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl07 { padding: 42px 14px 55px !important; } .sftl07-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -0.8px !important; } .sftl07-answer { padding: 16px !important; } .sftl07-answer h3 { font-size: 17px !important; } .sftl07-answer p { font-size: 15px !important; } .sftl07-price-box, .sftl07-context, .sftl07-how, .sftl07-difference, .sftl07-diagram, .sftl07-aesthetic, .sftl07-noise, .sftl07-compare, .sftl07-video { padding: 16px 13px !important; } .sftl07-context h3, .sftl07-section-head h3, .sftl07-aesthetic-copy h3 { font-size: 18px !important; } .sftl07-context p, .sftl07-section-head p, .sftl07-aesthetic-copy p { font-size: 14px !important; } .sftl07-process strong, .sftl07-noise-grid strong, .sftl07-aesthetic-cards strong { font-size: 15px !important; } .sftl07-process p, .sftl07-noise-grid p, .sftl07-aesthetic-cards p { font-size: 14px !important; } .sftl07-noise-grid { grid-template-columns: 1fr !important; } .sftl07-difference-card h4 { font-size: 16px !important; } .sftl07-difference-card p, .sftl07-difference-note p { font-size: 14px !important; } .sftl07-layer strong { font-size: 15px !important; } .sftl07-warning { grid-template-columns: 1fr !important; } .sftl07-warning h3 { font-size: 17px !important; } .sftl07-warning p { font-size: 14px !important; } .sftl07-compare-grid strong { font-size: 16px !important; } .sftl07-compare-grid p { font-size: 14px !important; } .sftl07-video h3, .sftl07-guide h3, .sftl07-cta h3 { font-size: 17px !important; } .sftl07-video p, .sftl07-guide p, .sftl07-cta p { font-size: 14px !important; } .sftl07-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl07-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl07-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } .sftl07-bottom-nav a { font-size: 14px !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl07 { padding-left: 11px !important; padding-right: 11px !important; } .sftl07-title { font-size: 28px !important; } .sftl07-price-value { font-size: 36px !important; } .sftl07-layer { grid-template-columns: 1fr !important; } .sftl07-layer > span { justify-self: start !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl07 a { transition: none !important; } }#imCell_10 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_10 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_10 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_10 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl08, .sftl08 *, .sftl08 *::before, .sftl08 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl08 { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(23,100,154,0.10), transparent 27% ), radial-gradient( circle at 5% 54%, rgba(10,169,165,0.07), transparent 24% ), linear-gradient( 145deg, #f5fafc 0%, #ffffff 50%, #f6fbfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; } .sftl08-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } .sftl08 h2, .sftl08 h3, .sftl08 h4, .sftl08 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl08-header { width: 100% !important; max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl08-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(23,100,154,0.20) !important; border-radius: 999px !important; background: #eef7fb !important; color: #0b3048 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl08-eyebrow > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #17649a !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl08-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; text-align: center !important; } .sftl08-title span { display: block !important; margin-top: 8px !important; color: #d86e0a !important; font-size: 0.74em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl08-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,0.055) !important; text-align: left !important; } .sftl08-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl08-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl08-answer strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= TOP GRID ========================================================= */ .sftl08-top-grid { display: grid !important; grid-template-columns: minmax(300px,0.72fr) minmax(0,1.28fr) !important; gap: 14px !important; margin-bottom: 18px !important; } /* ========================================================= PRICE ========================================================= */ .sftl08-price-box { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 21px !important; border: 1px solid rgba(239,139,36,0.21) !important; border-top: 5px solid #ef8b24 !important; border-radius: 15px !important; background: #fff3e4 !important; } .sftl08-price-label { display: block !important; color: #526875 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl08-price-value { display: block !important; margin-top: 6px !important; color: #d86e0a !important; font-size: clamp( 34px, 4vw, 48px ) !important; font-weight: 900 !important; line-height: 1.05 !important; } .sftl08-price-vat { display: inline-flex !important; align-items: center !important; width: fit-content !important; margin-top: 8px !important; padding: 7px 10px !important; border-radius: 999px !important; background: #198754 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl08-price-box p { margin: 11px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl08-price-video { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 47px !important; margin-top: 14px !important; padding: 10px 13px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; } /* ========================================================= CONTEXT ========================================================= */ .sftl08-context { padding: 20px !important; border: 1px solid rgba(11,48,72,0.11) !important; border-radius: 15px !important; background: #ffffff !important; } .sftl08-context > span { display: block !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl08-context h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl08-context p { margin: 0 0 9px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl08-context p:last-child { margin-bottom: 0 !important; } .sftl08-context strong { color: #0b3048 !important; } /* ========================================================= GENERIC SECTIONS ========================================================= */ .sftl08-how, .sftl08-decoupling, .sftl08-diagram, .sftl08-when, .sftl08-compare, .sftl08-system, .sftl08-video { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,0.032) !important; } .sftl08-section-head { margin-bottom: 15px !important; } .sftl08-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl08-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl08-section-head p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } /* ========================================================= PROCESS ========================================================= */ .sftl08-process { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 10px !important; } .sftl08-process article { min-width: 0 !important; padding: 16px !important; border: 1px solid rgba(23,100,154,0.12) !important; border-radius: 11px !important; background: #f5f9fc !important; } .sftl08-process-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl08-process strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl08-process p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } .sftl08-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #ef8b24 !important; font-size: 22px !important; font-weight: 900 !important; } /* ========================================================= DECOUPLING ========================================================= */ .sftl08-decoupling-grid { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 12px !important; } .sftl08-decoupling-card { padding: 17px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 12px !important; background: #f9fbfc !important; } .sftl08-decoupling-card-active { border: 2px solid rgba(25,135,84,0.24) !important; background: #eaf8f0 !important; } .sftl08-decoupling-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; margin-bottom: 9px !important; border-radius: 50% !important; background: #0b3048 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl08-decoupling-card-active .sftl08-decoupling-icon { background: #198754 !important; } .sftl08-decoupling-card > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl08-decoupling-card h4 { margin: 5px 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.42 !important; } .sftl08-decoupling-card p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl08-versus { display: flex !important; align-items: center !important; justify-content: center !important; color: #d86e0a !important; font-size: 14px !important; font-weight: 900 !important; } /* ========================================================= LAYERS ========================================================= */ .sftl08-layers { display: grid !important; gap: 9px !important; margin-top: 14px !important; } .sftl08-layer { padding: 18px !important; border-radius: 11px !important; text-align: center !important; } .sftl08-layer > span { display: block !important; font-size: 11px !important; font-weight: 900 !important; } .sftl08-layer strong { display: block !important; margin-top: 5px !important; font-size: 18px !important; font-weight: 900 !important; } .sftl08-layer small { display: block !important; margin-top: 5px !important; font-size: 13px !important; } .sftl08-layer-roof { background: #0b3048 !important; color: #ffffff !important; } .sftl08-layer-roof > span { color: #75e0da !important; } .sftl08-layer-ceiling { border: 2px solid rgba(23,100,154,0.20) !important; background: #eef7fb !important; color: #062438 !important; } .sftl08-layer-ceiling > span { color: #17649a !important; } .sftl08-separation { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 3px !important; color: #0aa9a5 !important; } .sftl08-separation > span { font-size: 11px !important; font-weight: 900 !important; } .sftl08-separation b { font-size: 20px !important; } .sftl08-diagram-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; margin-top: 12px !important; padding: 12px !important; border-radius: 9px !important; background: #dff8f6 !important; } .sftl08-diagram-note > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl08-diagram-note p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl08-diagram-note strong { color: #0b3048 !important; } /* ========================================================= WHEN ========================================================= */ .sftl08-when-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl08-when-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.09) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl08-when-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl08-when-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl08-when-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } /* ========================================================= COMPARE ========================================================= */ .sftl08-compare-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl08-compare-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl08-compare-grid .sftl08-compare-active { border: 2px solid rgba(23,100,154,0.28) !important; background: #eef7fb !important; } .sftl08-compare-grid span { color: #17649a !important; font-size: 11px !important; font-weight: 900 !important; } .sftl08-compare-grid strong { display: block !important; margin-top: 4px !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl08-compare-grid b { display: block !important; margin-top: 7px !important; color: #d86e0a !important; font-size: 20px !important; font-weight: 900 !important; } .sftl08-compare-grid p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.45 !important; } .sftl08-compare-grid small { display: block !important; margin-top: 6px !important; color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl08-compare-note { margin-top: 12px !important; padding: 13px 14px !important; border-radius: 9px !important; background: #fff3e4 !important; } .sftl08-compare-note strong { display: block !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl08-compare-note p { margin: 4px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } /* ========================================================= SYSTEM ========================================================= */ .sftl08-system { display: grid !important; grid-template-columns: minmax(0,0.9fr) minmax(420px,1.1fr) !important; align-items: center !important; gap: 18px !important; } .sftl08-system-copy > span { display: block !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl08-system-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl08-system-copy p { margin: 0 0 8px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl08-system-copy strong { color: #0b3048 !important; } .sftl08-system-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr) !important; align-items: center !important; gap: 7px !important; } .sftl08-system-flow article { min-width: 0 !important; padding: 12px 9px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl08-system-flow .sftl08-system-result { background: #eaf8f0 !important; } .sftl08-system-flow article > span { color: #17649a !important; font-size: 11px !important; font-weight: 900 !important; } .sftl08-system-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl08-system-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; } .sftl08-system-flow > div { color: #ef8b24 !important; font-size: 20px !important; font-weight: 900 !important; } /* ========================================================= WARNING ========================================================= */ .sftl08-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,0.20) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl08-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl08-warning span { color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl08-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl08-warning p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl08-warning strong { color: #0b3048 !important; } /* ========================================================= VIDEO ========================================================= */ .sftl08-video-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .sftl08-video-grid > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 11px !important; min-width: 0 !important; padding: 14px !important; border: 1px solid rgba(23,100,154,0.14) !important; border-radius: 11px !important; background: #eef7fb !important; color: #173142 !important; text-decoration: none !important; } .sftl08-video-grid time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 60px !important; min-height: 40px !important; padding: 8px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl08-video-grid span { color: #17649a !important; font-size: 11px !important; font-weight: 900 !important; } .sftl08-video-grid strong { display: block !important; margin-top: 3px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl08-video-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 13px !important; line-height: 1.48 !important; } .sftl08-video-grid b { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 11px !important; font-weight: 900 !important; } /* ========================================================= GUIDES ========================================================= */ .sftl08-guides { display: grid !important; grid-template-columns: minmax(0,0.75fr) minmax(420px,1.25fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,0.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl08-guides > div:first-child > span { color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl08-guides h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; } .sftl08-guides p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl08-guides p strong { color: #0b3048 !important; } .sftl08-guide-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .sftl08-guide-links > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 9px !important; min-height: 69px !important; padding: 11px !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; } .sftl08-guide-links > a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; } .sftl08-guide-links small { color: #526875 !important; font-size: 11px !important; font-weight: 800 !important; } .sftl08-guide-links strong { display: block !important; margin-top: 2px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl08-guide-links b { color: #0aa9a5 !important; font-size: 16px !important; } /* ========================================================= CTA ========================================================= */ .sftl08-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,0.12) !important; } .sftl08-cta > div:first-child > span { color: #75e0da !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl08-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; } .sftl08-cta p { margin: 0 !important; color: rgba(255,255,255,0.77) !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl08-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl08-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl08-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl08-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl08-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl08-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl08-bottom-nav a { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl08 a { transition: transform 0.18s ease, box-shadow 0.18s ease !important; } .sftl08-price-video:hover, .sftl08-video-grid > a:hover, .sftl08-guide-links > a:hover, .sftl08-cta-actions a:hover { transform: translateY(-2px) !important; } .sftl08 a:focus-visible { outline: 3px solid rgba(10,169,165,0.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl08-when-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl08-system { grid-template-columns: 1fr !important; } .sftl08-cta { display: block !important; } .sftl08-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl08 { padding: 50px 18px 64px !important; } .sftl08-top-grid, .sftl08-guides { grid-template-columns: 1fr !important; } .sftl08-process { grid-template-columns: 1fr !important; } .sftl08-process-arrow { transform: rotate(90deg) !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl08-decoupling-grid, .sftl08-compare-grid, .sftl08-video-grid { grid-template-columns: 1fr !important; } .sftl08-versus { min-height: 30px !important; } .sftl08-guide-links { grid-template-columns: 1fr !important; } .sftl08-system-flow { grid-template-columns: 1fr !important; } .sftl08-system-flow > div { text-align: center !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl08 { padding: 42px 14px 55px !important; } .sftl08-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -0.8px !important; } .sftl08-answer { padding: 16px !important; } .sftl08-answer h3 { font-size: 17px !important; } .sftl08-answer p { font-size: 15px !important; } .sftl08-price-box, .sftl08-context, .sftl08-how, .sftl08-decoupling, .sftl08-diagram, .sftl08-when, .sftl08-compare, .sftl08-system, .sftl08-video { padding: 16px 13px !important; } .sftl08-section-head h3, .sftl08-context h3, .sftl08-system-copy h3 { font-size: 18px !important; } .sftl08-section-head p, .sftl08-context p, .sftl08-system-copy p { font-size: 14px !important; } .sftl08-process strong, .sftl08-when-grid strong { font-size: 15px !important; } .sftl08-process p, .sftl08-when-grid p { font-size: 14px !important; } .sftl08-when-grid { grid-template-columns: 1fr !important; } .sftl08-decoupling-card h4 { font-size: 16px !important; } .sftl08-decoupling-card p { font-size: 14px !important; } .sftl08-diagram-note { grid-template-columns: 1fr !important; } .sftl08-compare-grid strong { font-size: 16px !important; } .sftl08-compare-grid p, .sftl08-compare-note p { font-size: 14px !important; } .sftl08-warning { grid-template-columns: 1fr !important; } .sftl08-warning h3 { font-size: 17px !important; } .sftl08-warning p { font-size: 14px !important; } .sftl08-video-grid strong { font-size: 15px !important; } .sftl08-video-grid p { font-size: 14px !important; } .sftl08-guides h3, .sftl08-cta h3 { font-size: 17px !important; } .sftl08-guides p, .sftl08-cta p { font-size: 14px !important; } .sftl08-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl08-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl08-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } .sftl08-bottom-nav a { font-size: 14px !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl08 { padding-left: 11px !important; padding-right: 11px !important; } .sftl08-title { font-size: 28px !important; } .sftl08-price-value { font-size: 36px !important; } .sftl08-video-grid > a { grid-template-columns: 1fr !important; } .sftl08-video-grid time { justify-self: start !important; } .sftl08-video-grid b { justify-self: end !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl08 a { transition: none !important; } }#imCell_11 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_11 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_11 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_11 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl09, .sftl09 *, .sftl09 *::before, .sftl09 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl09 { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(10,169,165,0.09), transparent 27% ), radial-gradient( circle at 5% 56%, rgba(23,100,154,0.07), transparent 24% ), linear-gradient( 145deg, #ffffff 0%, #f5fafc 50%, #f7fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; } .sftl09-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } .sftl09 h2, .sftl09 h3, .sftl09 h4, .sftl09 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl09-header { width: 100% !important; max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl09-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-radius: 999px !important; background: #dff8f6 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl09-eyebrow > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl09-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; text-align: center !important; } .sftl09-title span { display: block !important; margin-top: 8px !important; color: #d86e0a !important; font-size: 0.74em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl09-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,0.055) !important; text-align: left !important; } .sftl09-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl09-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl09-answer strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= TOP GRID ========================================================= */ .sftl09-top-grid { display: grid !important; grid-template-columns: minmax(300px,0.72fr) minmax(0,1.28fr) !important; gap: 14px !important; margin-bottom: 18px !important; } /* ========================================================= PRICE BOX ========================================================= */ .sftl09-price-box { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 21px !important; border: 1px solid rgba(239,139,36,0.21) !important; border-top: 5px solid #ef8b24 !important; border-radius: 15px !important; background: #fff3e4 !important; } .sftl09-price-label { color: #526875 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl09-price-value { display: block !important; margin-top: 6px !important; color: #d86e0a !important; font-size: clamp( 34px, 4vw, 48px ) !important; font-weight: 900 !important; line-height: 1.05 !important; letter-spacing: -1px !important; } .sftl09-price-vat { display: inline-flex !important; width: fit-content !important; margin-top: 8px !important; padding: 7px 10px !important; border-radius: 999px !important; background: #198754 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl09-price-box > p { margin: 11px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl09-price-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; margin-top: 14px !important; } .sftl09-price-actions a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; padding: 9px 10px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .sftl09-price-actions a:last-child { background: #17649a !important; } /* ========================================================= CONTEXT ========================================================= */ .sftl09-context { padding: 20px !important; border: 1px solid rgba(11,48,72,0.11) !important; border-radius: 15px !important; background: #ffffff !important; } .sftl09-context > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl09-context h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl09-context p { margin: 0 0 9px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl09-context p:last-child { margin-bottom: 0 !important; } .sftl09-context strong { color: #0b3048 !important; } /* ========================================================= GENERIC BLOCKS ========================================================= */ .sftl09-eligibility, .sftl09-system, .sftl09-process-section, .sftl09-compare, .sftl09-roof, .sftl09-video { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,0.032) !important; } .sftl09-section-head { margin-bottom: 15px !important; } .sftl09-section-head > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl09-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl09-section-head p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } /* ========================================================= ELIGIBILITY ========================================================= */ .sftl09-eligibility-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl09-eligibility-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.09) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl09-eligibility-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl09-eligibility-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl09-eligibility-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= SYSTEM GRID ========================================================= */ .sftl09-system-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl09-system-grid article { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: start !important; gap: 10px !important; padding: 14px !important; border: 1px solid rgba(10,169,165,0.11) !important; border-radius: 10px !important; background: #f7fcfc !important; } .sftl09-system-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; border-radius: 9px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl09-system-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl09-system-grid p { margin: 4px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= PROCESS ========================================================= */ .sftl09-process { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; gap: 10px !important; align-items: stretch !important; } .sftl09-process article { padding: 16px !important; border: 1px solid rgba(23,100,154,0.12) !important; border-radius: 11px !important; background: #f5f9fc !important; } .sftl09-process-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl09-process strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl09-process p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } .sftl09-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #ef8b24 !important; font-size: 22px !important; font-weight: 900 !important; } /* ========================================================= WARNING ========================================================= */ .sftl09-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,0.20) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl09-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl09-warning span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl09-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl09-warning p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.55 !important; } .sftl09-warning strong { color: #0b3048 !important; } /* ========================================================= COMPARE ========================================================= */ .sftl09-compare-grid { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 11px !important; } .sftl09-compare-grid article { padding: 17px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 12px !important; background: #f9fbfc !important; } .sftl09-compare-grid .sftl09-compare-active { border: 2px solid rgba(10,169,165,0.28) !important; background: #dff8f6 !important; } .sftl09-compare-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl09-compare-grid h4 { margin: 5px 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl09-compare-grid article > strong { display: block !important; color: #d86e0a !important; font-size: 22px !important; font-weight: 900 !important; } .sftl09-compare-grid small { display: block !important; margin-top: 4px !important; color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl09-compare-grid p { margin: 8px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl09-versus { display: flex !important; align-items: center !important; justify-content: center !important; color: #d86e0a !important; font-size: 14px !important; font-weight: 900 !important; } .sftl09-compare-note { margin-top: 12px !important; padding: 13px 14px !important; border-radius: 9px !important; background: #fff3e4 !important; } .sftl09-compare-note strong { color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl09-compare-note p { margin: 4px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } /* ========================================================= ROOF CONNECTION ========================================================= */ .sftl09-roof { display: grid !important; grid-template-columns: minmax(0,0.9fr) minmax(420px,1.1fr) !important; align-items: center !important; gap: 18px !important; } .sftl09-roof-copy > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl09-roof-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl09-roof-copy p { margin: 0 0 8px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl09-roof-copy strong { color: #0b3048 !important; } .sftl09-roof-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr) !important; align-items: center !important; gap: 7px !important; } .sftl09-roof-flow article { padding: 12px 9px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl09-roof-flow .sftl09-roof-result { background: #eaf8f0 !important; } .sftl09-roof-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl09-roof-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl09-roof-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; line-height: 1.4 !important; } .sftl09-roof-flow > div { color: #ef8b24 !important; font-size: 20px !important; font-weight: 900 !important; } /* ========================================================= VIDEO ========================================================= */ .sftl09-video-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .sftl09-video-grid > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 11px !important; padding: 14px !important; border: 1px solid rgba(23,100,154,0.14) !important; border-radius: 11px !important; background: #eef7fb !important; color: #173142 !important; text-decoration: none !important; } .sftl09-video-grid time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 60px !important; min-height: 40px !important; padding: 8px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl09-video-grid span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl09-video-grid strong { display: block !important; margin-top: 3px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl09-video-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } .sftl09-video-grid b { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= GUIDES ========================================================= */ .sftl09-guides { display: grid !important; grid-template-columns: minmax(0,0.75fr) minmax(420px,1.25fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,0.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl09-guides > div:first-child > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl09-guides h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl09-guides p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl09-guides p strong { color: #0b3048 !important; } .sftl09-guide-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .sftl09-guide-links > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 9px !important; min-height: 72px !important; padding: 12px !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; } .sftl09-guide-links > a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl09-guide-links small { color: #526875 !important; font-size: 12px !important; font-weight: 800 !important; } .sftl09-guide-links strong { display: block !important; margin-top: 2px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl09-guide-links b { color: #0aa9a5 !important; font-size: 17px !important; } /* ========================================================= CTA ========================================================= */ .sftl09-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,0.12) !important; } .sftl09-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl09-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl09-cta p { margin: 0 !important; color: rgba(255,255,255,0.78) !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl09-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl09-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl09-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl09-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl09-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl09-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl09-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl09 a { transition: transform 0.18s ease, box-shadow 0.18s ease !important; } .sftl09-price-actions a:hover, .sftl09-video-grid > a:hover, .sftl09-guide-links > a:hover, .sftl09-cta-actions a:hover { transform: translateY(-2px) !important; } .sftl09 a:focus-visible { outline: 3px solid rgba(10,169,165,0.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl09-eligibility-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl09-roof { grid-template-columns: 1fr !important; } .sftl09-cta { display: block !important; } .sftl09-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl09 { padding: 50px 18px 64px !important; } .sftl09-top-grid, .sftl09-guides { grid-template-columns: 1fr !important; } .sftl09-process { grid-template-columns: 1fr !important; } .sftl09-process-arrow { transform: rotate(90deg) !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl09-system-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl09-compare-grid, .sftl09-video-grid { grid-template-columns: 1fr !important; } .sftl09-versus { min-height: 32px !important; } .sftl09-guide-links { grid-template-columns: 1fr !important; } .sftl09-roof-flow { grid-template-columns: 1fr !important; } .sftl09-roof-flow > div { text-align: center !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl09 { padding: 42px 14px 55px !important; } .sftl09-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -0.8px !important; } .sftl09-answer { padding: 16px !important; } .sftl09-answer h3 { font-size: 17px !important; } .sftl09-answer p { font-size: 15px !important; } .sftl09-price-box, .sftl09-context, .sftl09-eligibility, .sftl09-system, .sftl09-process-section, .sftl09-compare, .sftl09-roof, .sftl09-video { padding: 16px 13px !important; } .sftl09-section-head h3, .sftl09-context h3, .sftl09-roof-copy h3 { font-size: 18px !important; } .sftl09-section-head p, .sftl09-context p, .sftl09-roof-copy p { font-size: 15px !important; } .sftl09-eligibility-grid, .sftl09-system-grid { grid-template-columns: 1fr !important; } .sftl09-eligibility-grid strong, .sftl09-system-grid strong, .sftl09-process strong { font-size: 15px !important; } .sftl09-eligibility-grid p, .sftl09-system-grid p, .sftl09-process p { font-size: 14px !important; } .sftl09-warning { grid-template-columns: 1fr !important; } .sftl09-warning h3 { font-size: 17px !important; } .sftl09-warning p { font-size: 15px !important; } .sftl09-compare-grid h4 { font-size: 17px !important; } .sftl09-compare-grid p, .sftl09-compare-note p { font-size: 15px !important; } .sftl09-video-grid strong { font-size: 15px !important; } .sftl09-video-grid p { font-size: 14px !important; } .sftl09-guides h3, .sftl09-cta h3 { font-size: 17px !important; } .sftl09-guides p, .sftl09-cta p { font-size: 15px !important; } .sftl09-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl09-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl09-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl09 { padding-left: 11px !important; padding-right: 11px !important; } .sftl09-title { font-size: 28px !important; } .sftl09-price-value { font-size: 36px !important; } .sftl09-price-actions { grid-template-columns: 1fr !important; } .sftl09-video-grid > a { grid-template-columns: 1fr !important; } .sftl09-video-grid time { justify-self: start !important; } .sftl09-video-grid b { justify-self: end !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl09 a { transition: none !important; } }#imCell_12 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_12 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_12 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_12 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl10, .sftl10 *, .sftl10 *::before, .sftl10 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl10 { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(239,139,36,0.10), transparent 26% ), radial-gradient( circle at 5% 55%, rgba(10,169,165,0.08), transparent 24% ), linear-gradient( 145deg, #f5fafc 0%, #ffffff 50%, #fffaf4 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; } .sftl10-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } .sftl10 h2, .sftl10 h3, .sftl10 h4, .sftl10 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl10-header { width: 100% !important; max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl10-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(239,139,36,0.23) !important; border-radius: 999px !important; background: #fff3e4 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl10-eyebrow > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl10-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; text-align: center !important; } .sftl10-title span { display: block !important; margin-top: 8px !important; color: #d86e0a !important; font-size: 0.74em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl10-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,0.055) !important; text-align: left !important; } .sftl10-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl10-answer strong { color: #0b3048 !important; font-weight: 900 !important; } /* ========================================================= TOP GRID ========================================================= */ .sftl10-top-grid { display: grid !important; grid-template-columns: minmax(320px,0.72fr) minmax(0,1.28fr) !important; gap: 14px !important; margin-bottom: 18px !important; } /* ========================================================= PRICE ========================================================= */ .sftl10-price-box { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 21px !important; border: 1px solid rgba(239,139,36,0.22) !important; border-top: 5px solid #ef8b24 !important; border-radius: 15px !important; background: #fff3e4 !important; } .sftl10-price-label { color: #526875 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl10-price-value { display: block !important; margin-top: 6px !important; color: #d86e0a !important; font-size: clamp( 34px, 4vw, 48px ) !important; font-weight: 900 !important; line-height: 1.05 !important; } .sftl10-price-unit { margin-top: 3px !important; color: #526875 !important; font-size: 14px !important; font-weight: 800 !important; } .sftl10-price-vat { display: inline-flex !important; width: fit-content !important; margin-top: 8px !important; padding: 7px 10px !important; border-radius: 999px !important; background: #198754 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } /* ========================================================= PERFORMANCE ========================================================= */ .sftl10-performance { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; margin-top: 13px !important; padding: 11px !important; border-radius: 10px !important; background: #ffffff !important; } .sftl10-performance > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 45px !important; height: 45px !important; border-radius: 10px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; } .sftl10-performance strong { display: block !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; } .sftl10-performance small { display: block !important; margin-top: 2px !important; color: #526875 !important; font-size: 13px !important; line-height: 1.4 !important; } /* ========================================================= PRICE ACTIONS ========================================================= */ .sftl10-price-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; margin-top: 14px !important; } .sftl10-price-actions a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; padding: 9px 10px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .sftl10-price-actions a:last-child { background: #17649a !important; } /* ========================================================= CONTEXT ========================================================= */ .sftl10-context { padding: 20px !important; border: 1px solid rgba(11,48,72,0.11) !important; border-radius: 15px !important; background: #ffffff !important; } .sftl10-context > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl10-context h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-context p { margin: 0 0 9px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl10-context p:last-child { margin-bottom: 0 !important; } .sftl10-context strong { color: #0b3048 !important; } /* ========================================================= GENERIC SECTIONS ========================================================= */ .sftl10-diagram, .sftl10-weakness, .sftl10-solution, .sftl10-compare, .sftl10-when, .sftl10-combined, .sftl10-video { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,0.032) !important; } .sftl10-section-head { margin-bottom: 15px !important; } .sftl10-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl10-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= WINDOW DIAGRAM ========================================================= */ .sftl10-window-diagram { max-width: 820px !important; margin: 15px auto 0 !important; padding: 16px !important; border-radius: 14px !important; background: #eef7fb !important; } .sftl10-box-visual { position: relative !important; padding: 17px !important; border: 3px solid #0b3048 !important; border-bottom-width: 7px !important; border-radius: 11px 11px 5px 5px !important; background: linear-gradient( 145deg, #fff3e4, #ffffff ) !important; text-align: center !important; } .sftl10-box-visual > span { display: block !important; color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl10-box-visual > strong { display: block !important; margin-top: 4px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl10-box-visual > small { display: block !important; margin-top: 4px !important; color: #526875 !important; font-size: 13px !important; } .sftl10-noise-arrows { margin-top: 8px !important; color: #ef8b24 !important; font-size: 18px !important; font-weight: 900 !important; letter-spacing: 10px !important; } /* WINDOW */ .sftl10-window-visual { display: grid !important; grid-template-columns: minmax(0,1fr) !important; margin: 0 40px !important; border: 7px solid #0b3048 !important; border-top: 0 !important; background: #ffffff !important; } .sftl10-glass { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 165px !important; background: linear-gradient( 135deg, #dff8f6, #eef7fb ) !important; } .sftl10-glass > span { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; letter-spacing: 2px !important; } .sftl10-frame { padding: 12px !important; background: #0b3048 !important; text-align: center !important; } .sftl10-frame strong { display: block !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl10-frame small { display: block !important; margin-top: 3px !important; color: rgba(255,255,255,0.74) !important; font-size: 13px !important; } .sftl10-diagram-result { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; margin-top: 13px !important; padding: 13px !important; border-radius: 10px !important; background: #ffffff !important; } .sftl10-diagram-result > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl10-diagram-result p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl10-diagram-result strong { color: #0b3048 !important; } /* ========================================================= WEAKNESS ========================================================= */ .sftl10-weakness-grid, .sftl10-when-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl10-weakness-grid article, .sftl10-when-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,0.09) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl10-weakness-grid article > div, .sftl10-when-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl10-weakness-grid strong, .sftl10-when-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-weakness-grid p, .sftl10-when-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= SOLUTION GRID ========================================================= */ .sftl10-solution-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; } .sftl10-solution-grid article { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; align-items: start !important; padding: 14px !important; border: 1px solid rgba(10,169,165,0.12) !important; border-radius: 10px !important; background: #f7fcfc !important; } .sftl10-solution-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; border-radius: 9px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl10-solution-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl10-solution-grid p { margin: 4px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= PERFORMANCE NOTE ========================================================= */ .sftl10-performance-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(23,100,154,0.18) !important; border-left: 5px solid #17649a !important; border-radius: 8px 14px 14px 8px !important; background: #eef7fb !important; } .sftl10-performance-note-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 43px !important; height: 43px !important; border-radius: 10px !important; background: #17649a !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; } .sftl10-performance-note span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl10-performance-note h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-performance-note p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl10-performance-note strong { color: #0b3048 !important; } /* ========================================================= COMPARE ========================================================= */ .sftl10-compare-grid { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 11px !important; } .sftl10-compare-grid article { padding: 17px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 12px !important; background: #f9fbfc !important; } .sftl10-compare-grid .sftl10-compare-active { border: 2px solid rgba(239,139,36,0.31) !important; background: #fff3e4 !important; } .sftl10-compare-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl10-compare-grid h4 { margin: 5px 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-compare-grid article > strong { display: block !important; color: #d86e0a !important; font-size: 22px !important; font-weight: 900 !important; } .sftl10-compare-grid small { display: block !important; margin-top: 4px !important; color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl10-compare-grid p { margin: 8px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl10-versus { display: flex !important; align-items: center !important; justify-content: center !important; color: #d86e0a !important; font-size: 19px !important; font-weight: 900 !important; } .sftl10-compare-note { margin-top: 12px !important; padding: 13px 14px !important; border-radius: 9px !important; background: #dff8f6 !important; } .sftl10-compare-note strong { display: block !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl10-compare-note p { margin: 4px 0 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= COMBINED ========================================================= */ .sftl10-combined { display: grid !important; grid-template-columns: minmax(0,0.9fr) minmax(430px,1.1fr) !important; align-items: center !important; gap: 18px !important; } .sftl10-combined-copy > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl10-combined-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-combined-copy p { margin: 0 0 8px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl10-combined-copy strong { color: #0b3048 !important; } .sftl10-combined-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: center !important; gap: 7px !important; } .sftl10-combined-flow article { min-width: 0 !important; padding: 13px 9px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl10-combined-flow article:nth-child(3) { background: #fff3e4 !important; } .sftl10-combined-flow article:nth-child(5) { background: #eaf8f0 !important; } .sftl10-combined-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl10-combined-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl10-combined-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; line-height: 1.4 !important; } .sftl10-combined-flow > div { color: #ef8b24 !important; font-size: 20px !important; font-weight: 900 !important; } /* ========================================================= INCLUDED ========================================================= */ .sftl10-included { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(25,135,84,0.18) !important; border-radius: 14px !important; background: #eaf8f0 !important; } .sftl10-included > div > span { color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl10-included h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-included p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl10-included p strong { color: #0b3048 !important; } .sftl10-included > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #198754 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= VIDEO ========================================================= */ .sftl10-video-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .sftl10-video-grid > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 11px !important; padding: 14px !important; border: 1px solid rgba(23,100,154,0.14) !important; border-radius: 11px !important; background: #eef7fb !important; color: #173142 !important; text-decoration: none !important; } .sftl10-video-grid time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 60px !important; min-height: 40px !important; padding: 8px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl10-video-grid span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl10-video-grid strong { display: block !important; margin-top: 3px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-video-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } .sftl10-video-grid b { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= GUIDES ========================================================= */ .sftl10-guides { display: grid !important; grid-template-columns: minmax(0,0.75fr) minmax(430px,1.25fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,0.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl10-guides > div:first-child > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl10-guides h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl10-guides p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl10-guides p strong { color: #0b3048 !important; } .sftl10-guide-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .sftl10-guide-links > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 9px !important; min-height: 74px !important; padding: 12px !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; } .sftl10-guide-links > a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl10-guide-links small { color: #526875 !important; font-size: 12px !important; font-weight: 800 !important; } .sftl10-guide-links strong { display: block !important; margin-top: 2px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-guide-links b { color: #0aa9a5 !important; font-size: 17px !important; } /* ========================================================= CTA ========================================================= */ .sftl10-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,0.12) !important; } .sftl10-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl10-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl10-cta p { margin: 0 !important; color: rgba(255,255,255,0.78) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl10-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl10-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl10-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl10-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl10-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl10-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl10-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl10 a { transition: transform 0.18s ease, box-shadow 0.18s ease !important; } .sftl10-price-actions a:hover, .sftl10-video-grid > a:hover, .sftl10-guide-links > a:hover, .sftl10-included > a:hover, .sftl10-cta-actions a:hover { transform: translateY(-2px) !important; } .sftl10 a:focus-visible { outline: 3px solid rgba(10,169,165,0.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl10-weakness-grid, .sftl10-when-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl10-combined { grid-template-columns: 1fr !important; } .sftl10-cta { display: block !important; } .sftl10-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl10 { padding: 50px 18px 64px !important; } .sftl10-top-grid, .sftl10-guides { grid-template-columns: 1fr !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl10-solution-grid, .sftl10-video-grid { grid-template-columns: 1fr !important; } .sftl10-compare-grid { grid-template-columns: 1fr !important; } .sftl10-versus { min-height: 32px !important; } .sftl10-combined-flow { grid-template-columns: 1fr !important; } .sftl10-combined-flow > div { text-align: center !important; } .sftl10-guide-links { grid-template-columns: 1fr !important; } .sftl10-included { display: block !important; } .sftl10-included > a { width: 100% !important; margin-top: 13px !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl10 { padding: 42px 14px 55px !important; } .sftl10-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -0.8px !important; } .sftl10-answer { padding: 16px !important; } .sftl10-answer h3 { font-size: 17px !important; } .sftl10-answer p { font-size: 15px !important; } .sftl10-price-box, .sftl10-context, .sftl10-diagram, .sftl10-weakness, .sftl10-solution, .sftl10-compare, .sftl10-when, .sftl10-combined, .sftl10-video { padding: 16px 13px !important; } .sftl10-section-head h3, .sftl10-context h3, .sftl10-combined-copy h3 { font-size: 18px !important; } .sftl10-section-head p, .sftl10-context p, .sftl10-combined-copy p { font-size: 15px !important; } .sftl10-weakness-grid, .sftl10-when-grid { grid-template-columns: 1fr !important; } .sftl10-weakness-grid strong, .sftl10-when-grid strong, .sftl10-solution-grid strong { font-size: 15px !important; } .sftl10-weakness-grid p, .sftl10-when-grid p, .sftl10-solution-grid p { font-size: 14px !important; } .sftl10-window-visual { margin: 0 15px !important; } .sftl10-diagram-result { grid-template-columns: 1fr !important; } .sftl10-diagram-result p { font-size: 15px !important; } .sftl10-performance-note { grid-template-columns: 1fr !important; } .sftl10-performance-note h3 { font-size: 17px !important; } .sftl10-performance-note p { font-size: 15px !important; } .sftl10-compare-grid h4 { font-size: 17px !important; } .sftl10-compare-grid p, .sftl10-compare-note p { font-size: 15px !important; } .sftl10-included h3 { font-size: 17px !important; } .sftl10-included p { font-size: 15px !important; } .sftl10-video-grid strong { font-size: 15px !important; } .sftl10-video-grid p { font-size: 14px !important; } .sftl10-guides h3, .sftl10-cta h3 { font-size: 17px !important; } .sftl10-guides p, .sftl10-cta p { font-size: 15px !important; } .sftl10-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl10-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl10-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl10 { padding-left: 11px !important; padding-right: 11px !important; } .sftl10-title { font-size: 28px !important; } .sftl10-price-value { font-size: 36px !important; } .sftl10-price-actions { grid-template-columns: 1fr !important; } .sftl10-window-visual { margin: 0 5px !important; } .sftl10-glass { min-height: 135px !important; } .sftl10-video-grid > a { grid-template-columns: 1fr !important; } .sftl10-video-grid time { justify-self: start !important; } .sftl10-video-grid b { justify-self: end !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl10 a { transition: none !important; } }#imCell_13 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_13 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_13 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_13 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl11, .sftl11 *, .sftl11 *::before, .sftl11 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl11 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(23,100,154,0.09), transparent 27% ), radial-gradient( circle at 5% 56%, rgba(10,169,165,0.07), transparent 24% ), linear-gradient( 145deg, #ffffff 0%, #f5fafc 50%, #f7fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl11-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl11 h2, .sftl11 h3, .sftl11 h4, .sftl11 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl11-header { max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl11-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(23,100,154,0.20) !important; border-radius: 999px !important; background: #eef7fb !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl11-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #17649a !important; color: #fff !important; font-size: 12px !important; } /* ========================================================= TITLE ========================================================= */ .sftl11-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } .sftl11-title span { display: block !important; margin-top: 8px !important; color: #d86e0a !important; font-size: 0.74em !important; } /* ========================================================= ANSWER ========================================================= */ .sftl11-answer { max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #fff !important; text-align: left !important; box-shadow: 0 10px 28px rgba(11,48,72,0.055) !important; } .sftl11-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl11-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl11-answer strong { color: #0b3048 !important; } /* ========================================================= TOP GRID ========================================================= */ .sftl11-top-grid { display: grid !important; grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr) !important; gap: 14px !important; margin-bottom: 18px !important; } /* ========================================================= PRICE BOX ========================================================= */ .sftl11-price-box { padding: 21px !important; border: 1px solid rgba(239,139,36,0.22) !important; border-top: 5px solid #ef8b24 !important; border-radius: 15px !important; background: #fff3e4 !important; } .sftl11-price-label { color: #526875 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl11-price-value { display: block !important; margin-top: 6px !important; color: #d86e0a !important; font-size: clamp( 34px, 4vw, 48px ) !important; font-weight: 900 !important; line-height: 1.05 !important; } .sftl11-price-vat { display: inline-flex !important; margin-top: 8px !important; padding: 7px 10px !important; border-radius: 999px !important; background: #198754 !important; color: #fff !important; font-size: 13px !important; font-weight: 900 !important; } /* ========================================================= PERFORMANCE ========================================================= */ .sftl11-performance { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; margin-top: 13px !important; padding: 11px !important; border-radius: 10px !important; background: #fff !important; } .sftl11-performance > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; border-radius: 10px !important; background: #0b3048 !important; color: #fff !important; font-size: 18px !important; font-weight: 900 !important; } .sftl11-performance strong { display: block !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; } .sftl11-performance small { display: block !important; margin-top: 2px !important; color: #526875 !important; font-size: 13px !important; line-height: 1.4 !important; } /* ========================================================= PRICE ACTIONS ========================================================= */ .sftl11-price-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; margin-top: 14px !important; } .sftl11-price-actions a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; padding: 9px 10px !important; border-radius: 9px !important; background: #0b3048 !important; color: #fff !important; font-size: 13px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } .sftl11-price-actions a:last-child { background: #17649a !important; } /* ========================================================= CONTEXT ========================================================= */ .sftl11-context { padding: 20px !important; border: 1px solid rgba(11,48,72,0.11) !important; border-radius: 15px !important; background: #fff !important; } .sftl11-context > span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl11-context h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl11-context p { margin: 0 0 9px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl11-context p:last-child { margin-bottom: 0 !important; } .sftl11-context strong { color: #0b3048 !important; } /* ========================================================= COMMON SECTIONS ========================================================= */ .sftl11-system, .sftl11-when, .sftl11-compare, .sftl11-cassonetto, .sftl11-roof, .sftl11-video { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,0.12) !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 9px 25px rgba(6,36,56,0.032) !important; } .sftl11-section-head { margin-bottom: 15px !important; } .sftl11-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl11-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl11-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= SYSTEM GRID ========================================================= */ .sftl11-system-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl11-system-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(23,100,154,0.10) !important; border-radius: 11px !important; background: #f6fafc !important; } .sftl11-system-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #fff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl11-system-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl11-system-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= RW NOTE ========================================================= */ .sftl11-rw { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(23,100,154,0.19) !important; border-left: 5px solid #17649a !important; border-radius: 8px 14px 14px 8px !important; background: #eef7fb !important; } .sftl11-rw-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; border-radius: 10px !important; background: #17649a !important; color: #fff !important; font-size: 17px !important; font-weight: 900 !important; } .sftl11-rw span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl11-rw h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl11-rw p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl11-rw strong { color: #0b3048 !important; } /* ========================================================= WHEN ========================================================= */ .sftl11-when-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl11-when-grid article { padding: 15px !important; border: 1px solid rgba(11,48,72,0.09) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl11-when-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #0b3048 !important; color: #fff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl11-when-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl11-when-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= COMPARE ========================================================= */ .sftl11-compare-grid { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important; gap: 11px !important; } .sftl11-compare-grid article { padding: 17px !important; border: 1px solid rgba(11,48,72,0.10) !important; border-radius: 12px !important; background: #f9fbfc !important; } .sftl11-compare-active { border: 2px solid rgba(23,100,154,0.28) !important; background: #eef7fb !important; } .sftl11-compare-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl11-compare-grid h4 { margin: 5px 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; } .sftl11-compare-grid article > strong { display: block !important; color: #d86e0a !important; font-size: 22px !important; font-weight: 900 !important; } .sftl11-compare-grid small { display: block !important; margin-top: 4px !important; color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl11-compare-grid p { margin: 8px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl11-compare-grid a { display: inline-flex !important; margin-top: 10px !important; color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: underline !important; } .sftl11-versus { display: flex !important; align-items: center !important; justify-content: center !important; color: #d86e0a !important; font-size: 14px !important; font-weight: 900 !important; } .sftl11-compare-note { margin-top: 12px !important; padding: 13px 14px !important; border-radius: 9px !important; background: #fff3e4 !important; } .sftl11-compare-note strong { display: block !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl11-compare-note p { margin: 4px 0 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= CASSONETTO ========================================================= */ .sftl11-cassonetto { display: grid !important; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr) !important; align-items: center !important; gap: 18px !important; } .sftl11-cassonetto-copy > span { color: #ef8b24 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl11-cassonetto-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; } .sftl11-cassonetto-copy p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl11-cassonetto-card { padding: 16px !important; border: 1px solid rgba(239,139,36,0.20) !important; border-radius: 11px !important; background: #fff3e4 !important; } .sftl11-cassonetto-card > span { color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl11-cassonetto-card > strong { display: block !important; margin-top: 4px !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; } .sftl11-cassonetto-card > b { display: block !important; margin-top: 7px !important; color: #d86e0a !important; font-size: 21px !important; font-weight: 900 !important; } .sftl11-cassonetto-card small { display: block !important; margin-top: 3px !important; color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl11-cassonetto-card a { display: inline-flex !important; margin-top: 10px !important; color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: underline !important; } /* ========================================================= ROOF FLOW ========================================================= */ .sftl11-roof-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr) !important; align-items: center !important; gap: 7px !important; } .sftl11-roof-flow article { padding: 13px 9px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl11-roof-result { background: #eaf8f0 !important; } .sftl11-roof-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl11-roof-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl11-roof-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; } .sftl11-roof-flow > div { color: #ef8b24 !important; font-size: 20px !important; font-weight: 900 !important; } .sftl11-roof-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; margin-top: 12px !important; padding: 12px !important; border-radius: 9px !important; background: #dff8f6 !important; } .sftl11-roof-note > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #fff !important; font-weight: 900 !important; } .sftl11-roof-note p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl11-roof-note strong { color: #0b3048 !important; } /* ========================================================= INCLUDED ========================================================= */ .sftl11-included { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(25,135,84,0.18) !important; border-radius: 14px !important; background: #eaf8f0 !important; } .sftl11-included > div > span { color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl11-included h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl11-included p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl11-included > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #198754 !important; color: #fff !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; } /* ========================================================= VIDEO ========================================================= */ .sftl11-video-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .sftl11-video-grid > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 11px !important; padding: 14px !important; border: 1px solid rgba(23,100,154,0.14) !important; border-radius: 11px !important; background: #eef7fb !important; color: #173142 !important; text-decoration: none !important; } .sftl11-video-grid time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 60px !important; min-height: 40px !important; padding: 8px !important; border-radius: 9px !important; background: #0b3048 !important; color: #fff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl11-video-grid span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl11-video-grid strong { display: block !important; margin-top: 3px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl11-video-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } .sftl11-video-grid b { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 12px !important; } /* ========================================================= GUIDES ========================================================= */ .sftl11-guides { display: grid !important; grid-template-columns: minmax(0,.75fr) minmax(430px,1.25fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,0.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl11-guides > div:first-child > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl11-guides h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl11-guides p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; } .sftl11-guide-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .sftl11-guide-links > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 9px !important; min-height: 74px !important; padding: 12px !important; border-radius: 10px !important; background: #fff !important; color: #173142 !important; text-decoration: none !important; } .sftl11-guide-links > a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; border-radius: 9px !important; background: #0b3048 !important; color: #fff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl11-guide-links small { color: #526875 !important; font-size: 12px !important; font-weight: 800 !important; } .sftl11-guide-links strong { display: block !important; margin-top: 2px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl11-guide-links b { color: #0aa9a5 !important; font-size: 17px !important; } /* ========================================================= CTA ========================================================= */ .sftl11-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #fff !important; } .sftl11-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl11-cta h3 { margin: 4px 0 5px !important; color: #fff !important; font-size: 18px !important; font-weight: 900 !important; } .sftl11-cta p { margin: 0 !important; color: rgba(255,255,255,.78) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl11-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl11-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl11-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl11-cta-phone { background: #fff !important; color: #0b3048 !important; } .sftl11-cta-wa { background: #198754 !important; color: #fff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl11-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl11-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl11 a { transition: transform .18s ease, box-shadow .18s ease !important; } .sftl11 a:hover { transform: translateY(-2px) !important; } .sftl11 a:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 ========================================================= */ @media (max-width: 1080px) { .sftl11-when-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl11-cassonetto { grid-template-columns: 1fr !important; } .sftl11-cta { display: block !important; } .sftl11-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 ========================================================= */ @media (max-width: 980px) { .sftl11 { padding: 50px 18px 64px !important; } .sftl11-top-grid, .sftl11-guides { grid-template-columns: 1fr !important; } .sftl11-system-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* ========================================================= 820 ========================================================= */ @media (max-width: 820px) { .sftl11-compare-grid, .sftl11-video-grid { grid-template-columns: 1fr !important; } .sftl11-versus { min-height: 32px !important; } .sftl11-roof-flow { grid-template-columns: 1fr !important; } .sftl11-roof-flow > div { text-align: center !important; } .sftl11-guide-links { grid-template-columns: 1fr !important; } .sftl11-included { display: block !important; } .sftl11-included > a { width: 100% !important; margin-top: 13px !important; } } /* ========================================================= 700 ========================================================= */ @media (max-width: 700px) { .sftl11 { padding: 42px 14px 55px !important; } .sftl11-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl11-answer { padding: 16px !important; } .sftl11-answer h3 { font-size: 17px !important; } .sftl11-answer p { font-size: 15px !important; } .sftl11-price-box, .sftl11-context, .sftl11-system, .sftl11-when, .sftl11-compare, .sftl11-cassonetto, .sftl11-roof, .sftl11-video { padding: 16px 13px !important; } .sftl11-section-head h3, .sftl11-context h3 { font-size: 18px !important; } .sftl11-section-head p, .sftl11-context p { font-size: 15px !important; } .sftl11-system-grid, .sftl11-when-grid { grid-template-columns: 1fr !important; } .sftl11-system-grid p, .sftl11-when-grid p { font-size: 14px !important; } .sftl11-rw { grid-template-columns: 1fr !important; } .sftl11-rw h3 { font-size: 17px !important; } .sftl11-rw p { font-size: 15px !important; } .sftl11-compare-grid p, .sftl11-compare-note p { font-size: 15px !important; } .sftl11-roof-note { grid-template-columns: 1fr !important; } .sftl11-video-grid p { font-size: 14px !important; } .sftl11-guides p, .sftl11-cta p { font-size: 15px !important; } .sftl11-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl11-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl11-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 ========================================================= */ @media (max-width: 430px) { .sftl11 { padding-left: 11px !important; padding-right: 11px !important; } .sftl11-title { font-size: 28px !important; } .sftl11-price-value { font-size: 35px !important; } .sftl11-price-actions { grid-template-columns: 1fr !important; } .sftl11-video-grid > a { grid-template-columns: 1fr !important; } .sftl11-video-grid time { justify-self: start !important; } .sftl11-video-grid b { justify-self: end !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl11 a { transition: none !important; } }#imCell_14 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_14 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_14 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_14 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl12, .sftl12 *, .sftl12 *::before, .sftl12 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl12 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(10,169,165,0.09), transparent 27% ), radial-gradient( circle at 5% 56%, rgba(23,100,154,0.07), transparent 24% ), linear-gradient( 145deg, #f5fafc 0%, #ffffff 50%, #f7fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl12-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl12 h2, .sftl12 h3, .sftl12 h4, .sftl12 p, .sftl12 ul { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl12-header { width: 100% !important; max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl12-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(10,169,165,0.22) !important; border-radius: 999px !important; background: #dff8f6 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl12-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl12-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } .sftl12-title span { display: block !important; margin-top: 8px !important; color: #d86e0a !important; font-size: .74em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl12-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,.055) !important; text-align: left !important; } .sftl12-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl12-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl12-answer strong { color: #0b3048 !important; } /* ========================================================= TOP GRID ========================================================= */ .sftl12-top-grid { display: grid !important; grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr) !important; gap: 14px !important; margin-bottom: 18px !important; } /* ========================================================= PRICE ========================================================= */ .sftl12-price-box { padding: 21px !important; border: 1px solid rgba(239,139,36,.22) !important; border-top: 5px solid #ef8b24 !important; border-radius: 15px !important; background: #fff3e4 !important; } .sftl12-price-label { display: block !important; color: #526875 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl12-price-value { display: block !important; margin-top: 6px !important; color: #d86e0a !important; font-size: clamp( 34px, 4vw, 48px ) !important; font-weight: 900 !important; line-height: 1.05 !important; } .sftl12-price-vat { display: inline-flex !important; margin-top: 8px !important; padding: 7px 10px !important; border-radius: 999px !important; background: #198754 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } /* ========================================================= PERFORMANCE ========================================================= */ .sftl12-performance { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; margin-top: 13px !important; padding: 11px !important; border-radius: 10px !important; background: #ffffff !important; } .sftl12-performance > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; border-radius: 10px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; } .sftl12-performance strong { display: block !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; } .sftl12-performance small { display: block !important; margin-top: 2px !important; color: #526875 !important; font-size: 13px !important; line-height: 1.4 !important; } /* ========================================================= PRICE ACTIONS ========================================================= */ .sftl12-price-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; margin-top: 14px !important; } .sftl12-price-actions a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; padding: 9px 10px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .sftl12-price-actions a:last-child { background: #17649a !important; } /* ========================================================= CONTEXT ========================================================= */ .sftl12-context { padding: 20px !important; border: 1px solid rgba(11,48,72,.11) !important; border-radius: 15px !important; background: #ffffff !important; } .sftl12-context > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl12-context h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl12-context p { margin: 0 0 9px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl12-context p:last-child { margin-bottom: 0 !important; } .sftl12-context strong { color: #0b3048 !important; } /* ========================================================= COMMON SECTIONS ========================================================= */ .sftl12-system, .sftl12-position, .sftl12-when, .sftl12-poses, .sftl12-cassonetto, .sftl12-wall, .sftl12-roof, .sftl12-video { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl12-section-head { margin-bottom: 15px !important; } .sftl12-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl12-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl12-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= SYSTEM FLOW ========================================================= */ .sftl12-system-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: center !important; gap: 8px !important; } .sftl12-system-flow article { padding: 15px !important; border-radius: 11px !important; background: #eef7fb !important; text-align: center !important; } .sftl12-system-space { background: #fff3e4 !important; } .sftl12-system-second { background: #eaf8f0 !important; } .sftl12-system-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl12-system-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl12-system-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 13px !important; } .sftl12-system-flow > div { color: #ef8b24 !important; font-size: 21px !important; font-weight: 900 !important; } .sftl12-system-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; margin-top: 12px !important; padding: 13px !important; border-radius: 10px !important; background: #dff8f6 !important; } .sftl12-system-note > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl12-system-note p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl12-system-note strong { color: #0b3048 !important; } /* ========================================================= POSITION ========================================================= */ .sftl12-position-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 11px !important; } .sftl12-position-card { padding: 17px !important; border: 1px solid rgba(10,169,165,.15) !important; border-top: 4px solid #0aa9a5 !important; border-radius: 12px !important; background: #f7fcfc !important; } .sftl12-position-card-external { border-top-color: #17649a !important; background: #f5f9fc !important; } .sftl12-position-top { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 9px !important; } .sftl12-position-top > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl12-position-top small { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl12-position-card h4 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl12-position-card > p { margin: 0 0 11px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl12-position-card ul { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .sftl12-position-card li { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 7px !important; align-items: center !important; padding: 8px 9px !important; border-radius: 8px !important; background: #ffffff !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 800 !important; } .sftl12-position-card li > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; background: #eaf8f0 !important; color: #198754 !important; font-size: 11px !important; font-weight: 900 !important; } /* ========================================================= WHEN ========================================================= */ .sftl12-when-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl12-when-grid article { padding: 15px !important; border: 1px solid rgba(11,48,72,.09) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl12-when-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl12-when-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl12-when-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= POSES ========================================================= */ .sftl12-poses-grid { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 10px !important; } .sftl12-poses-grid article { padding: 16px !important; border: 1px solid rgba(23,100,154,.12) !important; border-radius: 11px !important; background: #eef7fb !important; } .sftl12-poses-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl12-poses-grid strong { display: block !important; margin-top: 4px !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; } .sftl12-poses-grid p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl12-poses-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #ef8b24 !important; font-size: 22px !important; font-weight: 900 !important; } .sftl12-poses-result { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; margin-top: 11px !important; padding: 12px !important; border-radius: 9px !important; background: #eaf8f0 !important; } .sftl12-poses-result > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-weight: 900 !important; } .sftl12-poses-result p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl12-poses-result strong { color: #0b3048 !important; } /* ========================================================= CASSONETTO ========================================================= */ .sftl12-cassonetto, .sftl12-wall { display: grid !important; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr) !important; align-items: center !important; gap: 18px !important; } .sftl12-cassonetto-copy > span, .sftl12-wall-copy > span { color: #ef8b24 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl12-cassonetto-copy h3, .sftl12-wall-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl12-cassonetto-copy p, .sftl12-wall-copy p { margin: 0 0 8px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl12-cassonetto-copy p:last-child, .sftl12-wall-copy p:last-child { margin-bottom: 0 !important; } .sftl12-cassonetto-card, .sftl12-wall-price { padding: 16px !important; border: 1px solid rgba(239,139,36,.20) !important; border-radius: 11px !important; background: #fff3e4 !important; } .sftl12-cassonetto-card > span, .sftl12-wall-price > span { color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl12-cassonetto-card > strong { display: block !important; margin-top: 4px !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; } .sftl12-cassonetto-card > b, .sftl12-wall-price > strong { display: block !important; margin-top: 7px !important; color: #d86e0a !important; font-size: 22px !important; font-weight: 900 !important; } .sftl12-cassonetto-card small, .sftl12-wall-price small { display: block !important; margin-top: 3px !important; color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl12-wall-price p { margin: 7px 0 0 !important; color: #526875 !important; font-size: 14px !important; } .sftl12-cassonetto-card a { display: inline-flex !important; margin-top: 10px !important; color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: underline !important; } /* ========================================================= WARNING ========================================================= */ .sftl12-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,.20) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl12-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl12-warning span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl12-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl12-warning p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl12-warning strong { color: #0b3048 !important; } /* ========================================================= ROOF ========================================================= */ .sftl12-roof-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: center !important; gap: 7px !important; } .sftl12-roof-flow article { padding: 13px 9px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl12-roof-result { background: #fff3e4 !important; } .sftl12-roof-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl12-roof-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl12-roof-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; } .sftl12-roof-flow > div { color: #ef8b24 !important; font-size: 20px !important; font-weight: 900 !important; } .sftl12-roof-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; margin-top: 12px !important; padding: 12px !important; border-radius: 9px !important; background: #dff8f6 !important; } .sftl12-roof-note > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-weight: 900 !important; } .sftl12-roof-note p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl12-roof-note strong { color: #0b3048 !important; } /* ========================================================= INCLUDED ========================================================= */ .sftl12-included { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(25,135,84,.18) !important; border-radius: 14px !important; background: #eaf8f0 !important; } .sftl12-included > div > span { color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl12-included h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl12-included p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl12-included p strong { color: #0b3048 !important; } .sftl12-included > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #198754 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; } /* ========================================================= VIDEO ========================================================= */ .sftl12-video-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .sftl12-video-grid > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 11px !important; padding: 14px !important; border: 1px solid rgba(23,100,154,.14) !important; border-radius: 11px !important; background: #eef7fb !important; color: #173142 !important; text-decoration: none !important; } .sftl12-video-grid time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 60px !important; min-height: 40px !important; padding: 8px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl12-video-grid span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl12-video-grid strong { display: block !important; margin-top: 3px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl12-video-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } .sftl12-video-grid b { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= GUIDES ========================================================= */ .sftl12-guides { display: grid !important; grid-template-columns: minmax(0,.75fr) minmax(430px,1.25fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl12-guides > div:first-child > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl12-guides h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl12-guides p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl12-guides p strong { color: #0b3048 !important; } .sftl12-guide-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .sftl12-guide-links > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 9px !important; min-height: 74px !important; padding: 12px !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; } .sftl12-guide-links > a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl12-guide-links small { color: #526875 !important; font-size: 12px !important; font-weight: 800 !important; } .sftl12-guide-links strong { display: block !important; margin-top: 2px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl12-guide-links b { color: #0aa9a5 !important; font-size: 17px !important; } /* ========================================================= CTA ========================================================= */ .sftl12-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,.12) !important; } .sftl12-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl12-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl12-cta p { margin: 0 !important; color: rgba(255,255,255,.78) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl12-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl12-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl12-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl12-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl12-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl12-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl12-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl12 a { transition: transform .18s ease, box-shadow .18s ease !important; } .sftl12-price-actions a:hover, .sftl12-video-grid > a:hover, .sftl12-guide-links > a:hover, .sftl12-included > a:hover, .sftl12-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.07) !important; } .sftl12 a:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl12-when-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl12-cassonetto, .sftl12-wall { grid-template-columns: 1fr !important; } .sftl12-cta { display: block !important; } .sftl12-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl12 { padding: 50px 18px 64px !important; } .sftl12-top-grid, .sftl12-guides { grid-template-columns: 1fr !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl12-position-grid, .sftl12-video-grid { grid-template-columns: 1fr !important; } .sftl12-system-flow, .sftl12-roof-flow { grid-template-columns: 1fr !important; } .sftl12-system-flow > div, .sftl12-roof-flow > div { text-align: center !important; } .sftl12-poses-grid { grid-template-columns: 1fr !important; } .sftl12-poses-arrow { min-height: 30px !important; transform: rotate(90deg) !important; } .sftl12-guide-links { grid-template-columns: 1fr !important; } .sftl12-included { display: block !important; } .sftl12-included > a { width: 100% !important; margin-top: 13px !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl12 { padding: 42px 14px 55px !important; } .sftl12-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl12-answer { padding: 16px !important; } .sftl12-answer h3 { font-size: 17px !important; } .sftl12-answer p { font-size: 15px !important; } .sftl12-price-box, .sftl12-context, .sftl12-system, .sftl12-position, .sftl12-when, .sftl12-poses, .sftl12-cassonetto, .sftl12-wall, .sftl12-roof, .sftl12-video { padding: 16px 13px !important; } .sftl12-section-head h3, .sftl12-context h3, .sftl12-cassonetto-copy h3, .sftl12-wall-copy h3 { font-size: 18px !important; } .sftl12-section-head p, .sftl12-context p, .sftl12-cassonetto-copy p, .sftl12-wall-copy p { font-size: 15px !important; } .sftl12-position-card > p { font-size: 15px !important; } .sftl12-position-card ul { grid-template-columns: 1fr !important; } .sftl12-position-card li { font-size: 14px !important; } .sftl12-when-grid { grid-template-columns: 1fr !important; } .sftl12-when-grid strong { font-size: 15px !important; } .sftl12-when-grid p { font-size: 14px !important; } .sftl12-system-note, .sftl12-poses-result, .sftl12-roof-note { grid-template-columns: 1fr !important; } .sftl12-system-note p, .sftl12-poses-result p, .sftl12-roof-note p { font-size: 15px !important; } .sftl12-warning { grid-template-columns: 1fr !important; } .sftl12-warning h3 { font-size: 17px !important; } .sftl12-warning p { font-size: 15px !important; } .sftl12-video-grid strong { font-size: 15px !important; } .sftl12-video-grid p { font-size: 14px !important; } .sftl12-guides h3, .sftl12-cta h3 { font-size: 17px !important; } .sftl12-guides p, .sftl12-cta p { font-size: 15px !important; } .sftl12-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl12-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl12-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl12 { padding-left: 11px !important; padding-right: 11px !important; } .sftl12-title { font-size: 28px !important; } .sftl12-price-value { font-size: 35px !important; } .sftl12-price-actions { grid-template-columns: 1fr !important; } .sftl12-video-grid > a { grid-template-columns: 1fr !important; } .sftl12-video-grid time { justify-self: start !important; } .sftl12-video-grid b { justify-self: end !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl12 a { transition: none !important; } }#imCell_15 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_15 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_15 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_15 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl13, .sftl13 *, .sftl13 *::before, .sftl13 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl13 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(239,139,36,.09), transparent 27% ), radial-gradient( circle at 5% 56%, rgba(10,169,165,.08), transparent 24% ), linear-gradient( 145deg, #ffffff 0%, #f5fafc 50%, #fffaf5 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl13-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl13 h2, .sftl13 h3, .sftl13 h4, .sftl13 p, .sftl13 ul { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl13-header { width: 100% !important; max-width: 980px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl13-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(239,139,36,.23) !important; border-radius: 999px !important; background: #fff3e4 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl13-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl13-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } .sftl13-title span { display: block !important; margin-top: 8px !important; color: #d86e0a !important; font-size: .74em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl13-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,.055) !important; text-align: left !important; } .sftl13-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl13-answer strong { color: #0b3048 !important; } /* ========================================================= TOP GRID ========================================================= */ .sftl13-top-grid { display: grid !important; grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr) !important; gap: 14px !important; margin-bottom: 18px !important; } /* ========================================================= PRICE ========================================================= */ .sftl13-price-box { padding: 21px !important; border: 1px solid rgba(239,139,36,.22) !important; border-top: 5px solid #ef8b24 !important; border-radius: 15px !important; background: #fff3e4 !important; } .sftl13-price-label { display: block !important; color: #526875 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl13-price-value { display: block !important; margin-top: 6px !important; color: #d86e0a !important; font-size: clamp( 34px, 4vw, 48px ) !important; font-weight: 900 !important; line-height: 1.05 !important; } .sftl13-price-vat { display: inline-flex !important; margin-top: 8px !important; padding: 7px 10px !important; border-radius: 999px !important; background: #198754 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl13-price-type { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; margin-top: 13px !important; padding: 11px !important; border-radius: 10px !important; background: #ffffff !important; } .sftl13-price-type > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border-radius: 10px !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 17px !important; font-weight: 900 !important; } .sftl13-price-type strong { display: block !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; } .sftl13-price-type small { display: block !important; margin-top: 2px !important; color: #526875 !important; font-size: 13px !important; } /* ========================================================= PRICE ACTIONS ========================================================= */ .sftl13-price-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; margin-top: 14px !important; } .sftl13-price-actions a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; padding: 9px 10px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .sftl13-price-actions a:last-child { background: #17649a !important; } /* ========================================================= CONTEXT ========================================================= */ .sftl13-context { padding: 20px !important; border: 1px solid rgba(11,48,72,.11) !important; border-radius: 15px !important; background: #ffffff !important; } .sftl13-context > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl13-context h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-context p { margin: 0 0 9px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl13-context p:last-child { margin-bottom: 0 !important; } .sftl13-context strong { color: #0b3048 !important; } /* ========================================================= MONEY WARNING ========================================================= */ .sftl13-money-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,.23) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl13-money-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 17px !important; font-weight: 900 !important; } .sftl13-money-warning span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl13-money-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-money-warning p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl13-money-warning strong { color: #0b3048 !important; } /* ========================================================= COMMON SECTIONS ========================================================= */ .sftl13-system, .sftl13-build, .sftl13-geometry, .sftl13-when, .sftl13-cassonetto, .sftl13-prices, .sftl13-included, .sftl13-video { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl13-section-head { margin-bottom: 15px !important; } .sftl13-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl13-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= SYSTEM FLOW ========================================================= */ .sftl13-system-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: center !important; gap: 8px !important; } .sftl13-system-flow article { padding: 15px !important; border-radius: 11px !important; background: #eef7fb !important; text-align: center !important; } .sftl13-system-wall { background: #fff3e4 !important; } .sftl13-system-window { background: #eaf8f0 !important; } .sftl13-system-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl13-system-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl13-system-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 13px !important; } .sftl13-system-flow > div { color: #ef8b24 !important; font-size: 21px !important; font-weight: 900 !important; } .sftl13-system-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; margin-top: 12px !important; padding: 13px !important; border-radius: 10px !important; background: #dff8f6 !important; } .sftl13-system-note > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl13-system-note p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl13-system-note strong { color: #0b3048 !important; } /* ========================================================= BUILD GRID ========================================================= */ .sftl13-build-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl13-build-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #f6fafc !important; } .sftl13-build-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl13-build-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl13-build-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= GEOMETRY / WHEN ========================================================= */ .sftl13-geometry-grid, .sftl13-when-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl13-geometry-grid article, .sftl13-when-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(11,48,72,.09) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl13-geometry-grid article > span, .sftl13-when-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl13-geometry-grid strong, .sftl13-when-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-geometry-grid p, .sftl13-when-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= VIBRATION ========================================================= */ .sftl13-vibration { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(23,100,154,.18) !important; border-left: 5px solid #17649a !important; border-radius: 8px 14px 14px 8px !important; background: #eef7fb !important; } .sftl13-vibration-copy > span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl13-vibration h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-vibration p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl13-vibration strong { color: #0b3048 !important; } .sftl13-vibration > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; } /* ========================================================= CASSONETTO ========================================================= */ .sftl13-cassonetto { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 18px !important; } .sftl13-cassonetto > div > span { color: #ef8b24 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl13-cassonetto h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-cassonetto p { margin: 0 0 8px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl13-cassonetto p:last-child { margin-bottom: 0 !important; } .sftl13-cassonetto strong { color: #0b3048 !important; } .sftl13-cassonetto > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #fff3e4 !important; color: #d86e0a !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; } /* ========================================================= PRICES ========================================================= */ .sftl13-prices-grid { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 11px !important; } .sftl13-prices-grid article { padding: 17px !important; border: 1px solid rgba(11,48,72,.10) !important; border-radius: 12px !important; background: #f9fbfc !important; } .sftl13-prices-grid .sftl13-prices-active { border: 2px solid rgba(239,139,36,.30) !important; background: #fff3e4 !important; } .sftl13-prices-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl13-prices-grid article > strong { display: block !important; margin-top: 5px !important; color: #d86e0a !important; font-size: 24px !important; font-weight: 900 !important; } .sftl13-prices-grid small { display: block !important; margin-top: 3px !important; color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl13-prices-grid p { margin: 7px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } .sftl13-prices-plus { display: flex !important; align-items: center !important; justify-content: center !important; color: #d86e0a !important; font-size: 22px !important; font-weight: 900 !important; } .sftl13-prices-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; margin-top: 12px !important; padding: 13px !important; border-radius: 9px !important; background: #dff8f6 !important; } .sftl13-prices-note > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-weight: 900 !important; } .sftl13-prices-note p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl13-prices-note strong { color: #0b3048 !important; } /* ========================================================= INCLUDED ========================================================= */ .sftl13-included-grid { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 11px !important; } .sftl13-included-card, .sftl13-excluded-card { padding: 17px !important; border-radius: 12px !important; } .sftl13-included-card { border: 1px solid rgba(25,135,84,.18) !important; background: #eaf8f0 !important; } .sftl13-excluded-card { border: 1px solid rgba(239,139,36,.20) !important; background: #fff3e4 !important; } .sftl13-included-card > span { color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl13-excluded-card > span { color: #d86e0a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl13-included-card ul { display: grid !important; gap: 7px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .sftl13-included-card li { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 8px !important; align-items: center !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 800 !important; } .sftl13-included-card li b { display: flex !important; align-items: center !important; justify-content: center !important; width: 25px !important; height: 25px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 11px !important; } .sftl13-excluded-card > strong { display: block !important; margin-top: 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; } .sftl13-excluded-card p { margin: 6px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl13-included-card > a, .sftl13-excluded-card > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; margin-top: 13px !important; padding: 9px 12px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; } .sftl13-included-card > a { background: #198754 !important; color: #ffffff !important; } .sftl13-excluded-card > a { background: #ef8b24 !important; color: #172630 !important; } /* ========================================================= INDICATIVE ========================================================= */ .sftl13-indicative { margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,.18) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 14px 14px 8px !important; background: #dff8f6 !important; } .sftl13-indicative span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl13-indicative h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl13-indicative p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl13-indicative strong { color: #0b3048 !important; } /* ========================================================= VIDEO ========================================================= */ .sftl13-video-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .sftl13-video-grid > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 11px !important; padding: 14px !important; border: 1px solid rgba(23,100,154,.14) !important; border-radius: 11px !important; background: #eef7fb !important; color: #173142 !important; text-decoration: none !important; } .sftl13-video-grid time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 60px !important; min-height: 40px !important; padding: 8px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl13-video-grid span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl13-video-grid strong { display: block !important; margin-top: 3px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-video-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } .sftl13-video-grid b { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= GUIDES ========================================================= */ .sftl13-guides { display: grid !important; grid-template-columns: minmax(0,.75fr) minmax(430px,1.25fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl13-guides > div:first-child > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl13-guides h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-guides p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl13-guides p strong { color: #0b3048 !important; } .sftl13-guide-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .sftl13-guide-links > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 9px !important; min-height: 74px !important; padding: 12px !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; } .sftl13-guide-links > a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl13-guide-links small { color: #526875 !important; font-size: 12px !important; font-weight: 800 !important; } .sftl13-guide-links strong { display: block !important; margin-top: 2px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-guide-links b { color: #0aa9a5 !important; font-size: 17px !important; } /* ========================================================= CTA ========================================================= */ .sftl13-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,.12) !important; } .sftl13-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl13-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl13-cta p { margin: 0 !important; color: rgba(255,255,255,.78) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl13-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl13-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl13-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl13-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl13-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl13-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl13-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl13 a { transition: transform .18s ease, box-shadow .18s ease !important; } .sftl13-price-actions a:hover, .sftl13-vibration > a:hover, .sftl13-cassonetto > a:hover, .sftl13-included-card > a:hover, .sftl13-excluded-card > a:hover, .sftl13-video-grid > a:hover, .sftl13-guide-links > a:hover, .sftl13-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.07) !important; } .sftl13 a:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl13-geometry-grid, .sftl13-when-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl13-cta { display: block !important; } .sftl13-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl13 { padding: 50px 18px 64px !important; } .sftl13-top-grid, .sftl13-guides { grid-template-columns: 1fr !important; } .sftl13-build-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl13-system-flow, .sftl13-prices-grid, .sftl13-video-grid { grid-template-columns: 1fr !important; } .sftl13-system-flow > div, .sftl13-prices-plus { min-height: 30px !important; text-align: center !important; } .sftl13-included-grid { grid-template-columns: 1fr !important; } .sftl13-cassonetto { grid-template-columns: 1fr !important; } .sftl13-cassonetto > a { width: 100% !important; } .sftl13-vibration { display: block !important; } .sftl13-vibration > a { width: 100% !important; margin-top: 13px !important; } .sftl13-guide-links { grid-template-columns: 1fr !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl13 { padding: 42px 14px 55px !important; } .sftl13-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl13-answer { padding: 16px !important; } .sftl13-answer h3 { font-size: 17px !important; } .sftl13-answer p { font-size: 15px !important; } .sftl13-price-box, .sftl13-context, .sftl13-system, .sftl13-build, .sftl13-geometry, .sftl13-when, .sftl13-cassonetto, .sftl13-prices, .sftl13-included, .sftl13-video { padding: 16px 13px !important; } .sftl13-section-head h3, .sftl13-context h3 { font-size: 18px !important; } .sftl13-section-head p, .sftl13-context p { font-size: 15px !important; } .sftl13-money-warning { grid-template-columns: 1fr !important; } .sftl13-money-warning h3 { font-size: 18px !important; } .sftl13-money-warning p { font-size: 15px !important; } .sftl13-build-grid, .sftl13-geometry-grid, .sftl13-when-grid { grid-template-columns: 1fr !important; } .sftl13-build-grid p, .sftl13-geometry-grid p, .sftl13-when-grid p { font-size: 14px !important; } .sftl13-system-note, .sftl13-prices-note { grid-template-columns: 1fr !important; } .sftl13-system-note p, .sftl13-prices-note p { font-size: 15px !important; } .sftl13-vibration h3, .sftl13-cassonetto h3 { font-size: 17px !important; } .sftl13-vibration p, .sftl13-cassonetto p { font-size: 15px !important; } .sftl13-indicative h3 { font-size: 17px !important; } .sftl13-indicative p { font-size: 15px !important; } .sftl13-video-grid p { font-size: 14px !important; } .sftl13-guides h3, .sftl13-cta h3 { font-size: 17px !important; } .sftl13-guides p, .sftl13-cta p { font-size: 15px !important; } .sftl13-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl13-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl13-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl13 { padding-left: 11px !important; padding-right: 11px !important; } .sftl13-title { font-size: 28px !important; } .sftl13-price-value { font-size: 36px !important; } .sftl13-price-actions { grid-template-columns: 1fr !important; } .sftl13-video-grid > a { grid-template-columns: 1fr !important; } .sftl13-video-grid time { justify-self: start !important; } .sftl13-video-grid b { justify-self: end !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl13 a { transition: none !important; } }#imCell_16 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_16 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_16 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_16 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl14, .sftl14 *, .sftl14 *::before, .sftl14 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl14 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(10,169,165,.09), transparent 27% ), radial-gradient( circle at 6% 53%, rgba(239,139,36,.07), transparent 23% ), linear-gradient( 145deg, #f5fafc 0%, #ffffff 50%, #f8fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl14-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl14 h2, .sftl14 h3, .sftl14 h4, .sftl14 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl14-header { width: 100% !important; max-width: 1000px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl14-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(10,169,165,.22) !important; border-radius: 999px !important; background: #dff8f6 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl14-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl14-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; text-align: center !important; } /* ========================================================= ANSWER ========================================================= */ .sftl14-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,.055) !important; text-align: left !important; } .sftl14-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl14-answer strong { color: #0b3048 !important; } /* ========================================================= PRINCIPLE ========================================================= */ .sftl14-principle { display: grid !important; grid-template-columns: minmax(0,.86fr) minmax(480px,1.14fr) !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl14-principle-copy > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl14-principle-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-principle-copy p { margin: 0 0 9px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl14-principle-copy p:last-child { margin-bottom: 0 !important; } .sftl14-principle-copy strong { color: #0b3048 !important; } /* FLOW */ .sftl14-principle-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr) !important; align-items: center !important; gap: 7px !important; } .sftl14-principle-flow article { min-width: 0 !important; padding: 13px 10px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl14-principle-result { background: #eaf8f0 !important; } .sftl14-principle-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl14-principle-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl14-principle-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; line-height: 1.4 !important; } .sftl14-principle-flow > div { color: #ef8b24 !important; font-size: 20px !important; font-weight: 900 !important; } /* ========================================================= VIDEO OVERVIEW ========================================================= */ .sftl14-video-overview { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; margin-top: 18px !important; } .sftl14-video-overview > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 11px !important; padding: 14px !important; border: 1px solid rgba(23,100,154,.14) !important; border-radius: 12px !important; background: #eef7fb !important; color: #173142 !important; text-decoration: none !important; } .sftl14-video-overview time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 62px !important; min-height: 42px !important; padding: 8px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl14-video-overview span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl14-video-overview strong { display: block !important; margin-top: 3px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-video-overview b { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #dff8f6 !important; color: #0aa9a5 !important; font-size: 12px !important; } /* ========================================================= GROUP ========================================================= */ .sftl14-group { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl14-group-head { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; align-items: start !important; margin-bottom: 16px !important; } .sftl14-group-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; border-radius: 12px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 17px !important; font-weight: 900 !important; } .sftl14-group-head > div:last-child > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl14-group-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-group-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= ROOF CARDS ========================================================= */ .sftl14-roof-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } /* ========================================================= WINDOW CARDS ========================================================= */ .sftl14-window-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } .sftl14-roof-grid article, .sftl14-window-grid article { display: flex !important; flex-direction: column !important; min-width: 0 !important; padding: 17px !important; border: 1px solid rgba(23,100,154,.11) !important; border-radius: 12px !important; background: #f7fafc !important; } .sftl14-group-roof .sftl14-roof-grid article { border-top: 4px solid #17649a !important; } .sftl14-group-window .sftl14-window-grid article { border-top: 4px solid #0aa9a5 !important; } .sftl14-window-wall { border-top-color: #ef8b24 !important; background: #fffaf4 !important; } .sftl14-card-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 7px !important; } .sftl14-card-top > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl14-card-top > b { color: #d86e0a !important; font-size: 18px !important; font-weight: 900 !important; white-space: nowrap !important; } .sftl14-roof-grid h4, .sftl14-window-grid h4 { margin: 0 0 6px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-vat { display: inline-flex !important; align-items: center !important; width: fit-content !important; margin-bottom: 9px !important; padding: 5px 8px !important; border-radius: 999px !important; background: #eaf8f0 !important; color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl14-roof-grid p, .sftl14-window-grid p { margin: 0 0 11px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; flex-grow: 1 !important; } .sftl14-roof-grid a, .sftl14-window-grid a { display: inline-flex !important; align-items: center !important; margin-top: auto !important; color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } .sftl14-not-window { display: block !important; margin: -2px 0 10px !important; padding: 8px 9px !important; border-radius: 8px !important; background: #fff3e4 !important; color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.4 !important; } /* ========================================================= COMMON SECTION HEAD ========================================================= */ .sftl14-cases, .sftl14-check { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl14-section-head { margin-bottom: 15px !important; } .sftl14-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl14-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= CASES ========================================================= */ .sftl14-cases-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .sftl14-cases-grid article { padding: 17px !important; border: 1px solid rgba(11,48,72,.10) !important; border-radius: 12px !important; background: #f9fbfc !important; } .sftl14-cases-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl14-cases-grid h4 { margin: 5px 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-cases-grid p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl14-cases-grid article > div { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin-top: 11px !important; } .sftl14-cases-grid a { display: inline-flex !important; align-items: center !important; min-height: 39px !important; padding: 8px 10px !important; border-radius: 8px !important; background: #eef7fb !important; color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; } /* ========================================================= WARNING ========================================================= */ .sftl14-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,.22) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl14-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } .sftl14-warning span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl14-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-warning p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl14-warning strong { color: #0b3048 !important; } /* ========================================================= CHECKLIST ========================================================= */ .sftl14-check-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl14-check-grid article { padding: 15px !important; border: 1px solid rgba(10,169,165,.11) !important; border-radius: 11px !important; background: #f7fcfc !important; } .sftl14-check-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl14-check-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl14-check-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= GUIDES ========================================================= */ .sftl14-guides { display: grid !important; grid-template-columns: minmax(0,.75fr) minmax(430px,1.25fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl14-guides > div:first-child > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl14-guides h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-guides p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl14-guides p strong { color: #0b3048 !important; } .sftl14-guide-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .sftl14-guide-links > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 9px !important; min-height: 74px !important; padding: 12px !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; } .sftl14-guide-links > a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl14-guide-links small { color: #526875 !important; font-size: 12px !important; font-weight: 800 !important; } .sftl14-guide-links strong { display: block !important; margin-top: 2px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-guide-links b { color: #0aa9a5 !important; font-size: 17px !important; } /* ========================================================= CTA ========================================================= */ .sftl14-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,.12) !important; } .sftl14-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl14-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl14-cta p { margin: 0 !important; color: rgba(255,255,255,.78) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl14-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl14-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl14-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl14-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl14-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl14-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl14-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl14 a { transition: transform .18s ease, box-shadow .18s ease !important; } .sftl14-video-overview > a:hover, .sftl14-guide-links > a:hover, .sftl14-cta-actions a:hover, .sftl14-cases-grid a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.07) !important; } .sftl14 a:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl14-principle { grid-template-columns: 1fr !important; } .sftl14-window-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl14-cta { display: block !important; } .sftl14-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl14 { padding: 50px 18px 64px !important; } .sftl14-roof-grid { grid-template-columns: 1fr !important; } .sftl14-guides { grid-template-columns: 1fr !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl14-video-overview, .sftl14-window-grid, .sftl14-cases-grid { grid-template-columns: 1fr !important; } .sftl14-principle-flow { grid-template-columns: 1fr !important; } .sftl14-principle-flow > div { text-align: center !important; } .sftl14-check-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl14-guide-links { grid-template-columns: 1fr !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl14 { padding: 42px 14px 55px !important; } .sftl14-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl14-answer { padding: 16px !important; } .sftl14-answer h3 { font-size: 17px !important; } .sftl14-answer p { font-size: 15px !important; } .sftl14-principle, .sftl14-group, .sftl14-cases, .sftl14-check { padding: 16px 13px !important; } .sftl14-principle-copy h3, .sftl14-group-head h3, .sftl14-section-head h3 { font-size: 18px !important; } .sftl14-principle-copy p, .sftl14-group-head p, .sftl14-section-head p { font-size: 15px !important; } .sftl14-group-head { grid-template-columns: 1fr !important; } .sftl14-roof-grid h4, .sftl14-window-grid h4, .sftl14-cases-grid h4 { font-size: 17px !important; } .sftl14-roof-grid p, .sftl14-window-grid p { font-size: 14px !important; } .sftl14-cases-grid p { font-size: 15px !important; } .sftl14-warning { grid-template-columns: 1fr !important; } .sftl14-warning h3 { font-size: 17px !important; } .sftl14-warning p { font-size: 15px !important; } .sftl14-check-grid { grid-template-columns: 1fr !important; } .sftl14-check-grid p { font-size: 14px !important; } .sftl14-guides h3, .sftl14-cta h3 { font-size: 17px !important; } .sftl14-guides p, .sftl14-cta p { font-size: 15px !important; } .sftl14-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl14-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl14-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl14 { padding-left: 11px !important; padding-right: 11px !important; } .sftl14-title { font-size: 28px !important; } .sftl14-video-overview > a { grid-template-columns: 1fr !important; } .sftl14-video-overview time { justify-self: start !important; } .sftl14-video-overview b { justify-self: end !important; } .sftl14-card-top { align-items: flex-start !important; flex-direction: column !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl14 a { transition: none !important; } }#imCell_17 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_17 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_17 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_17 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl15, .sftl15 *, .sftl15 *::before, .sftl15 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl15 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(25,135,84,.08), transparent 27% ), radial-gradient( circle at 5% 55%, rgba(10,169,165,.08), transparent 24% ), linear-gradient( 145deg, #ffffff 0%, #f6fbfa 51%, #f5fafc 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl15-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl15 h2, .sftl15 h3, .sftl15 h4, .sftl15 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl15-header { width: 100% !important; max-width: 1000px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl15-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(25,135,84,.20) !important; border-radius: 999px !important; background: #eaf8f0 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl15-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl15-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } /* ========================================================= ANSWER FIRST ========================================================= */ .sftl15-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(25,135,84,.20) !important; border-left: 5px solid #198754 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,.055) !important; text-align: left !important; } .sftl15-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl15-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl15-answer strong { color: #0b3048 !important; } /* ========================================================= COMMON SECTIONS ========================================================= */ .sftl15-inclusions, .sftl15-summary, .sftl15-configurations { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl15-section-head { margin-bottom: 15px !important; } .sftl15-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl15-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl15-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= INCLUSIONS ========================================================= */ .sftl15-inclusions-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl15-inclusions-grid article { min-width: 0 !important; padding: 16px !important; border: 1px solid rgba(25,135,84,.11) !important; border-radius: 11px !important; background: #f7fcf9 !important; } .sftl15-inclusion-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 39px !important; height: 39px !important; margin-bottom: 9px !important; border-radius: 10px !important; background: #198754 !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } .sftl15-inclusions-grid article > span { color: #198754 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl15-inclusions-grid h4 { margin: 4px 0 6px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl15-inclusions-grid p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl15-inclusions-grid strong { color: #0b3048 !important; } /* ========================================================= SUMMARY ========================================================= */ .sftl15-summary { display: grid !important; grid-template-columns: minmax(0,.86fr) minmax(480px,1.14fr) !important; align-items: center !important; gap: 20px !important; } .sftl15-summary-copy > span { color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl15-summary-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl15-summary-copy p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } /* FLOW */ .sftl15-summary-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr) !important; align-items: center !important; gap: 6px !important; } .sftl15-summary-flow article { min-width: 0 !important; padding: 13px 8px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl15-summary-flow .sftl15-summary-result { background: #eaf8f0 !important; } .sftl15-summary-flow article > span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; } .sftl15-summary-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl15-summary-flow > div { color: #ef8b24 !important; font-size: 19px !important; font-weight: 900 !important; } /* ========================================================= VIDEO CALLOUT ========================================================= */ .sftl15-video-callout { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(23,100,154,.18) !important; border-radius: 14px !important; background: #eef7fb !important; } .sftl15-video-callout span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl15-video-callout h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl15-video-callout p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl15-video-callout > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 48px !important; padding: 11px 16px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; } /* ========================================================= EXCLUSION ========================================================= */ .sftl15-exclusion { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 14px !important; margin-top: 18px !important; padding: 19px !important; border: 1px solid rgba(239,139,36,.22) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 15px 15px 8px !important; background: #fff3e4 !important; } .sftl15-exclusion-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; } .sftl15-exclusion-copy > span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl15-exclusion h3 { margin: 3px 0 6px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl15-exclusion p { margin: 0 0 7px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl15-exclusion p:last-child { margin-bottom: 0 !important; } .sftl15-exclusion strong { color: #0b3048 !important; } .sftl15-exclusion-video { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #ef8b24 !important; color: #172630 !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } /* ========================================================= CONFIGURATIONS ========================================================= */ .sftl15-config-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl15-config-grid article { display: flex !important; flex-direction: column !important; min-width: 0 !important; padding: 16px !important; border: 1px solid rgba(23,100,154,.10) !important; border-top: 4px solid #17649a !important; border-radius: 11px !important; background: #f7fafc !important; } .sftl15-config-grid .sftl15-config-wall { border-top-color: #ef8b24 !important; background: #fffaf4 !important; } .sftl15-config-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl15-config-grid h4 { margin: 5px 0 7px !important; color: #d86e0a !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.3 !important; } .sftl15-config-grid p { margin: 0 0 10px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; flex-grow: 1 !important; } .sftl15-config-grid strong { color: #0b3048 !important; } .sftl15-config-grid a { display: inline-flex !important; margin-top: auto !important; color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= WARNING ========================================================= */ .sftl15-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,.20) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl15-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } .sftl15-warning span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl15-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl15-warning p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl15-warning strong { color: #0b3048 !important; } /* ========================================================= NO SUM ========================================================= */ .sftl15-nosum { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(10,169,165,.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl15-nosum > div > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl15-nosum h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl15-nosum p { margin: 0 0 7px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl15-nosum p:last-child { margin-bottom: 0 !important; } .sftl15-nosum strong { color: #0b3048 !important; } .sftl15-nosum > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 48px !important; max-width: 260px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= GUIDE ========================================================= */ .sftl15-guide { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(23,100,154,.16) !important; border-radius: 14px !important; background: #eef7fb !important; } .sftl15-guide > div > span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl15-guide h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl15-guide p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl15-guide strong { color: #0b3048 !important; } .sftl15-guide > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= CTA ========================================================= */ .sftl15-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,.12) !important; } .sftl15-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl15-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl15-cta p { margin: 0 !important; color: rgba(255,255,255,.78) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl15-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl15-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl15-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl15-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl15-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl15-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl15-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl15 a { transition: transform .18s ease, box-shadow .18s ease !important; } .sftl15-video-callout > a:hover, .sftl15-exclusion-video:hover, .sftl15-nosum > a:hover, .sftl15-guide > a:hover, .sftl15-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.07) !important; } .sftl15 a:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl15-inclusions-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl15-summary { grid-template-columns: 1fr !important; } .sftl15-cta { display: block !important; } .sftl15-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl15 { padding: 50px 18px 64px !important; } .sftl15-config-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl15-guide { grid-template-columns: 1fr !important; } .sftl15-guide > a { width: 100% !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl15-summary-flow { grid-template-columns: 1fr !important; } .sftl15-summary-flow > div { text-align: center !important; } .sftl15-video-callout, .sftl15-nosum { display: block !important; } .sftl15-video-callout > a, .sftl15-nosum > a { width: 100% !important; max-width: none !important; margin-top: 13px !important; } .sftl15-exclusion { grid-template-columns: 1fr !important; } .sftl15-exclusion-video { width: 100% !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl15 { padding: 42px 14px 55px !important; } .sftl15-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl15-answer { padding: 16px !important; } .sftl15-answer h3 { font-size: 17px !important; } .sftl15-answer p { font-size: 15px !important; } .sftl15-inclusions, .sftl15-summary, .sftl15-configurations { padding: 16px 13px !important; } .sftl15-section-head h3, .sftl15-summary-copy h3 { font-size: 18px !important; } .sftl15-section-head p, .sftl15-summary-copy p { font-size: 15px !important; } .sftl15-inclusions-grid, .sftl15-config-grid { grid-template-columns: 1fr !important; } .sftl15-inclusions-grid h4 { font-size: 17px !important; } .sftl15-inclusions-grid p, .sftl15-config-grid p { font-size: 14px !important; } .sftl15-video-callout h3, .sftl15-exclusion h3, .sftl15-warning h3, .sftl15-nosum h3, .sftl15-guide h3 { font-size: 17px !important; } .sftl15-video-callout p, .sftl15-exclusion p, .sftl15-warning p, .sftl15-nosum p, .sftl15-guide p { font-size: 15px !important; } .sftl15-warning { grid-template-columns: 1fr !important; } .sftl15-cta h3 { font-size: 17px !important; } .sftl15-cta p { font-size: 15px !important; } .sftl15-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl15-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl15-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl15 { padding-left: 11px !important; padding-right: 11px !important; } .sftl15-title { font-size: 28px !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl15 a { transition: none !important; } }#imCell_18 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_18 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_18 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_18 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl16, .sftl16 *, .sftl16 *::before, .sftl16 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl16 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 94% 8%, rgba(239,139,36,.09), transparent 27% ), radial-gradient( circle at 4% 58%, rgba(10,169,165,.08), transparent 25% ), linear-gradient( 145deg, #f5fafc 0%, #ffffff 50%, #fffaf4 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl16-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl16 h2, .sftl16 h3, .sftl16 h4, .sftl16 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl16-header { width: 100% !important; max-width: 1000px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl16-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(239,139,36,.23) !important; border-radius: 999px !important; background: #fff3e4 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl16-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl16-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } /* ========================================================= ANSWER ========================================================= */ .sftl16-answer { width: 100% !important; max-width: 930px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,.055) !important; text-align: left !important; } .sftl16-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl16-answer strong { color: #0b3048 !important; } /* ========================================================= COMMON ========================================================= */ .sftl16-definition, .sftl16-equation, .sftl16-factors, .sftl16-examples, .sftl16-process { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl16-section-head { margin-bottom: 15px !important; } .sftl16-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl16-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= DEFINITION ========================================================= */ .sftl16-definition-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 11px !important; } .sftl16-definition-grid article { padding: 18px !important; border-radius: 12px !important; } .sftl16-definition-real { border: 1px solid rgba(25,135,84,.17) !important; border-top: 4px solid #198754 !important; background: #eaf8f0 !important; } .sftl16-definition-indicative { border: 1px solid rgba(239,139,36,.20) !important; border-top: 4px solid #ef8b24 !important; background: #fff3e4 !important; } .sftl16-definition-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; margin-bottom: 9px !important; border-radius: 11px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 17px !important; font-weight: 900 !important; } .sftl16-definition-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl16-definition-grid h4 { margin: 5px 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-definition-grid p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= EQUATION ========================================================= */ .sftl16-equation { display: grid !important; grid-template-columns: minmax(0,.82fr) minmax(500px,1.18fr) !important; align-items: center !important; gap: 20px !important; } .sftl16-equation-copy > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl16-equation-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-equation-copy p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl16-equation-copy strong { color: #0b3048 !important; } .sftl16-equation-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr) !important; align-items: center !important; gap: 7px !important; } .sftl16-equation-flow article { padding: 13px 9px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl16-equation-result { background: #eaf8f0 !important; } .sftl16-equation-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl16-equation-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl16-equation-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; line-height: 1.4 !important; } .sftl16-equation-flow > div { color: #ef8b24 !important; font-size: 20px !important; font-weight: 900 !important; } /* ========================================================= FACTORS ========================================================= */ .sftl16-factors-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl16-factors-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #f7fafc !important; } .sftl16-factor-noise { border-color: rgba(239,139,36,.19) !important; background: #fffaf4 !important; } .sftl16-factors-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl16-factor-noise > span { background: #ef8b24 !important; } .sftl16-factors-grid h4 { margin: 0 0 5px !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-factors-grid p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } /* ========================================================= NOISE ========================================================= */ .sftl16-noise { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(23,100,154,.18) !important; border-left: 5px solid #17649a !important; border-radius: 8px 14px 14px 8px !important; background: #eef7fb !important; } .sftl16-noise-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border-radius: 10px !important; background: #17649a !important; color: #ffffff !important; font-size: 19px !important; font-weight: 900 !important; } .sftl16-noise span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl16-noise h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-noise p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl16-noise strong { color: #0b3048 !important; } /* ========================================================= EXAMPLES ========================================================= */ .sftl16-examples-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } .sftl16-examples-grid article { padding: 17px !important; border: 1px solid rgba(11,48,72,.10) !important; border-radius: 12px !important; background: #f9fbfc !important; } .sftl16-example-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 37px !important; height: 37px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl16-examples-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl16-examples-grid h4 { margin: 5px 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-examples-grid p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl16-example-prices { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 7px !important; margin-top: 11px !important; padding: 9px 10px !important; border-radius: 9px !important; background: #fff3e4 !important; } .sftl16-example-prices strong { color: #d86e0a !important; font-size: 14px !important; font-weight: 900 !important; } .sftl16-example-prices b { color: #526875 !important; font-size: 14px !important; } /* ========================================================= NOT LIST ========================================================= */ .sftl16-not-list { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 13px !important; margin-top: 18px !important; padding: 19px !important; border: 1px solid rgba(239,139,36,.22) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 15px 15px 8px !important; background: #fff3e4 !important; } .sftl16-not-list-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; } .sftl16-not-list span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl16-not-list h3 { margin: 3px 0 6px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-not-list p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl16-not-list strong { color: #0b3048 !important; } /* ========================================================= PROCESS ========================================================= */ .sftl16-process-grid { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 8px !important; } .sftl16-process-grid article { padding: 15px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #eef7fb !important; } .sftl16-process-final { background: #eaf8f0 !important; } .sftl16-process-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl16-process-final > div { background: #198754 !important; } .sftl16-process-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-process-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } .sftl16-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #ef8b24 !important; font-size: 21px !important; font-weight: 900 !important; } /* ========================================================= INCLUDED LINK ========================================================= */ .sftl16-included-link { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(25,135,84,.18) !important; border-radius: 14px !important; background: #eaf8f0 !important; } .sftl16-included-link span { color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl16-included-link h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-included-link p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl16-included-link strong { color: #0b3048 !important; } .sftl16-included-link > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #198754 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= GUIDE ========================================================= */ .sftl16-guide { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(23,100,154,.16) !important; border-radius: 14px !important; background: #eef7fb !important; } .sftl16-guide > div > span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl16-guide h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-guide p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl16-guide strong { color: #0b3048 !important; } .sftl16-guide > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 48px !important; max-width: 270px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= CTA ========================================================= */ .sftl16-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,.12) !important; } .sftl16-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl16-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl16-cta p { margin: 0 !important; color: rgba(255,255,255,.78) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl16-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl16-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl16-cta-price { background: #ef8b24 !important; color: #172630 !important; } .sftl16-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl16-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl16-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl16-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl16 a { transition: transform .18s ease, box-shadow .18s ease !important; } .sftl16-included-link > a:hover, .sftl16-guide > a:hover, .sftl16-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.07) !important; } .sftl16 a:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1080 PX ========================================================= */ @media (max-width: 1080px) { .sftl16-factors-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl16-equation { grid-template-columns: 1fr !important; } .sftl16-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl16-process-arrow { display: none !important; } .sftl16-cta { display: block !important; } .sftl16-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl16 { padding: 50px 18px 64px !important; } .sftl16-examples-grid { grid-template-columns: 1fr !important; } .sftl16-guide { grid-template-columns: 1fr !important; } .sftl16-guide > a { width: 100% !important; max-width: none !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl16-definition-grid { grid-template-columns: 1fr !important; } .sftl16-equation-flow { grid-template-columns: 1fr !important; } .sftl16-equation-flow > div { text-align: center !important; } .sftl16-included-link { display: block !important; } .sftl16-included-link > a { width: 100% !important; margin-top: 13px !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl16 { padding: 42px 14px 55px !important; } .sftl16-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl16-answer { padding: 16px !important; } .sftl16-answer h3 { font-size: 17px !important; } .sftl16-answer p { font-size: 15px !important; } .sftl16-definition, .sftl16-equation, .sftl16-factors, .sftl16-examples, .sftl16-process { padding: 16px 13px !important; } .sftl16-section-head h3, .sftl16-equation-copy h3 { font-size: 18px !important; } .sftl16-section-head p, .sftl16-equation-copy p { font-size: 15px !important; } .sftl16-definition-grid h4 { font-size: 17px !important; } .sftl16-definition-grid p { font-size: 15px !important; } .sftl16-factors-grid { grid-template-columns: 1fr !important; } .sftl16-factors-grid h4 { font-size: 16px !important; } .sftl16-factors-grid p { font-size: 14px !important; } .sftl16-noise, .sftl16-not-list { grid-template-columns: 1fr !important; } .sftl16-noise h3, .sftl16-not-list h3 { font-size: 17px !important; } .sftl16-noise p, .sftl16-not-list p { font-size: 15px !important; } .sftl16-examples-grid h4 { font-size: 17px !important; } .sftl16-examples-grid p { font-size: 14px !important; } .sftl16-process-grid { grid-template-columns: 1fr !important; } .sftl16-process-grid p { font-size: 14px !important; } .sftl16-included-link h3, .sftl16-guide h3, .sftl16-cta h3 { font-size: 17px !important; } .sftl16-included-link p, .sftl16-guide p, .sftl16-cta p { font-size: 15px !important; } .sftl16-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl16-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl16-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl16 { padding-left: 11px !important; padding-right: 11px !important; } .sftl16-title { font-size: 28px !important; } .sftl16-example-prices { align-items: flex-start !important; flex-direction: column !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl16 a { transition: none !important; } }#imCell_19 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_19 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_19 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_19 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl17, .sftl17 *, .sftl17 *::before, .sftl17 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl17 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 94% 8%, rgba(23,100,154,.09), transparent 27% ), radial-gradient( circle at 5% 58%, rgba(10,169,165,.08), transparent 25% ), linear-gradient( 145deg, #ffffff 0%, #f5fafc 52%, #f7fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl17-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl17 h2, .sftl17 h3, .sftl17 h4, .sftl17 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl17-header { width: 100% !important; max-width: 1000px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl17-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(23,100,154,.20) !important; border-radius: 999px !important; background: #eef7fb !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl17-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; border-radius: 50% !important; background: #17649a !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl17-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } .sftl17-title span { display: block !important; margin-top: 8px !important; color: #d86e0a !important; font-size: .74em !important; line-height: 1.18 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl17-answer { width: 100% !important; max-width: 940px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,.055) !important; text-align: left !important; } .sftl17-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-answer > p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl17-answer strong { color: #0b3048 !important; } .sftl17-answer .sftl17-answer-deduction { margin-top: 13px !important; padding: 12px 13px !important; border-radius: 9px !important; background: #eaf8f0 !important; color: #115d39 !important; font-size: 15px !important; line-height: 1.55 !important; } /* ========================================================= TOP GRID ========================================================= */ .sftl17-top-grid { display: grid !important; grid-template-columns: minmax(330px,.73fr) minmax(0,1.27fr) !important; gap: 14px !important; margin-bottom: 18px !important; } /* ========================================================= PRICE ========================================================= */ .sftl17-price { padding: 21px !important; border: 1px solid rgba(239,139,36,.22) !important; border-top: 5px solid #ef8b24 !important; border-radius: 15px !important; background: #fff3e4 !important; } .sftl17-price-kicker { display: block !important; color: #526875 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl17-price-main { display: block !important; margin-top: 6px !important; color: #d86e0a !important; font-size: clamp( 36px, 4.3vw, 50px ) !important; font-weight: 900 !important; line-height: 1.04 !important; } .sftl17-price-vat { display: inline-flex !important; margin-top: 9px !important; padding: 7px 10px !important; border-radius: 999px !important; background: #198754 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl17-price-base { margin-top: 9px !important; color: #526875 !important; font-size: 15px !important; font-weight: 800 !important; } /* CREDIT */ .sftl17-price-credit { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; align-items: start !important; margin-top: 14px !important; padding: 12px !important; border-radius: 10px !important; background: #ffffff !important; } .sftl17-price-credit > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; } .sftl17-price-credit strong { display: block !important; color: #115d39 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-price-credit p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl17-price-video { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; margin-top: 14px !important; padding: 10px 13px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= WHY ========================================================= */ .sftl17-why { padding: 20px !important; border: 1px solid rgba(11,48,72,.11) !important; border-radius: 15px !important; background: #ffffff !important; } .sftl17-why > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl17-why h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-why p { margin: 0 0 9px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl17-why p:last-child { margin-bottom: 0 !important; } .sftl17-why strong { color: #0b3048 !important; } /* ========================================================= DEDUCTION ========================================================= */ .sftl17-deduction { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; align-items: center !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(25,135,84,.20) !important; border-left: 5px solid #198754 !important; border-radius: 8px 14px 14px 8px !important; background: #eaf8f0 !important; } .sftl17-deduction-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 17px !important; font-weight: 900 !important; } .sftl17-deduction span { color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl17-deduction h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-deduction p { margin: 0 !important; color: #173142 !important; font-size: 15px !important; line-height: 1.58 !important; } /* ========================================================= COMMON SECTIONS ========================================================= */ .sftl17-checks, .sftl17-paths, .sftl17-process, .sftl17-avoid, .sftl17-difference { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl17-section-head { margin-bottom: 15px !important; } .sftl17-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl17-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= CHECKS ========================================================= */ .sftl17-checks-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl17-checks-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #f7fafc !important; } .sftl17-check-roof { border-color: rgba(239,139,36,.18) !important; background: #fffaf4 !important; } .sftl17-checks-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl17-check-roof > span { background: #ef8b24 !important; } .sftl17-checks-grid h4 { margin: 0 0 5px !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-checks-grid p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } /* ========================================================= PATHS ========================================================= */ .sftl17-paths { display: grid !important; grid-template-columns: minmax(0,.72fr) minmax(540px,1.28fr) !important; align-items: center !important; gap: 20px !important; } .sftl17-paths-copy > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl17-paths-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-paths-copy p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl17-paths-copy strong { color: #0b3048 !important; } .sftl17-paths-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.2fr) !important; align-items: center !important; gap: 6px !important; } .sftl17-paths-flow article { padding: 13px 8px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl17-path-result { background: #eaf8f0 !important; } .sftl17-paths-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl17-paths-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl17-paths-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; line-height: 1.4 !important; } .sftl17-paths-flow > div { color: #ef8b24 !important; font-size: 19px !important; font-weight: 900 !important; } /* ========================================================= GENERATOR ========================================================= */ .sftl17-generator { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(23,100,154,.18) !important; border-left: 5px solid #17649a !important; border-radius: 8px 14px 14px 8px !important; background: #eef7fb !important; } .sftl17-generator-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border-radius: 10px !important; background: #17649a !important; color: #ffffff !important; font-size: 19px !important; font-weight: 900 !important; } .sftl17-generator span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl17-generator h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-generator p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl17-generator strong { color: #0b3048 !important; } /* ========================================================= PROCESS ========================================================= */ .sftl17-process-grid { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 8px !important; } .sftl17-process-grid article { padding: 15px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #eef7fb !important; } .sftl17-process-final { background: #eaf8f0 !important; } .sftl17-process-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl17-process-final > div { background: #198754 !important; } .sftl17-process-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-process-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } .sftl17-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #ef8b24 !important; font-size: 21px !important; font-weight: 900 !important; } /* ========================================================= AVOID ========================================================= */ .sftl17-avoid-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl17-avoid-grid article { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 9px !important; align-items: center !important; padding: 14px !important; border: 1px solid rgba(239,139,36,.14) !important; border-radius: 10px !important; background: #fffaf4 !important; } .sftl17-avoid-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; border-radius: 50% !important; background: #fff3e4 !important; color: #d86e0a !important; font-size: 17px !important; font-weight: 900 !important; } .sftl17-avoid-grid strong { color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.42 !important; } .sftl17-avoid-result { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; align-items: center !important; margin-top: 12px !important; padding: 12px 13px !important; border-radius: 9px !important; background: #eaf8f0 !important; } .sftl17-avoid-result > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl17-avoid-result p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl17-avoid-result strong { color: #0b3048 !important; } /* ========================================================= DIFFERENCE ========================================================= */ .sftl17-difference-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } .sftl17-difference-grid article { padding: 17px !important; border: 1px solid rgba(11,48,72,.10) !important; border-radius: 12px !important; background: #f9fbfc !important; } .sftl17-difference-grid .sftl17-difference-active { border: 2px solid rgba(10,169,165,.24) !important; background: #f4fcfb !important; } .sftl17-difference-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl17-difference-grid h4 { margin: 5px 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-difference-grid p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl17-difference-grid .sftl17-difference-credit { margin-top: 10px !important; padding: 9px !important; border-radius: 8px !important; background: #eaf8f0 !important; color: #115d39 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.48 !important; } /* ========================================================= VIDEO ========================================================= */ .sftl17-video { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(23,100,154,.18) !important; border-radius: 14px !important; background: #eef7fb !important; } .sftl17-video > div > span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl17-video h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-video p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl17-video strong { color: #0b3048 !important; } .sftl17-video > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; max-width: 300px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= PRICES BRIDGE ========================================================= */ .sftl17-prices { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(239,139,36,.18) !important; border-radius: 14px !important; background: #fff3e4 !important; } .sftl17-prices > div:first-child > span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl17-prices h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-prices p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl17-prices strong { color: #0b3048 !important; } .sftl17-prices-links { display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; min-width: 220px !important; } .sftl17-prices-links a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 43px !important; padding: 9px 12px !important; border-radius: 8px !important; background: #ffffff !important; color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= GUIDE ========================================================= */ .sftl17-guide { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(10,169,165,.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl17-guide > div > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl17-guide h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-guide p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl17-guide > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 48px !important; max-width: 260px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= CTA ========================================================= */ .sftl17-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,.12) !important; } .sftl17-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl17-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl17-cta p { margin: 0 !important; color: rgba(255,255,255,.80) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl17-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl17-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl17-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl17-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl17-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl17-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl17-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl17 a { transition: transform .18s ease, box-shadow .18s ease !important; } .sftl17-price-video:hover, .sftl17-video > a:hover, .sftl17-prices-links a:hover, .sftl17-guide > a:hover, .sftl17-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.07) !important; } .sftl17 a:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1100 PX ========================================================= */ @media (max-width: 1100px) { .sftl17-checks-grid, .sftl17-avoid-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl17-paths { grid-template-columns: 1fr !important; } .sftl17-cta { display: block !important; } .sftl17-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl17 { padding: 50px 18px 64px !important; } .sftl17-top-grid { grid-template-columns: 1fr !important; } .sftl17-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl17-process-arrow { display: none !important; } .sftl17-difference-grid { grid-template-columns: 1fr !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl17-paths-flow { grid-template-columns: 1fr !important; } .sftl17-paths-flow > div { text-align: center !important; } .sftl17-video, .sftl17-prices, .sftl17-guide { grid-template-columns: 1fr !important; } .sftl17-video > a, .sftl17-guide > a { width: 100% !important; max-width: none !important; } .sftl17-prices-links { min-width: 0 !important; width: 100% !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl17 { padding: 42px 14px 55px !important; } .sftl17-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl17-answer { padding: 16px !important; } .sftl17-answer h3 { font-size: 17px !important; } .sftl17-answer > p { font-size: 15px !important; } .sftl17-price, .sftl17-why, .sftl17-checks, .sftl17-paths, .sftl17-process, .sftl17-avoid, .sftl17-difference { padding: 16px 13px !important; } .sftl17-why h3, .sftl17-section-head h3, .sftl17-paths-copy h3 { font-size: 18px !important; } .sftl17-why p, .sftl17-section-head p, .sftl17-paths-copy p { font-size: 15px !important; } .sftl17-deduction, .sftl17-generator { grid-template-columns: 1fr !important; } .sftl17-deduction h3, .sftl17-generator h3 { font-size: 17px !important; } .sftl17-deduction p, .sftl17-generator p { font-size: 15px !important; } .sftl17-checks-grid, .sftl17-avoid-grid { grid-template-columns: 1fr !important; } .sftl17-checks-grid h4 { font-size: 16px !important; } .sftl17-checks-grid p { font-size: 14px !important; } .sftl17-process-grid { grid-template-columns: 1fr !important; } .sftl17-process-grid strong { font-size: 15px !important; } .sftl17-process-grid p { font-size: 14px !important; } .sftl17-avoid-result { grid-template-columns: 1fr !important; } .sftl17-difference-grid h4 { font-size: 17px !important; } .sftl17-difference-grid p { font-size: 14px !important; } .sftl17-video h3, .sftl17-prices h3, .sftl17-guide h3, .sftl17-cta h3 { font-size: 17px !important; } .sftl17-video p, .sftl17-prices p, .sftl17-guide p, .sftl17-cta p { font-size: 15px !important; } .sftl17-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl17-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl17-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl17 { padding-left: 11px !important; padding-right: 11px !important; } .sftl17-title { font-size: 28px !important; } .sftl17-price-main { font-size: 38px !important; } .sftl17-price-credit { grid-template-columns: 1fr !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl17 a { transition: none !important; } }#imCell_20 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_20 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_20 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_20 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl18, .sftl18 *, .sftl18 *::before, .sftl18 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl18 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 7%, rgba(25,135,84,.09), transparent 27% ), radial-gradient( circle at 5% 55%, rgba(10,169,165,.08), transparent 24% ), linear-gradient( 145deg, #ffffff 0%, #f5fafc 50%, #f5fbf7 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl18-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl18 h2, .sftl18 h3, .sftl18 h4, .sftl18 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl18-header { width: 100% !important; max-width: 1000px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl18-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(25,135,84,.20) !important; border-radius: 999px !important; background: #eaf8f0 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl18-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl18-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } .sftl18-title > span { display: block !important; margin-top: 8px !important; color: #198754 !important; font-size: .65em !important; line-height: 1.22 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl18-answer { width: 100% !important; max-width: 940px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,.055) !important; text-align: left !important; } .sftl18-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl18-answer strong { color: #0b3048 !important; } /* ========================================================= MAIN ========================================================= */ .sftl18-main { display: grid !important; grid-template-columns: minmax(0,.9fr) minmax(400px,1.1fr) !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl18-main-copy > span { color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl18-main-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-main-copy p { margin: 0 0 9px !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl18-main-copy p:last-child { margin-bottom: 0 !important; } .sftl18-main-copy strong { color: #0b3048 !important; } /* MAIN CARD */ .sftl18-main-card { padding: 17px !important; border: 1px solid rgba(25,135,84,.17) !important; border-radius: 13px !important; background: #eaf8f0 !important; } .sftl18-main-card > span { display: block !important; margin-bottom: 9px !important; color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; } .sftl18-main-check { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 9px !important; padding: 11px !important; border-radius: 9px !important; background: #ffffff !important; } .sftl18-main-check b { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 12px !important; } .sftl18-main-check p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.48 !important; } .sftl18-main-check strong { color: #0b3048 !important; } .sftl18-main-plus { padding: 5px !important; color: #198754 !important; font-size: 20px !important; font-weight: 900 !important; text-align: center !important; } .sftl18-main-result { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin-top: 9px !important; padding: 11px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; } .sftl18-main-result span { color: #75e0da !important; font-size: 18px !important; font-weight: 900 !important; } .sftl18-main-result strong { color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } /* ========================================================= VIDEO ========================================================= */ .sftl18-video-strip { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(23,100,154,.18) !important; border-radius: 14px !important; background: #eef7fb !important; } .sftl18-video-strip span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl18-video-strip h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-video-strip p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl18-video-strip > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; } /* ========================================================= COMMON SECTIONS ========================================================= */ .sftl18-conditions, .sftl18-complete, .sftl18-means, .sftl18-document, .sftl18-examples { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl18-section-head { margin-bottom: 15px !important; } .sftl18-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl18-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= CONDITIONS ========================================================= */ .sftl18-conditions-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl18-conditions-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #f7fafc !important; } .sftl18-condition-result { border-color: rgba(25,135,84,.18) !important; background: #eaf8f0 !important; } .sftl18-conditions-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl18-condition-result > span { background: #198754 !important; } .sftl18-conditions-grid h4 { margin: 0 0 5px !important; color: #062438 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-conditions-grid p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } /* ========================================================= WARNING ========================================================= */ .sftl18-warning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,.21) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl18-warning-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } .sftl18-warning span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl18-warning h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-warning p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl18-warning strong { color: #0b3048 !important; } /* ========================================================= COMPLETE FLOW ========================================================= */ .sftl18-complete-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.2fr) !important; align-items: center !important; gap: 6px !important; } .sftl18-complete-flow article { padding: 13px 8px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl18-complete-result { background: #eaf8f0 !important; } .sftl18-complete-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl18-complete-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; } .sftl18-complete-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; line-height: 1.4 !important; } .sftl18-complete-flow > div { color: #ef8b24 !important; font-size: 19px !important; font-weight: 900 !important; } .sftl18-complete-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px !important; margin-top: 12px !important; padding: 12px 13px !important; border-radius: 9px !important; background: #fff3e4 !important; } .sftl18-complete-note > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl18-complete-note p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl18-complete-note strong { color: #0b3048 !important; } /* ========================================================= MEANS ========================================================= */ .sftl18-means-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl18-means-grid article { padding: 15px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #f7fafc !important; } .sftl18-means-refund { border-color: rgba(25,135,84,.18) !important; background: #eaf8f0 !important; } .sftl18-means-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl18-means-refund > div { background: #198754 !important; } .sftl18-means-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-means-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= REFUND ========================================================= */ .sftl18-refund { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(25,135,84,.19) !important; border-left: 5px solid #198754 !important; border-radius: 8px 14px 14px 8px !important; background: #eaf8f0 !important; } .sftl18-refund-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 17px !important; font-weight: 900 !important; } .sftl18-refund span { color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl18-refund h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-refund p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl18-refund strong { color: #0b3048 !important; } /* ========================================================= EXTRA ========================================================= */ .sftl18-extra { display: grid !important; grid-template-columns: minmax(0,1fr) 280px !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(10,169,165,.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl18-extra-copy > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl18-extra-copy h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-extra-copy p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl18-extra-copy strong { color: #0b3048 !important; } .sftl18-extra-card { padding: 16px !important; border-radius: 11px !important; background: #ffffff !important; text-align: center !important; } .sftl18-extra-card > span { color: #526875 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl18-extra-card > strong { display: block !important; margin-top: 4px !important; color: #198754 !important; font-size: 34px !important; font-weight: 900 !important; line-height: 1.1 !important; } .sftl18-extra-card > small { display: block !important; margin-top: 5px !important; color: #526875 !important; font-size: 13px !important; line-height: 1.42 !important; } /* ========================================================= DOCUMENTS ========================================================= */ .sftl18-document-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } .sftl18-document-grid article { padding: 17px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #f7fafc !important; } .sftl18-document-alert { border-color: rgba(239,139,36,.18) !important; background: #fff3e4 !important; } .sftl18-document-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl18-document-alert > span { color: #d86e0a !important; } .sftl18-document-grid h4 { margin: 5px 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-document-grid p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } /* ========================================================= EXAMPLES ========================================================= */ .sftl18-examples-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } .sftl18-examples-grid article { padding: 17px !important; border: 1px solid rgba(11,48,72,.10) !important; border-radius: 11px !important; background: #f9fbfc !important; } .sftl18-examples-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl18-examples-grid h4 { margin: 5px 0 7px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-examples-grid p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } /* ========================================================= ANALYSIS ========================================================= */ .sftl18-analysis { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(23,100,154,.16) !important; border-radius: 14px !important; background: #eef7fb !important; } .sftl18-analysis span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl18-analysis h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-analysis p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl18-analysis > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= GUIDE ========================================================= */ .sftl18-guide { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(25,135,84,.18) !important; border-radius: 14px !important; background: #eaf8f0 !important; } .sftl18-guide > div > span { color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl18-guide h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-guide p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl18-guide strong { color: #0b3048 !important; } .sftl18-guide > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 48px !important; max-width: 280px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #198754 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= CTA ========================================================= */ .sftl18-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,.12) !important; } .sftl18-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl18-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl18-cta p { margin: 0 !important; color: rgba(255,255,255,.80) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl18-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl18-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-decoration: none !important; white-space: nowrap !important; } .sftl18-cta-video { background: #ef8b24 !important; color: #172630 !important; } .sftl18-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl18-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl18-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl18-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl18 a { transition: transform .18s ease, box-shadow .18s ease !important; } .sftl18-video-strip > a:hover, .sftl18-analysis > a:hover, .sftl18-guide > a:hover, .sftl18-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.07) !important; } .sftl18 a:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1100 PX ========================================================= */ @media (max-width: 1100px) { .sftl18-conditions-grid, .sftl18-means-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl18-main { grid-template-columns: 1fr !important; } .sftl18-cta { display: block !important; } .sftl18-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl18 { padding: 50px 18px 64px !important; } .sftl18-document-grid, .sftl18-examples-grid { grid-template-columns: 1fr !important; } .sftl18-extra { grid-template-columns: 1fr !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl18-complete-flow { grid-template-columns: 1fr !important; } .sftl18-complete-flow > div { text-align: center !important; } .sftl18-video-strip, .sftl18-analysis { display: block !important; } .sftl18-video-strip > a, .sftl18-analysis > a { width: 100% !important; margin-top: 13px !important; } .sftl18-guide { grid-template-columns: 1fr !important; } .sftl18-guide > a { width: 100% !important; max-width: none !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl18 { padding: 42px 14px 55px !important; } .sftl18-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl18-title > span { font-size: .7em !important; } .sftl18-answer { padding: 16px !important; } .sftl18-answer h3 { font-size: 17px !important; } .sftl18-answer p { font-size: 15px !important; } .sftl18-main, .sftl18-conditions, .sftl18-complete, .sftl18-means, .sftl18-document, .sftl18-examples { padding: 16px 13px !important; } .sftl18-main-copy h3, .sftl18-section-head h3 { font-size: 18px !important; } .sftl18-main-copy p, .sftl18-section-head p { font-size: 15px !important; } .sftl18-conditions-grid, .sftl18-means-grid { grid-template-columns: 1fr !important; } .sftl18-conditions-grid h4, .sftl18-means-grid strong { font-size: 15px !important; } .sftl18-conditions-grid p, .sftl18-means-grid p { font-size: 14px !important; } .sftl18-warning, .sftl18-refund { grid-template-columns: 1fr !important; } .sftl18-warning h3, .sftl18-refund h3 { font-size: 17px !important; } .sftl18-warning p, .sftl18-refund p { font-size: 15px !important; } .sftl18-complete-note { grid-template-columns: 1fr !important; } .sftl18-extra-copy h3, .sftl18-analysis h3, .sftl18-guide h3, .sftl18-cta h3 { font-size: 17px !important; } .sftl18-extra-copy p, .sftl18-analysis p, .sftl18-guide p, .sftl18-cta p { font-size: 15px !important; } .sftl18-document-grid h4, .sftl18-examples-grid h4 { font-size: 17px !important; } .sftl18-document-grid p, .sftl18-examples-grid p { font-size: 14px !important; } .sftl18-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl18-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl18-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl18 { padding-left: 11px !important; padding-right: 11px !important; } .sftl18-title { font-size: 28px !important; } .sftl18-main-check { grid-template-columns: 1fr !important; } .sftl18-extra-card > strong { font-size: 32px !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl18 a { transition: none !important; } }#imCell_21 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_21 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_21 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_21 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl19, .sftl19 *, .sftl19 *::before, .sftl19 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl19 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 94% 7%, rgba(10,169,165,.09), transparent 27% ), radial-gradient( circle at 5% 56%, rgba(23,100,154,.07), transparent 24% ), linear-gradient( 145deg, #ffffff 0%, #f5fafc 50%, #f7fcfa 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl19-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl19 h2, .sftl19 h3, .sftl19 h4, .sftl19 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl19-header { width: 100% !important; max-width: 1000px !important; margin: 0 auto 24px !important; text-align: center !important; } .sftl19-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(10,169,165,.22) !important; border-radius: 999px !important; background: #dff8f6 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl19-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 17px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl19-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } .sftl19-title > span { display: block !important; margin-top: 8px !important; color: #17649a !important; font-size: .66em !important; line-height: 1.22 !important; } /* ========================================================= ANSWER FIRST ========================================================= */ .sftl19-answer { width: 100% !important; max-width: 940px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,.055) !important; text-align: left !important; } .sftl19-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl19-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl19-answer strong { color: #0b3048 !important; } /* ========================================================= TOPICS ========================================================= */ .sftl19-topics { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 7px !important; margin: 18px 0 0 !important; } .sftl19-topics a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 8px 12px !important; border: 1px solid rgba(23,100,154,.15) !important; border-radius: 999px !important; background: #ffffff !important; color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-decoration: none !important; } /* ========================================================= INTRO ========================================================= */ .sftl19-intro { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 20px !important; margin-top: 20px !important; padding: 19px 20px !important; border: 1px solid rgba(23,100,154,.13) !important; border-radius: 15px !important; background: #eef7fb !important; } .sftl19-intro > div:first-child > span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl19-intro h3 { margin: 3px 0 6px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl19-intro p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl19-intro strong { color: #0b3048 !important; } .sftl19-intro-badge { width: 245px !important; padding: 15px !important; border-radius: 11px !important; background: #ffffff !important; text-align: center !important; } .sftl19-intro-badge > span { color: #0aa9a5 !important; font-size: 12px !important; font-weight: 900 !important; } .sftl19-intro-badge > strong { display: block !important; margin-top: 4px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl19-intro-badge > small { display: block !important; margin-top: 4px !important; color: #526875 !important; font-size: 13px !important; line-height: 1.4 !important; } /* ========================================================= FAQ CONTAINER ========================================================= */ .sftl19-faq { display: grid !important; gap: 10px !important; margin-top: 18px !important; } /* ========================================================= FAQ ITEM ========================================================= */ .sftl19-item { width: 100% !important; margin: 0 !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 13px !important; background: #ffffff !important; overflow: hidden !important; box-shadow: 0 5px 16px rgba(6,36,56,.028) !important; } .sftl19-item[open] { border-color: rgba(10,169,165,.28) !important; box-shadow: 0 10px 26px rgba(6,36,56,.05) !important; } /* ========================================================= SUMMARY ========================================================= */ .sftl19-item summary { position: relative !important; display: grid !important; grid-template-columns: auto minmax(0,1fr) 38px !important; align-items: center !important; gap: 12px !important; min-height: 72px !important; margin: 0 !important; padding: 14px 17px !important; cursor: pointer !important; list-style: none !important; background: #ffffff !important; color: #062438 !important; } .sftl19-item summary::-webkit-details-marker { display: none !important; } .sftl19-item summary::marker { display: none !important; content: "" !important; } /* PLUS */ .sftl19-item summary::after { content: "+" !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #eef7fb !important; color: #17649a !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; transition: transform .2s ease, background .2s ease !important; } .sftl19-item[open] summary::after { content: "−" !important; background: #0aa9a5 !important; color: #ffffff !important; } /* ========================================================= NUMBER ========================================================= */ .sftl19-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 39px !important; height: 39px !important; border-radius: 10px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } /* ========================================================= QUESTION ========================================================= */ .sftl19-question { min-width: 0 !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.42 !important; } .sftl19-item[open] .sftl19-question { color: #0b3048 !important; } /* ========================================================= CONTENT ========================================================= */ .sftl19-content { padding: 2px 19px 19px 70px !important; border-top: 1px solid rgba(11,48,72,.07) !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdfd 100% ) !important; } .sftl19-content p { max-width: 980px !important; margin: 10px 0 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.6 !important; } .sftl19-content .sftl19-lead { color: #173142 !important; font-size: 16px !important; } .sftl19-content strong { color: #0b3048 !important; } /* ========================================================= LINKS ========================================================= */ .sftl19-links { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin-top: 13px !important; } .sftl19-links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 8px 11px !important; border-radius: 8px !important; background: #eef7fb !important; color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.38 !important; text-decoration: none !important; } /* ========================================================= DEDUCTION ========================================================= */ .sftl19-deduction { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; max-width: 980px !important; margin-top: 13px !important; padding: 12px 13px !important; border: 1px solid rgba(25,135,84,.15) !important; border-radius: 9px !important; background: #eaf8f0 !important; } .sftl19-deduction > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl19-deduction p { margin: 0 !important; color: #115d39 !important; font-size: 15px !important; line-height: 1.55 !important; } /* ========================================================= COMMON SECTION HEAD ========================================================= */ .sftl19-quick { margin-top: 20px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl19-section-head { margin-bottom: 15px !important; } .sftl19-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl19-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } /* ========================================================= QUICK ========================================================= */ .sftl19-quick-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; } .sftl19-quick-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(10,169,165,.11) !important; border-radius: 11px !important; background: #f7fcfc !important; } .sftl19-quick-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl19-quick-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl19-quick-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= GUIDES ========================================================= */ .sftl19-guides { display: grid !important; grid-template-columns: minmax(0,.75fr) minmax(430px,1.25fr) !important; align-items: center !important; gap: 18px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(10,169,165,.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl19-guides > div:first-child > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl19-guides h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl19-guides p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl19-guides strong { color: #0b3048 !important; } .sftl19-guide-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .sftl19-guide-links > a { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 9px !important; min-height: 74px !important; padding: 12px !important; border-radius: 10px !important; background: #ffffff !important; color: #173142 !important; text-decoration: none !important; } .sftl19-guide-links > a > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl19-guide-links small { color: #526875 !important; font-size: 12px !important; font-weight: 800 !important; } .sftl19-guide-links strong { display: block !important; margin-top: 2px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl19-guide-links b { color: #0aa9a5 !important; font-size: 17px !important; } /* ========================================================= CTA ========================================================= */ .sftl19-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,.12) !important; } .sftl19-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl19-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl19-cta p { margin: 0 !important; color: rgba(255,255,255,.80) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl19-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl19-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; } .sftl19-cta-guide { background: #ef8b24 !important; color: #172630 !important; } .sftl19-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl19-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl19-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl19-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= SCROLL MARGIN ========================================================= */ .sftl19-item { scroll-margin-top: 95px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl19 a { transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important; } .sftl19-topics a:hover, .sftl19-links a:hover, .sftl19-guide-links > a:hover, .sftl19-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.07) !important; } .sftl19-item summary:hover { background: #fbfdfd !important; } .sftl19 a:focus-visible, .sftl19-item summary:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1100 PX ========================================================= */ @media (max-width: 1100px) { .sftl19-cta { display: block !important; } .sftl19-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl19 { padding: 50px 18px 64px !important; } .sftl19-guides { grid-template-columns: 1fr !important; } .sftl19-quick-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl19-intro { grid-template-columns: 1fr !important; } .sftl19-intro-badge { width: 100% !important; text-align: left !important; } .sftl19-guide-links { grid-template-columns: 1fr !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl19 { padding: 42px 14px 55px !important; } .sftl19-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl19-title > span { font-size: .7em !important; } .sftl19-answer { padding: 16px !important; } .sftl19-answer h3 { font-size: 17px !important; } .sftl19-answer p { font-size: 15px !important; } .sftl19-intro { padding: 16px 14px !important; } .sftl19-intro h3 { font-size: 18px !important; } .sftl19-intro p { font-size: 15px !important; } .sftl19-item summary { grid-template-columns: auto minmax(0,1fr) 36px !important; gap: 9px !important; min-height: 68px !important; padding: 13px !important; } .sftl19-number { width: 36px !important; height: 36px !important; } .sftl19-question { font-size: 16px !important; } .sftl19-content { padding: 2px 14px 17px 14px !important; } .sftl19-content p, .sftl19-content .sftl19-lead { font-size: 15px !important; } .sftl19-links { display: grid !important; grid-template-columns: 1fr !important; } .sftl19-links a { width: 100% !important; justify-content: flex-start !important; font-size: 14px !important; } .sftl19-deduction { grid-template-columns: 1fr !important; } .sftl19-deduction p { font-size: 15px !important; } .sftl19-quick { padding: 16px 13px !important; } .sftl19-section-head h3 { font-size: 18px !important; } .sftl19-quick-grid { grid-template-columns: 1fr !important; } .sftl19-quick-grid p { font-size: 14px !important; } .sftl19-guides h3, .sftl19-cta h3 { font-size: 17px !important; } .sftl19-guides p, .sftl19-cta p { font-size: 15px !important; } .sftl19-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl19-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl19-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl19 { padding-left: 11px !important; padding-right: 11px !important; } .sftl19-title { font-size: 28px !important; } .sftl19-topics { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl19-topics a { width: 100% !important; padding: 8px 7px !important; font-size: 13px !important; } .sftl19-item summary { grid-template-columns: 34px minmax(0,1fr) 32px !important; gap: 8px !important; padding: 12px 10px !important; } .sftl19-number { width: 34px !important; height: 34px !important; } .sftl19-item summary::after { width: 32px !important; height: 32px !important; font-size: 20px !important; } .sftl19-question { font-size: 16px !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl19 a, .sftl19-item summary::after { transition: none !important; } }#imCell_22 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_22 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_22 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_22 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl20, .sftl20 *, .sftl20 *::before, .sftl20 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl20 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 8%, rgba(239,139,36,.08), transparent 27% ), radial-gradient( circle at 5% 55%, rgba(10,169,165,.08), transparent 24% ), linear-gradient( 145deg, #f5fafc 0%, #ffffff 50%, #fffaf5 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl20-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl20 h2, .sftl20 h3, .sftl20 h4, .sftl20 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl20-header { width: 100% !important; max-width: 1000px !important; margin: 0 auto 24px !important; text-align: center !important; } .sftl20-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(239,139,36,.22) !important; border-radius: 999px !important; background: #fff3e4 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl20-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl20-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } .sftl20-title > span { display: block !important; margin-top: 8px !important; color: #17649a !important; font-size: .67em !important; line-height: 1.22 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl20-answer { width: 100% !important; max-width: 940px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,.055) !important; text-align: left !important; } .sftl20-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl20-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl20-answer strong { color: #0b3048 !important; } /* ========================================================= NUMBERS ========================================================= */ .sftl20-numbers { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; margin-top: 18px !important; } .sftl20-numbers article { min-width: 0 !important; padding: 16px !important; border: 1px solid rgba(23,100,154,.11) !important; border-radius: 11px !important; background: #ffffff !important; text-align: center !important; } .sftl20-number-highlight { border-color: rgba(10,169,165,.20) !important; background: #dff8f6 !important; } .sftl20-numbers strong { display: block !important; color: #17649a !important; font-size: 30px !important; font-weight: 900 !important; line-height: 1.1 !important; } .sftl20-number-highlight strong { color: #0aa9a5 !important; } .sftl20-numbers span { display: block !important; margin-top: 4px !important; color: #062438 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl20-numbers small { display: block !important; margin-top: 4px !important; color: #526875 !important; font-size: 13px !important; line-height: 1.42 !important; } /* ========================================================= COMMON SECTIONS ========================================================= */ .sftl20-method, .sftl20-cases, .sftl20-path { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl20-section-head { margin-bottom: 15px !important; } .sftl20-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl20-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl20-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= METHOD ========================================================= */ .sftl20-method-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl20-method-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #f7fafc !important; } .sftl20-method-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl20-method-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; } .sftl20-method-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= CASE GRID ========================================================= */ .sftl20-cases-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 11px !important; } .sftl20-case { display: flex !important; flex-direction: column !important; min-width: 0 !important; padding: 17px !important; border: 1px solid rgba(23,100,154,.11) !important; border-top: 4px solid #17649a !important; border-radius: 12px !important; background: #f8fbfc !important; } .sftl20-case-important { border-top-color: #ef8b24 !important; background: #fffaf4 !important; } .sftl20-case-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 8px !important; } .sftl20-case-top > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl20-case-important .sftl20-case-top > span { color: #d86e0a !important; } .sftl20-case-top > b { color: #062438 !important; font-size: 13px !important; font-weight: 900 !important; } /* TAGS */ .sftl20-case-tags { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; margin-bottom: 9px !important; } .sftl20-case-tags span { display: inline-flex !important; align-items: center !important; min-height: 28px !important; padding: 5px 8px !important; border-radius: 999px !important; background: #eef7fb !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl20-case-important .sftl20-case-tags span { background: #fff3e4 !important; color: #d86e0a !important; } /* TITLE */ .sftl20-case h4 { margin: 0 0 11px !important; color: #062438 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.42 !important; } /* BLOCK */ .sftl20-case-block { margin-top: 8px !important; padding: 11px !important; border-radius: 9px !important; background: #ffffff !important; } .sftl20-case-block small { display: block !important; margin-bottom: 4px !important; color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl20-case-block p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; } .sftl20-case-block strong { color: #0b3048 !important; } /* RESULT */ .sftl20-case-result, .sftl20-case-neutral, .sftl20-case-learning { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 9px !important; margin-top: 11px !important; padding: 11px !important; border-radius: 9px !important; } .sftl20-case-result { background: #eaf8f0 !important; } .sftl20-case-neutral { background: #eef7fb !important; } .sftl20-case-learning { background: #fff3e4 !important; } .sftl20-case-result > span, .sftl20-case-neutral > span, .sftl20-case-learning > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl20-case-result > span { background: #198754 !important; } .sftl20-case-neutral > span { background: #17649a !important; } .sftl20-case-learning > span { background: #ef8b24 !important; } .sftl20-case-result p, .sftl20-case-neutral p, .sftl20-case-learning p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl20-case-result strong, .sftl20-case-neutral strong, .sftl20-case-learning strong { color: #0b3048 !important; } /* ========================================================= ROOF NOTE ========================================================= */ .sftl20-roof-note { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,.20) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl20-roof-note-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 39px !important; height: 39px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } .sftl20-roof-note span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl20-roof-note h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl20-roof-note p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl20-roof-note strong { color: #0b3048 !important; } /* ========================================================= PATH ========================================================= */ .sftl20-path { display: grid !important; grid-template-columns: minmax(0,.7fr) minmax(570px,1.3fr) !important; align-items: center !important; gap: 20px !important; } .sftl20-path-copy > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl20-path-copy h3 { margin: 4px 0 7px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl20-path-copy p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl20-path-copy strong { color: #0b3048 !important; } /* FLOW */ .sftl20-path-flow { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: center !important; gap: 6px !important; } .sftl20-path-flow article { min-width: 0 !important; padding: 13px 8px !important; border-radius: 10px !important; background: #eef7fb !important; text-align: center !important; } .sftl20-path-flow article:last-child { background: #fff3e4 !important; } .sftl20-path-flow article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl20-path-flow strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl20-path-flow small { display: block !important; margin-top: 3px !important; color: #526875 !important; font-size: 12px !important; line-height: 1.4 !important; } .sftl20-path-flow > div { color: #ef8b24 !important; font-size: 19px !important; font-weight: 900 !important; } /* ========================================================= TRANSPARENCY ========================================================= */ .sftl20-transparency { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(23,100,154,.17) !important; border-left: 5px solid #17649a !important; border-radius: 8px 14px 14px 8px !important; background: #eef7fb !important; } .sftl20-transparency-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 39px !important; height: 39px !important; border-radius: 50% !important; background: #17649a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; } .sftl20-transparency span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl20-transparency h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl20-transparency p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl20-transparency strong { color: #0b3048 !important; } /* ========================================================= ARCHIVE ========================================================= */ .sftl20-archive { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 19px 20px !important; border: 1px solid rgba(25,135,84,.17) !important; border-radius: 14px !important; background: #eaf8f0 !important; } .sftl20-archive > div > span { color: #198754 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl20-archive h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl20-archive p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl20-archive > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 49px !important; padding: 11px 16px !important; border-radius: 9px !important; background: #198754 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } /* ========================================================= PILLAR ========================================================= */ .sftl20-pillar { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(10,169,165,.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl20-pillar > div > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl20-pillar h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl20-pillar p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl20-pillar > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 48px !important; max-width: 280px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; } /* ========================================================= CTA ========================================================= */ .sftl20-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; margin-top: 20px !important; padding: 20px 22px !important; border-radius: 16px !important; background: linear-gradient( 135deg, #062438, #0b3048 ) !important; color: #ffffff !important; box-shadow: 0 14px 32px rgba(6,36,56,.12) !important; } .sftl20-cta > div:first-child > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl20-cta h3 { margin: 4px 0 5px !important; color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl20-cta p { margin: 0 !important; color: rgba(255,255,255,.80) !important; font-size: 15px !important; line-height: 1.5 !important; } .sftl20-cta-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .sftl20-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 47px !important; padding: 10px 14px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } .sftl20-cta-form { background: #ef8b24 !important; color: #172630 !important; } .sftl20-cta-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl20-cta-wa { background: #198754 !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl20-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 15px !important; } .sftl20-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl20 a { transition: transform .18s ease, box-shadow .18s ease !important; } .sftl20-archive > a:hover, .sftl20-pillar > a:hover, .sftl20-cta-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.07) !important; } .sftl20 a:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1100 PX ========================================================= */ @media (max-width: 1100px) { .sftl20-numbers, .sftl20-method-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl20-path { grid-template-columns: 1fr !important; } .sftl20-cta { display: block !important; } .sftl20-cta-actions { margin-top: 14px !important; justify-content: flex-start !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl20 { padding: 50px 18px 64px !important; } .sftl20-cases-grid { grid-template-columns: 1fr !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl20-path-flow { grid-template-columns: 1fr !important; } .sftl20-path-flow > div { text-align: center !important; } .sftl20-archive, .sftl20-pillar { grid-template-columns: 1fr !important; } .sftl20-archive > a, .sftl20-pillar > a { width: 100% !important; max-width: none !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl20 { padding: 42px 14px 55px !important; } .sftl20-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl20-title > span { font-size: .7em !important; } .sftl20-answer { padding: 16px !important; } .sftl20-answer h3 { font-size: 17px !important; } .sftl20-answer p { font-size: 15px !important; } .sftl20-numbers, .sftl20-method-grid { grid-template-columns: 1fr !important; } .sftl20-numbers span { font-size: 15px !important; } .sftl20-method, .sftl20-cases, .sftl20-path { padding: 16px 13px !important; } .sftl20-section-head h3, .sftl20-path-copy h3 { font-size: 18px !important; } .sftl20-section-head p, .sftl20-path-copy p { font-size: 15px !important; } .sftl20-case h4 { font-size: 17px !important; } .sftl20-case-block p, .sftl20-case-result p, .sftl20-case-neutral p, .sftl20-case-learning p { font-size: 14px !important; } .sftl20-roof-note, .sftl20-transparency { grid-template-columns: 1fr !important; } .sftl20-roof-note h3, .sftl20-transparency h3, .sftl20-archive h3, .sftl20-pillar h3, .sftl20-cta h3 { font-size: 17px !important; } .sftl20-roof-note p, .sftl20-transparency p, .sftl20-archive p, .sftl20-pillar p, .sftl20-cta p { font-size: 15px !important; } .sftl20-cta-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; } .sftl20-cta-actions a { width: 100% !important; font-size: 14px !important; } .sftl20-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl20 { padding-left: 11px !important; padding-right: 11px !important; } .sftl20-title { font-size: 28px !important; } .sftl20-case-top { align-items: flex-start !important; flex-direction: column !important; } .sftl20-case-result, .sftl20-case-neutral, .sftl20-case-learning { grid-template-columns: 1fr !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl20 a { transition: none !important; } }#imCell_23 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_23 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_23 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_23 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .sftl21, .sftl21 *, .sftl21 *::before, .sftl21 *::after { box-sizing: border-box !important; } /* ========================================================= ROOT ========================================================= */ .sftl21 { position: relative !important; width: 100% !important; margin: 0 !important; padding: 58px 20px 72px !important; overflow: hidden !important; background: radial-gradient( circle at 93% 7%, rgba(10,169,165,.10), transparent 27% ), radial-gradient( circle at 5% 56%, rgba(239,139,36,.07), transparent 24% ), linear-gradient( 145deg, #ffffff 0%, #f5fafc 50%, #f5fbf9 100% ) !important; color: #173142 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; } .sftl21-wrap { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } .sftl21 h2, .sftl21 h3, .sftl21 h4, .sftl21 p { margin-top: 0 !important; } /* ========================================================= HEADER ========================================================= */ .sftl21-header { width: 100% !important; max-width: 1000px !important; margin: 0 auto 25px !important; text-align: center !important; } .sftl21-eyebrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 auto 14px !important; padding: 8px 14px !important; border: 1px solid rgba(10,169,165,.22) !important; border-radius: 999px !important; background: #dff8f6 !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: uppercase !important; } .sftl21-eyebrow > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; } /* ========================================================= TITLE ========================================================= */ .sftl21-title { margin: 0 !important; color: #062438 !important; font-size: clamp( 32px, 4vw, 50px ) !important; font-weight: 900 !important; line-height: 1.06 !important; letter-spacing: -1.4px !important; } .sftl21-title > span { display: block !important; margin-top: 8px !important; color: #17649a !important; font-size: .66em !important; line-height: 1.22 !important; } /* ========================================================= ANSWER ========================================================= */ .sftl21-answer { width: 100% !important; max-width: 940px !important; margin: 20px auto 0 !important; padding: 20px 22px !important; border: 1px solid rgba(10,169,165,.22) !important; border-left: 5px solid #0aa9a5 !important; border-radius: 8px 17px 17px 8px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(11,48,72,.055) !important; text-align: left !important; } .sftl21-answer h3 { margin: 0 0 7px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl21-answer p { margin: 0 !important; color: #173142 !important; font-size: 16px !important; line-height: 1.65 !important; } .sftl21-answer strong { color: #0b3048 !important; } /* ========================================================= COMMON ========================================================= */ .sftl21-contact, .sftl21-info, .sftl21-process { margin-top: 18px !important; padding: 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 9px 25px rgba(6,36,56,.032) !important; } .sftl21-section-head { margin-bottom: 15px !important; } .sftl21-section-head > span { display: block !important; color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl21-section-head h3 { margin: 4px 0 5px !important; color: #062438 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl21-section-head p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } /* ========================================================= CONTACT CARDS ========================================================= */ .sftl21-contact-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 11px !important; } .sftl21-contact-grid article { display: flex !important; flex-direction: column !important; min-width: 0 !important; padding: 18px !important; border-radius: 12px !important; border: 1px solid rgba(11,48,72,.10) !important; background: #f9fbfc !important; } .sftl21-contact-phone { border-top: 4px solid #17649a !important; } .sftl21-contact-wa { border-top: 4px solid #198754 !important; background: #f7fcf9 !important; } .sftl21-contact-form { border-top: 4px solid #ef8b24 !important; background: #fffaf4 !important; } .sftl21-contact-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 43px !important; height: 43px !important; margin-bottom: 10px !important; border-radius: 11px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 900 !important; } .sftl21-contact-grid article > span { color: #17649a !important; font-size: 12px !important; font-weight: 900 !important; } .sftl21-contact-grid h4 { margin: 5px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl21-contact-grid article > strong { display: block !important; margin-bottom: 8px !important; color: #0b3048 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.3 !important; } .sftl21-contact-grid p { margin: 0 0 13px !important; color: #526875 !important; font-size: 14px !important; line-height: 1.52 !important; flex-grow: 1 !important; } .sftl21-contact-grid a { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; min-height: 47px !important; margin-top: auto !important; padding: 10px 12px !important; border-radius: 9px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; } .sftl21-contact-wa a { background: #198754 !important; } .sftl21-contact-form a { background: #ef8b24 !important; color: #172630 !important; } /* ========================================================= INFO GRID ========================================================= */ .sftl21-info-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .sftl21-info-grid article { min-width: 0 !important; padding: 15px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #f7fafc !important; } .sftl21-info-roof { border-color: rgba(239,139,36,.18) !important; background: #fffaf4 !important; } .sftl21-info-grid article > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl21-info-roof > span { background: #ef8b24 !important; } .sftl21-info-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl21-info-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } /* ========================================================= DON'T SELF DIAGNOSE ========================================================= */ .sftl21-dont { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px !important; margin-top: 18px !important; padding: 18px 19px !important; border: 1px solid rgba(239,139,36,.20) !important; border-left: 5px solid #ef8b24 !important; border-radius: 8px 14px 14px 8px !important; background: #fff3e4 !important; } .sftl21-dont-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 39px !important; height: 39px !important; border-radius: 50% !important; background: #ef8b24 !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } .sftl21-dont span { color: #d86e0a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl21-dont h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl21-dont p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl21-dont strong { color: #0b3048 !important; } /* ========================================================= PHOTOS ========================================================= */ .sftl21-photos { display: grid !important; grid-template-columns: minmax(0,.8fr) minmax(460px,1.2fr) !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(23,100,154,.16) !important; border-radius: 14px !important; background: #eef7fb !important; } .sftl21-photos > div:first-child > span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl21-photos h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl21-photos p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl21-photo-list { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; } .sftl21-photo-list span { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; padding: 8px 11px !important; border-radius: 999px !important; background: #ffffff !important; color: #0b3048 !important; font-size: 13px !important; font-weight: 900 !important; text-align: center !important; } /* ========================================================= PROCESS ========================================================= */ .sftl21-process-grid { display: grid !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important; align-items: stretch !important; gap: 8px !important; } .sftl21-process-grid article { padding: 15px !important; border: 1px solid rgba(23,100,154,.10) !important; border-radius: 11px !important; background: #eef7fb !important; } .sftl21-process-final { border-color: rgba(25,135,84,.16) !important; background: #eaf8f0 !important; } .sftl21-process-grid article > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin-bottom: 9px !important; border-radius: 9px !important; background: #17649a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } .sftl21-process-final > div { background: #198754 !important; } .sftl21-process-grid strong { display: block !important; color: #0b3048 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl21-process-grid p { margin: 5px 0 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.48 !important; } .sftl21-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #ef8b24 !important; font-size: 21px !important; font-weight: 900 !important; } /* ========================================================= DEDUCTION ========================================================= */ .sftl21-deduction { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; margin-top: 13px !important; padding: 13px !important; border: 1px solid rgba(25,135,84,.16) !important; border-radius: 10px !important; background: #eaf8f0 !important; } .sftl21-deduction > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #198754 !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } .sftl21-deduction p { margin: 0 !important; color: #115d39 !important; font-size: 15px !important; line-height: 1.55 !important; } /* ========================================================= GEO AREA ========================================================= */ .sftl21-area { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 20px !important; margin-top: 18px !important; padding: 19px 20px !important; border: 1px solid rgba(10,169,165,.18) !important; border-radius: 14px !important; background: #dff8f6 !important; } .sftl21-area-copy > span { color: #0aa9a5 !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl21-area h3 { margin: 3px 0 5px !important; color: #062438 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl21-area p { margin: 0 !important; color: #526875 !important; font-size: 15px !important; line-height: 1.52 !important; } .sftl21-area strong { color: #0b3048 !important; } .sftl21-area > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 48px !important; padding: 11px 15px !important; border-radius: 9px !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } /* ========================================================= AUTHORITY ========================================================= */ .sftl21-authority { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important; align-items: center !important; gap: 15px !important; margin-top: 18px !important; padding: 18px 20px !important; border: 1px solid rgba(11,48,72,.12) !important; border-radius: 14px !important; background: #ffffff !important; } .sftl21-authority-logo { display: flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; border-radius: 13px !important; background: #0b3048 !important; color: #ffffff !important; font-size: 24px !important; font-weight: 900 !important; } .sftl21-authority > div:nth-child(2) > span { color: #17649a !important; font-size: 13px !important; font-weight: 900 !important; } .sftl21-authority h3 { margin: 3px 0 4px !important; color: #062438 !important; font-size: 18px !important; font-weight: 900 !important; } .sftl21-authority p { margin: 0 !important; color: #526875 !important; font-size: 14px !important; line-height: 1.5 !important; } .sftl21-authority-data { display: flex !important; gap: 8px !important; } .sftl21-authority-data > span { display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 60px !important; padding: 10px 12px !important; border-radius: 9px !important; background: #eef7fb !important; color: #526875 !important; font-size: 11px !important; font-weight: 900 !important; text-align: center !important; } .sftl21-authority-data strong { display: block !important; margin-top: 3px !important; color: #0b3048 !important; font-size: 14px !important; } /* ========================================================= FINAL CTA ========================================================= */ .sftl21-final { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; margin-top: 20px !important; padding: 24px !important; border-radius: 17px !important; background: linear-gradient( 135deg, #062438 0%, #0b3048 60%, #104866 100% ) !important; color: #ffffff !important; box-shadow: 0 15px 34px rgba(6,36,56,.14) !important; } .sftl21-final-copy { max-width: 650px !important; } .sftl21-final-copy > span { color: #75e0da !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; } .sftl21-final h3 { margin: 4px 0 6px !important; color: #ffffff !important; font-size: 21px !important; font-weight: 900 !important; line-height: 1.4 !important; } .sftl21-final p { margin: 0 !important; color: rgba(255,255,255,.82) !important; font-size: 15px !important; line-height: 1.55 !important; } .sftl21-final p strong { color: #ffffff !important; } .sftl21-final-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; min-width: 390px !important; } .sftl21-final-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 49px !important; padding: 10px 13px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; } .sftl21-final-form { background: #ef8b24 !important; color: #172630 !important; } .sftl21-final-phone { background: #ffffff !important; color: #0b3048 !important; } .sftl21-final-wa { background: #198754 !important; color: #ffffff !important; } .sftl21-final-mail { border: 1px solid rgba(255,255,255,.32) !important; background: rgba(255,255,255,.08) !important; color: #ffffff !important; } /* ========================================================= BOTTOM NAV ========================================================= */ .sftl21-bottom-nav { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 16px !important; } .sftl21-bottom-nav a { color: #17649a !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ========================================================= HOVER / FOCUS ========================================================= */ .sftl21 a { transition: transform .18s ease, box-shadow .18s ease !important; } .sftl21-contact-grid a:hover, .sftl21-area > a:hover, .sftl21-final-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(6,36,56,.08) !important; } .sftl21 a:focus-visible { outline: 3px solid rgba(10,169,165,.46) !important; outline-offset: 3px !important; } /* ========================================================= 1100 PX ========================================================= */ @media (max-width: 1100px) { .sftl21-info-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl21-final { display: block !important; } .sftl21-final-actions { margin-top: 16px !important; min-width: 0 !important; max-width: 600px !important; } } /* ========================================================= 980 PX ========================================================= */ @media (max-width: 980px) { .sftl21 { padding: 50px 18px 64px !important; } .sftl21-contact-grid { grid-template-columns: 1fr !important; } .sftl21-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl21-process-arrow { display: none !important; } .sftl21-authority { grid-template-columns: auto minmax(0,1fr) !important; } .sftl21-authority-data { grid-column: 1 / -1 !important; width: 100% !important; } .sftl21-authority-data > span { flex: 1 !important; } } /* ========================================================= 820 PX ========================================================= */ @media (max-width: 820px) { .sftl21-photos, .sftl21-area { grid-template-columns: 1fr !important; } .sftl21-area > a { width: 100% !important; } } /* ========================================================= 700 PX ========================================================= */ @media (max-width: 700px) { .sftl21 { padding: 42px 14px 55px !important; } .sftl21-title { font-size: clamp( 29px, 8vw, 38px ) !important; letter-spacing: -.8px !important; } .sftl21-title > span { font-size: .7em !important; } .sftl21-answer { padding: 16px !important; } .sftl21-answer h3 { font-size: 17px !important; } .sftl21-answer p { font-size: 15px !important; } .sftl21-contact, .sftl21-info, .sftl21-process { padding: 16px 13px !important; } .sftl21-section-head h3 { font-size: 18px !important; } .sftl21-section-head p { font-size: 15px !important; } .sftl21-contact-grid h4 { font-size: 17px !important; } .sftl21-contact-grid article > strong { font-size: 19px !important; } .sftl21-contact-grid p { font-size: 14px !important; } .sftl21-info-grid { grid-template-columns: 1fr !important; } .sftl21-info-grid p { font-size: 14px !important; } .sftl21-dont, .sftl21-deduction { grid-template-columns: 1fr !important; } .sftl21-dont h3, .sftl21-photos h3, .sftl21-area h3, .sftl21-authority h3, .sftl21-final h3 { font-size: 17px !important; } .sftl21-dont p, .sftl21-photos p, .sftl21-area p, .sftl21-final p { font-size: 15px !important; } .sftl21-process-grid { grid-template-columns: 1fr !important; } .sftl21-authority { grid-template-columns: 1fr !important; } .sftl21-authority-logo { width: 50px !important; height: 50px !important; } .sftl21-authority-data { display: grid !important; grid-template-columns: 1fr !important; } .sftl21-final-actions { grid-template-columns: 1fr !important; width: 100% !important; max-width: none !important; } .sftl21-final-actions a { width: 100% !important; font-size: 14px !important; } .sftl21-bottom-nav { display: grid !important; grid-template-columns: 1fr !important; } } /* ========================================================= 430 PX ========================================================= */ @media (max-width: 430px) { .sftl21 { padding-left: 11px !important; padding-right: 11px !important; } .sftl21-title { font-size: 28px !important; } .sftl21-photo-list { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sftl21-photo-list span { width: 100% !important; padding: 8px 7px !important; } .sftl21-final { padding: 18px 14px !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sftl21 a { transition: none !important; } }#imCell_24 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1376_24 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_24 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_24 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* SCORRIMENTO MORBIDO */ html { scroll-behavior: smooth !important; } /* ========================================================= PULSANTE ========================================================= */ .sftl-backtotop { position: fixed !important; right: 22px !important; bottom: 22px !important; z-index: 9998 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-width: 128px !important; min-height: 52px !important; padding: 10px 16px !important; border: 1px solid rgba(255,255,255,.22) !important; border-radius: 999px !important; background: linear-gradient( 135deg, #062438 0%, #0b3048 100% ) !important; color: #ffffff !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 10px 28px rgba(6,36,56,.24) !important; cursor: pointer !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important; -webkit-tap-highlight-color: transparent !important; } /* ========================================================= FRECCIA ========================================================= */ .sftl-backtotop-arrow { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; flex: 0 0 32px !important; border-radius: 50% !important; background: #0aa9a5 !important; color: #ffffff !important; font-size: 21px !important; font-weight: 900 !important; line-height: 1 !important; } /* ========================================================= TESTO ========================================================= */ .sftl-backtotop-text { display: inline-block !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.2 !important; white-space: nowrap !important; } /* ========================================================= HOVER ========================================================= */ .sftl-backtotop:hover { transform: translateY(-3px) !important; background: linear-gradient( 135deg, #0b3048 0%, #104866 100% ) !important; color: #ffffff !important; text-decoration: none !important; box-shadow: 0 14px 32px rgba(6,36,56,.30) !important; } .sftl-backtotop:hover .sftl-backtotop-arrow { background: #ef8b24 !important; color: #ffffff !important; } /* ========================================================= FOCUS ACCESSIBILITÀ ========================================================= */ .sftl-backtotop:focus-visible { outline: 3px solid rgba(10,169,165,.55) !important; outline-offset: 4px !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 820px) { .sftl-backtotop { right: 16px !important; bottom: 16px !important; min-width: 118px !important; min-height: 50px !important; padding: 9px 14px !important; } .sftl-backtotop-arrow { width: 31px !important; height: 31px !important; flex-basis: 31px !important; font-size: 20px !important; } .sftl-backtotop-text { font-size: 14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .sftl-backtotop { right: 12px !important; bottom: 14px !important; min-width: 52px !important; width: 52px !important; height: 52px !important; min-height: 52px !important; padding: 0 !important; border-radius: 50% !important; } .sftl-backtotop-arrow { width: 36px !important; height: 36px !important; flex: 0 0 36px !important; font-size: 23px !important; } .sftl-backtotop-text { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; } } /* ========================================================= MOBILE MOLTO PICCOLO ========================================================= */ @media (max-width: 430px) { .sftl-backtotop { right: 10px !important; bottom: 12px !important; width: 50px !important; min-width: 50px !important; height: 50px !important; min-height: 50px !important; } .sftl-backtotop-arrow { width: 35px !important; height: 35px !important; flex-basis: 35px !important; font-size: 22px !important; } } /* ========================================================= RIDUZIONE MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } .sftl-backtotop { transition: none !important; } } /* ========================================================= STAMPA ========================================================= */ @media print { .sftl-backtotop { display: none !important; } }@media (min-width: 1200.0px) { #imContent { padding-inline-start: 50px; padding-inline-end: 50px; } #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, #imCell_24, #imCell_25, .imPageRow { margin-inline-start: -50px; margin-inline-end: -50px; } #imBreadcrumb { width: 1086px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_9 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_10 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_11 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_12 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_13 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_14 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_15 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_16 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_17 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_18 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_22 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_23 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, #imCell_24, #imCell_25, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 686px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_9 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_10 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_11 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_12 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_13 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_14 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_15 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_16 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_17 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_18 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_22 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_23 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, #imCell_24, #imCell_25, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 446px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_9 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_10 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_11 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_12 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_13 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_14 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_15 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_16 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_17 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_18 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_22 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_23 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 479.9px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, #imCell_24, #imCell_25, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 100%; margin-inline-start: 0px; margin-inline-end: 0px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_3 { box-sizing: border-box; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_25 { box-sizing: border-box; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_4 { box-sizing: border-box; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_5 { box-sizing: border-box; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_6 { box-sizing: border-box; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_7 { box-sizing: border-box; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_8 { box-sizing: border-box; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_9 { box-sizing: border-box; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_10 { box-sizing: border-box; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_11 { box-sizing: border-box; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_12 { box-sizing: border-box; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_13 { box-sizing: border-box; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_14 { box-sizing: border-box; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_15 { box-sizing: border-box; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_16 { box-sizing: border-box; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_17 { box-sizing: border-box; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_18 { box-sizing: border-box; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_19 { box-sizing: border-box; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_20 { box-sizing: border-box; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_21 { box-sizing: border-box; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_22 { box-sizing: border-box; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_23 { box-sizing: border-box; } #imCell_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1376_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_24 { box-sizing: border-box; } } @media (min-width: 1200.0px) { #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -42.342% 0);clip-path: inset(0 0 -42.342% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imHTMLObject_59_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 1200px; height: 144px; text-align: center; z-index: 1004; overflow: hidden; } #imHeader_imCell_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_59 { grid-template-rows: [row-content] auto ; } #imHeader_imHTMLObject_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_59 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -17.021% 0);clip-path: inset(0 0 -17.021% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imHTMLObject_59_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 720px; height: 80px; text-align: center; z-index: 1004; overflow: hidden; } #imHeader_imCell_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_59 { grid-template-rows: [row-content] auto ; } #imHeader_imHTMLObject_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_59 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -47.297% 0);clip-path: inset(0 0 -47.297% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imHTMLObject_59_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 480px; height: 80px; text-align: center; z-index: 1004; overflow: hidden; } #imHeader_imCell_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_59 { grid-template-rows: [row-content] auto ; } #imHeader_imHTMLObject_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_59 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 479.9px) { #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_52 { box-sizing: border-box; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -25.532% 0);clip-path: inset(0 0 -25.532% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_58 { box-sizing: border-box; } #imHeader_imHTMLObject_59_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 320px; height: 80px; text-align: center; z-index: 1004; overflow: hidden; } #imHeader_imCell_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_59 { grid-template-rows: [row-content] auto ; } #imHeader_imHTMLObject_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_59 { box-sizing: border-box; } } @media (min-width: 1200.0px) { #imFooter_imHTMLObject_01_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 1200px; height: 1150px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_1 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imFooter_imHTMLObject_01_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 720px; height: 1920px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_1 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imFooter_imHTMLObject_01_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 480px; height: 1920px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_1 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 479.9px) { #imFooter_imHTMLObject_01_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 320px; height: 1920px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_1 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_1 { box-sizing: border-box; } } @media (min-width: 1200.0px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 1px; width: 248px; height: 85px; text-align: center; z-index: 1003; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 7px; width: 242px; height: 463px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 520px; text-align: center; z-index: 1002; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 2px; width: 246px; height: 86px; text-align: center; z-index: 1003; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 5px; width: 244px; height: 463px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 529px; text-align: center; z-index: 1002; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (max-width: 719.9px) and (min-width: 480.0px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 248px; height: 60px; text-align: center; z-index: 1002; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 249px; height: 463px; text-align: center; z-index: 1003; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 419px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (max-width: 479.9px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 248px; height: 60px; text-align: center; z-index: 1002; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleGraphics_19 { box-sizing: border-box; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 249px; height: 463px; text-align: center; z-index: 1003; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleGraphics_21 { box-sizing: border-box; } #imObjectForm_21_1_container { width: 100%; } #imObjectForm_21_2_container { width: 100%; } #imObjectForm_21_3_container { width: 100%; } #imObjectForm_21_4_container { width: 100%; } #imObjectForm_21_5_container { width: 100%; } #imObjectForm_21_6_container { width: 100%; } .imObjectForm_21_6_radiobutton { width: 100%; } .imObjectForm_21_6_radiobutton.firstrow { padding-top: 0; } .imObjectForm_21_6_radiobutton.firstrow.firstcolumn { padding-top: 5px; } #imObjectForm_21_7_container { width: 100%; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 419px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (min-width: 1200.0px) { #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 9.091% 0);clip-path: inset(0 0 9.091% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_69 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_104 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_106 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_107 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_108 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_108_button { margin: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 9.091% 0);clip-path: inset(0 0 9.091% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_69 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_104 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_106 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_107 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_108 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_108_button { margin: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 11.364% 0);clip-path: inset(0 0 11.364% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_69 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_104 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_106 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_107 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_108 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_108_button { margin: 0px; } } @media (max-width: 479.9px) { #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 2.632% 0);clip-path: inset(0 0 2.632% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_69 { box-sizing: border-box; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_95 { box-sizing: border-box; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_104 { box-sizing: border-box; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_106 { box-sizing: border-box; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_107 { box-sizing: border-box; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_108 { box-sizing: border-box; } #imStickyBar_imObjectButton_108_button { margin: 0px; } } #imPage.without-id_animation-in-progress { overflow: hidden }