:root{--paper:var(--palette-canvas,#242629);--ink:var(--palette-ink,#f0eee7);--orange:#e2774d;--action:var(--palette-accent,#d4de69);--muted:var(--palette-muted,#c3c9c3);--sage:var(--palette-card,#363a3f);--sage-deep:var(--palette-secondary,#42474c);--mustard:var(--palette-accent,#d4de69);--rule:var(--palette-track,#62686d);--font:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px;scrollbar-color:var(--rule) var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;transition:background-color .18s,color .18s}::selection{background:var(--action);color:var(--palette-on-accent)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--action);outline-offset:4px}h1,h2,p{margin:0}.wrap{width:min(1120px,86%);margin-inline:auto}
header{height:100px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:30px;letter-spacing:-.04em;font-weight:500}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav a,.language{display:inline-flex;align-items:center;min-height:44px}.language{font:inherit;padding:0;background:none;border:0;color:inherit}nav a:hover,.language:hover{color:var(--action)}
.opening-page{width:min(1120px,86%);margin:auto;min-height:calc(100svh - 100px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:28px 100px;padding:38px 0 64px}.hero{display:contents}.hero-copy{grid-column:1;grid-row:1}h1{font-size:clamp(42px,4.3vw,62px);font-weight:500;line-height:1.07;letter-spacing:-.04em;margin-bottom:26px}.hero-copy p{font-size:16px;line-height:1.65;color:var(--muted)}.availability{display:inline-grid;padding:0;margin-top:28px;min-height:52px;align-items:center;border-radius:10px}.availability img{display:block;height:52px;width:auto}small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}
.theme-picker{margin-top:28px}.theme-picker h2{font-size:14px;font-weight:500;margin-bottom:12px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:500px}.theme-options button{display:flex;align-items:center;gap:10px;min-height:52px;background:var(--sage);color:var(--ink);padding:10px 12px;text-align:left;border:0;border-radius:var(--radius);font-size:12px;position:relative}.theme-options button[aria-pressed=true]::after{content:'';position:absolute;right:9px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--orange)}.theme-swatches{display:flex;flex:none}.theme-swatches i{width:9px;height:18px}.theme-swatches i:first-child{border-radius:4px 0 0 4px}.theme-swatches i:last-child{border-radius:0 4px 4px 0}
.features{grid-column:1;grid-row:2;width:100%;padding-top:2px;align-self:start}.feature-grid{display:grid;gap:10px}.feature-grid article{padding:22px 24px;display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:center;background:var(--palette-movement);color:var(--palette-on-movement);border-radius:var(--radius)}.feature-grid article:nth-child(2){background:var(--palette-food);color:var(--ink)}.feature-grid article:nth-child(3){background:var(--palette-support);color:var(--ink)}.feature-grid h2{font-size:24px;font-weight:500;letter-spacing:-.03em;line-height:1.12}.feature-grid p{font-size:13px;line-height:1.6}.feature-grid p br{display:none}.brand-dot{display:inline-block;width:.13em;height:.13em;margin-left:.1em;border-radius:50%;background:var(--orange);color:transparent!important;overflow:hidden;vertical-align:baseline}.logo .brand-dot{margin-left:.035em}
.phone-carousel{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:center;width:300px;max-width:100%;padding-top:4px}.phone-device{width:100%;background:var(--paper);border:5px solid #121416;border-radius:41px;overflow:hidden;outline:1px solid #777b79;outline-offset:1px}.phone-status{position:relative;height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:10px;font-weight:600;color:var(--ink)}.phone-status>i{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:73px;height:21px;background:#101111;border-radius:20px}.phone-status-icons{width:36px;height:12px}.phone-screen{width:100%;aspect-ratio:402/830;overflow:hidden}.phone-screen img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;touch-action:pan-y}.phone-home{height:21px;display:flex;align-items:center;justify-content:center}.phone-home i{width:34%;height:3px;border-radius:3px;background:var(--ink)}.carousel-controls{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-top:12px;font-size:13px;text-align:center}.carousel-controls button{background:none;border:0;padding:10px;color:var(--muted);min-height:44px;display:grid;place-items:center}.carousel-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.carousel-controls button:hover{color:var(--action)}.carousel-caption{min-height:28px;display:grid;place-items:center}.carousel-dots{display:flex;justify-content:center}.carousel-dots button{display:grid;place-items:center;width:32px;height:32px;border:0;background:none;padding:0}.carousel-dots i{width:5px;height:5px;background:var(--muted);border-radius:50%}.carousel-dots [aria-pressed=true] i{background:var(--orange);width:6px;height:6px}.example-caption{text-align:center;font-size:11px;margin-top:2px}
.second-page{min-height:80svh;display:flex;flex-direction:column;justify-content:center;gap:32px;padding:64px 0 32px}.contact{width:min(500px,86%);background:var(--sage);border-radius:var(--radius);padding:36px}.contact-intro{margin-bottom:30px}.contact h2{font-size:38px;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin-bottom:12px}.contact-intro a{font-size:14px;display:inline-flex;align-items:center;min-height:32px}.contact a:hover{color:var(--action)}.contact label{display:block;font-size:13px;margin-bottom:20px}.contact input,.contact textarea{display:block;width:100%;font-size:16px;line-height:1.6;color:var(--ink);background:var(--sage-deep);border:0;padding:10px 12px;margin-top:8px;border-radius:10px;resize:vertical;caret-color:var(--action)}.contact input{min-height:44px}.contact textarea{min-height:110px}.contact button{font-size:14px;border:0;background:none;color:var(--orange);padding:10px 0;min-height:44px}.contact button:hover{text-decoration:underline;text-underline-offset:4px}body:not([data-theme=ink]) .contact button{color:#a33f25}footer.copyright{width:min(500px,86%);font-size:12px;color:var(--muted)}
[data-en]{display:grid}[data-en]>.translation{grid-area:1/1;visibility:hidden;min-width:0;color:inherit!important}html[lang=en] .translation-en,html[lang=fr] .translation-fr{visibility:visible}.availability{display:inline-grid}
@media(min-width:701px) and (max-height:850px){header{height:88px}.opening-page{min-height:calc(100svh - 88px);padding:20px 0 48px;column-gap:70px;row-gap:22px}h1{font-size:48px;margin-bottom:20px}.theme-picker{margin-top:22px}.phone-carousel{width:276px}.feature-grid article{padding:18px 22px}}
@media(max-width:1000px){.opening-page{column-gap:40px}.feature-grid article{grid-template-columns:1fr;gap:8px}.theme-options{grid-template-columns:1fr}.theme-picker{max-width:300px}.phone-carousel{width:280px}}
@media(max-width:700px){header{height:86px}.logo{font-size:27px}nav{gap:22px}.opening-page{display:flex;flex-direction:column;min-height:0;padding:22px 0 44px;gap:34px}.hero{display:contents}h1{font-size:clamp(38px,9vw,54px);margin-bottom:22px}.hero-copy p{font-size:15px}.availability{margin-top:24px}.theme-picker{max-width:none}.theme-options{grid-template-columns:1fr 1fr}.theme-options button{font-size:11px;gap:6px;padding:10px}.theme-swatches i{width:7px}.features{padding:0;order:3}.phone-carousel{order:2;width:286px;align-self:center}.feature-grid article{grid-template-columns:minmax(110px,.8fr) 1.2fr;gap:14px;padding:22px 20px}.feature-grid h2{font-size:22px}.feature-grid p{font-size:13px}.second-page{min-height:75svh;padding:30px 0;gap:30px}.contact{padding:26px}.contact h2{font-size:32px}}
@media(max-width:370px){.theme-options{grid-template-columns:1fr}.feature-grid article{grid-template-columns:1fr;gap:8px}.phone-carousel{width:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}}
.availability{justify-items:center;text-align:center}
footer.copyright{display:flex;align-items:center;gap:8px}footer.copyright>span{white-space:nowrap}.privacy-link{min-height:44px;align-items:center}.privacy-link>.translation[aria-hidden=true]{display:none}.privacy-link:hover{color:var(--action)}
.privacy-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:0;border-radius:var(--radius);background:var(--sage);color:var(--ink);font-family:var(--font);overflow:auto;overscroll-behavior:contain}.privacy-dialog::backdrop{background:rgb(0 0 0 / .55)}html:has(.privacy-dialog[open]){overflow:hidden}.privacy-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px 16px;position:sticky;top:0;background:var(--sage);z-index:1}.privacy-header h2{font-size:24px;font-weight:500;letter-spacing:-.025em}.privacy-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--sage-deep);color:var(--ink)}.privacy-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.privacy-content{padding:0 28px 28px}.privacy-content h2{font-size:20px;font-weight:500;line-height:1.3;margin:28px 0 10px}.privacy-content p{font-size:15px;line-height:1.7;margin:12px 0;color:var(--ink)}.privacy-content a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.privacy-content section>p:first-child{margin-top:0}@media(max-width:480px){.privacy-header{padding:18px 20px 14px}.privacy-content{padding:0 20px 24px}}

/* Current charcoal and cream app presentation. */
.theme-options button{background:var(--palette-secondary);color:var(--ink);border-radius:8px}
.phone-device{background:var(--palette-canvas);border-color:#121416}
.phone-status{background:var(--palette-canvas);color:var(--ink)}
.phone-screen{aspect-ratio:402/778}
.phone-home{background:var(--palette-card)}.phone-home i{background:#272724}
.feature-grid article:nth-child(n),.contact{background:var(--palette-secondary);color:var(--ink)}
.plans{padding-block:48px;max-width:820px}.plans h2{font-size:24px;font-weight:500;letter-spacing:-.025em;margin-bottom:16px}.plans p{font-size:14px;line-height:1.65;margin:12px 0;max-width:65ch;color:var(--muted)}
.language{border:0;box-shadow:none;background:transparent}

body[data-theme] .contact button{color:var(--ink)}

:root{--orange:var(--palette-accent)}
.theme-options button{background:var(--palette-card);color:var(--palette-panel-ink)}
.feature-grid article:nth-child(1){background:var(--palette-panel);color:var(--palette-panel-ink)}
.feature-grid article:nth-child(2){background:color-mix(in srgb,var(--palette-panel) 72%,#242424);color:#242424}
.feature-grid article:nth-child(3){background:color-mix(in srgb,var(--palette-panel) 35%,#242424);color:#f4f1e8}
.contact{background:var(--palette-panel);color:var(--palette-panel-ink)}
.contact input,.contact textarea{background:color-mix(in srgb,var(--palette-panel) 88%,#242424);color:var(--palette-panel-ink)}
body[data-theme] .contact button{color:var(--palette-panel-ink)}
body[data-theme=pride] .feature-grid article:nth-child(1){background:#b93638;color:#fff5ee}
body[data-theme=pride] .feature-grid article:nth-child(2){background:#dc8435;color:#242424}
body[data-theme=pride] .feature-grid article:nth-child(3){background:#246e4f;color:#fff5ee}

.screenshots{padding-block:38px 48px}.screenshots>h2{font-size:24px;font-weight:500;letter-spacing:-.025em;margin:0 0 26px}.screenshot-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.screenshot-gallery figure{min-width:0;margin:0}.screenshot-gallery img{display:block;width:100%;height:auto}.screenshot-gallery figcaption{font-size:13px;line-height:1.5;margin-top:14px;color:var(--muted)}
@media(max-width:700px){.screenshots{padding-block:16px 32px}.screenshot-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.screenshot-gallery figure{flex:0 0 82%;scroll-snap-align:start}}

/* Keep each theme option and each feature block equal within its group. */
.theme-options,.feature-grid{grid-auto-rows:1fr}
.theme-options button,.feature-grid article{height:100%;min-width:0}

@media(min-width:701px) and (max-width:1000px){.screenshot-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}