:root {
    --navy:#073473;
    --deep:#052b60;
    --blue:#087ebb;
    --sky:#eef8ff;
    --line:#d7e7f4;
    --text:#112d52;
    --muted:#5d728e;
    --white:#fff;
    --shadow:0 18px 55px rgba(7,52,115,.10)
}

* {
    box-sizing:border-box
}

html {
    scroll-behavior:smooth
}

body {
    margin:0;
    background:#fff;
    color:var(--text);
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    line-height:1.45
}

a {
    text-decoration:none;
    color:inherit
}

img {
    display:block;
    max-width:100%
}

.topbar {
    height:35px;
    background:linear-gradient(90deg,#043477,#08478f,#073477);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    font-weight:800;
    font-size:13px
}

.topbar a {
    background:#fff;
    color:var(--navy);
    padding:6px 18px;
    border-radius:999px;
    font-size:12px
}

.header {
    height:104px;
    padding:0 7.8vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(255,255,255,.94);
    position:sticky;
    top:0;
    z-index:40;
    backdrop-filter:blur(14px)
}

.logo img {
    width:174px
}

.nav {
    display:flex;
    align-items:center;
    gap:35px;
    font-weight:800;
    color:#062d63
}

.nav a {
    font-size:13px
}

.wa,.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--navy);
    color:#fff;
    border-radius:8px;
    padding:13px 21px;
    font-weight:850;
    box-shadow:0 10px 28px rgba(4,52,119,.16);
    transition:.25s
}

.wa:before,.primary:before {
    content:'◉';
    font-size:12px;
    margin-right:8px;
    color:#fff
}

.navwa {
    padding:13px 18px
}

.hamb {
    display:none
}

.hero {
    display:grid;
    grid-template-columns:41.2% 58.8%;
    min-height:575px;
    padding:31px 7.8vw 20px;
    align-items:center;
    overflow:hidden;
    background:linear-gradient(90deg,#fff 0%,#fff 39%,#f7fcff 100%)
}

.heroText {
    position:relative;
    z-index:3
}

.pill {
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    background:#e8f4ff;
    color:#075e9f;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.02em;
    font-size:12px;
    padding:9px 14px;
    margin-bottom:21px
}

.hero h1,.section h2,.promo h2,.closing h2 {
    font-family:Georgia,'Times New Roman',serif;
    color:#073473;
    line-height:1.05;
    margin:0
}

.hero h1 {
    font-size:55px;
    letter-spacing:-1.2px
}

.hero h1 span {
    color:#075fbb
}

.hero h3 {
    font-size:18px;
    margin:21px 0 11px;
    color:#0b376c
}

.hero p {
    max-width:430px;
    color:#536b88;
    margin:0
}

.actions {
    display:flex;
    gap:16px;
    margin:28px 0 46px
}

.btn {
    min-width:163px;
    border:1.4px solid var(--navy)
}

.ghost {
    background:#fff;
    color:var(--navy);
    box-shadow:none
}

.ghost:before {
    display:none
}

.mini-features {
	flex-direction: row;
	gap: 8px;
	justify-content: space-between;
	align-items: flex-start;
    display:flex;
    font-size:12px;
    font-weight:800;
    color:#183a66
}

.ico {
    width:35px;
    height:35px;
    display:block;
    margin-bottom:8px;
    background:var(--navy);
    mask:center/contain no-repeat;
    -webkit-mask:center/contain no-repeat
}

.drop {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8 7 5 10 5 15a7 7 0 0 0 14 0c0-5-3-8-7-13z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8 7 5 10 5 15a7 7 0 0 0 14 0c0-5-3-8-7-13z'/%3E%3C/svg%3E")
}

.shield {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l8 4v5c0 5-3.4 8.5-8 9-4.6-.5-8-4-8-9V7l8-4z'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l8 4v5c0 5-3.4 8.5-8 9-4.6-.5-8-4-8-9V7l8-4z'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E")
}

.mineral {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 3 4-1 1 4 3 3-3 3-1 4-4-1-3 3-3-3-4 1-1-4-3-3 3-3 1-4 4 1 3-3z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 3 4-1 1 4 3 3-3 3-1 4-4-1-3 3-3-3-4 1-1-4-3-3 3-3 1-4 4 1 3-3z'/%3E%3C/svg%3E")
}

.heroImage {
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center
}

.heroImage img {
    width:100%;
    height:auto;
    max-height:830px;
    object-fit:contain;
    mix-blend-mode:multiply;
    animation:none;

    -webkit-mask-image:radial-gradient(
        ellipse at center,
        black 10%,
        transparent 100%
    );

    mask-image:radial-gradient(
        ellipse at center,
        black 10%,
        transparent 100%
    );

    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;

    -webkit-mask-size:100% 100%;
    mask-size:100% 100%
}

.section {
    padding:37px 7.8vw;
    text-align:center
}

.section h2 {
    font-size:32px;
    margin-bottom:26px
}

.near {
    padding-top:24px
}

.three {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:0;
    max-width:900px;
    margin:0 auto
}

.three article {
    padding:18px 52px;
    border-right:1px solid var(--line)
}

.three article:last-child {
    border-right:0
}

.three h4 {
    color:#073473;
    margin:10px 0 4px
}

.three p {
    font-size:12px;
    color:#4f6886;
    margin:0
}

.lineIcon,.stepIcon {
    display:block;
    margin:0 auto;
    width:48px;
    height:48px;
    background:var(--blue);
    mask:center/contain no-repeat;
    -webkit-mask:center/contain no-repeat
}

.truck,.delivery {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11v10H3zM14 10h4l3 3v4h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11v10H3zM14 10h4l3 3v4h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")
}

.box {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 7l9-4 9 4-9 4-9-4zM3 7v10l9 4 9-4V7M12 11v10'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 7l9-4 9 4-9 4-9-4zM3 7v10l9 4 9-4V7M12 11v10'/%3E%3C/svg%3E")
}

.user {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-5 15-5 16 0'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-5 15-5 16 0'/%3E%3C/svg%3E")
}

.audience {
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;
    max-width:1150px;
    margin:0 auto
}

.audience article {
    height:72px;
    border:1px solid var(--line);
    border-radius:8px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex-direction:column;
    color:#063471;
    box-shadow:0 8px 22px rgba(8,78,136,.04)
}

.audience .lineIcon {
    width:31px;
    height:31px;
    margin:0
}

.home {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 11l9-8 9 8M5 10v11h14V10M9 21v-7h6v7'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 11l9-8 9 8M5 10v11h14V10M9 21v-7h6v7'/%3E%3C/svg%3E")
}

.building,.hotel {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V5h10v16M14 9h6v12M7 8h2M7 12h2M7 16h2M17 12h1M17 16h1M2 21h20'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V5h10v16M14 9h6v12M7 8h2M7 12h2M7 16h2M17 12h1M17 16h1M2 21h20'/%3E%3C/svg%3E")
}

.cafe {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h12v6a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5zM16 10h2a3 3 0 0 1 0 6h-2M6 21h12M7 3v2M11 3v2M15 3v2'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h12v6a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5zM16 10h2a3 3 0 0 1 0 6h-2M6 21h12M7 3v2M11 3v2M15 3v2'/%3E%3C/svg%3E")
}

.gym {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 10v4M6 8v8M9 12h6M18 8v8M21 10v4'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 10v4M6 8v8M9 12h6M18 8v8M21 10v4'/%3E%3C/svg%3E")
}

.event,.clip {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 3v4M18 3v4M4 7h16v14H4zM8 12h8M8 16h5'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 3v4M18 3v4M4 7h16v14H4zM8 12h8M8 16h5'/%3E%3C/svg%3E")
}

.products {
    padding-top:22px;
    background:linear-gradient(180deg,#fff,#f8fcff)
}

.sub {
    color:#536b88;
    margin-top:-16px;
    margin-bottom:28px
}

.productGrid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    max-width:1138px;
    margin:0 auto
}

.product {
    display:grid;
    grid-template-columns:39% 61%;
    align-items:center;
    text-align:left;
    min-height:217px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:8px;
    padding:18px 25px 18px 12px;
    box-shadow:0 12px 30px rgba(8,61,122,.05);
    transition:.25s
}

.product:hover {
    transform:translateY(-4px)
}

.product img {
    height:180px;
    width:100%;
	padding: 15px;
    object-fit:contain;
    mix-blend-mode:multiply
}

.product h3 {
    font-family:Georgia,'Times New Roman',serif;
    color:#063a80;
    font-size:24px;
    line-height:1.02;
    margin:0 0 15px
}

.product p {
    font-size:13px;
    color:#334c6e;
    margin-bottom:18px
}

.product .wa {
    padding:11px 17px;
    font-size:12px
}

.promo {
    margin:22px 7.8vw 0;
    min-height:355px;
    border-radius:9px;
    background:linear-gradient(100deg,#eaf6ff,#f8fcff 55%,#e9f6ff);
    display:grid;
    grid-template-columns:44% 56%;
    align-items:center;
    overflow:hidden;
    padding:30px 50px;
    box-shadow:var(--shadow)
}

.promoText {
    text-align:left
}

.promoText b {
    color:#055b9b;
    font-size:12px
}

.promo h2 {
    font-size:33px;
    margin:8px 0 12px
}

.promo p,.promo li {
    color:#334c6e;
    font-size:13px
}

.promo ul {
    padding-left:17px;
    margin:0 0 18px
}

.promo img {
    height:355px;
    width:100%;
    object-fit:contain;
    border-radius:6px;
    mix-blend-mode:multiply
}

.steps {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:72px;
    max-width:1080px;
    margin:16px auto 0;
    position:relative
}

.steps:before {
    content:'';
    position:absolute;
    left:19%;
    right:19%;
    top:42px;
    border-top:2px solid #b8cfe5
}

.steps article {
    position:relative;
    background:#fff
}

.steps em {
    position:absolute;
    top:-20px;
    left:12px;
    width:27px;
    height:27px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--navy);
    color:white;
    font-style:normal;
    font-weight:900
}

.stepIcon {
    width:75px;
    height:58px;
    border:1px solid var(--line);
    border-radius:8px;
    background-color:#0c83bd;
    padding:15px;
    box-shadow:0 8px 18px rgba(8,61,122,.04);
    mask-size:44px;
    -webkit-mask-size:44px
}

.whatsapp {
    background:#29b65f;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11.7A8 8 0 0 1 8.2 18.8L4 20l1.2-4A8 8 0 1 1 20 11.7zM8.5 7.8c-.2.2-.7.6-.7 1.6s.7 2 1.1 2.4c.4.5 1.6 2.5 3.9 3.4 1.9.8 2.3.6 2.7.6.4 0 1.3-.5 1.5-1 .2-.5.2-.9.1-1-.1-.1-.2-.2-.5-.3l-1.5-.7c-.2-.1-.4-.1-.6.2l-.7.8c-.1.2-.3.2-.5.1-1.3-.5-2.4-1.5-3.1-2.7-.1-.2 0-.4.1-.5l.4-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5l-.7-1.6c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.4.1-.6.3z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11.7A8 8 0 0 1 8.2 18.8L4 20l1.2-4A8 8 0 1 1 20 11.7zM8.5 7.8c-.2.2-.7.6-.7 1.6s.7 2 1.1 2.4c.4.5 1.6 2.5 3.9 3.4 1.9.8 2.3.6 2.7.6.4 0 1.3-.5 1.5-1 .2-.5.2-.9.1-1-.1-.1-.2-.2-.5-.3l-1.5-.7c-.2-.1-.4-.1-.6.2l-.7.8c-.1.2-.3.2-.5.1-1.3-.5-2.4-1.5-3.1-2.7-.1-.2 0-.4.1-.5l.4-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5l-.7-1.6c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.4.1-.6.3z'/%3E%3C/svg%3E")
}

.chat {
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H8l-4 4V5zM8 9h8M8 13h5'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H8l-4 4V5zM8 9h8M8 13h5'/%3E%3C/svg%3E")
}

.steps h4 {
    color:#063471;
    margin:12px 0 5px
}

.steps p {
    font-size:12px;
    color:#536b88;
    margin:0
}

.faq {
    padding-top:20px
}

.faqGrid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 25px;
    max-width:1160px;
    margin:0 auto;
    text-align:left
}

.faqGrid details {
    border:1px solid var(--line);
    border-bottom:0;
    background:#fff
}

.faqGrid details:nth-last-child(-n+2) {
    border-bottom:1px solid var(--line)
}

summary {
    list-style:none;
    padding:14px 18px;
    cursor:pointer;
    font-size:13px;
    font-weight:900;
    color:#143b69;
    position:relative
}

summary::-webkit-details-marker {
    display:none
}

summary:after {
    content:'⌄';
    position:absolute;
    right:17px;
    color:#073473;
    font-size:18px;
    top:8px
}

details[open] summary:after {
    transform:rotate(180deg)
}

details p {
    margin:0;
    padding:0 18px 15px;
    color:#5b708a;
    font-size:13px
}

.closing {
    margin:20px 7.8vw 0;
    border-radius:9px;
    background:linear-gradient(90deg,#eaf6ff,#f6fbff);
    display:grid;
    grid-template-columns:34% 66%;
    align-items:center;
    overflow:hidden;
    min-height:130px
}

.closing img {
    height:255px;
    width:100%;
    object-fit:contain;
    mix-blend-mode:multiply
}

.closing div {
    padding:20px 34px;
    text-align:left
}

.closing h2 {
    font-size:32px;
    margin-bottom:8px
}

.closing p {
    color:#536b88;
    margin:0 0 16px
}

.footer {
    padding:30px 7.8vw 20px;
    background:white;
    display:grid;
    grid-template-columns:1.15fr .92fr .92fr;
    gap:60px;
    border-bottom:0
}

.footer img {
    width:180px;
    margin-bottom:10px
}

.footer p {
    color:#536b88;
    max-width:285px
}

.footer h4 {
    color:#073473;
    margin:0 0 16px
}

.social {
    display:grid;
    grid-template-columns:32px 1fr;
    grid-template-rows:auto auto;
    column-gap:10px;
    margin:13px 0;
    color:#16395f
}

.social span {
    grid-row:1/3;
    width:26px;
    height:26px;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-weight:900
}

.social b {
    font-size:13px
}

.social small {
    color:#536b88
}

.website span {
    border:2px solid #087ebb;
    color:#087ebb
}

.instagram span {
    color:#fff;
    background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)
}

.shopee span {
    color:#fff;
    background:#fb5a1e
}

.tiktok span {
    color:#fff;
    background:#111
}

.copyright {
    height:39px;
    background:#073473;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px
}

.floatWA {
    position:fixed;
    right:24px;
    bottom:24px;
    width:58px;
    height:58px;
    border-radius:50%;
    background:#22bd5b;
    color:white;
    display:grid;
    place-items:center;
    font-size:26px;
    font-weight:900;
    z-index:50;
    box-shadow:0 15px 34px rgba(0,0,0,.2)
}

.reveal {
    opacity:0;
    transform:translateY(20px);
    transition:opacity .75s ease,transform .75s ease
}

.reveal.show {
    opacity:1;
    transform:none
}

@keyframes heroFloat {
    0%,100% {
        transform:translateY(0)
    }

    50% {
        transform:translateY(-8px)
    }

}

@media (max-width: 980px) {
    .topbar {
        height:auto;
        min-height:35px;
        padding:8px 16px;
        flex-wrap:wrap;
        text-align:center;
    }

    .header {
        height:76px;
        padding:0 5vw;
    }

    .logo img {
        width:150px;
    }

    .hamb {
        display:block;
        border:1px solid var(--line);
        background:#fff;
        border-radius:8px;
        padding:8px 12px;
        font-size:20px;
    }

    .nav {
        display:none;
        position:absolute;
        left:5vw;
        right:5vw;
        top:72px;
        background:#fff;
        border:1px solid var(--line);
        box-shadow:var(--shadow);
        padding:20px;
        border-radius:16px;
        flex-direction:column;
        gap:16px;
    }

    .nav.open {
        display:flex;
    }

    .hero {
        grid-template-columns:1fr;
        padding:35px 5vw;
    }

    .hero h1 {
        font-size:43px;
    }

    .heroImage img {
        max-height:none;
        -webkit-mask-image:radial-gradient(
            ellipse at center,
            black 68%,
            transparent 100%
        ) !important;
        mask-image:radial-gradient(
            ellipse at center,
            black 68%,
            transparent 100%
        ) !important;
        -webkit-mask-repeat:no-repeat !important;
        mask-repeat:no-repeat !important;
        -webkit-mask-size:100% 100% !important;
        mask-size:100% 100% !important;
    }

    .mini-features {
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        justify-content:space-between !important;
        align-items:flex-start !important;
        gap:8px !important;
        width:100% !important;
        font-size:11px;
    }

    .mini-features > div {
        display:block !important;
        flex:1 1 0 !important;
        width:33.333% !important;
        min-width:0 !important;
        text-align:center !important;
    }

    .mini-features .ico {
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .three,
    .productGrid,
    .steps,
    .faqGrid,
    .promo,
    .closing,
    .footer {
        grid-template-columns:1fr;
    }

    .three article {
        border-right:0;
        border-bottom:1px solid var(--line);
    }

    .three article:last-child {
        border-bottom:0;
    }

    .audience {
        grid-template-columns:repeat(2,1fr);
    }

    .steps {
        gap:24px;
    }

    .steps:before {
        display:none;
    }

    .promo,
    .closing {
        margin-left:5vw;
        margin-right:5vw;
    }

    .footer {
        gap:24px;
    }

    .product {
        grid-template-columns:1fr;
        text-align:center;
        padding:22px;
    }

    .product img {
        height:210px;
    }

    .promo {
        padding:28px;
    }

    .promo img {
        order:-1;
    }

    .closing div {
        text-align:center;
    }

    .closing img {
        display:none;
    }
}

@media (max-width: 520px) {
    .actions {
        flex-direction:column;
    }

    .btn,
    .wa {
        width:100%;
    }

    .mini-features {
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        justify-content:space-between !important;
        align-items:flex-start !important;
        gap:6px !important;
        width:100% !important;
        font-size:10px;
    }

    .mini-features > div {
        display:block !important;
        flex:1 1 0 !important;
        width:33.333% !important;
        min-width:0 !important;
        text-align:center !important;
    }

    .mini-features .ico {
        width:32px;
        height:32px;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .audience {
        grid-template-columns:1fr;
    }

    .section {
        padding-left:5vw;
        padding-right:5vw;
    }

    .floatWA {
        width:52px;
        height:52px;
    }

    .copyright {
        padding:0 70px;
        text-align:center;
    }
}