/* Start:/local/power-vpn/assets/landings.css?17906303585543*/
.landing-hero { background: var(--sky); padding: 20px 0 50px; overflow: hidden; }
.landing-breadcrumb { display: flex; gap: 12px; align-items: center; color: var(--muted); font-size: 12px; margin-bottom: 42px; }
.landing-breadcrumb a:hover { color: var(--blue); }
.landing-hero-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.landing-hero h1 { font-size: clamp(44px, 5vw, 72px); letter-spacing: -2.8px; line-height: 1.06; max-width: 760px; }
.landing-lead { max-width: 650px; font-size: 19px; line-height: 1.65; margin-top: 26px; }
.landing-actions { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; margin-top: 30px; }
.landing-actions .button { font-size: 15px; }
.landing-text-link { color: var(--blue); font-size: 14px; font-weight: 600; }
.landing-notice { font-size: 12px; line-height: 1.7; margin-top: 19px; max-width: 540px; }
.landing-art { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 330px; }
.landing-art > img { width: 100%; height: auto; max-width: 420px; transform: rotate(-8deg); }
.landing-art .landing-globe { width: 210px; opacity: .55; }
.landing-art-note { display: block; font-size: 12px; color: var(--muted); margin-top: 22px; }
.landing-hero--trial { background: linear-gradient(115deg, #fff7ef, #fff0e6); }
.landing-trial-number { color: var(--blue); font-size: 220px; line-height: 1; letter-spacing: -13px; font-weight: 700; position: relative; }
.landing-trial-number::after { content: '+'; position: absolute; right: -45px; top: 20px; color: var(--orange); font-weight: 400; font-size: 70px; }
.landing-trial-number span { display: block; font-size: 11px; letter-spacing: 2px; font-weight: 500; margin-top: 18px; text-align: center; }
.landing-screen { width: 300px; min-height: 260px; border: 7px solid #111620; border-radius: 24px; background: #fff; box-shadow: 18px 20px 0 #1075ff0d; padding: 24px; display: flex; flex-direction: column; align-items: center; gap: 18px; transform: rotate(-6deg); }
.landing-screen > span { font-size: 11px; font-weight: 700; color: var(--blue); align-self: flex-start; }
.landing-screen strong { font-size: 29px; letter-spacing: -1px; }
.landing-screen small { color: var(--muted); font-size: 11px; }
.landing-highlights { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; }
.landing-highlights article { border: 1px solid var(--border); border-radius: 20px; padding: 28px; }
.landing-card-number { color: var(--blue); font-size: 12px; letter-spacing: 2px; display: block; margin-bottom: 23px; }
.landing-highlights h2 { font-size: 24px; letter-spacing: -.7px; margin-bottom: 13px; }
.landing-highlights p { font-size: 14px; line-height: 1.8; }
.landing-details { background: #f5f6f8; padding-block: 60px; }
.landing-editorial { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 80px; }
.landing-editorial > div > h2 { font-size: 36px; max-width: 350px; }
.landing-editorial > div > p:last-child { font-size: 15px; margin-top: 22px; }
.landing-articles { display: grid; gap: 30px; }
.landing-articles h2 { font-size: 22px; line-height: 1.3; letter-spacing: -.5px; margin-bottom: 13px; }
.landing-articles p { font-size: 15px; line-height: 1.85; }
.landing-faq-layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 80px; }
.landing-faq .faq-grid { margin-top: 0; }
.landing-faq h2 { max-width: 360px; font-size: 34px; }
.landing-related { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.landing-related a { display: flex; justify-content: space-between; gap: 20px; padding: 24px; border: 1px solid var(--border); border-radius: 16px; font-size: 15px; }
.landing-related a:hover { border-color: var(--blue); color: var(--blue); }
.landing-related a > span:last-child { color: var(--blue); }
@media (max-width: 960px) {
    .landing-hero-grid { gap: 28px; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); }
    .landing-hero h1 { font-size: 48px; }
    .landing-screen { width: 240px; }
    .landing-editorial,.landing-faq-layout { gap: 35px; }
    .landing-highlights { gap: 15px; }
    .landing-highlights article { padding: 22px; }
}
@media (max-width: 700px) {
    .landing-hero { padding: 12px 0 35px; }
    .landing-breadcrumb { margin-bottom: 29px; font-size: 11px; }
    .landing-hero-grid,.landing-editorial,.landing-faq-layout { grid-template-columns: minmax(0,1fr); gap: 30px; }
    .landing-hero h1 { font-size: 42px; letter-spacing: -1.8px; }
    .landing-hero .eyebrow { font-size: 9px; letter-spacing: 1.4px; }
    .landing-lead { font-size: 16px; margin-top: 20px; }
    .landing-actions { gap: 19px; }
    .landing-actions .button { width: 100%; justify-content: space-between; }
    .landing-art { min-height: 0; }
    .landing-art > img { max-width: 245px; }
    .landing-art .landing-globe { width: 130px; }
    .landing-trial-number { font-size: 140px; letter-spacing: -7px; }
    .landing-trial-number::after { font-size: 45px; right: -25px; }
    .landing-screen { width: 220px; min-height: 220px; padding: 20px; gap: 13px; }
    .landing-highlights,.landing-related { grid-template-columns: minmax(0,1fr); }
    .landing-card-number { margin-bottom: 12px; }
    .landing-details { padding-block: 40px; }
    .landing-editorial > div > h2,.landing-faq h2 { font-size: 30px; }
    .landing-articles p { font-size: 14px; }
}
body:has(.landing-hero--trial) .site-header {
    background: #fff;
}

/* End */
/* /local/power-vpn/assets/landings.css?17906303585543 */