:root{
    --pp-navy:#071B35;
    --pp-blue:#005B96;
    --pp-cyan:#00A7D8;
    --pp-light:#F5FAFD;
    --pp-text:#1E293B;
    --pp-muted:#64748B;
    --pp-white:#FFFFFF;
}
.pp-site{
    font-family: 'Lato', Arial, sans-serif;
    color: var(--pp-text);
    background: var(--pp-white);
}
.pp-site *{box-sizing:border-box}
.pp-container{
    width:min(1160px, 92%);
    margin:0 auto;
}
.pp-hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(120deg, rgba(7,27,53,.92), rgba(0,91,150,.48)),
        url('https://images.unsplash.com/photo-1572331165267-854da2b10ccc?auto=format&fit=crop&w=1800&q=80') center/cover;
}
.pp-overlay{
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 75% 40%, rgba(0,167,216,.28), transparent 35%);
}
.pp-hero-content{
    position:relative;
    z-index:2;
    color:white;
    padding:90px 0;
}
.pp-logo{
    letter-spacing:.18em;
    font-size:20px;
    font-weight:800;
    margin-bottom:70px;
}
.pp-logo span{color:var(--pp-cyan)}
.pp-eyebrow{
    color:var(--pp-cyan);
    font-size:13px;
    letter-spacing:.18em;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:18px;
}
.pp-hero h1{
    font-family:'Montserrat', Arial, sans-serif;
    font-size:clamp(48px, 8vw, 96px);
    line-height:.92;
    letter-spacing:-.06em;
    margin:0 0 28px;
    color:white;
}
.pp-hero-text{
    max-width:560px;
    font-size:22px;
    line-height:1.45;
    opacity:.92;
}
.pp-buttons{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    margin-top:36px;
}
.pp-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 24px;
    border-radius:999px;
    text-decoration:none;
    font-weight:700;
    transition:.25s ease;
}
.pp-btn-primary{
    background:var(--pp-cyan);
    color:white;
}
.pp-btn-primary:hover{transform:translateY(-2px); filter:brightness(1.05); color:white}
.pp-btn-secondary{
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.35);
    color:white;
    backdrop-filter:blur(8px);
}
.pp-section{
    padding:110px 0;
}
.pp-white{background:white}
.pp-dark{
    background:linear-gradient(145deg, var(--pp-navy), #063B66);
    color:white;
}
.pp-dark h2,.pp-water h2{color:white}
.pp-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}
.pp-section h2{
    font-family:'Montserrat', Arial, sans-serif;
    font-size:clamp(38px, 5vw, 64px);
    line-height:1;
    letter-spacing:-.045em;
    margin:0 0 28px;
    color:var(--pp-navy);
}
.pp-section p{
    font-size:18px;
    line-height:1.75;
    color:inherit;
}
.pp-highlight{
    font-weight:700;
    color:var(--pp-blue)!important;
}
.pp-image-card{
    min-height:520px;
    border-radius:36px;
    box-shadow:0 30px 80px rgba(7,27,53,.18);
    background-size:cover;
    background-position:center;
}
.pp-image-1{
    background-image:url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1200&q=80');
}
.pp-lead{
    max-width:850px;
    font-size:22px!important;
    opacity:.9;
}
.pp-benefits{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
    margin-top:50px;
}
.pp-benefits div{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    border-radius:24px;
    padding:28px 18px;
    text-align:center;
    font-size:30px;
}
.pp-benefits span{
    display:block;
    margin-top:12px;
    font-size:15px;
    font-weight:700;
}
.pp-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:45px;
}
.pp-card{
    background:var(--pp-light);
    border:1px solid rgba(0,91,150,.12);
    border-radius:28px;
    padding:34px;
    min-height:210px;
}
.pp-card h3,.pp-price-card h3,.pp-plan h3{
    font-family:'Montserrat', Arial, sans-serif;
    font-size:25px;
    margin:0 0 15px;
    color:var(--pp-navy);
}
.pp-card p{font-size:16px;color:var(--pp-muted)}
.pp-water{
    background:
        linear-gradient(120deg, rgba(7,27,53,.88), rgba(0,167,216,.32)),
        url('https://images.unsplash.com/photo-1575429198097-0414ec08e8cd?auto=format&fit=crop&w=1800&q=80') center/cover fixed;
    color:white;
}
.pp-center{text-align:center}
.pp-center .pp-lead{margin-left:auto;margin-right:auto}
.pp-price-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    margin-top:45px;
}
.pp-price-card{
    position:relative;
    border-radius:34px;
    padding:46px;
    background:linear-gradient(180deg,#ffffff,#f4fbff);
    border:1px solid rgba(0,91,150,.16);
    box-shadow:0 24px 70px rgba(7,27,53,.10);
}
.pp-recommended{
    border:2px solid var(--pp-cyan);
    transform:scale(1.02);
}
.pp-badge{
    display:inline-flex;
    background:var(--pp-cyan);
    color:white;
    border-radius:999px;
    padding:8px 15px;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:18px;
}
.pp-price{
    font-family:'Montserrat', Arial, sans-serif;
    font-size:64px;
    letter-spacing:-.06em;
    color:var(--pp-blue);
    font-weight:800;
    margin:10px 0;
}
.pp-subprice{
    font-size:25px!important;
    color:var(--pp-blue)!important;
    font-weight:700;
}
.pp-plan-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:45px;
}
.pp-plan{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    border-radius:30px;
    padding:34px;
}
.pp-plan h3{color:white}
.pp-plan-pro{
    background:rgba(0,167,216,.18);
    border:2px solid var(--pp-cyan);
    transform:translateY(-12px);
}
.pp-plan-price{
    font-family:'Montserrat', Arial, sans-serif;
    font-size:42px;
    font-weight:800;
    color:var(--pp-cyan);
}
.pp-plan ul{
    padding-left:18px;
    line-height:1.8;
}
.pp-annual{
    margin-top:34px;
    padding:20px 24px;
    background:rgba(255,255,255,.09);
    border-radius:20px;
    display:inline-block;
}
.pp-contact{
    background:var(--pp-light);
}
.pp-contact-box{
    margin:35px auto 0;
    max-width:620px;
    background:white;
    border-radius:30px;
    padding:34px;
    box-shadow:0 20px 60px rgba(7,27,53,.08);
}
@media(max-width:900px){
    .pp-grid,.pp-price-grid,.pp-plan-grid,.pp-cards,.pp-benefits{
        grid-template-columns:1fr;
    }
    .pp-section{padding:75px 0}
    .pp-image-card{min-height:360px}
    .pp-hero h1{font-size:54px}
    .pp-price{font-size:48px}
    .pp-recommended,.pp-plan-pro{transform:none}
}