@font-face{font-family:Inter;src:url('assets/font-inter-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/font-inter-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('assets/font-inter-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('assets/font-inter-800.woff2') format('woff2');font-style:normal;font-weight:800 900;font-display:swap}
:root{color-scheme:dark;--blue:#3282c7;--blue-hover:#3d91d9;--white:#f8f8f8;--muted:#a4a4a7;--line:rgba(255,255,255,.105);--panel:#101010}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000;scroll-padding-top:28px}
body{margin:0;background:#000;color:var(--white);font-family:Inter,Arial,sans-serif;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
.page-glow{position:absolute;z-index:0;top:1040px;left:50%;width:min(1100px,100vw);height:850px;transform:translateX(-50%);overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 15%,rgba(255,255,255,.06),transparent 49%);opacity:1;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 72%,transparent 100%)}
.page-glow::before{content:"";position:absolute;top:25px;left:50%;width:1200px;height:740px;transform:translateX(-50%) perspective(700px) rotateX(65deg);transform-origin:50% 0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(ellipse at 50% 46%,#000 8%,rgba(0,0,0,.6) 48%,transparent 76%)}
.site-header{position:absolute;z-index:5;top:30px;left:50%;transform:translateX(-50%);width:calc(100% - 80px);max-width:1200px;height:82px;padding:10px 15px 10px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:linear-gradient(120deg,rgba(18,18,18,.95),rgba(13,13,13,.91));border:1px solid rgba(255,255,255,.105);border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,.34)}
.brand{width:62px;height:62px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.brand img{display:block;width:56px;height:60px;object-fit:contain;transform:scale(2.05);mix-blend-mode:screen;filter:drop-shadow(0 0 2px rgba(255,255,255,.16))}
.main-nav{display:flex;align-items:center;gap:28px;font-size:16px;color:#f1f1f1}
.main-nav a{transition:color .2s ease}
.main-nav a:hover{color:#81bfff}
.menu-toggle{display:none}
.button{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-size:16px;font-weight:500;transition:transform .2s ease,background .2s ease;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-blue{background:var(--blue);box-shadow:0 8px 22px rgba(31,126,202,.16)}
.button-blue:hover{background:var(--blue-hover)}
.header-contact{justify-self:end;min-height:52px;padding:0 16px}
.hero{height:871px;position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-copy{width:min(1100px,calc(100% - 40px));padding-top:370px}
.hero h1{margin:0 auto;color:#f5f5f5;font-size:50px;line-height:1.18;font-weight:400;letter-spacing:-2.6px}
.hero-compact,.hero-compact-break{display:none}
.hero-subtitle{margin:12px auto 0;color:#a7a7aa;font-size:17px;line-height:1.5;letter-spacing:.1px}
.hero-cta{margin-top:17px;min-width:120px}
.trusted{position:absolute;left:50%;bottom:68px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;color:#9b9b9d}
.trusted p{margin:0;font-size:15px;line-height:1}
.avatar-stack{display:flex;align-items:center;justify-content:center;padding-left:0}
.avatar-stack a{position:relative;display:block;flex:0 0 auto;margin-left:-12px;transform-origin:center;transition:transform .2s ease}
.avatar-stack a:first-child{margin-left:0}
.avatar-stack a:hover,.avatar-stack a:focus-visible{z-index:2;transform:scale(1.12)}
.avatar-stack a:focus-visible{outline:2px solid #81bfff;outline-offset:3px;border-radius:50%}
.avatar-stack img{display:block;width:41px;height:41px;object-fit:cover;border:2px solid #dedede;border-radius:50%;background:#222}
.section-wrap{position:relative;z-index:1;width:min(1050px,calc(100% - 40px));margin-inline:auto}
.portfolio.section-wrap{width:min(1120px,calc(100% - 40px))}
.section-title{margin:0;text-align:center;color:#f6f6f6;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.8px}
.portfolio{padding-top:0;padding-bottom:19px}
.video-grid{width:100%;max-width:1120px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:32px}
.long-card{text-align:center;min-width:0}
.video-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111;border-radius:4px;isolation:isolate}
.video-thumb img,.short-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.long-card:hover .video-thumb img{transform:scale(1.025)}
.long-card p{margin:10px 0 0;font-size:22px;line-height:1.3;font-weight:400;letter-spacing:-.25px}
.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:67px;height:48px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(10,10,10,.72);cursor:pointer;transition:background .2s ease,transform .2s ease;z-index:2}
.play-button svg{width:24px;height:24px;margin-left:2px}
.play-button:hover{background:#e62117;transform:translate(-50%,-50%) scale(1.05)}
.shorts-section{position:relative;z-index:1;padding:7px 0 110px}
.shorts-heading{width:100%;margin:0 auto 28px;display:flex;justify-content:center;align-items:center}
.shorts-section .section-title{margin:0}
.shorts-container{position:relative;width:min(1800px,calc(100% - 40px));margin:0 auto;padding:0 80px;display:flex;align-items:center}
.shorts-track-wrapper{--shorts-edge-fade:64px;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--shorts-edge-fade),#000 calc(100% - var(--shorts-edge-fade)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--shorts-edge-fade),#000 calc(100% - var(--shorts-edge-fade)),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;touch-action:pan-y}
.shorts-nav{position:absolute;z-index:4;top:50%;width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(58,115,255,.28);border-radius:50%;background:#fafbff;color:#3f7ff0;box-shadow:0 8px 24px rgba(0,0,0,.24);cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(8px);transition:background .2s ease,color .2s ease,transform .2s ease}
.shorts-nav:hover{background:#fff;color:#2771ed;transform:translateY(-50%) scale(1.04)}
.shorts-nav:focus-visible{outline:2px solid #81bfff;outline-offset:4px}
.shorts-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.left-btn{left:0}
.right-btn{right:0}
.shorts-track{width:max-content;min-width:100%;display:flex;gap:18px;transform:translate3d(0,0,0);will-change:transform;cursor:grab;user-select:none;-webkit-user-select:none}
.shorts-track.is-dragging{cursor:grabbing}
.shorts-track:focus-visible{outline:2px solid #81bfff;outline-offset:5px}
.short-card{flex:0 0 246px}
.short-thumb{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:10px;background:#171717}
.short-thumb img{object-position:center}
.short-card .play-button{width:124px;height:76px;border-radius:12px;background:rgba(0,0,0,.92)}
.short-card .play-button svg{width:31px;height:31px}
.short-card:hover .short-thumb img{transform:scale(1.025)}
.why-section{padding-top:16px;padding-bottom:130px}
.section-intro{max-width:720px;margin:18px auto 0;color:#aaa;text-align:center;font-size:16px;line-height:1.7}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:45px}
.why-section .section-title{font-size:40px;letter-spacing:-1.4px}
.feature-card{min-height:260px;padding:31px 28px 28px;text-align:center;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(24,24,24,.86),rgba(9,9,9,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 55px rgba(0,0,0,.2)}
.feature-icon{height:48px;width:48px;margin:0 auto 20px;color:#f3f3f3;display:flex;align-items:center;justify-content:center}
.feature-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.feature-card h3{margin:0 0 11px;font-size:22px;font-weight:700;letter-spacing:-.45px}
.feature-card p{margin:0;color:#a9a9ac;font-size:15px;line-height:1.65}
.testimonials-section{padding-top:10px;padding-bottom:130px;text-align:center}
.testimonials-section .section-title{font-size:55px;line-height:.98;letter-spacing:-2px}
.testimonial-shell{position:relative;width:min(660px,100%);min-height:360px;margin:38px auto 0;padding:34px 50px 35px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#111,rgba(9,9,9,.94));box-shadow:0 20px 55px rgba(0,0,0,.32)}
.quote-mark{font-family:Georgia,serif;font-size:62px;line-height:.8;font-weight:700;color:#f2f2f2;transform:rotate(180deg);height:47px}
.testimonial-shell blockquote{margin:16px auto 28px;color:#f0f0f0;font-size:17px;line-height:1.55;max-width:500px}
.testimonial-person{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}
.testimonial-person img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);background:#222}
.testimonial-person strong,.testimonial-person span{display:block}
.testimonial-person strong{font-size:15px;font-weight:700}
.testimonial-person span{margin-top:3px;color:#aaa;font-size:14px}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:25px}
.carousel-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#111;color:#eee;cursor:pointer;transition:background .2s ease}
.carousel-arrow:hover{background:#242424}
.carousel-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.carousel-dots{display:flex;align-items:center;gap:9px}
.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:10px;background:#515151;cursor:pointer;transition:width .2s ease,background .2s ease}
.carousel-dots button[aria-current="true"]{width:24px;background:#eee}
.faq-section{padding-top:5px;padding-bottom:136px}
.faq-section .section-title{font-size:50px;letter-spacing:-1.8px}
.faq-section .section-intro{margin-top:18px}
.faq-list{width:min(760px,100%);margin:40px auto 0;display:grid;gap:14px}
.faq-item{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#111,rgba(9,9,9,.94));box-shadow:0 14px 32px rgba(0,0,0,.18)}
.faq-item summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:23px 28px;color:#f2f2f2;font-size:19px;font-style:italic;font-weight:700;line-height:1.35;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.chevron{position:relative;flex:0 0 14px;width:14px;height:14px;margin-right:2px}
.chevron::before,.chevron::after{content:"";position:absolute;top:6px;width:9px;height:1.5px;background:#e7e7e7;transition:transform .2s ease}
.chevron::before{left:0;transform:rotate(45deg)}.chevron::after{right:0;transform:rotate(-45deg)}
.faq-item[open] .chevron::before{transform:rotate(-45deg)}.faq-item[open] .chevron::after{transform:rotate(45deg)}
.faq-item p{margin:0;padding:0 28px 25px;color:#9e9ea0;font-size:16px;line-height:1.8;max-width:670px}
.final-cta{position:relative;z-index:1;width:min(920px,calc(100% - 40px));min-height:390px;margin:0 auto 20px;padding:58px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:radial-gradient(ellipse at 50% 0%,rgba(52,126,183,.22),transparent 46%),linear-gradient(145deg,#111,#070707);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.production-status{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:#121212;color:#c6c6c6;font-size:14px}
.status-dot{height:7px;width:7px;border-radius:50%;background:#54d995;box-shadow:0 0 11px rgba(84,217,149,.7)}
.final-cta h2{margin:28px 0 0;max-width:720px;font-size:58px;line-height:1.05;font-weight:700;letter-spacing:-2.8px}
.final-cta p{margin:18px 0 27px;color:#aaa;font-size:16px}
.final-cta .button{min-width:210px}
.site-footer{position:relative;z-index:1;max-width:1200px;width:calc(100% - 80px);margin:0 auto;padding:15px 0 18px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#aaa;font-size:14px}
.site-footer p{margin:0;white-space:nowrap}
.social-links{display:flex;align-items:center;gap:14px}
.social-links a{width:24px;height:24px;display:grid;place-items:center;color:#ddd}
.social-links svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.social-links .fill-dot{fill:currentColor;stroke:none}
.video-modal{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:30px;background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}
.video-modal.is-open{display:flex}
.video-modal-frame{position:relative;width:min(900px,92vw);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 25px 90px rgba(0,0,0,.65)}
.video-modal-frame.is-portrait{width:min(430px,82vw);aspect-ratio:9/16}
.video-modal-frame iframe{width:100%;height:100%;border:0;display:block}
.modal-close{position:absolute;top:20px;right:24px;width:42px;height:42px;z-index:2;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#171717;color:#fff;font-size:30px;line-height:1;cursor:pointer}
body.modal-open{overflow:hidden}
@media(max-width:980px){
 .video-grid{width:min(900px,100%);max-width:900px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 .hero-desktop,.hero-desktop-break{display:none}
 .hero-compact{display:inline}
 .hero-compact-break{display:block}
}
@media(max-width:810px){
 .site-header{top:16px;width:calc(100% - 28px);height:70px;padding:8px 9px 8px 15px;border-radius:17px;grid-template-columns:58px 1fr auto}
 .brand{width:54px;height:54px}.brand img{width:49px;height:53px}
 .main-nav{justify-content:center;gap:16px;font-size:13px}
 .header-contact{min-height:44px;padding:0 12px;font-size:13px;border-radius:10px}
 .hero{height:810px}
 .hero-copy{padding-top:280px}
 .hero h1{font-size:clamp(38px,7vw,48px);letter-spacing:-1.8px}
 .hero-subtitle{font-size:15px}
 .hero-cta{margin-top:60px}
 .trusted{bottom:55px}
 .portfolio{padding-bottom:70px}
 .video-grid{max-width:680px;gap:27px 20px}
 .long-card p{font-size:18px}
 .feature-grid{gap:13px}.feature-card{padding:25px 17px;min-height:265px}.feature-card h3{font-size:18px}.feature-card p{font-size:14px}
 .testimonials-section .section-title,.faq-section .section-title{font-size:34px}
 .site-footer{width:calc(100% - 40px);flex-wrap:wrap;justify-content:center;text-align:center}
 .site-footer p{width:100%}.social-links{order:3}
}
@media(max-width:560px){
 .site-header{grid-template-columns:1fr auto auto;height:64px;padding-left:9px;position:absolute}
 .brand{width:46px;height:46px}.brand img{width:42px;height:46px}
 .main-nav{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(15,15,15,.98);box-shadow:0 18px 38px rgba(0,0,0,.45);font-size:14px}
 .main-nav.is-open{display:flex}
 .main-nav a{padding:13px 14px;border-radius:9px}
 .main-nav a:hover{background:rgba(255,255,255,.06)}
 .menu-toggle{width:42px;height:42px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#141414;color:#fff;cursor:pointer}
 .menu-toggle span{width:17px;height:1.5px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
 .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6.5px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
 .menu-toggle:focus-visible,.main-nav a:focus-visible,.header-contact:focus-visible{outline:2px solid #81bfff;outline-offset:3px}
 .header-contact{font-size:11px;min-height:40px;padding:0 10px}
 .hero{height:760px}
 .hero-copy{padding-top:230px;width:calc(100% - 32px)}
 .hero h1{font-size:clamp(27px,8vw,36px);line-height:1.13;letter-spacing:-1.6px}
 .hero-subtitle{max-width:330px;font-size:14px;line-height:1.5}
 .desktop-break{display:none}
 .hero-cta{margin-top:47px;min-height:48px}
 .trusted{bottom:49px;gap:13px}
 .section-wrap{width:calc(100% - 32px)}
 .portfolio.section-wrap{width:calc(100% - 32px)}
 .section-title{font-size:25px}
 .portfolio{padding-bottom:58px}
 .video-grid{grid-template-columns:1fr;max-width:420px;gap:25px;margin-top:24px}
 .long-card p{font-size:19px;margin-top:8px}
 .shorts-section{padding-bottom:80px}.shorts-heading{margin-bottom:22px}
 .shorts-container{width:calc(100% - 20px);padding:0 52px}
 .shorts-track-wrapper{--shorts-edge-fade:44px}
 .shorts-track{gap:14px}
 .shorts-nav{width:44px;height:44px}
 .short-card{flex-basis:205px}
 .short-card .play-button{width:90px;height:60px}
 .feature-grid{grid-template-columns:1fr;max-width:390px;margin:32px auto 0;gap:14px}
 .why-section .section-title{font-size:29px;letter-spacing:-1px}
 .feature-card{min-height:0;padding:25px 22px 24px}
 .why-section{padding-bottom:90px}
 .section-intro{font-size:14px;line-height:1.65}
 .testimonials-section{padding-bottom:95px}
 .testimonials-section .section-title,.faq-section .section-title{font-size:29px;letter-spacing:-1px}
 .testimonial-shell{margin-top:28px;padding:28px 22px 25px;min-height:0}
 .testimonial-shell blockquote{font-size:15px;line-height:1.55;margin:12px auto 23px}
 .faq-section{padding-bottom:95px}
 .faq-list{margin-top:28px;gap:12px}
 .faq-item summary{padding:20px;font-size:16px}
 .faq-item p{padding:0 20px 21px;font-size:14px}
 .final-cta{min-height:300px;padding:38px 20px;margin-bottom:14px;border-radius:23px}
 .final-cta h2{font-size:40px;letter-spacing:-1.6px;margin-top:22px}
 .final-cta p{font-size:14px;line-height:1.6}
 .site-footer{width:calc(100% - 32px);gap:12px;padding:13px 0 14px;font-size:12px}
 .video-modal{padding:16px}
 .video-modal-frame{width:100%;aspect-ratio:16/9}
 .video-modal-frame.is-portrait{width:min(360px,85vw);aspect-ratio:9/16}
 .modal-close{top:12px;right:12px;width:38px;height:38px;font-size:26px}
}
@media(max-width:380px){
 .site-header{width:calc(100% - 20px);padding-right:7px}
 .header-contact{min-height:38px;padding:0 8px;font-size:10px}
 .menu-toggle{width:38px;height:38px}
 .shorts-track-wrapper{--shorts-edge-fade:34px}
 .hero h1{font-size:clamp(26px,8vw,31px);letter-spacing:-1.35px}
 .hero-subtitle{font-size:13px}
 .section-title{font-size:23px}
 .testimonials-section .section-title,.faq-section .section-title{font-size:26px}
 .short-card{flex-basis:min(205px,72vw)}
 .final-cta h2{font-size:35px}
}