:root{--bg:#211d22;--ivory:#f7f0e8;--coral:#ff795f;--muted:#c3b7c0;--plum:#51404e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--coral);outline-offset:7px}header,main>section,footer{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}header{height:110px;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:600;letter-spacing:-1px}nav{display:flex;align-items:center;gap:36px;font-size:13px}nav a:hover{color:var(--coral)}.nav-cta{border:1px solid #71616d;border-radius:30px;padding:10px 19px}.nav-cta span{margin-left:15px}.hero{display:grid;grid-template-columns:1.05fr 1fr;max-width:1600px;margin:auto;min-height:760px;align-items:center;overflow:hidden;padding-top:40px;padding-bottom:75px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:600;margin:0 0 26px;color:var(--coral)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-right:9px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3px;line-height:1.06;margin:0}h1{font-size:clamp(60px,6.5vw,104px)}em{font-weight:400;color:var(--coral)}.intro{max-width:440px;font-size:18px;line-height:1.7;color:var(--muted);margin:30px 0}.stores{display:flex;gap:12px;flex-wrap:wrap}.store{border:1px solid #74656f;border-radius:12px;display:flex;align-items:center;gap:12px;padding:11px 15px;min-width:194px;font-size:14px;line-height:1.35;background:#2b252d}.store small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.store-icon{font-size:27px;color:var(--ivory)}.play{font-size:35px}.arrow{margin-left:auto;color:var(--coral)}a.store:hover{border-color:var(--coral);background:#3b2c34}.fine{font-size:11px;color:#b3a5af;margin-top:17px}.hero-art{position:relative;height:650px;margin-left:12px}.orbit{position:absolute;width:540px;height:540px;border:1px solid #69505b;border-radius:50%;top:70px;left:5px;background:radial-gradient(ellipse,#54343a55,transparent 67%)}.phone{position:absolute;border:6px solid #131014;border-radius:35px;overflow:hidden;background:#211d22;box-shadow:0 30px 65px #0008}.phone img{display:block;width:100%;height:100%;object-fit:cover}.front{width:290px;height:510px;left:8px;top:98px;transform:rotate(-8deg)}.front img{object-fit:fill}.back{width:248px;height:490px;left:258px;top:10px;transform:rotate(10deg)}.spark{font-size:90px;color:var(--coral);position:absolute;top:-15px;left:85px}.art-note{position:absolute;bottom:-15px;right:0;color:#c3b0ba;font-family:Georgia,serif;font-style:italic;font-size:18px}.ribbon{border-top:1px solid #51404e;border-bottom:1px solid #51404e;display:flex;align-items:center;justify-content:center;gap:40px;padding:26px;font-size:11px;letter-spacing:3px}.ribbon svg{width:65px;height:30px;fill:none;stroke:var(--coral);stroke-width:2}.experience{padding-top:110px;padding-bottom:110px;max-width:1600px;margin:auto}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(42px,4.4vw,68px)}.section-heading>p:last-child{align-self:end;max-width:370px;color:var(--muted);margin:0 0 5px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:70px}.features article{border-top:1px solid #63505d;padding-top:25px}.number{font-size:12px;color:var(--coral)}h3{font-size:22px;line-height:1.35;font-weight:400;letter-spacing:-.3px}.features p{font-size:14px;color:var(--muted);max-width:310px}.showcase{background:var(--ivory);color:var(--bg);padding-top:90px;padding-bottom:65px}.showcase-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.showcase-top p:last-child{font-size:14px;color:#6e5e68}.showcase em{color:#9e4639}.showcase .eyebrow{color:#9e4639}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}figure{margin:0}.screen-pad{background:#e8dcd3;border-radius:18px;height:555px;display:flex;justify-content:center;align-items:center;padding:25px;overflow:hidden}.screen-pad img{max-width:100%;height:100%;object-fit:contain;border-radius:27px;filter:drop-shadow(0 12px 12px #35232b22)}figure:first-child .screen-pad img{height:87%}figcaption{display:flex;gap:17px;margin-top:24px}figcaption>span{color:#9e4639;font-size:12px;padding-top:6px}figcaption h3{font-size:20px;margin:0}figcaption p{font-size:12px;color:#6e5e68;margin:6px 0}.preview-note{font-size:11px;color:#766670;text-align:center;margin:40px 0 0}.care{display:flex;gap:9vw;align-items:center;padding-top:100px;padding-bottom:100px;border-bottom:1px solid #51404e}.big-spark{font-size:180px;color:var(--coral);line-height:1}.care h2{font-size:48px}.care p:last-child{max-width:500px;color:var(--muted);font-size:15px;margin-bottom:0}.download{text-align:center;padding-top:110px;padding-bottom:110px;background:radial-gradient(ellipse at bottom,#59343a70,transparent 65%)}.download h2{font-size:clamp(42px,5vw,76px)}.download>p:not(.eyebrow){color:var(--muted)}.download .stores{justify-content:center;margin-top:30px}.unavailable{text-align:left;min-width:200px}footer{display:flex;align-items:center;gap:30px;border-top:1px solid #51404e;padding-top:30px;padding-bottom:30px}footer p{font:italic 16px Georgia,serif;color:var(--muted)}footer>span{margin-left:auto;font-size:11px;color:var(--muted)}@media(min-width:1600px){.showcase,.care,.download{padding-left:calc((100vw - 1408px)/2);padding-right:calc((100vw - 1408px)/2)}}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;min-height:650px}.hero-art{transform:scale(.77);transform-origin:left center;width:510px;margin-left:0}.hero-copy{z-index:2}h1{font-size:65px}.store{min-width:180px}.features{gap:30px}.screen-pad{height:440px;padding:15px}.care h2{font-size:40px}}@media(max-width:700px){header{height:85px}.brand{font-size:23px}nav{gap:0}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:8px 13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;padding-bottom:30px}.hero-copy{max-width:520px}h1{font-size:64px;letter-spacing:-2.8px}.intro{font-size:16px;max-width:350px}.hero-art{height:520px;transform:scale(.8);transform-origin:top left;margin-top:45px;width:510px;margin-bottom:-90px;align-self:center}.front{left:24px}.back{left:260px}.art-note{right:25px}.ribbon{gap:15px;font-size:8px;letter-spacing:1.3px;padding:23px 15px}.ribbon svg{width:42px}.experience{padding-top:65px;padding-bottom:60px}.section-heading{display:block}.section-heading>p:last-child{margin-top:25px}.features{grid-template-columns:1fr;gap:25px;margin-top:38px}.features h3 br{display:none}.features h3{margin:12px 0}.features p{max-width:100%}.showcase{padding-top:60px;padding-bottom:40px}.showcase-top{display:block}.showcase-top>p{margin-top:25px}.screens{grid-template-columns:1fr;gap:40px}.screen-pad{height:520px}.screens figure{max-width:390px;width:100%;margin:auto}.care{gap:25px;padding-top:65px;padding-bottom:65px;align-items:flex-start}.big-spark{font-size:55px}.care h2{font-size:34px;letter-spacing:-1px}.care .eyebrow{font-size:9px;letter-spacing:1.5px}.download{padding-top:70px;padding-bottom:70px}.download h2{letter-spacing:-1.7px}footer{flex-wrap:wrap;gap:12px 22px}footer>span{width:100%;margin:0}.stores{gap:10px}.store{min-width:170px;padding:10px;font-size:12px}.store small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A single, proportionate iPhone frame is used everywhere. */
.store-logo{display:block;flex:0 0 28px;object-fit:contain}.phone{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;width:260px;height:auto}.phone.front{left:24px;top:85px;transform:rotate(-5deg)}.phone.back{left:265px;top:18px;transform:rotate(6deg)}.iphone{position:relative;width:100%;aspect-ratio:390/844;padding:9px;border-radius:43px;background:#151416;border:1px solid #776e76;box-shadow:inset 0 0 0 3px #302c31,0 22px 45px #0004;overflow:hidden}.iphone-screen{position:relative;height:100%;border-radius:34px;background:#211d22;overflow:hidden;display:flex;flex-direction:column}.island{position:absolute;width:29%;height:19px;border-radius:20px;background:#080809;top:17px;left:35.5%;z-index:2}.status-bar{height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#f7f0e8;font:600 9px Arial,sans-serif;position:relative;z-index:1}.iphone .iphone-screen>img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0;filter:none}.gallery-device .iphone-screen>img{flex:1;min-height:0;object-fit:contain;object-position:top}.chat-device .iphone-screen>img{margin-top:4px}.app-tabs{margin-top:auto;display:flex;justify-content:space-around;padding:18px 4px 26px;font:10px Arial,sans-serif;color:#f7f0e8;border-top:1px solid #51404e}.app-tabs span:first-child{color:#ff795f}.home-indicator{position:absolute;bottom:7px;left:34%;width:32%;height:4px;background:#f7f0e8;border-radius:5px}.screen-pad{height:580px;padding:24px}.screen-pad .iphone{width:246px;flex:0 0 auto}.screen-pad img,.screens figure:first-child .screen-pad img{height:auto;max-width:100%}.screen-pad .gallery-device .iphone-screen>img{height:auto}.hero-art{height:650px}.art-note{bottom:0}@media(max-width:1000px) and (min-width:701px){.screen-pad{height:470px;padding:15px}.screen-pad .iphone{width:190px}.iphone{padding:7px;border-radius:34px}.iphone-screen{border-radius:27px}.island{top:13px;height:15px}.status-bar{height:32px;flex-basis:32px;font-size:8px;padding:0 12px}.app-tabs{font-size:8px;padding:12px 4px 21px}}@media(max-width:700px){.screen-pad{height:590px;padding:25px}.screen-pad .iphone{width:246px}.hero-art{height:650px;margin-bottom:-100px;transform:scale(.65);width:550px;transform-origin:top center}.phone.front{left:16px}.phone.back{left:282px}.art-note{bottom:12px;right:25px}.hero{padding-bottom:0}}
.iphone.chat-device .iphone-screen>img{border-radius:20px}.gallery-device .iphone-screen>img{object-fit:cover;object-position:top}
/* Give the screen a definite viewport; preserve every screenshot's aspect ratio. */
.iphone-screen{position:absolute;inset:9px;height:auto}.iphone .iphone-screen>img.chat-header{flex:0 0 auto;height:auto;margin:0;border-radius:15px 15px 0 0}.chat-thread{flex:1;min-height:0;display:flex;align-items:flex-end;background:#211d22;overflow:hidden}.iphone .chat-thread>img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0 0 15px 15px;filter:none}.app-tabs{flex:0 0 auto;margin-top:0;padding:13px 4px 23px}.iphone.gallery-device .iphone-screen>img{flex:1;min-height:0;height:0;width:100%;object-fit:contain;object-position:center;align-self:center;padding:0 6px 16px}.iphone .home-indicator{bottom:6px}@media(max-width:1000px) and (min-width:701px){.iphone-screen{inset:7px}.app-tabs{padding:10px 4px 19px}.iphone.gallery-device .iphone-screen>img{padding:0 5px 13px}}
.iphone .iphone-screen>img.chat-header,.iphone .chat-thread>img{clip-path:inset(2px 2px round 12px)}