:root{--navy:#07152b;--navy2:#0d2242;--ink:#0e1728;--muted:#617089;--line:#e7edf5;--soft:#f6f9fd;--white:#fff;--accent:#26a6ff;--accent2:#0b82e6;--radius:24px;--shadow:0 20px 60px rgba(7,21,43,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,237,245,.8)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:white;font-weight:800;font-size:19px;box-shadow:0 8px 20px rgba(7,21,43,.18)}.brand strong,.brand small{display:block}.brand strong{font-size:16px;line-height:1.05}.brand small{font-size:11px;color:var(--muted);margin-top:3px}.main-nav{display:flex;gap:24px}.main-nav a{font-size:14px;font-weight:600;color:#42516a}.main-nav a:hover{color:var(--accent2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:14px;transition:.2s ease}.btn-primary{background:var(--navy);color:white;box-shadow:0 10px 24px rgba(7,21,43,.15)}.btn-primary:hover{transform:translateY(-2px);background:#0c2344}.btn-ghost{background:white;border-color:#dce5f0;color:var(--navy)}.btn-ghost:hover{border-color:#b9c9dc;transform:translateY(-2px)}.menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);padding:88px 0 78px}.hero:before{content:"";position:absolute;inset:auto -120px -180px auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(38,166,255,.16),transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}.eyebrow,.kicker{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--accent2)}.hero h1{font-size:clamp(44px,5.4vw,72px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 20px;max-width:720px}.hero h1 span{color:var(--accent2)}.hero-copy>p{font-size:18px;color:#52627a;max-width:640px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-stats{display:flex;gap:34px;margin-top:42px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:20px}.hero-stats span{font-size:12px;color:var(--muted)}.hero-visual{min-height:500px;display:grid;place-items:center;position:relative}.glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(38,166,255,.24),rgba(38,166,255,0));filter:blur(8px)}.dashboard-card{position:relative;width:min(100%,520px);background:#fff;border:1px solid #e4eaf2;border-radius:24px;box-shadow:0 30px 80px rgba(15,42,75,.16);overflow:hidden;transform:rotate(1.2deg)}.dash-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line);font-size:11px;color:#718097}.dots{letter-spacing:4px;font-size:8px}.dash-body{display:grid;grid-template-columns:64px 1fr;min-height:360px}.side-mini{padding:20px 15px;background:#f8fafc;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.mini{height:10px;border-radius:5px;background:#dbe5f1}.mini.active{background:#9ed9ff}.dash-main{padding:24px}.dash-head{display:flex;align-items:center;justify-content:space-between}.dash-head small{color:#8b99ad}.dash-head h3{margin:3px 0 0;font-size:19px}.pill{font-size:10px;padding:5px 8px;border-radius:999px;background:#eaf7ff;color:#1479bd;font-weight:700}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.metric{padding:16px;border:1px solid var(--line);border-radius:15px}.metric span,.metric small{display:block;font-size:10px;color:#7b889b}.metric strong{display:block;font-size:28px;line-height:1.2;margin:4px 0}.chart{height:150px;display:flex;align-items:flex-end;gap:10px;margin-top:26px;padding:14px;background:#f9fbfe;border:1px solid var(--line);border-radius:16px}.chart span{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--accent),#c8ebff)}
.section{padding:94px 0}.intro-band{background:var(--soft);padding:56px 0}.trust-grid{display:grid;grid-template-columns:.9fr 1.6fr;gap:70px;align-items:start}.trust-grid h2{margin:12px 0 0;font-size:36px;line-height:1.1;letter-spacing:-.035em}.trust-items{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.trust-items div{display:flex;flex-direction:column;gap:6px}.trust-items b{font-size:15px}.trust-items span{font-size:13px;color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{margin:10px 0 0;font-size:42px;line-height:1.08;letter-spacing:-.04em;max-width:700px}.section-heading p{max-width:390px;margin:0;color:var(--muted);font-size:14px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter-btn{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 14px;font-weight:600;color:#52627a;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(12,34,68,.05);display:flex;flex-direction:column;min-height:300px}.product-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#edf8ff;color:#1386cf;font-weight:800;margin-bottom:20px}.product-card .cat{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#77859a;font-weight:700}.product-card h3{font-size:20px;margin:8px 0}.product-card p{font-size:13px;color:var(--muted);margin:0}.product-meta{margin-top:auto;padding-top:20px;display:flex;align-items:end;justify-content:space-between;gap:10px}.product-price{font-weight:800}.detail-btn{font-size:12px;font-weight:700;color:var(--accent2)}
.dark-section{background:var(--navy);color:white}.dark-heading p{color:#aab9cd}.dark-heading .kicker{color:#6dccff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;background:rgba(255,255,255,.04)}.service-card span{font-size:11px;color:#69caff;font-weight:800}.service-card h3{font-size:18px;margin:40px 0 8px}.service-card p{color:#aebcd0;font-size:13px;margin:0}.portfolio-grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:20px}.portfolio-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white}.portfolio-card>div:last-child{padding:18px}.portfolio-card span{font-size:11px;color:var(--accent2);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.portfolio-card h3{font-size:18px;margin:7px 0}.portfolio-card p{font-size:12px;color:var(--muted);margin:0}.mock-screen{height:230px;background:#eef4fb;padding:16px;overflow:hidden}.portfolio-card.large .mock-screen{height:280px}.mock-bar{height:22px;background:#fff;border-radius:7px;margin-bottom:13px}.mock-content{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mock-content i{height:72px;background:#fff;border-radius:11px;border:1px solid #e1e8f0}.mock-hero{height:95px;background:#c9e9ff;border-radius:12px;margin-bottom:14px}.mock-lines{height:70px;background:linear-gradient(#fff 0 14%,transparent 14% 22%,#fff 22% 34%,transparent 34% 42%,#fff 42% 54%,transparent 54%);border-radius:8px}.mock-chart{height:112px;background:linear-gradient(160deg,transparent 0 39%,#86d1ff 40% 42%,transparent 43% 52%,#36aafa 53% 56%,transparent 57%);background-color:#fff;border-radius:12px;margin-bottom:14px}.about-section{background:#f9fbff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.about-grid h2{font-size:42px;line-height:1.08;letter-spacing:-.04em;margin-top:12px}.about-grid p{font-size:15px;color:#5e6d83}.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:30px}.process-row span{font-size:11px;display:flex;flex-direction:column;gap:5px}.process-row b{font-size:13px;color:var(--accent2)}.cta-section{padding-top:65px}.cta-box{background:linear-gradient(135deg,#e9f8ff,#f8fbff);border:1px solid #dcecf7;border-radius:28px;padding:46px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box h2{font-size:38px;line-height:1.08;margin:10px 0}.cta-box p{color:#5e6d83;margin:0;max-width:600px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.footer{margin-top:20px;background:#061226;color:white;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.7fr .8fr 1fr;gap:50px}.footer .brand{display:inline-flex}.footer p{color:#9fb0c7;font-size:13px}.footer h4{margin:0 0 14px;font-size:13px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid>div:not(:first-child) a{color:#aebbd0;font-size:13px}.footer-bottom{margin-top:42px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;display:flex;justify-content:space-between;color:#798aa3;font-size:11px}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(2,9,19,.68);backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(680px,100%);background:white;border-radius:24px;padding:34px;box-shadow:0 35px 100px rgba(0,0,0,.3);z-index:1}.modal-close{position:absolute;right:16px;top:12px;border:0;background:#f2f5f9;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}.modal-card h2{font-size:34px;line-height:1.1;margin:10px 0}.modal-card>p{color:var(--muted)}.modal-columns{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;margin:25px 0}.modal-columns h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#77859a;margin:0 0 8px}.modal-columns ul{margin:0;padding-left:18px;color:#516078;font-size:13px}.modal-columns p{font-size:13px;color:#516078}.modal-columns strong{font-size:20px}
@media(max-width:980px){.main-nav{gap:14px}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:420px}.trust-grid,.about-grid{grid-template-columns:1fr;gap:35px}.product-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-card.large{grid-column:1/-1}.cta-box{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:760px){.container{width:min(100% - 28px,1160px)}.nav-wrap{min-height:68px}.menu-toggle{display:block}.main-nav{position:absolute;left:14px;right:14px;top:74px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;display:none;flex-direction:column;box-shadow:var(--shadow)}.main-nav.open{display:flex}.nav-cta{display:none}.hero{padding-top:62px}.hero h1{font-size:44px}.hero-copy>p{font-size:16px}.hero-stats{gap:20px}.hero-visual{min-height:340px}.dashboard-card{transform:none}.trust-items{grid-template-columns:1fr}.section{padding:72px 0}.section-heading{display:block}.section-heading h2,.about-grid h2,.cta-box h2{font-size:34px}.section-heading p{margin-top:16px}.product-grid,.service-grid,.portfolio-grid{grid-template-columns:1fr}.portfolio-card.large{grid-column:auto}.portfolio-card.large .mock-screen{height:230px}.process-row{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span+span{display:block;margin-top:6px}.modal-columns{grid-template-columns:1fr}.modal-card{padding:28px 22px}}
.checkout-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.product-picker{display:grid;gap:12px}.pick{display:block}.pick input{position:absolute;opacity:0}.pick span{display:grid;gap:5px;padding:16px;border:1px solid #dfe6ef;border-radius:14px;cursor:pointer;background:#fff}.pick input:checked+span{border-color:#1f6feb;box-shadow:0 0 0 3px rgba(31,111,235,.1)}.pick small{color:#667085}.pick b{margin-top:4px}.card label{display:grid;gap:7px;margin:0 0 14px}.card input,.card textarea{font:inherit;padding:12px;border:1px solid #d7deea;border-radius:10px}.order-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin:10px 0;border-top:1px solid #edf1f6}.order-total strong{font-size:1.3rem}.hidden{display:none}.narrow{max-width:760px}.muted{color:#667085;font-size:.92rem}.actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:800px){.checkout-grid{grid-template-columns:1fr}}

/* Enbal brand refresh */
:root{--navy:#061a3a;--navy2:#0a2b5c;--ink:#0b1730;--muted:#5c6f89;--line:#e6edf5;--soft:#f3fbfa;--white:#fff;--accent:#17c7d8;--accent2:#0b78e6;--green:#12b76a;--green2:#087a52;--radius:24px;--shadow:0 22px 65px rgba(6,26,58,.12)}
body{background:#fbfdff}
.site-header{box-shadow:0 8px 30px rgba(6,26,58,.04)}
.brand-logo{width:58px;height:58px;object-fit:contain;display:block;flex:none;mix-blend-mode:multiply}
.brand{gap:8px}
.brand strong{font-size:15px;letter-spacing:-.02em}
.brand small{font-size:10px}
.hero{background:radial-gradient(circle at 78% 18%,rgba(23,199,216,.12),transparent 27%),radial-gradient(circle at 92% 70%,rgba(18,183,106,.12),transparent 24%),linear-gradient(180deg,#f7fcff 0%,#ffffff 80%)}
.hero:after{content:"";position:absolute;right:2%;top:7%;width:180px;height:180px;background:url('assets/enbal-logo.png') center/contain no-repeat;opacity:.05;filter:grayscale(1);pointer-events:none}
.hero h1 span{background:linear-gradient(90deg,var(--accent2),var(--green2));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-primary{background:linear-gradient(135deg,var(--navy),var(--navy2));box-shadow:0 12px 25px rgba(6,26,58,.2)}
.btn-primary:hover{background:linear-gradient(135deg,#0b2b5d,#0f3e7e)}
.btn-ghost:hover{border-color:#89cfd1;box-shadow:0 8px 24px rgba(18,183,106,.08)}
.hero-stats{flex-wrap:wrap}
.price-note{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:13px 16px;width:max-content;max-width:100%;border:1px solid #cfeee4;border-radius:16px;background:linear-gradient(180deg,#f9fffc,#f4fbf8);box-shadow:0 8px 24px rgba(18,183,106,.06)}
.price-note>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#dff7ea;color:var(--green2);font-weight:900}.price-note b{display:block;font-size:13px}.price-note small{display:block;color:#64758b;font-size:11px;margin-top:1px}
.product-card{position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent2),var(--accent),var(--green))}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(6,26,58,.10);border-color:#cfe0ef}.product-icon{background:linear-gradient(135deg,#0d2f63,#0a78e6 62%,#12b76a);box-shadow:0 12px 25px rgba(10,120,230,.18)}
.filter-btn.active,.filter-btn:hover{background:linear-gradient(135deg,var(--navy),#0d6fb3);border-color:transparent}.cat{color:var(--green2)}
.dark-section{background:linear-gradient(135deg,#06152f,#0b2a55 58%,#0a4d52)}.service-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.service-card:hover{background:rgba(255,255,255,.10);transform:translateY(-4px)}.excel-service{outline:1px solid rgba(18,183,106,.24);background:linear-gradient(180deg,rgba(18,183,106,.12),rgba(255,255,255,.05))}.excel-service em{font-style:normal;font-size:11px;color:#8ff0bb;display:inline-block;margin-top:14px}
.pricing-section{background:linear-gradient(180deg,#ffffff,#f8fbff)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 12px 34px rgba(6,26,58,.06);overflow:hidden}.price-card h3{font-size:24px;margin:14px 0 8px}.price-card p{font-size:13px;color:var(--muted);min-height:62px}.price-card ul{margin:16px 0 22px;padding-left:18px;color:#4a5c73;font-size:13px}.price-card strong{font-size:17px;color:var(--navy)}.price-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#eaf6ff,#e8fbf4);color:#0a76a8;font-weight:800}.price-card.featured{border-color:#8bd4c0;box-shadow:0 18px 45px rgba(18,183,106,.12);transform:translateY(-8px)}.featured-badge{position:absolute;top:14px;right:14px;padding:6px 9px;border-radius:999px;background:#dff7ea;color:var(--green2);font-size:10px;font-weight:800}.pricing-cta{margin-top:26px;border:1px solid #d9e6ef;border-radius:20px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(90deg,#f7fbff,#f7fffa)}.pricing-cta b,.pricing-cta span{display:block}.pricing-cta b{font-size:14px}.pricing-cta span{font-size:12px;color:var(--muted);margin-top:4px}
.cta-section{background:radial-gradient(circle at 20% 20%,rgba(23,199,216,.12),transparent 28%),radial-gradient(circle at 90% 70%,rgba(18,183,106,.12),transparent 28%)}.cta-box{background:linear-gradient(135deg,#f5fbff,#f6fffb);border-color:#d5e9eb;box-shadow:0 20px 50px rgba(6,26,58,.06)}
.footer .brand-logo{filter:brightness(0) invert(1);mix-blend-mode:normal;opacity:.95}.footer .brand small{color:#aab9cb}
@media(max-width:980px){.pricing-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}}
@media(max-width:760px){.brand-logo{width:48px;height:48px}.hero:after{display:none}.price-note{width:100%}.pricing-grid{grid-template-columns:1fr}.pricing-cta{flex-direction:column;align-items:flex-start}.footer-logo{width:52px;height:52px}}

/* Product visual catalog v4 */
.product-card-visual{padding:0;overflow:hidden;display:flex;flex-direction:column}.product-preview{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef7fb;border-bottom:1px solid var(--line)}.product-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.product-card-visual:hover .product-preview img{transform:scale(1.025)}.preview-badge{position:absolute;left:14px;top:14px;padding:6px 9px;border-radius:999px;background:rgba(6,26,58,.88);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}.product-card-body{padding:22px}.product-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-icon.small{width:34px;height:34px;border-radius:10px;font-size:13px;margin:0}.product-card-body h3{margin:12px 0 8px}.feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.feature-tags span{font-size:10px;padding:5px 8px;border-radius:999px;background:#f2f7fb;color:#496178;border:1px solid #e3ecf3}.product-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.quote-mini{font-size:12px;font-weight:800;color:var(--green2);padding:8px 10px;border-radius:10px;background:#edfbf4;border:1px solid #cfeee0}.quote-mini:hover{background:#dff7ea}.product-tip{margin-top:22px;border:1px dashed #b9d6d3;background:linear-gradient(90deg,#f8fcff,#f3fff9);border-radius:18px;padding:16px 18px;display:flex;align-items:center;gap:14px}.product-tip>span{font-size:22px}.product-tip b,.product-tip small{display:block}.product-tip b{font-size:13px}.product-tip small{font-size:11px;color:var(--muted);margin-top:2px}.product-tip .btn{margin-left:auto;white-space:nowrap}.btn-sm{min-height:40px;padding:0 14px;font-size:12px}
.modal-card{width:min(860px,100%)}.modal-preview-wrap{margin:22px 0 6px;border-radius:18px;overflow:hidden;border:1px solid #dde8f1;background:#f5fbff}.modal-preview-wrap img{display:block;width:100%;max-height:390px;object-fit:cover}.modal-card .btn-primary{margin-top:6px}
@media(max-width:760px){.product-actions{justify-content:flex-start}.product-tip{align-items:flex-start;flex-wrap:wrap}.product-tip .btn{margin-left:36px}.modal-preview-wrap img{max-height:240px}}

/* Product detail pages */
.detail-page{background:#fbfdff}.detail-page .nav-wrap{min-height:72px}.detail-page .main-nav{display:flex}
.detail-hero{padding:78px 0 70px;background:radial-gradient(circle at 75% 20%,rgba(23,199,216,.14),transparent 26%),radial-gradient(circle at 90% 75%,rgba(18,183,106,.13),transparent 24%),linear-gradient(180deg,#f7fcff,#ffffff)}
.detail-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.back-link{display:inline-block;color:#617089;font-size:13px;font-weight:700;margin-bottom:26px}.back-link:hover{color:var(--accent2)}.detail-copy h1{font-size:clamp(42px,5vw,64px);line-height:1.03;letter-spacing:-.05em;margin:14px 0 16px}.detail-subtitle{font-size:18px;color:#586b84;max-width:640px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.detail-note{display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding:15px 17px;border:1px solid #d7eee4;background:#f5fffa;border-radius:16px;max-width:630px}.detail-note strong{white-space:nowrap;color:var(--green2);font-size:12px}.detail-note span{font-size:12px;color:#60758b}.detail-preview{position:relative}.detail-preview:before{content:"";position:absolute;inset:8% 5%;border-radius:30px;background:radial-gradient(circle,#6eddf0 0%,rgba(110,221,240,.15) 38%,transparent 70%);filter:blur(18px)}.detail-preview img{position:relative;width:100%;display:block;border-radius:26px;border:1px solid #dae7f1;box-shadow:0 30px 70px rgba(6,26,58,.13);background:#fff}.detail-content{padding-top:88px}.detail-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:64px}.detail-content h2{font-size:42px;line-height:1.08;letter-spacing:-.04em;max-width:680px;margin:10px 0 14px}.lead{font-size:16px;color:#63758d;max-width:760px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.feature-card{padding:19px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(6,26,58,.04)}.feature-card span{font-size:10px;color:var(--green2);font-weight:900}.feature-card h3{font-size:15px;margin:8px 0 5px}.feature-card p{margin:0;font-size:11px;color:#75859a}.detail-side{display:grid;gap:16px;align-content:start}.spec-card,.quote-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(6,26,58,.05)}.spec-card h3,.quote-card h3{font-size:22px;margin:9px 0 18px}.spec-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #eef2f6}.spec-row span{font-size:12px;color:#74859a}.spec-row strong{text-align:right;font-size:12px;color:#183052}.quote-card{background:linear-gradient(145deg,#f7fdff,#f5fffa);border-color:#d8ebe7}.quote-card p{font-size:13px;color:#61758d}.quote-card .btn{width:100%;margin-top:7px}.process-section{background:#f5f9fc}.detail-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.detail-process article{padding:24px;border-radius:20px;border:1px solid #dce7f0;background:#fff}.detail-process b{font-size:12px;color:var(--accent2)}.detail-process h3{font-size:18px;margin:40px 0 7px}.detail-process p{font-size:12px;color:#6c7e94;margin:0}.detail-cta-section{padding-top:60px}.detail-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;border:1px solid #d7ebe8;border-radius:28px;background:linear-gradient(135deg,#f5fbff,#f3fff9)}.detail-cta h2{font-size:36px;line-height:1.08;letter-spacing:-.04em;margin:10px 0}.detail-cta p{margin:0;color:#61758d;max-width:650px}.detail-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-not-found{padding:100px 0;text-align:center}.detail-not-found h1{font-size:48px}.detail-not-found p{color:#61758d}
.product-actions-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-link{font-size:12px;font-weight:800;color:#174a77}.detail-link:hover{color:var(--green2)}
@media(max-width:980px){.detail-hero-grid,.detail-layout{grid-template-columns:1fr}.detail-preview{max-width:760px}.detail-process{grid-template-columns:repeat(2,1fr)}.detail-cta{flex-direction:column;align-items:flex-start}.detail-cta-actions{width:100%}}
@media(max-width:760px){.detail-page .main-nav{display:none}.detail-hero{padding:54px 0 55px}.detail-copy h1{font-size:42px}.detail-subtitle{font-size:16px}.detail-content h2,.detail-cta h2{font-size:32px}.feature-grid,.detail-process{grid-template-columns:1fr}.detail-note{display:block}.detail-note span{display:block;margin-top:5px}.detail-cta{padding:28px 22px}}

/* Product gallery v6 */
.gallery-section{background:linear-gradient(180deg,#fff,#f7fbfd)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.gallery-card{display:block;text-align:left;padding:0;border:1px solid #dce7ef;background:#fff;border-radius:22px;overflow:hidden;cursor:pointer;box-shadow:0 12px 30px rgba(6,26,58,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(6,26,58,.10);border-color:#bfd8e8}.gallery-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#f1f8fb}.gallery-card span{display:block;padding:13px 16px;font-size:12px;font-weight:800;color:#183052}.gallery-note{margin-top:20px;padding:16px 18px;border:1px dashed #b9d6d3;background:#f4fffa;border-radius:16px}.gallery-note strong{font-size:12px;color:#0a7f52;margin-right:8px}.gallery-note span{font-size:11px;color:#63758d}.gallery-note code{padding:2px 5px;border-radius:6px;background:#e7f6ef;color:#0a7f52}.gallery-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1000}.gallery-modal.is-open{display:flex}.gallery-modal-backdrop{position:absolute;inset:0;background:rgba(2,15,34,.72);backdrop-filter:blur(5px)}.gallery-modal-dialog{position:relative;z-index:1;width:min(1080px,94vw);max-height:90vh;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35)}.gallery-modal-dialog img{display:block;width:100%;max-height:78vh;object-fit:contain;background:#eef7fb}.gallery-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:none;border-radius:50%;background:rgba(6,26,58,.82);color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:2}.gallery-modal-caption{padding:14px 18px;font-size:13px;font-weight:800;color:#183052}.modal-open{overflow:hidden}
@media(max-width:980px){.gallery-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.gallery-grid{grid-template-columns:1fr}.gallery-note strong,.gallery-note span{display:block}.gallery-note span{margin-top:5px}}

/* Interactive demo v7 */
.demo-page{background:#f5f9fc}.demo-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #dfe9f0}.demo-head-actions{display:flex;gap:8px}.demo-hero{padding:54px 0 44px;background:radial-gradient(circle at 80% 10%,rgba(23,199,216,.13),transparent 30%),radial-gradient(circle at 10% 80%,rgba(18,183,106,.10),transparent 28%),linear-gradient(180deg,#f8fcff,#fff)}.demo-hero-copy{max-width:760px}.demo-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.03;letter-spacing:-.045em;margin:13px 0 12px}.demo-hero p{font-size:16px;color:#61758c;max-width:720px}.demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.demo-shell-section{padding:26px 0 70px}.demo-shell{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid #d9e4ec;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(6,26,58,.09);min-height:720px}.demo-sidebar{background:#061a3a;color:#fff;padding:22px 15px;display:flex;flex-direction:column}.demo-sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 22px}.demo-sidebar-brand small,.demo-sidebar-brand b{display:block}.demo-sidebar-brand small{font-size:9px;color:#9fb2c9;margin-top:2px}.demo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#16c7d8,#1aa86a);font-weight:900}.demo-side-nav{display:grid;gap:5px}.demo-nav-btn{border:0;background:transparent;color:#b4c4d7;text-align:left;padding:11px 12px;border-radius:11px;font:700 11px Inter,system-ui;cursor:pointer;display:flex;align-items:center;gap:10px}.demo-nav-btn span{width:16px;text-align:center}.demo-nav-btn:hover,.demo-nav-btn.active{background:rgba(255,255,255,.10);color:#fff}.demo-side-footer{margin-top:auto;padding:14px 8px 0;border-top:1px solid rgba(255,255,255,.08);color:#8194ad}.demo-workspace{background:#f7fafc;min-width:0}.demo-toolbar{height:76px;background:#fff;border-bottom:1px solid #e5edf2;display:flex;justify-content:space-between;align-items:center;padding:0 28px}.demo-kicker,.demo-toolbar b{display:block}.demo-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#8292a8;font-weight:800}.demo-toolbar b{font-size:16px;margin-top:2px}.demo-toolbar-right{display:flex;align-items:center;gap:12px}.demo-status{font-size:10px;font-weight:800;color:#0b8557;background:#ecfbf4;border:1px solid #cceee0;border-radius:999px;padding:7px 10px}.demo-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#16b876;margin-right:5px}.demo-user{font-size:11px;font-weight:700;color:#61758d}.demo-content{padding:28px}.demo-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.demo-section-head h2{margin:0;font-size:26px;letter-spacing:-.035em}.demo-section-head p{margin:7px 0 0;color:#71839a;font-size:12px}.demo-tools{display:flex;align-items:center;gap:8px}.demo-search,.demo-select{height:40px;border:1px solid #dce7ee;background:#fff;border-radius:11px;padding:0 12px;font:600 11px Inter,system-ui;color:#334b66;outline:none}.demo-search:focus,.demo-select:focus{border-color:#7dcfe0;box-shadow:0 0 0 3px rgba(23,199,216,.12)}.demo-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.demo-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.demo-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.demo-panel{background:#fff;border:1px solid #dfe8ee;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(6,26,58,.035)}.demo-panel.full{min-width:0}.demo-panel h3{font-size:14px;margin:0 0 15px}.demo-metric{background:#fff;border:1px solid #dfe8ee;border-radius:18px;padding:18px;min-height:108px;display:flex;flex-direction:column}.demo-metric span{font-size:10px;color:#8090a4}.demo-metric b{font-size:25px;letter-spacing:-.03em;margin:8px 0 4px;color:#152c4b}.demo-metric small{font-size:10px;color:#0a8658;font-weight:800}.demo-mini-card{background:linear-gradient(135deg,#f6fcff,#f3fff9);border:1px solid #d6e8ea;border-radius:17px;padding:18px;display:grid;gap:6px}.demo-mini-card b{font-size:10px;color:#0d7c84}.demo-mini-card strong{font-size:15px}.demo-mini-card span{font-size:11px;color:#6c7c92}.demo-table-wrap{overflow:auto}.demo-table{width:100%;border-collapse:collapse;font-size:11px}.demo-table th{text-align:left;padding:10px 9px;background:#f6fafc;color:#78889c;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.demo-table td{padding:12px 9px;border-top:1px solid #edf1f4;color:#324b66;white-space:nowrap}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f1f5f8;color:#6d7f93;font-size:9px;font-weight:800}.status-pill.success{background:#ebfbf3;color:#0a8557}.status-pill.warn{background:#fff7e8;color:#aa7620}.bar-chart{height:190px;display:flex;align-items:flex-end;gap:12px;padding:20px 8px 0}.bar-col{height:100%;flex:1;display:flex;align-items:flex-end;flex-direction:column;justify-content:flex-end;gap:7px}.bar{width:100%;max-width:44px;margin:auto;background:linear-gradient(180deg,#18c7d9,#1767c2);border-radius:8px 8px 3px 3px;min-height:14px}.bar-col small{font-size:9px;color:#8b9aac}.progress-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin:13px 0}.progress-row span{font-size:11px;color:#51677f}.progress-row b{font-size:10px;color:#223b58}.progress-row>div{grid-column:1 / -1;height:7px;border-radius:999px;background:#edf3f6;overflow:hidden}.progress-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#17c7d8,#1aa86a)}.rank-row,.check-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f4;font-size:11px}.rank-row:last-child,.check-row:last-child{border-bottom:0}.check-row{justify-content:flex-start;align-items:center;color:#51677f}.check-row span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#edf9f4;color:#0a8557;font-weight:900}.demo-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.demo-product-card{background:#fff;border:1px solid #dfe8ee;border-radius:18px;padding:16px;display:grid;gap:8px}.demo-product-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#e9fbff,#e7f9ef);color:#136980;font-weight:900}.demo-product-card b{font-size:13px}.demo-product-card span{font-weight:800;color:#173554;font-size:12px}.demo-product-card small{color:#7d8da0;font-size:10px}.btn-soft{background:#effbf7;color:#0a8557;border:1px solid #cfeee0}.cashier-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.cashier-products{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cashier-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border:1px solid #dfe8ee;background:#fbfdff;border-radius:14px;cursor:pointer;text-align:left}.cashier-item:hover{border-color:#8ed4de;background:#f4fcff}.cashier-item span{font-size:11px;font-weight:700}.cashier-item b{font-size:10px;color:#0a8557}.cart-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f4;font-size:11px}.cart-total{display:flex;justify-content:space-between;padding-top:14px;font-size:13px}.cart-total b{color:#0a8557}.empty-state{padding:35px 0;text-align:center;color:#8190a2;font-size:11px;line-height:1.6}.donut{width:180px;height:180px;border-radius:50%;background:conic-gradient(#18c7d8 0 38%,#1c6ed0 38% 69%,#1aa86a 69% 87%,#d9e9ef 87% 100%);display:grid;place-items:center;margin:12px auto 20px}.donut:before{content:'';width:92px;height:92px;border-radius:50%;background:#fff;grid-area:1/1}.donut>div{grid-area:1/1;text-align:center;z-index:1}.donut b,.donut span{display:block}.donut b{font-size:20px}.donut span{font-size:10px;color:#7b899b}.legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:10px;color:#61758c}.export-card{background:#fff;border:1px solid #dfe8ee;border-radius:18px;padding:18px;display:grid;gap:8px}.export-card>span{font-size:10px;font-weight:900;color:#0c7c84}.export-card b{font-size:14px}.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.demo-form-grid label{display:grid;gap:7px;font-size:10px;color:#61758d;font-weight:700}.demo-form-grid input,.demo-form-grid select{height:42px;border:1px solid #dbe6ed;border-radius:11px;padding:0 12px;font:600 11px Inter,system-ui}.demo-disclaimer{margin-top:16px;padding:14px 16px;border:1px dashed #bdd6d7;border-radius:15px;background:#f5fffa;color:#64768c;font-size:10px;line-height:1.6}.demo-disclaimer strong{color:#0a8557}.demo-header .brand-logo{width:52px;height:52px}.demo-head-actions .btn{white-space:nowrap}
@media(max-width:1020px){.demo-shell{grid-template-columns:190px 1fr}.demo-grid-4{grid-template-columns:1fr 1fr}.demo-product-grid{grid-template-columns:1fr 1fr}.cashier-layout{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.demo-header{position:static}.demo-head-actions .btn-light{display:none}.demo-hero{padding-top:38px}.demo-shell{grid-template-columns:1fr;min-height:auto}.demo-sidebar{padding:14px}.demo-sidebar-brand{padding-bottom:12px}.demo-side-nav{display:grid;grid-template-columns:repeat(2,1fr)}.demo-side-footer{display:none}.demo-toolbar{padding:0 16px}.demo-toolbar-right .demo-user{display:none}.demo-content{padding:18px}.demo-section-head{display:block}.demo-tools{margin-top:14px}.demo-grid-2,.demo-grid-3,.demo-grid-4,.demo-product-grid,.cashier-layout,.demo-form-grid{grid-template-columns:1fr}.cashier-products{grid-template-columns:1fr}.demo-table td,.demo-table th{padding:9px 7px}.demo-hero h1{font-size:38px}}

.product-segments{padding-top:34px;padding-bottom:20px}
.segment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.segment-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #e4eaf2;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f7fbff);color:#10223c;text-decoration:none;overflow:hidden;transition:.22s ease}
.segment-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(26,55,93,.11);border-color:#c9ddf4}
.segment-number{font-size:12px;font-weight:800;letter-spacing:.12em;color:#2aa7d6}
.segment-card strong{font-size:22px}.segment-card small{color:#67778f;line-height:1.55}
@media (max-width:900px){.segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.segment-grid{grid-template-columns:1fr}.product-segments{padding-top:20px}}
.quote-form{background:#fff;border:1px solid #e4eaf2;border-radius:22px;padding:28px;box-shadow:0 18px 45px rgba(7,21,43,.07)}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-grid label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#44556c}.quote-grid label.full{grid-column:1/-1}.quote-grid input,.quote-grid select,.quote-grid textarea{font:inherit;font-weight:500;padding:13px 14px;border:1px solid #dbe5f0;border-radius:12px;outline:none;background:#fff}.quote-grid input:focus,.quote-grid select:focus,.quote-grid textarea:focus{border-color:#7dbcf5;box-shadow:0 0 0 4px #eef7ff}.contact-success{background:#eefbf6;border:1px solid #ccefe0;color:#14563d;border-radius:20px;padding:28px;margin-bottom:18px}.contact-success h1{margin:8px 0 10px;font-size:34px}.contact-success p{max-width:720px}.contact-success ul{margin:8px 0 0 18px}@media(max-width:700px){.quote-grid{grid-template-columns:1fr}.quote-grid label.full{grid-column:auto}}


.excel-highlight{background:#f7fbff}.excel-product-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.excel-product-strip article{background:#fff;border:1px solid #dfe9f1;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(11,53,88,.06)}.excel-product-strip h3{margin:12px 0 8px;color:#0b3558}.excel-product-strip p{color:#617287;min-height:54px}.excel-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#dff6f4;color:#0b6f70;font-size:11px;font-weight:800;letter-spacing:.08em}.excel-custom{background:linear-gradient(145deg,#0b3558,#0f5975)!important;border:none!important;color:#fff}.excel-custom h3,.excel-custom p{color:#fff}.excel-custom .excel-badge{background:#ffffff22;color:#dff6f4}.excel-custom .btn-ghost{border-color:#ffffff55;color:#fff}@media(max-width:900px){.excel-product-strip{grid-template-columns:1fr}}