/* The app's painted world, peach controls and Rattani display lettering. */
@font-face{font-family:Skrim Display;src:url('skrim-display.woff') format('woff');font-weight:400;font-display:swap}
:root{--color-bg:#100f0d;--color-bg-1:#1b1916;--color-bg-2:#26221e;--color-bg-3:#302a25;--color-line:#39312a;--color-line-2:#55463b;--color-text:#fff9ef;--color-text-2:#d0c5b8;--color-text-3:#b7a99a;--color-text-4:#a99b8c;--color-cream:#f1e5d2;--color-cream-2:#e7d8c0;--color-accent:#ffa36b;--color-accent-2:#ffc396;--color-scramble:#b899d6}
html{scroll-behavior:smooth}
.nav{mix-blend-mode:normal;background:#100f0deb;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0d;padding:1rem 3.5vw}
.nav-brand{font-family:Skrim Display,sans-serif;text-transform:none;font-weight:400;font-size:1.55rem;letter-spacing:0}
.nav-brand>span:last-child{font-size:1.55rem}
.nav .btn-appstore{background:var(--color-accent);color:#211810}
.home-hero{background:#100f0d;min-height:820px;isolation:isolate}
.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
.hero-grid{max-width:1440px;min-height:800px;padding:8rem 6vw 5rem;grid-template-columns:1.2fr 1fr;gap:3rem}
.hero-left{gap:1.5rem;max-width:660px}
.hero-kicker{color:var(--color-accent);font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;margin:0}
.hero-headline{font-family:Skrim Display,sans-serif;font-weight:400;text-transform:none;font-size:clamp(2.8rem,4.7vw,5rem);line-height:1.17;letter-spacing:-.025em;margin:0;text-wrap:balance}
.hero-wordmark{display:block;font-size:.56em;margin-bottom:1.1rem;color:#fff9ef;letter-spacing:0}
.hero-headline .ital{font-family:Instrument Serif,Georgia,serif;font-size:1.21em;line-height:1.03;color:#ffbd8f;text-transform:none}
.hero-subhead{font-size:1.05rem;max-width:37ch;line-height:1.65;color:#eee1d3}
.hero-assurance{color:#bfae9c;font-size:.75rem;line-height:1.8;margin:0}
.hero-ctas{gap:1.3rem}
.hero-ctas .btn-appstore{background:var(--color-accent);color:#211810;border-color:transparent;font-weight:700}
.hero-ctas .btn-ghost{font-size:.82rem;color:#f7e9d8;border:0;padding:.6rem 0;letter-spacing:0;text-transform:none}
.hero-right{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start;justify-content:center;min-width:0;transform:translateX(-4rem)}
.home-hero .phone{width:17rem;max-width:90%;filter:drop-shadow(0 16px 30px #0008);transform:none}
.home-hero .phone-screen{background:#12100e;border-radius:2rem}
.demo-caption{color:#f2ddc5;text-align:center;font-size:.78rem;line-height:1.6;margin:0;width:17rem;max-width:90%;text-shadow:0 1px 8px #000}
.demo-caption span{display:block;color:#cbbbad;font-size:.62rem}
.private-demo{height:100%;padding:5.5% 6% 4%;display:flex;flex-direction:column;gap:2.4%;color:#fff8ed;background:#14110f;font-family:'Mona Sans',sans-serif}
.demo-status{display:flex;justify-content:space-between;font-size:10px;padding:0 6%;height:5%;flex-shrink:0}
.demo-heading{display:flex;justify-content:space-between;align-items:center;font-family:Skrim Display,sans-serif;font-size:1.4rem;padding-top:3%}
.demo-heading>span:last-child{font-family:Georgia,serif;color:var(--color-accent)}
.demo-tabs{display:flex;border-radius:100px;background:#2b251f;font-size:.65rem;padding:4px;text-align:center}
.demo-tabs span{width:50%;padding:6px;color:#b3a89d}
.demo-tabs .selected{color:#211810;background:var(--color-accent);border-radius:100px;font-weight:700}
.demo-intro{font-size:.7rem;line-height:1.5;text-align:center;color:#d4c5b5;margin:1% 0}
.demo-eye{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;background:#2b251f;color:#fff2e2;border:1px solid #4a3b2f;border-radius:100px;font:600 .68rem 'Mona Sans',sans-serif;cursor:pointer;flex-shrink:0}
.demo-eye:hover{background:#493327;border-color:#ffa36b}
.demo-eye:focus-visible{outline:3px solid #ffa36b;outline-offset:3px}
.demo-eye:not(.has-interacted){animation:reveal-invitation 2.8s ease-in-out infinite}
@keyframes reveal-invitation{0%,100%{box-shadow:0 0 0 0 #ffa36b00;border-color:#6b4d37}45%{box-shadow:0 0 0 5px #ffa36b24;border-color:#ffb580}70%{box-shadow:0 0 0 9px #ffa36b00}}
.demo-picture{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:15px;background:#292017;isolation:isolate}
.demo-picture>img{height:100%;width:100%;object-fit:cover;object-position:62% center;display:block}
.demo-secret{position:absolute;inset:0;background:#48372b;overflow:hidden}
.demo-secret[hidden]{display:none}
.demo-secret canvas{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;image-rendering:pixelated}
.secret-photo-label{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#211810de;border:1px solid #ffe2be44;color:#fff4e5;border-radius:100px;padding:6px 12px;font-size:.63rem}
.demo-state{font-size:.59rem;color:#b9ab9a;text-align:center;margin:0;min-height:2.6em;line-height:1.4}
.demo-bottom{display:flex;justify-content:space-between;border-top:1px solid #46372b;padding-top:8px;font-size:.52rem;color:#b9ab9a}
.demo-bottom .selected{color:#ffa36b}
.hero-foot-row{position:relative;padding:0 6vw 2rem;margin:0;color:#c2ae98;font-size:.59rem;letter-spacing:.1em}
.hero-foot-row a{color:#ffd4b1}
.display-mona,.action-caption h3,.footer-headline{font-family:Skrim Display,sans-serif;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.15}
.display-mona .ital,.action-title .ital{font-family:Instrument Serif,Georgia,serif;font-style:italic;text-transform:none}
.statement-headline.display-mona{font-family:'Mona Sans',sans-serif;font-weight:500;font-size:clamp(1.75rem,3.2vw,3.1rem);line-height:1.35;letter-spacing:-.025em;text-transform:none}
.statement-headline.display-mona .ital{font-family:Skrim Display,sans-serif;font-style:normal;font-weight:400;letter-spacing:0;color:var(--color-accent-2)}
#private-sharing{max-width:none!important;margin:0!important;padding:5.5rem max(6vw,calc((100vw - 1260px)/2))!important;background:#efe2ce;color:#35271f;border-radius:2.5rem 2.5rem 0 0;margin-top:-1rem!important;position:relative}
#private-sharing .eyebrow{color:#884628}
#private-sharing.reveal{opacity:1;transform:none;transition:none}
#private-sharing h2{font-size:clamp(2.1rem,4vw,3.6rem);margin:1.3rem 0}
#private-sharing h2 .ital{color:#a24e2d}
#private-sharing>.text-body{max-width:65ch;color:#695346;font-size:1rem}
#private-sharing .tab-map-grid{margin:2.5rem 0;gap:2rem;grid-template-columns:repeat(3,minmax(0,1fr))}
#private-sharing .tab-map-card{border:0;border-top:1px solid #b9a18a;border-radius:0;background:none;padding:1.4rem 0}
#private-sharing .tab-map-card h3{font-size:1.2rem;color:#422e23;text-transform:none;letter-spacing:0}
#private-sharing .tab-map-card p{color:#695346;line-height:1.6}
.home-marquee{background:#e4ceb0;color:#493427;border-top:1px solid #cdb392;border-bottom:1px solid #cdb392}
.home-marquee .word,.home-marquee .word.alt{color:#493427;font-size:1.3rem}
.home-marquee .dot{background:#a75b38;width:7px;height:7px}
.action-gallery{background:#100f0d}
.action-caption h3{font-size:1.65rem}
.action-title{font-size:clamp(2.5rem,5vw,4.5rem)}
.phone-mini{filter:drop-shadow(0 15px 25px #0005)}
.tab-map-card,.sa-card{border-radius:24px;background:#211c17}
@media(min-width:1600px){.hero-scene{object-position:center 45%}.hero-grid{min-height:900px}}
@media(max-width:900px){.hero-grid{gap:1.5rem;padding-left:5vw;padding-right:5vw}.hero-headline{font-size:3rem}.home-hero .phone{width:15rem}.hero-scene{object-position:65% center}.hero-kicker{font-size:.63rem}.hero-subhead{font-size:.95rem}}
@media(max-width:680px){.nav{padding:.9rem 5vw}.hero-grid{grid-template-columns:1fr;min-height:0;padding:7rem 7vw 2rem;gap:2.6rem}.hero-left{max-width:100%;gap:1.3rem}.hero-headline{font-size:clamp(2.6rem,9.6vw,3.8rem)}.hero-wordmark{font-size:.6em;margin-bottom:.8rem}.hero-subhead{font-size:1rem;max-width:34ch}.hero-kicker{font-size:.6rem}.home-hero .phone{width:16rem}.hero-right{padding:0 0 1rem;gap:.8rem}.hero-scene{object-position:70% center;opacity:.55}.hero-left{position:relative}.hero-foot-row{padding:0 7vw 2.2rem;gap:.9rem;justify-content:flex-start}.hero-foot-row>span:nth-child(2){display:none}.hero-assurance{color:#dbc3ac}#private-sharing{padding:3.5rem 7vw!important;border-radius:1.5rem 1.5rem 0 0}#private-sharing .tab-map-grid{grid-template-columns:1fr;gap:0;margin:2rem 0}.demo-heading{font-size:1.3rem}.hero-ctas{gap:1rem}.home-marquee .word{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-hero *{animation:none!important;transition:none!important}}
@media(min-width:681px) and (max-width:900px){.hero-right{transform:translateX(-.5rem)}}
@media(max-width:680px){.hero-right{align-items:center;transform:none}.demo-caption{width:16rem}}