:root{color-scheme:dark;--bg:#080d17;--panel:#0e1624;--panel2:#111d2c;--text:#f4f7fb;--muted:#a7b2c2;--soft:#718096;--line:rgba(166,190,221,.13);--cyan:#26d9e8;--blue:#408dff;--orange:#ffad35;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.page-width{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-header{height:82px;padding:0 max(32px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:10;background:rgba(8,13,23,.87);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font:800 19px var(--display);letter-spacing:-.7px}.brand img{width:38px;height:38px;border-radius:11px;object-fit:cover}.brand-accent{color:#39c9f0}.site-header nav{display:flex;gap:38px;color:#a9b5c6;font-size:13px}.site-header nav a:hover,.text-link:hover{color:var(--cyan)}.header-cta{border:1px solid rgba(115,170,225,.3);padding:9px 15px;border-radius:8px;font-size:12px;font-weight:700}.header-cta span{color:var(--cyan);margin-left:6px}.hero{min-height:680px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;position:relative;padding-top:34px;padding-bottom:75px}.hero-copy{padding:0 0 15px 4px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--cyan);display:flex;align-items:center;gap:9px}.status-dot,.chip-dot{width:7px;height:7px;border-radius:50%;background:#38debd;box-shadow:0 0 12px #38debd}.hero h1,.section-heading h2,.intro-grid h2,.backup-copy h2,.closing-section h2{font:800 clamp(42px,5.7vw,69px)/1.12 var(--display);letter-spacing:-3.5px;margin:24px 0 19px}.hero h1 span,.intro-grid h2 span,.section-heading h2 span,.backup-copy h2 span,.closing-section h2 span{background:linear-gradient(100deg,#4be2e7 2%,#4799ff 60%,#a271ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{max-width:490px;color:#aebacc;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:16px;padding:13px 18px;border-radius:8px;font-weight:700;font-size:13px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#1a9fd2,#2479ee);box-shadow:0 8px 28px rgba(24,142,231,.22)}.button-primary span{font-size:18px}.text-link{font-size:12px;font-weight:600;color:#b9c5d4}.text-link span{color:var(--cyan);margin-left:4px}.trust-row{display:flex;gap:25px;margin-top:43px;color:#8e9caf;font-size:11px}.trust-row i,.backup-points i{font-style:normal;color:#46dfc0;margin-right:6px}.hero-art{height:520px;position:relative;display:grid;place-items:center}.hero-art img{width:min(78%,430px);aspect-ratio:1;object-fit:cover;border-radius:28%;position:relative;z-index:1;filter:drop-shadow(0 35px 50px rgba(0,0,0,.45));animation:float 6s ease-in-out infinite}.hero-glow{position:absolute;width:75%;height:75%;border-radius:50%;background:radial-gradient(circle,rgba(0,180,255,.21),rgba(33,70,201,.11) 42%,transparent 70%);filter:blur(12px)}.orbit{position:absolute;border:1px solid rgba(66,165,255,.17);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:95%;height:58%}.orbit-two{width:82%;height:82%;border-color:rgba(64,222,231,.1)}.floating-note{position:absolute;z-index:2;left:0;bottom:83px;display:flex;gap:12px;align-items:center;padding:12px 15px;background:rgba(14,25,40,.9);border:1px solid rgba(133,177,218,.2);border-radius:12px;box-shadow:0 12px 32px #0008}.note-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#0f3443;color:var(--cyan);font-size:24px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:10px}.floating-note small{font-size:9px;color:#8798ae}.note-check{color:#42dbb3;margin-left:5px}.tiny-chip{position:absolute;right:3px;top:102px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;font-size:8px;letter-spacing:1px;color:#a5b5c8;background:#111c2b}.chip-dot{display:inline-block;width:5px;height:5px;margin-right:5px}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;color:#59677b;font-size:9px;letter-spacing:1.5px}.section-pad{padding:105px 0}.intro-section{background:linear-gradient(180deg,#0b1220,#0d1522)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.muted-eyebrow{color:#6dbce2}.intro-grid h2,.section-heading h2,.backup-copy h2{font-size:42px;letter-spacing:-2px;margin:16px 0 0}.intro-text{color:#aab7c8;font-size:14px;max-width:490px}.intro-text p+p{margin-top:12px}.intro-text strong{color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:62px;border-top:1px solid var(--line)}.steps article{padding:25px 32px 0 0;position:relative}.step-number{font-size:10px;color:#708096;letter-spacing:1px}.step-icon{position:absolute;right:30px;top:22px;color:#60d6e8;font-size:21px;font-weight:700}.steps h3{font:700 16px var(--display);margin:16px 0 7px}.steps p{color:#8492a6;font-size:12px;max-width:270px;margin:0}.features-section{background:#080d17}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-heading h2{margin-top:15px}.section-heading>p{color:#8f9db1;font-size:13px;max-width:325px;margin:0 0 5px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{position:relative;overflow:hidden;min-height:325px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#111e2e,#0d1624);padding:27px}.feature-kicker{color:#66cde2;font-size:9px;letter-spacing:1.4px;font-weight:700}.feature-card h3{font:700 23px/1.28 var(--display);letter-spacing:-.7px;margin:16px 0 10px;position:relative;z-index:1}.feature-card p{font-size:12px;line-height:1.7;color:#9aabc0;max-width:300px;position:relative;z-index:1}.feature-wide{min-height:365px;grid-column:1 / -1;display:flex;align-items:center}.feature-wide img{position:absolute;right:-2%;bottom:-28%;width:55%;height:120%;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent 0%,black 25%);}.feature-wide .feature-copy{position:relative;z-index:1;width:48%}.feature-encryption,.feature-organization{min-height:350px}.feature-encryption{background:linear-gradient(145deg,#102332,#101525)}.feature-encryption img{position:absolute;right:-10%;bottom:-35%;width:90%;height:95%;object-fit:contain;opacity:.83;mask-image:linear-gradient(180deg,transparent 0%,black 36%)}.security-stamp{position:absolute;z-index:2;bottom:24px;left:26px;display:flex;align-items:center;gap:8px;color:#50cfe6}.security-stamp span{font:800 25px var(--display)}.security-stamp small{font-size:7px;line-height:1.15;letter-spacing:1px}.feature-organization{background:linear-gradient(145deg,#171b31,#101623)}.feature-organization img{position:absolute;width:80%;height:53%;object-fit:contain;bottom:-2%;right:-4%;opacity:.88;mask-image:linear-gradient(180deg,transparent 0%,black 35%)}.feature-panic{background:linear-gradient(145deg,#1a1c2a,#101725);min-height:350px}.panic-icon{position:absolute;right:28px;top:18px;font-size:50px;color:#51d5d3;transform:rotate(-45deg);opacity:.75}.phone-graphic{position:absolute;width:130px;height:190px;right:17%;bottom:-76px;border:2px solid #3e95bb;border-radius:22px;transform:rotate(32deg);background:linear-gradient(145deg,#1c4358,#102133);box-shadow:0 0 45px #139ec92b}.phone-graphic span{position:absolute;top:9px;left:40%;width:23px;height:3px;background:#5bb3c3;border-radius:4px}.phone-graphic i{position:absolute;inset:25px 10px;border:1px solid #3988a54d;border-radius:9px}.backup-section{background:#0c1420;overflow:hidden}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.backup-art{height:410px;position:relative;display:grid;place-items:center}.backup-art img{width:95%;height:95%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 25px 35px #0007)}.backup-orb{position:absolute;width:68%;height:68%;border-radius:50%;background:radial-gradient(circle,#204c71,transparent 68%);filter:blur(24px)}.backup-copy h2{font-size:42px}.backup-copy>p{font-size:13px;color:#9eacbe;line-height:1.8;max-width:490px;margin:20px 0}.backup-points{display:grid;gap:10px;margin-top:24px;color:#c3cfdd;font-size:11px}.privacy-section{padding-top:80px;padding-bottom:92px}.privacy-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;border:1px solid rgba(92,164,218,.2);background:linear-gradient(120deg,#102331,#0d1724);border-radius:17px;padding:45px}.privacy-copy h2{font:700 31px var(--display);letter-spacing:-1.3px;margin:13px 0}.privacy-copy p{font-size:12px;color:#a0b0c2;line-height:1.8;max-width:410px;margin-bottom:20px}.privacy-facts{display:grid;gap:16px}.privacy-facts>div{display:flex;align-items:flex-start;gap:14px}.fact-icon{width:34px;height:34px;flex:0 0 34px;border:1px solid #285166;background:#102e3b;border-radius:9px;display:grid;place-items:center;color:#53d0dc}.privacy-facts strong,.privacy-facts small{display:block}.privacy-facts strong{font-size:12px}.privacy-facts small{font-size:10px;color:#95a5b8;line-height:1.6;margin-top:3px}.closing-section{text-align:center;padding-top:40px;padding-bottom:95px}.closing-icon{width:68px;height:68px;padding:3px;margin:0 auto 18px;border-radius:19px;background:linear-gradient(140deg,#28d8e9,#1763ea);box-shadow:0 10px 35px #146cc344}.closing-icon img{width:100%;height:100%;border-radius:16px}.closing-section .eyebrow{justify-content:center}.closing-section h2{font-size:42px;letter-spacing:-2px;margin:12px 0}.closing-section>p{max-width:690px;margin:0 auto 22px;color:#8e9bad;font-size:11px;line-height:1.8}.site-footer{border-top:1px solid var(--line);padding:17px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;color:#69778b;font-size:10px}.footer-inner .brand{color:#e4ebf5;font-size:14px}.footer-inner .brand img{width:28px;height:28px}.footer-inner .brand-accent{color:#39c9f0}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:800px){.page-width{width:min(100% - 40px,620px)}.site-header{height:70px;padding:0 20px}.site-header nav{gap:17px}.site-header nav a{font-size:11px}.header-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:74px;padding-bottom:80px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.hero-lede{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-art{height:410px;grid-row:1;margin-bottom:16px}.hero-art img{width:min(63%,330px)}.floating-note{left:4%;bottom:55px}.tiny-chip{right:5%;top:45px}.hero-bottom{bottom:25px}.intro-grid,.backup-grid,.privacy-panel{grid-template-columns:1fr;gap:25px}.intro-grid{text-align:center}.intro-text{margin:auto}.section-pad{padding:78px 0}.steps{margin-top:40px}.feature-wide img{width:60%;right:-8%}.privacy-panel{padding:30px}.backup-art{height:320px;grid-row:2}.backup-copy{text-align:center}.backup-copy .eyebrow{justify-content:center}.backup-copy>p{margin-inline:auto}.backup-points{width:max-content;max-width:100%;margin-inline:auto;text-align:left}.privacy-copy{text-align:center}.privacy-copy .eyebrow{justify-content:center}.privacy-copy p{margin-inline:auto}.privacy-copy .text-link{display:inline-block}}@media(max-width:560px){body{font-size:15px}.page-width{width:calc(100% - 36px)}.site-header{padding:0 17px}.brand{font-size:16px}.brand img{width:33px;height:33px}.site-header nav{gap:12px}.site-header nav a{font-size:10px}.hero{padding-top:46px}.hero h1{font-size:43px;letter-spacing:-2.4px;margin-top:19px}.hero-lede{font-size:14px}.hero-actions{flex-direction:column;gap:17px}.trust-row{font-size:9px;gap:14px;margin-top:31px}.hero-art{height:335px}.hero-art img{width:65%}.floating-note{bottom:40px;left:0;padding:9px}.floating-note strong{font-size:9px}.floating-note small{font-size:8px}.tiny-chip{right:0;top:25px}.hero-bottom{font-size:7px}.section-pad{padding:65px 0}.intro-grid h2,.section-heading h2,.backup-copy h2{font-size:33px;letter-spacing:-1.7px}.intro-text{text-align:left;font-size:13px}.steps{grid-template-columns:1fr;gap:0;border-top:0;margin-top:31px}.steps article{border-top:1px solid var(--line);padding:18px 35px 18px 0}.step-icon{top:16px;right:4px}.steps h3{margin:9px 0 3px}.section-heading{display:block;text-align:center}.section-heading>p{margin:15px auto 0}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{min-height:300px;padding:22px}.feature-wide{grid-column:auto;min-height:390px;align-items:flex-start}.feature-wide .feature-copy{width:100%}.feature-wide img{width:100%;height:66%;right:-4%;bottom:-6%;mask-image:linear-gradient(180deg,transparent 0%,black 24%)}.feature-encryption,.feature-organization,.feature-panic{min-height:330px}.feature-encryption img{width:105%;right:-15%;bottom:-26%}.feature-organization img{width:96%;right:-8%}.security-stamp{bottom:17px;left:22px}.phone-graphic{right:19%;width:105px;height:155px;bottom:-66px}.backup-art{height:275px}.privacy-panel{padding:26px 20px}.privacy-facts small{font-size:9px}.closing-section h2{font-size:34px;letter-spacing:-1.6px}.footer-inner{flex-wrap:wrap;gap:12px}.footer-inner>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Responsive layout refinements */
img{max-width:100%;height:auto}
.page-width{width:min(1180px,calc(100% - clamp(36px,8vw,64px)))}
.hero,.intro-grid,.steps,.feature-grid,.backup-grid,.privacy-panel{min-width:0}
.hero>* , .intro-grid>* , .steps>* , .feature-grid>* , .backup-grid>* , .privacy-panel>*{min-width:0}
.hero h1,.intro-grid h2,.section-heading h2,.backup-copy h2,.closing-section h2{font-size:clamp(2.1rem,5.2vw,4.3rem);letter-spacing:clamp(-3.5px,-.35vw,-1.4px)}
.intro-grid h2,.section-heading h2,.backup-copy h2{font-size:clamp(2rem,4vw,2.8rem)}
.section-pad{padding-block:clamp(64px,9vw,105px)}
.intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,7vw,95px)}
.backup-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,7vw,80px)}
.privacy-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,7vw,90px)}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-card p{max-width:min(300px,100%)}
.feature-wide{grid-column:1/-1}
.hero-art,.backup-art{min-height:0}
.hero-art img,.backup-art img,.feature-card img{max-width:100%}
.hero-lede,.backup-copy>p,.privacy-copy p,.closing-section>p{overflow-wrap:anywhere}
.site-header nav a{padding:8px 2px}
@media (max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:clamp(42px,7vw,74px);padding-bottom:78px}
  .hero-copy{text-align:center;padding-inline:0}
  .hero-copy>.eyebrow,.privacy-copy>.eyebrow,.backup-copy>.eyebrow{justify-content:center}
  .hero-lede{margin-inline:auto}
  .hero-actions,.trust-row{justify-content:center}
  .hero-art{height:clamp(300px,52vw,410px);grid-row:1;margin-bottom:14px}
  .hero-art img{width:min(63%,330px)}
  .intro-grid,.backup-grid,.privacy-panel{grid-template-columns:minmax(0,1fr);gap:26px}
  .intro-grid{text-align:center}
  .intro-text{margin-inline:auto;text-align:left}
  .backup-copy,.privacy-copy{text-align:center}
  .backup-art{height:clamp(260px,42vw,360px);grid-row:2}
  .backup-copy>p,.privacy-copy p{margin-inline:auto}
  .backup-points{width:max-content;max-width:100%;margin-inline:auto;text-align:left}
  .privacy-copy .text-link{display:inline-block}
  .privacy-panel{padding:clamp(24px,5vw,36px)}
}
@media (max-width:600px){
  .page-width{width:calc(100% - 36px)}
  .site-header{height:auto;min-height:66px;padding:10px 18px;gap:8px}
  .brand{gap:7px;font-size:15px;flex:0 0 auto}
  .brand img{width:31px;height:31px}
  .site-header nav{gap:clamp(4px,2vw,12px);justify-content:flex-end;flex-wrap:wrap}
  .site-header nav a{font-size:clamp(9px,2.5vw,11px);padding:8px 2px}
  .header-cta{display:none}
  .hero{padding-top:36px;padding-bottom:72px}
  .hero h1{font-size:clamp(2.25rem,10vw,3.1rem);letter-spacing:-.06em;margin-top:17px}
  .eyebrow{font-size:9px;letter-spacing:1.5px}
  .hero-lede{font-size:clamp(14px,3.8vw,16px)}
  .hero-actions{gap:14px}
  .trust-row{flex-wrap:wrap;gap:8px 16px;font-size:10px;margin-top:26px}
  .hero-art{height:clamp(260px,78vw,340px);margin-bottom:8px}
  .hero-art img{width:min(66%,280px)}
  .floating-note{left:0;bottom:28px;padding:8px 10px;gap:8px}
  .floating-note strong{font-size:9px}
  .floating-note small{font-size:8px}
  .tiny-chip{right:0;top:10px;font-size:7px}
  .hero-bottom{font-size:7px;letter-spacing:.8px}
  .intro-grid h2,.section-heading h2,.backup-copy h2{font-size:clamp(1.9rem,8vw,2.5rem)}
  .steps{grid-template-columns:minmax(0,1fr);margin-top:30px;border-top:0}
  .steps article{border-top:1px solid var(--line);padding:17px 34px 17px 0}
  .step-icon{right:4px;top:14px}
  .section-heading{display:block;text-align:center}
  .section-heading>p{margin:14px auto 0}
  .feature-grid{grid-template-columns:minmax(0,1fr);gap:13px}
  .feature-wide{grid-column:auto;min-height:360px;align-items:flex-start}
  .feature-wide .feature-copy{width:100%}
  .feature-wide img{width:100%;height:66%;right:-4%;bottom:-6%;mask-image:linear-gradient(180deg,transparent 0%,black 24%)}
  .feature-encryption,.feature-organization,.feature-panic{min-height:320px}
  .feature-encryption img{width:105%;right:-15%;bottom:-26%}
  .feature-organization img{width:96%;right:-8%}
  .backup-art{height:clamp(235px,72vw,300px)}
  .privacy-panel{padding:23px 18px}
  .privacy-facts small{font-size:10px}
  .closing-section h2{font-size:clamp(1.9rem,8vw,2.6rem)}
  .footer-inner{flex-wrap:wrap;gap:10px 18px}
  .footer-inner>span:nth-child(2){display:none}
}
@media (max-width:360px){
  .page-width{width:calc(100% - 28px)}
  .site-header{padding-inline:12px}
  .brand{font-size:13px}
  .brand img{width:28px;height:28px}
  .site-header nav{gap:3px}
  .site-header nav a{font-size:8px}
  .hero-bottom{font-size:6px}
  .floating-note{transform:scale(.9);transform-origin:left bottom}
  .feature-card{padding:20px}
  .privacy-panel{padding:21px 15px}
}