:root{--navy:#173a63;--ink:#152440;--muted:#5e7088;--blue:#176bc3;--line:#e0e8f1;--surface:#f4f7fb;--green:#299356;--red:#e64143}*{box-sizing:border-box}body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--navy);font-size:24px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}.brand:hover{text-decoration:none}.brand img{display:block;width:190px;height:auto;max-height:40px;object-fit:contain}.btn{border-radius:9px;font-weight:600;padding:10px 19px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.btn-primary{background:#176bc3;border-color:#176bc3}.btn-success{background:#299356;border-color:#299356}.btn-lg{padding:15px 26px;font-size:18px}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5a727;outline-offset:3px}.site-header{padding:22px 0;border-bottom:1px solid var(--line)}.site-header nav a{font-size:14px;color:var(--navy)}.hero{padding:70px 0 48px;background:radial-gradient(ellipse at 90% 45%,#e9e7d9,transparent 55%),linear-gradient(120deg,#edf6fd,#f8fafb)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#286398;margin-bottom:18px}h1{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-1.8px;font-weight:750}h1 span:not(.i18n-text){color:#27639c}.lead{font-size:18px;color:var(--muted);line-height:1.65;margin-top:24px;max-width:500px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#3e6577;margin-top:26px}.tablet-demo{background:#28353f;padding:16px;border-radius:29px;box-shadow:0 24px 45px #1c34462b;transform:rotate(-2deg);border:4px solid #47545b}.demo-top{background:#fff;border-radius:12px 12px 0 0;padding:10px;display:flex;align-items:center;justify-content:space-between}.demo-top .brand{font-size:12px;gap:5px;letter-spacing:0}.demo-top .icon{width:15px;height:15px}.demo-top>span:not(.i18n-text){color:#267a4a;font-size:10px}.tablet-demo>img{width:100%;height:260px;object-fit:cover}.demo-actions{display:flex;gap:8px;background:white;padding:8px;border-radius:0 0 12px 12px}.demo-actions>div{display:flex;align-items:center;justify-content:center;gap:15px;width:50%;background:#299356;color:white;border-radius:9px;padding:13px;font-weight:700;line-height:1.2}.demo-actions>div+div{background:#e64143}.demo-actions .icon{width:33px;height:33px}.demo-caption{text-align:center;font-size:14px;font-style:italic;color:#61796b;margin:24px 0 0}.feature-card{border:1px solid var(--line);border-radius:14px;padding:25px;height:100%}.icon-tile{display:inline-flex;padding:13px;border-radius:14px;margin-bottom:18px}.icon-tile .icon{width:28px;height:28px}.blue{background:#e8f3ff;color:#176bc3}.green{background:#e6f5ec;color:#19824a}.red{background:#fcebed;color:#d84d59}.purple{background:#f0eafe;color:#7446b4}.feature-card h2{font-size:17px;font-weight:700}.feature-card p{font-size:14px;color:var(--muted);margin:10px 0 0}.how-section{background:#f0f7fc;padding:55px 0}.section-title{font-size:32px;letter-spacing:-1px;font-weight:700}.step-number{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:#d5eafd;color:var(--blue);font-weight:700;margin-bottom:17px}.how-section h3{font-size:17px;font-weight:700}.how-section p:not(.eyebrow){color:var(--muted);font-size:14px}.premium-card{padding:29px;background:#fff;border:1px solid var(--line);border-radius:16px}.pill{font-size:10px;font-weight:750;letter-spacing:1px;color:#197555;background:#dff2e7;border-radius:6px;padding:7px 10px}.premium-card h2{font-size:24px;line-height:1.3;margin-top:18px}.check-list{list-style:none;padding:0;font-size:14px;line-height:2}.check-list li:before{content:'✓';color:#299356;margin-right:10px}.premium-card small{display:block;text-align:center;color:var(--muted);margin-top:10px;font-size:11px}.privacy-note{display:flex;gap:25px;align-items:center;max-width:900px;margin:auto}.privacy-note>.icon{color:#48829d;width:44px;height:44px}.privacy-note h2{font-size:22px}.privacy-note p{font-size:15px;color:var(--muted);margin-bottom:5px}.privacy-note small{color:var(--muted);font-size:12px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;padding-bottom:25px;font-size:12px;color:var(--muted)}.site-footer .brand{font-size:18px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f6f8fb}.auth-story{padding:50px 45px 0;text-align:center;background:linear-gradient(#f5f8fa,#e5efe9);display:flex;flex-direction:column;align-items:center;overflow:hidden}.auth-story h1{margin-top:60px;font-size:44px}.auth-story>p{color:var(--muted);font-size:19px}.auth-story>img{width:calc(100% + 90px);height:auto;max-height:65vh;object-fit:cover;margin-top:auto}.auth-form-wrap{padding:50px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-card{background:white;border:1px solid var(--line);border-radius:20px;padding:38px;max-width:580px;width:100%;box-shadow:0 15px 45px #1b3d6710}.auth-card h2{font-size:27px;font-weight:750}.auth-card h3{font-size:18px;font-weight:650}.auth-card p{font-size:14px}.auth-card form{background:#f6f8fb;border:1px solid #e8edf5;border-radius:12px;padding:22px}.auth-steps{list-style:none;display:flex;justify-content:space-between;counter-reset:step;padding:0;margin:25px 0;font-size:12px;text-align:center}.auth-steps li:before{counter-increment:step;content:counter(step);display:flex;width:34px;height:34px;border-radius:50%;background:#edf0f6;align-items:center;justify-content:center;margin:0 auto 8px;font-size:16px}.auth-steps .current:before{background:var(--blue);color:#fff}.form-control,.form-select{border-color:#cdd8e6;border-radius:8px;padding:10px 12px}.form-label{font-size:14px;font-weight:600}.otp-input{font-size:30px;letter-spacing:12px;text-align:center}.secure-note{text-align:center;color:#428269;margin:25px 0 0}.secure-note small{color:var(--muted)}[v-cloak]{display:none!important}@media(max-width:991px){.hero{padding:40px 0}.tablet-demo{max-width:540px;margin:auto}.auth-layout{grid-template-columns:1fr}.auth-story{padding:25px}.auth-story h1{margin-top:25px;font-size:32px}.auth-story>img{display:none}.auth-form-wrap{padding:25px}.site-footer{flex-wrap:wrap}}@media(max-width:575px){.brand{font-size:19px}.site-header{padding:15px 0}.hero .lead{font-size:16px}.trust-row{gap:10px}.auth-card{padding:20px}.auth-card form{padding:16px}.auth-form-wrap{padding:16px}.demo-actions>div{font-size:14px;gap:8px}.tablet-demo>img{height:210px}.privacy-note{align-items:flex-start}}

.pair-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f5fa;padding:25px}.pair-page .otp-input{letter-spacing:5px;text-transform:uppercase}

@media(max-width:991px){.hero>.container>.row,.how-section>.container>.row{--bs-gutter-x:1.5rem}}

/* Landing artwork: real SVG glyphs and an uncropped family portrait. */
.tablet-demo>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.trust-row>span:not(.i18n-text){display:inline-flex;align-items:center;gap:6px}
.trust-row .icon{width:17px;height:17px;color:var(--green)}
.demo-actions .icon{width:36px;height:36px}
.btn .icon{flex-shrink:0}

/* Language controls share the existing palette and remain usable on touch screens. */
.language-picker{display:inline-flex;align-items:center;flex-shrink:0;margin:0;max-width:150px}.language-picker .form-select{min-height:44px;width:125px;font-size:14px;padding:8px 30px 8px 12px;background-color:#fff;color:var(--navy)}.language-row{display:flex;justify-content:flex-end;margin-bottom:18px}.header-actions{align-items:center}.header-actions .btn{white-space:nowrap}.language-picker .form-select:focus-visible{outline:3px solid #e5a727;outline-offset:3px}@media(max-width:575px){.site-header .container{flex-wrap:wrap}.site-header .header-actions{margin-left:auto}.site-header .brand img{width:160px}.language-picker .form-select{width:112px;font-size:13px}}