:root{--c-orange: #ff6a13;--c-black: #0e0f11;--c-anthracite: #2e3136;--c-gray: #8b9098;--c-white: #ffffff;--c-bg: var(--c-white);--c-text: var(--c-anthracite);--c-title: var(--c-black);--c-surface: #ffffff;--c-surface-hover: #fff3ec;--c-card-from: #ffffff;--c-card-to: #fff1e8;--c-blur-from: rgba(255,255,255,.9);--c-blur-to: rgba(255,255,255,0);color-scheme:light;--c-muted: var(--c-gray);--c-line: #e7e8ea;--c-blue: var(--c-orange);--c-tile-from: #f4f4f5;--c-tile-to: #ffd9c2;--font: ui-sans-serif, system-ui, -apple-system, "SF Pro Display", "Segoe UI Variable Display", Inter, Roboto, "Helvetica Neue", sans-serif;--font-title: var(--font);--header-h: 76px}:root[data-theme=dark]{--c-bg: var(--c-black);--c-text: #d6d8dc;--c-title: #ffffff;--c-surface: var(--c-anthracite);--c-surface-hover: #3a3e44;--c-card-from: #1a1c1f;--c-card-to: #2a2320;--c-line: #2e3136;--c-blur-from: rgba(14,15,17,.88);--c-blur-to: rgba(14,15,17,0);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);line-height:1.6;color:var(--c-text);background:var(--c-bg)}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--c-blue);outline-offset:3px;border-radius:8px}h1,h2,h3{color:var(--c-title);font-family:var(--font-title);font-weight:650;line-height:1.05;letter-spacing:-.035em;margin:0 0 .5em}h1{font-size:clamp(2.6rem,7vw,4.25rem)}h2{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.028em}p{margin:0 0 1em}.wrap{width:min(100% - 40px,1120px);margin-inline:auto}.lead{font-size:1.2rem;color:var(--c-muted);max-width:30em}.skip-link{position:absolute;left:-999px;top:8px;background:var(--c-surface);padding:8px 12px;border-radius:8px;z-index:60}.skip-link:focus{left:8px}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header-h);pointer-events:none}.header-blur{position:absolute;inset:0 0 auto;height:calc(var(--header-h) + 36px);pointer-events:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,var(--c-blur-from),var(--c-blur-to));-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}.header-row{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--header-h);pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-title);font-weight:700;font-size:1.3rem;letter-spacing:-.03em}.brand img{height:30px;width:auto}.nav{display:flex;align-items:center;gap:28px}.nav a{text-decoration:none;font-size:1.05rem;padding:4px 0}.nav a:hover{color:var(--c-orange)}.theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;cursor:pointer;background:transparent;color:var(--c-text);box-shadow:0 0 0 1px var(--c-line);transition:background .2s,color .2s}.theme-toggle:hover{background:var(--c-orange);color:#fff;box-shadow:none}.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .moon{display:block}.theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .sun{display:block}.has-menu{position:relative}.menu-trigger{display:inline-flex;align-items:center;gap:6px}.menu-trigger:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}.has-menu:hover .menu-trigger:after,.has-menu:focus-within .menu-trigger:after{transform:translateY(1px) rotate(225deg)}.dropdown{position:absolute;top:100%;right:-12px;min-width:260px;margin:0;padding:8px;list-style:none;background:var(--c-surface);border-radius:22px;box-shadow:0 24px 50px -18px #00000080,0 0 0 1px var(--c-line);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s}.has-menu:before{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.has-menu:hover .dropdown,.has-menu:focus-within .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px}.dropdown a:hover{background:var(--c-surface-hover);color:var(--c-title)}.dropdown img{width:40px;height:40px;border-radius:11px;flex:none}.dropdown strong{display:block;color:var(--c-title);line-height:1.2}.dropdown small{color:var(--c-muted);font-size:.85rem;line-height:1.2;display:block}@media(max-width:520px){.brand span{display:none}.nav{gap:18px}}.hero{position:relative;display:grid;place-items:center;min-height:max(680px,min(100svh,1107px));padding:calc(var(--header-h) + 28px) 0 64px;overflow:hidden}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-mark{position:relative}.hero-logo{width:min(263px,62vw);height:auto;margin-bottom:8px}.hero-copy h1{margin:0;font-size:clamp(2rem,5vw,3.625rem);font-weight:400;line-height:1.035;letter-spacing:0}.hero-shape{--size: min(324px, 78vw);position:absolute;z-index:-1;left:50%;top:50%;width:var(--size);height:var(--size);margin:calc(var(--size) / -2 - 10px) 0 0 calc(var(--size) / -2);perspective:900px;pointer-events:none}.hero-shape span{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:22%;transform:rotate(-15deg);animation:shape-float 14s ease-in-out infinite alternate;will-change:transform;background:linear-gradient(145deg,#ffffff12,#ffffff05 45%,#ffffff0a);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff47,inset 1px 0 #ffffff1a,inset 0 -1px #ffffff0a,inset 0 0 30px #ffffff08,0 30px 50px -28px #0006,0 0 60px -16px #ff4f002e}.hero-shape span:before,.hero-shape span:after{content:"";position:absolute;pointer-events:none}.hero-shape span:before{inset:0;background:radial-gradient(circle at 22% 14%,#fff3,#fff0 40%);animation:glass-glint 14s ease-in-out infinite alternate}.hero-shape span:after{inset:-40%;background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.1) 48%,rgba(255,255,255,.03) 53%,transparent 60%);animation:glass-sheen 14s ease-in-out infinite alternate}:root[data-theme=light] .hero-shape span{background:linear-gradient(145deg,#ffffff4d,#ffffff14 50%,#ffffff29);border-color:#0e0f110f;box-shadow:inset 0 1px #ffffffb3,0 24px 40px -30px #0e0f1140,0 0 50px -20px #ff4f002e}@keyframes glass-glint{0%{opacity:.55}50%{opacity:1}to{opacity:.25}}@keyframes glass-sheen{0%{transform:translate(0);opacity:.6}50%{transform:translate(26%);opacity:1}to{transform:translate(-26%);opacity:.5}}@keyframes shape-float{0%{transform:rotate(-15deg) rotateX(0) rotateY(0)}50%{transform:rotate(-12deg) rotateX(10deg) rotateY(-12deg)}to{transform:rotate(-18deg) rotateX(-9deg) rotateY(10deg)}}@media(prefers-reduced-motion:reduce){.hero-shape span,.hero-shape span:before,.hero-shape span:after{animation:none}}.screens{position:relative;height:clamp(440px,70vh,660px);border-radius:40px;overflow:hidden;padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:18px;background:linear-gradient(160deg,var(--c-tile-from) 0%,#ffe8d9 55%,var(--c-tile-to) 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}.col{overflow:hidden}.track{display:flex;flex-direction:column;gap:18px;animation:scroll-up 38s linear infinite}.col.down .track{animation-name:scroll-down;animation-duration:46s}.track img{border-radius:26px;box-shadow:0 14px 30px -14px #0e0f1173;background:#fff;aspect-ratio:600 / 1304;object-fit:cover}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 9px))}}@keyframes scroll-down{0%{transform:translateY(calc(-50% - 9px))}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.track{animation:none!important}}.section{padding:clamp(56px,9vw,112px) 0}.section-title{text-align:center;margin-bottom:1.2em}.apps{list-style:none;margin:0 auto;padding:0;display:grid;gap:20px;max-width:760px}.app-card{display:flex;gap:20px;align-items:center;padding:24px;border-radius:28px;text-decoration:none;background:linear-gradient(160deg,var(--c-card-from),var(--c-card-to));box-shadow:0 0 0 1px var(--c-line);transition:transform .2s}.app-card:hover{transform:translateY(-3px)}.app-card img{width:84px;height:84px;border-radius:22px;flex:none;box-shadow:0 10px 24px -10px #0e0f1180}.app-card h3{font-size:1.8rem;margin:0 0 .15em}.app-card p{margin:0;color:var(--c-muted)}.site-footer{border-top:1px solid var(--c-line);padding:40px 0 48px;color:var(--c-muted);font-size:.95rem}.footer-row{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:center}.socials{display:flex;gap:12px;list-style:none;margin:0;padding:0}.socials a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--c-text);box-shadow:0 0 0 1px var(--c-line);transition:background .2s,color .2s}.socials a:hover{background:var(--c-orange);color:#fff;box-shadow:none}.socials svg{width:20px;height:20px;fill:currentColor}.hero-glow{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-glow i{position:absolute;left:50%;bottom:0;width:1844px;height:1844px;background:radial-gradient(circle 1304px at 50% 50%,#ff4f00,#ff4f0000 68%);filter:blur(92px);transform:translate(-50%,50%);animation:sun-breathe 9s ease-in-out infinite alternate;will-change:transform,opacity}:root[data-theme=light] .hero-glow i{opacity:.55}@keyframes sun-breathe{0%{transform:translate(-50%,50%) scale(.95);opacity:.88}to{transform:translate(-50%,50%) scale(1.05);opacity:1}}@media(prefers-reduced-motion:reduce){.hero-glow i{animation:none}}.only-dark{display:none}:root[data-theme=dark] .only-dark{display:block}:root[data-theme=dark] .only-light{display:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s;animation-timing-function:ease}html.theme-fade,html.theme-fade *{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease,fill .5s ease!important}
