*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
    background:#f5fbff;
    color:#2d3a4b;
    overflow-x:hidden;
}

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

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

.container{
    width:1200px;
    margin:auto;
}

header{
    width:100%;
    background:rgba(255,255,255,.9);
    backdrop-filter:blur(20px);
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    border-bottom:1px solid rgba(0,0,0,.05);
}

.navbar{
    height:80px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo{
    font-size:32px;
    font-weight:700;
    color:#4ea6ff;
}

.nav-links{
    display:flex;
    gap:35px;
}

.nav-links a{
    font-size:16px;
    transition:.3s;
    position:relative;
}

.nav-links a:hover,
.nav-links a.active{
    color:#2f7bff;
}

.nav-links a.active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-12px;
    height:3px;
    border-radius:3px;
    background:#2f7bff;
}

.nav-download{
    display:inline-block;
    margin-left:28px;
    padding:10px 22px;
    border-radius:999px;
    background:#2f7bff;
    color:#fff;
    font-weight:700;
    white-space:nowrap;
}

.nav-download:hover{
    color:#fff;
}

.hero{
    width:100%;
    min-height:100vh;
    display:flex;
    align-items:center;
    background:
    radial-gradient(circle at 85% 15%, rgba(126,200,255,.55), transparent 36%),
    linear-gradient(160deg,#f7fbff 0%,#e7f4ff 46%,#c5e4ff 100%);
    padding-top:100px;
}

.hero-content{
    max-width:650px;
}

.hero h1{
    font-size:64px;
    line-height:1.2;
    color:#2d3a4b;
    margin-bottom:25px;
}

.hero p{
    font-size:20px;
    line-height:1.8;
    color:#4b5d73;
    margin-bottom:40px;
}

.hero-btns{
    display:flex;
    gap:20px;
}

.btn{
    padding:16px 38px;
    border-radius:50px;
    transition:.3s;
    font-size:16px;
    font-weight:600;
    display:inline-block;
    border:0;
    cursor:pointer;
}

.btn-primary{
    background:#4ea6ff;
    color:#fff;
}

.btn-primary:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 30px rgba(78,166,255,.3);
}

.btn-light{
    background:#fff;
    color:#4ea6ff;
}

.section{
    padding:100px 0;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title h2{
    font-size:42px;
    margin-bottom:15px;
}

.section-title p{
    color:#7a8ca5;
    font-size:17px;
    line-height:1.8;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.card{
    background:#fff;
    padding:40px;
    border-radius:25px;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.card-icon{
    width:70px;
    height:70px;
    border-radius:20px;
    background:#e8f5ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:25px;
    overflow:hidden;
    padding:0;
}

.card-icon img{
    width:70px;
    height:70px;
    object-fit:cover;
    display:block;
}

.about-section .section-title p{
    max-width:820px;
    margin:0 auto;
}

.about-section .card{
    padding:0 0 32px;
    overflow:hidden;
}

.about-section .card img{
    width:100%;
    height:210px;
    object-fit:cover;
    display:block;
    margin-bottom:22px;
}

.about-section .card h3,
.about-section .card p,
.about-section .card a{
    margin-left:32px;
    margin-right:32px;
}

.about-section .card a{
    display:inline-block;
}

.card h3{
    font-size:24px;
    margin-bottom:15px;
}

.card p{
    color:#6b7d92;
    line-height:1.8;
}

.video-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.video-card{
    overflow:hidden;
    border-radius:25px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.video-poster{
    height:300px;
    display:block;
    background:#d7ecff;
    overflow:hidden;
}

.video-poster img{
    width:100%;
    height:300px;
    object-fit:cover;
    object-position:center;
    display:block;
}

.video-card .meta{
    padding:22px 24px 26px;
}

.video-card .meta h3{
    font-size:22px;
    margin-bottom:8px;
}

.video-card .meta p{
    color:#6b7d92;
    line-height:1.7;
}

.team-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.team-card{
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    transition:.3s;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.team-card:hover{
    transform:translateY(-10px);
}

.avatar-ph{
    height:220px;
    overflow:hidden;
}

.avatar-ph img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.page-photo{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
    border-radius:24px;
    margin-bottom:24px;
}

.team-info{
    padding:25px;
}

.team-info h4{
    font-size:22px;
    margin-bottom:10px;
}

.team-info p{
    color:#7a8ca5;
    line-height:1.7;
}

.cta{
    background:linear-gradient(135deg,#7ec8ff,#4ea6ff);
    color:#fff;
    border-radius:40px;
    padding:80px;
    text-align:center;
}

.cta h2{
    font-size:48px;
    margin-bottom:20px;
}

.cta p{
    font-size:18px;
    opacity:.9;
    margin-bottom:35px;
}

footer{
    margin-top:100px;
    background:#fff;
    padding:60px 0;
    border-top:1px solid rgba(0,0,0,.05);
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.footer-col h4{
    margin-bottom:20px;
    font-size:20px;
}

.footer-col a{
    display:block;
    margin-bottom:12px;
    color:#6b7d92;
    transition:.3s;
}

.footer-col a:hover{
    color:#4ea6ff;
}

.copyright{
    margin-top:50px;
    text-align:center;
    color:#7a8ca5;
}

.guide-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.card .more,
.video-card .more,
.section-title .more{
    display:inline-block;
    margin-top:18px;
    color:#4ea6ff;
    font-weight:600;
}

.article{
    background:#fff;
    border-radius:25px;
    padding:40px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.article h2{
    font-size:28px;
    margin:28px 0 12px;
    scroll-margin-top:110px;
}

.article h2:first-child{
    margin-top:0;
}

.article p,
.article li{
    color:#6b7d92;
    line-height:1.8;
}

.article ul{
    margin:8px 0 8px 1.2em;
}

.news-item{
    background:#fff;
    border-radius:25px;
    padding:32px 36px;
    margin-bottom:24px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.news-item time{
    color:#4ea6ff;
    font-weight:600;
}

.news-item h2,
.news-item h3{
    font-size:26px;
    margin:10px 0 12px;
}

.news-item p{
    color:#6b7d92;
    line-height:1.8;
}

.page-hero{
    padding:150px 0 20px;
    background:linear-gradient(180deg,#eaf6ff 0%,#f5fbff 100%);
}

.page-hero h1{
    font-size:40px;
    line-height:1.25;
    margin-bottom:12px;
}

.page-hero h1 span{
    color:#2f7bff;
}

.page-hero p{
    max-width:760px;
    color:#4b5d73;
    font-size:18px;
    line-height:1.8;
}

.contact-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:30px;
    align-items:start;
}

.form{
    background:#fff;
    padding:40px;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.form label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
}

.form input,
.form select,
.form textarea{
    width:100%;
    border:1px solid #e4eef8;
    background:#f8fbff;
    border-radius:14px;
    padding:14px 16px;
    margin-bottom:18px;
    font:inherit;
    color:#2d3a4b;
}

.form textarea{
    min-height:140px;
    resize:vertical;
}

.form-note{
    margin-top:4px;
    color:#4ea6ff;
    min-height:1.5em;
}

@media(max-width:1200px){

.container{
    width:92%;
}

}

@media(max-width:992px){

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

.services-grid,
.video-grid,
.team-grid,
.guide-grid,
.footer-grid{
    grid-template-columns:1fr 1fr;
}

}

@media(max-width:768px){

header{
    position:static;
}

.navbar{
    flex-direction:column;
    height:auto;
    padding:20px 0;
}

.nav-links{
    flex-wrap:wrap;
    justify-content:center;
    margin-top:20px;
    gap:15px;
}

.hero{
    text-align:center;
    min-height:auto;
    padding:48px 0 72px;
}

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

.hero-btns{
    justify-content:center;
    flex-wrap:wrap;
}

.services-grid,
.video-grid,
.team-grid,
.guide-grid,
.footer-grid,
.contact-grid{
    grid-template-columns:1fr;
}

.section{
    padding:70px 0;
}

.cta{
    padding:50px 30px;
}

.cta h2{
    font-size:34px;
}

.page-hero{
    padding:28px 0 8px;
}

.page-hero h1{
    font-size:34px;
}

}

.home-hero{
    padding:110px 0 48px;
    background:
    radial-gradient(circle at 78% 18%, rgba(126,200,255,.45), transparent 28%),
    linear-gradient(180deg,#f3f9ff 0%,#e7f3ff 55%,#f7fbff 100%);
}

.home-hero-grid{
    display:grid;
    grid-template-columns:1fr 1.05fr;
    gap:40px;
    align-items:center;
}

.eyebrow{
    color:#2f7bff;
    font-weight:700;
    letter-spacing:.08em;
    margin-bottom:12px;
}

.home-copy h1{
    font-size:44px;
    line-height:1.25;
    margin-bottom:16px;
}

.home-copy h1 span{
    color:#2f7bff;
}

.lead{
    color:#2d3a4b;
}

.lead{
    font-size:18px;
    font-weight:600;
    line-height:1.7;
    margin-bottom:18px;
}

.home-copy p{
    color:#4b5d73;
    font-size:16px;
    line-height:1.8;
    max-width:460px;
}

.btn-ghost{
    background:#fff;
    color:#2f7bff;
    border:1px solid #d5e7ff;
}

.phones{
    position:relative;
    min-height:520px;
}

.phone{
    width:250px;
    background:#fff;
    border:8px solid #1d2433;
    border-radius:32px;
    box-shadow:0 24px 50px rgba(47,123,255,.16);
    overflow:hidden;
}

.phone-list{
    position:absolute;
    left:0;
    top:30px;
}

.phone-live{
    position:absolute;
    right:10px;
    top:0;
    width:230px;
    height:460px;
    background:linear-gradient(180deg,#d7e8ff,#8eb6ff 40%,#2f7bff);
}

.phone-top,
.phone-tabs{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 14px 0;
    font-size:12px;
}

.phone-tabs{
    gap:8px;
    color:#8aa0b8;
    padding-bottom:10px;
}

.phone-tabs b{
    color:#2f7bff;
}

.person-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:0 10px 14px;
}

.person img,
.live-person img{
    display:block;
    width:100%;
    height:92px;
    object-fit:cover;
    border-radius:12px;
}

.live-person img{
    width:42px;
    height:42px;
    border-radius:50%;
}

.person b,
.person small,
.live-person b,
.live-person small{
    display:block;
}

.person b,
.live-person b{
    margin-top:6px;
    font-size:13px;
}

.person small,
.live-person small{
    color:#7a8ca5;
    font-size:11px;
}

.phone-live .phone-top,
.phone-live .live-person,
.phone-live .live-chat{
    color:#fff;
    padding:12px 14px;
}

.phone-live em{
    background:#2f7bff;
    border-radius:999px;
    padding:4px 10px;
    font-style:normal;
}

.live-person{
    display:flex;
    gap:10px;
    align-items:center;
}

.live-person img{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
}

.live-chat{
    position:absolute;
    left:0;
    right:0;
    bottom:18px;
}

.live-chat span{
    display:block;
    margin-top:8px;
    background:rgba(255,255,255,.2);
    border-radius:12px;
    padding:6px 10px;
    font-size:12px;
}

.phone-note{
    position:absolute;
    right:0;
    bottom:36px;
    color:#2f7bff;
    font-size:28px;
    font-weight:700;
    line-height:1.25;
    transform:rotate(-8deg);
}

.feature-bar{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:28px;
    background:#fff;
    border-radius:24px;
    box-shadow:0 12px 40px rgba(47,123,255,.08);
}

.feature-bar a{
    padding:22px 18px;
    text-align:center;
}

.feature-bar b,
.feature-bar small{
    display:block;
}

.feature-bar small{
    color:#7a8ca5;
    margin-top:4px;
}

.fi{
    display:inline-flex;
    width:36px;
    height:36px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e8f3ff;
    color:#2f7bff;
    font-weight:700;
    margin-bottom:8px;
}

@media(max-width:768px){

.home-hero{
    padding-top:28px;
}

.home-copy h1{
    font-size:32px;
}

.phone-list{
    position:relative;
    top:0;
}

.phone-note{
    display:none;
}

.home-hero-grid,
.phones{
    display:block;
}

.phone-live{
    position:relative;
    top:16px;
    right:auto;
    margin-top:16px;
}

.feature-bar{
    grid-template-columns:1fr 1fr;
}

.nav-download{
    margin:8px 0 0;
}

}

.page-videos .page-hero{
    padding:104px 0 8px;
}

.page-videos .showcase{
    padding:28px 0 0;
}

.page-videos .related-section{
    padding:70px 0 80px;
}

.page-videos .video-poster,
.page-videos .video-poster img{
    height:340px;
}

.card-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px 22px;
}

.explore-panel{
    background:#f4f9ff;
    border-radius:24px;
    padding:64px 40px 56px;
}

.explore-panel .section-title{
    margin-bottom:36px;
}

.explore-panel .section-title h2{
    font-size:32px;
}

.explore-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    align-items:stretch;
}

.explore-card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border-radius:18px;
    padding:22px 22px 26px;
    box-shadow:0 10px 28px rgba(47,123,255,.06);
}

.explore-icon{
    height:118px;
    margin-bottom:22px;
    border-radius:16px;
    background:#eef5ff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.explore-icon svg{
    width:36px;
    height:36px;
    stroke:#2f7bff;
    fill:none;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.explore-card h3{
    font-size:22px;
    margin-bottom:10px;
}

.explore-card p{
    color:#6b7d92;
    line-height:1.7;
}

.explore-card .more{
    margin-top:auto;
    padding-top:18px;
}

.back-products{
    text-align:center;
    margin:40px 0 0;
}

@media(max-width:768px){
.page-videos .page-hero{
    padding:28px 0 8px;
}
.page-videos .video-poster,
.page-videos .video-poster img{
    height:220px;
}
.page-videos .related-section{
    padding:60px 0 70px;
}
.explore-panel{
    padding:40px 18px 36px;
}
.explore-grid{
    grid-template-columns:1fr;
}
}

.product-hero{
    padding:118px 0 28px;
    background:
    radial-gradient(circle at 12% 78%, rgba(126,200,255,.38), transparent 24%),
    radial-gradient(circle at 86% 16%, rgba(126,200,255,.5), transparent 26%),
    linear-gradient(180deg,#eef7ff 0%,#f7fbff 100%);
}

.product-hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:28px;
    align-items:center;
}

.product-copy h1{
    font-size:46px;
    line-height:1.2;
    margin-bottom:14px;
}

.product-copy p{
    max-width:500px;
    color:#4b5d73;
    font-size:16px;
    line-height:1.8;
    margin-bottom:22px;
}

.product-stage{
    position:relative;
    height:440px;
}

.mini-phone{
    position:absolute;
    width:206px;
    background:#fff;
    border:7px solid #1d2433;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 18px 40px rgba(47,123,255,.16);
}

.mini-phone.back{
    left:8px;
    top:48px;
    transform:rotate(-8deg);
}

.mini-phone.front{
    right:28px;
    top:0;
    width:214px;
    height:390px;
    transform:rotate(7deg);
    background:linear-gradient(180deg,#d7e8ff,#7eafff 42%,#2f7bff);
    color:#fff;
}

.mini-top,
.mini-tabs{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 12px 0;
    font-size:12px;
}

.mini-tabs{
    gap:6px;
    color:#8aa0b8;
    padding-bottom:8px;
}

.mini-tabs b,
.mini-top b{
    color:#2f7bff;
}

.mini-people{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:0 10px 12px;
}

.mini-people span{
    display:block;
}

.mini-people i{
    display:flex;
    align-items:center;
    justify-content:center;
    height:72px;
    border-radius:12px;
    background:linear-gradient(160deg,#d7ebff,#8ec0ff);
    color:#fff;
    font-style:normal;
    font-weight:700;
}

.mini-people b,
.mini-people small{
    display:block;
}

.mini-people b{
    margin-top:4px;
    font-size:12px;
}

.mini-people small{
    color:#7a8ca5;
    font-size:10px;
}

.mini-live{
    margin:28px 16px 0;
}

.mini-live strong,
.mini-live small{
    display:block;
}

.mini-bubbles{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:16px;
}

.mini-bubbles span{
    align-self:flex-start;
    background:rgba(255,255,255,.92);
    color:#2d3a4b;
    border-radius:14px;
    padding:8px 10px;
    font-size:12px;
}

.scribble{
    position:absolute;
    right:0;
    bottom:18px;
    color:#2f7bff;
    font-size:22px;
    line-height:1.25;
    transform:rotate(-8deg);
    font-weight:700;
}

.feature-section{
    padding:72px 0 40px;
}

.feat-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.feat-card{
    position:relative;
    min-height:286px;
    background:#fff;
    border-radius:22px;
    padding:26px 22px 22px;
    box-shadow:0 12px 32px rgba(47,123,255,.07);
    overflow:hidden;
}

.feat-body{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    max-width:62%;
    min-height:238px;
}

.feat-card h3{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:22px;
    margin-bottom:12px;
}

.feat-card p{
    color:#6b7d92;
    line-height:1.75;
    font-size:14px;
}

.feat-card .more{
    margin-top:auto;
    padding-top:16px;
}

.feat-ico{
    width:28px;
    height:28px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#e8f3ff;
}

.feat-ico svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:#2f7bff;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.feat-ico.msg{background:#ffeaf1;}
.feat-ico.msg svg{stroke:#ff5b8a;}
.feat-ico.group{background:#f1eaff;}
.feat-ico.group svg{stroke:#7b61ff;}
.feat-ico.live{background:#ffecec;}
.feat-ico.live svg{stroke:#ff4d4f;}
.feat-ico.heart{background:#e9fbf3;}
.feat-ico.heart svg{stroke:#22c55e;}
.feat-ico.tag{background:#fff4e8;}
.feat-ico.tag svg{stroke:#ff8a34;}

.feat-visual{
    position:absolute;
    right:16px;
    top:22px;
    width:132px;
}

.map-visual{
    height:132px;
    border-radius:18px;
    background:
    radial-gradient(circle at 50% 50%, rgba(47,123,255,.16), transparent 58%),
    linear-gradient(180deg,#f4f9ff,#e7f2ff);
}

.map-ring{
    position:absolute;
    left:28px;
    top:28px;
    width:76px;
    height:76px;
    border:1px dashed #9ec7ff;
    border-radius:50%;
}

.map-pin{
    position:absolute;
    left:58px;
    top:52px;
    width:14px;
    height:14px;
    border-radius:50% 50% 50% 0;
    background:#2f7bff;
    transform:rotate(-45deg);
}

.map-visual i{
    position:absolute;
    width:28px;
    height:28px;
    border-radius:50%;
    background:#8ec0ff;
    color:#fff;
    font-style:normal;
    font-size:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.map-visual i:nth-of-type(1){left:8px;top:18px;background:#5aa6ff;}
.map-visual i:nth-of-type(2){right:10px;top:24px;background:#7b61ff;}
.map-visual i:nth-of-type(3){left:36px;bottom:12px;background:#49c2ff;}

.chat-visual{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.bubble{
    display:inline-block;
    max-width:128px;
    padding:8px 10px;
    border-radius:14px;
    font-size:12px;
    line-height:1.4;
}

.bubble.in{background:#f2f5f8;color:#2d3a4b;}
.bubble.out,
.bubble.voice{align-self:flex-end;background:#2f7bff;color:#fff;}

.group-visual{
    display:flex;
    flex-direction:column;
    gap:8px;
    width:146px;
}

.group-visual span{
    display:grid;
    grid-template-columns:22px 1fr;
    grid-template-rows:auto auto;
    column-gap:6px;
    align-items:center;
}

.group-visual i{
    grid-row:1 / span 2;
    width:22px;
    height:22px;
    border-radius:50%;
    background:linear-gradient(160deg,#d7ebff,#7eafff);
}

.group-visual b{font-size:12px;}
.group-visual small{color:#8aa0b8;font-size:10px;}
.group-visual em{
    font-style:normal;
    color:#8aa0b8;
    font-size:11px;
}

.live-visual{
    height:168px;
    border-radius:16px;
    padding:12px;
    color:#fff;
    background:linear-gradient(180deg,#ffb087,#ff6b6b 40%,#2d3a4b);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.live-visual b{
    align-self:flex-start;
    background:#ff3b30;
    border-radius:8px;
    padding:2px 6px;
    font-size:11px;
    margin-bottom:auto;
}

.health-visual{
    width:124px;
    height:168px;
    object-fit:cover;
    border-radius:16px;
}

.brand-visual{
    width:118px;
    height:132px;
    border-radius:28px;
    background:linear-gradient(180deg,#6eb6ff,#2f7bff);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
    box-shadow:0 12px 24px rgba(47,123,255,.25);
}

.brand-visual svg{
    width:42px;
    height:42px;
    fill:#fff;
}

.brand-visual b{
    margin-top:6px;
    letter-spacing:.08em;
    font-size:13px;
}

@media(max-width:992px){
.feat-grid{
    grid-template-columns:1fr 1fr;
}
}

@media(max-width:768px){
.product-hero{
    padding:28px 0 12px;
}
.product-hero-grid,
.feat-grid{
    grid-template-columns:1fr;
}
.product-copy h1{
    font-size:34px;
}
.product-stage{
    height:390px;
    margin-top:12px;
}
.scribble{
    display:none;
}
.feat-body{
    max-width:100%;
    min-height:0;
    padding-right:128px;
}
}

.entity-link{
    color:#2f7bff;
    border-bottom:1px solid rgba(47,123,255,.35);
}

.link-web{
    padding:12px 0 72px;
}

.link-web-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.link-web-grid a{
    display:block;
    background:#fff;
    border-radius:18px;
    padding:18px 18px 16px;
    box-shadow:0 10px 28px rgba(47,123,255,.06);
}

.link-web-grid b{
    display:block;
    margin-bottom:6px;
    font-size:18px;
}

.link-web-grid small{
    color:#6b7d92;
    line-height:1.6;
}

@media(max-width:768px){
.link-web-grid{
    grid-template-columns:1fr;
}
}