:root{color-scheme:dark;--text:#f5f1ff;--muted:#b3acc9;--mint:#a3e4d2;--line:#c5b6fa25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090c17;color:var(--text);font:16px/1.6 system-ui,-apple-system,sans-serif;background-image:radial-gradient(ellipse at 78% 14%,#44307742,transparent 35%),radial-gradient(ellipse at 12% 60%,#10454b33,transparent 38%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;gap:22px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.14em}.brand img{width:34px;height:34px}nav{display:flex;align-items:center;gap:24px;font-size:13px}.languages{display:flex;gap:12px;color:var(--muted)}.languages [aria-current]{color:var(--mint)}.navLogin{border:1px solid var(--line);border-radius:24px;padding:8px 16px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;min-height:630px;padding:26px 0 60px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--mint)}h1{font-size:clamp(36px,4.5vw,61px);line-height:1.08;font-weight:600;letter-spacing:-.055em;white-space:pre-line;margin:22px 0}h2{font-size:clamp(25px,3vw,37px);font-weight:550;letter-spacing:-.04em;line-height:1.2}h3{font-size:18px;font-weight:550;margin:12px 0}p{color:var(--muted)}.lead{max-width:470px;font-size:17px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border:1px solid var(--line);border-radius:15px;font-size:14px;font-weight:600;background:#ffffff04}.primary{background:linear-gradient(110deg,#9683ef,#7867de);border-color:#b6a7f855;color:white}.micro{font-size:12px}.visual{position:relative;min-width:0;text-align:center;padding:18px;background:radial-gradient(ellipse,#656db92c,transparent 70%);border:1px solid var(--line);border-radius:40px;overflow:hidden}.visual img.screen{display:block;width:min(260px,100%);height:480px;object-fit:cover;object-position:top;margin:auto;border-radius:24px;border:1px solid #d5c6ff20;box-shadow:0 20px 55px #0005}.visualBrand{height:26px;text-align:right;margin-bottom:12px}.visualBrand img{width:26px;height:26px}.visual .caption{margin:14px auto 0;color:var(--mint);font-size:12px}.section{padding:55px 0;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:32px}.stepNo{color:#ad9eee;font-size:12px}.steps p{font-size:14px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:35px}.tabs{display:flex;flex-direction:column;gap:6px}.tabs button{text-align:left;display:flex;align-items:center;gap:16px;background:none;border:1px solid transparent;padding:13px 16px;border-radius:16px;color:var(--muted)}.tabs button b{font-size:14px}.tabs button span{font-size:20px;color:#9d91d3}.tabs [aria-selected=true]{background:#a393ef12;border-color:var(--line);color:var(--text)}.featureImage{width:100%;height:430px;object-fit:contain;object-position:center;border-radius:20px;display:block}.featureCaption{text-align:center;color:var(--mint);font-size:14px;margin:14px 0}.devices{display:grid;grid-template-columns:1fr 1fr;gap:20px}.device{padding:26px;background:linear-gradient(140deg,#b1a2ec0a,#76cabc04);border:1px solid var(--line);border-radius:24px}.device p{font-size:14px}.device .button{margin:4px 3px 4px 0}.legal{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;margin:20px 0}.badge{display:inline-block;margin-top:14px}.badge img{max-width:100%;height:auto}footer{padding-bottom:40px;border-top:1px solid var(--line)}.intro142{position:absolute;inset:0;background:#000;border-radius:inherit;z-index:1;animation:introFade142 7.8s both}.intro142 canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.intro142 .introBrand134{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;animation:brand134 7.8s both}.introBrand134 strong{letter-spacing:.22em;font-size:25px}.introBrand134 img{width:68px;height:68px}.intro142>p{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.intro142>button{position:absolute;right:14px;bottom:14px;z-index:3;border:1px solid #fff4;border-radius:20px;background:#12111c;padding:8px 15px;font-size:12px}.intro142.noCanvas133>p{position:absolute;inset:30% 7%;width:auto;height:auto;clip-path:none;font-size:23px;animation:phrase134 7.8s both}.intro142>img{position:absolute;right:18px;top:18px;width:26px;height:26px;animation:mark134 7.8s both}@keyframes brand134{0%,23%{opacity:1}26%,100%{opacity:0}}@keyframes phrase134{0%,25%{opacity:0}43%,81%{opacity:1}97%,100%{opacity:0}}@keyframes mark134{0%,94%{opacity:0}98%,100%{opacity:1}}@keyframes introFade142{0%,96%{background:#000}100%{background:transparent}}[hidden]{display:none!important}@media(max-width:700px){header,main,footer{padding:18px 22px}header{gap:10px}.brand{font-size:13px}.brand img{width:28px;height:28px}nav{gap:14px}.navLogin{display:none}.languages{gap:9px;font-size:11px}.hero{grid-template-columns:1fr;gap:26px;padding:20px 0 35px;min-height:0}h1{font-size:39px;max-width:350px}.lead{font-size:15px}.actions{margin-top:22px}.button{padding:12px 16px;font-size:13px}.visual{max-width:360px;width:100%;margin:auto;padding:16px;border-radius:28px}.visual img.screen{height:420px;width:226px}.section{padding:35px 0}.steps{grid-template-columns:1fr;gap:12px}.steps article{display:grid;grid-template-columns:28px 1fr;gap:0 14px}.steps h3{margin:0}.steps p{grid-column:2;margin:6px 0 16px}.showcase{grid-template-columns:1fr;gap:20px}.tabs{flex-direction:row;overflow-x:auto;padding:4px 0}.tabs button{white-space:nowrap;padding:10px 13px}.tabs button span{display:none}.featureImage{height:min(600px,150vw)}.devices{grid-template-columns:1fr}.device{padding:22px}.legal{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

header{padding-top:max(24px,env(safe-area-inset-top))}footer{padding-bottom:max(40px,env(safe-area-inset-bottom))}@media(max-width:700px){header{padding-top:max(18px,env(safe-area-inset-top))}}