@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-latin-300-normal-CvRFFuZy.woff2) format("woff2"),url(/assets/inter-latin-300-normal-ORCTF8i-.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-BOOGhInR.woff2) format("woff2"),url(/assets/inter-latin-400-normal-gitzw0hO.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-D2bGa7uu.woff2) format("woff2"),url(/assets/inter-latin-500-normal-deR1Tlfd.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-D273HNI0.woff2) format("woff2"),url(/assets/inter-latin-600-normal-B5cFAncS.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Sckx8rpT.woff2) format("woff2"),url(/assets/inter-latin-700-normal-B8MtJ_2k.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-qNthNgub.woff2) format("woff2"),url(/assets/inter-latin-800-normal-DDBFRMkW.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-latin-900-normal-CcF180C5.woff2) format("woff2"),url(/assets/inter-latin-900-normal-C5TMk9TE.woff) format("woff")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080D1A;--bg2: #0D1424;--surface: #111827;--surface2: #1a2236;--border: #1F2D45;--border2: #243350;--cyan: #06B6D4;--cyan-dim: #0891B2;--cyan-glow: rgba(6,182,212,.15);--purple: #7C3AED;--purple2: #6D28D9;--text: #F1F5F9;--text2: #94A3B8;--text3: #64748B;--radius: 12px;--radius-lg: 20px;--container: 1140px;--gutter: clamp(16px, 4vw, 32px);--section-y: clamp(64px, 9vw, 112px);--section-y-sm: clamp(44px, 6vw, 72px);--text-sm: clamp(.86rem, .82rem + .18vw, .96rem);--text-base: clamp(.96rem, .9rem + .28vw, 1.08rem);--text-lg: clamp(1.02rem, .94rem + .45vw, 1.2rem);--text-xl: clamp(1.2rem, 1rem + 1vw, 1.55rem)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(100% - (var(--gutter) * 2),var(--container));margin:0 auto}.section{padding:var(--section-y) 0}.section-sm{padding:var(--section-y-sm) 0}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);background:var(--cyan-glow);border:1px solid rgba(6,182,212,.25);padding:4px 12px;border-radius:100px;margin-bottom:16px}.tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan)}h1{font-size:clamp(2.15rem,1.45rem + 3.2vw,3.8rem);font-weight:800;line-height:1.12;letter-spacing:0}h2{font-size:clamp(1.65rem,1.16rem + 2.2vw,2.8rem);font-weight:700;line-height:1.16;letter-spacing:0}h3{font-size:clamp(1.05rem,.98rem + .35vw,1.2rem);font-weight:600;line-height:1.25}.text-cyan{color:var(--cyan)}.text-muted{color:var(--text2)}.gradient-text{background:linear-gradient(135deg,#F1F5F9 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;border-radius:8px;min-height:44px;padding:12px 24px;cursor:pointer;border:none;justify-content:center;transition:all .2s ease}.btn-primary{background:var(--cyan);color:#000}.btn-primary:hover{background:#22d3ee;transform:translateY(-1px);box-shadow:0 8px 24px #06b6d459}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border2)}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--cyan);border:1px solid rgba(6,182,212,.3)}.btn-ghost:hover{background:var(--cyan-glow)}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;border-bottom:1px solid transparent;transition:all .3s ease}nav.scrolled{background:#080d1ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;position:relative;gap:18px}.logo{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#fff 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-links a{font-size:.88rem;font-weight:500;color:var(--text2);padding:6px 12px;border-radius:6px;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{display:flex;gap:10px}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:transparent;border:0;color:inherit;border-radius:8px}.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}.hamburger span{transform-origin:center}.hamburger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:100svh;display:flex;align-items:center;padding:clamp(104px,14vw,136px) 0 clamp(56px,8vw,88px);position:relative;overflow:hidden}.hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.12) 0%,transparent 70%);pointer-events:none}.hero-glow2{position:absolute;bottom:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;max-width:780px;margin:0 auto;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;color:var(--text2);background:var(--surface);border:1px solid var(--border);padding:6px 14px;border-radius:100px;margin-bottom:32px}.hero-badge span{color:var(--cyan);font-weight:600}.hero h1{margin-bottom:24px}.hero p{font-size:var(--text-lg);color:var(--text2);max-width:600px;margin:0 auto 40px}.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-logos{margin-top:72px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.hero-logos span,.hero-logos a{font-size:.78rem;font-weight:500;color:var(--text3);background:var(--surface);border:1px solid var(--border);padding:6px 14px;border-radius:100px}.hero-logos a:hover{color:var(--cyan);border-color:#06b6d459}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;margin-top:48px}.problem-item{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;transition:border-color .2s}.problem-item:hover{border-color:var(--border2)}.problem-icon{font-size:1.3rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:8px}.problem-item p{font-size:.92rem;color:var(--text2);line-height:1.5}.what-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-top:48px}.tool-chip{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;background:var(--surface);border:1px solid var(--border);padding:6px 12px;border-radius:100px;color:var(--text2);margin:4px}.tools-wrap{display:flex;flex-wrap:wrap;margin-top:32px}.tech-note{margin-top:40px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;font-size:.85rem;color:var(--text3);line-height:1.6}.tech-note strong{color:var(--text2)}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-top:48px}.solution-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:all .25s ease;position:relative;overflow:hidden}.solution-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple));opacity:0;transition:opacity .25s}.solution-card:hover{border-color:var(--border2);transform:translateY(-3px)}.solution-card:hover:before{opacity:1}.solution-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:18px;background:linear-gradient(135deg,var(--cyan-glow),rgba(124,58,237,.1));border:1px solid rgba(6,182,212,.15)}.solution-card h3{margin-bottom:10px}.solution-card p{font-size:.9rem;color:var(--text2);line-height:1.6}.solution-card--custom{border-color:#7c3aed59;background:linear-gradient(135deg,var(--surface) 0%,rgba(124,58,237,.07) 100%)}.solution-card--custom:before{background:linear-gradient(90deg,var(--purple),var(--cyan));opacity:1}.solution-card--custom:hover{border-color:#7c3aed99}.solution-icon--custom{background:linear-gradient(135deg,#7c3aed33,#06b6d41a);border-color:#7c3aed4d}.solution-custom-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--purple2);background:#7c3aed1f;border:1px solid rgba(124,58,237,.25);padding:3px 10px;border-radius:100px;margin-bottom:12px}.demos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-top:48px}.demo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:all .25s ease}.demo-card:hover{border-color:#06b6d466}.demo-num{font-size:.75rem;font-weight:700;color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.demo-card h3{margin-bottom:12px}.demo-meta{display:flex;flex-direction:column;gap:8px;margin:16px 0 20px}.demo-meta-row{display:flex;align-items:flex-start;gap:8px;font-size:.83rem;color:var(--text2)}.demo-meta-row strong{color:var(--text3);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;min-width:70px;padding-top:1px}.demo-card--featured{grid-column:1 / -1;padding:0;overflow:hidden;container-type:inline-size;background:radial-gradient(circle at 72% 18%,rgba(6,182,212,.12),transparent 30%),linear-gradient(135deg,#111827fa,#080d1afa)}.demo-feature{display:grid;grid-template-columns:1fr;gap:0}.demo-feature-copy{padding:clamp(22px,4cqi,38px);border-bottom:1px solid var(--border)}.demo-feature-copy h3{font-size:clamp(1.45rem,2vw,2rem);line-height:1.15}.demo-feature-copy p{margin-top:12px;font-size:.94rem;color:var(--text2)}.demo-feature-steps{display:flex;flex-direction:column;gap:10px;margin:22px 0 26px}.demo-feature-step{display:grid;grid-template-columns:86px 1fr;gap:10px;font-size:.84rem;color:var(--text2)}.demo-feature-step strong{color:var(--text3);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.demo-remotion-shell{grid-column:1 / -1;min-height:clamp(230px,46vw,520px);padding:clamp(10px,3cqi,24px);display:flex;align-items:center;background:radial-gradient(circle at 22% 22%,rgba(37,211,102,.12),transparent 28%),radial-gradient(circle at 76% 78%,rgba(6,182,212,.12),transparent 30%),#071016}.demo-remotion-mount{width:100%;max-width:none;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 90px #00000059;background:#071016}.demo-remotion-fallback{min-height:420px;display:grid;place-items:center;padding:32px;color:var(--text2);text-align:center;font-size:.92rem}.remotion-demo-player{position:relative;width:100%;line-height:0;background:#071016}body.remotion-demo-open{overflow:hidden}.remotion-demo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#000000b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:remotionBackdropIn .22s ease both}.remotion-demo-stage{position:relative;z-index:1;width:100%;border-radius:12px;transform-origin:center;transition:width .28s ease,transform .28s ease,box-shadow .28s ease}.remotion-demo-player.is-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-items:center;padding:clamp(18px,3vw,44px);background:transparent}.remotion-demo-player.is-expanded .remotion-demo-stage{z-index:999;width:min(92vw,1440px,calc((100dvh - 112px) * 16 / 9));max-height:calc(100dvh - 112px);animation:remotionStageIn .28s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 36px 120px #00000094}.remotion-demo-player.is-expanded .remotion-demo-stage>div:first-child{display:block;max-height:calc(100dvh - 112px)}.remotion-demo-action{position:absolute;z-index:8;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:#071016bd;color:var(--text);box-shadow:0 14px 38px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background .18s ease}.remotion-demo-action:hover{border-color:#06b6d48c;background:#071016e6;transform:translateY(-1px)}.remotion-demo-toggle-hitarea{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.remotion-demo-playback-feedback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0}.remotion-demo-playback-feedback.is-visible{opacity:1;animation:remotionPlaybackFeedback .82s cubic-bezier(.16,1,.3,1) both}.remotion-demo-playback-feedback-icon{width:clamp(76px,9vw,116px);height:clamp(76px,9vw,116px);display:grid;place-items:center;position:relative;border-radius:999px;background:#071016d1;border:1px solid rgba(255,255,255,.24);box-shadow:0 24px 82px #0000008c,0 0 0 10px #06b6d414;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0}.remotion-demo-playback-feedback-icon--play,.remotion-demo-playback-feedback-icon--pause{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.remotion-demo-playback-feedback-icon svg{width:52%;height:52%;display:block;fill:#f1f5f9f5;filter:drop-shadow(0 2px 10px rgba(0,0,0,.28))}.remotion-demo-playback-feedback.is-play .remotion-demo-playback-feedback-icon--play,.remotion-demo-playback-feedback.is-pause .remotion-demo-playback-feedback-icon--pause{opacity:1}.remotion-demo-expand{top:16px;right:16px;width:38px;height:38px;border-radius:8px;opacity:0;pointer-events:none}.remotion-demo-expand.is-visible{opacity:1;pointer-events:auto}.remotion-demo-player.is-expanded .remotion-demo-expand{display:none}.remotion-demo-expand span{width:18px;height:18px;position:relative;display:block}.remotion-demo-expand span:before,.remotion-demo-expand span:after{content:"";position:absolute;width:8px;height:8px;border-color:currentColor;border-style:solid}.remotion-demo-expand span:before{top:0;right:0;border-width:2px 2px 0 0}.remotion-demo-expand span:after{left:0;bottom:0;border-width:0 0 2px 2px}.remotion-demo-close{top:14px;right:14px;width:42px;height:42px;border-radius:999px;font-size:28px;line-height:1;font-weight:300;opacity:0;pointer-events:none}.remotion-demo-close.is-visible{opacity:1;pointer-events:auto}.remotion-demo-player.is-expanded .remotion-demo-close{position:fixed;top:clamp(16px,3vw,34px);right:clamp(16px,3vw,34px)}.remotion-demo-controls{position:absolute;left:18px;right:18px;bottom:18px;z-index:5;display:grid;gap:8px;padding:11px 13px 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#071016c2;box-shadow:0 18px 45px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.remotion-demo-controls.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.remotion-demo-player.is-expanded .remotion-demo-controls{left:16px;right:16px;bottom:16px}.remotion-demo-time{display:flex;justify-content:space-between;color:#f1f5f9c2;font-size:.72rem;font-weight:700;line-height:1;letter-spacing:.02em}.remotion-demo-range{width:100%;accent-color:var(--cyan);cursor:grab}.remotion-demo-range:active{cursor:grabbing}@keyframes remotionBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes remotionStageIn{0%{opacity:.88;transform:scale(.88) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes remotionPlaybackFeedback{0%{opacity:0;transform:scale(.68)}18%{opacity:1;transform:scale(1)}62%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.2)}}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:56px;position:relative}.steps:before{content:"";position:absolute;top:28px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border2),var(--border2),transparent)}.step{text-align:center;padding:0 12px;position:relative}.step-num{width:56px;height:56px;background:var(--surface);border:1px solid var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--cyan);margin:0 auto 20px;position:relative;z-index:1;transition:all .2s}.step:hover .step-num{background:var(--cyan-glow);border-color:var(--cyan);box-shadow:0 0 20px #06b6d440}.step h3{font-size:1rem;margin-bottom:8px}.step p{font-size:.83rem;color:var(--text2)}.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px;margin-top:48px}.area-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;transition:all .2s}.area-card:hover{border-color:var(--border2);transform:translateY(-2px)}.area-icon{font-size:1.8rem;margin-bottom:14px}.area-card h3{font-size:1rem;margin-bottom:12px}.area-list{list-style:none;display:flex;flex-direction:column;gap:6px}.area-list li{font-size:.82rem;color:var(--text2);display:flex;align-items:flex-start;gap:6px}.area-list li:before{content:"—";color:var(--cyan);flex-shrink:0}.training-card{background:linear-gradient(135deg,var(--surface) 0%,rgba(124,58,237,.08) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(24px,5vw,48px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,48px);align-items:center}.training-features{display:flex;flex-direction:column;gap:14px;margin-top:24px}.training-feat{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text2)}.training-feat:before{content:"✓";flex-shrink:0;width:22px;height:22px;background:var(--cyan-glow);border:1px solid rgba(6,182,212,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--cyan);font-weight:700}.training-visual{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.training-topics{display:flex;flex-direction:column;gap:10px}.training-topic{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:.85rem}.training-topic-tag{font-size:.72rem;font-weight:600;color:var(--cyan);background:var(--cyan-glow);padding:2px 8px;border-radius:100px}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin-top:48px}.security-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s}.security-item:hover{border-color:#06b6d44d}.security-item-icon{font-size:1.5rem;margin-bottom:12px}.security-item h3{font-size:.95rem;margin-bottom:6px}.security-item p{font-size:.83rem;color:var(--text2)}.faq-list{display:flex;flex-direction:column;gap:12px;margin-top:48px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;text-align:left;font-size:.95rem;font-weight:600;color:var(--text);font-family:inherit;transition:color .2s}.faq-q:hover{color:var(--cyan)}.faq-arrow{width:20px;height:20px;flex-shrink:0;color:var(--text3);transition:transform .3s}.faq-item.open .faq-arrow{transform:rotate(180deg);color:var(--cyan)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s ease}.faq-item.open .faq-a{max-height:200px}.faq-a-inner{padding:16px 24px 20px;font-size:.9rem;color:var(--text2);line-height:1.7;border-top:1px solid var(--border)}.contact-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(36px,6vw,64px);align-items:start}.contact-left h2{margin-bottom:16px}.contact-left p{color:var(--text2);margin-bottom:32px}.contact-trust{display:flex;flex-direction:column;gap:12px}.trust-item{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text2)}.trust-item:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);flex-shrink:0}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(22px,4vw,36px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1 / -1}label{font-size:.82rem;font-weight:500;color:var(--text2)}input,select,textarea{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:.9rem;color:var(--text);font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #06b6d41a}input::placeholder,textarea::placeholder{color:var(--text3)}select option{background:var(--surface)}textarea{resize:vertical;min-height:90px}.form-submit{margin-top:8px;width:100%;padding:14px;font-size:1rem;border-radius:8px}footer{border-top:1px solid var(--border);padding:40px 0 32px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{font-size:.83rem;color:var(--text3);transition:color .2s}.footer-links a:hover{color:var(--text2)}.footer-copy{font-size:.82rem;color:var(--text3)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.seo-page{padding-top:72px;background:radial-gradient(circle at 16% 12%,rgba(6,182,212,.1),transparent 32%),radial-gradient(circle at 86% 22%,rgba(37,211,102,.08),transparent 28%),var(--bg)}.seo-hero{padding:clamp(80px,11vw,132px) 0 clamp(56px,7vw,88px)}.seo-hero h1{max-width:820px;margin-top:12px}.seo-hero p{max-width:720px;margin:22px 0 32px;color:var(--text2);font-size:var(--text-lg)}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--text3);font-size:.84rem}.breadcrumb a:hover{color:var(--cyan)}.section-heading{max-width:720px;margin-bottom:30px}.seo-two-col,.seo-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,56px);align-items:start}.seo-panel{background:#111827d1;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(22px,3vw,32px)}.seo-panel h3{margin-bottom:14px}.seo-panel p{color:var(--text2)}.seo-list{display:grid;gap:10px;list-style:none}.seo-list li{color:var(--text2);line-height:1.55;padding-left:20px;position:relative}.seo-list li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:999px;background:var(--cyan)}.seo-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.seo-chip-grid span{color:var(--text2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.9rem}.related-grid,.seo-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:18px 0 26px}.related-card{display:grid;gap:8px;min-height:118px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:border-color .2s,transform .2s}.related-card:hover{border-color:#06b6d473;transform:translateY(-2px)}.related-card span{color:var(--text2);font-size:.9rem;line-height:1.5}.seo-cta{margin-top:28px;padding:clamp(24px,4vw,40px);border:1px solid rgba(6,182,212,.22);border-radius:var(--radius);background:radial-gradient(circle at 20% 20%,rgba(6,182,212,.12),transparent 32%),var(--surface)}.seo-cta h2{max-width:760px;margin-bottom:18px}.hero-glow{animation:heroGlowPulse 8s ease-in-out infinite}.hero-glow2{animation:heroGlow2Pulse 10s ease-in-out 2s infinite}@keyframes heroGlowPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.18) translateY(28px)}}@keyframes heroGlow2Pulse{0%,to{transform:scale(1)}50%{transform:scale(1.28) translate(-12px,-8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero-badge{animation:fadeUp .65s cubic-bezier(.16,1,.3,1) .15s both}.hero h1{animation:fadeUp .75s cubic-bezier(.16,1,.3,1) .32s both}.hero-content>p{animation:fadeUp .65s cubic-bezier(.16,1,.3,1) .5s both}.hero-btns{animation:fadeUp .65s cubic-bezier(.16,1,.3,1) .65s both}.hero-logos span{opacity:0;animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.hero-logos span:nth-child(1){animation-delay:.88s}.hero-logos span:nth-child(2){animation-delay:1s}.hero-logos span:nth-child(3){animation-delay:1.12s}.hero-logos span:nth-child(4){animation-delay:1.24s}.hero-logos span:nth-child(5){animation-delay:1.36s}.hero-logos span:nth-child(6){animation-delay:1.48s}.hero-logos span:nth-child(7){animation-delay:1.6s}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.reveal-left{opacity:0;transform:translate(-34px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.reveal-right{opacity:0;transform:translate(34px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.reveal.in-view,.reveal-left.in-view,.reveal-right.in-view{opacity:1;transform:none}.reveal-d1{transition-delay:.2s}.reveal-d2{transition-delay:.38s}.stagger-item{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.stagger-item.in-view{opacity:1;transform:none}.steps:before{transform:scaleX(0);transform-origin:left center}.steps.in-view:before{animation:stepsTrack 1.4s cubic-bezier(.22,1,.36,1) .12s forwards}@keyframes stepsTrack{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.remotion-demo-playback-feedback.is-visible{animation:none!important;opacity:1!important}}.what-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.what-anim-svg{width:100%;height:auto;overflow:visible}.conn-line{stroke:#0891b2;stroke-width:1.5;fill:none;stroke-dasharray:148;stroke-dashoffset:148;filter:drop-shadow(0 0 3px rgba(6,182,212,.5))}.anim-start .line-0{animation:drawLine .65s cubic-bezier(.16,1,.3,1) .7s forwards}.anim-start .line-1{animation:drawLine .65s cubic-bezier(.16,1,.3,1) .95s forwards}.anim-start .line-2{animation:drawLine .65s cubic-bezier(.16,1,.3,1) 1.2s forwards}.anim-start .line-3{animation:drawLine .65s cubic-bezier(.16,1,.3,1) 1.45s forwards}.anim-start .line-4{animation:drawLine .65s cubic-bezier(.16,1,.3,1) 1.7s forwards}.anim-start .line-5{animation:drawLine .65s cubic-bezier(.16,1,.3,1) 1.95s forwards}.anim-start .line-6{animation:drawLine .65s cubic-bezier(.16,1,.3,1) 2.2s forwards}@keyframes drawLine{0%{stroke-dashoffset:148}to{stroke-dashoffset:0}}.node-group{opacity:0;transform-box:fill-box;transform-origin:center}.anim-start .node-0{animation:nodeIn .5s cubic-bezier(.16,1,.3,1) 1.25s forwards}.anim-start .node-1{animation:nodeIn .5s cubic-bezier(.16,1,.3,1) 1.5s forwards}.anim-start .node-2{animation:nodeIn .5s cubic-bezier(.16,1,.3,1) 1.75s forwards}.anim-start .node-3{animation:nodeIn .5s cubic-bezier(.16,1,.3,1) 2s forwards}.anim-start .node-4{animation:nodeIn .5s cubic-bezier(.16,1,.3,1) 2.25s forwards}.anim-start .node-5{animation:nodeIn .5s cubic-bezier(.16,1,.3,1) 2.5s forwards}.anim-start .node-6{animation:nodeIn .5s cubic-bezier(.16,1,.3,1) 2.75s forwards}@keyframes nodeIn{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}.center-node{opacity:0;transform-box:fill-box;transform-origin:center}.anim-start .center-node{animation:nodeIn .65s cubic-bezier(.16,1,.3,1) .3s forwards}.hub-glow{transform-box:fill-box;transform-origin:center}.anim-start .hub-glow{animation:hubPulse 3s ease-in-out 1s infinite}@keyframes hubPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.35;transform:scale(1.18)}}.orbit-ring{transform-box:fill-box;transform-origin:center;animation-play-state:paused}.anim-start .orbit-ring{animation:orbitSpin 9s linear 1s infinite;animation-play-state:running}@keyframes orbitSpin{to{transform:rotate(360deg)}}.flow-dot{transform-box:fill-box;transform-origin:center;opacity:0;animation-play-state:paused}.anim-start .dot-0{animation:dot0 2.2s linear 1.6s infinite;animation-play-state:running}.anim-start .dot-1{animation:dot1 2.2s linear 1.9s infinite;animation-play-state:running}.anim-start .dot-2{animation:dot2 2.2s linear 2.1s infinite;animation-play-state:running}.anim-start .dot-3{animation:dot3 2.2s linear 2.3s infinite;animation-play-state:running}.anim-start .dot-4{animation:dot4 2.2s linear 2.5s infinite;animation-play-state:running}.anim-start .dot-5{animation:dot5 2.2s linear 2.7s infinite;animation-play-state:running}.anim-start .dot-6{animation:dot6 2.2s linear 2.9s infinite;animation-play-state:running}@keyframes dot0{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-145px);opacity:0}}@keyframes dot1{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(113px,-90px);opacity:0}}@keyframes dot2{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(141px,32px);opacity:0}}@keyframes dot3{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(63px,131px);opacity:0}}@keyframes dot4{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-63px,131px);opacity:0}}@keyframes dot5{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-141px,32px);opacity:0}}@keyframes dot6{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-113px,-90px);opacity:0}}@media (max-width: 900px){.nav-links,.nav-cta{display:none}.hamburger{display:flex}.problem-grid,.what-layout{grid-template-columns:1fr}.what-visual{max-width:360px;margin:0 auto}.steps{grid-template-columns:1fr;gap:24px}.steps:before{display:none}.training-card{grid-template-columns:1fr;gap:32px}.contact-wrap{grid-template-columns:1fr;gap:40px}.form-grid,.seo-two-col,.seo-grid-2{grid-template-columns:1fr}.demo-feature-copy{padding:28px}.demo-remotion-shell{min-height:auto;padding:16px}}@media (max-width: 600px){.section{padding:72px 0}h1{font-size:2rem}h2{font-size:1.6rem}.container{padding:0 18px}.demos-grid{grid-template-columns:1fr}.demo-feature-copy{padding:24px}.demo-feature-step{grid-template-columns:1fr;gap:2px}.demo-remotion-shell{padding:12px}.demo-remotion-fallback{min-height:240px}}@media (min-width: 960px){.demo-feature{grid-template-columns:1fr}.demo-feature-copy{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(360px,1.12fr) auto;gap:22px;align-items:end;border-right:0;border-bottom:1px solid var(--border)}.demo-feature-copy .btn{grid-column:3;grid-row:1 / span 3;align-self:end;white-space:nowrap}.demo-feature-copy .demo-num,.demo-feature-copy h3,.demo-feature-copy p{grid-column:1}.demo-feature-copy h3{max-width:430px}.demo-feature-copy p{max-width:520px}.demo-feature-steps{grid-column:2;grid-row:1 / span 3;margin:0;justify-self:stretch}.demo-feature-step{grid-template-columns:82px minmax(0,1fr)}}@media (max-width: 900px){nav{padding:12px 0}nav.menu-open,nav.scrolled{background:#080d1aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--border)}.hamburger{min-width:44px;min-height:44px;align-items:center;justify-content:center}.nav-links.is-open{display:grid;position:absolute;top:calc(100% + 12px);left:0;right:0;gap:4px;padding:12px;list-style:none;background:#0d1424fa;border:1px solid var(--border);border-radius:10px;box-shadow:0 24px 70px #0000006b}.nav-links.is-open a{display:block;padding:12px 14px;font-size:.96rem}.nav-cta.is-open{display:flex;position:absolute;top:calc(100% + 274px);left:12px;right:12px;z-index:1}.nav-cta.is-open .btn{width:100%}.hero h1 br{display:none}.hero-logos{margin-top:52px;justify-content:flex-start}.what-layout{gap:40px}.what-visual{width:min(100%,420px);margin:0 auto}.step{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;text-align:left;padding:0}.step-num{grid-row:span 2;margin:0}}@media (max-width: 600px){.container{width:min(100% - 32px,var(--container));padding:0}.btn{width:100%;padding-inline:18px}.hero{align-items:flex-start;padding-top:104px}.hero-content{text-align:left}.hero p{margin-bottom:28px}.hero-btns{flex-direction:column;align-items:stretch}.hero-badge{align-items:flex-start;border-radius:10px}.problem-item,.solution-card,.demo-card,.area-card,.security-item{padding:20px}.demo-remotion-mount,.remotion-demo-stage{border-radius:8px}.remotion-demo-expand{top:10px;right:10px}.remotion-demo-controls{left:10px;right:10px;bottom:10px;gap:5px;padding:6px 8px 7px;border-radius:6px}.remotion-demo-time{font-size:.62rem}.remotion-demo-range{height:14px}.remotion-demo-range::-webkit-slider-runnable-track{height:3px}.remotion-demo-range::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5.5px}.remotion-demo-range::-moz-range-track{height:3px}.remotion-demo-range::-moz-range-thumb{width:14px;height:14px;border:0}.remotion-demo-player.is-expanded{padding:0}.remotion-demo-player.is-expanded .remotion-demo-stage{width:100dvw;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none}.remotion-demo-player.is-expanded .remotion-demo-stage>div:first-child{height:100dvh!important;width:100%!important;max-height:100dvh;border-radius:0!important}.remotion-demo-close{width:44px;height:44px}.demo-remotion-fallback{min-height:220px}.training-topic{align-items:flex-start;flex-direction:column;gap:6px}.faq-q{align-items:flex-start;gap:14px;padding:18px}.faq-a-inner{padding:16px 18px 18px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:12px 18px}}@media (pointer: coarse){.remotion-demo-player.is-expanded{padding:0;background:#071016}.remotion-demo-player.is-expanded .remotion-demo-stage{width:100dvw;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none}.remotion-demo-player.is-expanded .remotion-demo-stage>div:first-child{width:100dvw!important;height:100dvh!important;max-height:100dvh;border-radius:0!important}.remotion-demo-player.is-expanded .remotion-demo-controls{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));z-index:12}.remotion-demo-player.is-expanded .remotion-demo-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:13}}@media (max-width: 380px){.hero-badge,.tag{font-size:.72rem}.problem-item{flex-direction:column}.demo-meta-row{flex-direction:column;gap:2px}}
