/* Website presentation only. App assets and application behavior are unchanged. */
*,*::before,*::after{box-sizing:border-box}
a,button,select{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #b58a36;outline-offset:5px}
section[id]{scroll-margin-top:120px}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:1000;padding:12px 20px;background:#f7f2e8;color:#171c24;border:1px solid #b58a36}
.skip-link:focus{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

:root{--max:1200px;--ground:#0d1416;--raised:#141e20;--raised2:#1b292a;--line:#2e3c3a;--soft:#bac1b6;--faint:#a2ac9f;--gold:#d4b276;--gold-br:#ead2a4;--nav-bg:rgba(13,20,22,.94)}
:root[data-theme="light"]{--ground:#f7f3e9;--raised:#fffdf7;--raised2:#ececdd;--line:#d4d5c5;--soft:#555e50;--faint:#626d5c;--gold:#80602c;--gold-br:#aa8442;--nav-bg:rgba(247,243,233,.96)}
body{background:radial-gradient(ellipse at 88% 8%,rgba(135,153,100,.1),transparent 38%),var(--ground);background-attachment:scroll}
nav{background:var(--nav-bg);backdrop-filter:blur(20px)}nav .wrap{height:82px;gap:24px}
.brand span{font-size:21px;letter-spacing:.18em}.brand svg{width:40px}nav .links a{font-size:11px;letter-spacing:.035em}
.btn{border-radius:5px;letter-spacing:.08em}.btn-gold{background:var(--gold);box-shadow:none}
header.hero{padding:68px 0 76px;overflow:visible}
.hero-grid{grid-template-columns:1.18fr 1fr;gap:72px;min-height:590px}
.eyebrow{color:var(--gold);letter-spacing:.23em;font-size:10px;display:flex;align-items:center;gap:16px}
.eyebrow::before{content:'';width:32px;height:1px;background:var(--gold)}
h1{font-size:clamp(52px,6.1vw,78px);line-height:1.04;letter-spacing:-.045em;max-width:650px}
h1 em{font-style:italic;text-shadow:none;color:var(--gold)}
.lede{font-size:16px;line-height:1.9;max-width:480px;margin-bottom:27px}
.cta-row{gap:20px;align-items:center}.cta-row>.btn-ghost{padding:10px 0;border:none;border-bottom:1px solid var(--line);border-radius:0;text-transform:none;font-size:12px}
.cta-note{font-size:11px;color:var(--soft);margin-top:18px}
.hero-grid>div:last-child{position:relative;display:grid;place-items:center;padding:38px 20px;background:linear-gradient(145deg,rgba(146,163,106,.13),rgba(212,178,118,.035));border:1px solid var(--line);border-radius:220px 220px 14px 14px;isolation:isolate}
.hero-grid>div:last-child::before{content:'';position:absolute;inset:18px;border:1px solid rgba(212,178,118,.18);border-radius:inherit;z-index:-1}
.phone{width:238px;max-width:100%;margin:0;transform:rotate(3deg);box-shadow:0 28px 65px -20px #0009;border-color:var(--line)}
.phone::before{display:none}
section{padding:78px 0}
.sec-head{max-width:660px;margin-bottom:38px}.sec-head h2{font-size:clamp(31px,4vw,46px);letter-spacing:-.03em}.sec-head p{font-size:15px;line-height:1.8}
.sec-head .kicker{color:var(--gold);font-size:10px;letter-spacing:.22em;margin-bottom:15px}
.card,.step,.plan{border-radius:10px;padding:28px;background:var(--raised);box-shadow:0 8px 28px #00000008}
.card h3,.step h3{font-size:14px;line-height:1.5}.card p,.step p{font-size:13px;line-height:1.85}.card svg.ic{margin-bottom:24px}
#practice,#how,#pricing{background:rgba(128,150,104,.035);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.step .n{font-size:35px;opacity:.6}.steps{gap:18px}.goal-chips span{border-radius:30px;padding:9px 16px}
.band{padding-top:20px;padding-bottom:20px}.band blockquote{font-size:clamp(29px,3.6vw,44px);letter-spacing:-.025em}
.shots{gap:24px}.shots figure{margin:0}.shots img{border-radius:22px;box-shadow:0 16px 40px #0002}.shots figcaption{font-size:10px;letter-spacing:.13em;margin-top:18px}
.plans{max-width:800px;gap:22px}.plan{padding:36px}.plan.hi{background:linear-gradient(160deg,rgba(212,178,118,.12),var(--raised));border-color:var(--gold)}.plan .price{font-size:48px}.plan .per{color:var(--soft)}
.final h2{font-size:clamp(40px,5vw,60px);letter-spacing:-.035em}.final{padding:88px 0}
.theme-toggle{min-width:40px;min-height:40px;border-radius:50%}.lang-sel{min-height:40px}
.stores a{transition:transform .2s}.stores a:hover{transform:translateY(-3px)}
@media(max-width:1040px){nav .wrap{flex-wrap:wrap;height:auto;min-height:76px;padding-top:14px;padding-bottom:12px;gap:12px}nav .links{display:flex;order:5;width:100%;justify-content:center;gap:24px;padding-top:10px;border-top:1px solid var(--line)}nav .links a{padding:5px 0;font-size:10px}.nav-tools{margin-left:0}.hero-grid{gap:36px}}
@media(max-width:900px){header.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr;min-height:0;gap:38px}.eyebrow{justify-content:center}h1{margin-left:auto;margin-right:auto;max-width:650px}.hero-grid>div:last-child{width:min(400px,100%);margin:auto;padding:30px}.phone{width:218px}.g4{grid-template-columns:repeat(2,1fr)}section{padding:54px 0}}
@media(max-width:580px){nav .wrap{gap:9px}.brand span{font-size:17px}.brand svg{width:30px}nav .btn{padding:11px 12px;font-size:10px}.nav-tools{gap:5px}.theme-toggle{min-width:34px;min-height:34px}.lang-sel{max-width:92px;min-height:34px}nav .links{gap:15px}nav .links a{font-size:9px}.hero-grid{gap:30px}h1{font-size:53px}.lede{font-size:14px;line-height:1.85}.g4,.g3,.steps{grid-template-columns:1fr}.card,.step{padding:24px}.shots{gap:16px}.plans{grid-template-columns:1fr}.hero-grid>div:last-child{width:290px}.phone{width:204px}.cta-row{gap:12px}.stores{justify-content:center}.sec-head h2{font-size:34px}}

/* Jennifer's revision: retain the palette; a quieter, classical presentation. */
.phone{transform:none}
.card,.step,.plan{border-radius:3px;box-shadow:none}
.card:hover{transform:none}
.step{border-top:2px solid var(--gold)}
.step .n{font-size:40px;opacity:.85}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:38px;padding-bottom:38px}
.goal-chips span{border-radius:3px}
.shots a{display:block;border-radius:18px}
.shots a:focus-visible{outline-offset:6px}
.shots img{transition:box-shadow .2s;transform:none}
.shots a:hover img{box-shadow:0 18px 42px #0004}
/* Equal outer dimensions. Google artwork includes transparent padding. */
.stores{gap:14px;align-items:center}
.stores a{position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 180px;width:180px;height:56px;overflow:hidden;border:1px solid #a6a6a6;border-radius:9px;background:#000;box-sizing:border-box}
.stores img{display:block;flex:none;width:200px;height:66px;object-fit:contain}
.stores a[href*="play.google.com"] img{width:214px;height:83px;max-width:none}
.stores a:hover{transform:none;border-color:var(--gold)}
@media(max-width:400px){.stores{gap:10px}.stores a{flex-basis:156px;width:156px;height:49px}.stores img{width:174px;height:58px}.stores a[href*="play.google.com"] img{width:186px;height:72px}}

/* Focus the existing design preview on the card, not the empty phone margins. */
.hero-grid>div:last-child{display:block;padding:28px 18px;border-radius:12px;background:rgba(146,163,106,.04)}
.hero-grid>div:last-child::before{display:none}
.phone{position:relative;width:100%;max-width:460px;aspect-ratio:720 / 580;border:1px solid var(--line);border-radius:12px;overflow:hidden;animation:none;box-shadow:0 18px 48px #0003}
.phone>img{position:absolute;top:50%;left:0;width:100%!important;height:auto!important;transform:translateY(-50%);border-radius:0!important}
.design-preview-note{font:11px/1.6 system-ui,sans-serif;color:var(--soft);text-align:center;margin:18px auto 8px;letter-spacing:.04em}
.shots{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin:24px auto 0;gap:32px}
.shots figure:first-child a{position:relative;aspect-ratio:720 / 580;overflow:hidden;border:1px solid var(--line);border-radius:12px}
.shots figure:first-child img{position:absolute;top:50%;left:0;transform:translateY(-50%);border:0;border-radius:0;box-shadow:none}
@media(max-width:900px){.hero-grid>div:last-child{width:min(520px,100%)}.phone{width:100%}}
@media(max-width:580px){.hero-grid>div:last-child{padding:16px 10px;width:100%}.shots{grid-template-columns:1fr;max-width:420px;gap:28px}.phone{width:100%}}

/* Authentic device capture: frame the complete daily card without redrawing it. */
.phone{max-width:400px;aspect-ratio:1080 / 1640}
.phone>img{top:-16.3%;transform:none}
/* Full, unedited screenshots in the gallery; only the hero uses a close-up. */
.shots figure:first-child a{position:static;aspect-ratio:auto;overflow:visible;border:0;border-radius:18px}
.shots figure:first-child img{position:static;transform:none;border:1px solid var(--line);border-radius:18px}