@font-face{font-family:Roobert;src:url(/fonts/Roobert-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roobert;src:url(/fonts/Roobert-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roobert;src:url(/fonts/Roobert-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roobert;src:url(/fonts/Roobert-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Roobert Mono;src:url(/fonts/RoobertMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--blue: #2548f6;--ink: #101010;--text-primary: #000000;--text-secondary: #393939;--text-muted: #656565;--text-faint: #8a8a8e;--surface: #f9f9f9;--surface-2: #f3f3f3;--border: #e2e2e2;--page-max: 1440px;--pad-x: 64px;--font: "Roobert", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Roobert Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text-primary);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.page{overflow-x:clip}.section{width:100%;max-width:var(--page-max);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}.eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:4px 16px 6px;border:1px solid rgba(0,0,0,.35);border-radius:197px;font-weight:500;font-size:16px;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:100px;font-weight:500;font-size:18px;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--blue);color:#fdfcfc}.btn--primary:hover{background:#0829cd}.btn--ghost{background:#ffffff1a;border:1px solid #fff;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn--ghost:hover{background:#fff3}.btn--light{background:#fff;color:var(--ink);box-shadow:0 2px 20px #00000014}.btn--light:hover{box-shadow:0 6px 26px #00000024}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:center;height:92px;padding:20px 40px;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.navbar--scrolled{background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px #0000000f}.navbar__inner{width:100%;max-width:1312px;display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:8px;height:28px}.navbar__logo .mark{height:28px}.navbar__logo .wordmark{height:20px}.navbar__cta{background:var(--blue);color:#fdfcfc;padding:12px 24px;border-radius:100px;font-weight:500;font-size:16px;transition:background .15s ease}.navbar__cta:hover{background:#0829cd}.navbar--top .navbar__cta{background:#ffffff1a;border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero{position:relative;min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:92px 64px 56px;overflow:hidden;color:#fff;text-align:center}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(120% 90% at 50% 0%,#6b7a86,#3a4750 40%,#1a2228),linear-gradient(180deg,#2a3640,#10161a)}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000008c)}.hero__road{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:70%;height:62%;z-index:-1;background:linear-gradient(180deg,transparent 0%,rgba(140,155,165,.35) 60%),conic-gradient(from 180deg at 50% 120%,rgba(200,210,218,.28),transparent 30%,transparent 70%,rgba(200,210,218,.28));filter:blur(8px);clip-path:polygon(42% 0,58% 0,100% 100%,0% 100%);opacity:.5}.hero__content{max-width:770px;display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:auto;margin-bottom:24px}.hero__badge{display:inline-flex;padding:4px 16px 6px;border:1px solid #fff;border-radius:197px;background:#ffffff1a;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);font-weight:500;font-size:18px}.hero__title{font-weight:400;font-size:64px;line-height:1.12;letter-spacing:-1.28px}.hero__sub{font-weight:400;font-size:18px;line-height:1.5;color:#ffffffeb;max-width:738px}.hero__actions{display:flex;gap:16px}.stitle{display:flex;gap:24px;justify-content:center;width:100%;max-width:1310px;margin:0 auto}.stitle__lead{flex:1 0 0;min-width:0;font-weight:400;font-size:48px;line-height:1.2;letter-spacing:-.96px}.stitle__body{padding-top:12px;font-weight:400;font-size:18px;line-height:1.5;color:var(--text-secondary);width:612px;max-width:50%}.features{padding:120px 64px;display:flex;flex-direction:column;align-items:center;gap:92px}.features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%}.fcard{display:flex;flex-direction:column;gap:40px}.fcard__media{position:relative;aspect-ratio:1;border-radius:28px;overflow:hidden;background:#a8a8a8}.fcard__media img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fcard__media img.icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:37%;height:auto}.fcard__title{font-weight:500;font-size:20px;line-height:1.2;letter-spacing:-.2px}.fcard__text{font-weight:400;font-size:16px;line-height:1.5;color:var(--text-muted);margin-top:16px}.secondtakes{padding:112px 64px;display:flex;flex-direction:column;align-items:center;gap:80px}.mediacard{position:relative;width:100%;max-width:1312px;height:722px;border-radius:40px;overflow:hidden;background:#000}.mediacard img{width:100%;height:100%;object-fit:cover}.mediacard__chip{position:absolute;top:28px;left:28px;display:inline-flex;align-items:center;height:52px;padding:0 20px;border-radius:51px;background:#ffffff4d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 10px 36px #00000080;color:#fff;font-weight:500;font-size:16px}.collage{position:relative;height:772px;max-width:1440px;margin:0 auto;padding:0 64px;display:flex;align-items:center;justify-content:center;overflow:hidden}.collage__title{max-width:896px;text-align:center;font-weight:400;font-size:48px;line-height:1.2;letter-spacing:-.96px;z-index:2}.collage__title .muted{color:var(--text-faint)}.collage__badge{position:absolute;border-radius:14px;object-fit:cover;box-shadow:0 8px 30px #00000024}.collage__badge.b1{width:136px;height:85px;left:256px;top:200px;transform:rotate(-3deg)}.collage__badge.b2{width:199px;height:125px;left:969px;top:66px}.collage__badge.b3{width:298px;height:188px;left:65px;top:460px;border-radius:18px}.collage__badge.b4{width:189px;height:113px;left:1040px;top:404px;border-radius:15px}.how{padding:112px 64px;display:flex;flex-direction:column;align-items:center;gap:80px}.how__head{display:flex;align-items:flex-end;justify-content:space-between;width:100%}.how__head h2{font-weight:400;font-size:48px;line-height:1.2;letter-spacing:-.96px;max-width:539px}.how__head p{font-weight:400;font-size:22px;line-height:1.5;color:var(--text-secondary);text-align:center;max-width:535px}.how__step{display:flex;gap:80px;align-items:stretch;width:100%}.how__copy{flex:1 0 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;min-height:400px}.how__num{align-self:flex-start;border:1px solid #000;border-radius:197px;padding:4px 16px 6px;font-weight:500;font-size:18px}.how__step h3{font-weight:400;font-size:40px;line-height:1.2;letter-spacing:-.8px;margin-bottom:24px}.how__step p{font-weight:300;font-size:18px;line-height:1.5;color:var(--text-secondary);max-width:591px}.how__media{flex:1 0 0;min-width:0;height:400px;border-radius:40px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.how__divider{width:100%;height:1px;background:#0000001f}.avfirst{padding:112px 64px;display:flex;flex-direction:column;align-items:center;gap:64px;text-align:center}.avfirst__title{font-weight:400;font-size:48px;line-height:1.24;letter-spacing:-.96px;max-width:1032px}.avfirst__media{width:100%;max-width:1312px;height:478px;border-radius:40px;background:linear-gradient(120deg,#b9c4cc,#7c8b95)}.avfirst__body{font-weight:300;font-size:20px;line-height:1.5;color:var(--text-secondary);max-width:654px}.avfirst__body p+p{margin-top:1.5em}.infra-code{padding:112px 64px;display:flex;flex-direction:column;gap:92px;align-items:center}.codecard{position:relative;width:100%;max-width:1312px;min-height:390px;border-radius:40px;background:var(--surface);padding:40px 48px;overflow:hidden}.codecard__head{display:flex;align-items:center;gap:12px;margin-bottom:28px}.codecard__head h3{font-weight:400;font-size:22px;color:#4e4e4e}.codecard__actions{position:absolute;top:40px;right:48px;display:flex;gap:12px}.codecard pre{margin:0;font-family:var(--font-mono);font-size:14px;line-height:1.7;color:#4a4a4a;white-space:pre-wrap;max-width:900px}.codecard .kw{color:#087500;font-weight:600}.codecard .str{color:#b11e1e;font-weight:600}.stack{padding:112px 64px 80px;display:flex;justify-content:center}.stack__inner{display:flex;gap:80px;align-items:center;width:100%;max-width:1312px}.stack__media{flex-shrink:0;width:616px;height:640px;border-radius:32px;overflow:hidden;background:#0b0f14}.stack__media img{width:100%;height:100%;object-fit:cover}.stack__content{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:32px}.stack__badge{align-self:flex-start;border:1.2px solid #696969;border-radius:197px;padding:4px 16px 6px;font-weight:500;font-size:16px;color:#434343}.stack__title{font-weight:400;font-size:48px;line-height:1.2;letter-spacing:-.96px;max-width:581px;margin-bottom:24px}.stack__text{font-weight:400;font-size:18px;line-height:1.5;color:var(--text-secondary)}.stack__logos{display:flex;gap:15px;margin-top:8px}.stack__logo{display:flex;align-items:center;height:56px;padding:0 24px;border-radius:122px;background:var(--surface-2)}.stack__logo img{height:32px}.cta{padding:80px 64px;display:flex;justify-content:center}.cta__inner{width:100%;max-width:1312px;background:var(--surface);border-radius:40px;padding:80px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.cta__title{font-weight:400;font-size:52px;line-height:1.2;letter-spacing:-1.04px;max-width:640px}.cta__sub{font-weight:400;font-size:16px;line-height:1.5;color:var(--text-secondary);max-width:620px}.cta__inner .btn{margin-top:16px;padding:0 40px}.faq{padding:80px 64px 112px;display:flex;justify-content:center}.faq__inner{width:100%;max-width:1296px;padding:0 48px;display:flex;flex-direction:column;gap:48px}.faq__title{font-weight:400;font-size:48px;line-height:1.2;letter-spacing:-.96px}.faq__list{display:flex;flex-direction:column}.faq__item{border-bottom:1px solid rgba(0,0,0,.15);padding:32px 0}.faq__q{display:flex;align-items:center;gap:16px;width:100%;text-align:left}.faq__q h3{flex:1 0 0;min-width:0;font-weight:500;font-size:20px;line-height:1.25;color:var(--ink)}.faq__toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:148px;background:#f1f1f1;transition:background .15s ease}.faq__toggle:hover{background:#e6e6e6}.faq__toggle span{position:relative;width:12px;height:12px}.faq__toggle span:before,.faq__toggle span:after{content:"";position:absolute;background:#101010;transition:opacity .2s ease,transform .2s ease}.faq__toggle span:before{left:0;top:5px;width:12px;height:1.6px}.faq__toggle span:after{left:5px;top:0;width:1.6px;height:12px}.faq__item--open .faq__toggle span:after{opacity:0;transform:scaleY(0)}.faq__a{overflow:hidden;max-height:0;transition:max-height .3s ease,margin .3s ease}.faq__item--open .faq__a{max-height:400px;margin-top:16px}.faq__a p{font-weight:400;font-size:16px;line-height:1.5;color:var(--text-secondary);max-width:742px}.footer{padding:48px 64px 64px;display:flex;align-items:center;justify-content:space-between;max-width:var(--page-max);margin:0 auto;border-top:1px solid var(--border);color:var(--text-muted);font-size:14px}.footer__logo{height:24px}@media(max-width:1100px){:root{--pad-x: 32px}.features__grid{grid-template-columns:repeat(2,1fr);gap:32px}.stack__inner{flex-direction:column}.stack__media{width:100%;height:420px}}@media(max-width:760px){.hero{min-height:620px;padding:92px 24px 40px}.hero__title{font-size:40px;letter-spacing:-.8px}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%}.features,.secondtakes,.how,.avfirst,.infra-code,.stack,.cta,.faq{padding-left:24px;padding-right:24px}.stitle{flex-direction:column;gap:16px}.stitle__lead{font-size:34px}.stitle__body{max-width:none;width:auto;padding-top:0}.features__grid{grid-template-columns:1fr}.fcard__media{max-width:340px}.how__head,.how__step{flex-direction:column;gap:24px}.how__head h2,.avfirst__title,.collage__title,.cta__title,.stack__title,.faq__title,.codecard h3{font-size:30px;letter-spacing:-.4px}.how__copy{min-height:0}.how__media,.mediacard{height:300px}.collage{height:auto;padding:80px 24px}.collage__badge{display:none}.cta__inner{padding:48px 24px}.faq__inner{padding:0}.codecard{padding:28px 20px}.codecard pre{font-size:12px}.navbar{padding:16px 20px}.footer{flex-direction:column;gap:16px;text-align:center}}.navbar--scrolled .navbar__logo .wordmark,.footer__logo.wordmark{filter:brightness(0)}.codecard__actions .btn img{width:20px;height:20px;filter:brightness(0) invert(1)}
