@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f7f6f3;--bg-tertiary:#f1f1ef;--surface-elevated:#fff;--surface-strong:#fff;--text-main:#37352f;--text-strong:#191711;--text-muted:#787774;--accent-blue:#2383e2;--accent-cyan:#33a39e;--accent-ice:#e7f3f8;--accent-pink:#d44c47;--border-subtle:#37352f29;--border-strong:#37352f3d;--shadow-soft:0 1px 3px #0f0f0f1a;--shadow-strong:0 4px 12px #0f0f0f1f;--glass-bg:#ffffffe6;--tech-blue:#2f74f6;--tech-cyan:#7ae7ff;--tech-ink:#08111f;--tech-glow:#4ac1ff38}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);background:radial-gradient(circle at top,#7ae7ff1f,#0000 28%),linear-gradient(#fcfdff 0%,#f5f9ff 42%,#fbfdff 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5;overflow-x:hidden}body:before{display:none}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}main,.footer{z-index:1;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.reveal{opacity:1;transform:none}.reveal-ready{opacity:0;will-change:opacity, transform;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(32px)}.reveal-ready.is-visible{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.reveal,.reveal-ready,.reveal-ready.is-visible{opacity:1;transition:none;transform:none}.light-beam,.glow-orb,.glow-orb-2{animation:none}}.background-decor{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.background-decor>div{position:absolute}.site-backdrop{background:radial-gradient(circle at 12% 18%,#7ae7ff29,#0000 24%),radial-gradient(circle at 86% 14%,#2f74f61f,#0000 20%),radial-gradient(circle at 70% 76%,#7ae7ff1a,#0000 24%);inset:-12% -8%}.cyber-grid{opacity:.42;background-image:linear-gradient(#2f74f60f 1px,#0000 1px),linear-gradient(90deg,#7ae7ff0d 1px,#0000 1px);background-size:68px 68px;inset:0;-webkit-mask-image:radial-gradient(circle,#000000d6,#0000 92%);mask-image:radial-gradient(circle,#000000d6,#0000 92%)}.light-beam{filter:blur(10px);opacity:.42;background:linear-gradient(#7ae7ff2e,#2f74f608 52%,#0000);width:56vw;height:72vh;animation:18s ease-in-out infinite alternate beamShift;top:-18vh;left:54%;transform:rotate(14deg)}.glow-orb,.glow-orb-2{filter:blur(18px);border-radius:50%;width:32rem;height:32rem}.glow-orb{background:radial-gradient(circle,#7ae7ff2e 0%,#7ae7ff00 68%);animation:20s ease-in-out infinite alternate decorFloat;top:8%;right:-10%}.glow-orb-2{background:radial-gradient(circle,#2f74f624 0%,#2f74f600 70%);animation:24s ease-in-out infinite alternate-reverse decorFloat;bottom:4%;left:-12%}.tech-ring{opacity:.45;background:radial-gradient(circle,#7ae7ff14 0 22%,#0000 22%),repeating-radial-gradient(circle,#2f74f61f 0 1px,#0000 1px 32px);border:1px solid #2f74f61f;border-radius:50%;width:24rem;height:24rem;top:11%;left:4%;box-shadow:inset 0 0 42px #7ae7ff14,0 0 60px #7ae7ff14}.tech-ring:before,.tech-ring:after{content:"";border:1px dashed #7ae7ff29;border-radius:50%;position:absolute;inset:18%}.tech-ring:after{border-style:solid;border-color:#2f74f624;inset:34%}.editor-window{aspect-ratio:1/.72;-webkit-backdrop-filter:blur(10px);opacity:.56;background:linear-gradient(#ffffffc2,#eff7ff66),linear-gradient(135deg,#7ae7ff14,#0000 45%);border:1px solid #2f74f624;border-radius:1.6rem;width:min(28vw,26rem);box-shadow:0 24px 72px #08111f14,inset 0 1px #ffffffb8}.editor-window:before{content:attr(data-label);color:#08111f99;letter-spacing:.06em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.78rem;position:absolute;top:1rem;left:4.4rem}.editor-window-left{top:20%;right:-4.5rem;transform:rotate(-9deg)}.editor-window-right{bottom:11%;left:-5rem;transform:rotate(8deg)}.editor-window-ui{background:linear-gradient(#ffffffb8,#f5faff85);border-bottom:1px solid #2f74f614;border-radius:1.6rem 1.6rem 0 0;width:100%;height:3.35rem;position:absolute;inset:0 auto auto 0}.editor-window-ui:before{content:"";background:#7ae7ffa6;border-radius:50%;width:.62rem;height:.62rem;position:absolute;top:1.14rem;left:1.2rem;box-shadow:1rem 0 #2f74f64d,2rem 0 #08111f24}.editor-window-code{opacity:.72;background:linear-gradient(90deg,#2f74f61a 0 18%,#0000 18% 100%),repeating-linear-gradient(#08111f24 0 2px,#0000 2px 1.08rem),linear-gradient(90deg,#7ae7ff1f,#0000 38%);border-radius:1rem;position:absolute;inset:4.4rem 1.2rem 1.2rem;-webkit-mask-image:linear-gradient(#000 0 72%,#0000 100%);mask-image:linear-gradient(#000 0 72%,#0000 100%)}.editor-window-code:before,.editor-window-code:after{content:"";border-radius:999px;height:2px;position:absolute;left:16%;right:8%}.editor-window-code:before{background:linear-gradient(90deg,#7ae7ff80,#0000 80%);top:18%;box-shadow:0 1.7rem #2f74f62e,0 3.4rem #08111f1a,-2.2rem 5.1rem #7ae7ff42}.editor-window-code:after{background:linear-gradient(90deg,#2f74f65c,#0000 90%);top:64%;right:24%}.ai-cluster{aspect-ratio:1/.72;opacity:.44;width:min(28vw,24rem)}.ai-cluster:before{content:"";filter:drop-shadow(0 0 18px #7ae7ff29);background:radial-gradient(circle at 12% 58%,#7ae7ffe0 0 .28rem,#0000 .34rem),radial-gradient(circle at 28% 18%,#2f74f6a8 0 .24rem,#0000 .32rem),radial-gradient(circle at 52% 34%,#7ae7ff99 0 .22rem,#0000 .3rem),radial-gradient(circle at 68% 68%,#2f74f6b3 0 .28rem,#0000 .36rem),radial-gradient(circle at 88% 32%,#7ae7ffc7 0 .24rem,#0000 .34rem),linear-gradient(148deg,#0000 18%,#7ae7ff2e 18.6% 19.6%,#0000 20.2%),linear-gradient(25deg,#0000 33%,#2f74f629 33.5% 34.4%,#0000 35%),linear-gradient(126deg,#0000 48%,#7ae7ff29 48.5% 49.4%,#0000 50%),linear-gradient(17deg,#0000 60%,#2f74f624 60.6% 61.4%,#0000 62%),radial-gradient(circle,#7ae7ff1f,#0000 62%);position:absolute;inset:0}.ai-cluster-top{top:16%;left:18%}.ai-cluster-bottom{bottom:14%;right:14%}@keyframes decorFloat{0%{transform:translate(0,0)scale(1)}to{transform:translateY(2.2rem)scale(1.04)}}@keyframes beamShift{0%{transform:translate(0,0)rotate(14deg)}to{transform:translate(-1.5rem,2rem)rotate(10deg)}}.header{z-index:100;background:0 0;border-bottom:1px solid #0000;transition:background-color .28s,border-color .28s,box-shadow .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s;position:sticky;top:0}.nav-links a:after{display:none}.nav-links a:hover{background:#37352f14;border-radius:4px}.btn-primary,.btn-secondary{border-radius:4px;padding:.5rem 1rem;font-weight:500}.btn-primary{background:var(--accent-blue);box-shadow:none}.btn-primary:hover{box-shadow:none;background:#1a6ec0;transform:none}.btn-secondary{border:1px solid var(--border-subtle);box-shadow:none;background:0 0}.btn-secondary:hover{border-color:var(--border-subtle);background:#37352f14;transform:none}.feature-card,.showcase-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:none;border-radius:4px}.feature-card:hover,.showcase-card:hover{box-shadow:none;background:var(--bg-tertiary);transform:none}.text-gradient{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:initial;color:var(--text-strong);animation:none}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(38px)scale(1.06)}}.header{-webkit-backdrop-filter:none;box-shadow:none;z-index:100;background:0 0;border-bottom:1px solid #0000;position:sticky;top:0}.header.is-scrolled{-webkit-backdrop-filter:blur(18px);background:#ffffffc7;border-bottom-color:#1120330f;box-shadow:0 10px 40px #7192ba14}.header-content{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;height:74px;display:grid}.header-brand{justify-self:start;align-items:center;display:flex}.logo{letter-spacing:-.04em;color:var(--text-strong);align-items:center;gap:.6rem;font-size:1.38rem;font-weight:800;display:flex}.logo-text{color:var(--text-strong);white-space:nowrap}.header-brand .logo-text{color:var(--tech-blue);background:linear-gradient(135deg, var(--tech-blue), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-small{font-size:1.2rem}.logo-img{object-fit:contain;filter:drop-shadow(0 8px 18px #3478f629);width:26px;height:26px}.header .logo-img{width:32px;height:32px}.footer-brand .logo-img{width:24px;height:24px}.nav-links{justify-self:center;align-items:center;gap:2rem;height:100%;display:flex}.nav-links a{color:var(--text-muted);align-items:center;font-size:.9rem;font-weight:500;line-height:1;transition:color .25s;display:inline-flex;position:relative}.nav-links a:after{content:"";transform-origin:0;background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));border-radius:999px;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-.45rem;left:0;transform:scaleX(0)}.nav-links a:hover{color:var(--text-strong)}.nav-links a:hover:after{transform:scaleX(1)}.header-actions{flex-shrink:0;justify-self:end;align-items:center;gap:.8rem;display:flex}.lang-toggle,.contact-button{min-height:38px;color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#f4f8fcd6;border:1px solid #3478f61f;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.46rem .88rem;font-size:.85rem;font-weight:500;transition:transform .25s,box-shadow .25s,border-color .25s,color .25s,background .25s;display:inline-flex;box-shadow:0 12px 28px #7896ba14}.lang-toggle:hover,.contact-button:hover,.contact-trigger.is-open .contact-button{color:var(--accent-blue);background:#fffffff2;border-color:#3478f638;transform:translateY(-1px);box-shadow:0 18px 36px #4a7ab124}.contact-trigger{display:inline-flex;position:relative}.contact-button{appearance:none}.contact-button:focus-visible{color:var(--accent-blue)}.contact-button:focus-visible,.lang-toggle:focus-visible{outline-offset:3px;outline:2px solid #3478f659}.contact-popup{background:linear-gradient(180deg, #fffffff7, #f5fafff0), var(--bg-secondary);opacity:0;visibility:hidden;z-index:200;border:1px solid #3478f624;border-radius:20px;flex-direction:column;align-items:center;gap:.9rem;width:228px;padding:1.2rem;transition:opacity .25s,visibility .25s,transform .25s;display:flex;position:absolute;top:calc(100% + .9rem);left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 24px 60px #4a7ab12e}.contact-popup:before{content:"";width:100%;height:18px;position:absolute;top:-18px;left:0}.contact-trigger:hover .contact-popup,.contact-trigger.is-open .contact-popup,.contact-trigger:focus-within .contact-popup{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.contact-popup span{color:var(--text-strong);font-size:1rem;font-weight:700}.contact-popup .qr-code-placeholder,.contact-popup .qr-code-img{width:140px;height:140px}.btn-primary,.btn-secondary{cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;padding:.7rem 1.5rem;font-size:.96rem;font-weight:700;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s,color .25s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#20baf4 0%,#2f74f6 55%,#76e5ff 100%);border:1px solid #0000;box-shadow:0 18px 38px #3478f63d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 42px #3478f64d}.btn-secondary{color:var(--text-main);-webkit-backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #3478f624;box-shadow:0 16px 30px #7592b11a}.btn-secondary:hover{color:var(--accent-blue);background:#fffffff2;border-color:#3478f63d;transform:translateY(-3px);box-shadow:0 22px 42px #7592b124}.btn-large{padding:.9rem 2.2rem;font-size:1.02rem}.hero{text-align:center;padding:clamp(1.6rem,3vw,2.5rem) 0 0;position:relative}.hero-layout{flex-direction:column;display:flex}.hero-content-wrapper{flex-direction:column;justify-content:flex-start;align-items:center;padding-top:clamp(.4rem,1.4vw,1rem);padding-bottom:clamp(1rem,2.5vw,1.8rem);display:flex}.hero-badge{color:var(--accent-blue);letter-spacing:.03em;background:#ffffffb8;border:1px solid #3478f624;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.36rem .82rem;font-size:.76rem;font-weight:600;display:inline-flex;box-shadow:0 14px 32px #7896ba1a}.hero h1{letter-spacing:.03em;text-wrap:balance;color:var(--text-strong);margin:0;font-size:clamp(2rem,5vw,3.15rem);font-weight:760;line-height:1.18}.text-gradient{background:linear-gradient(120deg,#08111f 0%,#2376ef 45%,#10c0ef 85%,#77e7ff 100%);-webkit-text-fill-color:transparent;background-size:220%;-webkit-background-clip:text;animation:7s infinite gradientFlow}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero p{letter-spacing:.015em;max-width:690px;color:var(--text-muted);text-wrap:pretty;margin:0 auto;font-size:clamp(.98rem,2.1vw,1.06rem);line-height:1.82}.hero-title-row{justify-content:center;align-items:center;gap:clamp(.7rem,2vw,1.25rem);display:inline-flex}.hero-wave{height:2.45rem;color:var(--accent-blue);filter:drop-shadow(0 0 14px #2f74f624);align-items:center;gap:.24rem;display:inline-flex}.hero-wave-left{flex-direction:row-reverse}.hero-wave-bar{transform-origin:50%;opacity:.9;background:linear-gradient(#77e7fffa,#2f74f6eb);border-radius:999px;width:.22rem;animation:1.28s cubic-bezier(.43,.05,.17,1) infinite heroWavePulse}@keyframes heroWavePulse{0%,to{opacity:.36;transform:scaleY(.34)}22%{opacity:1;transform:scaleY(1.04)}58%{opacity:.72;transform:scaleY(.56)}}.hero-title{margin-bottom:.9rem}.hero-subtitle p{color:#27425f;letter-spacing:.02em;font-size:clamp(.98rem,2.2vw,1.08rem);font-weight:500;line-height:1.68}.hero-subtitle{margin-bottom:1rem}.hero-description{margin-bottom:1.5rem}.hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.hero-buttons .btn-large{min-height:44px;padding:.72rem 1.55rem;font-size:.94rem;font-weight:600}.hero-buttons .btn-large svg{width:18px;height:18px}.editor-mockup-shell{width:100%;max-width:860px;margin:2rem auto 0;position:relative}.editor-mockup-shell:before{content:"";filter:blur(12px);z-index:-1;background:radial-gradient(circle,#11bdf229 0%,#11bdf200 72%);border-radius:40px;width:min(72%,620px);height:54%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.editor-mockup{aspect-ratio:16/9;cursor:pointer;background:linear-gradient(180deg, #ffffffeb, #f3f8fdeb), var(--bg-secondary);border:1px solid #3478f61f;border-radius:28px;justify-content:center;align-items:center;width:min(100%,820px);max-width:820px;margin:0 auto;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px #3a5a7b29,inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff8c}.interactive-video-player{cursor:pointer;isolation:isolate;position:relative;overflow:hidden}.interactive-video-player:before{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(135deg,#ffffff7a,#0000 36%),linear-gradient(#0000 74%,#1120330d 100%);position:absolute;inset:0}.editor-mockup:hover{border-color:#3478f638;transform:translateY(-7px);box-shadow:0 50px 100px #3a5a7b33,inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffffad}.interactive-video-player video{object-fit:cover;border-radius:inherit;background-color:#fff;width:100%;height:100%;display:block}.video-overlay{border-radius:inherit;-webkit-backdrop-filter:blur(10px);z-index:10;background:radial-gradient(circle,#11bdf214 0%,#0000 36%),linear-gradient(#f8fbffcc,#eef5fbe6);flex-direction:column;justify-content:center;align-items:center;transition:background .35s;display:flex;position:absolute;inset:0}.video-overlay:before{content:"";pointer-events:none;background-image:linear-gradient(#3478f60d 1px,#0000 1px),linear-gradient(90deg,#11bdf20d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 46%,#0000 100%);mask-image:radial-gradient(circle,#000 46%,#0000 100%)}.interactive-video-player:hover .video-overlay{background:radial-gradient(circle,#11bdf21c 0%,#0000 38%),linear-gradient(#f8fbffa3,#eef5fbc7)}.play-btn-circle{width:84px;height:84px;color:var(--accent-blue);background:#ffffffd1;border:1px solid #3478f62e;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;transition:transform .25s,box-shadow .25s,color .25s;display:flex;box-shadow:0 20px 44px #3478f62e,inset 0 1px #ffffffe6}.interactive-video-player:hover .play-btn-circle{color:var(--accent-cyan);transform:scale(1.08);box-shadow:0 24px 52px #3478f63d,inset 0 1px #fffffff2}.play-btn-circle svg{width:32px;height:32px;margin-left:5px}.video-overlay-text{text-align:center;color:#26405d;letter-spacing:.16em;text-transform:uppercase;padding:0 1rem;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:600}.video-controls{-webkit-backdrop-filter:blur(16px);opacity:0;z-index:20;background:#ffffffb8;border:1px solid #3478f61f;border-radius:18px;align-items:center;gap:1rem;padding:.95rem 1rem;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem;transform:translateY(10px);box-shadow:0 22px 42px #4e6e9429}.interactive-video-player:hover .video-controls{opacity:1;transform:translateY(0)}.interactive-video-player-minimal .video-controls{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;gap:.75rem;padding:0;bottom:.85rem;left:.85rem;right:auto}.control-btn{color:#2c4662;cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:.55rem;transition:background .2s,color .2s;display:flex}.interactive-video-player-minimal .control-btn{color:#213650b8;-webkit-backdrop-filter:blur(10px);opacity:.8;background:#ffffff70;border:1px solid #ffffff42;padding:.5rem;box-shadow:0 8px 20px #375a801f,inset 0 1px #ffffff8c}.control-btn:hover{color:var(--accent-blue);background:#3478f614}.interactive-video-player-minimal .control-btn:hover{color:#1f3d5d;opacity:1;background:#ffffff94}.progress-container{flex-grow:1;align-items:center;display:flex}.video-controls-minimal{opacity:0;pointer-events:none;width:auto;transition:opacity .2s,transform .2s;transform:translateY(6px)}.video-corner-control{z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;position:absolute;top:.85rem;right:.85rem;transform:translateY(-6px)}.control-btn-minimal-play{border-radius:999px}.control-btn-minimal-fullscreen{border-radius:14px}.interactive-video-player-minimal:hover .video-controls-minimal,.interactive-video-player-minimal:hover .video-corner-control,.interactive-video-player-minimal:focus-within .video-controls-minimal,.interactive-video-player-minimal:focus-within .video-corner-control{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover:none){.video-controls-minimal,.video-corner-control{opacity:1;pointer-events:auto;transform:translateY(0)}}.progress-bar{appearance:none;cursor:pointer;background:#3478f61f;border-radius:999px;outline:none;width:100%;height:4px;transition:height .2s}.progress-bar:hover{height:6px}.progress-bar::-webkit-slider-runnable-track{width:100%;height:100%}.progress-bar::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 0 4px #11bdf224}.progress-bar::-moz-range-thumb{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #11bdf224}.features{padding:7rem 0 6.5rem;scroll-margin-top:7rem;position:relative}.section-tag{text-align:center;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-blue);margin-bottom:1rem;font-family:IBM Plex Mono,monospace;font-size:.82rem;display:block}.features-header{text-align:center;max-width:780px;margin:0 auto 4.25rem}.features-header h2,.showcase-header h2,.vision h2{color:var(--text-strong)}.features-header h2{letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:800}.features-header p{max-width:760px;color:var(--text-muted);margin:0 auto;font-size:1.05rem;line-height:1.8}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.4rem;display:grid}.feature-card{background:linear-gradient(#fffffffa,#f9fbfef0);border:1px solid #11203314;border-radius:26px;flex-direction:column;justify-content:space-between;min-height:0;padding:1.6rem;transition:transform .24s,border-color .24s,box-shadow .24s,background .28s;display:flex;position:relative;box-shadow:0 16px 36px #0f172a0f}.feature-card:hover{border-color:color-mix(in srgb, var(--tech-cyan) 34%, transparent);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--tech-cyan) 18%, transparent), transparent 38%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--tech-blue) 14%, transparent), transparent 46%), linear-gradient(160deg, #fffffffa, #ebf5fff0);box-shadow:0 34px 68px color-mix(in srgb, var(--tech-ink) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--tech-cyan) 8%, transparent) inset, 0 0 42px color-mix(in srgb, var(--tech-glow) 56%, transparent);transform:translateY(-5px)}.feature-card-top{grid-template-columns:auto 1fr;align-items:start;gap:1rem;margin-bottom:1.1rem;display:grid}.feature-card-heading{min-width:0}.feature-card-meta{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.feature-eyebrow{color:#112033b8;letter-spacing:.03em;background:#1120330d;border-radius:999px;align-items:center;min-width:0;padding:.24rem .58rem;font-size:.76rem;font-weight:600;display:inline-flex}.icon-box{color:#2383e2e0;background:#f7f8faf5;border:1px solid #11203314;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;transition:background-color .24s,box-shadow .24s,color .28s,border-color .28s;display:flex;box-shadow:inset 0 1px #ffffffb8}.feature-card:hover .icon-box{color:#2383e2e6;background:#f3f5f7;border-color:#1120331a;box-shadow:inset 0 1px #ffffffd6}.feature-card h3{color:var(--text-strong);letter-spacing:-.01em;margin-bottom:0;font-size:1.18rem;font-weight:700;line-height:1.4}.feature-description{color:var(--text-muted);margin-bottom:0;font-size:.98rem;line-height:1.72}.showcase{padding:1rem 0 7rem;scroll-margin-top:7rem;position:relative}.showcase-header{text-align:center;max-width:840px;margin:0 auto 3.5rem}.showcase-header h2{letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.9rem);font-weight:800}.showcase-header p{color:var(--text-muted);font-size:1.05rem;line-height:1.8}.showcase-grid{gap:1.5rem;display:grid}.showcase-card{isolation:isolate;border:1px solid color-mix(in srgb, var(--tech-blue) 12%, white);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--tech-cyan) 12%, transparent), transparent 32%), linear-gradient(180deg, #fffffff5, #f4f9ffe0);box-shadow:0 24px 56px color-mix(in srgb, var(--tech-ink) 8%, transparent), 0 0 0 1px color-mix(in srgb, var(--tech-cyan) 3%, transparent) inset;border-radius:28px;grid-template-columns:minmax(360px,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:2rem;padding:1.55rem;transition:transform .28s,border-color .28s,box-shadow .28s,background .28s;display:grid;position:relative;overflow:hidden}.showcase-card:before{content:"";border-radius:inherit;background:radial-gradient(circle at 12% 24%, color-mix(in srgb, var(--tech-cyan) 18%, transparent), transparent 0 30%), radial-gradient(circle at 92% 78%, color-mix(in srgb, var(--tech-blue) 14%, transparent), transparent 0 34%), linear-gradient(120deg, color-mix(in srgb, var(--tech-cyan) 8%, transparent), transparent 34%, transparent 72%, color-mix(in srgb, var(--tech-blue) 10%, transparent));opacity:0;pointer-events:none;transition:opacity .28s;position:absolute;inset:0}.showcase-card:after{content:"";background:linear-gradient(112deg, transparent 28%, color-mix(in srgb, var(--tech-cyan) 6%, transparent) 42%, color-mix(in srgb, var(--tech-cyan) 22%, transparent) 49%, color-mix(in srgb, var(--tech-blue) 18%, transparent) 57%, transparent 72%);opacity:0;pointer-events:none;mix-blend-mode:screen;border-radius:40px;transition:opacity .36s,transform .44s cubic-bezier(.22,1,.36,1);position:absolute;inset:-24%;transform:translate(-18%,-10%)rotate(8deg)}.showcase-card:hover{border-color:color-mix(in srgb, var(--tech-cyan) 34%, transparent);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--tech-cyan) 18%, transparent), transparent 38%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--tech-blue) 14%, transparent), transparent 46%), linear-gradient(160deg, #fffffffa, #ebf5fff0);box-shadow:0 34px 68px color-mix(in srgb, var(--tech-ink) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--tech-cyan) 8%, transparent) inset, 0 0 42px color-mix(in srgb, var(--tech-glow) 56%, transparent);transform:translateY(-5px)}.showcase-card:hover:before{opacity:1}.showcase-card:hover:after{opacity:1;transform:translate(10%,8%)rotate(8deg)}.showcase-media{flex-direction:column;min-width:0;display:flex}.showcase-media-badge{z-index:30;color:#667992;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #3478f61f;border-radius:999px;align-items:center;gap:.32rem;padding:.32rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;top:1rem;left:1rem}.showcase-media-badge svg{color:#7c90aa}.showcase-media-inner{color:#22415f;text-align:center;background:linear-gradient(#11bdf20d,#3478f614),repeating-linear-gradient(45deg,#fffc 0 14px,#eff6fee6 14px 28px);border:1px solid #3478f624;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.9rem;min-height:280px;padding:2.15rem 2rem 2rem;display:flex;position:relative}.showcase-media-inner.has-video{background:0 0;border-color:#0000;padding:0;overflow:hidden}.showcase-media-inner:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff80,#0000 35%),linear-gradient(#0000 65%,#3478f60d 100%);position:absolute;inset:0}.showcase-media-inner.has-video:after{background:0 0}.showcase-media-inner svg{color:var(--accent-blue);filter:drop-shadow(0 12px 24px #3478f62e)}.showcase-media-player{border-radius:inherit;background:linear-gradient(180deg, #ffffffeb, #f3f8fdeb), var(--bg-secondary);width:100%;height:100%;min-height:280px}.showcase-media-inner.has-video .showcase-media-player{min-height:0;position:absolute;inset:0}.showcase-media-inner strong{font-size:1.1rem;line-height:1.5}.showcase-media-inner span{max-width:360px;color:var(--text-muted);line-height:1.7}.showcase-copy{text-align:left;flex-direction:column;justify-content:center;min-width:0;padding:.5rem .35rem .5rem 0;display:flex}.showcase-copy-head{color:var(--accent-blue);align-items:center;gap:.7rem;margin-bottom:.9rem;display:flex}.showcase-copy-head h3{color:var(--text-strong);font-size:1.35rem;line-height:1.4}.showcase-copy p{color:var(--text-muted);max-width:44ch;line-height:1.8}.showcase-related{flex-wrap:wrap;gap:.7rem;margin-top:1.15rem;display:flex}.showcase-related span{color:#3161aa;background:#3478f60f;border:1px solid #3478f61f;border-radius:999px;align-items:center;padding:.42rem .72rem;font-size:.84rem;line-height:1.4;display:inline-flex}.showcase-points{gap:.8rem;margin-top:1.4rem;list-style:none;display:grid}.showcase-points li{color:#31465d;padding-left:1.15rem;line-height:1.68;position:relative}.showcase-points li:before{content:"";background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));border-radius:999px;width:7px;height:7px;position:absolute;top:.68rem;left:0}.architecture{border-top:1px solid var(--border-subtle);background:linear-gradient(#f3f8fdcc 0%,#ffffffe6 100%);padding:6rem 0}.arch-container{text-align:center;flex-direction:column;align-items:center;display:flex}.code-snippet{color:#4c6077;text-align:left;width:100%;max-width:600px;box-shadow:var(--shadow-soft);background:#fafcfff0;border:1px solid #3478f614;border-radius:14px;margin-top:3rem;padding:1.5rem;font-family:IBM Plex Mono,monospace;font-size:.9rem}.code-snippet .keyword{color:#d94f75}.code-snippet .function{color:#3e67db}.code-snippet .string{color:#159bc6}.code-snippet .comment{color:#7f90a4;font-style:italic}.vision{background:radial-gradient(circle at top,#5de0ff1f,#0000 34%),linear-gradient(#f7fbffeb 0%,#eff6fdf5 100%);border-top:1px solid #1120330d;padding:7rem 0;scroll-margin-top:7rem;position:relative;overflow:hidden}.vision:before{content:"";background:linear-gradient(90deg,#0000,#3478f64d,#0000);width:62%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.vision-container{text-align:center;max-width:800px;margin:0 auto}.vision-content{background:linear-gradient(180deg, #ffffffe6, #f5f9ffd1), var(--glass-bg);-webkit-backdrop-filter:blur(14px);border:1px solid #3478f61a;border-radius:28px;padding:3.5rem 3rem;position:relative;box-shadow:0 30px 70px #4e6e9424}.vision-icon{justify-content:center;margin-bottom:1.8rem;display:flex}.vision h2{letter-spacing:-.04em;margin-bottom:2.3rem;font-size:clamp(1.9rem,4vw,2.4rem);font-weight:800}.vision-text{color:var(--text-muted);flex-direction:column;gap:1.5rem;font-size:1.12rem;line-height:1.85;display:flex}.vision-text p:last-child{color:var(--text-strong);margin-top:.5rem;font-weight:500}.footer{background:linear-gradient(180deg, #ffffffc2, #f4f9fff5), var(--bg-secondary);border-top:1px solid #1120330f;padding:4rem 0 2rem}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:3rem;margin-bottom:3rem;display:flex}.footer-brand{max-width:350px}.footer-brand .logo{margin-bottom:1rem}.footer-brand p,.footer-col a,.footer-bottom{color:var(--text-muted)}.footer-brand p{font-size:.95rem;line-height:1.75}.footer-links{gap:5rem;display:flex}.footer-col h4{color:var(--text-strong);margin-bottom:1.5rem;font-size:1rem;font-weight:700}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.8rem}.footer-col a{font-size:.92rem;transition:color .2s}.footer-col a:hover{color:var(--accent-blue)}.author-contact{background:#ffffffb8;border:1px solid #3478f61a;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.qr-code-placeholder{width:100px;height:100px;color:var(--text-strong);text-align:center;background:#fff;border:2px solid #3478f629;border-radius:12px;justify-content:center;align-items:center;padding:.5rem;font-size:.75rem;display:flex}.qr-code-img{border:2px solid #3478f629;border-radius:12px;width:100px;height:100px;box-shadow:0 12px 24px #4e6e9414}.author-contact span{color:var(--text-main);font-size:.85rem;font-weight:500}.footer-bottom{text-align:center;border-top:1px solid #1120330f;padding-top:2rem;font-size:.85rem}.heart{color:var(--accent-pink);animation:1.5s infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media (width<=960px){.container{padding:0 1.5rem}.header-content{height:68px}.nav-links{gap:1.25rem}.header-actions{gap:.8rem}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.container{padding:0 1.25rem}.background-decor{opacity:.72}.editor-window-right,.ai-cluster-bottom,.tech-ring{display:none}.editor-window-left{opacity:.42;width:min(58vw,18rem);top:17%;right:-7.5rem}.ai-cluster-top{opacity:.34;width:40vw;top:11%;left:4%}.cyber-grid{opacity:.22;background-size:48px 48px}.header-content{grid-template-columns:auto 1fr;height:66px}.logo{gap:.5rem;font-size:1.12rem}.logo-img{width:24px;height:24px}.header .logo-img{width:30px;height:30px}.nav-links{display:none}.header-actions{justify-self:end;gap:.55rem}.lang-toggle{padding:.35rem .68rem;font-size:.8rem}.contact-button{gap:.35rem;font-size:.85rem}.contact-popup{width:min(220px,100vw - 2.5rem);left:auto;right:0;transform:translate(0)translateY(-10px)}.contact-trigger:hover .contact-popup,.contact-trigger.is-open .contact-popup,.contact-trigger:focus-within .contact-popup{transform:translate(0)translateY(0)}.hero{padding:1.5rem 0 0}.hero-content-wrapper{padding-top:.15rem;padding-bottom:1.75rem}.hero h1{font-size:1.88rem}.hero h1 .text-gradient{font-size:1em!important}.hero-title-row{gap:.6rem}.hero-wave{gap:.18rem;height:2rem;transform:scale(.82)}.hero-wave-bar{width:.18rem}.hero-title{margin-bottom:.72rem}.hero-subtitle p{font-size:1rem}.hero-subtitle{margin-bottom:.82rem}.hero p{font-size:.96rem}.hero-description{margin-bottom:1.35rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{justify-content:center;width:100%}.hero-buttons .btn-large{min-height:42px;padding:.68rem 1.2rem;font-size:.92rem}.editor-mockup{border-radius:18px;width:min(100%,760px);margin-bottom:0}.editor-mockup video{border-radius:18px}.video-controls{gap:.6rem;padding:.75rem;bottom:.75rem;left:.75rem;right:.75rem}.play-btn-circle{width:64px;height:64px}.play-btn-circle svg{width:24px;height:24px;margin-left:4px}.features{padding:4.5rem 0}.features-header{margin-bottom:3rem}.features-header h2{font-size:1.85rem}.features-grid{grid-template-columns:1fr;gap:1.2rem}.feature-card{border-radius:20px;padding:1.3rem}.feature-card-top{gap:.9rem}.feature-eyebrow{padding:.22rem .5rem;font-size:.72rem}.icon-box{border-radius:15px;width:48px;height:48px}.feature-card h3{font-size:1.15rem}.feature-description{font-size:.96rem}.showcase{padding:0 0 4rem}.showcase-header{margin-bottom:2.5rem}.showcase-card{border-radius:18px;grid-template-columns:1fr;gap:1.2rem;padding:1.25rem}.showcase-media-inner{border-radius:16px;min-height:220px;padding:1.45rem 1.3rem 1.55rem}.showcase-media-badge{top:.8rem;left:.8rem}.showcase-copy{padding:0}.showcase-copy p{max-width:none}.vision{padding:4.5rem 0}.vision-content{border-radius:18px;padding:2.5rem 1.5rem}.vision h2{margin-bottom:1.5rem;font-size:1.7rem}.vision-text{font-size:1rem}.footer{padding:3rem 0 2rem}.footer-content{flex-direction:column;gap:2.5rem;margin-bottom:2rem}.footer-brand{max-width:100%}.footer-links{flex-direction:column;gap:2rem}}@media (width<=520px){.container{padding:0 1rem}.header-content{grid-template-columns:auto 1fr;gap:.5rem;height:62px}.logo{min-width:0;font-size:1rem}.header-actions{min-width:0}.contact-label{display:none}.contact-button{border-radius:999px;width:2.25rem;height:2.25rem;padding:0}.lang-toggle{justify-content:center;min-width:3.45rem}.hero-badge{text-align:center;justify-content:center;width:100%;margin-bottom:.8rem;padding-inline:.75rem;line-height:1.5}.hero p{max-width:100%}.hero-description{margin-bottom:1.25rem}.editor-mockup-shell{margin-top:1.4rem;margin-bottom:0}.btn-large{padding:.74rem 1.1rem}.video-overlay-text{letter-spacing:.08em;font-size:.8rem}.showcase-related span{justify-content:center;width:100%}.showcase-media-inner strong{font-size:1rem}.vision-content{padding:2rem 1.25rem}}
