@font-face{font-family:Space;src:url('/assets/space-grotesk.ttf');font-display:swap}@font-face{font-family:Syne;src:url('/assets/syne.ttf');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#111715;color:#f6f6ef;font-family:Space,Arial,sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:none}button,summary{font:inherit;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{cursor:pointer}.skip{position:absolute;inset-inline-start:20px;top:-100px;z-index:30;background:var(--ink);padding:10px}.skip:focus{top:12px}.backdrop,.color-wash,.grain{position:fixed;inset:0;pointer-events:none}.backdrop video{width:100%;height:100%;object-fit:cover;opacity:.27}.backdrop{background:#15201a url('/assets/hero.png') center/cover}.color-wash{background:linear-gradient(100deg,color-mix(in srgb,var(--ink) 96%,transparent) 10%,color-mix(in srgb,var(--ink) 79%,transparent) 57%,#0c1313b0);z-index:1}.grain{z-index:2;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.showcase{position:relative;z-index:3;height:100svh;height:100dvh;display:grid;grid-template-rows:90px minmax(0,1fr) 95px;max-width:1800px;margin:auto;padding:0 clamp(24px,5vw,90px)}header{display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff19;position:relative;z-index:10}.company{display:flex;margin-inline-end:auto}.company img{width:145px;height:44px;object-fit:contain}.back{font-size:13px;display:flex;gap:12px;align-items:center;color:#dddcd6}.back span{color:var(--accent)}.language-menu{position:relative}.language-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;font-size:13px;padding:11px 0}.language-menu summary::-webkit-details-marker{display:none}.language-menu svg{width:18px;height:18px;color:var(--accent)}.language-menu nav{position:absolute;inset-inline-end:0;top:45px;min-width:180px;background:#18201ef5;backdrop-filter:blur(20px);padding:10px;border:1px solid #ffffff25;border-radius:15px;box-shadow:0 15px 40px #0007}.language-menu nav a{display:flex;justify-content:space-between;padding:11px 14px;border-radius:7px;font-size:14px}.language-menu nav a:hover,.language-menu nav [aria-current]{color:var(--accent);background:#ffffff0a}main{display:grid;grid-template-columns:1.06fr 1fr;min-height:0;align-items:center;gap:3vw}.copy{padding-block:24px;min-width:0;max-width:680px}.identity{display:flex;align-items:center;gap:20px;height:64px}.app-icon{width:58px;height:58px;object-fit:cover;border-radius:16px;box-shadow:0 10px 30px #0004}.app-logo{width:190px;height:58px;object-fit:contain;object-position:left center}.app-wordmark{font-family:Syne,Space,sans-serif;font-size:38px;font-weight:650;letter-spacing:-1.5px}.edition{color:var(--accent);font-size:10px;letter-spacing:3px;margin:25px 0 14px}.edition span{opacity:.6;margin:0 8px}h1{font-family:Syne,Space,sans-serif;font-size:clamp(40px,4.8vw,76px);line-height:1.07;letter-spacing:-2.5px;font-weight:650;max-width:680px;margin:0 0 22px;text-wrap:balance}.description{font-size:clamp(14px,1.2vw,18px);line-height:1.75;color:#deded7;max-width:530px;margin:0 0 24px;text-wrap:pretty}.features{list-style:none;padding:0;margin:0 0 30px;display:flex;gap:8px;flex-wrap:wrap}.features li{font-size:11px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent) 27%,transparent);border-radius:30px;color:var(--accent);background:#ffffff04}.stores{display:flex;gap:12px}.store{display:flex;align-items:center;gap:12px;min-width:170px;padding:14px 17px;border-radius:14px;border:1px solid #ffffff40;background:#f7f6ef;color:#141c17;transition:transform .2s,background .2s}.store:hover{transform:translateY(-3px);background:var(--accent)}.store>svg{width:27px;height:27px;flex-shrink:0}.store>svg:last-child{width:18px;height:18px;margin-inline-start:auto}.store small{font-size:9px;display:block;margin-bottom:3px}.store strong{font-size:16px;white-space:nowrap}.store.unavailable{background:#ffffff06;color:#d6d8d0;border-color:#ffffff25}.soon-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-inline-start:auto}.safety{font-size:10px;line-height:1.5;color:#c3bbb4;margin:15px 0 0}.screens{height:min(100%,670px);width:100%;position:relative;margin:0;isolation:isolate;min-height:0;display:flex;align-items:center;justify-content:center}.scene{position:absolute;inset:0;display:grid;place-items:center;z-index:-1;overflow:hidden}.halo{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%);box-shadow:0 0 120px color-mix(in srgb,var(--accent) 8%,transparent)}.halo.second{width:74%;border-style:dashed;opacity:.5}.phone{position:absolute;height:min(84%,570px);aspect-ratio:430/932;filter:drop-shadow(0 30px 35px #0007);transition:transform .8s;max-width:49%}.phone-1{inset-inline-start:7%;transform:rotate(-9deg) translateY(-3%);z-index:1}.phone-2{inset-inline-end:5%;transform:rotate(9deg) translateY(5%);z-index:2}.bezel{height:100%;width:100%;padding:6px;background:linear-gradient(140deg,#777a79,#111514 25%,#111514 70%,#666a68);border:1px solid #9fa59c70;border-radius:clamp(16px,2.8vw,38px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #090b0a}.bezel img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:clamp(12px,2.3vw,32px);display:block}.notch{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:29%;height:11px;border-radius:12px;background:#090b0a;box-shadow:0 0 0 1px #ffffff08}figcaption{position:absolute;bottom:0;font-size:9px;color:#cdcfc7;letter-spacing:2px;text-align:center}figcaption span{color:var(--accent);margin:0 8px}footer{border-top:1px solid #ffffff19;display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:0}.collection{display:flex;align-items:center;gap:18px;min-width:0}.step{width:28px;height:28px;display:grid;place-items:center;color:var(--accent);border:1px solid #ffffff25;border-radius:50%;flex:none}.product-links{display:flex;gap:20px;align-items:center}.product-links a{font-size:11px;color:#bfc4bd;white-space:nowrap;position:relative;padding-block:12px}.product-links a:hover,.product-links [aria-current]{color:var(--accent)}.product-links [aria-current]:after{content:'';position:absolute;bottom:2px;left:50%;width:4px;height:4px;background:var(--accent);border-radius:50%}.utility{display:flex;align-items:center;gap:15px;font-size:10px;color:#c4c8c0;flex:none}.utility button{background:transparent;border:1px solid #ffffff25;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;padding:5px}.utility svg{width:15px;height:15px}.copyright{color:#9aa397;white-space:nowrap}.product-katarsis h1,.product-ayna h1,.product-schema h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.7px}.product-schema .app-logo{width:195px;height:76px}.product-raplab h1{font-weight:800}.equalizer{display:flex;align-items:center;gap:11px;height:70%;width:100%;justify-content:center;opacity:.24}.equalizer i{width:10px;height:calc(20% + var(--n)*3%);border-radius:10px;background:linear-gradient(var(--accent),transparent);transform:rotate(-8deg)}.equalizer i:nth-child(3n){height:70%}.equalizer i:nth-child(3n+1){height:40%}.equalizer i:nth-child(4n){height:90%}.star{position:absolute;color:var(--accent);font-size:95px;text-shadow:0 0 40px #f3cd7940}.star.one{top:3%;inset-inline-start:1%;transform:rotate(-12deg)}.star.two{bottom:8%;inset-inline-end:0;font-size:120px}.star.three{top:35%;inset-inline-end:0;font-size:34px}.design-grid,.notebook-lines{position:absolute;inset:7% 0 8%;border:1px solid #d7ddab30;background:linear-gradient(#d7ddab12 1px,transparent 1px),linear-gradient(90deg,#d7ddab12 1px,transparent 1px);background-size:38px 38px}.type-mark{position:absolute;inset-inline-start:0;top:-3%;font:160px Georgia,serif;color:var(--accent);opacity:.25}.notebook-lines{inset:8% 0;background:repeating-linear-gradient(transparent 0 35px,#c4d9ce25 36px 37px);border-radius:12px;border-color:#c4d9ce25;transform:rotate(-4deg)}.product-logolab .app-wordmark{font-weight:800}.product-classong .app-logo{width:170px}.product-katarsis .app-logo{width:185px}.product-raplab .app-logo{width:210px}[dir=rtl] .app-logo{object-position:right center}[dir=rtl] .phone-1{transform:rotate(9deg) translateY(-3%)}[dir=rtl] .phone-2{transform:rotate(-9deg) translateY(5%)}[dir=rtl] h1{letter-spacing:0;font-family:Space,Arial,sans-serif}@media(min-width:1100px) and (max-height:750px){.showcase{grid-template-rows:72px minmax(0,1fr) 72px}.identity{height:50px}.app-icon{width:47px;height:47px}.app-logo{height:47px}.edition{margin:18px 0 12px}h1{font-size:clamp(38px,4.6vw,64px);margin-bottom:16px}.description{font-size:15px;margin-bottom:18px}.features{margin-bottom:20px}.phone{height:87%}.copy{padding-block:16px}.stores .store{padding:11px 15px}}@media(max-width:1099px) and (min-width:701px){.showcase{padding-inline:30px;grid-template-rows:76px minmax(0,1fr) 100px}.product-links{gap:12px}.utility .copyright{display:none}footer{gap:15px}.collection{gap:10px}.store{min-width:145px;padding:12px}.store strong{font-size:14px}.store>svg:last-child{display:none}h1{font-size:46px}.app-logo{width:160px}.description{font-size:15px}.features li{padding:6px 9px}.phone{height:min(76%,470px)}.product-links a{font-size:10px}}@media(max-width:700px){.showcase{padding-inline:22px;grid-template-rows:66px minmax(0,1fr) 52px;padding-bottom:env(safe-area-inset-bottom)}header{gap:16px}.company img{width:105px;height:34px}.back{font-size:11px;gap:6px}.language-menu summary{font-size:11px;gap:6px}.language-menu summary svg{width:15px}.language-menu nav{top:37px}.language-menu nav a{padding:10px 12px;font-size:13px}main{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:0;position:relative;padding-bottom:78px;align-items:stretch}.copy{padding-block:17px 0;display:contents}.identity{grid-column:1;grid-row:1;height:45px;margin-top:17px;gap:13px}.app-icon{width:43px;height:43px;border-radius:12px}.app-logo{height:42px;width:140px}.app-wordmark{font-size:30px;letter-spacing:-1px}.edition{display:none}h1{grid-row:2;font-size:clamp(30px,8vw,40px);line-height:1.09;letter-spacing:-1.4px;margin:14px 0 10px;max-width:100%;text-wrap:balance}.description{grid-row:3;font-size:12px;line-height:1.6;max-width:100%;margin:0 0 11px}.features{grid-row:4;gap:6px;margin:0;flex-wrap:nowrap}.features li{font-size:8px;padding:6px 8px;line-height:1.3;white-space:nowrap}.screens{grid-row:5;height:100%;min-height:0;margin-top:8px;width:100%}.phone{height:88%;max-width:45%;max-height:400px}.phone-1{inset-inline-start:17%;transform:rotate(-8deg) translateY(-2%)}.phone-2{inset-inline-end:14%;transform:rotate(8deg) translateY(3%)}.bezel{padding:4px;border-radius:22px}.bezel img{border-radius:18px}.notch{height:7px;top:8px}.stores{position:absolute;bottom:13px;left:0;right:0;gap:10px;justify-content:center;z-index:5}.store{min-width:0;flex:1;max-width:210px;border-radius:12px;padding:10px 12px;gap:9px}.store small{font-size:8px}.store strong{font-size:14px}.store>svg{width:23px;height:23px}.store>svg:last-child{width:15px;height:15px}.safety{position:absolute;bottom:0;margin:0;font-size:8px;line-height:1.25;left:0;right:0;text-align:center;transform:translateY(7px)}figcaption{display:none}footer{gap:10px;justify-content:space-between}.collection{gap:8px;flex:1;min-width:0}.product-links{justify-content:center;flex:1;gap:0}.product-links a{display:none;font-size:10px;padding:0}.product-links [aria-current]{display:block}.product-links [aria-current]:after{display:none}.step{width:26px;height:26px;font-size:14px}.utility{gap:11px;font-size:9px}.utility button{width:26px;height:26px}.copyright{display:none}.utility a:nth-last-of-type(-n+2){font-size:8px}.product-schema .app-logo{width:140px;height:48px}.product-katarsis .app-logo{width:145px}.product-raplab .app-logo{width:150px}.product-classong .app-logo{width:140px}.type-mark{font-size:95px;top:0;inset-inline-start:2%}.design-grid{inset:5% 3%}.halo{width:75%}.star.one{font-size:50px;top:4%;inset-inline-start:7%}.star.two{font-size:65px;bottom:6%;inset-inline-end:5%}.star.three{font-size:20px}.color-wash{background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 94%,transparent),color-mix(in srgb,var(--ink) 74%,transparent) 55%,#101912dd)}main{display:grid;grid-template-rows:62px auto auto auto minmax(0,1fr)}[dir=rtl] .phone-1{transform:rotate(8deg) translateY(-2%)}[dir=rtl] .phone-2{transform:rotate(-8deg) translateY(3%)}}@media(max-width:700px) and (max-height:700px){.showcase{grid-template-rows:55px minmax(0,1fr) 44px;padding-inline:18px}.identity{margin-top:10px;height:36px}.app-icon{width:35px;height:35px;border-radius:9px}.app-logo{height:34px}.app-wordmark{font-size:25px}main{grid-template-rows:48px auto auto auto minmax(0,1fr);padding-bottom:64px}h1{font-size:29px;margin:8px 0}.description{font-size:11px;line-height:1.45;margin-bottom:8px}.features li{font-size:7px;padding:4px 6px}.screens{margin-top:5px}.stores{bottom:10px}.store{padding:8px 10px}.store strong{font-size:12px}.store small{font-size:7px}.safety{font-size:7px}.bezel{border-radius:17px}.bezel img{border-radius:14px}.phone{height:88%}.product-schema .app-logo{height:37px}}@media(max-height:480px) and (min-width:701px){.showcase{grid-template-rows:52px minmax(0,1fr) 48px;padding-inline:25px}h1{font-size:30px;margin:7px 0}.identity{height:34px}.app-icon{width:33px;height:33px}.app-logo{height:33px}.edition{display:none}.description{font-size:11px;line-height:1.5;margin:8px 0}.features{margin-bottom:12px;gap:5px}.features li{font-size:8px;padding:5px 7px}.store{padding:7px 10px;min-width:140px}.store strong{font-size:12px}.store small{font-size:7px}.store>svg{width:20px}.safety{font-size:8px;margin-top:8px}.phone{height:90%}.product-links{gap:12px}.product-links a{font-size:9px}.utility .copyright{display:none}.copy{padding:10px 0}.bezel{border-radius:22px}.bezel img{border-radius:17px}.product-schema .app-logo{height:44px}.company img{height:30px;width:110px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.backdrop video{display:none}}
