/* === RESET === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:130px}
body{font-family:'Noto Sans SC','Inter',sans-serif;background:#fff;color:#333;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}

:root{--pri:#165DFF;--prih:#0e4fd9;--pril:#EBF1FF;--dark:#1a1a1a;--gray:#6B7280;--gray2:#9CA3AF;--bg:#F5F7FA;--bg2:#F8FAFF;--green:#00B42A;--foot:#0f1724}

.btn-pri{background:var(--pri);color:#fff;border-radius:12px;padding:12px 28px;font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s;text-decoration:none}
.btn-pri:hover{background:var(--prih);transform:translateY(-1px);box-shadow:0 4px 16px rgba(22,93,255,.3)}

.container{max-width:1280px;margin:0 auto;padding:0 24px}
section{padding:80px 0}
.sec-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(22,93,255,.1);color:var(--pri);font-size:12px;padding:6px 14px;border-radius:20px;font-weight:500;margin-bottom:16px}
.sec-head{text-align:center;margin-bottom:48px}
.sec-head h2{font-size:30px;font-weight:700;color:var(--dark);margin-bottom:8px;font-family:'Noto Sans SC',sans-serif}
.sec-head p{font-size:14px;color:var(--gray);max-width:560px;margin:0 auto;line-height:1.7}

/* NAV */
#topnav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);box-shadow:0 1px 3px rgba(0,0,0,.05)}
#topnav.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08)}
.nav-brand-bar{border-bottom:1px solid rgba(0,0,0,.05)}
.nav-brand-inner{display:flex;align-items:center;justify-content:space-between;height:56px}
.brand-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--dark)}
.brand-icon{width:32px;height:32px;background:var(--pri);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.brand-divider{color:#d1d5db;margin:0 4px;display:none}.brand-sub{font-size:12px;color:var(--gray);display:none}
.nav-actions{display:flex;align-items:center;gap:12px}
.nav-phone{display:none;align-items:center;gap:6px;font-size:12px;color:var(--gray)}
.nav-consult{font-size:14px;background:var(--pri);color:#fff;padding:6px 16px;border-radius:8px;font-weight:500;transition:all .2s;display:none}.nav-consult:hover{background:var(--prih)}
.nav-toggle{color:var(--gray);padding:4px}
.nav-anchor-inner{display:none;align-items:center;gap:4px;overflow-x:auto}.nav-anchor-inner::-webkit-scrollbar{display:none}
.anchor-btn{font-size:12px;padding:6px 14px;border-radius:8px;white-space:nowrap;font-weight:500;transition:all .2s;color:var(--gray)}
.anchor-btn:hover{color:var(--pri);background:var(--pril)}.anchor-btn.active{background:var(--pri);color:#fff}
.mobile-menu{display:none;background:#fff;border-top:1px solid rgba(0,0,0,.05);padding:16px 24px}
.mobile-menu.open{display:block}
.mobile-anchors{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.mobile-anchor{font-size:12px;padding:8px 12px;border-radius:8px;text-align:left;background:var(--bg);color:var(--gray);transition:all .2s}
.mobile-anchor.active{background:var(--pri);color:#fff}
.mobile-consult{width:100%;background:var(--pri);color:#fff;padding:10px;border-radius:12px;font-size:14px;font-weight:500}

/* FLOAT BAR */
#float-bar{position:fixed;right:20px;bottom:80px;z-index:50;display:flex;flex-direction:column;gap:8px;transition:all .3s;opacity:0;transform:translateX(40px);pointer-events:none}
#float-bar.visible{opacity:1;transform:translateX(0);pointer-events:auto}
.float-btn{width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--pri);transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.float-btn:hover{background:var(--pri);color:#fff;border-color:var(--pri);transform:scale(1.05)}
.float-btn.back-top{color:var(--gray)}.float-btn.back-top:hover{background:var(--pri);color:#fff;border-color:var(--pri)}

/* MODAL */
#modal-overlay{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center}
#modal-overlay.open{display:flex}
.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}
.modal-box{position:relative;background:#fff;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.2);width:100%;max-width:448px;margin:0 16px;padding:32px;z-index:10;max-height:90vh;overflow-y:auto}
.modal-close{position:absolute;top:16px;right:16px;color:var(--gray2);padding:4px}.modal-close:hover{color:var(--gray)}
.modal-title{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:4px}
.modal-sub{font-size:13px;color:var(--gray2);margin-bottom:20px}
.form-input,.form-select,.form-textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-size:14px;outline:none;transition:border .2s;margin-bottom:12px}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--pri)}
.form-select{appearance:none;background:#fff;color:var(--gray)}.form-textarea{resize:none}
.modal-submit{width:100%;background:var(--pri);color:#fff;padding:14px;border-radius:12px;font-weight:500;font-size:15px;transition:all .2s}
.modal-submit:hover{background:var(--prih);box-shadow:0 8px 25px rgba(22,93,255,.2)}
.modal-success{text-align:center;padding:32px 0;display:none}.modal-success.active{display:block}
.modal-form-wrap.hidden{display:none}
.modal-success-icon{width:64px;height:64px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.modal-success h3{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:8px}
.modal-success p{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:24px}
.modal-close-btn{background:var(--pri);color:#fff;padding:8px 32px;border-radius:12px;font-size:14px;transition:all .2s}.modal-close-btn:hover{background:var(--prih)}

/* BANNER */
#banner{min-height:92vh;padding-top:112px;background:linear-gradient(135deg,#EBF1FF 0%,#fff 40%,#F0F5FF 100%);display:flex;align-items:center}
.banner-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}
.banner-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(22,93,255,.1);color:var(--pri);font-size:12px;padding:6px 14px;border-radius:20px;font-weight:500;margin-bottom:24px}
#banner h1{font-size:36px;font-weight:700;color:var(--dark);line-height:1.25;margin-bottom:16px;font-family:'Noto Sans SC',sans-serif}
#banner h1 span{color:var(--pri)}
.banner-features{font-size:14px;color:var(--pri);font-weight:600;margin-bottom:12px;letter-spacing:.5px}
.banner-desc{font-size:14px;color:#4b5563;margin-bottom:32px;line-height:1.7;max-width:560px}
.banner-desc strong{color:var(--dark);font-weight:600}
.banner-btns{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}
.banner-checks{display:flex;flex-wrap:wrap;gap:20px}
.banner-check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray)}

/* MOCKUP */
.mockup-wrap{position:relative;display:flex;justify-content:center}
.mockup{background:#fff;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.12);border:1px solid #f3f4f6;overflow:hidden;max-width:480px;width:100%}
.mockup-bar{background:var(--pri);padding:8px 16px;display:flex;align-items:center;gap:10px}
.mockup-dots{display:flex;gap:6px}.mockup-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25)}
.mockup-title{color:rgba(255,255,255,.8);font-size:12px;margin-left:4px}
.mockup-badge{margin-left:auto;font-size:10px;background:rgba(255,255,255,.2);color:#fff;padding:2px 8px;border-radius:4px}
.mockup-body{display:flex;height:240px}
.mockup-sidebar{width:112px;background:var(--pril);border-right:1px solid rgba(22,93,255,.15);padding:8px 0;display:flex;flex-direction:column;flex-shrink:0}
.mockup-nav-item{font-size:10px;padding:6px 12px;cursor:default;color:var(--gray);transition:all .1s}
.mockup-nav-item:first-child{color:#374151;font-weight:500}
.mockup-nav-item.active{background:var(--pri);color:#fff}
.mockup-main{flex:1;padding:12px;background:var(--bg2);overflow:hidden}
.mockup-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mockup-main-title{font-size:12px;font-weight:600;color:#374151}
.mockup-pending{font-size:10px;background:#fff3e0;color:#e65100;padding:2px 8px;border-radius:10px}
.mockup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.mockup-stat{padding:8px;text-align:center;border-radius:8px}.mockup-stat:nth-child(1){background:#eff6ff}.mockup-stat:nth-child(2){background:#f0fdf4}.mockup-stat:nth-child(3){background:#fff7ed}
.mockup-stat .val{font-size:14px;font-weight:700}.mockup-stat:nth-child(1) .val{color:var(--pri)}.mockup-stat:nth-child(2) .val{color:#16a34a}.mockup-stat:nth-child(3) .val{color:#ea580c}
.mockup-stat .lbl{font-size:9px;color:var(--gray2)}
.mockup-chart{background:#fff;border-radius:8px;padding:8px;margin-bottom:8px;border:1px solid #f9fafb}
.mockup-chart-header{display:flex;justify-content:space-between;margin-bottom:4px}.mockup-chart-header span{font-size:9px;color:var(--gray2)}.mockup-chart-header span:last-child{color:var(--pri)}
.mockup-bars{display:flex;align-items:flex-end;gap:2px;height:36px}
.mockup-bar-item{flex:1;background:var(--pri);border-radius:2px 2px 0 0}
.mockup-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:8px;padding:4px 8px;margin-bottom:4px;border:1px solid #f9fafb}
.mockup-row-left{display:flex;align-items:center;gap:6px}
.mockup-avatar{width:16px;height:16px;border-radius:50%;background:rgba(22,93,255,.15);color:var(--pri);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:500}
.mockup-row-name{font-size:10px;font-weight:500;color:#374151}.mockup-row-org{font-size:9px;color:var(--gray2)}
.mockup-status{font-size:9px;padding:2px 6px;border-radius:10px}.mockup-status.pending{background:#fff3e0;color:#e65100}.mockup-status.ok{background:#f0fdf4;color:#16a34a}

/* ADVANTAGES */
#advantage{background:#fff}
.adv-grid{display:grid;grid-template-columns:1fr;gap:20px}
.adv-card{background:var(--bg);border-radius:16px;padding:24px;transition:all .25s;cursor:default}
.adv-card:hover{background:var(--pri);transform:translateY(-4px);box-shadow:0 20px 40px rgba(22,93,255,.15)}
.adv-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--pri);margin-bottom:20px;transition:all .25s;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.adv-card:hover .adv-icon{background:rgba(255,255,255,.2);color:#fff}
.adv-card h3{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:12px;line-height:1.5;transition:color .25s}
.adv-card:hover h3{color:#fff}
.adv-card p{font-size:12px;color:var(--gray);line-height:1.7;transition:color .25s}.adv-card:hover p{color:rgba(255,255,255,.75)}

/* FEATURES */
#features{background:var(--bg)}
.feat-item{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;margin-bottom:48px}.feat-item:last-child{margin-bottom:0}
.feat-card-top{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:16px}
.ct1{background:#eff6ff;color:#2563eb}.ct2{background:#faf5ff;color:#9333ea}.ct3{background:#f0fdf4;color:#16a34a}
.ct4{background:#fff7ed;color:#ea580c}.ct5{background:#ecfeff;color:#0891b2}.ct6{background:#fef2f2;color:#dc2626}
.feat-text p.desc{font-size:14px;color:#4b5563;line-height:1.7;margin-bottom:20px}
.feat-points{display:grid;grid-template-columns:1fr;gap:10px}
.feat-point{display:flex;align-items:flex-start;gap:8px;background:#fff;border-radius:12px;padding:10px 12px;border:1px solid #f3f4f6;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.feat-point svg{flex-shrink:0;margin-top:1px;color:var(--green)}.feat-point span{font-size:12px;color:#374151;line-height:1.6}
.feat-visual{border-radius:16px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:208px;text-align:center}
.fv1{background:#eff6ff}.fv2{background:#faf5ff}.fv3{background:#f0fdf4}.fv4{background:#fff7ed}.fv5{background:#ecfeff}.fv6{background:#fef2f2}
.fv-icon{margin-bottom:16px}.fv-icon.c1{color:#2563eb}.fv-icon.c2{color:#9333ea}.fv-icon.c3{color:#16a34a}.fv-icon.c4{color:#ea580c}.fv-icon.c5{color:#0891b2}.fv-icon.c6{color:#dc2626}
.fv-label{font-size:12px;color:var(--gray);font-weight:500;margin-top:24px}.fv-sub{font-size:10px;color:var(--gray2);margin-top:4px}
.fv-lines{margin-top:20px;width:100%;max-width:192px}.fv-line{background:rgba(255,255,255,.7);border-radius:4px;height:8px;margin-bottom:8px}
.fv-line:nth-child(1){width:100%}.fv-line:nth-child(2){width:75%}.fv-line:nth-child(3){width:83%}

/* EXTRAS */
.extras-box{background:#fff;border-radius:16px;padding:32px;border:1px solid #f3f4f6;margin-top:56px}
.extras-box h3{text-align:center;font-weight:700;color:var(--dark);margin-bottom:4px;font-size:18px}
.extras-box>p{text-align:center;font-size:12px;color:var(--gray2);margin-bottom:28px}
.extras-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.extra-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg);border-radius:12px;padding:12px;border:1px solid transparent;transition:all .2s;cursor:default;color:var(--pri)}
.extra-item:hover{background:var(--pril);border-color:rgba(22,93,255,.2)}
.extra-item span{font-size:10px;color:var(--gray);font-weight:500;text-align:center}

/* DEPLOY */
#deploy{background:#fff}
.deploy-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:56px}
.deploy-card{border:2px solid #e5e7eb;border-radius:16px;padding:28px;position:relative;transition:all .3s}
.deploy-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.08);transform:translateY(-4px)}
.deploy-card.featured{border-color:var(--pri);box-shadow:0 10px 30px rgba(22,93,255,.1)}
.deploy-featured-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--pri);color:#fff;font-size:12px;padding:4px 16px;border-radius:20px;font-weight:500;box-shadow:0 4px 12px rgba(22,93,255,.3);white-space:nowrap}
.deploy-card-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.deploy-icon{width:40px;height:40px;background:rgba(22,93,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--pri);flex-shrink:0}
.deploy-card-title{font-weight:700;color:var(--dark);font-size:16px;line-height:1.3}
.deploy-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500;display:inline-block;margin-top:2px}
.dtag-blue{background:#eff6ff;color:#2563eb}.dtag-pri{background:var(--pri);color:#fff}.dtag-gray{background:#f3f4f6;color:#4b5563}
.deploy-scene{font-size:12px;color:var(--gray);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.deploy-scene strong{color:#4b5563}
.deploy-desc{font-size:14px;color:#4b5563;line-height:1.7;margin-bottom:20px}
.deploy-items{margin-bottom:24px}.deploy-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;margin-bottom:8px}
.deploy-item svg{color:var(--green);flex-shrink:0}
.deploy-card-btn{width:100%;padding:12px;border-radius:12px;font-size:14px;font-weight:500;transition:all .2s;border:1px solid var(--pri);color:var(--pri);background:#fff}
.deploy-card-btn:hover{background:var(--pril)}
.deploy-card.featured .deploy-card-btn{background:var(--pri);color:#fff;border:none}.deploy-card.featured .deploy-card-btn:hover{background:var(--prih);box-shadow:0 8px 20px rgba(22,93,255,.2)}

/* FLOW */
.flow-box{background:var(--bg);border-radius:16px;padding:32px}
.flow-box h3{text-align:center;font-weight:700;color:var(--dark);margin-bottom:4px;font-size:18px}
.flow-box>p{text-align:center;font-size:12px;color:var(--gray2);margin-bottom:36px}
.flow-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.flow-step{text-align:center}.flow-num{width:44px;height:44px;background:var(--pri);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin:0 auto 12px;box-shadow:0 4px 15px rgba(22,93,255,.25)}
.flow-title{font-size:12px;font-weight:600;color:var(--dark);margin-bottom:4px}.flow-desc{font-size:11px;color:var(--gray);line-height:1.5}

/* INDUSTRY */
#industry{background:var(--bg)}
.industry-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}
.industry-tab{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px;background:#fff;color:var(--gray);border:1px solid #e5e7eb}
.industry-tab:hover{border-color:var(--pri);color:var(--pri)}.industry-tab.active{background:var(--pri);color:#fff;border-color:var(--pri);box-shadow:0 8px 20px rgba(22,93,255,.2)}
.industry-panel{display:none}.industry-panel.active{display:grid;grid-template-columns:1fr;gap:32px;align-items:flex-start}
.ind-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;margin-bottom:20px}
.ind-tag.blue{background:#eff6ff;color:#2563eb}.ind-tag.purple{background:#faf5ff;color:#9333ea}
.ind-tag.green{background:#f0fdf4;color:#16a34a}.ind-tag.orange{background:#fff7ed;color:#ea580c}
.industry-info h2{font-size:24px;font-weight:700;color:var(--dark);margin-bottom:32px;font-family:'Noto Sans SC',sans-serif}
.ind-section{margin-bottom:28px}.ind-section h4{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.marker{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
.marker.red{background:#fee2e2;color:#ef4444}.marker.green{background:#dcfce7;color:#16a34a}
.pain-item{display:flex;align-items:flex-start;gap:10px;background:rgba(254,226,226,.5);border-radius:12px;padding:10px 14px;border:1px solid rgba(252,165,165,.4);margin-bottom:8px;font-size:14px;color:#4b5563}
.pain-item span{color:#f87171;font-weight:700;flex-shrink:0}
.solution-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.solution-item svg{flex-shrink:0;color:var(--green)}.solution-item span{font-size:14px;color:#374151;line-height:1.6}
.industry-visual{border-radius:16px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:288px;text-align:center}
.iv1{background:#eff6ff;border:1px solid rgba(59,130,246,.15)}.iv2{background:#faf5ff;border:1px solid rgba(147,51,234,.15)}
.iv3{background:#f0fdf4;border:1px solid rgba(22,163,74,.15)}.iv4{background:#fff7ed;border:1px solid rgba(234,88,12,.15)}
.iv-icon{margin-bottom:20px}.iv-icon.c1{color:#2563eb}.iv-icon.c2{color:#9333ea}.iv-icon.c3{color:#16a34a}.iv-icon.c4{color:#ea580c}
.iv-label{font-weight:600;margin-top:28px;margin-bottom:4px;font-size:14px}
.iv-label.c1{color:#2563eb}.iv-label.c2{color:#9333ea}.iv-label.c3{color:#16a34a}.iv-label.c4{color:#ea580c}
.iv-sub{font-size:12px;color:var(--gray2);margin-bottom:24px}
.iv-lines{width:100%;max-width:192px;margin-bottom:28px}.iv-line{background:rgba(255,255,255,.7);border-radius:5px;height:10px;margin-bottom:8px}
.iv-line:nth-child(1){width:100%}.iv-line:nth-child(2){width:75%}.iv-line:nth-child(3){width:83%}
.iv-btn{background:var(--pri);color:#fff;padding:10px 28px;border-radius:12px;font-size:14px;font-weight:500;transition:all .2s}.iv-btn:hover{background:var(--prih);box-shadow:0 6px 16px rgba(22,93,255,.25)}

/* CASES */
#cases{background:#fff}
.case-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
.case-filter{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;transition:all .2s;background:var(--bg);color:var(--gray)}
.case-filter:hover{background:var(--pril);color:var(--pri)}.case-filter.active{background:var(--pri);color:#fff}
.case-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:56px}
.case-card{background:var(--bg2);border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;transition:all .3s}.case-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.08);transform:translateY(-4px)}
.case-img{background:linear-gradient(135deg,#EBF1FF,#F0F5FF);height:128px;display:flex;align-items:center;justify-content:center;transition:all .3s}
.case-card:hover .case-img{background:linear-gradient(135deg,rgba(22,93,255,.12),rgba(22,93,255,.06))}
.case-img-inner{text-align:center}.case-img-inner svg{color:rgba(22,93,255,.4);margin-bottom:4px}.case-img-inner p{font-size:12px;color:var(--gray2)}
.case-body{padding:20px}.case-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.case-type{font-size:12px;background:rgba(22,93,255,.1);color:var(--pri);padding:4px 10px;border-radius:10px;font-weight:500}
.case-year{font-size:12px;color:var(--gray2)}.case-title{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:4px}
.case-scale{font-size:12px;color:var(--gray2);margin-bottom:12px}
.case-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.case-tag{font-size:10px;background:#fff;border:1px solid #e5e7eb;color:var(--gray);padding:2px 8px;border-radius:10px}
.case-result{font-size:14px;color:var(--green);font-weight:500}
.case-detail-btn{width:100%;margin-top:16px;padding:8px;border:1px solid #e5e7eb;color:var(--gray);border-radius:12px;font-size:12px;transition:all .2s;font-weight:500}.case-detail-btn:hover{border-color:var(--pri);color:var(--pri)}

/* TESTIMONIALS */
.testi-box{background:var(--bg);border-radius:16px;padding:32px}
.testi-box h3{text-align:center;font-weight:700;color:var(--dark);margin-bottom:32px;font-size:18px}
.testi-grid{display:grid;grid-template-columns:1fr;gap:20px}
.testi-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #f9fafb;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.testi-stars{display:flex;gap:2px;margin-bottom:16px}.testi-stars svg{color:#facc15}
.testi-quote{font-size:14px;color:#4b5563;line-height:1.7;margin-bottom:20px}
.testi-author{border-top:1px solid #f3f4f6;padding-top:16px}.testi-author .name{font-weight:600;color:var(--dark);font-size:14px}.testi-author .role{font-size:12px;color:var(--gray2);margin-top:2px}

/* CUSTOM */
#custom{background:linear-gradient(135deg,#0f1724,#1a2a42)}
#custom .sec-head h2{color:#fff}#custom .sec-head p{color:var(--gray2)}
#custom .sec-tag{background:rgba(255,255,255,.1);color:#93c5fd}
.custom-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:40px}
.custom-card{border-radius:16px;padding:32px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.custom-card:hover{border-color:rgba(22,93,255,.5)}
.custom-card.base{background:rgba(255,255,255,.05)}.custom-card.deep{background:rgba(22,93,255,.1);border-color:rgba(22,93,255,.4)}
.custom-tag{font-size:12px;padding:4px 10px;border-radius:10px;font-weight:500;display:inline-block;margin-bottom:12px}
.custom-tag.light{background:rgba(59,130,246,.3);color:#93c5fd}.custom-tag.deep-tag{background:rgba(22,93,255,.5);color:#bfdbfe}
.custom-card h3{font-size:20px;font-weight:700;color:#fff;line-height:1.3}.custom-sub{font-size:13px;color:var(--gray2);margin-top:4px}
.custom-desc{font-size:14px;color:var(--gray2);line-height:1.7;margin:16px 0 24px}
.custom-items{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}
.custom-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#d1d5db}.custom-item svg{color:var(--green);flex-shrink:0}
.custom-card-btn{width:100%;padding:12px;border-radius:12px;font-size:14px;font-weight:500;transition:all .2s}
.custom-card.base .custom-card-btn{border:1px solid rgba(255,255,255,.2);color:#d1d5db;background:transparent}.custom-card.base .custom-card-btn:hover{background:rgba(255,255,255,.1)}
.custom-card.deep .custom-card-btn{background:var(--pri);color:#fff}.custom-card.deep .custom-card-btn:hover{background:var(--prih)}

/* GUARANTEE */
.guarantee-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px}
.guarantee-box h3{text-align:center;font-weight:700;color:#fff;margin-bottom:4px;font-size:18px}
.guarantee-box>p{text-align:center;font-size:12px;color:var(--gray2);margin-bottom:32px}
.guarantee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.guarantee-item{text-align:center}.g-icon{width:44px;height:44px;background:rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--pri);margin:0 auto 12px}
.g-title{color:#fff;font-size:12px;font-weight:600;margin-bottom:4px}.g-desc{font-size:11px;color:var(--gray);line-height:1.5}

/* CONTACT */
#contact{background:#fff}
.contact-grid{}
.contact-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}
@media(max-width:768px){.contact-cols{grid-template-columns:1fr}}
.contact-form{background:var(--bg);border-radius:16px;padding:32px}
.contact-form h3{font-weight:700;color:var(--dark);margin-bottom:24px}
.form-fields{display:grid;grid-template-columns:1fr;gap:16px}
.field-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.field-group label .req{color:#ef4444}
.field-input,.field-select,.field-textarea{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-size:14px;outline:none;transition:border .2s}
.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--pri)}
.field-select{appearance:none;color:var(--gray)}.field-textarea{resize:none}
.form-submit{width:100%;background:var(--pri);color:#fff;padding:16px;border-radius:12px;font-weight:500;font-size:16px;transition:all .2s}.form-submit:hover{background:var(--prih);box-shadow:0 8px 25px rgba(22,93,255,.2);transform:translateY(-2px)}
.form-note{text-align:center;font-size:12px;color:var(--gray2);margin-top:12px}
.form-success{text-align:center;padding:56px 0;display:none}.form-success.active{display:block}
.contact-form-wrap.hidden{display:none}
.form-success .s-icon{width:64px;height:64px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.form-success h3{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:8px}.form-success p{font-size:14px;color:var(--gray);line-height:1.7}

/* CONTACT SIDE */
.side-card{background:var(--bg);border-radius:16px;padding:24px;margin-bottom:20px;height:100%}
.side-card h4{font-weight:700;color:var(--dark);margin-bottom:20px;font-size:14px}
.side-card .side-items-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.side-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:0}.side-item:last-child{margin-bottom:0}
.side-icon{width:28px;height:28px;background:rgba(22,93,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--pri);flex-shrink:0}
.side-item-title{font-size:14px;font-weight:500;color:#1f2937}.side-item-desc{font-size:12px;color:var(--gray2);margin-top:2px}
.side-card-blue{background:var(--pri);border-radius:16px;padding:20px;color:#fff;height:100%}
.side-card-blue h4{font-weight:700;margin-bottom:16px;font-size:14px}
.blue-row{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:12px}
.qr-box{background:rgba(255,255,255,.15);border-radius:12px;padding:16px;text-align:center;margin-top:20px}
.qr-icon{width:64px;height:64px;background:rgba(255,255,255,.2);border-radius:12px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}
.qr-box p{font-size:12px;color:#bfdbfe}.qr-box p:last-child{color:#93c5fd;margin-top:2px}

/* STATS */
#stats-strip{background:var(--pri);padding:40px 0}
.stats-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;text-align:center}
.stat-val{font-size:30px;font-weight:700;color:#fff;margin-bottom:4px}.stat-lbl{font-size:14px;color:#bfdbfe}

/* FOOTER */
footer{background:var(--foot);color:var(--gray2)}
.footer-inner{padding:56px 0}
.footer-grid{display:grid;grid-template-columns:1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}
.fb-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.fb-icon{width:36px;height:36px;background:var(--pri);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}
.fb-name{font-weight:700;color:#fff;font-size:16px}.fb-company{font-size:12px;color:var(--gray)}
.fb-desc{font-size:14px;color:var(--gray);line-height:1.7;margin-bottom:20px;max-width:384px}
.fb-contacts{font-size:14px}.fb-contact{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--gray)}.fb-contact svg{color:var(--pri)}
.footer-links h4{color:#fff;font-weight:500;margin-bottom:16px;font-size:14px}
.footer-links li{margin-bottom:10px}.footer-links li a{font-size:14px;color:var(--gray2);transition:color .2s;cursor:pointer}.footer-links li a:hover{color:var(--pri)}
.footer-bottom{padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;color:#4b5563}
.fb-links{display:flex;gap:20px}.fb-links a{transition:color .2s;cursor:pointer}.fb-links a:hover{color:var(--gray2)}

/* MEDIA QUERIES */
@media(min-width:640px){.adv-grid{grid-template-columns:repeat(2,1fr)}.feat-points{grid-template-columns:repeat(2,1fr)}.extras-grid{grid-template-columns:repeat(4,1fr)}.case-grid{grid-template-columns:repeat(2,1fr)}.testi-grid{grid-template-columns:repeat(3,1fr)}.form-fields{grid-template-columns:1fr 1fr}.field-full{grid-column:1/-1}.flow-steps{grid-template-columns:repeat(3,1fr)}.guarantee-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between}}
@media(min-width:768px){.nav-phone{display:flex}.nav-consult{display:block}.nav-anchor-inner{display:flex}.deploy-grid{grid-template-columns:repeat(3,1fr)}.custom-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:repeat(3,1fr)}.stats-inner{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.nav-toggle{display:none}}
@media(min-width:1024px){.brand-divider{display:block}.brand-sub{display:block}.banner-grid{grid-template-columns:1fr 1fr}#banner h1{font-size:48px}.adv-grid{grid-template-columns:repeat(4,1fr)}.feat-item{grid-template-columns:1fr 1fr}.feat-item.reverse .feat-text{order:2}.feat-item.reverse .feat-visual-wrap{order:1}.industry-panel.active{grid-template-columns:1fr 1fr}.flow-steps{grid-template-columns:repeat(6,1fr)}.guarantee-grid{grid-template-columns:repeat(5,1fr)}.extras-grid{grid-template-columns:repeat(8,1fr)}.mockup-wrap{padding-right:48px}}

/* SVG icon helper */
svg.icon{display:inline-block;vertical-align:middle}
/* Mobile floating fixes */
@media(max-width:768px){
  .float-btn,.floating-btn{width:36px;height:36px;border-radius:10px}
  .float-btn svg,.floating-btn svg{width:14px;height:14px}
  .float-btn .label,.floating-btn-tooltip,.float-label{display:none!important}
  .side-float,.float-sidebar{right:12px;bottom:80px;gap:6px}
  .back-to-top,.float-top{right:12px;bottom:20px;width:36px;height:36px}


  h1{word-break:break-word}
  h2{word-break:break-word}
  p,li,span{word-break:break-word}
  section{padding:48px 0}
  .container{padding:0 20px}
  footer,.footer{padding-bottom:80px!important}
  .nav-toggle svg,.nav-hamburger svg,.mobile-toggle svg,.nav-menu-btn svg,.nav-mobile-toggle svg{color:#333!important;filter:none!important}
}