@font-face{font-family:Lilita;src:url('./assets/lilita-one.ttf') format('truetype');font-display:swap}
:root{--ink:#23102f;--paper:#faf6eb;--purple:#a46bd2;--lavender:#e3cef3;--yellow:#ffe44e;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:18px;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 15%,#f1e5f4aa,transparent 32%),var(--paper)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #69339c;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3,.button,.footer>a{font-family:Lilita,Arial,sans-serif;font-weight:400}h1{font-size:clamp(64px,7.1vw,104px);line-height:.98;letter-spacing:-2.6px}h2{font-size:clamp(38px,4.4vw,60px);line-height:1.06;letter-spacing:-.8px}h3{font-size:28px;line-height:1.1}p{line-height:1.6}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--yellow);z-index:10}.skip:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:20px}.brand{width:154px;flex-shrink:0}.brand img{width:100%;height:112px;object-fit:contain}.header nav{display:flex;gap:32px;margin-left:auto;font-size:16px}.header nav a,.language{display:inline-flex;align-items:center;min-height:44px}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.header-actions{display:flex;gap:22px;align-items:center}.language{font-size:14px;font-weight:bold}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:58px;padding:15px 30px;border-radius:40px;font-size:25px;line-height:1.1;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #23102f20}.button span{font-family:Arial;font-weight:bold;font-size:28px}.yellow{background:var(--yellow);border:1px solid #fff9b0}.purple{background:#9260bd;color:white}.button.small{font-size:19px;min-height:46px;padding:10px 24px;border-radius:14px;gap:20px}.hero{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;min-height:720px;padding:35px 0 65px;border-bottom:4px solid #bc85e7;gap:22px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;margin-bottom:24px;line-height:1.5}.dot{display:inline-block;width:9px;height:9px;background:#8aab4d;border-radius:50%;margin-right:9px}.intro{font-size:23px;line-height:1.5;margin:27px 0 30px}.micro{font-size:13px;margin-top:14px;color:#66556c}.hero-footnote{font-size:16px;margin-top:35px;max-width:400px}.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 20px}.halo{position:absolute;width:100%;height:75%;top:13%;border-radius:50%;background:radial-gradient(ellipse,#dfbff09c,transparent 70%);z-index:0}.hero-phone{position:relative;width:286px;transform:rotate(7deg);margin:0 20px 16px}.phone{position:relative;border:7px solid #29212d;border-radius:43px;background:#29212d;padding:4px;box-shadow:2px 2px 0 #7e7583 inset,9px 18px 25px #30174125,0 2px 3px #23102f30;overflow:hidden}.phone img{width:100%;border-radius:31px}.phone-camera{position:absolute;z-index:1;top:10px;left:50%;transform:translateX(-50%);width:70px;height:14px;background:#29212d;border-radius:0 0 10px 10px}.sticker{position:absolute;right:-8px;bottom:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:144px;height:144px;background:var(--yellow);border-radius:45% 48% 43% 48%;transform:rotate(12deg);font-family:Lilita;font-size:22px;line-height:1.05;text-align:center;box-shadow:0 6px 12px #39212813}.sticker span{font-size:29px;margin-top:6px}.scribble{position:absolute;left:20px;top:50px;font-size:86px;color:#b77ee0;transform:rotate(-15deg)}.screen-caption{position:relative;font-size:11px;color:#6a566e;text-align:center;margin-top:10px}.how{padding-block:76px}.section-heading{max-width:700px}.section-heading .eyebrow{color:#805499;margin-bottom:16px}.section-heading>p:last-child{margin-top:20px;max-width:570px;color:#66556c;font-size:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:48px}.step-number{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);width:46px;height:46px;border-radius:50%;font-family:Lilita;font-size:24px;transform:rotate(-8deg);margin-bottom:18px}.steps p{margin-top:14px;color:#66556c;font-size:16px}.journey{background:#eee2f2;padding:70px 0 50px}.center{text-align:center;margin-inline:auto}.center>p:last-child{margin-inline:auto}.phone-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin:42px auto 46px;max-width:970px}.phone-gallery figure{margin:0;min-width:0;text-align:center}.phone-gallery .phone{max-width:250px;margin:auto;border-width:6px;border-radius:37px}.phone-gallery .phone img{border-radius:26px}.chapter-label{font-size:11px;letter-spacing:2px;font-weight:bold;margin-bottom:18px}.phone-gallery figure:first-child .phone{transform:rotate(-4deg)}.phone-gallery figure:last-child .phone{transform:rotate(4deg)}figcaption{margin-top:25px}figcaption p{font-size:14px;margin-top:8px}.chapter-list{list-style:none;padding:26px 0 0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px 24px;border-top:1px solid #c8abd9;font-size:14px}.chapter-list li{display:flex;gap:12px;align-items:baseline}.chapter-list span{font-family:Lilita;font-size:20px;color:#86569f}.journey-note,.career-note{font-size:13px;text-align:center;margin-top:28px}.career-note{color:#66556c;margin-top:8px}.install-section{padding-block:76px}.install-card{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:center;border-radius:24px;padding:48px;background:linear-gradient(115deg,#dfc4ee,#eadbf3)}.install-card .eyebrow{margin-bottom:16px}.install-card p:not(.eyebrow){margin:18px 0 24px}.install-card h2{font-size:46px}.app-mark{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:14px}.app-mark img{width:156px;border-radius:32px;box-shadow:0 12px 24px #4b225b30;transform:rotate(-7deg)}.install-help{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;padding:30px 48px 0}.install-help h3{font-size:23px}.install-help p{font-size:15px;margin-top:10px;color:#66556c}.offline-note{grid-column:1/-1;max-width:760px}.closing{text-align:center;padding-bottom:76px}.closing .button{margin-top:26px}.footer{border-top:1px solid #ba88d8;display:flex;justify-content:space-between;align-items:center;padding-block:26px;gap:20px;font-size:13px}.footer>a{font-size:21px}
@media(min-width:1400px){.hero{min-height:760px}.hero-phone{width:310px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header nav{gap:18px}.header nav a:last-child{display:none}.hero{min-height:650px}.hero-phone{width:250px}.sticker{width:120px;height:120px;font-size:19px;right:-12px}.scribble{left:0;font-size:64px}.intro{font-size:20px}.phone-gallery{gap:38px}.install-card{grid-template-columns:160px 1fr;padding:36px;gap:32px}.install-card h2{font-size:38px}.steps{gap:26px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{padding-block:12px;gap:12px}.brand{width:112px}.brand img{height:84px}.header nav{display:none}.header-actions{gap:18px}.button.small{padding:10px 17px}.hero{grid-template-columns:1fr;text-align:center;padding:28px 0 42px;gap:36px}.eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:20px}h1{font-size:clamp(44px,10.8vw,78px);letter-spacing:-1.4px}.intro{font-size:19px;margin:22px 0}.hero-footnote{margin:23px auto 0;font-size:14px;max-width:300px}.hero-phone{width:250px;transform:rotate(5deg);margin:0 0 16px}.hero-art{width:min(100%,390px);margin:auto}.sticker{right:0;bottom:40px}.scribble{left:5px;top:20px}.screen-caption{font-size:10px}.button{font-size:22px;gap:22px;padding:15px 25px}.how{padding-block:48px}.section-heading h2{font-size:38px}.section-heading>p:last-child{font-size:16px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.steps article{padding-left:65px;position:relative}.step-number{position:absolute;left:0;top:0}.steps p{margin-top:8px}.steps h3{font-size:25px}.journey{padding-block:45px}.phone-gallery{gap:15px;margin:32px 0}.phone-gallery .phone{border-width:4px;padding:2px;border-radius:19px}.phone-gallery .phone img{border-radius:13px}.phone-gallery .phone-camera{width:30px;height:7px;top:5px}.chapter-label{font-size:8px;letter-spacing:.6px;margin-bottom:12px}figcaption{margin-top:18px}figcaption h3{font-size:20px}figcaption p{font-size:12px;line-height:1.4}.chapter-list{grid-template-columns:1fr 1fr;gap:16px;font-size:12px}.chapter-list span{font-size:18px}.journey-note,.career-note{font-size:12px}.install-section{padding-block:45px}.install-card{grid-template-columns:1fr;text-align:center;padding:30px 20px;gap:28px}.app-mark img{width:100px;border-radius:23px}.app-mark{font-size:12px}.install-card h2{font-size:36px}.install-card p:not(.eyebrow){font-size:16px}.install-help{grid-template-columns:1fr;padding:25px 10px 0;gap:18px}.offline-note{grid-column:auto}.closing{padding-bottom:45px}.closing h2{font-size:38px}.footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:14px}.footer>a{width:100%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}