
/* WEB INOVANT AI AUTOMATION PREMIUM V1 */
:root{--aip-navy:#061a37;--aip-blue:#0872e6;--aip-cyan:#47c7ff;--aip-text:#10233e;--aip-muted:#64768d;--aip-line:#dce7f2;--aip-green:#22b866;--aip-orange:#ff9e22}
.aip-hero{position:relative;overflow:hidden;padding:96px 0;background:radial-gradient(circle at 82% 16%,rgba(50,193,255,.22),transparent 29%),linear-gradient(135deg,#f9fcff,#edf7ff)}
.aip-glow{position:absolute;width:600px;height:600px;border-radius:50%;right:-220px;top:-250px;border:1px solid rgba(8,114,230,.07);box-shadow:0 0 0 90px rgba(8,114,230,.018),0 0 0 180px rgba(8,114,230,.01)}
.aip-hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:68px;align-items:center}.aip-kicker{display:flex;align-items:center;gap:9px;color:var(--aip-blue);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:15px}.aip-kicker i{width:8px;height:8px;border-radius:50%;background:var(--aip-orange);box-shadow:0 0 0 5px rgba(255,158,34,.12)}.aip-kicker.light{color:#7fc8ff}
.aip-copy h1,.aid-hero h1{font-size:clamp(49px,5.2vw,76px);line-height:.98;letter-spacing:-.055em;color:var(--aip-navy);margin:18px 0 22px}.aip-copy h1 span{color:var(--aip-blue)}.aip-copy>p,.aid-hero p{font-size:17px;line-height:1.75;color:var(--aip-muted);max-width:740px}
.aip-actions{display:flex;gap:11px;margin:27px 0}.aip-btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 19px;border-radius:13px;text-decoration:none!important;font-size:13px;font-weight:900}.aip-btn.primary{background:linear-gradient(135deg,#0758c2,#0b82f0);color:#fff;box-shadow:0 12px 28px rgba(7,104,220,.15)}.aip-btn.secondary{background:#fff;border:1px solid #d6e3f1;color:#183551}
.aip-trust{display:flex;gap:8px;flex-wrap:wrap}.aip-trust span{padding:8px 10px;border:1px solid #dbe7f2;background:rgba(255,255,255,.82);border-radius:999px;font-size:10px;color:#527089}
.aip-control{padding:25px;border-radius:28px;background:linear-gradient(155deg,#061a38,#0a4b9d);color:#fff;box-shadow:0 36px 90px rgba(5,58,125,.21)}.aip-control-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.1)}.aip-control-top div{display:grid}.aip-control-top small{font-size:8px;color:#69b9ff;letter-spacing:.12em}.aip-control-top b{font-size:15px;margin-top:4px}.aip-control-top>span{font-size:8px;color:#5ce19a;font-weight:900;letter-spacing:.1em}
.aip-orchestration{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:12px;align-items:center;padding:24px 0}.aip-input,.aip-output{display:grid;gap:7px}.aip-input small,.aip-output small{font-size:8px;color:#83a8cf;letter-spacing:.1em}.aip-input span,.aip-output span{padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.06);font-size:10px;color:#d2e1f0}.aip-engine{text-align:center}.aip-engine-core{width:116px;height:116px;margin:auto;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#1d8cff,#0a4b9b);box-shadow:0 0 0 12px rgba(68,166,255,.08),0 0 45px rgba(57,158,255,.28);font-size:32px;font-weight:900}.aip-engine-core small{display:block;font-size:7px;letter-spacing:.12em;color:#c9e5ff}.aip-engine>b{display:block;margin-top:18px;font-size:9px;color:#9cb8d5}
.aip-control-foot{display:flex;justify-content:space-between;gap:10px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}.aip-control-foot span{font-size:9px;color:#a9c0d8}.aip-control-foot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54df99;margin-right:6px}
.aip-value,.aip-industries,.aid-why,.aid-related{padding:88px 0}.aip-section-head{max-width:830px;margin:0 auto 40px;text-align:center}.aip-section-head.split{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;text-align:left}.aip-section-head.split p{margin:0}.aip-section-head .aip-kicker{justify-content:center}.aip-section-head.split .aip-kicker{justify-content:flex-start}.aip-section-head h2,.aid-intro h2,.aid-control h2,.aid-faq h2{font-size:clamp(36px,4vw,58px);line-height:1.03;letter-spacing:-.045em;color:var(--aip-navy);margin:0}.aip-section-head>p,.aip-section-head.split>p{font-size:16px;line-height:1.7;color:var(--aip-muted);margin-top:15px}
.aip-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.aip-value-grid article{padding:25px;border:1px solid var(--aip-line);border-radius:19px;background:#fff}.aip-value-grid article>b{color:#91a9c1;font-size:10px}.aip-value-grid h3{font-size:18px;color:#112b49;margin:27px 0 8px}.aip-value-grid p{font-size:13px;line-height:1.65;color:var(--aip-muted)}
.aip-solutions{padding:88px 0;background:#f5f9fd}.aip-filter{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:42px}.aip-filter button{padding:9px 13px;border-radius:999px;border:1px solid #d9e5f1;background:#fff;color:#49627b;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.aip-filter button.active{background:#0872e6;color:#fff;border-color:#0872e6}
.aip-group{margin-bottom:48px}.aip-group-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.aip-group-head small{font-size:9px;color:#0872e6;font-weight:900;letter-spacing:.12em}.aip-group-head h3{font-size:26px;color:#102b4a;margin:5px 0 0}.aip-group-head>span{font-size:10px;color:#8a9bad}.aip-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.aip-card{position:relative;display:block;min-height:295px;padding:22px;border:1px solid #dce7f2;border-radius:20px;background:#fff;text-decoration:none!important;color:inherit;box-shadow:0 10px 28px rgba(7,46,98,.035);transition:.22s}.aip-card:hover{transform:translateY(-5px);border-color:#b7d7fa;box-shadow:0 20px 52px rgba(8,76,155,.09)}.aip-card-top{display:flex;justify-content:space-between;align-items:center}.aip-card-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f3ff,#f2f9ff);color:#0872e6;font-size:11px;font-weight:900}.aip-card-arrow{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f2f7fd;color:#0872e6}.aip-card>small{display:block;margin-top:24px;font-size:9px;color:#0872e6;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.aip-card h3{font-size:19px;line-height:1.2;color:#102945;margin:7px 0 9px}.aip-card>p{font-size:12px;line-height:1.58;color:#6c7f94}.aip-card-use{position:absolute;left:22px;right:22px;bottom:20px;padding-top:13px;border-top:1px solid #edf2f7;display:grid;gap:4px}.aip-card-use b{font-size:8px;color:#8ba0b4;text-transform:uppercase;letter-spacing:.08em}.aip-card-use span{font-size:10px;color:#365c7f}
.aip-connected,.aid-control{padding:88px 0;background:linear-gradient(135deg,#04142e,#082b60);color:#fff}.aip-connected-grid,.aid-control-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center}.aip-connected h2,.aid-control h2{color:#fff}.aip-connected p,.aid-control p{color:#b8cce3;line-height:1.7}.aip-integration-pills,.aid-control-points,.aid-stack-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.aip-integration-pills span,.aid-control-points span{padding:9px 11px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);border-radius:999px;font-size:10px;color:#d3e1ef}
.aip-stack-map{padding:25px;border-radius:24px;background:rgba(1,14,34,.56);border:1px solid rgba(128,191,255,.18)}.aip-stack-row{display:flex;align-items:center;gap:13px;padding:15px 17px;border-radius:13px;background:rgba(255,255,255,.06)}.aip-stack-row small{font-size:9px;color:#67baff}.aip-stack-row b{font-size:14px}.aip-stack-row span{margin-left:auto;font-size:10px;color:#abc1d8}.aip-stack-row.active{background:linear-gradient(90deg,rgba(15,122,236,.26),rgba(34,184,102,.12));border:1px solid rgba(82,180,255,.2)}.aip-stack-map>i{display:block;text-align:center;font-style:normal;color:#62b5ff;padding:5px}
.aip-industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.aip-industry-grid a{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--aip-line);border-radius:15px;text-decoration:none!important;background:#fff;color:inherit}.aip-industry-grid a>span{font-size:24px}.aip-industry-grid div{display:grid;gap:3px}.aip-industry-grid small{font-size:8px;color:#8a9bad;letter-spacing:.08em}.aip-industry-grid b{font-size:12px;color:#17324f}.aip-industry-grid em{margin-left:auto;font-style:normal;color:#0872e6}.aip-center-link{text-align:center;margin-top:24px}.aip-center-link a{color:#0872e6;text-decoration:none;font-weight:850}
.aip-final{padding:28px 0 90px}.aip-final-box{display:grid;grid-template-columns:1.18fr .82fr;gap:44px;align-items:center;padding:44px!important;border-radius:27px;background:linear-gradient(135deg,#061f48,#0872df);color:#fff;box-shadow:0 28px 75px rgba(5,70,150,.18)}.aip-final h2{font-size:clamp(31px,3.8vw,50px);line-height:1.04;letter-spacing:-.04em;margin:0;color:#fff}.aip-final p{color:#c7dcf4}.aip-final-actions{display:grid;gap:9px}.aip-final-actions a{padding:14px 17px;border-radius:12px;text-align:center;text-decoration:none!important;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12px;font-weight:900}.aip-final-actions a.primary{background:#fff;color:#0757b5;border-color:#fff}

/* DETAIL */
.aid-hero{padding:90px 0;background:radial-gradient(circle at 82% 18%,rgba(48,193,255,.19),transparent 28%),linear-gradient(135deg,#f9fcff,#eef7ff)}.aid-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.aid-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:11px}.aid-breadcrumb a{color:#5f7690;text-decoration:none}.aid-breadcrumb b{color:#173651}.aid-demo{padding:25px;border-radius:25px;background:#071c3d;color:#fff;box-shadow:0 32px 82px rgba(5,58,125,.2)}.aid-demo-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1)}.aid-demo-head small{font-size:8px;color:#6ab9ff}.aid-demo-head b{font-size:14px}.aid-demo-head span{font-size:8px;color:#59e199}.aid-demo-row{display:flex;gap:13px;padding:15px 17px;border-radius:13px;background:rgba(255,255,255,.055)}.aid-demo-row em{font-style:normal;color:#62b8ff;font-size:9px;font-weight:900}.aid-demo-row div{display:grid;gap:3px}.aid-demo-row b{font-size:13px}.aid-demo-row span{font-size:10px;color:#a9bed5}.aid-demo-row.active{background:linear-gradient(90deg,rgba(15,122,236,.27),rgba(34,184,102,.12));border:1px solid rgba(91,181,255,.2)}.aid-demo-line{width:1px;height:12px;background:#3876b5;margin:auto}
.aid-intro,.aid-why{padding:84px 0}.aid-intro-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}.aid-copy{font-size:16px;line-height:1.8;color:#61768d}
.aid-three{padding:84px 0;background:#f5f9fd}.aid-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.aid-three article{padding:26px;border:1px solid var(--aip-line);border-radius:20px;background:#fff}.aid-three article>span{font-size:10px;color:#8da3b8;font-weight:900}.aid-three small{display:block;margin-top:26px;font-size:8px;color:#0872e6;font-weight:900;letter-spacing:.11em}.aid-three h3{font-size:19px;color:#102b49;margin:7px 0 12px}.aid-three article>div{font-size:13px;color:#65788f;line-height:1.7}
.aid-control-card{padding:24px;border-radius:23px;background:rgba(2,15,36,.58);border:1px solid rgba(125,191,255,.18)}.aid-control-card>div{padding:15px 17px;border-radius:13px;background:rgba(255,255,255,.06)}.aid-control-card small,.aid-control-card b{display:block}.aid-control-card small{font-size:8px;color:#69b8ff;letter-spacing:.09em}.aid-control-card b{font-size:12px;margin-top:4px}.aid-control-card>i{display:block;text-align:center;font-style:normal;color:#55d994;padding:5px}
.aid-stack-chips{justify-content:center}.aid-stack-chips span{padding:10px 14px;border-radius:999px;background:#edf6ff;color:#315d82;font-size:10px}
.aid-industries{padding:84px 0;background:#f6f9fd}.aid-faq{padding:84px 0}.aid-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.aid-faq-grid>div:first-child>p{color:#697c92}.aid-faq-list details{border-bottom:1px solid var(--aip-line)}.aid-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:19px 0;font-size:15px;font-weight:850;color:#102945}.aid-faq-list summary::-webkit-details-marker{display:none}.aid-faq-list summary span{color:#0872e6;font-size:20px}.aid-faq-list details p{margin:-3px 0 19px;font-size:13px;color:#65788f;line-height:1.7}
.aid-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.aid-related-grid a{padding:23px;border:1px solid var(--aip-line);border-radius:19px;text-decoration:none!important;background:#fff;color:inherit}.aid-related-grid>a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eaf4ff;color:#0872e6}.aid-related-grid h3{font-size:17px;color:#102945;margin:22px 0 8px}.aid-related-grid p{font-size:12px;line-height:1.58;color:#6a7d92}.aid-related-grid b{display:block;margin-top:15px;color:#0872e6;font-size:10px}

@media(max-width:1000px){.aip-hero-grid,.aip-connected-grid,.aid-hero-grid,.aid-intro-grid,.aid-control-grid,.aid-faq-grid{grid-template-columns:1fr}.aip-card-grid{grid-template-columns:1fr 1fr 1fr}.aip-value-grid{grid-template-columns:1fr 1fr}.aip-industry-grid,.aid-related-grid{grid-template-columns:1fr 1fr}.aid-three-grid{grid-template-columns:1fr}.aip-section-head.split{grid-template-columns:1fr;gap:18px}.aip-final-box{grid-template-columns:1fr}}
@media(max-width:720px){.aip-orchestration{grid-template-columns:1fr}.aip-engine{order:-1}.aip-input,.aip-output{grid-template-columns:1fr 1fr}.aip-control-foot{display:grid}.aip-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.aip-hero,.aid-hero{padding:58px 0}.aip-copy h1,.aid-hero h1{font-size:43px}.aip-value,.aip-industries,.aid-why,.aid-related,.aip-solutions,.aip-connected,.aid-control,.aid-intro,.aid-three,.aid-industries,.aid-faq{padding:58px 0}.aip-card-grid,.aip-value-grid,.aip-industry-grid,.aid-related-grid{grid-template-columns:1fr}.aip-card{min-height:275px}.aip-actions{display:grid}.aip-final-box{padding:30px!important}.aip-input,.aip-output{grid-template-columns:1fr}.aip-section-head h2,.aid-intro h2,.aid-control h2,.aid-faq h2{font-size:34px}}
