@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#101211;--panel:#191c19;--text:#f0f2ec;--muted:#9ca29c;--accent:#a5f36c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans Georgian',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.symbols{position:absolute;width:0;height:0;overflow:hidden}.nav,main,footer{max-width:1200px;margin:auto}.nav{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:23px}.brand-dot{color:var(--accent);margin-left:-9px}nav{display:flex;gap:36px;align-items:center;font-size:13px}nav>a:first-child{color:var(--muted)}.nav-cta{border:1px solid #3b413a;padding:12px 17px;border-radius:30px}.nav-cta span{margin-left:20px;color:var(--accent)}.hero{padding:68px 30px 90px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:25px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.2px;display:flex;align-items:center;gap:9px}.status-dot,.dot{height:7px;width:7px;border-radius:50%;background:var(--accent);display:inline-block}.hero h1{font-size:clamp(42px,5.4vw,67px);letter-spacing:-2px;line-height:1.28;margin:28px 0 25px;font-weight:900}.hero h1 span{color:var(--accent)}.intro{max-width:460px;font-size:16px;line-height:1.95;color:var(--muted)}.store-row{display:flex;gap:12px;margin-top:34px;scroll-margin-top:140px}.store{display:flex;align-items:center;gap:12px;background:var(--text);color:var(--bg);border:0;border-radius:13px;padding:14px 16px;text-align:left;cursor:pointer;transition:transform .2s}.store:hover{transform:translateY(-3px)}.store:nth-child(2){background:#242a23;color:var(--text);border:1px solid #3b4238}.store svg{width:25px;height:28px;fill:currentColor}.store small{font-size:9px;display:block;margin-bottom:4px;opacity:.65}.store strong{font-size:13px}.store-arrow{margin-left:9px}.hero-note{display:flex;gap:13px;align-items:center;font-size:11px;color:var(--muted);margin-top:22px}.hero-note i{width:3px;height:3px;background:#71766e;border-radius:50%}.hero-art{height:540px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#a5f36c12,transparent 65%)}.orbit{position:absolute;border:1px solid #a5f36c14;width:430px;height:430px;border-radius:50%}.orbit-two{width:520px;height:520px;border-style:dashed}.phone{z-index:1;width:286px;background:#1b1f1b;border:7px solid #2d332b;border-radius:39px;padding:23px 17px;transform:rotate(5deg);box-shadow:0 28px 70px #0008,inset 0 0 0 1px #40473d;transition:transform .3s}.phone:hover{transform:rotate(2deg)}.phone-top{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.phone-top span:last-child{color:var(--muted)}.phone-progress{display:flex;gap:5px;margin:25px 0}.phone-progress span{height:3px;background:#3a4236;flex:1;border-radius:3px}.phone-progress span:first-child,.phone-progress span:nth-child(2){background:var(--accent)}.pass-label{text-align:center;font-size:11px;color:var(--muted)}.player{text-align:center;font-size:28px;font-weight:800;margin:9px 0 22px}.player span{color:var(--accent);font-size:17px;margin-left:9px}.secret{width:100%;height:247px;border:1px solid #536047;background:linear-gradient(140deg,#323d2b,#222a1f);border-radius:20px;color:var(--text);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;overflow:hidden}.secret-back,.secret-front{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:16px}.secret [hidden]{display:none}.secret img{transform:rotate(-5deg);border-radius:20px}.secret strong{font-size:17px}.secret small{font-size:9px;color:#b4bea9}.finger{font-size:26px;color:var(--accent)}.secret-front strong{font-size:40px;color:var(--accent)}.secret-front>span{font-size:10px;max-width:160px;line-height:1.9}.phone-bottom{display:flex;align-items:center;font-size:9px;color:var(--muted);margin-top:23px;gap:4px}.phone-bottom>span:first-child{color:var(--accent)}.lock{margin-left:auto!important;font-size:8px}.floating-tag{z-index:2;position:absolute;border:1px solid #414938;background:#20271de8;backdrop-filter:blur(10px);padding:13px 17px;border-radius:11px;font-size:12px;box-shadow:0 8px 30px #0005}.tag-top{right:0;top:55px;transform:rotate(7deg)}.tag-top .dot{margin-right:7px}.tag-bottom{left:4px;bottom:70px;transform:rotate(-7deg)}.tag-bottom span{color:var(--accent);margin-right:9px}.demo-caption{position:absolute;bottom:-17px;font-size:10px;color:var(--muted)}.how{padding:70px 30px 85px;border-top:1px solid #30362d}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-heading .eyebrow{color:var(--accent)}h2{font-size:31px;line-height:1.5;letter-spacing:-.8px;margin:17px 0 0}.section-heading>p{max-width:330px;font-size:13px;color:var(--muted);line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.steps article{border-top:1px solid #41493a;padding-top:22px}.step-num{font-size:13px;color:var(--accent);display:flex;justify-content:space-between}.step-num span{font-size:23px}.steps h3{font-size:17px;margin:29px 0 13px}.steps p{font-size:13px;line-height:1.9;color:var(--muted);max-width:305px}.closing{margin:0 30px;padding:40px;border-radius:24px;background:var(--accent);color:var(--bg);display:flex;align-items:center;gap:27px}.closing img{border:1px solid #10121133;border-radius:15px}.closing h2{margin:0;font-size:25px}.closing h2 span{color:#43632e}.closing p{font-size:12px;margin-bottom:0;line-height:1.8}.closing>a{margin-left:auto;font-size:37px;border:1px solid #10121166;border-radius:50%;height:65px;width:65px;flex-shrink:0;display:grid;place-items:center}.faq{padding:75px 30px 85px;max-width:820px;margin:auto}.faq h2{font-size:25px;margin-bottom:28px}details{border-bottom:1px solid #30362d;padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px}summary::-webkit-details-marker{display:none}summary span{color:var(--accent);font-size:20px}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.9;color:var(--muted);max-width:650px}footer{border-top:1px solid #30362d;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:17px}footer>span{font-size:11px;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;background:var(--accent);color:var(--bg);padding:17px 24px;border-radius:15px;font-size:13px;box-shadow:0 10px 35px #0007;max-width:calc(100% - 30px);width:max-content} @media(max-width:900px){.hero{gap:5px}.store-row{flex-direction:column;align-items:flex-start}.store{min-width:215px}.orbit-one{width:330px;height:330px}.orbit-two{width:380px;height:380px}.tag-top{right:-5px}.hero h1{font-size:47px}.closing h2{font-size:22px}}@media(max-width:650px){.nav{height:85px;padding:0 22px}nav>a:first-child{display:none}.brand{font-size:21px}.nav-cta{font-size:11px;padding:10px 12px}.hero{padding:45px 22px 65px;grid-template-columns:1fr;gap:30px;overflow:hidden}.hero h1{font-size:49px;letter-spacing:-1.5px;margin-top:23px}.intro{font-size:14px;max-width:380px}.store-row{flex-direction:row;gap:9px}.store{min-width:0;padding:12px;gap:8px;flex:1}.store svg{width:22px}.store strong{font-size:11px}.store small{font-size:8px}.store-arrow{display:none}.hero-art{height:510px;max-width:380px;width:100%;margin:auto}.phone{width:269px}.tag-top{right:0;top:34px;font-size:10px}.tag-bottom{left:0;bottom:50px;font-size:11px}.orbit-two{width:370px;height:370px}.how{padding:45px 22px}.section-heading{display:block}.section-heading h2{font-size:28px}.section-heading>p{margin-top:22px;max-width:100%}.steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.steps h3{margin-top:15px}.steps p{max-width:100%}.closing{margin:10px 22px;padding:27px;display:block}.closing img{width:48px;height:48px;margin-bottom:15px}.closing h2{font-size:21px}.closing>a{display:none}.closing p{font-size:11px}.faq{padding:50px 22px}.faq h2{font-size:22px}summary{font-size:12px}footer{padding:25px 22px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.toast{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
