:root{color-scheme:dark;--ink:#05100b;--mint:#aae3d3;--paper:#f3efe3;--text:#edf4ed;--muted:#b8c8bc;--line:#354a3e;--green:#203d30}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--text);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em;font-weight:550;overflow-wrap:anywhere}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;z-index:9;background:var(--mint);color:var(--ink);padding:12px}.skip:focus{top:12px}
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;font-weight:650;letter-spacing:-.04em}.brand img{width:42px;height:42px;border-radius:11px}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:30px;font-size:14px}.nav-links a{text-decoration:none;color:var(--muted);padding-block:10px}.nav-links a:hover{color:var(--mint)}.nav-links .nav-contact{border:1px solid var(--line);border-radius:999px;padding:9px 22px;color:var(--text)}
.hero{position:relative;padding:64px 0 48px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:34px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mint);font-weight:650;margin-bottom:27px;display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--mint);box-shadow:0 0 15px #aae3d380}.hero h1{font-size:clamp(54px,6.5vw,92px);font-weight:500;margin:0 0 28px;line-height:1.03}.hero h1 span{color:var(--mint)}.hero .lead{max-width:440px;font-size:18px;line-height:1.65;margin-bottom:32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:13px 23px;border-radius:999px;background:var(--mint);color:var(--ink);font-size:14px;font-weight:650;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#d9e7dd}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}.hero-footnote{font-size:12px;color:var(--muted);margin:25px 0 0;letter-spacing:.025em}
.hero-scene{position:relative;isolation:isolate;min-width:0;display:grid;place-items:center;padding:28px 0 35px;margin:0}.orb{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;z-index:-2;background:radial-gradient(ellipse,#aae3d324,transparent 67%);filter:blur(10px)}.orbit{position:absolute;inset:19% -1% 13%;border:1px solid #aae3d31f;border-radius:50%;transform:rotate(-27deg);z-index:-1}.orbit.second{inset:4% 8% 2%;transform:rotate(23deg);border-color:#aae3d30c}.phone{position:relative;width:min(324px,78%);padding:9px;border-radius:47px;background:linear-gradient(130deg,#b8c8bc,#203d30 25%,#05100b 55%,#646760);box-shadow:0 35px 80px #0009,0 0 0 1px #b8c8bc60;transform:rotate(6deg)}.phone:before{content:"";position:absolute;left:-3px;top:110px;width:3px;height:51px;border-radius:3px;background:#646760}.phone-screen{border:3px solid #05100b;border-radius:38px;overflow:hidden;background:#dbd9cc;padding-top:25px}.phone-screen:before{content:"";position:absolute;top:19px;left:50%;transform:translateX(-50%);width:76px;height:13px;border-radius:30px;background:var(--ink)}.phone img{width:100%;height:auto}.phone-screen:after{content:"";display:block;width:32%;height:4px;margin:7px auto 9px;background:#05100b;border-radius:10px}.float-card{position:absolute;z-index:2;background:linear-gradient(130deg,#203d30ed,#102d23eb);border:1px solid #b8c8bc3d;border-radius:19px;padding:17px 22px;box-shadow:0 15px 35px #0005;backdrop-filter:blur(18px);max-width:210px;animation:card-appear .6s ease-out both}.float-card small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}.float-card strong{font-size:14px;font-weight:500}.float-card .small-icon{color:var(--mint);font-size:24px;float:left;margin-right:12px}.float-one{left:0;top:14%;transform:rotate(-6deg)}.float-two{right:0;bottom:18%;animation-delay:.12s;transform:rotate(4deg)}.hero-scene figcaption{position:absolute;bottom:-8px;font-size:11px;color:var(--muted);text-align:center;width:100%}
.principles{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:13px;color:var(--muted)}.principles span{display:flex;align-items:center;gap:10px}.principles i{font-style:normal;color:var(--mint)}.section{padding-block:76px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.section-head h2,.privacy h2,.support h2{font-size:clamp(38px,4.3vw,62px);max-width:680px;margin-bottom:0}.section-head p{max-width:310px;font-size:15px;margin:0}.kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin-bottom:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature{position:relative;min-width:0;min-height:235px;padding:28px;background:linear-gradient(140deg,#203d3040,#203d3010);border:1px solid var(--line);border-radius:23px}.feature .feature-icon{font-size:26px;color:var(--mint);display:block;margin-bottom:26px;line-height:1}.feature h3{font-size:23px;letter-spacing:-.035em;margin-bottom:12px}.feature p{font-size:14px;line-height:1.7;max-width:32ch;margin-bottom:0}
.showcase{padding-top:0}.showcase-panel{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center;background:linear-gradient(130deg,#203d3080,#203d301c);border:1px solid var(--line);border-radius:32px;padding:48px}.showcase-copy h2{font-size:clamp(36px,4.2vw,58px);margin-bottom:24px}.showcase-copy p{max-width:380px}.showcase-list{list-style:none;padding:0;margin:30px 0 0}.showcase-list li{padding:12px 0;border-top:1px solid var(--line);font-size:14px;display:flex;align-items:center;gap:12px}.showcase-list i{color:var(--mint);font-style:normal}.capture{margin:0;min-width:0}.capture img{width:100%;height:auto;border-radius:20px}.capture figcaption{font-size:11px;color:var(--muted);margin-top:12px;text-align:center}.stat-capture{max-width:390px;justify-self:center;width:100%;box-shadow:0 25px 70px #0006;border-radius:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.detail-card{background:var(--paper);color:var(--ink);border-radius:28px;padding:30px;min-width:0;overflow:hidden}.detail-card h3{font-size:28px;margin-bottom:9px}.detail-card>p{font-size:14px;color:#595e56;max-width:42ch;margin-bottom:28px}.detail-card .capture{margin-inline:-6px}.detail-card figcaption{color:#595e56}.detail-card img{border-radius:17px}
.steps{padding-top:18px}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}.step{border-top:1px solid var(--line);padding-top:25px;min-width:0}.step .number{font-size:13px;color:var(--mint);display:block;margin-bottom:38px;letter-spacing:.1em}.step h3{font-size:27px;margin-bottom:13px}.step p{font-size:14px;max-width:31ch}
.privacy{padding:65px;border-radius:32px;background:var(--mint);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.privacy .kicker{color:#203d30}.privacy h2{margin-bottom:22px}.privacy p{color:#203d30;font-size:15px;max-width:35ch}.privacy ul{list-style:none;margin:0;padding:0;display:grid;gap:0}.privacy li{display:flex;align-items:center;gap:16px;border-bottom:1px solid #4b6f5955;padding:20px 0;font-size:20px;letter-spacing:-.03em}.privacy li:before{content:"↗";font-size:20px}.privacy a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;font-weight:600}.backup-row{margin-top:26px;padding:45px;border:1px solid var(--line);border-radius:28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.backup-row h3{font-size:32px}.backup-row p{font-size:15px;max-width:38ch}.backup-row .capture img{border-radius:16px}.support{padding-block:90px 74px;text-align:center}.support h2{margin:0 auto 24px}.support>p{max-width:450px;margin:0 auto 28px;font-size:16px}.support-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.support-mail{display:inline-flex;min-height:44px;align-items:center;margin-top:20px;color:var(--muted);font-size:14px;overflow-wrap:anywhere;word-break:break-word}.footer{border-top:1px solid var(--line);padding-block:28px 38px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer p{font-size:12px;margin:0}.footer-links{display:flex;gap:25px;font-size:12px;flex-wrap:wrap}.footer-links a{min-height:44px;display:inline-flex;align-items:center}
.reveal.pending{opacity:0;transform:translateY(20px)}.reveal{transition:opacity .65s ease,transform .65s ease}section{scroll-margin-top:30px}@keyframes card-appear{from{opacity:0}to{opacity:1}}
.privacy a:focus-visible{outline-color:var(--ink)}
/* Documents: the existing translated text is preserved, with a quiet reading surface. */
.legal-page main{max-width:860px;margin:auto;padding:35px 25px 65px}.legal-page header{display:flex;align-items:center;gap:18px;margin-block:35px}.legal-page header img{width:56px;height:56px;border-radius:14px;flex-shrink:0}.legal-page header>div{min-width:0}.legal-page header strong{font-size:15px;font-weight:500;color:var(--mint)}.legal-page h1{font-size:clamp(34px,5vw,54px);margin:8px 0 0}.legal-page nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.legal-page nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere;padding:8px 13px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--muted)}.legal-page nav a[aria-current=page]{background:var(--mint);color:var(--ink);border-color:var(--mint)}.legal-page article{background:var(--paper);color:var(--ink);border-radius:25px;padding:42px;min-width:0}.legal-page article h2{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px}.legal-page article p{font-size:17px;line-height:1.8;color:var(--ink);margin:0;overflow-wrap:anywhere}.legal-page article section+section{margin-top:35px}.legal-page article p+p{margin-top:15px}.legal-page article a{color:#203d30;overflow-wrap:anywhere}.legal-page footer{margin-top:28px;display:flex;gap:20px;flex-wrap:wrap}.legal-page footer a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.legal-page .home-link{color:var(--mint);min-height:44px;display:inline-flex;align-items:center;font-size:14px}
/* Clip only ornamental orbits to their scene, never hide document overflow. */
.hero-scene{overflow:clip}.hero-scene figcaption{bottom:0}.site-nav{flex-wrap:wrap}.principles span,.privacy li{min-width:0;overflow-wrap:anywhere}
.feature p{overflow-wrap:anywhere}
@media(max-width:480px){.feature-grid{grid-template-columns:1fr}.feature{min-height:190px}.feature .feature-icon{margin-bottom:20px}}
@media(min-width:1500px){.hero{padding-block:86px}.hero-scene{padding-block:40px}.phone{width:350px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:10px;padding-top:60px}.hero h1{font-size:clamp(48px,6.7vw,72px)}.phone{width:290px;max-width:85%}.float-card{padding:13px 16px;max-width:180px}.float-one{left:0;top:8%}.float-two{right:0;bottom:10%}.showcase-panel{padding:38px;gap:35px}.section{padding-block:60px}.showcase{padding-top:0}.section-head{gap:25px}.privacy{padding:45px;gap:35px}.backup-row{padding:35px;gap:30px}.nav-links{gap:20px}.step-grid{gap:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-nav{padding-block:18px;gap:15px;align-items:start}.brand{font-size:21px}.brand img{width:36px;height:36px}.nav-links{gap:7px 16px;justify-content:flex-end;font-size:12px;max-width:200px}.nav-links .nav-contact{display:none}.nav-links a{min-height:44px;padding-block:8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:50px 0 30px;gap:25px}.hero h1{font-size:clamp(47px,9.6vw,70px);max-width:600px}.hero .lead{font-size:16px;max-width:430px}.eyebrow{margin-bottom:23px}.hero-scene{max-width:480px;width:100%;align-self:center;padding:35px 0 42px;margin:0}.phone{width:290px;max-width:76%;transform:rotate(4deg)}.float-one{left:0;top:11%}.float-two{right:0;bottom:12%}.float-card{max-width:165px;padding:12px 14px}.float-card strong{font-size:12px}.float-card small{font-size:9px}.float-card .small-icon{font-size:22px}.hero-scene figcaption{bottom:0}.principles{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:16px;padding-block:22px}.section-head{display:block;margin-bottom:30px}.section-head h2{margin-bottom:20px}.section-head p{max-width:400px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:22px;min-height:235px}.feature h3{font-size:23px}.feature p{font-size:13px}.feature .feature-icon{margin-bottom:23px}.showcase-panel{grid-template-columns:1fr;padding:30px;gap:35px;border-radius:25px}.showcase-copy h2{max-width:430px}.stat-capture{max-width:420px}.detail-grid{grid-template-columns:1fr;gap:18px}.detail-card{padding:28px}.step-grid{grid-template-columns:1fr;gap:20px}.step{display:grid;grid-template-columns:45px 1fr;gap:0 12px}.step .number{grid-row:span 2;margin:0}.step h3{font-size:25px}.step p{grid-column:2;max-width:40ch;margin-bottom:0}.privacy{grid-template-columns:1fr;padding:32px;gap:18px}.privacy li{font-size:19px}.backup-row{grid-template-columns:1fr;padding:28px;gap:20px}.support{padding-block:66px 56px}.footer{align-items:start}.footer-links{gap:18px}.section{padding-block:48px}.showcase{padding-top:0}.steps{padding-top:0}.legal-page main{padding:20px 18px 50px}.legal-page article{padding:27px}.legal-page article h2{font-size:22px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.nav-links{gap:3px 12px;max-width:162px}.brand{gap:8px;font-size:19px}.hero h1{font-size:45px}.actions .button{font-size:12px;padding-inline:18px}.feature-grid{grid-template-columns:1fr}.feature{min-height:190px}.feature .feature-icon{margin-bottom:20px}.hero-scene{padding-top:35px}.float-card{max-width:147px}.float-card .small-icon{display:none}.phone{max-width:78%}.showcase-panel{padding:23px}.privacy{padding:26px}.legal-page article{padding:22px}.support-links{flex-direction:column}.legal-page h1{font-size:34px}}
/* Feature polish: decorative icons, no new interaction or palette. */
.feature{transition:border-color .18s ease,box-shadow .18s ease}
.feature .feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#aae3d30d;border:1px solid #aae3d32b;margin-bottom:22px}
.feature-icon svg{width:25px;height:25px}
@media(hover:hover) and (pointer:fine){.feature:hover{border-color:#6c907b;box-shadow:0 8px 24px #0003}.feature:hover .feature-icon{background:#aae3d318}}
@media(max-width:480px){.feature-grid{grid-template-columns:1fr}.feature{min-height:0;padding:24px}.feature .feature-icon{margin-bottom:18px}.feature p{max-width:38ch}}
/* Release polish: retain the existing brand and native screenshot proportions. */
.hero h1,.section-head h2,.showcase-copy h2{text-wrap:balance}
.feature{display:flex;flex-direction:column;transition:opacity .5s ease,transform .5s ease,border-color .18s ease,box-shadow .18s ease}
.feature h3{line-height:1.2}.feature p{max-width:36ch}
.detail-card{display:flex;flex-direction:column}.detail-card .capture{width:100%;max-width:420px;margin:8px auto 0}.detail-card>p{margin-bottom:20px}
.backup-row .capture{width:100%;max-width:420px;justify-self:center}
.button.secondary:hover{border-color:var(--mint)}
@media(hover:hover) and (pointer:fine){.feature:hover{transform:translateY(-3px)}}
@media(max-width:760px){.site-nav{align-items:center}.nav-links{max-width:none;width:100%;justify-content:space-between;gap:4px 10px}.nav-links .nav-contact{display:inline-flex;align-items:center;padding:8px 12px}.nav-links a{min-height:44px}.hero{padding-top:38px}.detail-card .capture{margin:8px auto 0}.showcase-panel{gap:26px}}
@media(max-width:360px){.nav-links{font-size:12px}.nav-links .nav-contact{padding-inline:8px}}
/* V3 final: compact mobile disclosure; desktop navigation stays unchanged. */
.menu-toggle{display:none}.nav-links[hidden],.menu-toggle[hidden]{display:none!important}
@media(max-width:760px){
 .site-nav{position:relative;flex-wrap:nowrap;padding-block:16px}.js-nav .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--ink);color:var(--text);font:inherit;font-size:14px;cursor:pointer}.menu-toggle:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
 .js-nav .nav-links{position:absolute;top:calc(100% + 6px);left:0;right:0;width:100%;z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:12px;border:1px solid var(--line);border-radius:20px;background:var(--ink);box-shadow:0 15px 35px #0005;opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}.js-nav .nav-links.is-open{opacity:1;transform:none}.js-nav .nav-links a{width:100%;padding:10px 14px;font-size:15px;border-radius:10px}.js-nav .nav-links .nav-contact{border:0;justify-content:flex-start}
 .site-nav:not(.js-nav){flex-wrap:wrap}.hero{padding-block:30px 24px;gap:18px}.hero .lead{margin-bottom:24px}.hero-footnote{margin-top:20px}.actions{gap:10px}.actions .button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .section{padding-block:42px}.showcase{padding-top:0}.steps{padding-top:0}.feature{min-height:0;padding:20px}.feature .feature-icon{width:40px;height:40px;margin-bottom:14px}.feature p{font-size:14px}.privacy{padding:28px;gap:14px}.privacy h2{margin-bottom:18px}.privacy li{padding-block:14px}.backup-row{padding:24px;gap:16px;margin-top:20px}.support{padding-block:52px 44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}
@media print{body{background:white;color:black}.site-nav,.hero-scene,.reveal,.nav-links{animation:none}.legal-page nav{display:none}.legal-page article{padding:0;background:white}.legal-page h1,.legal-page header strong{color:black}}
