@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#101426;--navy:#10152a;--blue:#3554ec;--paper:#f8f8f5;--muted:#666b79;--line:#e4e4df;--lime:#d8fa69;--cream:#faf9f4;--shadow:0 16px 40px rgba(17,24,55,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 48px));margin:auto}.site-header{height:78px;background:#fff;border-bottom:1px solid #eeeee9;position:sticky;top:0;z-index:10}.navbar{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;display:flex;gap:9px;align-items:center;letter-spacing:-.5px}.logo-mark,.mini-logo{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--blue);color:#fff;font-family:'Playfair Display',serif;font-weight:700}.nav-links{display:flex;list-style:none;gap:34px;margin:0;padding:0;font-size:14px;font-weight:500;color:#575c69}.nav-links a,.footer-row a{transition:color .2s ease}.nav-links a:hover,.footer-row a:hover,.nav-links a:focus-visible,.footer-row a:focus-visible{color:var(--blue)}.nav-download{border:1px solid var(--ink);border-radius:999px;padding:10px 17px;font-size:13px;font-weight:600}.nav-download span{margin-left:8px}.menu-toggle{display:none}.skip-link{position:absolute;left:-999px;top:0;background:var(--blue);color:#fff;padding:.9rem 1.1rem;border-radius:0 0 .7rem 0;z-index:20}.skip-link:focus{left:0}.btn{display:inline-flex;align-items:center;gap:10px;justify-content:center;min-height:48px;padding:14px 20px;border-radius:999px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover,.btn:focus-visible{transform:translateY(-2px)}.btn-light{background:#fff;color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:600}.text-link:hover,.text-link:focus-visible{color:var(--blue)}.hero{background:var(--navy);color:#fff;overflow:hidden}.hero-grid{min-height:641px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero-copy{padding:70px 0}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:1.3px;color:#c6cbd8;margin:0 0 21px;display:flex;align-items:center;gap:9px}.eyebrow span{width:22px;height:1px;background:currentColor;display:block}.eyebrow.dark{color:#72778a}.hero h1,.section-intro h2,.security h2,.steps h2,.faq h2,.download h2{font-size:clamp(47px,5.3vw,75px);letter-spacing:-3.5px;line-height:1.02;margin:0;font-weight:600}.hero h1 em,h2 em{font-family:'Playfair Display',serif;font-weight:600}.hero-text{max-width:425px;color:#b5bac9;font-size:17px;line-height:1.65;margin:27px 0}.hero-actions{display:flex;gap:27px;align-items:center}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(53,84,236,.35);outline-offset:3px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:42px 0 60px;color:#64708a;font-size:14px}.footer-row div{display:flex;flex-wrap:wrap;gap:18px}.footer-row .logo{color:var(--ink)}
.btn-light{background:var(--lime);color:#111827}.btn-light>span:last-child{margin-left:8px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link span{margin-left:9px}.trust-row{display:flex;align-items:center;margin-top:62px;gap:13px}.trust-row p{font-size:12px;color:#a6abba;line-height:1.5;margin:0}.trust-row strong{color:#fff}.avatars{display:flex}.avatars i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:10px;font-style:normal;color:#fff;border:2px solid var(--navy);margin-left:-7px;background:#d29170}.avatars i:nth-child(2){background:#7f9f7c}.avatars i:nth-child(3){background:#ad7697}.avatars i:nth-child(4){background:#577e9a}.hero-art{height:100%;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:400px;height:400px;background:#263d9d;top:70px;right:-110px;opacity:.6}.orb-two{width:220px;height:220px;border:1px solid #5267be;bottom:60px;left:30px}.phone{position:relative;z-index:2;width:252px;height:505px;background:#f4f6fd;color:#1b2340;border:8px solid #202534;border-radius:32px;padding:12px 14px;box-shadow:0 30px 50px #060914a1}.phone-top{font-size:8px;display:flex;justify-content:space-between;align-items:center}.camera{display:block;width:49px;height:14px;border-radius:99px;background:#171c2b}.app-head{display:flex;align-items:center;gap:7px;margin:23px 0;font-size:11px;font-weight:700}.app-head b{margin-left:auto;font-size:13px}.mini-logo{height:20px;width:20px;border-radius:6px;font-size:12px}.vault-greeting small{font:7px 'DM Mono';letter-spacing:.7px;color:#7d849a}.vault-greeting h3{font-size:18px;margin:5px 0 15px}.media-card{height:152px;position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(#77afcb 50%,#d4a98c 50%)}.media-card .sun{width:25px;height:25px;background:#f9d669;border-radius:50%;position:absolute;right:30px;top:20px}.mountain{position:absolute;bottom:-18px;transform:rotate(45deg);width:120px;height:120px;background:#6d7963}.mountain.back{left:-20px}.mountain.front{left:78px;background:#465c4c}.media-card span{position:absolute;bottom:10px;left:12px;color:#fff;font-size:8px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.quick-grid div{background:#fff;border-radius:9px;padding:9px 5px;font-size:7px;text-align:center;box-shadow:0 1px 6px #dce1ee}.quick-grid b{display:block;color:#4964dc;font-size:15px;margin-bottom:3px}.bottom-nav{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-around;color:#777f95;font-size:15px}.lock-small{display:grid!important;place-items:center;background:#4662e5;color:#fff;border-radius:50%;width:26px;height:26px;margin-top:-6px}.secure-pill{z-index:3;position:absolute;right:2px;bottom:70px;background:#fff;color:#1d2539;border-radius:11px;padding:10px 15px 10px 10px;display:flex;gap:8px;align-items:center;box-shadow:0 15px 25px #0509175c}.secure-pill>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#dff7a3;color:#426300;font-size:12px}.secure-pill small{display:block;font:6px 'DM Mono';letter-spacing:.6px;color:#858b9c}.secure-pill b{font-size:9px}.intro-section{padding:125px 0 55px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px}.section-intro .eyebrow{grid-column:1/-1;margin-bottom:0}.section-intro h2{font-size:52px}.section-intro>p:last-child{align-self:end;max-width:350px;color:var(--muted);line-height:1.65;margin:0 0 6px}.features{padding-bottom:130px}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}.feature-card{min-height:452px;padding:27px;background:#e4e4df;overflow:hidden;position:relative}.feature-card.featured{background:#d4e6d3}.dark-card{background:#232a44;color:#fff}.card-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#fff;color:#314bdc;font-size:20px}.dark-card .card-icon{background:#3c466a;color:#d8fa69}.card-kicker{font:9px 'DM Mono';letter-spacing:.9px;color:#70766f;margin:43px 0 12px}.dark-card .card-kicker{color:#b8c0d5}.feature-card h3{font-size:24px;letter-spacing:-1px;margin:0 0 9px}.feature-card>p:not(.card-kicker){font-size:14px;line-height:1.55;color:#60675f;margin:0;max-width:250px}.dark-card>p:not(.card-kicker){color:#bec5d5}.image-stack{position:absolute;bottom:-35px;left:40px;width:245px;height:165px}.polaroid{position:absolute;width:120px;height:143px;background:#faf8ec;padding:7px;box-shadow:0 8px 15px #52605240}.p1{transform:rotate(-14deg);left:0;top:16px}.p2{transform:rotate(7deg);left:60px;top:-5px}.p3{transform:rotate(20deg);left:122px;top:19px}.leaf-art,.sea-art,.flower-art{height:100%;display:grid;place-items:center;font-size:58px;background:#e0d599;color:#456b40}.sea-art{background:#759eb2;color:#f6c370}.flower-art{background:#d49593;color:#f4e3c5}.lock-visual{height:165px;position:absolute;bottom:-12px;left:0;right:0;display:grid;place-items:center}.big-lock{z-index:2;border:1px solid #8da0e5;border-radius:50%;width:115px;height:115px;display:grid;place-items:center;color:#d8fa69;font-size:57px}.ring{position:absolute;border:1px solid #4c587f;border-radius:50%}.r1{width:175px;height:175px}.r2{width:245px;height:245px}.dot{position:absolute;border-radius:50%;width:8px;height:8px;background:#d8fa69}.d1{left:38px;top:30px}.d2{right:44px;bottom:36px;background:#7f8bc4}.cloud-visual{position:absolute;bottom:-40px;left:0;right:0;height:170px;background:#b9d8e7;text-align:center}.cloud-visual>span{font-size:145px;color:#eff8fa;line-height:1;filter:drop-shadow(0 10px 6px #6384964a)}.cloud-file{position:absolute;bottom:58px;left:calc(50% - 61px);background:#fff;border-radius:7px;padding:9px 12px;color:#4d62c3;font-size:25px;box-shadow:0 6px 15px #66899c4f}.cloud-file small{display:block;color:#555;font-size:7px}.security{background:var(--navy);color:#fff;padding:127px 0}.security-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.security h2{font-size:49px}.security>div>div>p,.security-grid>div>p:not(.eyebrow){color:#b7bdcc;max-width:408px;font-size:15px;line-height:1.7;margin:25px 0 27px}.bright{color:var(--lime)}.security-list>div{display:grid;grid-template-columns:38px 56px 1fr;padding:22px 0;border-bottom:1px solid #3a4157}.security-list b{font:11px 'DM Mono';color:#9ba3b7}.line-icon{font-size:23px;color:var(--lime)}.security-list p{margin:0;color:#bac1d0;font-size:14px;line-height:1.55}.security-list strong{display:block;font-size:16px;color:#fff;margin-bottom:6px}.steps{padding:120px 0}.steps h2{font-size:48px;margin:20px 0 57px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.step-grid>div{border-top:1px solid #cdd0cc;padding-top:18px}.step-grid b{font:11px 'DM Mono';color:#5b64d9}.step-grid h3{font-size:19px;margin:30px 0 8px}.step-grid p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.faq{background:#eeeee9;padding:120px 0}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:115px}.faq h2{font-size:46px;margin:19px 0 23px}.faq-grid>div>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:300px;line-height:1.7;margin-bottom:27px}.faq-list details{border-top:1px solid #cfd0ca;padding:21px 0}.faq-list details:last-child{border-bottom:1px solid #cfd0ca}.faq-list summary{cursor:pointer;list-style:none;font-weight:600;font-size:16px;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#6b6e75;font-size:14px;line-height:1.6;max-width:450px;margin:15px 35px 0 0}.download{background:var(--navy);color:white;padding:74px 0}.download-box{min-height:358px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 70px;background:#29355e}.download h2{font-size:52px}.download>div>div>p:not(.eyebrow){color:#c0c6d5;font-size:14px;margin:19px 0}.play{font-size:17px}.btn small{font:8px 'DM Mono';display:block;letter-spacing:.5px}.download-art{height:100%;position:relative}.halo{position:absolute;width:390px;height:390px;border:1px solid #6473a9;border-radius:50%;right:-80px;top:-65px}.vault-circle{position:absolute;width:205px;height:205px;right:18px;top:15px;border-radius:50%;background:var(--lime);color:#263052;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 0 18px #c6eb58}.vault-circle span{font-size:70px;line-height:.7}.vault-circle b{font-size:16px;margin-top:17px}.vault-circle small{font:7px 'DM Mono';letter-spacing:1px;margin-top:4px}.footer-row{min-height:110px;display:flex;align-items:center;justify-content:space-between}.footer-row p,.footer-row div{font-size:12px;color:#747784}.footer-row div{display:flex;gap:20px}
@media(max-width:760px){.container{width:min(100% - 32px,1120px)}.site-header{height:65px}.nav-download{display:none}.menu-toggle{display:block;background:none;border:0;width:44px;height:44px;padding:10px;border-radius:50%}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0}.menu-toggle:focus-visible{outline:3px solid rgba(53,84,236,.35)}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:18px 24px;box-shadow:0 10px 20px #0001;flex-direction:column;gap:15px}.nav-links.open{display:flex}.hero-grid,.section-intro,.security-grid,.faq-grid,.download-box{grid-template-columns:1fr;gap:0}.hero-copy{padding:70px 0 20px}.hero h1{font-size:54px}.hero-art{height:485px}.phone{transform:scale(.85)}.secure-pill{right:1%;bottom:37px}.trust-row{margin-top:35px}.intro-section{padding:80px 0 35px}.section-intro h2,.security h2,.steps h2,.faq h2,.download h2{font-size:40px}.section-intro>p:last-child{margin-top:22px}.feature-grid,.step-grid{grid-template-columns:1fr;gap:16px}.feature-card{min-height:390px}.features{padding-bottom:80px}.security{padding:80px 0}.security-grid{gap:42px}.security-list>div{grid-template-columns:30px 45px 1fr}.steps,.faq{padding:80px 0}.step-grid{gap:28px}.faq-grid{gap:35px}.download{padding:32px 0}.download-box{padding:45px 28px}.download-art{height:230px}.vault-circle{right:calc(50% - 100px);top:22px}.halo{right:calc(50% - 195px);top:-60px}.footer-row{padding:30px 0;align-items:flex-start;gap:18px;flex-direction:column}.footer-row p{margin:0}.footer-row div{gap:13px}}

/* Hero enhancement */
.hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 25%, rgba(72, 92, 238, 0.2), transparent 32%),
        radial-gradient(circle at 88% 70%, rgba(91, 127, 255, 0.16), transparent 32%),
        linear-gradient(135deg, #10152a 0%, #111936 48%, #0c1121 100%);
}

.hero::before,
.hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(30px);
    opacity: 0.6;
    z-index: -1;
}

.hero::before {
    width: 360px;
    height: 360px;
    top: -160px;
    left: 18%;
    background: rgba(68, 87, 244, 0.35);
    animation: heroFloat 12s ease-in-out infinite alternate;
}

.hero::after {
    width: 420px;
    height: 420px;
    right: -140px;
    bottom: -180px;
    background: rgba(111, 145, 255, 0.18);
    animation: heroFloat 15s ease-in-out infinite alternate-reverse;
}

.hero-grid {
    min-height: 700px;
    position: relative;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 40px;
}

.hero-copy {
    max-width: 620px;
    padding: 112px 0;
    position: relative;
    z-index: 2;
    animation: heroReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.hero .eyebrow {
    margin-bottom: 26px;
    color: #c7cde0;
}

.hero h1 {
    max-width: 660px;
    margin: 0;
    font-size: clamp(56px, 6vw, 86px);
    line-height: 0.98;
    letter-spacing: -4.5px;
    text-wrap: balance;
}

.hero h1 em {
    color: #e4ff94;
    text-shadow: 0 0 35px rgba(216, 250, 105, 0.16);
}

.hero-text {
    max-width: 490px;
    margin: 30px 0 34px;
    color: #b7bed0;
    font-size: 18px;
    line-height: 1.7;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}

.hero-primary-cta {
    min-height: 54px;
    padding: 16px 23px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow:
        0 10px 30px rgba(174, 220, 48, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.hero-primary-cta:hover {
    transform: translateY(-3px);
    box-shadow:
        0 16px 35px rgba(174, 220, 48, 0.27),
        inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.hero-secondary-cta {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    padding: 15px 20px;
    color: #f8f9ff;
    transition: background 0.2s ease, transform 0.2s ease;
}

.hero-secondary-cta:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
}

.trust-row {
    margin-top: 58px;
    animation: heroReveal 0.9s 0.16s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.hero-art {
    position: relative;
    min-height: 610px;
    display: grid;
    place-items: center;
    animation: heroReveal 1s 0.12s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.hero-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(5px);
}

.hero-glow-one {
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(75, 103, 255, 0.42), transparent 68%);
    animation: heroPulse 8s ease-in-out infinite;
}

.hero-glow-two {
    width: 270px;
    height: 270px;
    right: -20px;
    bottom: 70px;
    background: radial-gradient(circle, rgba(216, 250, 105, 0.14), transparent 68%);
    animation: heroPulse 10s 1s ease-in-out infinite reverse;
}

.hero-grid-lines {
    position: absolute;
    width: 440px;
    height: 440px;
    border: 1px solid rgba(160, 177, 255, 0.14);
    border-radius: 50%;
    box-shadow:
        0 0 0 54px rgba(160, 177, 255, 0.04),
        0 0 0 108px rgba(160, 177, 255, 0.025);
}

.phone {
    z-index: 2;
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow:
        0 40px 80px rgba(0, 0, 0, 0.48),
        0 8px 22px rgba(70, 90, 255, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: rotate(3deg);
    animation: phoneFloat 7s ease-in-out infinite;
}

.secure-pill {
    right: 4%;
    bottom: 92px;
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 18px 40px rgba(3, 7, 24, 0.28);
    animation: pillFloat 7s 0.5s ease-in-out infinite;
}

@keyframes heroReveal {
    from {
        opacity: 0;
        transform: translateY(22px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroFloat {
    from {
        transform: translate3d(-10px, -8px, 0) scale(1);
    }

    to {
        transform: translate3d(18px, 20px, 0) scale(1.1);
    }
}

@keyframes heroPulse {
    0%,
    100% {
        opacity: 0.5;
        transform: scale(0.95);
    }

    50% {
        opacity: 0.85;
        transform: scale(1.08);
    }
}

@keyframes phoneFloat {
    0%,
    100% {
        transform: rotate(3deg) translateY(0);
    }

    50% {
        transform: rotate(1.5deg) translateY(-12px);
    }
}

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

    50% {
        transform: translateY(-7px);
    }
}

@media (max-width: 760px) {
    .hero-grid {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .hero-copy {
        padding: 82px 0 30px;
    }

    .hero h1 {
        font-size: clamp(51px, 15vw, 66px);
        letter-spacing: -3px;
    }

    .hero-text {
        font-size: 16px;
        margin: 24px 0 28px;
    }

    .hero-art {
        min-height: 470px;
    }

    .hero-grid-lines {
        width: 310px;
        height: 310px;
    }

    .secure-pill {
        right: 3%;
        bottom: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero *,
    .hero::before,
    .hero::after {
        animation: none !important;
        scroll-behavior: auto;
    }
}

/* Features enhancement */
.features{padding:120px 0 130px;overflow:hidden}.features-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px}.features-heading h2{margin:18px 0 0;font-size:clamp(40px,4.4vw,60px);line-height:1.04;letter-spacing:-3px}.features-heading>p{max-width:340px;margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.7}.features .feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.features .feature-card{position:relative;min-height:330px;padding:27px;overflow:hidden;border:1px solid rgba(16,20,38,.05);background:#e7e7e1;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}.features .feature-card:hover{z-index:2;transform:translateY(-7px);border-color:rgba(53,84,236,.16);box-shadow:0 22px 45px rgba(17,23,48,.12)}.features .feature-card-large{grid-column:span 2;min-height:445px;color:#fff;background:radial-gradient(circle at 90% 90%,rgba(92,113,255,.42),transparent 38%),linear-gradient(135deg,#1d284f,#202a4c 52%,#10162b)}.features .unlock-card{grid-column:span 2;min-height:445px;background:radial-gradient(circle at 84% 82%,rgba(216,250,105,.35),transparent 28%),#d7e8d2}.features .pin-card,.features .backup-card{min-height:355px}.features .pin-card{background:#ece9e2}.features .backup-card{background:#d9e9f1}.features .vault-card{min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}.features .photo-vault-card{color:#fff;background:linear-gradient(150deg,#4b786a,#254c48)}.features .video-vault-card{color:#fff;background:linear-gradient(145deg,#334270,#202942)}.features .document-vault-card{background:#eee4ce}.features .knowledge-card{color:#fff;background:linear-gradient(145deg,#2c334d,#12182b)}.feature-card-top,.vault-icon-wrap{display:flex;align-items:center;gap:11px}.feature-icon{display:grid;width:40px;height:40px;place-items:center;flex:0 0 auto;border-radius:12px;color:#3851d6;background:rgba(255,255,255,.85)}.feature-icon svg{width:21px;height:21px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.feature-card-large .feature-icon,.photo-vault-card .feature-icon,.video-vault-card .feature-icon,.knowledge-card .feature-icon{color:#d8fa69;background:rgba(255,255,255,.12)}.feature-label{font:9px 'DM Mono',monospace;letter-spacing:.85px;color:#737887}.feature-card-large .feature-label,.photo-vault-card .feature-label,.video-vault-card .feature-label,.knowledge-card .feature-label{color:rgba(255,255,255,.68)}.feature-card-content{position:relative;z-index:1;max-width:330px;margin-top:44px}.features .feature-card h3{margin:0 0 10px;font-size:25px;line-height:1.08;letter-spacing:-1.25px}.features .feature-card p{max-width:315px;margin:0;color:#656b75;font-size:14px;line-height:1.65}.feature-card-large p,.photo-vault-card p,.video-vault-card p,.knowledge-card p{color:rgba(255,255,255,.68)}
.encryption-visual{position:absolute;right:-20px;bottom:-62px;width:290px;height:290px;display:grid;place-items:center}.encryption-grid{position:absolute;inset:0;opacity:.33;background-image:linear-gradient(rgba(216,250,105,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(216,250,105,.32) 1px,transparent 1px);background-size:23px 23px;mask-image:radial-gradient(circle,#000 22%,transparent 69%)}.encryption-core{z-index:1;display:grid;width:98px;height:98px;place-items:center;border:1px solid rgba(216,250,105,.74);border-radius:50%;color:#d8fa69;background:rgba(16,22,43,.58);box-shadow:0 0 0 15px rgba(216,250,105,.05),0 0 40px rgba(216,250,105,.18)}.encryption-core svg{width:38px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}.encryption-orbit{position:absolute;border:1px solid rgba(216,250,105,.28);border-radius:50%}.orbit-one{width:176px;height:176px}.orbit-two{width:248px;height:248px}.biometric-visual{position:absolute;right:27px;bottom:25px;width:175px;height:175px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(38,65,55,.18);border-radius:50%;color:#385746;background:rgba(255,255,255,.28);box-shadow:0 0 0 17px rgba(255,255,255,.17),0 0 0 34px rgba(255,255,255,.09)}.biometric-visual svg{width:78px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1}.biometric-visual span{position:absolute;bottom:14px;padding:6px 9px;border-radius:99px;color:#476251;background:rgba(255,255,255,.72);font-size:9px;font-weight:700}.pin-pad{position:absolute;right:25px;bottom:28px;display:grid;grid-template-columns:repeat(4,18px);gap:9px;padding:14px;border:1px solid rgba(42,46,61,.1);border-radius:14px;background:rgba(255,255,255,.52);box-shadow:0 15px 30px rgba(55,54,48,.1)}.pin-pad span{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#5260d5;background:#fff;font-size:16px}.pin-pad small{grid-column:1/-1;margin-top:3px;color:#757982;font:8px 'DM Mono',monospace;letter-spacing:.45px}.backup-status{position:absolute;right:19px;bottom:20px;left:19px;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(53,84,236,.1);border-radius:13px;background:rgba(255,255,255,.65);box-shadow:0 12px 22px rgba(48,97,122,.1)}.backup-cloud{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#4262d1;background:#eef4ff;font-size:22px}.backup-status strong,.backup-status small{display:block}.backup-status strong{color:#35405a;font-size:10px}.backup-status small{margin-top:2px;color:#7b8596;font-size:9px}.backup-check{display:grid;width:20px;height:20px;place-items:center;margin-left:auto;border-radius:50%;color:#3e6900;background:#d8fa69;font-size:11px;font-weight:700}.features .vault-card h3{margin-top:35px;font-size:21px}.features .vault-card p{font-size:13px}
@media(max-width:900px){.features .feature-grid{grid-template-columns:repeat(2,1fr)}.features .vault-card{min-height:280px}}@media(max-width:760px){.features{padding:80px 0}.features-heading{display:block;margin-bottom:36px}.features-heading>p{margin-top:20px}.features .feature-grid{grid-template-columns:1fr}.features .feature-card-large,.features .unlock-card{grid-column:auto;min-height:410px}.features .pin-card,.features .backup-card,.features .vault-card{min-height:285px}.biometric-visual{right:18px;width:145px;height:145px}.encryption-visual{right:-50px;transform:scale(.85);transform-origin:bottom right}}

/* Hero phone screenshot frame */
.hero .phone{position:relative;z-index:2;width:276px;height:552px;padding:8px;border:1px solid rgba(255,255,255,.38);border-radius:42px;background:linear-gradient(135deg,#4d5363 0%,#171b26 16%,#080a11 55%,#3c4351 100%);box-shadow:0 42px 85px rgba(0,0,0,.5),0 12px 32px rgba(76,99,255,.25),inset 1px 1px 1px rgba(255,255,255,.38),inset -1px -1px 2px rgba(0,0,0,.75);overflow:hidden;transform:rotate(3deg);animation:phoneFloat 7s ease-in-out infinite}.hero .phone::before{content:"";position:absolute;z-index:3;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none;border-radius:35px;background:linear-gradient(118deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.08) 14%,transparent 31%,transparent 66%,rgba(255,255,255,.08) 100%);mix-blend-mode:screen}.hero .phone::after{content:"";position:absolute;z-index:4;top:10px;left:50%;width:84px;height:22px;border-radius:0 0 14px 14px;background:#090b12;transform:translateX(-50%);box-shadow:0 1px 1px rgba(255,255,255,.1)}.phone-screen{width:100%;height:100%;overflow:hidden;border-radius:35px;background:#10152a}.phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.phone-speaker{position:absolute;z-index:5;top:16px;left:50%;width:31px;height:4px;border-radius:999px;background:rgba(255,255,255,.22);transform:translateX(-50%);box-shadow:0 1px 2px rgba(0,0,0,.8)}
@media(max-width:760px){.hero .phone{width:240px;height:480px;border-radius:37px;padding:7px}.hero .phone::before{top:7px;right:7px;bottom:7px;left:7px;border-radius:30px}.hero .phone::after{top:9px;width:72px;height:19px}.phone-screen{border-radius:30px}.phone-speaker{top:14px;width:27px;height:3px}}

/* SecureVault pricing */
.pricing{position:relative;overflow:hidden;padding:125px 0;background:linear-gradient(180deg,#f8f8f5,#eef1ee)}.pricing::before{position:absolute;top:-200px;left:50%;width:600px;height:430px;content:"";background:radial-gradient(ellipse,rgba(109,132,255,.14),transparent 68%);transform:translateX(-50%);pointer-events:none}.pricing-heading{position:relative;max-width:720px;margin:0 auto 57px;text-align:center}.pricing-heading .eyebrow{justify-content:center}.pricing-heading h2{margin:18px 0;font-size:clamp(42px,5vw,61px);line-height:1.04;letter-spacing:-3.1px}.pricing-heading h2 em{font-family:'Playfair Display',serif;font-weight:600}.pricing-heading>p:last-child{max-width:560px;margin:auto;color:var(--muted);font-size:15px;line-height:1.65}.pricing-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,410px));justify-content:center;align-items:center;gap:22px}.pricing-card{position:relative;padding:39px 37px 34px;border:1px solid rgba(18,23,43,.1);border-radius:24px;background:rgba(255,255,255,.62);box-shadow:0 18px 40px rgba(20,28,47,.07),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(20,28,47,.13),inset 0 1px 0 rgba(255,255,255,.8)}.pricing-card-premium{z-index:1;min-height:535px;color:#fff;border-color:rgba(216,250,105,.35);background:radial-gradient(circle at 85% 8%,rgba(103,127,255,.33),transparent 34%),linear-gradient(145deg,#252f54,#11172b 70%);box-shadow:0 27px 55px rgba(17,24,55,.28),inset 0 1px 0 rgba(255,255,255,.15);transform:scale(1.045)}.pricing-card-premium:hover{transform:scale(1.045) translateY(-8px);box-shadow:0 34px 65px rgba(17,24,55,.34),0 0 38px rgba(216,250,105,.09),inset 0 1px 0 rgba(255,255,255,.17)}.pricing-badge{position:absolute;top:-13px;right:28px;padding:6px 12px;border-radius:99px;color:#203106;background:var(--lime);box-shadow:0 5px 15px rgba(63,86,0,.18);font-size:10px;font-weight:700;letter-spacing:.25px}.pricing-tier{margin:0 0 18px;color:#6f7481;font:10px 'DM Mono',monospace;letter-spacing:1px}.pricing-card-premium .pricing-tier{color:#c5cedf}.pricing-price{display:flex;align-items:baseline;margin:0;color:var(--ink);font-size:64px;font-weight:600;line-height:.95;letter-spacing:-3px}.pricing-card-premium .pricing-price{color:#fff}.pricing-price>span{margin-right:4px;font-size:25px;letter-spacing:-1px}.pricing-price small{margin-left:7px;color:#707684;font-size:14px;font-weight:500;letter-spacing:-.2px}.pricing-card-premium .pricing-price small{color:#b9c2d7}.pricing-period{min-height:20px;margin:12px 0 28px;color:#777c88;font-size:13px}.pricing-card-premium .pricing-period{color:#b8c1d6}.pricing-features{display:grid;gap:14px;margin:0 0 33px;padding:27px 0 0;border-top:1px solid rgba(18,23,43,.1);list-style:none}.pricing-card-premium .pricing-features{border-color:rgba(255,255,255,.14)}.pricing-features li{position:relative;padding-left:26px;color:#4d5360;font-size:14px;line-height:1.35}.pricing-card-premium .pricing-features li{color:#e1e6f0}.pricing-features li::before{position:absolute;left:0;top:0;display:grid;width:17px;height:17px;place-items:center;content:'✓';border-radius:50%;color:#416000;background:#dff79a;font-size:10px;font-weight:700}.pricing-cta{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-radius:12px;font-size:14px;font-weight:700;transition:transform .2s ease,background .2s ease}.pricing-cta:hover{transform:translateY(-2px)}.pricing-cta-secondary{border:1px solid rgba(20,26,48,.2);color:var(--ink)}.pricing-cta-secondary:hover{background:#fff}.pricing-cta-primary{color:#1e2b08;background:var(--lime);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}.pricing-cta-primary:hover{background:#e1ff7b}@media(max-width:700px){.pricing{padding:82px 0}.pricing-heading{text-align:left;margin-bottom:42px}.pricing-heading .eyebrow{justify-content:flex-start}.pricing-heading h2{letter-spacing:-2.3px}.pricing-heading>p:last-child{margin:0}.pricing-grid{grid-template-columns:minmax(0,440px);gap:25px}.pricing-card-premium{min-height:0;transform:none}.pricing-card-premium:hover{transform:translateY(-8px)}.pricing-card{padding:34px 29px}}@media(prefers-reduced-motion:reduce){.pricing-card{transition:none}}

/* SecureVault protection journey */
.security-journey{position:relative;overflow:hidden;padding:126px 0;background:radial-gradient(circle at 50% 105%,rgba(75,98,223,.24),transparent 43%),var(--navy)}.security-journey::before{position:absolute;top:15%;left:50%;width:580px;height:290px;content:"";background:radial-gradient(ellipse,rgba(216,250,105,.1),transparent 66%);filter:blur(16px);transform:translateX(-50%);pointer-events:none}.security-journey-heading{position:relative;max-width:630px;margin:0 auto 72px;text-align:center}.security-journey-heading .eyebrow{justify-content:center}.security-journey-heading h2{margin:18px 0;font-size:clamp(43px,5vw,64px);line-height:1.03;letter-spacing:-3.2px}.security-journey-heading h2 em{font-family:'Playfair Display',serif;color:var(--lime);font-weight:600}.security-journey-heading>p:last-child{margin:0;color:#b7bed0;font-size:16px}.security-flow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:0;padding:0;list-style:none}.security-flow-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.security-flow-step:not(:last-child)::after{position:absolute;z-index:-1;top:37px;left:calc(50% + 39px);width:calc(100% - 39px);height:1px;content:"";background:linear-gradient(90deg,rgba(216,250,105,.6),rgba(101,123,232,.24));transform-origin:left;animation:flowLine 2.8s ease-in-out infinite}.security-flow-step:not(:last-child)::before{position:absolute;z-index:0;top:33px;right:0;width:8px;height:8px;content:"";border:1px solid var(--lime);border-radius:50%;background:var(--navy);box-shadow:0 0 12px rgba(216,250,105,.75)}.flow-icon{display:grid;width:74px;height:74px;place-items:center;border:1px solid rgba(216,250,105,.45);border-radius:24px;color:var(--lime);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));box-shadow:0 0 0 9px rgba(216,250,105,.035),0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .3s ease,box-shadow .3s ease}.security-flow-step:hover .flow-icon{transform:translateY(-6px);box-shadow:0 0 0 12px rgba(216,250,105,.07),0 18px 30px rgba(0,0,0,.29),0 0 28px rgba(216,250,105,.16),inset 0 1px 0 rgba(255,255,255,.2)}.flow-icon svg{width:31px;height:31px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}.security-flow-step h3{margin:26px 0 9px;color:#fff;font-size:16px;line-height:1.2;letter-spacing:-.4px}.security-flow-step p{max-width:180px;margin:0;color:#adb5c8;font-size:13px;line-height:1.58}.security-flow-step:nth-child(2) .flow-icon{animation:flowGlow 4s .35s ease-in-out infinite}.security-flow-step:nth-child(3) .flow-icon{animation:flowGlow 4s .7s ease-in-out infinite}.security-flow-step:nth-child(4) .flow-icon{animation:flowGlow 4s 1.05s ease-in-out infinite}.security-flow-step:nth-child(5) .flow-icon{animation:flowGlow 4s 1.4s ease-in-out infinite}
@keyframes flowLine{0%,100%{opacity:.35;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}@keyframes flowGlow{0%,100%{box-shadow:0 0 0 9px rgba(216,250,105,.035),0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16)}50%{box-shadow:0 0 0 12px rgba(216,250,105,.07),0 12px 32px rgba(0,0,0,.26),0 0 25px rgba(216,250,105,.16),inset 0 1px 0 rgba(255,255,255,.16)}}@media(max-width:900px){.security-flow{grid-template-columns:repeat(3,1fr);gap:48px 25px}.security-flow-step:nth-child(3)::after{display:none}}@media(max-width:600px){.security-journey{padding:82px 0}.security-journey-heading{margin-bottom:52px;text-align:left}.security-journey-heading .eyebrow{justify-content:flex-start}.security-journey-heading h2{letter-spacing:-2.4px}.security-flow{display:flex;flex-direction:column;gap:0}.security-flow-step{display:grid;grid-template-columns:74px 1fr;gap:22px;align-items:start;padding:0 0 38px;text-align:left}.security-flow-step:last-child{padding-bottom:0}.security-flow-step:not(:last-child)::after{top:74px;bottom:0;left:36px;width:1px;height:auto;background:linear-gradient(rgba(216,250,105,.6),rgba(101,123,232,.24));transform-origin:top;animation:flowLineVertical 2.8s ease-in-out infinite}.security-flow-step:not(:last-child)::before{top:auto;right:auto;bottom:12px;left:32px}.security-flow-step h3{margin:5px 0 8px}.security-flow-step p{max-width:320px}.flow-icon{width:74px;height:74px}}@keyframes flowLineVertical{0%,100%{opacity:.35;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.security-flow-step::after,.security-flow-step .flow-icon{animation:none!important}}

/* SecureVault showcase */
.product-showcase{position:relative;isolation:isolate;overflow:hidden;padding:126px 0 115px;color:#fff;background:linear-gradient(142deg,#0d1225 0%,#202c51 51%,#edf1f0 155%)}.product-showcase::before,.product-showcase::after{position:absolute;z-index:-1;content:"";border-radius:50%;filter:blur(18px);pointer-events:none}.product-showcase::before{top:-190px;left:-130px;width:490px;height:490px;background:rgba(70,91,233,.33)}.product-showcase::after{right:-140px;bottom:-230px;width:540px;height:540px;background:rgba(184,221,165,.17)}.showcase-heading{text-align:center;animation:showcaseReveal .8s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 30%}.showcase-heading .eyebrow{justify-content:center;color:#bdc5dd}.showcase-heading h2{margin:19px 0 13px;font-size:clamp(43px,5vw,65px);font-weight:600;line-height:1;letter-spacing:-3.3px}.showcase-heading h2 em{font-family:'Playfair Display',serif;color:var(--lime);font-weight:600}.showcase-heading>p:last-child{margin:0;color:#b8c0d3;font-size:16px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:42px;margin-top:67px}.showcase-item{display:flex;flex-direction:column;align-items:center;animation:showcaseReveal .9s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 34%}.showcase-item:nth-child(2){animation-delay:.1s}.showcase-item:nth-child(3){animation-delay:.2s}.showcase-phone{position:relative;width:222px;height:444px;padding:7px;overflow:hidden;border:1px solid rgba(255,255,255,.42);border-radius:35px;background:linear-gradient(135deg,#606878,#1b202c 17%,#070910 58%,#3e4656);box-shadow:0 30px 62px rgba(0,0,0,.45),0 10px 28px rgba(92,115,255,.18),inset 1px 1px 1px rgba(255,255,255,.35),inset -1px -1px 2px rgba(0,0,0,.8);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;animation:showcaseFloat 7s ease-in-out infinite}.showcase-phone::before{position:absolute;z-index:2;inset:7px;content:"";pointer-events:none;border-radius:28px;background:linear-gradient(118deg,rgba(255,255,255,.28),rgba(255,255,255,.07) 14%,transparent 31%,transparent 67%,rgba(255,255,255,.09));mix-blend-mode:screen}.showcase-phone::after{position:absolute;z-index:3;top:8px;left:50%;width:70px;height:19px;content:"";border-radius:0 0 12px 12px;background:#080a10;transform:translateX(-50%)}.showcase-item:hover .showcase-phone{transform:translateY(-12px) rotate(-1.5deg);box-shadow:0 42px 76px rgba(0,0,0,.52),0 15px 35px rgba(110,133,255,.28)}.showcase-item-featured .showcase-phone{width:246px;height:492px;animation-delay:-2.1s}.showcase-item-featured:hover .showcase-phone{transform:translateY(-13px) rotate(1.5deg)}.showcase-screen{width:100%;height:100%;overflow:hidden;border-radius:28px;background:#11152a}.showcase-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.showcase-speaker{position:absolute;z-index:4;top:14px;left:50%;width:26px;height:3px;border-radius:99px;background:rgba(255,255,255,.24);box-shadow:0 1px 2px rgba(0,0,0,.8);transform:translateX(-50%)}.showcase-copy{max-width:250px;margin-top:28px;text-align:center}.showcase-copy h3{margin:0 0 8px;font-size:19px;letter-spacing:-.7px}.showcase-copy p{margin:0;color:#b9c1d3;font-size:13px;line-height:1.6}@keyframes showcaseFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-11px) rotate(.7deg)}}@keyframes showcaseReveal{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.showcase-grid{grid-template-columns:repeat(2,1fr);gap:48px 30px}.showcase-item-featured{order:-1;grid-column:1/-1}.showcase-item-featured .showcase-phone{width:238px;height:476px}}@media(max-width:600px){.product-showcase{padding:82px 0}.showcase-heading h2{letter-spacing:-2.4px}.showcase-grid{grid-template-columns:1fr;gap:48px;margin-top:52px}.showcase-item-featured{grid-column:auto;order:0}.showcase-phone,.showcase-item-featured .showcase-phone{width:218px;height:436px}.showcase-copy{margin-top:22px}}@media(prefers-reduced-motion:reduce){.showcase-heading,.showcase-item,.showcase-phone{animation:none!important}.showcase-phone{transition:none}}
