:root{
  --navy:#062844;--navy-2:#0a3558;--ink:#101828;--muted:#667085;
  --bg:#f8faff;--white:#fff;--line:#e6eaf0;--blue:#5064a3;--blue2:#6f80c4;
  --lav:#eef0ff;--green:#31a56b;--orange:#ef9b45;
  --shadow:0 24px 70px rgba(8,40,68,.13);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,250,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,234,240,.75)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:700}.brand img{width:40px;height:40px;border-radius:12px;object-fit:cover}.brand b{font-weight:800}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600;color:#475467}.nav-links a:hover{color:var(--navy)}.nav-cta{padding:11px 18px;border-radius:999px;background:var(--navy);color:#fff!important}.nav-toggle{display:none;border:0;background:none;font-size:25px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#174d78 0,#0a3558 35%,#062844 72%);color:#fff;padding:105px 0 125px;min-height:690px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.hero-glow{position:absolute;border-radius:50%;filter:blur(1px);opacity:.25}.glow-one{width:450px;height:450px;background:#4d7fb1;right:-160px;top:-100px}.glow-two{width:250px;height:250px;background:#8196e6;left:-100px;bottom:-100px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);padding:7px 13px;border-radius:999px;font-size:12px;letter-spacing:.04em}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#7ce0aa}.hero h1{font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:25px 0}.hero h1 span,.section-heading h2 span,.split-copy h2 span,.reader-copy h2 span,.privacy-card h2 span,.download-inner h2 span{color:#8fa3ef}.hero-text{max-width:590px;color:#d4e1ec;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 22px}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:14px;padding:14px 20px;font-weight:750;font-size:14px}.btn-primary{background:#fff;color:var(--navy)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border:1px solid rgba(255,255,255,.25);color:#fff}.play{font-size:12px}.hero-points{display:flex;gap:18px;flex-wrap:wrap;color:#b9cbd9;font-size:12px}.hero-visual{height:510px;position:relative;display:flex;justify-content:center;align-items:center}.phone{position:absolute;width:245px;aspect-ratio:1200/1920;border-radius:30px;background:#111;border:8px solid #111;box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden}.phone img{width:100%;height:100%;object-fit:cover}.phone-main{z-index:3;transform:translateY(10px)}.phone-back{opacity:.85;filter:saturate(.82);width:215px}.phone-back-left{left:18px;transform:rotate(-10deg) translateY(25px)}.phone-back-right{right:18px;transform:rotate(10deg) translateY(25px)}.visual-badge{position:absolute;z-index:5;background:#fff;color:var(--navy);border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.25);padding:11px 14px;display:flex;flex-direction:column;line-height:1.1}.visual-badge strong{font-size:18px}.visual-badge span{font-size:10px;color:#667085}.badge-top{top:65px;right:20px}.badge-bottom{bottom:55px;left:15px}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:11px;color:#a9bdcd;letter-spacing:.08em;text-transform:uppercase}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-inner{min-height:86px;display:flex;align-items:center;justify-content:center;gap:45px;color:#7b8795;font-size:12px}.trust-inner span{letter-spacing:.12em}.trust-inner b{font-size:14px;color:#344054}
.section{padding:120px 0}.section-heading{max-width:720px}.section-heading.center{text-align:center;margin:0 auto 58px}.section-kicker{display:block;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.14em;margin-bottom:12px}.section-heading h2,.split-copy h2,.reader-copy h2,.privacy-card h2{font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}.section-heading p,.split-copy p,.reader-copy>p{color:var(--muted);font-size:17px;max-width:650px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:255px;box-shadow:0 8px 30px rgba(8,40,68,.035)}.feature-card h3{font-size:22px;margin:18px 0 8px;letter-spacing:-.02em}.feature-card p{color:var(--muted);margin:0}.feature-card-large{grid-column:span 2;min-height:330px}.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:22px;font-weight:800}.blue{background:#e8edff;color:#4d61a0}.violet{background:#f0eaff;color:#7a57bb}.cyan{background:#e5f8fb;color:#1c91a2}.green{background:#e4f7ee;color:#218358}.orange{background:#fff0df;color:#bc6e20}.mini-library{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-library div{border:1px solid #edf0f4;border-radius:15px;padding:11px;background:#fbfcfe}.mini-library i{display:inline-grid;place-items:center;width:29px;height:29px;background:#e7ebff;color:#5366a4;border-radius:9px;font-size:9px;font-style:normal;font-weight:800}.mini-library span{display:block;font-size:11px;font-weight:700;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-library small{color:#98a2b3;font-size:9px}.feature-card-dark{background:var(--navy);color:#fff;border-color:var(--navy);display:flex;justify-content:space-between;align-items:flex-end}.feature-card-dark h3{font-size:30px;line-height:1.1}.dark-kicker,.light-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;color:#9fb0ff}.arrow-circle{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:22px}
.showcase{background:#fff;overflow:hidden}.showcase-wrap{position:relative}.shot-track{display:flex;align-items:flex-start;gap:28px;overflow-x:auto;padding:20px 80px 30px;scrollbar-width:none}.shot-track::-webkit-scrollbar{display:none}.shot-card{flex:0 0 245px;margin:0;transition:.35s;opacity:.6;transform:scale(.94)}.shot-card.active{opacity:1;transform:scale(1.02)}.shot-card img{width:100%;aspect-ratio:1200/1920;object-fit:cover;border-radius:28px;border:7px solid #111;box-shadow:0 25px 50px rgba(8,40,68,.16)}.shot-card figcaption{text-align:center;margin-top:16px;font-size:13px;color:#667085;font-weight:650}.shot-arrow{position:absolute;top:42%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 10px 25px rgba(8,40,68,.1);z-index:4;font-size:30px;color:var(--navy);cursor:pointer}.shot-arrow.left{left:10px}.shot-arrow.right{right:10px}.dots{display:flex;justify-content:center;gap:7px}.dot-btn{width:7px;height:7px;border:0;padding:0;border-radius:50%;background:#ccd3dd;cursor:pointer}.dot-btn.active{width:24px;border-radius:99px;background:var(--blue)}
.split-section{background:#f1f4fa}.split-grid,.reader-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.check-list{list-style:none;padding:0;margin:28px 0 0}.check-list li{display:flex;gap:12px;align-items:center;margin:15px 0;font-weight:650}.check-list span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e2f6ec;color:#23865a;font-size:12px}.import-card{background:linear-gradient(145deg,#0b3355,#0a2843);border-radius:36px;padding:45px;box-shadow:var(--shadow)}.import-window{background:#fff;border-radius:24px;padding:24px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.window-top{display:flex;gap:5px}.window-top span{width:7px;height:7px;border-radius:50%;background:#d7dce3}.zip-art{margin:30px auto 15px;width:72px;height:72px;border-radius:20px;background:#eef0ff;color:#566aa9;display:grid;place-items:center;font-weight:900}.import-title{text-align:center;font-weight:800}.progress{height:10px;background:#edf0f5;border-radius:99px;margin-top:24px;overflow:hidden}.progress span{display:block;width:78%;height:100%;background:linear-gradient(90deg,#5266a3,#8c9de1);border-radius:99px}.progress-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#98a2b3}.progress-meta b{color:#475467}.import-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.import-stats span{background:#f8f9fb;border-radius:12px;padding:10px;text-align:center;font-size:10px;color:#667085}.import-stats b{display:block;color:#1d2939;font-size:14px}
.reader-section{background:#fff}.reader-device{display:flex;justify-content:center}.reader-device img{width:min(310px,75%);border:8px solid #111;border-radius:34px;box-shadow:var(--shadow)}.reader-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.reader-stat-grid div{padding:17px;border:1px solid var(--line);border-radius:17px;background:#fbfcff}.reader-stat-grid strong{display:block;font-size:20px;color:var(--blue)}.reader-stat-grid span{font-size:12px;color:#667085}
.privacy-preview{padding-top:0;background:#fff}.privacy-card{background:linear-gradient(125deg,#102f4d,#274b73);border-radius:34px;padding:55px 60px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px}.privacy-card h2{max-width:650px}.privacy-card p{color:#cbd8e4;max-width:650px}.btn-light{background:#fff;color:var(--navy);white-space:nowrap}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:"+";font-size:22px;color:#98a2b3}details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);font-size:14px;max-width:650px;margin:12px 0 0}
.download-section{padding:75px 0;background:var(--navy);color:#fff}.download-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.download-icon img{width:90px;height:90px;border-radius:25px}.download-inner h2{font-size:43px;line-height:1.05;letter-spacing:-.04em;margin:5px 0 12px}.download-inner p{margin:0;color:#bdccda}.play-store-btn{background:#fff;color:#111;border-radius:14px;padding:10px 23px;min-width:175px;display:flex;flex-direction:column;line-height:1.1;box-shadow:0 12px 25px rgba(0,0,0,.2)}.play-store-btn small{font-size:9px;letter-spacing:.13em}.play-store-btn strong{font-size:20px}
.footer{background:#061d31;color:#9fb0bf}.footer-top{min-height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09)}.footer-brand{color:#fff}.footer-links{display:flex;gap:25px;font-size:12px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:11px}
.legal-main{padding:80px 0 120px}.legal-container{max-width:850px}.back-link{display:inline-block;margin-bottom:50px;color:var(--blue);font-weight:700;font-size:14px}.legal-container h1{font-size:58px;line-height:1.05;letter-spacing:-.05em;margin:0 0 8px}.legal-updated{color:#98a2b3;font-size:13px}.legal-container h2{font-size:24px;margin:42px 0 9px}.legal-container p{color:#596575;font-size:15px}.legal-note{margin:30px 0;padding:22px 25px;background:#eef2ff;border:1px solid #dce2ff;border-radius:18px;color:#45527b;font-size:14px}.legal-page .footer-bottom{border:0}.legal-page .footer-bottom a{color:#fff;font-weight:650}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media(max-width:900px){
  .nav-links{gap:16px}.hero-grid,.split-grid,.reader-grid,.faq-grid{grid-template-columns:1fr;gap:45px}.hero{padding-top:70px}.hero-visual{height:480px;order:-1}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-points{justify-content:center}.hero-text{margin-left:auto;margin-right:auto}.feature-grid{grid-template-columns:1fr 1fr}.feature-card-large{grid-column:span 2}.privacy-card{flex-direction:column;align-items:flex-start}.download-inner{grid-template-columns:auto 1fr}.play-store-btn{grid-column:2;justify-self:start}.faq-grid{gap:30px}
}
@media(max-width:650px){
  .container{width:min(100% - 28px,1160px)}.nav{height:68px}.nav-toggle{display:block;color:var(--ink)}.nav-links{display:none;position:absolute;left:14px;right:14px;top:64px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:10px 12px}.nav-cta{text-align:center}.hero{padding:60px 0 100px}.hero h1{font-size:52px}.hero-text{font-size:16px}.hero-visual{height:420px;transform:scale(.86);margin:-20px -50px}.phone-main{width:230px}.phone-back{width:200px}.phone-back-left{left:5px}.phone-back-right{right:5px}.feature-grid{grid-template-columns:1fr}.feature-card-large{grid-column:span 1}.mini-library{grid-template-columns:1fr}.trust-inner{gap:18px;flex-wrap:wrap;padding:20px 0}.trust-inner span{width:100%;text-align:center}.section{padding:80px 0}.section-heading h2,.split-copy h2,.reader-copy h2,.privacy-card h2{font-size:40px}.shot-track{padding-left:55px;padding-right:55px;gap:18px}.shot-card{flex-basis:230px}.shot-arrow{display:none}.import-card{padding:20px}.reader-stat-grid{grid-template-columns:1fr}.privacy-card{padding:35px 28px}.download-inner{grid-template-columns:1fr;text-align:center}.download-icon{margin:auto}.play-store-btn{grid-column:auto;justify-self:center}.footer-top{flex-direction:column;align-items:flex-start;gap:20px;padding:30px 0}.footer-links{flex-wrap:wrap;gap:12px 20px}.footer-bottom{flex-direction:column;gap:8px}.legal-container h1{font-size:43px}.legal-main{padding:55px 0 80px}
}