:root {
  --primary: #014B8E;
  --primary-dark: #003866;
  --primary-soft: #EAF3FA;
  --sage: #789187;
  --sage-soft: #E8EFEB;
  --sand: #E9D7BA;
  --sand-soft: #F8F2E8;
  --bg: #F8F6F2;
  --surface: #FFFDFC;
  --text: #1E2B32;
  --muted: #647179;
  --line: #DCE2E4;
  --white: #FFFFFF;
  --radius-lg: 32px;
  --radius-md: 22px;
  --radius-sm: 14px;
  --shadow: 0 24px 60px rgba(15, 49, 71, .12);
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-display: "Manrope", system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font-body); background: var(--bg); color: var(--text); line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 999; background: var(--primary); color: white; padding: 12px 18px; }
.skip-link:focus { left: 12px; top: 12px; }
.site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(16px); background: rgba(248,246,242,.88); border-bottom: 1px solid rgba(220,226,228,.72); }
.nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.brand-name { font-family: var(--font-display); font-size: 22px; font-weight: 800; letter-spacing: -.04em; }
.brand-mark, .mini-mark, .plus-mark { width: 34px; height: 34px; border-radius: 50%; background: var(--primary); position: relative; display: inline-block; overflow: hidden; }
.brand-mark span, .brand-mark::before, .mini-mark::before, .plus-mark::before { content: ""; position: absolute; width: 22px; height: 7px; background: white; border-radius: 10px; transform: rotate(-32deg); left: 6px; top: 13px; }
.brand-mark::after, .mini-mark::after, .plus-mark::after { content: ""; position: absolute; width: 7px; height: 7px; background: white; border-radius: 50%; left: 19px; top: 8px; }
.desktop-nav { display: flex; gap: 28px; margin-left: auto; }
.desktop-nav a { text-decoration: none; font-size: 14px; font-weight: 600; color: #49575F; }
.desktop-nav a:hover { color: var(--primary); }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.lang-toggle { border: 0; background: transparent; padding: 9px; font: inherit; color: var(--muted); cursor: pointer; }
.lang-active { color: var(--primary); font-weight: 700; }.lang-divider{padding:0 3px;color:#b8c0c4}
.nav-cta { text-decoration: none; background: var(--primary); color: white; border-radius: 999px; padding: 11px 18px; font-size: 14px; font-weight: 700; box-shadow: 0 7px 20px rgba(1,75,142,.18); }
.hero { padding: 90px 0 76px; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 74px; align-items: center; }
.eyebrow, .section-label { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 800; }
.eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--sage); }
h1,h2,h3 { font-family: var(--font-display); margin: 0; line-height: 1.08; letter-spacing: -.045em; }
h1 { margin-top: 22px; font-size: clamp(48px, 6vw, 78px); max-width: 730px; }
h1 em, h2 em { font-style: normal; color: var(--primary); }
.hero-lead { max-width: 650px; margin: 26px 0 0; font-size: 20px; color: #536068; line-height: 1.55; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; flex-wrap: wrap; }
.store-button { min-width: 176px; display: flex; align-items: center; gap: 12px; padding: 12px 17px; background: var(--text); border-radius: 14px; color: white; text-decoration: none; transition: transform .2s ease, opacity .2s ease; }
.store-button:hover { transform: translateY(-2px); }.store-button--disabled{opacity:.72}.store-button small{display:block;font-size:10px;line-height:1.1;color:#dbe0e3}.store-button strong{display:block;font-size:16px;line-height:1.25}.store-icon{width:28px;text-align:center;font-size:21px}.store-icon.play{font-size:20px;color:#a7d3ff}.store-icon.apple{font-size:20px}
.hero-note { margin: 18px 0 0; font-size: 14px; color: var(--muted); display: flex; align-items: center; gap: 8px; }.check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--sage-soft);color:#456b5b;font-weight:800}
.hero-visual { min-height: 600px; position: relative; display: grid; place-items: center; }
.visual-orbit { position: absolute; border: 1px solid rgba(1,75,142,.12); border-radius: 50%; }.orbit-one{width:520px;height:520px}.orbit-two{width:390px;height:390px;border-color:rgba(120,145,135,.2)}
.phone-shell { position: relative; width: 300px; height: 580px; border: 10px solid #16272F; border-radius: 46px; background: #16272F; box-shadow: var(--shadow); z-index: 2; transform: rotate(2.5deg); }
.phone-screen { height: 100%; overflow: hidden; border-radius: 34px; background: #F8FAFB; padding: 24px 17px 18px; }.phone-top{position:absolute;width:104px;height:26px;background:#16272F;border-radius:0 0 17px 17px;left:50%;top:0;transform:translateX(-50%);z-index:3}.phone-top span{width:34px;height:4px;border-radius:4px;background:#405058;display:block;margin:8px auto}.app-bar{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800}.mini-mark{width:24px;height:24px}.mini-mark::before{width:15px;height:5px;left:5px;top:9px}.mini-mark::after{width:5px;height:5px;left:13px;top:6px}.mini-avatar{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#e0e8ed;display:grid;place-items:center;color:#49606c;font-size:11px}.screen-kicker{margin-top:36px;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-size:9px;font-weight:800}.screen-title{font-family:var(--font-display);font-weight:800;font-size:23px;line-height:1.15;margin-top:8px}.screen-progress{height:6px;background:#e3e9ec;border-radius:5px;margin-top:17px;overflow:hidden}.screen-progress span{display:block;width:37%;height:100%;background:var(--primary);border-radius:5px}.day-card{margin-top:17px;background:white;border:1px solid #e4e9ec;border-radius:18px;padding:15px;box-shadow:0 8px 25px rgba(28,55,70,.06)}.day-card--active{border-color:#b6cfe3}.day-meta{display:flex;justify-content:space-between;color:var(--primary);font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.day-card h3{font-size:17px;margin-top:9px;letter-spacing:-.025em}.day-card p{font-size:11px;color:#69777e;line-height:1.45}.day-chips{display:flex;gap:6px}.day-chips span{font-size:8px;padding:5px 8px;background:var(--primary-soft);color:var(--primary);border-radius:999px;font-weight:700}.mini-checkin{margin-top:12px;display:flex;align-items:center;gap:10px;padding:13px;background:#edf4f1;border-radius:14px}.check-ring{width:28px;height:28px;border-radius:50%;background:#dceae4;color:#507666;display:grid;place-items:center;font-weight:800}.mini-checkin div{display:flex;flex-direction:column;line-height:1.2}.mini-checkin strong{font-size:10px}.mini-checkin small{font-size:8px;color:#74827c;margin-top:3px}.arrow{margin-left:auto;font-size:20px;color:#799087}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);border:1px solid rgba(215,225,231,.9);box-shadow:0 16px 34px rgba(24,54,70,.12);border-radius:16px;padding:11px 13px;max-width:218px}.float-card--context{top:110px;left:0}.float-card--plan{right:-8px;bottom:105px}.float-icon{flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800}.float-card div{display:flex;flex-direction:column;line-height:1.25}.float-card strong{font-size:10px}.float-card small{font-size:8px;color:#6d7b82;margin-top:3px}
.trust-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,253,252,.75); }.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);}.trust-grid>div{display:flex;gap:15px;padding:24px 28px;border-right:1px solid var(--line)}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border-right:0}.trust-number{font-family:var(--font-display);font-size:12px;color:var(--primary);font-weight:800}.trust-grid div div{display:flex;flex-direction:column}.trust-grid strong{font-size:13px}.trust-grid small{font-size:11px;color:var(--muted);margin-top:3px}
.section { padding: 105px 0; }.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:92px}.sticky-heading{align-self:start;position:sticky;top:120px}.section-heading h2{font-size:clamp(36px,4.3vw,58px);margin-top:17px}.section-heading p{font-size:17px;color:var(--muted);max-width:620px}.large-copy{font-size:26px;line-height:1.45;color:#34464f;margin-top:0}.problem-copy>p:not(.large-copy){font-size:17px;color:var(--muted)}.pattern-list{margin-top:45px;border-top:1px solid var(--line)}.pattern-item{display:grid;grid-template-columns:52px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.pattern-item span{font-family:var(--font-display);font-weight:800;color:var(--primary)}.pattern-item p{margin:0;font-size:17px}
.how{background:#fff}.centered{text-align:center;display:flex;align-items:center;flex-direction:column}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:52px}.step-card{position:relative;background:var(--bg);border:1px solid #e7e3dd;border-radius:var(--radius-md);padding:28px;overflow:hidden}.step-number{font-family:var(--font-display);font-size:12px;color:var(--primary);font-weight:800}.step-visual{height:148px;margin:22px 0 25px;border-radius:17px;background:white;border:1px solid #e4e9eb;padding:18px;overflow:hidden}.step-card h3{font-size:24px}.step-card p{color:var(--muted);font-size:15px;margin-bottom:0}.input-visual{display:flex;flex-direction:column;justify-content:center}.input-label{font-size:10px;color:#7d8990;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.typing-line{margin-top:9px;font-size:13px;border-bottom:2px solid var(--primary);padding-bottom:8px}.questions-visual{display:flex;flex-direction:column;gap:8px}.question-pill{padding:8px 10px;border-radius:10px;background:#f2f5f6;font-size:10px;color:#67747b}.question-pill.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.plan-visual{display:flex;flex-direction:column;gap:10px;justify-content:center}.plan-line{height:9px;background:#dde5e9;border-radius:10px}.w90{width:90%}.w70{width:70%}.w82{width:82%}.plan-badge{align-self:flex-start;margin-top:5px;padding:7px 10px;border-radius:9px;background:var(--sage-soft);font-size:9px;color:#507464;font-weight:700}.checkin-visual{display:flex;align-items:center;gap:12px;justify-content:center}.checkin-circle{width:48px;height:48px;border-radius:50%;background:var(--sage);display:grid;place-items:center;color:white;font-weight:800}.checkin-visual span{font-size:12px;font-weight:700}
.use-cases .section-heading{max-width:900px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.case-card{min-height:320px;border-radius:var(--radius-md);padding:30px;display:flex;flex-direction:column;justify-content:flex-end}.case-card--blue{background:#dfeef8}.case-card--sage{background:#e4ede8}.case-card--sand{background:#f0e2cc}.case-symbol{font-family:var(--font-display);font-size:64px;line-height:1;color:rgba(30,43,50,.33);margin-bottom:auto}.case-card h3{font-size:26px}.case-card p{margin:12px 0 0;color:#536068}
.first-plan{padding-top:35px}.first-plan-card{background:var(--primary);border-radius:var(--radius-lg);padding:48px;min-height:380px;display:grid;grid-template-columns:.45fr 1fr;align-items:end;overflow:hidden;position:relative;color:white}.big-zero{font-family:var(--font-display);font-size:200px;line-height:.8;font-weight:800;color:rgba(255,255,255,.09);position:absolute;left:25px;top:22px}.first-plan-copy{grid-column:2;position:relative;z-index:2}.section-label.light{color:#bcd8eb}.first-plan-copy h2{font-size:clamp(36px,4vw,56px);margin-top:14px}.first-plan-copy p{font-size:18px;color:#dce9f3;max-width:680px}
.plus-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.plus-card{background:#172931;color:white;border-radius:var(--radius-md);padding:32px;box-shadow:var(--shadow)}.plus-top{display:flex;align-items:center;justify-content:space-between}.plus-badge{font-family:var(--font-display);font-weight:800;letter-spacing:.12em;color:#b5d4e8;font-size:11px}.plus-mark{background:#2a536d}.plus-card ul{list-style:none;padding:0;margin:34px 0 0}.plus-card li{display:flex;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding:17px 0;font-size:15px}.plus-card li span:first-child{color:#8ec0ab}.plus-note{font-size:12px;color:#9fb0b9;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;margin-top:4px}
.philosophy{background:var(--sand-soft);}.quote-wrap{max-width:950px;text-align:center}.quote-mark{font-family:Georgia,serif;color:var(--primary);font-size:85px;line-height:.6}.quote-wrap blockquote{font-family:var(--font-display);font-size:clamp(40px,5.5vw,70px);font-weight:800;line-height:1.08;letter-spacing:-.05em;margin:18px 0}.quote-wrap p{max-width:690px;margin:28px auto 0;color:var(--muted);font-size:17px}
.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;font-family:var(--font-display);font-size:19px;font-weight:700;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";color:var(--primary);font-size:24px}.faq-list details[open] summary::after{content:"–"}.faq-list p{color:var(--muted);font-size:15px;max-width:720px}
.final-cta{background:var(--primary);color:white;padding:80px 0}.final-cta-inner{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.final-cta h2{font-size:clamp(44px,5vw,66px);margin-top:10px}.final-cta p{color:#d9e8f2;font-size:17px;max-width:650px}.final-actions{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.button-light{display:inline-block;background:white;color:var(--primary);padding:14px 21px;border-radius:999px;text-decoration:none;font-weight:800}.coming-soon{font-size:11px;color:#bcd8eb}
footer{background:#13232b;color:#dbe5e9;padding:62px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.brand--footer .brand-name{color:white}.footer-brand p{max-width:310px;color:#91a2ab;font-size:14px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-links div{display:flex;flex-direction:column;gap:10px}.footer-links strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:white;margin-bottom:4px}.footer-links a{font-size:13px;color:#9daeb7;text-decoration:none}.footer-links a:hover{color:white}.footer-bottom{margin-top:52px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:25px;color:#7f919a;font-size:11px}
@media (max-width: 980px){.desktop-nav{display:none}.hero-grid,.two-col,.plus-grid,.faq-grid{grid-template-columns:1fr}.hero{padding-top:60px}.hero-visual{min-height:570px}.sticky-heading{position:static}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.steps-grid{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:1fr}.case-card{min-height:230px}.plus-grid,.faq-grid{gap:48px}.final-cta-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:45px}}
@media (max-width: 640px){.container{width:min(100% - 28px,1180px)}.site-header{position:relative}.nav-wrap{min-height:68px}.nav-cta{display:none}.lang-toggle{padding-right:0}.hero{padding:54px 0}.hero-grid{gap:24px}.hero-lead{font-size:17px}.hero-actions{flex-direction:column}.store-button{width:100%;justify-content:center}.hero-visual{min-height:500px;transform:scale(.87);margin:-25px -20px}.float-card--context{left:-20px}.float-card--plan{right:-25px}.section{padding:78px 0}.steps-grid{grid-template-columns:1fr}.section-heading h2{font-size:37px}.large-copy{font-size:21px}.first-plan-card{padding:32px;grid-template-columns:1fr;min-height:390px}.first-plan-copy{grid-column:1;align-self:end}.big-zero{font-size:160px}.case-card{min-height:220px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.trust-grid>div{padding:18px 0}.phone-shell{width:280px;height:540px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}