@font-face{font-family:Inter;src:url('/assets/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#101524;background:#f8fafc;font-synthesis:none;font-optical-sizing:auto;--accent:#ff3e59}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid #ff8494;outline-offset:6px}.wrap{width:calc(100% - 100px);max-width:1120px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.hero{position:relative;isolation:isolate;color:#f8f9fc;overflow:hidden;background:radial-gradient(ellipse at 78% 58%,#25242d 0,transparent 43%),linear-gradient(125deg,#12171d,#0b0e13 65%,#181c22);clip-path:ellipse(115% 100% at 50% 0);padding-bottom:64px}.hero-background{position:absolute;inset:0;overflow:hidden;z-index:-2;background:linear-gradient(142deg,transparent 42%,#ffffff03 42.1%,transparent 54%)}.ray{position:absolute;height:160px;width:100%;right:-45%;transform:rotate(-33deg);border-top:1px solid #ff5f6e;box-shadow:0 -12px 40px #f94c6112;background:linear-gradient(180deg,#ff495710,transparent 45%)}.ray-one{top:32%}.ray-two{top:14%;right:-20%;opacity:.14}.ray-three{top:95%;opacity:.45}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand img{width:28px;height:32px}.site-header nav{display:flex;align-items:center;gap:38px}.site-header nav a,.site-header nav button{font-size:14px;color:#dce0e7;background:none;border:0;padding:10px 0;position:relative}.site-header nav .active{color:#ffe1e7}.site-header nav .active:after{content:'';position:absolute;height:2px;background:var(--accent);bottom:2px;left:0;right:0}.site-header nav button:hover{color:#ff8494}.language{display:flex;align-items:center;gap:9px;font-size:14px;color:#dce0e7}.language svg{width:19px;height:19px;stroke-width:1.3}.hero-content{position:relative;padding-top:78px;z-index:1}.hero-intro{position:relative;z-index:2;width:64%}h1{font-size:clamp(36px,4.5vw,64px);line-height:1.09;letter-spacing:-2.1px;margin:0 0 22px;font-weight:780}h1 span{color:var(--accent)}.hero-intro p{max-width:475px;font-size:17px;line-height:1.6;color:#c7cbd4;margin:0}.play-art{position:absolute;width:46%;height:auto;right:-20px;top:62px;z-index:0}.download-area{position:relative;z-index:3;margin-top:45px}.download-form{display:flex;align-items:center;gap:17px;padding:9px 10px 9px 24px;border:1px solid #e4e6ee;border-radius:14px;background:#fcfdff;box-shadow:0 0 28px #ffffff18,0 12px 30px #0003;min-height:76px}.input-icon{color:#737a90;flex-shrink:0}.download-form input{border:0;background:transparent;min-width:0;flex:1;color:#202738;padding:14px 0;font-size:15px;outline:none}.download-form:focus-within{outline:2px solid #ff7185;outline-offset:3px}.download-form input::placeholder{color:#767e95;opacity:1}.download-button{background:linear-gradient(120deg,#ff425f,#ff334b);color:white;border:1px solid #ff7989;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:650;padding:17px 35px;box-shadow:0 3px 12px #ff3e5940}.download-button:hover{background:#ed2949}.download-button:active{transform:translateY(1px)}.download-button svg{width:21px;height:21px}.form-message{margin:0;font-size:13px;line-height:1.5;color:#ffd1d8;max-width:100%}.form-message:not(:empty){margin-top:13px;padding:10px 14px;background:#ffffff0c;border-radius:8px}.download-form.has-error{outline:2px solid #ff6f85;outline-offset:3px}.benefits{display:flex;justify-content:center;gap:50px;padding:0;margin:30px 0 0;list-style:none}.benefits li{display:flex;align-items:center;gap:11px;font-size:14px;color:#d6d9e1}.benefits svg{width:24px;height:24px;stroke-width:1.4}.front-ribbon{position:absolute;z-index:-1;width:140%;height:140px;bottom:58px;left:-10%;transform:rotate(-17deg);border-top:1px solid #a1a2b466;background:linear-gradient(180deg,#444b5650,#0d1218 30%,#11171e);box-shadow:0 -8px 35px #bccde515;pointer-events:none}
.how-it-works{text-align:center;padding-top:64px;padding-bottom:54px}.how-it-works h2{font-size:30px;line-height:1.25;letter-spacing:-.9px;margin:0 0 36px;font-weight:750}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;padding:0;margin:0;list-style:none}.step{position:relative;display:flex;flex-direction:column;align-items:center;--step-color:#ff3e59;--step-bg:#ffe8ec}.step-2{--step-color:#3977ff;--step-bg:#e7efff}.step-3{--step-color:#00ad88;--step-bg:#dff8f0}.step:not(:last-child):after{content:'→';position:absolute;top:64px;left:calc(100% + 22px);color:#acb2c5;font-size:34px;font-weight:300}.step-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:750;font-size:19px;background:var(--step-bg);color:var(--step-color);margin-bottom:9px}.step-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--step-bg);color:var(--step-color);margin-bottom:15px}.step-icon svg{width:31px;height:31px;stroke-width:2}.step h3{margin:0 0 8px;font-size:17px;letter-spacing:-.4px}.step p{font-size:14px;line-height:1.5;color:#757d92;margin:0;max-width:240px}
dialog{width:min(480px,calc(100% - 36px));border:1px solid #e5e7ed;border-radius:18px;padding:34px;color:#18202e;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#070b14b3;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin:0 30px 20px 0;letter-spacing:-.6px}dialog h3{font-size:15px;margin-top:22px}dialog p{font-size:14px;line-height:1.7;color:#667085}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#6b7280;font-size:29px;padding:2px 8px}
@media(min-width:1500px){.hero-content{padding-top:90px}.hero{padding-bottom:82px}}
@media(max-width:900px){.wrap{width:calc(100% - 96px)}.site-header{height:60px}.brand{font-size:17px;gap:7px}.brand img{width:21px;height:25px}.site-header nav{gap:28px}.site-header nav a,.site-header nav button,.language{font-size:11px}.language{gap:7px}.language svg{width:16px;height:16px}.hero-content{padding-top:43px}h1{font-size:clamp(34px,6.2vw,53px);letter-spacing:-1.3px;margin-bottom:12px}.hero-intro p{font-size:clamp(11px,1.9vw,15px);line-height:1.5;max-width:370px}.play-art{width:48%;right:-24px;top:40px}.download-area{margin-top:30px}.download-form{min-height:48px;padding:5px 5px 5px 15px;border-radius:10px;gap:12px}.download-form input{font-size:11px;padding:9px 0}.input-icon{width:19px;height:19px}.download-button{font-size:12px;padding:9px 22px;border-radius:7px;gap:8px}.download-button svg{width:17px;height:17px}.benefits{gap:31px;margin-top:21px}.benefits li{font-size:10px;gap:8px}.benefits svg{width:19px;height:19px}.hero{padding-bottom:40px;clip-path:ellipse(122% 100% at 50% 0)}.front-ribbon{bottom:28px;height:100px}.how-it-works{padding-top:43px;padding-bottom:24px}.how-it-works h2{font-size:22px;letter-spacing:-.6px;margin-bottom:22px}.steps{gap:48px}.step-number{width:28px;height:28px;font-size:14px;margin-bottom:6px}.step-icon{width:45px;height:45px;border-radius:12px;margin-bottom:10px}.step-icon svg{width:25px;height:25px}.step h3{font-size:12px;margin-bottom:5px}.step p{font-size:10px;line-height:1.45}.step:not(:last-child):after{font-size:26px;top:43px;left:calc(100% + 15px)}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.site-header{height:68px;flex-wrap:wrap;align-content:center;row-gap:12px}.brand{font-size:19px}.site-header nav{gap:18px;order:3;width:100%;justify-content:center}.site-header nav a,.site-header nav button{font-size:12px;padding:4px 0}.language{font-size:12px}.hero-content{padding-top:50px}.hero-intro{width:100%}h1{font-size:clamp(32px,8.6vw,46px);letter-spacing:-1.1px;position:relative;z-index:2}.hero-intro p{font-size:13px;max-width:88%;margin-top:16px}.play-art{width:68%;right:-65px;top:10px;opacity:.22;z-index:0}.download-area{margin-top:27px}.download-form{flex-wrap:wrap;padding:10px;gap:10px;border-radius:12px}.download-form input{font-size:12px;padding:9px 0;width:calc(100% - 32px)}.input-icon{width:18px;height:18px}.download-button{width:100%;font-size:14px;padding:12px}.benefits{gap:17px;margin-top:23px}.benefits li{font-size:10px;gap:5px}.benefits svg{width:17px;height:17px}.hero{padding-bottom:42px;clip-path:ellipse(170% 100% at 50% 0)}.front-ribbon{bottom:80px;opacity:.5}.how-it-works{padding-top:35px;padding-bottom:38px}.how-it-works h2{font-size:23px;line-height:1.3;max-width:300px;margin:0 auto 30px}.steps{grid-template-columns:1fr;gap:27px}.step{display:grid;grid-template-columns:44px 1fr;column-gap:16px;text-align:left;align-items:start;padding-left:38px}.step-number{position:absolute;left:0;top:10px;width:25px;height:25px;font-size:12px}.step-icon{grid-row:1 / 3;margin:0;width:44px;height:44px}.step h3{font-size:14px;margin:0 0 6px}.step p{font-size:12px;max-width:250px}.step:not(:last-child):after{display:none}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.download-button{transition:background .15s,transform .15s}}
.site-header .brand{white-space:nowrap;flex-shrink:0}.brand-domain{margin-left:2px;color:#a3aab7;font-size:12px;font-weight:500;letter-spacing:0}
@media(max-width:900px){.brand-domain{font-size:10px}}
@media(min-width:561px) and (max-width:760px){.site-header{height:90px;flex-wrap:wrap;align-content:center;row-gap:12px}.site-header nav{order:3;width:100%;justify-content:center}}
@media(max-width:380px){.brand-domain{font-size:9px;margin-left:0}}