*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#f4f4f5;--title-color:#f79036;--title-color-dark:#c4630e;--secondary-color:#a1a1aa;--accent-color:#d4d4d8;--text-color:#f9fafb;--text-light:#d4d4d8;--bg-color:#000;--bg-light:#0d0d10;--card-bg:rgba(20,20,24,.65);--border-color:rgba(82,82,91,.35);--button-bg-color:linear-gradient(135deg,#3f3f46,#27272a);--button-bg-hover:linear-gradient(135deg,#52525b,#303033);--overlay-color:rgba(5,5,5,.75);--shadow-light:rgba(12,12,14,.25);--shadow-medium:rgba(12,12,14,.35);--shadow-dark:rgba(12,12,14,.45);--header-background:rgba(10,10,12,.55);--glass-border:rgba(63,63,70,.25);--gradient-hero:radial-gradient(circle at var(--hero-x) 100%,hsla(0,0%,69%,.2),hsla(0,0%,6%,.29),transparent 100%);--gradient-section:linear-gradient(180deg,#ff8040,transparent);--ease-out:cubic-bezier(.22,1,.36,1)}@property --hero-x{syntax:"<percentage>";inherits:false;initial-value:50%}@keyframes heroGradientPan{0%{--hero-x:20%}to{--hero-x:80%}}body{background:var(--bg-color);background-color:var(--bg-color);color:var(--text-color);font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:300;min-height:100vh;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{color:var(--title-color);font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-style:normal;font-weight:300}.features h1,h2,h3,h4,h5,h6,h6 .about h1{text-align:center;width:100%}.container{margin:0 auto;max-width:1200px;overflow:visible;padding:0 20px}.hero-title .block{display:block;font-size:56px}.hero-title .block_second{display:block;font-size:24px;font-weight:400;padding-top:16px}@media(max-width:480px){.container{padding:0 16px}}.header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--header-background);background:#0c0c0e4d;position:sticky;top:0;z-index:50}.nav-content{align-items:center;display:flex;justify-content:space-between;padding:18px 0}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--text-color);font-size:16px;font-weight:500;padding-bottom:4px;position:relative;text-decoration:none;transition:color .3s var(--ease-out)}.nav-links a:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-out);width:100%}.nav-links a:focus-visible,.nav-links a:hover{color:var(--primary-color)}.nav-links a:focus-visible:after,.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.nav-links a:focus-visible{border-radius:4px;outline:none}.nav-links .nav-cta a{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#3f3f4633;border-radius:999px;padding:10px 20px;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),color .3s var(--ease-out)}.nav-links .nav-cta a:after{display:none}.nav-links .nav-cta a:focus-visible,.nav-links .nav-cta a:hover{color:var(--primary-color);transform:translateY(-2px)}@media(max-width:768px){.nav-content{padding:12px 0}.logo{font-size:20px}.nav-links{gap:16px}.nav-links a{font-size:14px}.nav-links .nav-cta a{padding:8px 16px}}@media(max-width:480px){.logo{font-size:18px}.nav-links{gap:12px}.nav-links a{font-size:14px}.nav-links .nav-cta a{padding:8px 14px}}.hero{animation:heroGradientPan 10s ease-in-out infinite alternate;background:radial-gradient(circle at var(--hero-x) 100%,hsla(0,0%,69%,.2),hsla(0,0%,6%,.29),transparent 100%);color:var(--text-color);display:flex;margin:40px 0;overflow:hidden;position:relative;text-align:left}.hero:before{animation:heroStripesScroll 60s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.95) 0,transparent 2px),linear-gradient(90deg,hsla(0,0%,100%,.9) 0,transparent 2px),linear-gradient(90deg,hsla(0,0%,100%,.9) 0,transparent 2px),linear-gradient(0deg,hsla(0,0%,100%,.85) 0,transparent 2px);background-position:0 bottom,40px bottom,80px bottom,0 bottom;background-repeat:repeat-x;background-size:120px 100%,120px 50%,120px 50%,100% 2px;bottom:0;content:"";height:46px;left:0;opacity:1;pointer-events:none;position:absolute;right:0;z-index:0}@keyframes heroStripesScroll{0%{background-position:0 bottom,40px bottom,80px bottom,0 bottom}to{background-position:-120px bottom,-80px bottom,-40px bottom,0 bottom}}@media(max-width:1024px){.hero{min-height:460px}.hero .container{padding:36px 0 72px}}@media(max-width:768px){.hero{min-height:360px}.hero:before{height:110px}.hero .container{padding:36px 0 72px}}@media(max-width:480px){.hero{min-height:320px}.hero:before{height:90px}.hero .container{padding:36px 0 72px}}@media(max-width:768px){.hero:after{height:360px;right:-140px;top:-80px;width:360px}}@media(max-width:480px){.hero:after{height:260px;right:-120px;top:-60px;width:260px}}.hero .container{display:inline-flex;flex:1;padding:36px 0 72px}.hero .container,.hero-content{justify-content:center;position:relative}.hero-content{align-items:center;display:flex;flex-direction:column;gap:28px;margin:0;max-width:780px;z-index:1}.hero-kicker{align-items:center;background:#2e2e338c;border-radius:999px;color:var(--primary-color);display:inline-flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.08em;padding:8px 18px;text-transform:uppercase;width:fit-content}.hero-title{background-clip:text;background:linear-gradient(120deg,var(--text-color) 0,var(--title-color) 40%,var(--title-color-dark) 100%);-webkit-background-clip:text;color:transparent;font-size:56px;font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:0;text-align:center}.hero-subtitle{color:var(--text-light);font-size:16px;font-weight:200;line-height:1.6;margin:12px 0;max-width:560px;opacity:.9;text-align:center}.hero-pill-group{display:flex;flex-wrap:wrap;gap:12px}.hero-pill{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1c1c20bf;border:1px solid var(--glass-border);border-radius:999px;color:var(--text-light);display:inline-flex;font-size:15px;gap:8px;letter-spacing:.01em;padding:10px 18px}.hero-pill:before{background:linear-gradient(135deg,#fafafae6,#a1a1aacc);border-radius:50%;content:"";height:8px;width:8px}.hero-stats{display:flex;flex-wrap:wrap;gap:24px}.hero-stat{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--card-bg);border:1px solid var(--glass-border);border-radius:18px;min-width:160px;overflow:hidden;padding:18px 22px;position:relative}.hero-stat:after{background:linear-gradient(135deg,#f4f4f51f,#3f3f462e);content:"";inset:0;mix-blend-mode:screen;opacity:0;position:absolute;transition:opacity .4s var(--ease-out)}.hero-stat:hover:after{opacity:.4}.hero-stat-number{color:var(--text-color);display:block;font-size:34px;font-weight:700;margin-bottom:6px}.hero-stat-label{color:#cbd5e1b3;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.scroll-indicator{align-items:center;color:#cbd5e199;display:inline-flex;font-size:13px;gap:12px;letter-spacing:.32em;margin-top:52px;position:relative;text-transform:uppercase}.scroll-indicator:before{border-color:hsla(240,3%,49%,.35) transparent transparent hsla(240,3%,49%,.35);border-radius:50%;border-style:solid;border-width:2px;content:"";height:14px;transform:rotate(45deg);width:14px}.scroll-indicator:after{animation:scrollPulse 2.4s ease-in-out infinite;background:linear-gradient(180deg,#fff0,#ffffff73);content:"";display:block;height:48px;position:relative;width:1px}@media(max-width:1024px){.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.hero-stat{min-width:150px}}@media(max-width:768px){.hero-title{font-size:40px}.hero-subtitle{font-size:18px}.hero-content{gap:24px}.hero-kicker{font-size:12px;padding:6px 14px}.hero-pill{font-size:14px;padding:8px 16px}.hero-stats{gap:18px}.hero-stat{flex:1 1 calc(50% - 18px);padding:16px 18px}.scroll-indicator{letter-spacing:.24em;margin-top:40px}}@media(max-width:480px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px;max-width:100%}.hero-content{gap:20px}.hero-pill-group{gap:10px}.hero-pill{justify-content:center;width:100%}.hero-stats{flex-direction:column;gap:14px}.hero-stat{width:100%}.scroll-indicator{font-size:11px;gap:10px;letter-spacing:.18em;margin-top:32px}.scroll-indicator:after{height:36px}}.cta-button{align-items:center;background:var(--button-bg-color);border:none;border-radius:999px;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:12px;isolation:isolate;padding:18px 44px;position:relative;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),filter .3s var(--ease-out);width:auto}.cta-button:hover{background:var(--button-bg-hover);filter:brightness(1.05);transform:translateY(-3px) scale(1.01)}.cta-button:focus-visible{outline:none}.cta-button:after{content:"➜";font-size:16px;transition:transform .3s var(--ease-out)}.cta-button:hover:after{transform:translate(4px)}@media(max-width:768px){.cta-button{font-size:16px;gap:10px;padding:14px 32px}}@media(max-width:480px){.cta-button{font-size:15px;justify-content:center;max-width:320px;padding:14px 26px;width:100%}.cta-button:after{font-size:14px}}.animate-on-scroll{opacity:0;transform:translateY(32px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transition-delay:var(--stagger,0s)}.animate-on-scroll[data-animate=fade-right]{transform:translate(-40px)}.animate-on-scroll[data-animate=fade-left]{transform:translate(40px)}.animate-on-scroll[data-animate=zoom-in]{transform:scale(.92)}.animate-on-scroll.is-visible{opacity:1;transform:translateZ(0)}.features{background-color:var(--bg-color);overflow:hidden;padding:96px 0;position:relative}.section-title{background-clip:text;background:linear-gradient(120deg,var(--text-color) 0,hsla(0,0%,100%,.75) 45%,var(--accent-color) 100%);-webkit-background-clip:text;color:transparent;display:inline-block;font-size:40px;letter-spacing:-.01em;line-height:1.2;margin-bottom:56px;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:999px;content:"";display:block;height:3px;margin:22px auto 0;width:82px}.features-list{display:flex;flex-direction:column;gap:88px;overflow:visible;position:relative}.feature-item{align-items:stretch;background:#1a1a1ebf;border:1px solid var(--glass-border);border-radius:28px;display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;overflow:visible;padding:0;position:relative;transition:transform .6s var(--ease-out)}.feature-item-left,.feature-item-right{grid-template-columns:1fr 1fr}.feature-item-right .feature-image{order:1}.feature-item-right .feature-content{order:2}.feature-content{background:transparent;display:flex;flex-direction:column;gap:18px;justify-content:flex-start;padding:24px 36px}.feature-content:before{border:10px solid var(--title-color);border-radius:inherit;border-radius:28px;content:"";inset:0;padding:2px;position:absolute}.feature-title{color:var(--text-color);font-size:42px;line-height:1.2;margin:0;padding-bottom:16px;position:relative;text-align:left}.feature-item-right .feature-title{text-align:right}h3.feature-title{color:var(--primary-color)}.feature-text{color:var(--title-color);font-size:18px;line-height:1.8}.feature-text-description{color:var(--text-color);font-size:14px;line-height:1.8}#download-app{margin:24px 0}#download-app img{width:160px}#download-app img:hover{transform:scale(1.05);transition:transform .3s var(--ease-out)}.feature-image{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1a1eb3;border:1px solid var(--glass-border);border-radius:28px;cursor:zoom-in;display:flex;justify-content:center;overflow:hidden;padding:26px;position:relative;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out);z-index:1}.feature-image:before{background:linear-gradient(135deg,#f4f4f51a,#3f3f4633);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.65;padding:2px;position:absolute}.feature-image img{background:transparent;border-radius:24px;display:block;height:100%;max-height:400px;object-fit:contain;position:relative;transform-origin:center;transition:transform .5s var(--ease-out);width:100%;will-change:transform}.feature-image img[data-original]:focus-visible{outline:3px solid var(--accent-color);outline-offset:4px}.feature-item:hover .feature-image{transform:scale(1.08)}@media(max-width:1024px){.features{padding:72px 0}.section-title{font-size:36px;margin-bottom:44px}.features-list{gap:72px}.feature-item{gap:52px}.feature-content{padding:40px}.feature-title{font-size:36px}.feature-text{font-size:17px}.feature-image img{max-height:360px}}@media(max-width:768px){.features{padding:56px 0}.features-list{gap:48px}.feature-item{gap:32px;grid-template-columns:1fr;text-align:center}.feature-item-right .feature-content,.feature-item-right .feature-image{order:0}.feature-content{border-radius:22px;order:2;padding:32px}.feature-image{border-radius:22px;order:1}.feature-image img{border-radius:18px;max-height:300px}.feature-item-right .feature-title,.feature-title{font-size:32px;text-align:center}.feature-text{font-size:16px}}@media(max-width:480px){.features{padding:44px 0}.features-list{gap:40px}.feature-item{gap:24px}.feature-content{border-radius:18px;padding:24px}.feature-image{border-radius:18px;padding:14px}.feature-image img{border-radius:14px;max-height:250px}.feature-item-right .feature-title,.feature-title{font-size:28px;margin-bottom:16px;padding-bottom:12px;text-align:center}.feature-text{font-size:15px;line-height:1.7}}.about{background:linear-gradient(180deg,#000,#0c0c0efa);border-top:1px solid var(--glass-border);padding:90px 0;position:relative}.about:before{background:radial-gradient(circle at 50% 10%,rgba(82,82,91,.18),transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.about-text{color:#cbd5e1d9;font-size:19px;line-height:1.9;margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}@media(max-width:1024px){.about{padding:70px 0}}@media(max-width:768px){.about{padding:56px 0}.about-text{font-size:16px;padding:0 16px}.section-title{font-size:32px;margin-bottom:32px}}@media(max-width:480px){.about{padding:44px 0}.about-text{font-size:15px;line-height:1.6}}.footer{background:#08080af2;border-top:1px solid var(--glass-border);color:var(--text-color);letter-spacing:.02em;padding:32px 0;text-align:center}.footer-content{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.footer-contact p{color:#cbd5e1d9}.footer-email{color:var(--primary-color);text-decoration:none}.footer-email:focus-visible,.footer-email:hover{text-decoration:underline}.footer-social{gap:14px}.footer-social,.footer-social a{align-items:center;display:inline-flex}.footer-social a{background:#3f3f462e;border:1px solid var(--glass-border);border-radius:999px;color:#e5e7ebe6;height:40px;justify-content:center;transition:transform .25s var(--ease-out),background .25s var(--ease-out),color .25s var(--ease-out);width:40px}.footer-social a:focus-visible,.footer-social a:hover{background:#3f3f464d;color:var(--title-color);transform:translateY(-2px)}.footer-social svg{height:20px;width:20px}.footer-bmc{align-items:center;background:var(--button-bg-color);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-color);display:inline-flex;gap:10px;padding:10px 16px;text-decoration:none;transition:transform .25s var(--ease-out),filter .25s var(--ease-out),background .25s var(--ease-out);white-space:nowrap}.footer-bmc:focus-visible,.footer-bmc:hover{background:var(--button-bg-hover);transform:translateY(-2px)}.footer p{color:#cbd5e1b3;margin:0}@media(max-width:768px){.footer{font-size:14px;padding:24px 0}.footer-content{flex-direction:column}}@media(max-width:480px){.footer{font-size:14px;padding:20px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(.98)}}@keyframes floaty{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(12px,-16px,0) rotate(2deg)}to{transform:translateZ(0) rotate(0)}}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.6)}}@media(max-width:320px){.container{padding:0 12px}.hero-title{font-size:28px}.hero-subtitle{font-size:14px}.section-title{font-size:24px}.logo{font-size:16px}.nav-links a{font-size:13px}}
