:root{--ink:#071426;--muted:#506176;--blue:#1267ff;--cyan:#19c6d2;--violet:#7548ff;--cream:#f6f8fc;--line:#dfe7f1;--white:#fff;--radius:24px;--shadow:0 20px 60px rgba(7,20,38,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,231,241,.8)}.navin{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.18rem;font-weight:900;letter-spacing:.02em}.brand span{color:var(--blue)}.links{display:flex;align-items:center;gap:22px;font-weight:700;font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;border:1px solid var(--ink);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(7,20,38,.18)}.btn.blue{background:var(--blue);border-color:var(--blue)}.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.hero{position:relative;overflow:hidden;padding:88px 0 72px;background:radial-gradient(circle at 85% 15%,rgba(25,198,210,.2),transparent 30%),radial-gradient(circle at 5% 70%,rgba(117,72,255,.15),transparent 30%),linear-gradient(135deg,#f8fbff,#fff)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eaf2ff;color:#0753cf;font-weight:900;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:20px 0}.gradient{background:linear-gradient(90deg,var(--blue),var(--violet),#08a9bd);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.17rem;color:var(--muted);max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:.9rem;font-weight:700}.trust span:before{content:"✓";color:#0b9e68;margin-right:7px}.visual{position:relative;min-height:470px}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb.a{width:280px;height:280px;background:linear-gradient(135deg,var(--blue),var(--violet));right:30px;top:40px}.orb.b{width:180px;height:180px;background:linear-gradient(135deg,var(--cyan),#8df4dc);left:20px;bottom:25px}.dash{position:absolute;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:22px;padding:20px}.dash.call{top:65px;left:0;width:265px}.dash.workflow{right:0;bottom:50px;width:300px}.pulse{width:48px;height:48px;border-radius:16px;background:#eaf2ff;display:grid;place-items:center;font-size:1.4rem}.wave{height:44px;margin-top:16px;background:repeating-linear-gradient(90deg,var(--blue) 0 3px,transparent 3px 10px);mask:linear-gradient(0deg,transparent 0,#000 30%,#000 70%,transparent);opacity:.75}.flow{display:flex;align-items:center;gap:7px;margin-top:14px}.flow span{padding:8px 10px;border-radius:10px;background:var(--cream);font-size:.75rem;font-weight:800}.section{padding:86px 0}.section.soft{background:var(--cream)}.section.dark{background:var(--ink);color:#fff}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.04em;margin:0}.head p{max-width:560px;color:var(--muted);margin:0}.dark .head p{color:#b8c5d6}.grid{display:grid;gap:20px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{padding:25px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;transition:.2s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bed2f4}.card .icon{font-size:1.75rem;width:52px;height:52px;border-radius:16px;background:#edf4ff;display:grid;place-items:center}.card h3{margin:18px 0 7px;font-size:1.2rem}.card p{margin:0;color:var(--muted)}.card .more{display:inline-block;margin-top:18px;color:var(--blue);font-weight:900}.dark .card{background:#102239;border-color:#213a59}.dark .card p{color:#b8c5d6}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:var(--radius);overflow:hidden;background:var(--line);border:1px solid var(--line)}.stat{background:#fff;padding:26px}.stat strong{display:block;font-size:1.85rem;letter-spacing:-.04em}.stat small{color:var(--muted)}.steps{counter-reset:step}.step{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start}.step:before{counter-increment:step;content:counter(step);width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900}.portfolio{min-height:255px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;border:0;background:linear-gradient(145deg,#1267ff,#0a2548)}.portfolio:nth-child(2){background:linear-gradient(145deg,#7548ff,#201252)}.portfolio:nth-child(3){background:linear-gradient(145deg,#19c6d2,#074d62)}.tag{align-self:flex-start;padding:6px 10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:.75rem;font-weight:900}.cta{padding:46px;border-radius:32px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:28px}.cta h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0 0 10px}.cta p{margin:0;color:#e6eaff}.page-hero{padding:80px 0 55px;background:linear-gradient(135deg,#f3f7ff,#fff)}.page-hero h1{font-size:clamp(2.7rem,6vw,4.8rem);max-width:900px}.detail{scroll-margin-top:90px}.detail h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.04em;line-height:1.08}.notice{padding:18px 20px;border-left:4px solid var(--blue);background:#edf4ff;border-radius:0 14px 14px 0}.source{font-size:.82rem;color:var(--muted);margin-top:18px}.source a{text-decoration:underline}.legal{max-width:820px}.legal h2{margin-top:42px}.legal h3{margin-top:28px}.legal p,.legal li{color:#405269}.footer{padding:52px 0 26px;background:#06111f;color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer p,.footer a{color:#acb9c9}.footer a:hover{color:#fff}.footer-links{display:grid;gap:9px}.copyright{border-top:1px solid #1b2b3e;margin-top:38px;padding-top:22px;color:#8293a8;font-size:.85rem}.menu{display:none}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.visual{min-height:400px}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.head,.cta{align-items:start;flex-direction:column}.links a:not(.btn){display:none}}@media(max-width:560px){.hero{padding-top:58px}.hero h1{font-size:2.8rem}.visual{min-height:350px}.orb.a{width:220px;height:220px}.dash.call{width:230px}.dash.workflow{width:250px}.grid.four,.grid.two,.strip,.footer-grid{grid-template-columns:1fr}.section{padding:64px 0}.cta{padding:30px}.navin{min-height:66px}.links .btn{padding:10px 14px;font-size:.82rem}}
.showcase{width:100%;display:block;border-radius:28px;box-shadow:var(--shadow);border:1px solid #1c334b}.media-card{padding:0;overflow:hidden}.media-card img,.media-card video{width:100%;height:270px;object-fit:cover;display:block;background:#071426}.media-copy{padding:22px}.media-copy h3{margin:0 0 6px}.media-copy p{margin:0;color:var(--muted)}.social-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.social-row a{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #29405a;color:#fff!important;font-weight:900}.social-row a:hover{background:var(--blue)}.admin-shell{min-height:100vh;background:#071426;padding:35px 0}.admin-panel{background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;font:inherit}.field textarea{min-height:130px}.admin-status{padding:12px;border-radius:12px;background:#edf4ff;margin:14px 0}.hide{display:none!important}@media(max-width:700px){.media-card img,.media-card video{height:220px}.admin-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
.logo-brand{display:inline-flex;align-items:center}.logo-brand img{width:220px;height:50px;object-fit:contain;object-position:left center}.footer .logo-brand img{background:#fff;border-radius:12px;padding:4px 8px}.company-hero{position:relative;color:#fff;background:linear-gradient(90deg,rgba(5,15,29,.94),rgba(5,15,29,.56)),url('/assets/harpz-nexus-ai-automation-industry-showcase.jpeg') center/cover no-repeat}.company-hero .lead{color:#e1eaf5}.company-hero .eyebrow{background:rgba(255,255,255,.14);color:#fff}.industry-hero{padding:110px 0;background:linear-gradient(90deg,rgba(5,15,29,.94),rgba(5,15,29,.58)),url('/assets/harpz-nexus-ai-automation-industry-showcase.jpeg') center/cover;color:#fff}.industry-hero h1{max-width:920px;font-size:clamp(2.6rem,6vw,5rem);line-height:1;letter-spacing:-.05em}.industry-hero .lead{color:#e5edf7}.benefit-list{display:grid;gap:12px}.benefit{padding:16px 18px;border-radius:14px;background:#edf4ff;color:#173a6b;font-weight:750}.industry-card{display:block;color:inherit}.industry-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#9fc0f2}.photo-portfolio{background-size:cover!important;background-position:center!important}.photo-portfolio:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,14,28,.9),rgba(4,14,28,.12));z-index:0}.photo-portfolio>*{position:relative;z-index:1}.portfolio-shop{background-image:url('/assets/ecommerce-order-support-automation.jpeg')!important}.portfolio-white{background-image:url('/assets/harpz-nexus-ai-automation-industry-showcase.jpeg')!important}.portfolio-custom{background-image:url('/assets/mechanic-booking-automation-hero.jpeg')!important}
.industry-card .icon{width:100%;height:135px;border-radius:16px;background-size:cover!important;background-position:center!important;font-size:0}.industry-card:nth-child(1) .icon{background-image:url('/assets/dental-ai-booking-reception.jpeg')}.industry-card:nth-child(2) .icon{background-image:url('/assets/harpz-nexus-ai-automation-industry-showcase.jpeg')}.industry-card:nth-child(3) .icon{background-image:url('/assets/ecommerce-order-support-automation.jpeg')}.industry-card:nth-child(4) .icon{background-image:url('/assets/mechanic-booking-automation-hero.jpeg')}.industry-card:nth-child(5) .icon{background-image:url('/assets/salon-ai-enquiry-booking-workflow.jpeg')}.industry-card:nth-child(6) .icon{background-image:url('/assets/mechanic-booking-automation-hero.jpeg')}.industry-card:nth-child(7) .icon{background-image:url('/assets/harpz-nexus-ai-automation-industry-showcase.jpeg')}.industry-card:nth-child(8) .icon{background-image:url('/assets/ecommerce-order-support-automation.jpeg')}
.solutions-hero{color:#fff;background:linear-gradient(90deg,rgba(5,15,29,.94),rgba(5,15,29,.54)),url('/assets/mechanic-booking-automation-hero.jpeg') center/cover no-repeat}.solutions-hero .lead{color:#e2ebf6}.solutions-hero .eyebrow{background:rgba(255,255,255,.14);color:#fff}.workflow-slider{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background:#0d2038;border:1px solid #28425f}.workflow-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease}.workflow-slide.active{opacity:1;pointer-events:auto}.workflow-slide video{width:100%;height:100%;object-fit:cover;display:block}.workflow-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,11,23,.9),transparent 55%)}.slide-caption{position:absolute;z-index:2;left:34px;right:34px;bottom:28px;display:flex;gap:18px;align-items:center;color:white}.slide-caption>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#1267ff;font-weight:900}.slide-caption strong{display:block;font-size:1.45rem}.slide-caption small{display:block;color:#d6e1ef;font-size:1rem}.slider-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.slider-dot{width:10px;height:10px;border-radius:50%;border:0;background:#4d6480}.slider-dot.active{width:30px;border-radius:999px;background:#19c6d2}.social-strip{background:#0d2038;color:#fff;padding:22px 0;border-top:1px solid #203a58;border-bottom:1px solid #203a58}.social-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.social-strip h3{margin:0}.construction-hero{padding:100px 0;background:radial-gradient(circle at 80% 20%,#e8d4ef,transparent 36%),#f7f5fb}.construction-hero h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:1;letter-spacing:-.05em}.portfolio-shop{background-image:url('/assets/shop-to-heaven-showcase.svg')!important}.portfolio-white{background-image:url('/assets/white-nexus-showcase.svg')!important}.portfolio-custom{background-image:url('/assets/ds-custom-house-showcase.svg')!important}@media(max-width:700px){.workflow-slider{min-height:380px}.slide-caption{left:20px;right:20px;bottom:18px}.social-strip .wrap{align-items:flex-start;flex-direction:column}}