:root{--primary:#007aff;--primary-hover:#06d;--primary-light:#e5f2ff;--danger:#ff3b30;--success:#34c759;--warning:#ff9500;--bg:#fff;--bg-secondary:#f9f9fb;--bg-tertiary:#f2f2f7;--text:#000;--text-secondary:#6b6b70;--text-tertiary:#8e8e93;--border:#e5e5ea;--border-light:#f2f2f7;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000000a;--shadow:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section-title{color:var(--text);text-align:center;margin-bottom:40px;font-size:28px;font-weight:600;line-height:36px}.badge{letter-spacing:.05em;border-radius:4px;align-items:center;padding:2px 6px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.badge--beta{background-color:var(--primary-light);color:var(--primary)}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;font-family:inherit;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn--primary{background-color:var(--primary);color:#fff}.btn--primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow)}.btn--ghost{color:var(--primary);background-color:#0000}.btn--ghost:hover{background-color:var(--primary-light)}.btn--white{color:var(--primary);background-color:#fff}.btn--white:hover{background-color:var(--bg-tertiary);box-shadow:var(--shadow)}.btn--lg{padding:16px 32px;font-size:16px}.btn--md{padding:12px 24px;font-size:14px}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);background-color:#ffffffe6;position:sticky;top:0}.nav__container{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:12px 24px;display:flex}.nav__logo{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.nav__links{align-items:center;gap:24px;display:none}.nav__link{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .15s}.nav__link:hover,.nav__link--active{color:var(--text)}.nav__signin{color:var(--primary);font-size:14px;font-weight:500;transition:color .15s}.nav__signin:hover{color:var(--primary-hover)}.nav__toggle{cursor:pointer;width:40px;height:40px;color:var(--text);border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.nav__toggle:hover{background-color:var(--bg-tertiary)}.nav__mobile{border-top:1px solid var(--border-light);flex-direction:column;padding:8px 24px 16px;display:none}.nav__mobile--open{display:flex}.nav__mobile-link{color:var(--text-secondary);border-bottom:1px solid var(--border-light);padding:12px 0;font-size:16px;font-weight:500;transition:color .15s}.nav__mobile-link:last-child{border-bottom:none}.nav__mobile-link:hover{color:var(--text)}.nav__mobile-link--primary{color:var(--primary)}.nav__mobile-link--primary:hover{color:var(--primary-hover)}.hero{text-align:center;padding:64px 24px 48px}.hero__container{max-width:720px;margin:0 auto}.hero__title{color:var(--text);font-size:40px;font-weight:600;line-height:48px}.hero__subtitle{color:var(--text-secondary);margin:24px auto 0;font-size:18px;font-weight:400;line-height:28px}.hero__actions{flex-direction:column;gap:12px;margin-top:48px;display:flex}.hero__actions .btn{width:100%}.hero__visual{justify-content:center;align-items:flex-end;height:240px;margin-top:48px;display:flex;position:relative}.hero__screen{background:var(--bg);border:3px solid #1a1a1a;border-radius:6px;position:absolute;overflow:hidden}.hero__screen--left{z-index:1;width:160px;height:110px;bottom:20px;left:calc(50% - 210px);transform:rotate(-5deg)}.hero__screen--center{z-index:3;width:220px;height:150px;box-shadow:var(--shadow-lg);bottom:20px;left:calc(50% - 110px)}.hero__screen--right{z-index:1;width:160px;height:110px;bottom:20px;right:calc(50% - 210px);transform:rotate(5deg)}.hero__screen-stand{z-index:-1;background:linear-gradient(#1a1a1a 0%,#333 100%);border-radius:0 0 4px 4px;width:30%;height:18px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.hero__screen-stand:after{content:"";background:#333;border-radius:2px;width:140%;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero__screen-content{flex-direction:column;width:100%;height:100%;padding:10px;display:flex}.hero__screen-metrics{border-bottom:1px solid var(--border-light);align-items:flex-end;gap:4px;height:50%;padding-bottom:6px;display:flex}.hero__metric{background:var(--primary);opacity:.7;border-radius:2px 2px 0 0;flex:1}.hero__metric--tall{height:85%}.hero__metric--med{background:var(--primary-light);opacity:1;height:55%}.hero__metric--short{height:35%}.hero__screen-row{flex:1;gap:6px;margin-top:8px;display:flex}.hero__screen-block{background:var(--bg-tertiary);border-radius:3px;flex:1}.hero__screen-image{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 60%, #05c 100%);border-radius:4px;flex:1;position:relative;overflow:hidden}.hero__screen-image:after{content:"";background:#ffffff40;border-radius:50%;width:30%;height:30%;position:absolute;top:20%;left:15%}.hero__screen-caption{flex-direction:column;gap:4px;margin-top:8px;display:flex}.hero__screen-line{background:var(--border);border-radius:3px;height:5px}.hero__screen-line--wide{width:80%}.hero__screen-line--narrow{width:50%}.hero__screen-heading{background:var(--primary);opacity:.8;border-radius:3px;width:70%;height:10px;margin-bottom:8px}.hero__screen-list{flex-direction:column;flex:1;gap:6px;display:flex}.hero__screen-list-item{background:var(--bg-tertiary);border-left:3px solid var(--primary);opacity:.8;border-radius:3px;height:14px}.hero__screen-list-item:nth-child(2){opacity:.6}.hero__screen-list-item:nth-child(3){opacity:.4}.features{background-color:var(--bg-secondary);padding:64px 24px}.features__container{max-width:1120px;margin:0 auto}.features__grid{grid-template-columns:1fr;gap:24px;display:grid}.features__card{border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow .3s,transform .3s}.features__card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.features__icon{width:48px;height:48px;color:var(--primary);margin-bottom:16px}.features__icon svg{width:48px;height:48px}.features__card-title{margin-bottom:8px;font-size:20px;font-weight:600;line-height:28px}.features__card-desc{color:var(--text-secondary);font-size:16px;font-weight:400;line-height:24px}.features__card--wide{grid-column:1/-1}.use-cases{padding:64px 24px}.use-cases__container{max-width:1120px;margin:0 auto}.use-cases__grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.use-cases__grid::-webkit-scrollbar{display:none}.use-cases__card{scroll-snap-align:start;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg);flex-shrink:0;min-width:260px;padding:24px;transition:border-color .15s,box-shadow .15s}.use-cases__card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.use-cases__icon{width:40px;height:40px;color:var(--primary);margin-bottom:16px}.use-cases__icon svg{width:40px;height:40px}.use-cases__card-title{margin-bottom:8px;font-size:18px;font-weight:600;line-height:24px}.use-cases__card-desc{color:var(--text-secondary);font-size:14px;font-weight:400;line-height:20px}.how-it-works{background-color:var(--bg-secondary);padding:64px 24px}.how-it-works__container{max-width:900px;margin:0 auto}.how-it-works__steps{grid-template-columns:1fr;gap:40px;display:grid}.how-it-works__step{text-align:center}.how-it-works__number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:20px;font-weight:600;display:flex}.how-it-works__label{margin-bottom:8px;font-size:20px;font-weight:600;line-height:28px}.how-it-works__desc{color:var(--text-secondary);font-size:16px;font-weight:400;line-height:24px}.cta{background-color:var(--primary);text-align:center;padding:64px 24px}.cta__container{max-width:600px;margin:0 auto}.cta__title{color:#fff;font-size:28px;font-weight:600;line-height:36px}.cta__subtitle{color:#fffc;margin-top:16px;font-size:18px;font-weight:400;line-height:28px}.cta .btn{margin-top:40px;display:block}.pricing{padding:64px 24px}.pricing__container{text-align:center;max-width:540px;margin:0 auto}.pricing__card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-sm);margin-top:8px;padding:40px 32px}.pricing__card .badge{margin-bottom:16px}.pricing__price{color:var(--text);margin-bottom:12px;font-size:64px;font-weight:700;line-height:1}.pricing__desc{color:var(--text-secondary);margin-bottom:32px;font-size:18px;line-height:28px}.pricing__cta{width:100%}.pricing__features{border-top:1px solid var(--border-light);text-align:left;margin-top:32px;padding-top:32px;list-style:none}.pricing__feature{color:var(--text);align-items:center;gap:12px;padding:10px 0;font-size:16px;line-height:24px;display:flex}.pricing__feature svg{color:var(--success);flex-shrink:0}.pricing__note{color:var(--text-tertiary);margin-top:32px;font-size:14px;line-height:20px}.footer{border-top:1px solid var(--border-light);padding:48px 24px}.footer__container{text-align:center;max-width:1120px;margin:0 auto}.footer__links{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.footer__link{color:var(--text-secondary);font-size:14px;transition:color .15s}.footer__link:hover{color:var(--primary)}.footer__link--disabled{color:var(--text-tertiary);pointer-events:none}.footer__separator,.footer__copyright{color:var(--text-tertiary);font-size:14px}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.fade-in{opacity:1;transition:none;transform:none}}@media (width>=768px){.nav__links{display:flex}.nav__toggle{display:none}.nav__mobile{display:none!important}.section-title{margin-bottom:48px;font-size:32px;line-height:40px}.hero{padding:80px 24px 64px}.hero__title{font-size:48px;line-height:56px}.hero__actions{flex-direction:row;justify-content:center}.hero__actions .btn{width:auto}.hero__visual{height:300px;margin-top:64px}.hero__screen--left{width:200px;height:140px;bottom:20px;left:calc(50% - 260px)}.hero__screen--center{width:270px;height:185px;bottom:20px}.hero__screen--right{width:200px;height:140px;bottom:20px;right:calc(50% - 260px)}.features{padding:80px 24px}.features__grid{grid-template-columns:1fr 1fr;gap:32px}.use-cases{padding:80px 24px}.use-cases__grid{scroll-snap-type:none;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:0;display:grid;overflow-x:visible}.use-cases__card{min-width:0;padding:24px}.how-it-works{padding:80px 24px}.how-it-works__steps{grid-template-columns:repeat(3,1fr);gap:48px;position:relative}.how-it-works__steps:before{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:24px;left:16.6667%;right:16.6667%}.how-it-works__number{z-index:1;margin:0 auto 24px;position:relative}.cta{padding:80px 24px}.cta__title{font-size:32px;line-height:40px}.cta .btn{display:inline-flex}.pricing{padding:80px 24px}.pricing__cta{width:auto}}@media (width>=1024px){.section-title{margin-bottom:64px;font-size:36px;line-height:44px}.hero{padding:120px 24px 80px}.hero__title{font-size:56px;line-height:64px}.hero__subtitle{max-width:600px;font-size:20px;line-height:32px}.hero__visual{max-width:800px;height:340px;margin-top:80px}.hero__screen--left{width:240px;height:170px;bottom:24px;left:calc(50% - 310px)}.hero__screen--center{width:310px;height:215px;bottom:24px}.hero__screen--right{width:240px;height:170px;bottom:24px;right:calc(50% - 310px)}.features{padding:120px 24px}.features__grid{gap:48px}.features__card{padding:32px}.use-cases{padding:120px 24px}.use-cases__grid{gap:32px}.use-cases__card{padding:32px}.how-it-works{padding:120px 24px}.how-it-works__steps{gap:48px}.cta{padding:120px 24px}.cta__title{font-size:36px;line-height:44px}.pricing{padding:120px 24px}.pricing__card{padding:48px 40px}.pricing__price{font-size:80px}}