*{box-sizing:border-box}
:root{color-scheme:light;--ink:#11100f}
html,body{margin:0;min-height:100%;width:100%}
body{min-height:100svh;background:#fff4df;color:var(--ink);font-family:Georgia,"Times New Roman",serif}
.page{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;padding:clamp(24px,4.2vw,48px) clamp(24px,5.2vw,58px) 34px;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:linear-gradient(125deg,rgba(255,250,218,.92),rgba(255,230,211,.82) 42%,rgba(255,247,223,.9) 72%,rgba(246,231,255,.82));}
.page:before{content:"";position:absolute;inset:-18%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 12%,rgba(255,218,105,.28),transparent 34%),radial-gradient(ellipse at 78% 28%,rgba(255,111,96,.20),transparent 33%),radial-gradient(ellipse at 45% 82%,rgba(111,234,221,.18),transparent 38%),radial-gradient(ellipse at 92% 88%,rgba(221,171,255,.18),transparent 34%);filter:blur(28px)}
.top-note{display:inline-flex;align-items:center;min-height:46px;padding:8px 21px;border-radius:999px;background:linear-gradient(115deg,#ffd66c,#ff9d55);color:#d64d18;font:300 clamp(18px,2.6vw,27px)/1.1 Arial,sans-serif;box-shadow:0 2px 10px #e9a45b55,inset 0 1px 1px #fff9;letter-spacing:.2px}
.app-header{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,3vw,32px);margin:clamp(28px,4vw,44px) 0 0 auto;max-width:760px}
.brand-copy{text-align:right;min-width:0}
.brand-copy h1{font:400 clamp(43px,8vw,82px)/1.02 Arial,sans-serif;letter-spacing:-3px;margin:0;color:#0d0d0d}
.brand-copy p{font:300 clamp(24px,4.1vw,40px)/1.25 Arial,sans-serif;margin:8px 0 0;color:#191919}
.app-icon{width:clamp(112px,20vw,202px);aspect-ratio:1;object-fit:cover;flex:none;transform:rotate(1.2deg);box-shadow:0 12px 24px #332b2030;border:1px solid #ffffff65}
.download{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:min(380px,100%);min-height:76px;margin:clamp(42px,6vw,62px) 0 0 auto;border-radius:999px;text-decoration:none;color:#16100e;font:400 clamp(25px,4.2vw,39px)/1 Arial,sans-serif;background:linear-gradient(105deg,#fff06c 0%,#ffc15c 34%,#ff8c50 67%,#f04d49 100%);box-shadow:0 10px 22px #b75b4540,0 3px 7px #6e3c2b32,inset 0 2px 3px #fff9,inset 0 -2px 4px #d94e4540;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,filter .28s;overflow:hidden}
.download:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(120deg,#ffffff68,transparent 42%,#ffffff1a);pointer-events:none}
.download span,.download svg{position:relative;z-index:1}
.download svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.78;transition:transform .28s}
.download:hover{transform:translateY(-3px);box-shadow:0 15px 28px #b75b4550,0 4px 9px #6e3c2b35,inset 0 2px 3px #fff9;filter:saturate(1.06)}
.download:hover svg{transform:translateY(3px)}
.download:active{transform:translateY(1px) scale(.985);box-shadow:0 4px 10px #b75b4535,inset 0 3px 7px #a94b4530}
.download:focus-visible{outline:3px solid #29211b;outline-offset:5px}
.description{margin-top:clamp(44px,6vw,64px);max-width:1120px}
.description p{margin:0;font:700 clamp(29px,5.25vw,66px)/1.34 Georgia,"Times New Roman",serif;letter-spacing:-.8px;overflow-wrap:break-word}
@media(max-width:560px){.page{padding:24px 22px 30px;border-radius:19px}.top-note{min-height:40px;padding:7px 17px}.app-header{gap:14px;margin-top:30px}.brand-copy h1{font-size:clamp(39px,10vw,58px);letter-spacing:-2px}.brand-copy p{font-size:clamp(22px,6vw,31px);margin-top:5px}.app-icon{width:clamp(96px,25vw,132px)}.download{min-height:66px;margin-top:42px}.description{margin-top:43px}.description p{font-size:clamp(28px,7.3vw,40px);line-height:1.38;letter-spacing:-.45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}