@font-face{font-family:Cairo;src:url(cairo-regular.ttf) format('truetype');font-weight:200 550;font-display:swap}@font-face{font-family:Cairo;src:url(cairo-bold.ttf) format('truetype');font-weight:600 800;font-display:swap}@font-face{font-family:Cairo;src:url(cairo-black.ttf) format('truetype');font-weight:850 1000;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}html[data-theme=light]{color-scheme:light;--bg:#fff;--surface:#f7f9fc;--card:#fff;--text:#14233b;--muted:#68778d;--border:#e6edf6;--blue:#2869ee;--teal:#008f83;--hero-a:#f2f7ff;--hero-b:#d9e8ff;--grid:#2869ee0c;--shadow:0 16px 48px #17336109}html[data-theme=dark]{color-scheme:dark;--bg:#090f1d;--surface:#10192b;--card:#151f33;--text:#f1f5ff;--muted:#a1afc5;--border:#27344b;--blue:#73a4ff;--teal:#35d7bd;--hero-a:#090f1d;--hero-b:#152741;--grid:#6d9cff0a;--shadow:0 16px 48px #0003}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,"Segoe UI",Tahoma,sans-serif;line-height:1.75;transition:background .4s,color .4s}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button{color:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h2{font-size:clamp(29px,3.1vw,43px);letter-spacing:-1.2px;font-weight:800;line-height:1.5}h3{font-size:21px;line-height:1.7;font-weight:750}p{color:var(--muted)}button{border:0;background:none}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;background:linear-gradient(90deg,#2869ee,#08b8ac);transform:scaleX(0);transform-origin:right}.topbar{background:#17263d;color:#c6d2e7;font-size:11px;font-weight:550}.top-inner{display:flex;justify-content:space-between;align-items:center;height:38px}.top-message,.top-actions,.top-actions button{display:flex;align-items:center;gap:10px}.top-actions{gap:18px}.top-actions button{font-family:Arial,sans-serif;font-size:11px;padding:5px}.top-actions .icon{width:15px;height:15px}.divider{height:13px;width:1px;background:#ffffff25}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#20c8a4;box-shadow:0 0 0 4px #20c8a412;animation:statusPulse 2.5s ease-in-out infinite}.header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--border);transition:box-shadow .3s,background .3s}.header.scrolled{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);box-shadow:0 4px 30px #1022480a}.nav-inner{height:85px;display:flex;align-items:center;gap:35px;justify-content:space-between}.brand{display:inline-flex;align-items:center;color:var(--text);flex-shrink:0;direction:ltr}.brand svg{width:222px;height:48px}.desktop-nav{display:flex;align-items:center;gap:26px}.nav-link{font-size:12px;color:var(--muted);font-weight:650;display:flex;gap:8px;align-items:center;padding:26px 0;position:relative;transition:color .25s}.nav-link:hover,.nav-link.active{color:var(--blue)}.nav-link.active:after{position:absolute;content:"";height:3px;background:var(--blue);bottom:12px;left:40%;right:40%;border-radius:10px}.chevron{font-size:17px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 25px;border-radius:10px;border:1px solid transparent;background:#2869ee;color:#fff;font-size:13px;font-weight:650;box-shadow:0 6px 18px #2869ee25;transition:transform .3s,box-shadow .3s,background .3s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2869ee35;background:#1c5ad7}.btn:before{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#ffffff20 50%,transparent 60%);transform:translateX(-100%);transition:transform .7s}.btn:hover:before{transform:translateX(100%)}.btn-small{font-size:11px;padding:10px 18px}.direction-arrow{transform:rotate(180deg);width:17px}html[dir=ltr] .direction-arrow{transform:none}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:650;color:var(--blue);padding:8px 0;transition:gap .3s}.text-link:hover{gap:19px}.outline{background:transparent;color:var(--blue);border-color:var(--border);box-shadow:none}.outline:hover{background:#2869ee0c}.dropdown{position:static}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,15px);width:min(1100px,calc(100vw - 64px));display:grid;grid-template-columns:1.25fr repeat(3,1fr);padding:27px;gap:16px;border:1px solid var(--border);border-radius:0 0 18px 18px;background:var(--card);box-shadow:0 22px 45px #15243d15;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s}.dropdown.open .mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-menu>a{padding:20px;border-radius:12px;transition:background .25s;display:flex;flex-direction:column;gap:8px}.mega-menu>a:hover{background:var(--surface)}.mega-menu .icon{color:var(--blue);width:28px;height:28px}.mega-menu b{font-size:13px}.mega-menu small{font-size:10px;color:var(--muted)}.mega-intro{padding:12px 6px}.mega-intro h3{font-size:18px;margin:7px 0}.mega-intro p{font-size:11px}#mobile-toggle{display:none;width:38px;height:38px;padding:9px}#mobile-toggle span{display:block;height:2px;background:var(--text);margin:6px 0}#mobile-nav{padding:15px 30px;border-top:1px solid var(--border)}#mobile-nav a{display:block;padding:10px}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--hero-a),var(--hero-b));min-height:765px;padding:73px 0 25px;isolation:isolate}.hero-grid{position:absolute;inset:-90px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:90px 90px;animation:gridMove 36s linear infinite;z-index:-2;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.hero-orb{position:absolute;width:850px;height:700px;left:calc(50% - 425px);top:-40px;background:radial-gradient(ellipse,#639aff22,transparent 66%);animation:orbFloat 9s ease-in-out infinite;z-index:-1}#particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-content{position:relative;text-align:center}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;background:#2869ee0b;border:1px solid #2869ee20;border-radius:50px;color:var(--blue);font-size:11px;font-weight:700}.badge .icon{width:15px;height:15px;animation:statusPulse 3s infinite}.hero h1{font-size:clamp(46px,5.4vw,76px);font-weight:900;letter-spacing:-2.5px;line-height:1.45;margin:20px 0 13px}.hero h1>span{display:block}.gradient-text{background:linear-gradient(110deg,#2869ee,#009c88 45%,#08a9ba 80%,#2869ee);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:250% 200%;animation:gradientFlow 8s ease-in-out infinite}.hero-description{font-size:15px;line-height:2;max-width:740px;margin:auto;color:var(--muted)}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin:24px 0 44px}.hero-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;max-width:940px;margin:auto}.hero-specs>div{padding:22px 12px 18px;border-radius:14px;border:1px solid #ffffff70;background:color-mix(in srgb,var(--card) 82%,transparent);box-shadow:0 8px 32px #274c8010;backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .3s,box-shadow .3s}.hero-specs>div:hover{transform:translateY(-7px);box-shadow:0 15px 30px #2869ee20}.hero-specs .icon{width:23px;height:23px;color:var(--blue);margin-bottom:5px}.hero-specs strong{font-family:Cairo,Arial,sans-serif;font-size:23px;color:var(--blue);letter-spacing:-.7px;direction:ltr}.hero-specs span{font-size:9px;color:var(--muted);letter-spacing:.5px}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:28px}.scroll-cue i{width:16px;height:26px;border-radius:15px;border:1px solid #69819d66;position:relative}.scroll-cue i:before{content:"";width:2px;height:5px;border-radius:4px;background:var(--blue);position:absolute;top:5px;left:6px;animation:scrollDot 2s infinite}.hero-enter{animation:enter .9s cubic-bezier(.16,1,.3,1) both}.hero h1.hero-enter{animation-delay:.12s}.hero-description.hero-enter{animation-delay:.23s}.hero-actions.hero-enter{animation-delay:.34s}.hero-specs.hero-enter{animation-delay:.45s}.section{padding:93px 0}.section-heading{text-align:center;max-width:750px;margin:0 auto 40px}.eyebrow{display:block;font-size:9px;letter-spacing:1.8px;color:var(--blue);font-weight:750;line-height:2;direction:inherit}.section-heading h2{margin:7px 0 12px}.section-heading p{font-size:13px;line-height:1.9}.domain-section{padding:55px 0 15px;background:var(--bg)}.domain-card{padding:35px 45px;border:1px solid var(--border);border-radius:22px;background:var(--card);box-shadow:var(--shadow);position:relative;overflow:hidden}.domain-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2869ee,#08b8ac)}.domain-card h2{font-size:31px;margin:3px 0 7px}.domain-card p{font-size:12px}.domain-search{margin-top:24px;display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;padding:7px;background:var(--surface);gap:15px}.domain-search>.icon{margin-inline-start:12px;color:var(--blue)}input,select,textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px;width:100%;font-size:13px}.domain-search input{background:none;border:0;padding:10px;flex:1;min-width:50px;font-family:Arial,sans-serif}.domain-search select{width:95px;background:none;border:0;border-inline-start:1px solid var(--border);border-radius:0;font-family:Arial,sans-serif;direction:ltr}.domain-search .btn{flex-shrink:0;min-width:155px}.quick-select{display:flex;align-items:center;gap:9px;font-size:10px;margin:14px 0;flex-wrap:wrap}.quick-select>span{color:var(--muted);margin-inline-end:4px}.quick-select button{font-family:Arial,sans-serif;padding:5px 11px;border:1px solid var(--border);border-radius:5px;font-size:10px;transition:all .2s}.quick-select button:hover,.quick-select button.selected{border-color:#2869ee45;background:#2869ee0c;color:var(--blue)}.domain-foot{display:flex;gap:25px;margin-top:20px;border-top:1px solid var(--border);padding-top:18px;font-size:10px;color:var(--muted)}.domain-foot>span{display:flex;align-items:center;gap:7px}.domain-foot .icon{width:15px;height:15px;color:var(--teal)}.demo-note{display:block;font-size:9px;color:var(--muted);margin-top:12px}#domain-result{padding:15px;border-radius:10px;background:#08b8ac0c;border:1px solid #08b8ac30;line-height:2}#domain-result strong{font-family:Arial,sans-serif;color:var(--teal);font-size:17px;direction:ltr;display:inline-block;margin-inline-end:12px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{padding:29px;border:1px solid var(--border);border-radius:15px;background:var(--card);position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s,border-color .4s}.feature-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2869ee,#8b5cf6,#08b8ac);transform:scaleX(0);transform-origin:right;transition:transform .4s}.feature-card:hover{transform:translateY(-7px);border-color:#2869ee45;box-shadow:0 15px 40px #2869ee0e}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:var(--blue);border:1px solid #2869ee14;background:#2869ee0b;border-radius:15px;margin-bottom:17px;position:relative;transition:transform .4s}.feature-icon .icon{width:27px;height:27px}.feature-icon.teal{color:var(--teal);background:#08b8ac0b;border-color:#08b8ac14}.feature-icon.purple{color:#8865db;background:#8865db0b;border-color:#8865db14}.feature-card:hover .feature-icon{transform:rotate(-6deg) scale(1.07)}.feature-card h3{font-size:18px;margin-bottom:7px}.feature-card p{font-size:11px;line-height:2;min-height:48px}ul{padding:0;list-style:none}.feature-card ul{font-size:10px;color:var(--muted);line-height:2.4;margin:14px 0 0}.feature-card li:before{content:"✓";color:var(--teal);font-family:Arial;margin-inline-end:9px;font-weight:700}.network-section{padding:78px 0;background:var(--surface);overflow:hidden;border-block:1px solid var(--border)}.network-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center;direction:ltr}.world-map{position:relative;min-height:310px;display:flex;align-items:center;isolation:isolate}.world-map img{width:100%;opacity:.26;filter:grayscale(1)}[data-theme=dark] .world-map img{filter:grayscale(1) invert(1);opacity:.35}.map-lines{position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%);left:0;overflow:visible}.map-lines path{stroke:#2869ee66;stroke-width:1.1;fill:none;stroke-dasharray:6 6;animation:dashMove 30s linear infinite}.map-lines circle{fill:#2869ee;stroke:#2869ee30;stroke-width:12;paint-order:stroke;animation:mapPulse 3s infinite}.map-lines circle:nth-child(3){animation-delay:.7s}.map-lines circle:nth-child(4){animation-delay:1.3s}.map-label{position:absolute;top:calc(50% - 24px);left:55%;padding:5px 11px;font:8px Arial;color:var(--blue);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:6px;display:flex;gap:7px;align-items:center}.map-orbit{position:absolute;border:1px solid #2869ee0d;width:290px;height:290px;left:34%;top:10%;border-radius:50%;z-index:-1;animation:mapOrbit 8s infinite}.network-widget{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow);direction:rtl}html[dir=ltr] .network-widget{direction:ltr}.widget-top{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1px;color:var(--muted);padding-bottom:17px;border-bottom:1px solid var(--border)}.widget-top>.icon{margin-inline-start:auto;width:17px;height:17px;color:var(--blue)}.network-widget h3{margin-top:16px;font-size:21px}.network-widget>p{font-size:11px;margin:6px 0 15px}.region-tabs{display:flex;gap:6px;background:var(--surface);padding:5px;border-radius:8px}.region{flex:1;font-size:10px;padding:6px;border-radius:6px;color:var(--muted);transition:background .2s}.region.active{background:var(--card);color:var(--blue);box-shadow:0 2px 6px #00000007}#region-list{margin:14px 0 18px;direction:ltr}#region-list>div{display:flex;align-items:center;gap:8px;padding:10px 2px;border-bottom:1px solid var(--border);font:11px Arial}#region-list i{background:#08b8ac;width:5px;height:5px;border-radius:50%}#region-list strong{font-weight:500}#region-list span{font-size:8px;color:var(--muted);margin-left:auto}.network-widget .btn{width:100%;font-size:11px;padding:10px}.network-widget small{font-size:8px;display:block;line-height:1.8;color:var(--muted);margin-top:12px}.network-progress{height:3px;background:var(--surface);overflow:hidden;border-radius:5px;margin-top:12px}.network-progress i{height:100%;width:30%;display:block;background:var(--teal);animation:loading 1s linear infinite}.world-map.scanning .map-lines path{stroke:var(--teal);stroke-width:2;animation-duration:4s}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{border:1px solid var(--border);border-radius:19px;padding:24px;position:relative;transition:transform .4s,box-shadow .4s;overflow:hidden;background:var(--card)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-card.featured{border:1px solid #2869ee60;box-shadow:0 10px 30px #2869ee09}.service-ribbon{position:absolute;inset:0 auto auto 0;padding:5px 14px;background:#2869ee;color:#fff;border-radius:0 0 12px 0;font-size:9px;z-index:1}.service-art{height:190px;background:radial-gradient(ellipse,#2869ee0b,transparent 70%);position:relative;display:flex;align-items:center;justify-content:center;direction:ltr;margin-bottom:17px}.service-number{font-size:8px;color:var(--blue);font-family:Arial,sans-serif;letter-spacing:1.3px}.service-card h3{margin:8px 0;font-size:21px}.service-card p{font-size:11px;line-height:2;min-height:47px}.tags{display:flex;gap:7px;margin:17px 0 20px;direction:ltr}.tags span{font:8px Arial,sans-serif;padding:5px 8px;border:1px solid var(--border);border-radius:4px;color:var(--muted)}.service-bottom{border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:5px}.service-bottom>span{font-size:9px;color:var(--muted)}.service-bottom .text-link{align-self:flex-start;font-size:11px}.mini-window{width:225px;height:146px;transform:perspective(500px) rotateY(-9deg) rotateX(4deg);border:1px solid #2869ee25;border-radius:9px;background:var(--card);box-shadow:10px 14px 30px #2869ee17;animation:float 7s ease-in-out infinite}.window-bar{height:22px;padding:0 10px;display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--border)}.window-bar i{width:4px;height:4px;background:#d2dbe8;border-radius:50%}.window-bar i:first-child{background:#ff9898}.window-bar i:nth-child(2){background:#f4d48a}.window-bar i:nth-child(3){background:#72d2b3}.window-bar span{font:6px Arial;color:var(--muted);margin:auto}.mini-browser-content{padding:13px 18px}.mini-nav{width:60%;height:3px;border-radius:3px;background:var(--border);margin-bottom:13px}.mini-heading{width:75%;height:8px;background:#2869ee35;border-radius:4px}.mini-line{width:60%;height:3px;background:var(--border);margin-top:7px}.mini-cta{width:35px;height:9px;border-radius:3px;background:#2869ee;margin-top:10px}.mini-tiles{display:flex;gap:7px;margin-top:14px}.mini-tiles i{height:21px;flex:1;border-radius:4px;background:#2869ee0b;border:1px solid #2869ee14}.art-chip{position:absolute;right:5px;bottom:15px;width:48px;height:48px;border-radius:13px;background:var(--card);border:1px solid #2869ee25;box-shadow:var(--shadow);color:var(--blue);display:grid;place-items:center;font:18px monospace;animation:float 5s ease-in-out infinite}.flow-art>svg{width:100%;height:100%}.flow-art>svg>path{stroke:#2869ee44;fill:none;stroke-width:2;stroke-dasharray:5 4;animation:dashMove 12s linear infinite}.flow-node{position:absolute;width:47px;height:47px;border-radius:13px;background:var(--card);border:1px solid #2869ee25;box-shadow:var(--shadow);display:grid;place-items:center;color:var(--blue)}.flow-node.start{left:9%;top:38%}.flow-node.core{left:40%;top:38%;background:#2869ee;color:white;animation:corePulse 4s infinite}.flow-node.end-top{left:72%;top:15%;color:var(--teal);font:700 17px Arial}.flow-node.end-bottom{left:72%;top:68%;color:var(--teal)}.server-stack{width:177px;transform:perspective(550px) rotateY(-12deg) rotateX(9deg);animation:float 7s ease-in-out infinite}.server-stack>div{height:40px;border:1px solid #2869ee25;background:linear-gradient(110deg,var(--card),var(--surface));border-radius:7px;box-shadow:5px 6px 0 #2869ee0b;display:flex;align-items:center;padding:12px;gap:6px;margin-bottom:10px}.server-stack span{width:5px;height:5px;background:#08b8ac;border-radius:50%;animation:statusPulse 2s infinite}.server-stack i{width:3px;height:15px;border-radius:3px;background:#2869ee22}.server-stack b{width:52px;height:5px;background:repeating-linear-gradient(90deg,#2869ee40 0px,#2869ee40 2px,transparent 2px,transparent 4px);margin-left:auto}.server-stack>div:nth-child(2) span{animation-delay:.5s}.server-stack>div:nth-child(3) span{animation-delay:1s}.cloud-bubble{position:absolute;right:8px;top:15px;width:58px;height:58px;border:1px solid #2869ee20;background:var(--card);border-radius:16px;display:grid;place-items:center;box-shadow:var(--shadow);color:var(--blue);animation:float 5s ease-in-out infinite}.cloud-bubble .icon{width:33px;height:33px}.tech-strip{border-block:1px solid var(--border);padding:25px 0}.tech-strip .container{display:flex;align-items:center;gap:40px}.tech-strip .container>span{font-size:8px;color:var(--muted);letter-spacing:1px;flex-shrink:0}.tech-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);direction:ltr;flex:1}.tech-track{display:flex;width:max-content;gap:45px;animation:marquee 30s linear infinite}.tech-track b{font:650 17px Arial;color:var(--muted);opacity:.7}.tech-marquee:hover .tech-track{animation-play-state:paused}.showcase-section{background:var(--surface)}.heading-split{max-width:none;text-align:start;display:flex;align-items:flex-end;justify-content:space-between}.carousel-controls{display:flex;gap:8px;direction:ltr}.carousel-controls button{width:42px;height:42px;border:1px solid var(--border);border-radius:50%;font:20px Arial;background:var(--card);transition:all .2s}.carousel-controls button:hover{background:#2869ee;color:white;border-color:#2869ee}.work-window{overflow:hidden;direction:ltr}.work-track{display:flex;gap:24px;transition:transform .6s cubic-bezier(.16,1,.3,1)}.work-card{flex:0 0 calc((100% - 24px)/2);border-radius:16px;border:1px solid var(--border);background:var(--card);overflow:hidden;direction:rtl}html[dir=ltr] .work-card{direction:ltr}.work-preview{height:265px;position:relative;overflow:hidden;direction:ltr}.work-copy{padding:24px 28px}.work-copy>span{font:8px Arial;letter-spacing:1.2px;color:var(--blue)}.work-copy h3{font-size:21px;margin:10px 0 5px}.work-copy p{font-size:11px}.work-copy .text-link{font-size:11px;margin-top:12px}.dashboard-preview{background:#eaf0fc;display:flex;padding:27px 36px 0;gap:12px}.mock-sidebar{width:36px;background:#213757;border-radius:10px 0 0 0;padding:12px 10px;display:flex;flex-direction:column;gap:15px}.mock-sidebar i{width:15px;height:15px;border-radius:4px;background:#548dff}.mock-sidebar span{width:14px;height:3px;background:#ffffff30;border-radius:5px}.mock-dashboard{padding:15px;background:#fff;flex:1;border-radius:0 10px 0 0;box-shadow:0 10px 30px #26497612}.mock-top{font:700 12px Arial;display:flex;justify-content:space-between;color:#263753}.mock-top i{width:17px;height:17px;background:#d2e4ff;border-radius:50%}.mock-stats{display:flex;gap:9px;margin-top:15px}.mock-stats>div{background:#f6f8fc;border:1px solid #e9edf6;padding:12px;flex:1;border-radius:6px;display:flex;flex-direction:column;gap:7px;color:#263753;font-family:Arial}.mock-stats small{font-size:6px;color:#738096}.mock-stats b{font-size:18px}.mock-stats em{font-size:6px;color:#009c88;font-style:normal}.mock-chart{height:76px;display:flex;align-items:flex-end;gap:7px;padding:10px 8px 0;margin-top:10px;border-bottom:1px solid #e6eaf4;background:repeating-linear-gradient(0deg,#f2f5fb 0,#f2f5fb 1px,transparent 1px,transparent 20px)}.mock-chart>div{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#6192fa,#bfd3fc);height:55%;transform-origin:bottom;animation:barRise 5s ease-in-out infinite}.mock-chart>div:nth-child(2n){height:78%;animation-delay:.3s}.mock-chart>div:nth-child(3n){height:43%;animation-delay:.6s}.mock-chart>div:nth-child(5n){height:96%;animation-delay:.8s}.preview-label{position:absolute;bottom:12px;right:14px;font-size:8px;padding:4px 8px;border:1px solid #ffffff55;border-radius:5px;color:#536c90;background:#ffffffc4;backdrop-filter:blur(5px)}.assistant-preview{background:radial-gradient(ellipse at 70% 10%,#e7ddff,#eaf2fd 70%);padding:28px 35px}.assistant-orb{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#6a64ec,#3a99e5);color:#fff;font:700 19px Arial;margin:0 0 20px 15px;box-shadow:0 8px 30px #7c7ed940;animation:float 6s infinite}.chat-bubble{max-width:85%;padding:12px 17px;font-size:10px;border-radius:10px;box-shadow:0 5px 14px #324f8810;direction:rtl}.chat-bubble.user{background:#fff;color:#586b8a;margin-left:auto;margin-bottom:12px}.chat-bubble.bot{background:#ffffffb3;color:#6d7e99;display:flex;gap:10px;align-items:center}.chat-bubble p{color:#657591;font-size:10px}.chat-bubble span{display:flex;gap:3px}.chat-bubble i{width:4px;height:4px;background:#6c71db;border-radius:50%;animation:typing 1.5s infinite}.chat-bubble i:nth-child(2){animation-delay:.2s}.chat-bubble i:nth-child(3){animation-delay:.4s}.automation-preview{background:radial-gradient(ellipse,#d8f4ec,#edf3fb);display:grid;place-items:center}.automation-orbit{position:absolute;width:160px;height:160px;border:1px dashed #6d9edb50;border-radius:50%;animation:rotate 40s linear infinite}.automation-orbit i{position:absolute;width:7px;height:7px;background:#08b8ac;border-radius:50%;left:46%;top:-4px}.automation-orbit i:nth-child(2){left:95%;top:61%}.automation-orbit i:nth-child(3){left:12%;top:84%}.automation-core{width:63px;height:63px;background:white;color:#2869ee;border-radius:17px;display:grid;place-items:center;box-shadow:0 10px 30px #4e89b322;animation:corePulse 4s infinite}.automation-core .icon{width:30px;height:30px}.automation-item{position:absolute;width:42px;height:42px;display:grid;place-items:center;background:#fff;border-radius:12px;border:1px solid #bdd8ee80;color:#577b9a;font:10px Arial;box-shadow:0 4px 12px #456ba50d}.automation-item.a{top:30px;left:47%}.automation-item.b{top:110px;left:calc(50% + 60px)}.automation-item.c{bottom:32px;left:47%}.automation-item.d{top:110px;left:calc(50% - 110px)}.carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:25px;direction:ltr}.carousel-dots button{width:6px;height:6px;border-radius:12px;padding:0;background:#91a2ba55;transition:width .3s,background .3s}.carousel-dots button.active{background:#2869ee;width:23px}.process-section{background:linear-gradient(180deg,var(--bg),var(--hero-a));padding:90px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;position:relative;text-align:center;margin:50px 0 35px}.steps:before{content:"";position:absolute;top:29px;left:17%;right:17%;height:1px;background:repeating-linear-gradient(90deg,#2869ee33 0,#2869ee33 5px,transparent 5px,transparent 11px)}.step-number{display:grid;place-items:center;width:60px;height:60px;background:var(--card);border:1px solid #2869ee35;border-radius:50%;color:var(--blue);font:600 18px Arial;margin:0 auto 18px;position:relative;box-shadow:0 0 0 10px var(--hero-a);transition:transform .3s}.steps>div:hover .step-number{transform:scale(1.1)}.steps h3{font-size:19px;margin-bottom:9px}.steps p{font-size:11px;line-height:2}.process-action{text-align:center}.process-action small{font-size:9px;color:var(--muted);display:block;margin-top:15px}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}.faq-layout h2{margin:6px 0 12px}.faq-layout>div>p{font-size:12px;margin-bottom:16px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0;cursor:pointer;gap:15px;font-size:13px;font-weight:600;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:16px;height:16px;color:var(--blue);transition:transform .3s}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details p{font-size:11px;line-height:2;padding:0 0 20px;animation:enter .4s ease}.contact-section{padding:0 0 80px}.contact-box{position:relative;overflow:hidden;background:#122747;border-radius:22px;color:#fff;text-align:center;padding:60px 30px;isolation:isolate}.contact-box .eyebrow{color:#87b7ff}.contact-box h2{font-size:37px;margin:12px 0}.contact-box p{color:#b4c7e2;font-size:13px;margin-bottom:25px}.contact-box .btn{background:#fff;color:#225dd0}.contact-orb{width:650px;height:400px;position:absolute;left:calc(50% - 325px);top:0;background:radial-gradient(ellipse,#2869ee50,transparent 65%);z-index:-1;animation:orbFloat 7s infinite}.contact-box:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:50px 50px;z-index:-1}footer{padding:55px 0 0;border-top:1px solid var(--border);background:var(--surface)}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px;padding-bottom:45px}.footer-brand img{width:215px}.footer-brand p{font-size:11px;margin:16px 0;max-width:280px}.logo-download{font-size:10px;color:var(--blue)}.footer-top h4{font-size:12px;margin:0 0 18px}.footer-top>div>a:not(.brand):not(.logo-download),.footer-button{display:block;font-size:10px;color:var(--muted);margin:12px 0;padding:0;transition:color .2s}.footer-top a:hover,.footer-button:hover{color:var(--blue)}[data-theme=dark] .footer-brand img{filter:brightness(0) invert(1)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--border);font-size:8px;color:var(--muted)}.footer-bottom>span:first-child{font-family:Arial,sans-serif;direction:ltr}.back-top{position:fixed;bottom:25px;left:24px;width:40px;height:40px;background:var(--card);border:1px solid var(--border);border-radius:10px;font:20px Arial;box-shadow:var(--shadow);z-index:30;color:var(--blue)}dialog{padding:0;border:1px solid var(--border);border-radius:20px;max-width:530px;width:calc(100% - 30px);background:var(--card);color:var(--text);max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#09152c99;backdrop-filter:blur(6px)}dialog[open]{animation:modalEnter .3s cubic-bezier(.16,1,.3,1)}.dialog-content{padding:36px}.dialog-content h2{font-size:30px;margin:5px 0 10px}.dialog-content>p{font-size:12px}.dialog-close{position:absolute;inset:12px auto auto 15px;width:30px;height:30px;border-radius:50%;background:var(--surface);font:21px Arial;z-index:2}#project-form{margin-top:24px}#project-form label{display:block;font-size:11px;margin:15px 0 6px}#project-form .btn{width:100%;margin-top:22px}#project-form small{display:block;text-align:center;font-size:9px;color:var(--muted);margin-top:12px}#brief-success{padding-top:20px;text-align:center}.success-icon{width:60px;height:60px;border-radius:50%;background:#08b8ac12;color:var(--teal);margin:auto;display:grid;place-items:center}.success-icon .icon{width:30px;height:30px}#brief-success h3{margin:20px 0 8px;font-size:20px}#brief-success p{font-size:12px;margin-bottom:22px}#brief-success .text-link{display:block;margin:12px auto 0}.concept-features{font-size:12px;line-height:2.5;margin:22px 0}.concept-features li:before{content:"✓";margin-inline-end:10px;color:var(--teal)}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.features-grid .reveal:nth-child(3n+2){transition-delay:.07s}.features-grid .reveal:nth-child(3n+3){transition-delay:.14s}.services-grid .reveal:nth-child(2){transition-delay:.08s}.services-grid .reveal:nth-child(3){transition-delay:.16s}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .reveal{opacity:1!important;transform:none!important}html[data-motion=off] #particles{opacity:.3}
@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes gridMove{to{transform:translate(90px,90px)}}@keyframes gradientFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes orbFloat{0%,100%{transform:translate(-20px,0) scale(1)}50%{transform:translate(30px,15px) scale(1.12)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes statusPulse{0%,100%{opacity:1;box-shadow:0 0 0 3px #20c8a412}50%{opacity:.65;box-shadow:0 0 0 6px #20c8a405}}@keyframes scrollDot{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(10px);opacity:0}}@keyframes dashMove{to{stroke-dashoffset:-240}}@keyframes mapPulse{0%,100%{stroke-width:10}50%{stroke-width:17}}@keyframes mapOrbit{0%,100%{transform:scale(.95);opacity:.3}50%{transform:scale(1.12);opacity:1}}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(440%)}}@keyframes corePulse{0%,100%{box-shadow:0 0 0 5px #2869ee09,0 10px 30px #2869ee15}50%{box-shadow:0 0 0 12px #2869ee03,0 10px 30px #2869ee25}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes barRise{0%,100%{transform:scaleY(.9)}50%{transform:scaleY(1)}}@keyframes typing{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes modalEnter{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){.hero{min-height:850px;padding-top:100px}.hero-specs{margin-top:60px}}@media(max-width:1120px){.desktop-nav{gap:17px}.nav-inner{gap:20px}.brand svg{width:195px}.nav-link{font-size:11px}.hero{min-height:720px}.feature-card{padding:24px}.service-card{padding:20px}.network-layout{gap:25px}.footer-top{gap:30px}}@media(max-width:930px){.container{width:calc(100% - 44px)}.desktop-nav{display:none}#mobile-toggle{display:block}.nav-inner>.btn{margin-inline-start:auto}.nav-inner{height:75px}.hero{min-height:690px;padding-top:60px}.hero h1{font-size:61px}.hero-specs{gap:12px}.hero-specs strong{font-size:19px}.hero-specs span{font-size:8px}.features-grid{gap:16px}.feature-card{padding:20px}.feature-card h3{font-size:16px}.service-card h3{font-size:18px}.service-art{height:160px}.network-layout{grid-template-columns:1.25fr 1fr}.network-widget{padding:22px}.faq-layout{gap:40px}.work-preview{height:240px}.dashboard-preview{padding:25px 20px 0}.mock-stats b{font-size:16px}.footer-top{grid-template-columns:1.8fr repeat(3,1fr);gap:20px}.steps{gap:25px}}@media(max-width:700px){html{scroll-padding-top:78px}.container{width:calc(100% - 34px)}.top-inner{height:33px}.top-actions{gap:10px}.topbar{font-size:9px}.top-actions>a,.top-actions>.divider{display:none}.nav-inner{height:69px;gap:12px}.brand svg{width:174px;height:38px}.btn-small{font-size:9px;padding:8px 12px}.nav-inner>.btn{display:none}#mobile-toggle{margin-inline-start:auto}.hero{padding:49px 0 28px;min-height:auto}.badge{font-size:9px;padding:6px 12px}.hero h1{font-size:47px;letter-spacing:-1.6px;line-height:1.5;margin:18px 0 12px}.hero-description{font-size:12px;line-height:2.1;max-width:420px}.hero-description br{display:none}.hero-actions{gap:15px;flex-direction:column;margin:25px 0 29px}.hero-actions .btn{font-size:11px;padding:12px 23px}.hero-actions .text-link{font-size:10px}.hero-specs{grid-template-columns:repeat(2,1fr);gap:12px;max-width:450px}.hero-specs>div{padding:17px 10px;border-radius:12px}.hero-specs strong{font-size:20px}.hero-specs span{font-size:8px}.hero-specs .icon{width:21px;height:21px}.scroll-cue{margin-top:25px}.section{padding:62px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:29px;letter-spacing:-.7px}.section-heading p{font-size:11px;max-width:350px;margin:auto}.eyebrow{font-size:8px;letter-spacing:1px}.domain-section{padding:30px 0 0}.domain-card{padding:25px 20px;border-radius:17px}.domain-card h2{font-size:26px}.domain-card p{font-size:10px}.domain-search{flex-wrap:wrap;gap:7px;margin-top:20px;padding:8px}.domain-search>.icon{width:18px;height:18px;margin-inline-start:5px}.domain-search input{width:calc(100% - 120px);padding:10px 5px;font-size:12px}.domain-search select{width:70px;font-size:12px;padding:7px}.domain-search>.btn{width:100%;padding:10px;font-size:11px}.quick-select{font-size:9px;gap:6px}.domain-foot{gap:11px;flex-wrap:wrap;margin-top:14px;padding-top:14px;font-size:8px}.domain-foot .icon{width:12px;height:12px}.demo-note{font-size:8px}.features-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{padding:20px 15px;border-radius:12px}.feature-icon{width:44px;height:44px;border-radius:12px;margin-bottom:13px}.feature-icon .icon{width:23px;height:23px}.feature-card h3{font-size:15px;line-height:1.6;min-height:45px}.feature-card p{font-size:10px;line-height:1.9;min-height:72px}.feature-card ul{font-size:9px;line-height:2.2}.feature-card li:before{margin-inline-end:5px}.network-section{padding:60px 0}.network-layout{grid-template-columns:1fr;gap:15px}.world-map{min-height:210px;width:min(500px,100%);margin:auto}.map-orbit{width:180px;height:180px}.network-widget{width:100%;max-width:470px;margin:auto;padding:24px}.network-widget h3{font-size:22px}.network-widget>p{font-size:11px}.widget-top{font-size:9px}.network-widget small{font-size:9px}.services-grid{grid-template-columns:1fr;gap:22px}.service-card{padding:25px;max-width:470px;width:100%;margin:auto}.service-art{height:190px;width:300px;max-width:100%;margin:0 auto 12px}.service-card h3{font-size:23px}.service-card p{font-size:12px;min-height:0}.service-card .tags{margin:18px 0}.service-bottom{flex-direction:row;align-items:center;justify-content:space-between}.service-bottom>span{font-size:9px}.service-bottom .text-link{font-size:11px}.tech-strip{padding:22px 0}.tech-strip .container{flex-direction:column;gap:16px}.tech-marquee{width:100%}.tech-track{gap:32px}.tech-track b{font-size:16px}.heading-split{display:block}.heading-split p{margin:0}.carousel-controls{margin-top:18px}.carousel-controls button{width:34px;height:34px;font-size:18px}.work-card{flex-basis:100%}.work-preview{height:255px}.work-copy{padding:22px}.work-copy h3{font-size:22px}.work-copy p{font-size:11px}.dashboard-preview{padding:28px 25px 0}.mock-stats b{font-size:19px}.process-section{padding:60px 0}.steps{grid-template-columns:1fr;gap:28px;max-width:400px;margin:35px auto}.steps:before{display:none}.steps>div{display:grid;grid-template-columns:55px 1fr;column-gap:18px;text-align:start;align-items:start}.step-number{grid-row:1/3;width:50px;height:50px;margin:0;box-shadow:0 0 0 5px var(--hero-a);font-size:16px}.steps h3{font-size:18px;margin-bottom:4px}.steps p{font-size:11px}.process-action .btn{font-size:12px}.faq-layout{grid-template-columns:1fr;gap:20px}.faq-layout h2{font-size:31px}.faq-list summary{font-size:12px;padding:17px 0}.contact-section{padding-bottom:45px}.contact-box{padding:40px 21px;border-radius:17px}.contact-box h2{font-size:27px;letter-spacing:-.7px}.contact-box p{font-size:11px}.contact-box .btn{font-size:11px}.footer-top{grid-template-columns:repeat(2,1fr);gap:30px 20px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:300px}.footer-top h4{font-size:12px;margin-bottom:12px}.footer-top>div>a:not(.brand):not(.logo-download),.footer-button{font-size:10px;margin:10px 0}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:12px}.footer-bottom>span:nth-child(2){order:3;width:100%}.back-top{width:35px;height:35px;bottom:16px;left:14px}.dialog-content{padding:29px 24px}.dialog-content h2{font-size:27px}.dialog-content>p{font-size:11px}}
@media(max-width:370px){.hero h1{font-size:41px}.features-grid{grid-template-columns:1fr}.feature-card h3,.feature-card p{min-height:0}.feature-card{padding:24px}.service-bottom{flex-direction:column;align-items:start}.top-message{font-size:8px}.brand svg{width:162px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
.carousel-controls button:disabled{opacity:.35;cursor:default;transform:none}.carousel-controls button:disabled:hover{background:var(--card);color:inherit;border-color:var(--border)}
.motion-ready .feature-card.reveal.visible:hover{transform:translateY(-7px)}.motion-ready .service-card.reveal.visible:hover{transform:translateY(-8px)}
/* Softwarezawy motion system */
.motion-section{position:relative;isolation:isolate}.motion-decor{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:paint}.motion-blob{position:absolute;width:390px;height:390px;border-radius:42% 58% 55% 45%;background:radial-gradient(ellipse,#2869ee0b,transparent 70%);animation:blobDance 18s ease-in-out infinite;animation-delay:var(--section-phase);translate:0 var(--scroll-drift,0px)}.motion-blob.one{top:4%;right:-190px}.motion-blob.two{bottom:5%;left:-170px;background:radial-gradient(ellipse,#08b8ac0a,transparent 70%);animation-duration:23s;animation-direction:reverse}.motion-ring{position:absolute;border:1px solid #2869ee0b;border-radius:50%;width:370px;height:370px;animation:rotate 42s linear infinite;translate:0 var(--scroll-drift,0px);rotate:var(--scroll-angle,0deg)}.motion-ring:before{content:"";position:absolute;inset:15px;border:1px dashed #08b8ac15;border-radius:50%}.motion-ring:after{content:"";position:absolute;left:calc(50% - 3px);top:-3px;width:5px;height:5px;background:#2869ee55;box-shadow:0 0 12px #2869ee55;border-radius:50%}.ring-one{top:7%;left:-270px}.ring-two{bottom:3%;right:-270px;animation-direction:reverse;animation-duration:60s}.motion-circuit{position:absolute;inset:0;width:100%;height:100%;opacity:.45}.motion-circuit path{fill:none;stroke:#2869ee14;stroke-width:1;stroke-dasharray:9 20;animation:circuitTravel 16s linear infinite}.motion-circuit path:nth-child(2){stroke:#08b8ac22;animation-direction:reverse}.motion-circuit circle{fill:#2869ee40;animation:signalBlink 4s ease-in-out infinite}.motion-spark{width:5px;height:5px;border-radius:50%;background:#08b8ac33;position:absolute;animation:sparkWander 14s ease-in-out infinite}.spark-a{top:22%;left:8%}.spark-b{bottom:18%;right:7%;animation-delay:-7s;background:#2869ee33}.hero{--mouse-x:0px;--mouse-y:0px}.hero-content{translate:0 var(--hero-scroll,0px)}.hero-orb{translate:var(--mouse-x) var(--mouse-y)}.hero-grid{background-size:70px 70px;animation-duration:25s}.hero-orbits{position:absolute;inset:0;z-index:-1;pointer-events:none;translate:var(--mouse-x) calc(var(--mouse-y) + var(--orbit-scroll,0px))}.orbit{position:absolute;width:650px;height:650px;border:1px solid #2869ee0d;border-radius:50%;left:calc(50% - 325px);top:calc(50% - 325px);animation:rotate 42s linear infinite}.orbit-two{width:900px;height:900px;left:calc(50% - 450px);top:calc(50% - 450px);border-style:dashed;border-color:#08b8ac14;animation-duration:62s;animation-direction:reverse}.orbit-three{width:1150px;height:1150px;left:calc(50% - 575px);top:calc(50% - 575px);border-color:#2869ee08;animation-duration:82s}.orbit b{position:absolute;top:-4px;left:50%;width:7px;height:7px;background:#08b8ac66;border-radius:50%;box-shadow:0 0 18px #08b8ac55}.orbit-two b{background:#2869ee77;top:auto;bottom:-4px}.floating-symbol{position:absolute;color:#2869ee3d;font-family:monospace;font-weight:650;font-size:22px;animation:symbolFloat 8s ease-in-out infinite}.symbol-code{top:18%;right:9%;rotate:8deg}.symbol-nodes{top:50%;left:8%;font-size:37px;animation-delay:-2s;color:#08b8ac45}.symbol-cloud{bottom:22%;right:12%;font-size:32px;animation-delay:-4s}.symbol-ai{top:22%;left:13%;font-size:18px;animation-delay:-6s}.hero-specs>div{animation:specFloat 7s ease-in-out infinite;animation-delay:var(--card-phase,0s);position:relative;overflow:hidden}.hero-specs>div:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#2869ee07 42%,#08b8ac09 50%,transparent 70%);translate:-140% 0;animation:specSweep 9s ease-in-out infinite;animation-delay:var(--card-phase,0s)}.hero-specs>div .icon{animation:iconLevitate 4s ease-in-out infinite;animation-delay:var(--card-phase,0s)}.badge{position:relative;overflow:hidden;animation:badgeBreathe 4s ease-in-out infinite}.badge:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,#ffffff40,transparent);translate:-120% 0;animation:badgeSweep 8s ease-in-out infinite}.header .brand svg>path{stroke-dasharray:240;stroke-dashoffset:0;animation:logoDraw 2s cubic-bezier(.16,1,.3,1) both}.header .brand svg>text{animation:enter 1.2s .25s both}.header .brand:hover svg>path{animation:logoGlow 2s ease-in-out infinite}.nav-link:before{content:"";position:absolute;bottom:12px;left:0;right:0;height:2px;background:linear-gradient(90deg,#2869ee,#08b8ac);transform:scaleX(0);transform-origin:right;transition:transform .4s}.nav-link:hover:before{transform:scaleX(1)}.magnetic{translate:var(--mag-x,0px) var(--mag-y,0px);transition:translate .25s cubic-bezier(.16,1,.3,1),transform .3s,box-shadow .3s,background .3s}.ripple-host{position:relative;overflow:hidden}.motion-ripple{position:absolute;pointer-events:none;border-radius:50%;background:#86bcff35;transform:scale(0);animation:rippleBurst .8s ease-out forwards;z-index:3}.btn .motion-ripple{background:#ffffff40}.card-shine{position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,50%),#619dff12,transparent 70%);opacity:0;transition:opacity .35s}.pointer-active>.card-shine{opacity:1}.motion-card{--tilt-x:0deg;--tilt-y:0deg;--hover-lift:0px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.motion-ready .feature-card.reveal.visible,.motion-ready .service-card.reveal.visible,.motion-ready .feature-card.reveal.visible:hover,.motion-ready .service-card.reveal.visible:hover,.motion-ready .domain-card.reveal.visible,.network-widget.motion-card,.work-card.motion-card{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--hover-lift))}.motion-ready .feature-card.reveal.visible:hover,.motion-ready .service-card.reveal.visible:hover{--hover-lift:-8px}.hero-specs>div.pointer-active{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.feature-icon{animation:iconLevitate 5s ease-in-out infinite;animation-delay:var(--card-phase,0s)}.feature-icon:after{content:"";position:absolute;inset:-5px;border-radius:19px;border:1px solid currentColor;opacity:0;animation:iconHalo 5s ease-in-out infinite;animation-delay:var(--card-phase,0s)}.feature-card:hover .feature-icon{animation:iconWiggle 1.7s ease-in-out infinite}.feature-card:before{transform:scaleX(1);opacity:.18;animation:borderFlow 5s ease-in-out infinite;background-size:200% 100%}.feature-card:hover:before{opacity:1}.service-card .service-number{display:inline-block;animation:labelGlow 4s infinite;animation-delay:var(--card-phase,0s)}.service-art{translate:0 calc(var(--scroll-drift,0px) * -.08)}.mini-tiles i{animation:tilePulse 4s infinite}.mini-tiles i:nth-child(2){animation-delay:.5s}.mini-tiles i:nth-child(3){animation-delay:1s}.mini-cta{animation:ctaPulse 3s infinite}.mini-line{transform-origin:left;animation:lineReveal 5s infinite}.cloud-bubble{animation:float 4s ease-in-out infinite}.service-ribbon{animation:ribbonGlow 4s infinite}.work-preview{transition:filter .4s}.work-card:hover .work-preview{filter:saturate(1.15)}.work-card:hover .mock-dashboard{translate:0 -5px}.mock-dashboard{transition:translate .6s}.mock-sidebar span{animation:lineReveal 6s ease-in-out infinite;transform-origin:left}.mock-sidebar span:nth-child(3){animation-delay:-2s}.assistant-orb{animation:float 5s infinite,assistantGlow 6s infinite}.chat-bubble.user{animation:chatFloat 7s ease-in-out infinite}.chat-bubble.bot{animation:chatFloat 7s -3.5s ease-in-out infinite}.automation-item{animation:float 6s ease-in-out infinite}.automation-item.b{animation-delay:-1.5s}.automation-item.c{animation-delay:-3s}.automation-item.d{animation-delay:-4.5s}.map-lines path{stroke:#2869ee88;animation-duration:13s}.map-orbit{border-color:#2869ee20}.map-label{animation:float 6s infinite}.steps:before{background-size:22px 1px;animation:stepFlow 2s linear infinite}.step-number{animation:stepBreathe 5s ease-in-out infinite}.steps>div:nth-child(2) .step-number{animation-delay:-1.7s}.steps>div:nth-child(3) .step-number{animation-delay:-3.4s}.steps h3{transition:color .3s}.steps>div:hover h3{color:var(--blue)}.faq-list details{transition:border-color .3s,background .3s}.faq-list details[open]{border-color:#2869ee40;background:linear-gradient(90deg,transparent,#2869ee04);padding-inline:10px}.faq-list summary .icon{animation:faqPlus 5s ease-in-out infinite}.faq-list details[open] summary .icon{animation:none}.domain-search:focus-within{box-shadow:0 0 0 4px #2869ee0a;border-color:#2869ee50;transition:box-shadow .4s,border .4s}.domain-foot .icon{animation:iconLevitate 4s ease-in-out infinite}.domain-foot>span:nth-child(2) .icon{animation-delay:-1.3s}.domain-foot>span:nth-child(3) .icon{animation-delay:-2.6s}.motion-title .motion-word{display:inline-block;transform-origin:50% 100%;animation:wordArrival .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--word-index) * .065s)}.motion-section:not(.motion-seen) .motion-word{animation-play-state:paused}.motion-section:not(.motion-live) *,.motion-section:not(.motion-live) *:before,.motion-section:not(.motion-live) *:after{animation-play-state:paused!important}.contact-orb{animation:orbFloat 5s infinite}.contact-box:after{content:"";position:absolute;inset:0;border:1px solid #8fbbff33;border-radius:inherit;pointer-events:none;animation:contactBorder 5s infinite}.pointer-aura{position:fixed;left:0;top:0;width:30px;height:30px;margin:-15px;pointer-events:none;z-index:90;border:1px solid #2869ee45;border-radius:50%;opacity:0;transition:opacity .3s,width .3s,height .3s,margin .3s,background .3s}.pointer-aura.active{opacity:1}.pointer-aura.over-control{width:48px;height:48px;margin:-24px;background:#2869ee07;border-color:#2869ee25}.appearance-transition main{animation:appearanceMorph .6s ease-in-out}html[data-tab-hidden] *,html[data-tab-hidden] *:before,html[data-tab-hidden] *:after{animation-play-state:paused!important}
@keyframes blobDance{0%,100%{transform:translate(0,0) rotate(0) scale(.9)}50%{transform:translate(35px,-35px) rotate(35deg) scale(1.1)}}@keyframes circuitTravel{to{stroke-dashoffset:-290}}@keyframes signalBlink{0%,100%{opacity:.2}50%{opacity:.9}}@keyframes sparkWander{0%,100%{transform:translate(0,0);opacity:.3}50%{transform:translate(30px,-45px);opacity:.8}}@keyframes symbolFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-18px) rotate(7deg)}}@keyframes specFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes specSweep{0%,55%{translate:-140% 0}85%,100%{translate:140% 0}}@keyframes iconLevitate{0%,100%{translate:0 0}50%{translate:0 -3px}}@keyframes badgeBreathe{0%,100%{box-shadow:0 0 0 0 #2869ee00}50%{box-shadow:0 0 0 5px #2869ee05}}@keyframes badgeSweep{0%,60%{translate:-120% 0}85%,100%{translate:120% 0}}@keyframes logoDraw{from{stroke-dashoffset:240;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes logoGlow{0%,100%{opacity:1}50%{opacity:.65}}@keyframes rippleBurst{to{transform:scale(1);opacity:0}}@keyframes iconHalo{0%,100%{scale:.9;opacity:0}50%{scale:1.09;opacity:.08}}@keyframes iconWiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}70%{transform:rotate(7deg)}}@keyframes borderFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes labelGlow{0%,100%{opacity:.65}50%{opacity:1}}@keyframes tilePulse{0%,100%{opacity:.45;translate:0 0}50%{opacity:1;translate:0 -2px}}@keyframes ctaPulse{0%,100%{opacity:.75}50%{opacity:1}}@keyframes lineReveal{0%,100%{scale:.7 1}50%{scale:1 1}}@keyframes ribbonGlow{0%,100%{background:#2869ee}50%{background:#267cc5}}@keyframes assistantGlow{0%,100%{box-shadow:0 8px 30px #7c7ed930}50%{box-shadow:0 8px 40px #7c7ed960}}@keyframes chatFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes stepFlow{to{background-position:22px 0}}@keyframes stepBreathe{0%,100%{border-color:#2869ee35}50%{border-color:#08b8ac60}}@keyframes faqPlus{0%,90%,100%{rotate:0deg}95%{rotate:90deg}}@keyframes wordArrival{from{opacity:0;transform:translateY(25px) rotateX(45deg);filter:blur(4px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}@keyframes contactBorder{0%,100%{border-color:#8fbbff20}50%{border-color:#8fbbff65}}@keyframes appearanceMorph{0%{opacity:.82;filter:blur(1px)}100%{opacity:1;filter:blur(0)}}
@media(max-width:700px){.floating-symbol{font-size:13px;opacity:.6}.symbol-code{right:4%;top:9%}.symbol-ai{left:5%;top:15%}.symbol-nodes{left:4%;top:47%;font-size:25px}.symbol-cloud{right:6%;bottom:30%;font-size:22px}.orbit{width:470px;height:470px;left:calc(50% - 235px);top:calc(50% - 235px)}.orbit-two{width:650px;height:650px;left:calc(50% - 325px);top:calc(50% - 325px)}.orbit-three{display:none}.hero-specs>div{animation-name:specFloatMobile}.motion-circuit{opacity:.22}.motion-blob{width:270px;height:270px}.pointer-aura{display:none}.motion-word{animation-duration:.7s!important}}
@keyframes specFloatMobile{0%,100%{translate:0 0}50%{translate:0 -3px}}
html[data-motion=off] .motion-card,html[data-motion=off] .motion-ready .motion-card,html[data-motion=off] .motion-ready .motion-card:hover{transform:none!important;translate:none!important}html[data-motion=off] .magnetic,html[data-motion=off] .hero-content,html[data-motion=off] .hero-orbits,html[data-motion=off] .hero-orb{translate:none!important}html[data-motion=off] .motion-word{opacity:1;transform:none;filter:none}html[data-motion=off] .pointer-aura{display:none}
@media(prefers-reduced-motion:reduce){.motion-card,.magnetic,.hero-content,.hero-orbits,.hero-orb{transform:none!important;translate:none!important}.motion-word{opacity:1;transform:none;filter:none}.pointer-aura{display:none}}
/* Hosting catalogue and managed n8n */
.plan-toolbar{display:flex;align-items:center;justify-content:center;gap:20px;margin:-5px 0 32px;font-size:11px;color:var(--muted)}.billing-tabs{display:flex;padding:5px;border:1px solid var(--border);border-radius:10px;background:var(--surface);gap:5px}.billing-tabs button{padding:8px 20px;border-radius:7px;font-size:11px;transition:all .3s}.billing-tabs button.active{background:var(--card);color:var(--blue);box-shadow:0 3px 9px #102e560a}.plan-currency{font:9px Arial;padding:5px 9px;border:1px solid var(--border);border-radius:5px}.plan-card{padding:32px;overflow:visible}.plan-card .service-ribbon{border-radius:0 18px 0 12px;inset:0 0 auto auto}.plan-icon{width:53px;height:53px;border-radius:13px;background:#2869ee0a;color:var(--blue);display:grid;place-items:center;margin-bottom:23px;animation:float 6s ease-in-out infinite;animation-delay:var(--card-phase,0s)}.plan-icon .icon{width:27px;height:27px}.plan-card h3{direction:ltr;text-align:start;font-family:Cairo,Arial,sans-serif;font-size:26px;letter-spacing:-.7px}.plan-card p{font-size:11px;min-height:30px}.plan-price{display:flex;align-items:baseline;gap:8px;margin:25px 0 19px;direction:ltr;justify-content:flex-end}html[dir=ltr] .plan-price{justify-content:flex-start}.plan-price strong{font:750 46px Cairo,Arial,sans-serif;letter-spacing:-2px;line-height:1.2;color:var(--blue);transition:transform .3s}.plan-price strong.price-change{animation:priceFlip .4s ease-in-out}.plan-price span{font-size:10px;color:var(--muted);direction:rtl}.plan-resources{border-block:1px solid var(--border);padding:11px 0;margin:0}.plan-resources li{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font:11px Arial;direction:ltr}.plan-resources span{color:var(--muted)}.plan-resources strong{font-weight:600}.plan-card .tags{margin:18px 0}.plan-card>.btn{width:100%;margin-top:1px}.plan-card.featured>.btn{background:#2869ee;color:#fff;border-color:#2869ee}.plan-example{display:block;text-align:center;font-size:8px;color:var(--muted);margin-top:12px}.pricing-note{text-align:center;font-size:9px;margin:24px auto 0;max-width:760px;line-height:2}.addons-row{margin-top:23px;padding:18px 22px;border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:10px;background:var(--surface)}.addons-row>span:first-child{color:var(--muted)}.addons-row button{padding:6px 12px;background:var(--card);border:1px solid var(--border);border-radius:6px;font-size:10px;transition:transform .3s,color .3s}.addons-row button:hover{transform:translateY(-3px);color:var(--blue)}.coming-tag{font-size:8px;color:var(--muted);padding:4px 7px}.n8n-section{background:linear-gradient(140deg,var(--surface),var(--bg));border-block:1px solid var(--border)}.n8n-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.n8n-logo-wrap{padding:20px 26px;margin-bottom:20px;width:200px;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center}.n8n-logo{display:block;object-fit:contain;flex-shrink:0}.n8n-dark{display:none}[data-theme=dark] .n8n-light{display:none}[data-theme=dark] .n8n-dark{display:block}.n8n-copy h2{font-size:34px;line-height:1.7;margin:8px 0 18px;letter-spacing:-.9px}.n8n-copy>p{font-size:12px;line-height:2.1}.n8n-benefits{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;margin:23px 0 26px;font-size:10px}.n8n-benefits>span{display:flex;gap:8px;align-items:center}.n8n-benefits .icon{width:16px;height:16px;color:#ea4b71}.n8n-copy>.btn{background:#da3f68;box-shadow:0 6px 18px #ea4b7120}.n8n-copy>.btn:hover{background:#c8325a;box-shadow:0 12px 24px #ea4b7130}.n8n-disclosure{display:block;font-size:8px;line-height:1.9;color:var(--muted);margin-top:16px}.n8n-demo{position:relative}.managed-flow{position:relative;height:140px;display:flex;align-items:center;justify-content:space-between;direction:ltr;margin:0 0 10px}.managed-paths{position:absolute;inset:0;width:100%;height:100%}.managed-paths path{fill:none;stroke:#ea4b7140;stroke-width:2;stroke-dasharray:6 6;animation:dashMove 15s linear infinite}.flow-input,.flow-output{width:74px;height:74px;border:1px solid var(--border);background:var(--card);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;animation:float 5s ease-in-out infinite;color:var(--blue);font:8px Arial}.flow-output{animation-delay:-2.5s;color:var(--teal)}.flow-input .icon,.flow-output .icon{width:25px;height:25px}.managed-core{position:relative;z-index:1;background:var(--card);padding:28px 22px;border:1px solid #ea4b7125;border-radius:18px;min-width:156px;display:flex;justify-content:center}.deploy-terminal{background:#101c30;color:#c6d6ed;border:1px solid #263b59;border-radius:14px;box-shadow:0 18px 45px #12274b12;overflow:hidden;direction:ltr}.terminal-head{padding:14px 17px;border-bottom:1px solid #ffffff0a;display:flex;align-items:center;gap:12px}.terminal-head>span{display:flex;gap:5px}.terminal-head i{width:6px;height:6px;border-radius:50%;background:#ff9696}.terminal-head i:nth-child(2){background:#f7d88a}.terminal-head i:nth-child(3){background:#63d9aa}.terminal-head b{font:9px monospace;color:#8298b8;font-weight:400}.terminal-head em{margin-left:auto;font:7px Cairo,Arial,sans-serif;color:#7992b5;border:1px solid #ffffff15;border-radius:4px;padding:3px 5px;font-style:normal}.terminal-body{padding:20px 22px 15px;min-height:200px}.terminal-line{display:flex;align-items:center;gap:10px;padding:8px 0;opacity:.25;transition:opacity .5s,translate .5s;font:10px Cairo,Arial,sans-serif;translate:6px 0}.terminal-line.done{opacity:1;translate:0 0}.terminal-line.active{opacity:.75;translate:0 0}.terminal-line>i{color:#5bdaa8;font:12px monospace;font-style:normal;opacity:0;transition:opacity .4s}.terminal-line.done>i{opacity:1}.terminal-line.active>i{opacity:1;animation:typing 1s infinite;color:#e99db3}.terminal-line small{font:8px monospace;color:#506684;margin-left:auto}.terminal-url{border-top:1px solid #ffffff09;margin-top:14px;padding-top:15px;display:flex;align-items:center;gap:7px;font:9px monospace;color:#6fd3af;white-space:nowrap;overflow:hidden}.terminal-cursor{display:block;width:5px;height:11px;background:#6fd3af;animation:terminalBlink 1s steps(2,end) infinite;flex-shrink:0}.terminal-footer{display:flex;align-items:center;padding:12px 20px;background:#ffffff03;border-top:1px solid #ffffff08;gap:12px}.terminal-footer>span{font-size:8px;color:#7d93b3}.terminal-progress{height:3px;background:#ffffff08;flex:1;border-radius:10px;overflow:hidden}.terminal-progress i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ea4b71,#7b83e7,#55bfa6);transition:width .7s cubic-bezier(.16,1,.3,1)}.terminal-footer b{font:8px monospace;color:#7c94b6;width:25px}.n8n-stack{display:flex;justify-content:center;gap:8px;margin-top:20px;direction:ltr}.n8n-stack span{font:8px Arial;padding:5px 9px;border:1px solid var(--border);border-radius:5px;color:var(--muted);animation:labelGlow 5s ease-in-out infinite}.n8n-stack span:nth-child(2){animation-delay:-1.25s}.n8n-stack span:nth-child(3){animation-delay:-2.5s}.n8n-stack span:nth-child(4){animation-delay:-3.75s}.tech-n8n{display:flex;align-items:center;flex-shrink:0;width:100px}.tech-n8n img{width:100px;height:27px;object-fit:contain}.n8n-preview-brand{position:relative;width:164px;background:#fff;border-radius:10px;padding:15px 22px;margin:0 0 18px 10px}.n8n-preview-brand img{display:block;object-fit:contain}.server-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.plan-card .card-shine{border-radius:19px}.service-card.plan-card.reveal.visible{overflow:hidden}@keyframes priceFlip{0%{opacity:.2;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@keyframes terminalBlink{0%,100%{opacity:0}50%{opacity:1}}
@media(max-width:1120px){.desktop-nav{gap:16px}.nav-inner{gap:20px}.nav-link{font-size:10px}.brand svg{width:193px}.n8n-layout{gap:35px}.n8n-copy h2{font-size:29px}.plan-card{padding:26px}}
@media(max-width:930px){.n8n-layout{gap:25px}.n8n-copy h2{font-size:27px}.n8n-copy>p{font-size:11px}.n8n-benefits{gap:12px;font-size:9px}.terminal-body{padding:18px 16px}.terminal-line{font-size:9px}.terminal-url{font-size:8px}.plan-price strong{font-size:38px}}
@media(max-width:700px){.n8n-layout{grid-template-columns:1fr;gap:35px}.n8n-copy h2{font-size:29px;line-height:1.6}.n8n-copy>p{font-size:12px}.n8n-logo-wrap{margin-bottom:18px;width:190px}.n8n-benefits{font-size:10px;gap:12px}.n8n-copy>.btn{font-size:11px}.n8n-demo{max-width:470px;width:100%;margin:auto}.n8n-disclosure{font-size:8px}.managed-flow{height:125px;margin:0}.managed-core{min-width:150px;padding:25px 20px}.flow-input,.flow-output{width:62px;height:62px;border-radius:12px;font-size:7px}.terminal-line{font-size:10px}.terminal-url{font-size:8px}.plan-toolbar{gap:12px;font-size:9px;margin-bottom:25px}.billing-tabs button{font-size:10px;padding:7px 15px}.plan-currency{font-size:8px}.plan-card{padding:29px}.plan-card h3{font-size:28px}.plan-price strong{font-size:47px}.plan-card>.btn{font-size:12px}.pricing-note{font-size:8px;line-height:2}.addons-row{padding:17px 12px;gap:9px;font-size:9px}.addons-row button{font-size:9px}.coming-tag{display:block;width:100%;text-align:center;margin-top:6px}.server-fields{grid-template-columns:1fr}}
.hero-n8n-logo{display:block!important;background:transparent;width:110px;min-height:30px;margin-bottom:2px}.hero-n8n-logo img{display:block;width:110px;height:30px;object-fit:contain}.hero-n8n-logo img.n8n-dark{display:none}[data-theme=dark] .hero-n8n-logo img.n8n-light{display:none}[data-theme=dark] .hero-n8n-logo img.n8n-dark{display:block}[hidden]{display:none!important}
.work-card[data-static-brand]:hover .work-preview{filter:none}