:root{color-scheme:dark;--canvas:#13181c;--text:#f8f8fb;--muted:#c1c4cc;--accent:#b2acfb;--line:rgba(255,255,255,.17)}
*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--canvas)}
.stage{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.atmosphere,.shade{position:absolute;inset:0;z-index:-1;pointer-events:none}.atmosphere img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.shade{background:linear-gradient(90deg,rgba(19,24,28,.99) 0%,rgba(19,24,28,.94) 28%,rgba(19,24,28,.55) 62%,rgba(19,24,28,.32)),linear-gradient(0deg,#13181c 0%,transparent 36%,rgba(19,24,28,.36) 100%)}
.shell{width:min(1280px,100% - 112px);margin-inline:auto}.header{height:136px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:15px}.lion{width:54px;height:54px}.wordmark{width:122px;height:61px;object-fit:contain}.header-note{font-size:12px;letter-spacing:.035em;color:#dedfe5}.hero{flex:1;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:44px;padding-block:20px 56px}.intro{animation:arrive .75s cubic-bezier(.2,.7,.2,1) both}.eyebrow{margin:0 0 24px;letter-spacing:.22em;font-size:11px;font-weight:500;color:#d1cdfb}.eyebrow::before{content:'';display:inline-block;width:27px;height:1px;background:var(--accent);vertical-align:middle;margin-right:12px}h1{font-size:clamp(52px,6.1vw,88px);letter-spacing:-.055em;line-height:1.02;font-weight:400;margin:0 0 26px} .description{font-size:17px;line-height:1.7;color:var(--muted);margin:0;max-width:460px}.actions{display:flex;gap:14px;align-items:center;margin-top:34px;flex-wrap:wrap}.button{min-height:57px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:16px;transition:background .2s ease,border-color .2s ease;white-space:nowrap}.primary{background:var(--accent);color:#171c20;padding:0 25px;font-size:14px;font-weight:600;border:1px solid var(--accent)}.primary:hover{background:#c5c1ff;border-color:#c5c1ff}.store{border:1px solid rgba(255,255,255,.26);background:rgba(19,24,28,.4);padding:8px 19px;gap:10px}.store small{display:block;font-size:9px;line-height:1.35;letter-spacing:.015em}.store strong{display:block;font-size:21px;font-weight:400;line-height:1.15}.store:hover{background:#252b34;border-color:rgba(255,255,255,.5)}.app-note{font-size:11px;color:#b5b8c2;margin:18px 0 0;line-height:1.6}
.product{margin:0;justify-self:center;position:relative;padding-bottom:6px}.phone-capture{position:relative;width:300px;height:584px;overflow:hidden;border-radius:51px;box-shadow:0 26px 70px rgba(0,0,0,.42);background:#13181c}.phone-capture img{position:absolute;width:300px;height:696px;max-width:none;top:-47px;left:0}.product figcaption{margin-top:18px;text-align:center;line-height:1.6;font-size:11px;letter-spacing:.035em;color:#dedfe5}
.footer{border-top:1px solid var(--line);padding:25px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.services{list-style:none;display:flex;gap:32px;padding:0;margin:0;font-size:12px;color:#d4d5dd}.services li+li::before{content:'·';color:#8b879f;position:relative;left:-16px;display:inline-block;width:0}.copyright{font-size:10px;color:#b1b5c0;white-space:nowrap}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{padding-block:46px 66px}.header{height:160px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{gap:24px;grid-template-columns:1.15fr 1fr}.actions{gap:10px}.primary{padding-inline:20px}.phone-capture{width:270px;height:526px;border-radius:46px}.phone-capture img{width:270px;height:626.4px;top:-42.3px}.services{gap:22px}.services li+li::before{left:-11px}}
@media(max-width:760px){.shell{width:calc(100% - 44px)}.header{height:108px}.brand{gap:11px}.lion{width:42px;height:42px}.wordmark{width:104px;height:52px}.header-note{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-block:30px 34px}.eyebrow{font-size:10px;margin-bottom:19px}h1{font-size:clamp(45px,10.4vw,70px);margin-bottom:23px}.description{font-size:15px;line-height:1.7;max-width:360px}.desktop-break{display:none}.actions{margin-top:27px;gap:11px}.button{min-height:56px}.primary{padding-inline:19px;font-size:13px}.store{padding-inline:14px}.app-note{font-size:10px;margin-top:15px}.atmosphere{height:76%;top:24%;bottom:auto}.atmosphere img{object-position:72% 50%}.shade{background:linear-gradient(180deg,#13181c 0%,#13181c 28%,rgba(19,24,28,.7) 46%,rgba(19,24,28,.45) 72%,#13181c 98%)}.product{padding-bottom:2px}.phone-capture{width:270px;height:526px}.phone-capture img{width:270px;height:626.4px;top:-42.3px}.footer{display:block;padding-block:24px max(24px,env(safe-area-inset-bottom));text-align:center}.services{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;font-size:11px}.services li+li::before{content:none}.copyright{display:block;margin-top:23px}}
@media(max-width:360px){.shell{width:calc(100% - 36px)}.actions{align-items:stretch;flex-direction:column}.button{width:100%}.store{padding-block:10px}.store span{text-align:left}}
@media(prefers-reduced-motion:reduce){.intro{animation:none}.button{transition:none}}
@media(min-width:361px) and (max-width:760px){.actions{display:grid;grid-template-columns:minmax(0,1fr) 146px;max-width:390px}.primary{font-size:12.5px;padding-inline:10px;gap:9px}.store{padding-inline:12px}.button{width:100%}}
@media(min-width:761px) and (max-height:800px){.header{height:104px}.hero{padding-block:4px 20px}.phone-capture{width:245px;height:477px;border-radius:43px}.phone-capture img{width:245px;height:568.4px;top:-38.4px}.product figcaption{margin-top:12px;line-height:1.4}.footer{padding-block:20px}}
.actions{display:flex;grid-template-columns:none}.actions .store{width:auto;min-width:184px;padding-inline:24px;background:var(--accent);border-color:var(--accent);color:#171c20}.actions .store:hover{background:#c5c1ff;border-color:#c5c1ff}
.phone-capture{width:284px;height:auto;border:7px solid #080a0d;border-radius:46px;box-shadow:0 0 0 1px rgba(255,255,255,.28),0 26px 70px rgba(0,0,0,.42)}.phone-capture img{position:static;display:block;width:100%;height:auto;max-width:100%}.phone-capture::after{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:30%;height:16px;border-radius:20px;background:#000;pointer-events:none}
@media(max-width:760px){.phone-capture{width:270px;border-radius:44px}}
@media(min-width:761px) and (max-height:800px){.phone-capture{width:226px;border-radius:38px}.phone-capture::after{height:13px;top:6px}}