:root{--navy:#0b1736;--navy2:#102953;--blue:#2f6df6;--cyan:#4bc8e8;--green:#18a978;--ink:#17233e;--muted:#64728a;--line:#e1e8f2;--soft:#f5f8fd;--white:#fff;--shadow:0 22px 60px rgba(18,43,89,.11);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:500 16px/1.75 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.wrap{width:min(1200px,calc(100% - 44px));margin:auto}h1,h2,h3,h4{font-family:Manrope,"DM Sans",sans-serif;line-height:1.17;letter-spacing:-.045em;margin:0 0 16px}h1{font-size:clamp(2.7rem,5.5vw,5rem);font-weight:800}h2{font-size:clamp(2rem,3.8vw,3.45rem);font-weight:800}h3{font-size:1.25rem}p{margin:0 0 17px}.topbar{background:#07122c;color:#dbe6f9;font-size:13px;padding:8px 0}.top-inner{display:flex;justify-content:space-between;gap:12px;align-items:center}.topbar i{color:#65d9e9;margin-right:7px}.topbar a{color:#fff;font-weight:700}.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e6ecf5}.navin{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;width:245px;max-width:38vw}.brand img{display:block;width:100%;max-height:65px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:27px;color:#465570;font-size:14px;font-weight:700}.navlinks>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{padding:12px 16px;background:#edf3ff;border-radius:12px;color:var(--blue)}.nav-cta i{margin-left:8px}.menu-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;width:46px;height:46px;color:var(--navy);font-size:19px}.hero{position:relative;overflow:hidden;padding:78px 0 0;background:radial-gradient(circle at 80% 12%,#204c93 0,transparent 34%),radial-gradient(circle at 13% 95%,#0d4b65 0,transparent 35%),linear-gradient(122deg,#07132e,#102852 68%,#0b3554);color:#fff}.hero-grid-bg{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#ffffff16 1px,transparent 1px),linear-gradient(90deg,#ffffff16 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,transparent,black)}.herogrid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:510px}.hero-copy{padding-bottom:48px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff35;border-radius:100px;background:#ffffff0b;padding:8px 13px;color:#d8f6ff;font-size:11px;font-weight:900;letter-spacing:.15em;margin-bottom:24px}.pulse{width:8px;height:8px;border-radius:50%;background:#67e3c3;box-shadow:0 0 0 5px #67e3c322}.hero h1{max-width:740px}.hero h1 span{background:linear-gradient(95deg,#79e2d0,#69c9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:650px;color:#d0ddf2;font-size:18px;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:52px;padding:14px 19px;border:0;border-radius:13px;font-size:14px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(105deg,var(--blue),#1b8bd4);color:#fff;box-shadow:0 10px 26px #2f6df633}.btn-primary:hover{box-shadow:0 14px 30px #2f6df655}.btn-ghost{color:#fff;border:1px solid #ffffff38;background:#ffffff0b}.btn-ghost:hover{background:#ffffff18}.hero-proof{display:flex;gap:14px 20px;flex-wrap:wrap;color:#d6e4f6;font-size:12px;font-weight:700}.hero-proof i{color:#77e4bf;margin-right:6px}.hero-art{height:470px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #75c7ff33;border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:400px;height:290px;box-shadow:0 0 0 36px #ffffff04,0 0 0 72px #ffffff03}.orbit-b{width:300px;height:410px;transform:rotate(48deg);border-color:#73e3d329}.core{position:relative;z-index:2;width:235px;height:235px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 35% 25%,#1e4b7e,#0a1937 70%);border:1px solid #8bdcff66;box-shadow:0 0 70px #2f8df52b,inset 0 0 40px #6fc9ff0d}.core:before{content:"";position:absolute;inset:12px;border:1px solid #8bdcff28;border-radius:50%}.core-logo{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:26px;box-shadow:0 10px 30px #2f6df64a;margin-bottom:15px}.core strong{font:800 19px Manrope;letter-spacing:.1em}.core strong span{color:#6ad8e6}.core small{font-size:9px;letter-spacing:.23em;color:#a9c7e8;margin-top:5px}.float-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:12px 15px;background:#fff;color:var(--ink);border:1px solid #d9e8fa;border-radius:15px;box-shadow:0 17px 45px #0003;min-width:178px;animation:float 5s ease-in-out infinite}.float-chip>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-size:16px}.float-chip b,.float-chip small{display:block}.float-chip b{font-size:12px}.float-chip small{font-size:10px;color:var(--muted);margin-top:2px}.chip-code{left:-3px;top:55px}.chip-ai{right:-2px;top:100px;animation-delay:-1.5s}.chip-ai>i{background:#e3f8fc;color:#078aa8}.chip-cloud{left:20px;bottom:45px;animation-delay:-3s}.chip-cloud>i{background:#e5f8ef;color:#119b69}.tiny-node{position:absolute;border-radius:50%;background:#73e2d4;box-shadow:0 0 20px #73e2d477}.node-one{width:9px;height:9px;top:53px;right:90px}.node-two{width:6px;height:6px;bottom:77px;right:57px;background:#72baff}.node-three{width:5px;height:5px;left:70px;top:210px}.hero-bottom{position:relative;display:flex;align-items:center;gap:17px;padding:20px 0;border-top:1px solid #ffffff1d;color:#91a9c9;font-size:10px;font-weight:900;letter-spacing:.19em}.hero-bottom i{height:3px;width:3px;border-radius:50%;background:#69d9dc}.intro-strip{background:#fff;border-bottom:1px solid var(--line)}.intro-inner{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:45px;padding:52px 0}.mini-label{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--blue)}.intro-inner h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:10px 0 0}.intro-inner h2 em{font-style:normal;color:var(--blue)}.intro-inner>p{color:var(--muted);max-width:490px;font-size:15px;margin:0}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:800;font-size:13px;white-space:nowrap}.text-link i{transition:transform .2s}.text-link:hover i{transform:translateX(4px)}.section{padding:94px 0}.section-soft{background:var(--soft)}.section-head{text-align:center;max-width:810px;margin:0 auto 48px}.kicker{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.19em;margin-bottom:13px}.section-head h2 span,.about-copy h2 span,.faq-grid h2 span{color:var(--blue)}.section-head>p{color:var(--muted);font-size:16px;line-height:1.8;max-width:700px;margin:17px auto 0}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{position:relative;overflow:hidden;padding:28px 26px 30px;background:#fff;border:1px solid var(--line);border-radius:21px;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c7d8fb}.service-featured{background:linear-gradient(145deg,#f8fbff,#fff);border-color:#cbdcff}.service-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#eaf1ff;color:var(--blue);font-size:22px;margin-bottom:24px}.icon-cyan{background:#e3f8fc;color:#078aa8}.icon-purple{background:#f0eaff;color:#7950ce}.icon-green{background:#e5f8ef;color:#119b69}.icon-orange{background:#fff0e2;color:#d77721}.icon-pink{background:#ffeaf2;color:#c53c73}.service-index{font-size:9px;letter-spacing:.15em;font-weight:900;color:#9aa7bc;margin-bottom:11px}.service-card h3{font-size:20px;letter-spacing:-.035em}.service-card>p{font-size:14px;color:var(--muted);line-height:1.8;min-height:76px}.service-card ul{padding:0;list-style:none;margin:18px 0 0;display:grid;gap:8px}.service-card li{font-size:12px;color:#52627b}.service-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}.service-card>a{position:absolute;right:22px;top:23px;color:#a6b6ce;font-size:14px}.service-card>a:hover{color:var(--blue)}.dark-band{padding:83px 0;background:radial-gradient(circle at 10% 20%,#164d79 0,transparent 38%),linear-gradient(120deg,#07132e,#102852);color:#fff;overflow:hidden}.dark-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.kicker-light{color:#6ce0d5}.dark-grid h2{font-size:clamp(2.3rem,4vw,3.5rem)}.dark-grid>div:first-child>p{color:#c5d5ed;font-size:16px;line-height:1.9;max-width:470px;margin:20px 0 27px}.btn-light{background:#fff;color:var(--navy)}.code-window{background:#09152b;border:1px solid #6a9ddc45;border-radius:19px;overflow:hidden;box-shadow:0 25px 80px #0004;transform:perspective(1000px) rotateY(-4deg)}.window-bar{height:48px;background:#111f39;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:7px;padding:0 16px}.window-bar>span{width:8px;height:8px;border-radius:50%;background:#fa8072}.window-bar>span:nth-child(2){background:#f4c96b}.window-bar>span:nth-child(3){background:#62d5a6}.window-bar small{margin-left:auto;color:#8398b7;font-size:11px}.code-window pre{margin:0;padding:30px 28px 28px;white-space:pre-wrap;line-height:2;font-size:clamp(12px,1.4vw,15px);color:#e0ebff}.code-window code i{color:#6d87a9;font-style:normal}.code-purple{color:#c6a6ff}.code-blue{color:#8dc8ff}.code-green{color:#90e6bd}.cursor{color:#71e4ce;animation:blink 1s steps(2,start) infinite}.code-status{display:flex;justify-content:space-between;padding:13px 18px;border-top:1px solid #ffffff12;color:#8fa6c6;font-size:10px}.code-status i{color:#70dfb8;margin-right:6px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 35px #18396708}.project-art{height:285px;display:grid;place-items:center;overflow:hidden;position:relative}.assistant-art{background:radial-gradient(circle at 30% 25%,#d5f4ff,#eef5ff 53%,#dfe8ff)}.assistant-art:before,.qmenu-art:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid #2f6df61c;box-shadow:0 0 0 30px #2f6df609,0 0 0 60px #2f6df606}.assistant-window{position:relative;width:min(365px,82%);padding:17px;background:#ffffffed;border:1px solid #fff;border-radius:18px;box-shadow:0 24px 55px #193c7730;transform:rotate(-2deg)}.assistant-top{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #e9eff8}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.assistant-top b,.assistant-top small{display:block}.assistant-top b{font-size:12px}.assistant-top small{font-size:10px;color:var(--muted)}.online-dot{width:7px;height:7px;border-radius:50%;background:#1ab17b;margin-left:auto}.chat-line{font-size:11px;line-height:1.6;padding:11px 13px;border-radius:12px;margin-top:12px;max-width:90%}.line-user{background:#edf3ff;margin-left:auto;color:#3c5275}.line-bot{background:#f4f7fb;color:#4b5d78}.line-bot i{color:var(--blue);margin-right:5px}.chat-input{margin-top:13px;border:1px solid #e4eaf3;border-radius:10px;padding:9px 10px;color:#98a4b7;font-size:10px}.chat-input i{float:right;color:var(--blue)}.qmenu-art{background:radial-gradient(circle at 70% 20%,#d8f9ed,#e9f4ff 48%,#dfe7ff)}.dashboard{position:relative;display:grid;grid-template-columns:95px 1fr;width:min(440px,90%);height:225px;background:#fff;border:1px solid #fff;border-radius:17px;overflow:hidden;box-shadow:0 25px 55px #17385d30;transform:rotate(2deg)}.dash-side{background:#0b1736;padding:17px 10px;color:#fff}.dash-brand{font:800 12px Manrope;margin-bottom:25px;white-space:nowrap}.dash-brand i{color:#6de0d3;margin-right:3px}.dash-side>span{display:block;height:6px;background:#ffffff26;border-radius:8px;margin:15px 3px}.dash-side>span:first-of-type{background:#4f80f8;width:70%}.dash-main{padding:17px 16px}.dash-head{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:11px}.dash-head span{font-size:8px;color:#13a873}.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.dash-stats>div{position:relative;padding:10px;background:#f3f7fd;border-radius:9px}.dash-stats small,.dash-stats b{display:block}.dash-stats small{font-size:8px;color:#7a8aa3}.dash-stats b{font-size:20px;margin-top:3px}.dash-stats i{position:absolute;right:9px;top:12px;color:#2f6df6;font-size:11px}.dash-list{font-size:9px}.dash-list>b{display:block;margin-bottom:7px}.dash-list span{display:block;padding:6px 0;border-top:1px solid #eef1f6;color:#5a6980}.dash-list span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#f4bd4f;margin-right:6px}.dash-list span:nth-of-type(2) i{background:#2f6df6}.dash-list span:nth-of-type(3) i{background:#18a978}.dash-list small{float:right;font-size:8px}.project-info{padding:25px 28px 29px}.project-type{font-size:9px;letter-spacing:.16em;font-weight:900;color:var(--blue);margin-bottom:10px}.project-info h3{font-size:23px}.project-info p{font-size:14px;color:var(--muted);line-height:1.8;min-height:50px}.project-note{font-size:11px;color:#8b98ac;margin:20px 0 0}.project-note i{margin-right:6px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-step{position:relative;padding:25px 22px 27px;border:1px solid var(--line);border-radius:19px;background:#fff}.step-num{font:800 34px Manrope;color:#d8e4fb;letter-spacing:-.05em}.process-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#edf3ff;color:var(--blue);font-size:18px;margin:18px 0}.process-step h3{font-size:18px}.process-step p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.process-step:not(:last-child):after{content:"";position:absolute;right:-17px;top:48px;width:17px;border-top:1px dashed #9cb6e7;z-index:2}.about-section{padding:90px 0;background:linear-gradient(180deg,#f5f8fd,#fff)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.about-visual{min-height:410px;display:grid;place-items:center;overflow:hidden}.about-graphic{width:360px;height:360px;position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#eaf2ff 0,#f6f9ff 48%,#fff 70%)}.graphic-ring{position:absolute;border:1px solid #2f6df62b;border-radius:50%}.ring-1{inset:28px}.ring-2{inset:68px;border-style:dashed;animation:spin 38s linear infinite}.graphic-center{width:120px;height:120px;border-radius:35px;background:linear-gradient(140deg,#2f6df6,#4bc8e8);color:#fff;display:grid;place-items:center;font-size:43px;box-shadow:0 25px 55px #2f6df64a}.graphic-tag{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 13px;box-shadow:0 10px 25px #17396712;font-size:12px;font-weight:800}.graphic-tag i{color:var(--blue)}.tag-a{top:25px;left:22px}.tag-b{right:3px;top:95px}.tag-c{bottom:43px;right:20px}.tag-d{left:0;bottom:105px}.about-copy h2{font-size:clamp(2rem,3.5vw,3.05rem)}.about-copy>p{font-size:15px;line-height:1.9;color:var(--muted)}.values{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:27px}.values>div{display:flex;gap:11px;align-items:flex-start}.values>div>i{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);border-radius:11px}.values b,.values small{display:block}.values b{font-size:12px}.values small{font-size:10px;color:var(--muted);margin-top:3px}.faq-section{padding:90px 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-grid h2{font-size:clamp(2rem,3.5vw,3rem)}.faq-grid>div:first-child>p{color:var(--muted);font-size:15px;line-height:1.9;margin:20px 0}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;text-align:left;border:0;background:transparent;color:var(--ink);font-size:14px;font-weight:800;cursor:pointer}.faq-question i{color:var(--blue);transition:transform .2s}.faq-question[aria-expanded="true"] i{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}.faq-answer p{overflow:hidden;min-height:0;color:var(--muted);font-size:13px;line-height:1.85;margin:0}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding:0 25px 20px 0}.contact-section{padding:88px 0;background:radial-gradient(circle at 12% 30%,#164e7a 0,transparent 35%),linear-gradient(120deg,#07132e,#102852);color:#fff}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.contact-copy h2{font-size:clamp(2.5rem,4.4vw,4rem)}.contact-copy h2 span{color:#72dfd4}.contact-copy>p{color:#c8d7ee;font-size:15px;line-height:1.9;max-width:480px;margin:22px 0}.contact-points{display:grid;gap:10px;color:#dbe8f8;font-size:13px;font-weight:700}.contact-points i{color:#72dfb8;margin-right:9px}.contact-direct{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff20;margin-top:30px;padding-top:25px}.contact-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#1b8b69;color:#fff;font-size:22px}.contact-direct small,.contact-direct b,.contact-direct a{display:block}.contact-direct small{font-size:9px;letter-spacing:.15em;color:#90a8ca}.contact-direct b{font-size:14px;margin:3px 0}.contact-direct a{font-size:12px;color:#74e0d5;font-weight:800}.contact-direct a i{margin-left:5px}.contact-form{background:#fff;color:var(--ink);padding:31px;border-radius:22px;box-shadow:0 25px 70px #0003}.form-head>span{font-size:9px;letter-spacing:.18em;color:var(--blue);font-weight:900}.form-head h3{font-size:25px;margin:8px 0}.form-head p{font-size:12px;color:var(--muted);margin-bottom:23px}.contact-form label{display:block;font-size:11px;font-weight:800;color:#44536c;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #dce5f1;background:#fbfcff;border-radius:10px;padding:12px 13px;color:var(--ink);outline:none;font-size:12px;transition:border .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#83a7fa;box-shadow:0 0 0 3px #2f6df614}.contact-form textarea{resize:vertical;min-height:105px}.consent{display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important;font-size:10px!important;line-height:1.6;color:#68758a!important}.consent input{margin-top:3px;accent-color:var(--blue)}.form-submit{width:100%;margin-top:2px}.form-note{font-size:10px;color:#8b98aa;line-height:1.6;margin:12px 0 0}.form-status{font-size:12px;color:#b42318;margin-top:8px}footer{background:#061027;color:#c3d1e7;padding:50px 0 0}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:45px;padding-bottom:40px}.footer-brand img{width:225px;max-height:65px;object-fit:contain;background:#fff;border-radius:10px;padding:5px 10px}.footer-brand p{max-width:310px;color:#91a4c2;font-size:12px;line-height:1.9;margin-top:18px}.footer-main h4{font-size:13px;color:#fff;letter-spacing:0;margin:5px 0 17px}.footer-main>div:not(:first-child)>a{display:block;color:#9eafca;font-size:12px;margin:10px 0}.footer-main a:hover{color:#fff}.footer-main a i{margin-right:6px;color:#66d9d4}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-top:1px solid #ffffff16;color:#8295b4;font-size:10px}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:100px;background:#16a66b;color:#fff;box-shadow:0 12px 30px #12885a55;font-size:13px;font-weight:800}.floating-wa i{font-size:19px}.backtop{position:fixed;right:26px;bottom:82px;z-index:55;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);box-shadow:0 8px 20px #071a3620;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.backtop.show{opacity:1;pointer-events:auto;transform:translateY(0)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes blink{to{visibility:hidden}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.navlinks{gap:16px}.herogrid{gap:15px}.hero-art{transform:scale(.9);margin:0 -20px}.intro-inner{grid-template-columns:1fr 1fr;gap:25px}.intro-inner .text-link{grid-column:2}.dark-grid,.contact-grid{gap:38px}.about-grid,.faq-grid{gap:40px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{gap:25px}}@media(max-width:760px){.wrap{width:min(100% - 32px,560px)}.top-inner{font-size:11px}.top-inner>span{max-width:65%}.navin{height:70px}.brand{width:205px}.menu-btn{display:block}.navlinks{display:none;position:absolute;top:69px;left:0;right:0;padding:18px 22px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px #0b173612;align-items:stretch;flex-direction:column;gap:0}.navlinks.open{display:flex}.navlinks>a{padding:13px 4px}.navlinks .nav-cta{padding:12px 15px;margin-top:8px;text-align:center}.hero{padding-top:52px}.herogrid{grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:10px}.hero h1{font-size:clamp(2.5rem,11vw,3.7rem)}.hero-copy>p{font-size:15px}.hero-actions{gap:9px}.btn{min-height:48px;padding:12px 14px;font-size:12px}.hero-proof{font-size:10px;gap:9px 14px}.hero-art{height:360px;transform:scale(.86);margin:-3px -30px -15px}.core{width:205px;height:205px}.orbit-a{width:330px;height:250px}.orbit-b{width:250px;height:350px}.chip-code{left:0;top:27px}.chip-ai{right:0;top:58px}.chip-cloud{left:0;bottom:18px}.float-chip{min-width:155px;padding:9px 10px}.float-chip>i{width:31px;height:31px}.hero-bottom{font-size:8px;gap:9px;justify-content:center;letter-spacing:.11em}.intro-inner{grid-template-columns:1fr;gap:18px;padding:38px 0}.intro-inner .text-link{grid-column:auto}.intro-inner>p{font-size:14px}.section{padding:67px 0}.section-head{margin-bottom:32px}.section-head>p{font-size:14px}.services-grid{grid-template-columns:1fr;gap:13px}.service-card{padding:23px}.service-card>p{min-height:0}.dark-band{padding:65px 0}.dark-grid{grid-template-columns:1fr;gap:35px}.dark-grid h2{font-size:2.7rem}.code-window{transform:none}.code-window pre{padding:22px 17px;font-size:11px}.projects-grid{grid-template-columns:1fr}.project-art{height:255px}.project-info{padding:22px}.project-info p{min-height:0}.process-grid{grid-template-columns:1fr 1fr;gap:12px}.process-step{padding:19px 16px}.process-step:not(:last-child):after{display:none}.process-step h3{font-size:16px}.process-step p{font-size:12px}.about-section{padding:65px 0}.about-grid{grid-template-columns:1fr;gap:20px}.about-visual{min-height:300px}.about-graphic{transform:scale(.8);margin:-30px 0}.about-copy h2{font-size:2.35rem}.about-copy>p{font-size:14px}.values{gap:16px}.faq-section{padding:67px 0}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-grid>div:first-child>p{font-size:14px}.contact-section{padding:65px 0}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-copy h2{font-size:2.8rem}.contact-copy>p{font-size:14px}.contact-form{padding:23px 18px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-brand{grid-column:1/-1}.footer-brand img{width:200px}.footer-bottom{font-size:9px}.floating-wa{right:14px;bottom:14px;padding:12px 14px}.backtop{right:20px;bottom:70px}}@media(max-width:390px){.hero-art{transform:scale(.75);margin:-20px -50px -35px}.hero-bottom{letter-spacing:.06em;gap:7px}.hero-bottom span{font-size:7px}.process-grid{grid-template-columns:1fr}.values{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.project-art{height:220px}.dashboard{transform:scale(.9) rotate(2deg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* Premium service illustrations and cinematic section transitions */
.service-card{padding-top:18px}
.service-visual{height:174px;position:relative;overflow:hidden;border-radius:16px;margin:0 0 24px;isolation:isolate}
.service-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff28,transparent 48%,#0719360a)}
.visual-software{background:radial-gradient(circle at 85% 15%,#9fe6f5 0,transparent 35%),linear-gradient(135deg,#dce9ff,#f5f8ff 62%,#d7f7f1)}
.visual-top{height:28px;background:#102953;display:flex;align-items:center;gap:4px;padding:0 10px;color:#a8c5eb;font-size:7px;letter-spacing:.12em}.visual-top>span,.device-bar i{width:5px;height:5px;border-radius:50%;background:#fb817c}.visual-top>span:nth-child(2),.device-bar i:nth-child(2){background:#f4c96b}.visual-top>span:nth-child(3),.device-bar i:nth-child(3){background:#62d5a6}.visual-top b{margin-left:7px;font-size:7px;font-weight:800}.visual-dashboard{display:flex;gap:9px;padding:12px;height:146px}.visual-sidebar{width:27px;border-radius:6px;background:#1d3d70;padding:9px 7px;display:grid;align-content:start;gap:9px}.visual-sidebar i{height:4px;border-radius:4px;background:#77a7ec}.visual-content{flex:1;padding:4px}.visual-line{height:5px;width:47%;border-radius:8px;background:#b8c9e5;margin:8px 0}.visual-line.wide{width:70%;height:7px;background:#426ca9}.visual-metrics{display:flex;gap:6px;margin-top:10px}.visual-metrics span{height:29px;flex:1;border-radius:5px;background:linear-gradient(150deg,#fff,#cfe3ff);border:1px solid #c5d8f4}.visual-chart{height:40px;display:flex;align-items:end;gap:5px;padding:6px 10px 0;margin-top:7px;border-radius:6px;background:#ffffffa6}.visual-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#43b8df,#4c7bf2);height:35%}.visual-chart i:nth-child(2){height:57%}.visual-chart i:nth-child(3){height:43%}.visual-chart i:nth-child(4){height:78%}.visual-chart i:nth-child(5){height:61%}.visual-chart i:nth-child(6){height:88%}.visual-chart i:nth-child(7){height:72%}.visual-orb{position:absolute;width:95px;height:95px;border:1px solid #3e7bf22a;border-radius:50%;right:-24px;top:25px;box-shadow:0 0 0 12px #2f6df60b,0 0 0 25px #2f6df607}
.visual-ai{background:radial-gradient(circle at 50% 48%,#214b90,#0b183b 72%);display:grid;place-items:center}.ai-glow{position:absolute;width:110px;height:110px;border-radius:50%;background:#4dd7e7;filter:blur(36px);opacity:.24}.ai-orbit{position:absolute;width:230px;height:95px;border:1px solid #76dce85c;border-radius:50%;transform:rotate(-24deg)}.orbit-two{width:190px;height:130px;transform:rotate(55deg);border-color:#8d9cff69}.ai-brain{width:70px;height:70px;display:grid;place-items:center;border-radius:23px;background:linear-gradient(135deg,#4c8dff,#57dfd4);color:white;font-size:30px;box-shadow:0 0 38px #3b9df866;z-index:2}.ai-node{position:absolute;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#2f6df6;box-shadow:0 8px 24px #0004;font-size:12px}.node-a{left:22%;top:26%}.node-b{right:21%;top:31%;color:#0d9bb3}.node-c{right:26%;bottom:17%;color:#7a55d5}.ai-caption,.api-label,.automation-caption,.iot-caption{position:absolute;bottom:11px;font-size:7px;letter-spacing:.2em;font-weight:900;color:#8baedc}
.visual-web{background:radial-gradient(circle at 80% 15%,#f1dfff,transparent 35%),linear-gradient(135deg,#e4efff,#d7f8f3)}.device{position:absolute;border:4px solid #18355e;background:#fff;box-shadow:0 13px 25px #18355e26}.desktop-device{width:70%;height:123px;left:8%;top:24px;border-radius:8px;transform:rotate(-3deg)}.device-bar{height:15px;background:#eaf0fb;display:flex;gap:3px;align-items:center;padding-left:6px}.device-bar i{width:4px;height:4px}.web-layout{padding:8px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.web-nav{grid-column:1/-1;height:5px;width:40%;background:#adc4e9;border-radius:4px}.web-hero{grid-column:1/-1;height:28px;border-radius:4px;background:linear-gradient(110deg,#4d78ee,#6bd8d0)}.web-tile{height:25px;border-radius:4px;background:#edf3ff;border:1px solid #d7e4f7}.phone-device{width:48px;height:93px;right:9%;bottom:10px;border-radius:12px;padding:6px 4px;transform:rotate(8deg)}.phone-notch{height:4px;width:18px;margin:0 auto 7px;border-radius:4px;background:#19385e}.phone-screen i,.phone-screen b,.phone-screen span,.phone-screen em{display:block;border-radius:3px;margin-bottom:5px;background:#dce9ff;height:7px}.phone-screen b{height:20px;background:linear-gradient(120deg,#4d78ee,#6bd8d0)}.phone-screen span{height:4px}.phone-screen em{height:12px;background:#c6f3e8}.web-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#5ccfc7;box-shadow:0 0 0 6px #5ccfc71c}.spark-a{right:20%;top:18%}.spark-b{left:17%;bottom:15%;background:#6d8bff}
.visual-api{background:radial-gradient(circle at 50% 45%,#d6f8f4,transparent 35%),linear-gradient(135deg,#e5edff,#f7f9ff)}.api-node{position:absolute;z-index:2;width:61px;height:62px;border:1px solid #c8d8f2;background:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#4778e7;box-shadow:0 10px 22px #16386d16}.api-node i{font-size:19px}.api-node b{font-size:7px;letter-spacing:.08em}.api-left{left:10%;top:40px}.api-center{left:calc(50% - 30px);top:31px;width:68px;height:70px;background:linear-gradient(135deg,#2f6df6,#37b9d1);color:#fff;border:0;box-shadow:0 12px 24px #2f6df644}.api-right{right:10%;top:40px;color:#0b9e83}.api-line{position:absolute;top:70px;height:2px;background:#7dabea;width:22%;}.line-left{left:25%}.line-right{right:25%}.api-packet{position:absolute;top:66px;width:7px;height:7px;border-radius:50%;background:#2f6df6;box-shadow:0 0 0 4px #2f6df61a;animation:packetMove 2.8s ease-in-out infinite}.packet-one{left:29%}.packet-two{right:29%;animation-delay:-1.4s}.api-label{color:#6e8bb8}
.visual-automation{background:radial-gradient(circle at 15% 15%,#fff0d7,transparent 32%),linear-gradient(135deg,#fff7e9,#e2f7f1)}.flow-step{position:absolute;top:47px;width:68px;height:58px;border:1px solid #d8e5f3;border-radius:13px;background:#fff;box-shadow:0 10px 20px #15355c13;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#4779df;z-index:2}.flow-step i{font-size:17px}.flow-step span{font-size:8px;font-weight:800;color:#50627c}.step-one{left:7%}.step-two{left:calc(50% - 34px);background:#12345c;color:#77dfd4;border-color:#12345c}.step-two span{color:#d7e9ff}.step-three{right:7%;color:#12a778}.flow-connector{position:absolute;top:75px;width:19%;height:2px;background:#9bb9dc}.conn-one{left:27%}.conn-two{right:27%}.automation-pulse{position:absolute;left:50%;top:20px;width:9px;height:9px;border-radius:50%;background:#55d9b1;box-shadow:0 0 0 7px #55d9b124;animation:pulseGlow 2s infinite}.automation-caption{color:#b07c38}
.visual-iot{background:radial-gradient(circle at 50% 50%,#d8f8f0,#e5edff 75%)}.iot-grid{position:absolute;inset:0;background-image:linear-gradient(#4879b414 1px,transparent 1px),linear-gradient(90deg,#4879b414 1px,transparent 1px);background-size:19px 19px;mask-image:radial-gradient(ellipse,black,transparent 78%)}.iot-chip{position:absolute;z-index:2;left:calc(50% - 32px);top:39px;width:64px;height:64px;border-radius:17px;background:linear-gradient(135deg,#12345d,#2472a2);color:#79e3dc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;box-shadow:0 12px 25px #12345d35}.iot-chip i{font-size:23px}.iot-chip b{font-size:9px;letter-spacing:.2em;color:#fff}.iot-ring{position:absolute;left:calc(50% - 56px);top:15px;width:112px;height:112px;border:1px solid #2c8ba65c;border-radius:50%;animation:spin 18s linear infinite}.ring-b{left:calc(50% - 75px);top:-4px;width:150px;height:150px;border-style:dashed;animation-direction:reverse}.iot-point{position:absolute;width:8px;height:8px;border-radius:50%;background:#2e8cf4;box-shadow:0 0 0 5px #2e8cf41a}.point-a{left:23%;top:36%}.point-b{right:21%;top:28%;background:#17b78b}.point-c{right:29%;bottom:20%;background:#a06bdf}.iot-caption{color:#548d8d}
@keyframes packetMove{0%,100%{transform:translateX(0);opacity:.5}50%{transform:translateX(35px);opacity:1}}@keyframes pulseGlow{50%{box-shadow:0 0 0 12px #55d9b100;transform:scale(.85)}}
/* Page sections reveal in sequence; navigation scroll never writes a hash to the address bar. */
html{scroll-behavior:auto;scroll-padding-top:96px}.section,.intro-strip,.dark-band,.about-section,.faq-section,.contact-section{scroll-margin-top:94px}.section-head,.intro-inner,.dark-grid,.about-grid,.faq-grid,.contact-grid{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.section-head{transform:translateY(12px);opacity:.96}.section-head.in-view{transform:translateY(0);opacity:1}.navlinks a[aria-current="location"]:not(.nav-cta){color:var(--blue)}
@media(max-width:760px){.service-visual{height:165px}.visual-dashboard{height:137px}.service-card{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.service-visual *, .service-visual:before,.service-visual:after{animation:none!important;transition:none!important}}


/* Readability upgrade: stronger type scale, contrast and touch targets. */
:root{--body-size:17px;--body-leading:1.78}
body{font-size:var(--body-size);line-height:var(--body-leading)}
p{font-size:1.04rem;line-height:1.8}
.topbar{font-size:14px;line-height:1.5}
.navlinks{font-size:15.5px;gap:24px}
.nav-cta{font-size:15px}
.eyebrow,.mini-label,.kicker,.service-index,.project-type,.form-head>span{font-size:12px}
.hero-copy>p{font-size:19px;line-height:1.85}
.hero-proof{font-size:13.5px;line-height:1.6}
.btn{font-size:15.5px;min-height:54px;padding:15px 21px}
.section-head>p,.intro-inner>p,.about-copy>p,.faq-grid>div>p,.contact-copy>p{font-size:17.5px;line-height:1.85}
.service-card h3,.project-info h3,.process-step h3{font-size:1.42rem;line-height:1.3}
.service-card>p,.project-info>p,.process-step>p{font-size:16.5px;line-height:1.8}
.service-card ul{font-size:15.5px;line-height:1.85}
.service-card>a[aria-label]{width:42px;height:42px;font-size:16px}
.navlinks a,.footer-main a{min-height:42px}
.contact-form label{font-size:15.5px;line-height:1.55}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:16px;line-height:1.6;padding:14px 15px}
.form-head h3{font-size:1.65rem}
.form-head p,.form-note{font-size:14.5px;line-height:1.7}
.consent{font-size:14px;line-height:1.65}
.faq-question{font-size:17px;line-height:1.55}
.faq-answer p{font-size:16px;line-height:1.8}
.footer-brand p,.footer-main>div>a,.footer-bottom{font-size:14.5px;line-height:1.7}
.floating-wa{font-size:15px;min-height:52px}
.backtop{width:48px;height:48px}
:focus-visible{outline:3px solid #2f6df6;outline-offset:3px}
@media(min-width:1200px){.wrap{width:min(1240px,calc(100% - 64px))}.service-card{padding:28px}.section{padding-top:104px;padding-bottom:104px}.section-head{max-width:850px}.section-head>p{max-width:760px}}
@media(max-width:900px){.navlinks{gap:16px;font-size:15px}.brand{width:215px}.hero-copy>p{font-size:18px}}
@media(max-width:760px){
  :root{--body-size:17px;--body-leading:1.75}
  .wrap{width:calc(100% - 36px)}
  .topbar{font-size:12.5px;padding:9px 0}.top-inner{align-items:flex-start}.top-inner>a{white-space:nowrap}
  .navin{height:72px}.brand{width:200px;max-width:72vw}.brand img{max-height:56px}
  .navlinks{font-size:17px;gap:4px;padding:12px 18px 20px}
  .navlinks>a{min-height:48px;display:flex;align-items:center}
  .hero{padding-top:55px}.herogrid{gap:10px;min-height:unset}.hero-copy{padding-bottom:32px}
  h1{font-size:clamp(2.25rem,8.4vw,3.25rem);line-height:1.13;letter-spacing:-.04em}
  h2{font-size:clamp(1.9rem,7vw,2.65rem);line-height:1.2}
  h3{font-size:1.35rem}
  .hero-copy>p{font-size:17.5px;line-height:1.8}
  .eyebrow{font-size:11px;letter-spacing:.1em;padding:8px 11px}
  .hero-actions{gap:10px}.hero-actions .btn{width:100%;justify-content:center}
  .btn{font-size:16px;min-height:54px;padding:15px 17px}
  .hero-proof{font-size:14px;gap:10px 15px}
  .hero-art{min-height:310px;transform:scale(.94);transform-origin:top center;margin-bottom:-8px}
  .hero-bottom{font-size:10px;gap:8px;padding:15px 0}
  .intro-inner{gap:16px}.intro-inner>p,.section-head>p,.about-copy>p,.faq-grid>div>p,.contact-copy>p{font-size:17px;line-height:1.8}
  .section{padding:70px 0}.section-head{margin-bottom:30px}.section-head>p{margin-top:12px}
  .service-card{padding:19px;border-radius:20px}.service-visual{height:175px;margin:-1px -1px 20px}
  .service-icon{width:48px;height:48px;font-size:20px}.service-index{font-size:11px}
  .service-card h3,.project-info h3,.process-step h3{font-size:1.38rem;line-height:1.3}
  .service-card>p,.project-info>p,.process-step>p{font-size:16.5px;line-height:1.78}
  .service-card ul{font-size:15.5px;line-height:1.85;padding-left:20px}
  .project-info{padding:23px 20px}.project-type{font-size:11px}.project-note{font-size:14px;line-height:1.7}
  .process-step{padding:22px}.step-num{font-size:13px}.process-icon{width:46px;height:46px;font-size:20px}
  .about-grid,.faq-grid,.contact-grid{gap:32px}.about-visual{min-height:260px}.about-copy h2{font-size:clamp(1.9rem,7vw,2.5rem)}
  .values>div{gap:13px}.values small{font-size:14px;line-height:1.6}
  .faq-question{font-size:16.5px;padding:18px 0}.faq-answer p{font-size:16px}
  .contact-section{padding:68px 0}.contact-copy h2{font-size:clamp(2rem,7.5vw,2.8rem)}
  .contact-points{font-size:15px;line-height:1.7}.contact-form{padding:23px 18px;border-radius:20px}.form-head h3{font-size:1.55rem}
  .form-row{grid-template-columns:1fr;gap:14px}.contact-form label{font-size:15px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;font-size:16px;min-height:50px;padding:13px 14px}
  .consent{font-size:13.5px;align-items:flex-start}.form-note{font-size:13.5px}
  .footer-main{gap:28px}.footer-main h4{font-size:16px}.footer-main>div>a,.footer-brand p,.footer-bottom{font-size:14px}
  .floating-wa{right:14px;bottom:14px;min-height:50px;padding:12px 16px;font-size:14px}.backtop{right:16px;bottom:76px}
}
@media(max-width:390px){.wrap{width:calc(100% - 28px)}.hero-art{transform:scale(.86);margin-left:-12px;margin-right:-12px;margin-bottom:-28px}.hero-bottom{font-size:9px}.top-inner{font-size:11px}.brand{width:178px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
#avo-bottom-bar #avo-branding,
#avo-bottom-bar #avo-branding a {
    display: none !important;
    visibility: hidden !important;
}