:root{--bg:#0b0d10;--surface:#12151a;--surface-2:#181c22;--line:#272c34;--text:#f4f6f8;--muted:#89919d;--red:#d7193f;--green:#20b874;--amber:#e4a52d;--blue:#3c8dd9;--radius:17px;--shadow:0 28px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}svg{display:block;width:100%;height:100%;fill:currentColor}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;z-index:30;top:0;height:78px;display:flex;align-items:center;gap:30px;border-bottom:1px solid rgba(39,44,52,.85);background:rgba(11,13,16,.9);padding:0 max(24px,calc((100vw - 1180px)/2));backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.02em}.brand>span:last-child{display:grid}.brand small{color:#6f7884;font-size:8px;letter-spacing:.13em}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--red);padding:8px;color:#fff;box-shadow:0 9px 25px rgba(215,25,63,.27)}.brand-mark.small{width:34px;height:34px;border-radius:9px;padding:7px}.site-header nav{display:flex;align-items:center;gap:7px;margin-left:auto}.site-header nav a{border-radius:9px;padding:9px 13px;color:#969ea9;font-size:12px;font-weight:700}.site-header nav a:hover,.site-header nav a.active{background:#171b20;color:#fff}.site-header nav .nav-login{margin-left:8px;border:1px solid rgba(215,25,63,.5);background:rgba(215,25,63,.1);color:#ff7890}.site-header nav .nav-login:hover{background:var(--red);color:#fff}.mobile-nav{display:none;margin-left:auto;position:relative}.mobile-nav summary{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:20px;list-style:none;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav>div{position:absolute;right:0;top:50px;width:210px;display:grid;border:1px solid var(--line);border-radius:12px;background:#111419;padding:7px;box-shadow:var(--shadow)}.mobile-nav a{border-radius:8px;padding:10px 12px;color:#c0c6cd}.mobile-nav a:hover{background:#1b1f25}
.eyebrow{margin:0 0 9px;color:#7d8691;font-size:10px;font-weight:900;letter-spacing:.16em}.eyebrow>span{width:6px;height:6px;display:inline-block;margin-right:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(215,25,63,.09)}.hero{min-height:650px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:68px;padding-block:75px}.hero-copy h1,.page-hero h1{margin:0;max-width:700px;font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.055em}.hero h1 em,.page-hero h1 em{color:#ff3c61;font-style:normal}.lead{max-width:610px;margin:26px 0 0;color:#a1a8b2;font-size:clamp(17px,2vw,21px);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid var(--line);border-radius:11px;background:#171b20;padding:11px 17px;color:#d5dae0;font-size:12px;font-weight:800;transition:.2s}.button:hover{border-color:#424953;background:#1d2228;transform:translateY(-1px)}.button.primary{border-color:var(--red);background:var(--red);color:#fff}.button.primary:hover{background:#e92349}.button span{font-size:18px}.contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:36px;color:#737c87;font-size:11px}.contact-row a{color:#c6cbd2;font-weight:700}.contact-row a:hover{color:#fff}.contact-row i{width:1px;height:15px;margin-inline:7px;background:var(--line)}
.app-preview{position:relative;overflow:hidden;border:1px solid #2c323a;border-radius:22px;background:#0f1216;padding:17px;box-shadow:0 35px 90px rgba(0,0,0,.42);transform:perspective(1000px) rotateY(-3deg)}.app-preview:before{content:"";position:absolute;z-index:-1;inset:-100px;background:radial-gradient(circle at 80% 25%,rgba(215,25,63,.23),transparent 45%)}.preview-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:2px 2px 14px;font-size:11px}.preview-logo{width:28px;height:28px;border-radius:8px;background:var(--red);padding:6px;color:#fff}.preview-top .live{display:flex;align-items:center;gap:7px;margin-left:auto;color:#69727d;font-size:8px;letter-spacing:.08em}.live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(32,184,116,.1)}.preview-hero{display:flex;align-items:center;justify-content:space-between;margin-top:14px;border:1px solid #3a1d27;border-radius:13px;background:linear-gradient(120deg,#1c1016,#12151a);padding:19px 21px}.preview-hero>div{display:grid}.preview-hero div small{color:#7a626b;font-size:7px;font-weight:900;letter-spacing:.15em}.preview-hero div strong{margin-top:5px;font-size:15px}.preview-hero div span{color:#777f89;font-size:9px}.preview-hero>b{display:grid;color:#ff3e62;font-size:36px;line-height:1;text-align:right}.preview-hero>b small{margin-top:5px;color:#858d98;font-size:8px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.preview-stats>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;border:1px solid var(--line);border-radius:10px;background:#14171c;padding:12px}.preview-stats i{grid-row:1/3;width:27px;height:27px;border-radius:8px;background:#22272e}.preview-stats i.green{background:rgba(32,184,116,.14)}.preview-stats i.red{background:rgba(215,25,63,.14)}.preview-stats i.amber{background:rgba(228,165,45,.14)}.preview-stats strong{font-size:16px}.preview-stats small{color:#747d88;font-size:8px}.preview-list{margin-top:9px;border:1px solid var(--line);border-radius:11px;background:#12151a}.preview-list>div{display:grid;border-bottom:1px solid var(--line);padding:11px 13px}.preview-list>div span{color:#6b747f;font-size:6px;font-weight:900;letter-spacing:.14em}.preview-list>div b{font-size:11px}.preview-list p{display:grid;grid-template-columns:7px 72px 1fr auto;align-items:center;gap:8px;margin:0;border-bottom:1px solid rgba(39,44,52,.6);padding:10px 13px;font-size:8px}.preview-list p:last-child{border-bottom:0}.preview-list p i{width:6px;height:6px;border-radius:50%;background:var(--red)}.preview-list p span,.preview-list p small{color:#737c87}
.section{padding-block:88px}.section-heading{max-width:720px;margin-bottom:37px}.section-heading.centered{margin-inline:auto;text-align:center}.section-heading h2,.function-intro h2,.cta h2{margin:0;font-size:clamp(28px,4vw,43px);line-height:1.15;letter-spacing:-.035em}.section-heading>p:last-child,.function-intro p:last-child,.cta p:last-child{color:var(--muted)}.feature-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-shortcuts>a{position:relative;display:grid;min-height:190px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:21px;transition:.2s}.feature-shortcuts>a:hover{border-color:#424954;transform:translateY(-3px);box-shadow:var(--shadow)}.feature-shortcuts strong{margin-top:18px;font-size:17px}.feature-shortcuts small{margin-top:4px;color:var(--muted);line-height:1.45}.feature-shortcuts>a>b{position:absolute;right:19px;bottom:15px;color:#68717b;font-size:18px}.feature-icon,.card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#20242a;font-weight:900}.feature-icon.green,.card-icon.green{background:rgba(32,184,116,.12);color:#62d9a0}.feature-icon.red,.card-icon.red{background:rgba(215,25,63,.13);color:#ff6d87}.feature-icon.amber,.card-icon.amber{background:rgba(228,165,45,.13);color:#f3bd56}.feature-icon.blue,.card-icon.blue{background:rgba(60,141,217,.13);color:#71b5f4}.cta-wrap{border-block:1px solid var(--line);background:radial-gradient(circle at 82% 10%,rgba(215,25,63,.12),transparent 30%),#101318}.cta{min-height:250px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:45px}.cta>div{max-width:730px}.cta .button{flex-shrink:0}.site-footer{min-height:130px;display:flex;align-items:center;gap:32px;color:#727b86}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand>div{display:grid}.footer-brand strong{color:#d9dde2}.footer-brand small{font-size:9px}.footer-links{display:flex;gap:18px;margin-left:auto;font-size:11px}.footer-links a:hover{color:#fff}.site-footer>small{font-size:9px}
.page-hero{min-height:430px;display:flex;flex-direction:column;justify-content:center;padding-block:70px}.page-hero h1{max-width:930px;font-size:clamp(42px,6vw,68px)}.page-hero>p:last-child{max-width:700px;margin-top:22px;color:var(--muted);font-size:18px}.page-hero.compact{min-height:350px}.function-section{padding-block:85px;scroll-margin-top:75px}.function-section.alt{border-block:1px solid var(--line);background:#101318}.function-intro{display:grid;grid-template-columns:70px minmax(0,720px);gap:22px;margin-bottom:36px}.function-intro .number{color:#3d444d;font-size:34px;font-weight:900}.function-intro p{margin-bottom:0}.function-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.function-grid.wide{grid-template-columns:repeat(2,1fr)}.function-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px}.alt .function-grid article{background:#14171c}.function-grid h3{margin:18px 0 7px;font-size:18px}.function-grid p{margin:0;color:#929aa4}.function-grid ul{display:grid;gap:7px;margin:18px 0 0;padding:16px 0 0 18px;border-top:1px solid var(--line);color:#aab1ba}.function-grid li::marker{color:var(--red)}
.timeline{position:relative;max-width:980px;padding-bottom:100px}.timeline:before{content:"";position:absolute;top:10px;bottom:110px;left:184px;width:1px;background:var(--line)}.release{position:relative;display:grid;grid-template-columns:160px 1fr;gap:50px;padding-bottom:48px}.release:before{content:"";position:absolute;top:8px;left:178px;width:11px;height:11px;border:3px solid var(--bg);border-radius:50%;background:#505862;box-shadow:0 0 0 1px var(--line)}.release.current:before{background:var(--red);box-shadow:0 0 0 5px rgba(215,25,63,.1)}.release-date{display:grid;align-content:start;text-align:right}.release-date strong{font-size:12px}.release-date span{justify-self:end;margin-top:6px;border-radius:20px;background:rgba(215,25,63,.12);padding:3px 7px;color:#ff718c;font-size:7px;font-weight:900;letter-spacing:.1em}.release-content{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px}.release-content h2{margin:0 0 13px;font-size:20px}.release-content ul{display:grid;gap:8px;margin:0;padding-left:19px;color:#9da5af}.release-content li::marker{color:var(--red)}
@media(max-width:900px){.site-header nav{display:none}.mobile-nav{display:block}.hero{min-height:auto;grid-template-columns:1fr;gap:50px;padding-block:65px}.hero-copy{max-width:700px}.app-preview{max-width:680px;margin:auto;transform:none}.feature-shortcuts{grid-template-columns:repeat(2,1fr)}.function-grid{grid-template-columns:1fr}.function-grid.wide{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.site-footer{flex-wrap:wrap;padding-block:28px}.footer-links{order:3;width:100%;margin-left:0}}
@media(max-width:600px){.container{width:min(100% - 26px,1180px)}.site-header{height:68px;padding-inline:13px}.brand-mark{width:36px;height:36px}.hero{padding-block:50px}.hero-copy h1{font-size:48px}.lead{font-size:16px}.contact-row{align-items:flex-start;flex-direction:column}.contact-row i{display:none}.hero-actions .button{width:100%}.app-preview{padding:10px}.preview-top .live{display:none}.preview-hero{padding:15px}.preview-hero div span{display:none}.preview-stats{grid-template-columns:1fr}.preview-stats>div{grid-template-columns:auto 1fr auto}.preview-stats small{font-size:9px}.preview-list p{grid-template-columns:7px 60px 1fr}.preview-list p small{display:none}.section{padding-block:65px}.feature-shortcuts{grid-template-columns:1fr}.feature-shortcuts>a{min-height:155px}.page-hero{min-height:360px}.page-hero>p:last-child{font-size:15px}.function-section{padding-block:62px}.function-intro{grid-template-columns:1fr;gap:5px}.function-intro .number{font-size:22px}.function-grid article{padding:20px}.timeline{padding-bottom:60px}.timeline:before{left:5px}.release{grid-template-columns:1fr;gap:12px;padding-left:24px}.release:before{left:0}.release-date{text-align:left}.release-date span{justify-self:start}.release-content{padding:19px}.site-footer{gap:20px}.footer-links{align-items:flex-start;flex-direction:column;gap:5px}.site-footer>small{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.feature-shortcuts>a{transition:none}}