/* Hemat Digital — refreshed visual system. Loaded after Bootstrap and the legacy stylesheet. */
:root{--hd-ink:#12213b;--hd-navy:#0a1830;--hd-blue:#2563eb;--hd-blue-2:#4f8cff;--hd-cyan:#83e4ee;--hd-lime:#c9f36b;--hd-muted:#68758b;--hd-line:#e3e9f2;--hd-bg:#f6f8fc;--hd-white:#fff;--hd-radius:22px;--hd-shadow:0 18px 60px rgba(17,36,69,.09)}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--hd-ink);background:var(--hd-white);line-height:1.7;-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}::selection{background:rgba(79,140,255,.22);color:var(--hd-ink)}a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(79,140,255,.55);outline-offset:3px}.container{max-width:1200px}.text-muted{color:var(--hd-muted)!important}.text-purple{color:var(--hd-blue)!important}.bg-purple{background:var(--hd-blue)!important}.btn{border-radius:12px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}
.header-top{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,43,77,.08);box-shadow:0 4px 24px rgba(16,34,63,.035)}.header-top .navbar{min-height:78px;padding:.55rem 0}.header-top .navbar-brand{font-size:1.28rem;font-weight:800;letter-spacing:-.055em;color:var(--hd-ink)!important;text-shadow:none!important}.header-top .navbar-brand .text-purple{color:var(--hd-blue)!important}.header-top .navbar-nav{gap:1.05rem}.header-top .nav-link{font-size:.9rem;font-weight:500;color:#526078!important;padding:.65rem .15rem;position:relative}.header-top .nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--hd-blue);transition:right .2s ease}.header-top .nav-link:hover,.header-top .nav-link.active{color:var(--hd-blue)!important}.header-top .nav-link:hover:after,.header-top .nav-link.active:after{right:0}.homepage .header-top{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(20,43,77,.08);box-shadow:0 4px 24px rgba(16,34,63,.035)}.homepage .header-top .navbar-brand{color:var(--hd-ink)!important;text-shadow:none}.homepage .header-top .nav-link{color:#526078!important}.homepage .header-top .nav-link:hover,.homepage .header-top .nav-link.active{color:var(--hd-blue)!important}.homepage .header-top .navbar-toggler{border-color:rgba(20,43,77,.14)}.header-top .navbar-toggler{border:1px solid rgba(20,43,77,.14);border-radius:10px;padding:.45rem .6rem}.header-top .navbar-actions{gap:.5rem!important}.header-top .btn-secondary-outline{border:1px solid var(--hd-line);border-radius:10px!important;background:#fff;color:#4b5b73;padding:.55rem .85rem!important;font-size:.78rem}.header-top .btn-secondary-outline:hover{border-color:#9ebcf6;background:#f4f8ff;color:var(--hd-blue)}.header-top .btn-cta{border:0;border-radius:10px!important;background:var(--hd-blue);color:#fff;padding:.6rem 1rem!important;font-size:.82rem;box-shadow:0 8px 20px rgba(37,99,235,.18)}.header-top .btn-cta:hover{background:#174fc4;box-shadow:0 12px 25px rgba(37,99,235,.25)}
.hero-section{isolation:isolate;position:relative;overflow:hidden;padding:5.3rem 0 5.6rem;min-height:670px;background:linear-gradient(116deg,#09172d 0%,#10274a 52%,#163b6b 100%);color:#fff}.hero-section:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 90%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}.hero-orb-one{width:430px;height:430px;right:-100px;top:-180px;background:radial-gradient(circle,rgba(79,140,255,.23),transparent 70%)}.hero-orb-two{width:300px;height:300px;left:25%;bottom:-230px;background:radial-gradient(circle,rgba(131,228,238,.16),transparent 70%)}.hero-inner{position:relative;z-index:1}.hero-copy{max-width:700px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#5273a7;font-size:.72rem;font-weight:700;letter-spacing:.15em;line-height:1.4;margin-bottom:1.25rem}.eyebrow-light{color:#c2d5f7}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--hd-blue-2);box-shadow:0 0 0 5px rgba(79,140,255,.13)}.eyebrow-light .eyebrow-dot{background:var(--hd-lime);box-shadow:0 0 0 5px rgba(201,243,107,.12)}.hero-section h1{max-width:740px;color:#fff;font-size:clamp(2.6rem,5.1vw,4.5rem);font-weight:700;line-height:1.09;letter-spacing:-.065em;margin:0 0 1.45rem}.hero-section h1 span{color:var(--hd-cyan)}.hero-lead{max-width:600px;font-size:1.06rem;line-height:1.9;color:#c1cee0;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2rem}.btn-primary-hd{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--hd-blue);background:var(--hd-blue);color:#fff;padding:.92rem 1.35rem;border-radius:12px;box-shadow:0 12px 26px rgba(37,99,235,.24)}.btn-primary-hd:hover{background:#3978f2;color:#fff;box-shadow:0 16px 32px rgba(37,99,235,.32)}.btn-ghost-light{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.92rem 1.25rem;border-radius:12px}.btn-ghost-light:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:#fff}.hero-points{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:2.1rem;color:#d0dced;font-size:.78rem}.hero-points span{display:inline-flex;align-items:center;gap:7px}.hero-points i{color:var(--hd-lime)}.hero-panel{position:relative;max-width:470px;margin:0 auto;padding:1.35rem 1.45rem 1.15rem;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.19);border-radius:25px;box-shadow:0 32px 100px rgba(0,0,0,.2);backdrop-filter:blur(12px)}.hero-panel-head{display:flex;align-items:center;gap:12px;color:#fff}.hero-panel-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--hd-lime);color:var(--hd-ink);font-size:1.25rem}.hero-panel-head strong,.hero-panel-head small{display:block}.hero-panel-head strong{font-size:.94rem}.hero-panel-head small{font-size:.72rem;color:#b6c7df;margin-top:2px}.panel-menu{margin-left:auto;color:#c5d4e8;font-size:1.2rem}.growth-visual{height:320px;position:relative;display:grid;place-items:center;overflow:hidden}.growth-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(177,211,255,.23);border-radius:50%}.ring-one{width:215px;height:215px}.ring-two{width:285px;height:285px;border-style:dashed;border-color:rgba(177,211,255,.16)}.growth-center{width:112px;height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:linear-gradient(145deg,#2d69be,#1b3e73);box-shadow:0 0 0 12px rgba(79,140,255,.08),0 15px 40px rgba(0,0,0,.18);color:#fff;z-index:1}.growth-center i{font-size:1.65rem;color:var(--hd-lime)}.growth-center span{font-size:.62rem;font-weight:700;letter-spacing:.13em}.growth-node{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#fff;color:var(--hd-ink);box-shadow:0 12px 32px rgba(0,0,0,.12);font-size:.73rem;font-weight:600}.growth-node i{color:var(--hd-blue);font-size:1.05rem}.node-search{top:22px;left:13px}.node-ads{top:57px;right:2px}.node-web{bottom:34px;left:0}.node-social{bottom:22px;right:4px}.panel-bottom{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 .15rem;border-top:1px solid rgba(255,255,255,.13)}.panel-caption{display:block;color:#9eb7d8;font-size:.62rem;letter-spacing:.14em;font-weight:700;margin-bottom:3px}.panel-bottom strong{font-size:.88rem;color:#fff}.panel-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.1);color:var(--hd-cyan)}.floating-note{position:absolute;right:-20px;bottom:92px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;color:var(--hd-ink);box-shadow:0 15px 40px rgba(0,0,0,.18);animation:float-note 5s ease-in-out infinite}.floating-note-icon{width:30px;height:30px;border-radius:9px;background:#e9f8d3;color:#397219;display:grid;place-items:center}.floating-note strong,.floating-note small{display:block;line-height:1.5}.floating-note strong{font-size:.72rem}.floating-note small{font-size:.63rem;color:var(--hd-muted)}@keyframes float-note{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--hd-blue-2),var(--hd-cyan),transparent);opacity:.75}
.intro-strip{background:#fff;border-bottom:1px solid var(--hd-line)}.intro-strip-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.intro-label{font-size:.68rem;letter-spacing:.15em;font-weight:700;color:#8a97aa}.intro-strip-inner>span:not(.intro-label){display:inline-flex;align-items:center;gap:9px;color:#50617a;font-size:.79rem;font-weight:500}.intro-strip-inner i{font-size:1.1rem;color:var(--hd-blue)}.section-space{padding:6.4rem 0}.about-section{background:#fff}.section-heading{font-size:clamp(2rem,3.4vw,3.2rem);font-weight:700;line-height:1.17;letter-spacing:-.055em;color:var(--hd-ink);margin:0 0 1.15rem}.section-heading span{color:var(--hd-blue)}.section-description{font-size:.96rem;color:var(--hd-muted);line-height:1.9;margin:0;max-width:630px}.about-list{display:grid;gap:1.2rem;margin-top:2rem}.about-list-item{display:flex;gap:14px;align-items:flex-start}.about-check{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:#eaf2ff;color:var(--hd-blue);font-size:1rem}.about-list-item strong{font-size:.93rem;color:var(--hd-ink)}.about-list-item p{font-size:.83rem;color:var(--hd-muted);line-height:1.7;margin:.22rem 0 0}.about-visual{padding:1.6rem;background:#f5f8fd;border:1px solid #e5ecf7;border-radius:24px;box-shadow:var(--hd-shadow)}.about-visual-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.visual-label{font-size:.68rem;font-weight:700;letter-spacing:.14em;color:#8391a6}.visual-decoration{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e5efff;color:var(--hd-blue)}.approach-step{display:flex;align-items:center;gap:14px;padding:1rem 1.05rem;margin-top:10px;border:1px solid #e6ecf5;background:#fff;border-radius:15px}.step-number{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#edf3ff;color:var(--hd-blue);font-size:.78rem;font-weight:700}.approach-step>div{flex:1}.approach-step strong{font-size:.91rem}.approach-step p{font-size:.76rem;color:var(--hd-muted);margin:2px 0 0}.approach-step>i{font-size:1.15rem;color:#7891b5}.about-visual-foot{display:flex;gap:9px;align-items:flex-start;padding:1rem .25rem .1rem;color:#748198;font-size:.72rem;line-height:1.65}.about-visual-foot i{color:var(--hd-blue);font-size:1rem}
.services-section{background:var(--hd-bg)}.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:2.6rem}.section-head-row .section-heading{max-width:650px;margin-bottom:0}.section-head-description{max-width:390px;font-size:.87rem}.service-card{display:flex;flex-direction:column;padding:1.55rem;border:1px solid #e6ebf3;background:#fff;border-radius:20px;box-shadow:0 7px 25px rgba(19,43,79,.025);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-card:hover{transform:translateY(-5px);border-color:#c5d8ff;box-shadow:0 22px 48px rgba(19,43,79,.09)}.service-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.2rem}.service-index{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#94a1b4}.service-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#edf4ff;color:var(--hd-blue);font-size:1.45rem}.service-icon.service-image{padding:8px;background:#f4f7fb}.service-image img{width:100%;height:100%;object-fit:contain}.service-card h3{font-size:1.12rem;font-weight:650;letter-spacing:-.025em;margin:0 0 .65rem}.service-card>p{font-size:.84rem;color:var(--hd-muted);line-height:1.8;margin:0 0 1.5rem;flex:1}.service-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #edf0f5;padding-top:1rem;color:#51647f;font-size:.74rem;font-weight:600}.service-card-bottom a{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--hd-blue);color:#fff;font-size:1rem}.service-card-bottom a:hover{background:#174fc4;transform:translate(2px,-2px)}.service-note{display:flex;align-items:center;gap:12px;padding:1.1rem 1.25rem;margin-top:1.8rem;background:#eaf2ff;border:1px solid #d8e6ff;border-radius:14px;color:#425775;font-size:.82rem}.service-note>i{font-size:1.25rem;color:var(--hd-blue)}.service-note span{flex:1}.service-note a{white-space:nowrap;color:var(--hd-blue);font-weight:700}.service-note a i{margin-left:4px}
.portfolio-section{background:#fff}.portfolio-card{overflow:hidden;border:1px solid var(--hd-line);border-radius:19px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--hd-shadow)}.portfolio-image{height:220px;overflow:hidden;background:#f1f5fb}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.portfolio-card:hover .portfolio-image img{transform:scale(1.04)}.portfolio-placeholder{height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:radial-gradient(circle at 80% 20%,rgba(79,140,255,.2),transparent 40%),linear-gradient(135deg,#edf3fc,#f8faff);color:#7c8da7;font-size:.62rem;font-weight:700;letter-spacing:.16em}.portfolio-placeholder-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #d9e6fa;border-radius:20px;background:#fff;color:var(--hd-blue);font-size:1.6rem;box-shadow:0 10px 25px rgba(21,57,112,.07)}.portfolio-content{padding:1.4rem}.portfolio-category{display:inline-block;margin-bottom:.6rem;color:var(--hd-blue);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.portfolio-content h3{font-size:1.03rem;font-weight:650;margin:0 0 .45rem}.portfolio-content p{font-size:.81rem;line-height:1.75;color:var(--hd-muted);margin:0}.portfolio-year{display:inline-block;margin-top:.75rem;font-size:.7rem;color:#8a98ad}.empty-portfolio{max-width:720px;margin:0 auto;text-align:center;padding:3rem 1.5rem;background:var(--hd-bg);border:1px dashed #d7e1f0;border-radius:22px}.empty-portfolio-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 1rem;border-radius:17px;background:#e7f0ff;color:var(--hd-blue);font-size:1.45rem}.empty-portfolio h3{font-size:1.25rem;font-weight:700}.empty-portfolio p{max-width:540px;margin:.5rem auto 1.3rem;color:var(--hd-muted);font-size:.86rem;line-height:1.8}.btn-outline-hd{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:.8rem 1.15rem;border:1px solid #cfdbed;border-radius:11px;background:#fff;color:var(--hd-ink);font-size:.84rem;font-weight:600}.btn-outline-hd:hover{border-color:var(--hd-blue);background:#f4f8ff;color:var(--hd-blue)}
.testimonials-section{background:#f5f8fd}.section-heading-centered{text-align:center;max-width:760px;margin:0 auto 2.6rem}.section-heading-centered .section-description{margin:0 auto}.testimonial-card{padding:1.7rem;border:1px solid #e5ebf4;border-radius:18px;background:#fff}.testimonial-stars{color:var(--hd-blue);font-size:1.4rem;margin-bottom:1rem}.testimonial-card>p{font-size:.88rem;line-height:1.85;color:#52617a}.testimonial-author{display:flex;align-items:center;gap:11px;border-top:1px solid #edf0f5;padding-top:1rem;margin-top:1.25rem}.testimonial-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf2ff;color:var(--hd-blue);font-size:.9rem;font-weight:700}.testimonial-author strong,.testimonial-author small{display:block}.testimonial-author strong{font-size:.8rem}.testimonial-author small{font-size:.71rem;color:var(--hd-muted)}
.pricing-section{background:#f6f8fc}.pricing-card{position:relative;padding:2rem 1.65rem;border:1px solid #e0e7f1;border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(19,43,79,.035);display:flex;flex-direction:column}.pricing-featured{border:1.5px solid var(--hd-blue);box-shadow:0 18px 50px rgba(37,99,235,.1);transform:translateY(-8px)}.pricing-kicker{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--hd-blue)}.pricing-card h3{font-size:clamp(1.6rem,2vw,2.05rem);font-weight:700;letter-spacing:-.05em;margin:1rem 0 .6rem;color:var(--hd-ink)}.pricing-intro{min-height:48px;color:var(--hd-muted);font-size:.82rem;line-height:1.7}.pricing-card ul{list-style:none;padding:1rem 0 1.4rem;margin:0;flex:1;border-top:1px solid #edf0f5}.pricing-card li{display:flex;align-items:flex-start;gap:9px;font-size:.8rem;color:#52617a;margin:.75rem 0}.pricing-card li i{color:var(--hd-blue);font-size:1rem}.pricing-card .btn{margin-top:auto}.pricing-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:999px;padding:.35rem .85rem;background:var(--hd-blue);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.09em}.pricing-disclaimer{display:flex;align-items:flex-start;gap:8px;margin:1.5rem 0 0;color:#7b879a;font-size:.73rem;line-height:1.7}.pricing-disclaimer i{color:var(--hd-blue);margin-top:2px}
.faq-section{background:#fff}.faq-contact-link{display:inline-flex;gap:8px;align-items:center;margin-top:1.5rem;color:var(--hd-blue);font-size:.84rem;font-weight:700}.faq-list{border-top:1px solid var(--hd-line)}.faq-item{border-bottom:1px solid var(--hd-line);padding:0 .15rem}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;padding:1.25rem 0;cursor:pointer;font-size:.91rem;font-weight:600;color:var(--hd-ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-toggle{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #dce5f2;border-radius:10px;color:var(--hd-blue);transition:transform .2s ease,background .2s ease}.faq-item[open] .faq-toggle{transform:rotate(45deg);background:#eaf2ff;border-color:#eaf2ff}.faq-answer{padding:0 45px 1.2rem 0}.faq-answer p{margin:0;color:var(--hd-muted);font-size:.84rem;line-height:1.85}
.final-cta{padding:0 0 5rem;background:#fff}.final-cta-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:3.2rem 3.3rem;border-radius:25px;background:linear-gradient(115deg,#0b1a32,#143c70);color:#fff;box-shadow:0 24px 65px rgba(10,33,68,.16)}.final-cta-card:before{content:"";position:absolute;width:420px;height:420px;right:8%;top:-260px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.02)}.final-cta-card>div:first-child{position:relative;z-index:1;max-width:650px}.final-cta-card .eyebrow{margin-bottom:.9rem}.final-cta-card h2{font-size:clamp(1.8rem,3.3vw,2.8rem);font-weight:700;letter-spacing:-.05em;line-height:1.15;margin:0 0 .8rem}.final-cta-card h2 span{color:var(--hd-cyan)}.final-cta-card p{font-size:.88rem;color:#bdcce1;line-height:1.8;margin:0}.final-cta-actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:200px}.btn-light-hd{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:.9rem 1.1rem;border-radius:11px;background:#fff;color:var(--hd-ink);font-size:.83rem;font-weight:700}.btn-light-hd:hover{background:var(--hd-lime);color:var(--hd-ink)}.cta-whatsapp{display:inline-flex;justify-content:center;align-items:center;gap:8px;color:#e3edf9;font-size:.8rem;font-weight:600}.cta-whatsapp:hover{color:var(--hd-cyan)}.cta-decoration{position:absolute;right:28%;bottom:-35px;font-size:12rem;color:rgba(255,255,255,.035);transform:rotate(-10deg)}
.footer{margin-top:0!important;background:#08162c!important;color:#c5d1e2!important;padding-top:4rem!important}.footer h5,.footer h6{color:#fff;font-weight:650}.footer p{color:#aab9cf!important;font-size:.83rem;line-height:1.85}.footer .text-muted{color:#9cacbf!important}.footer-links a,.footer a{color:#bdcadd;transition:color .2s ease}.footer-links a:hover,.footer a:hover{color:#fff}.footer-links li+li{margin-top:.65rem}.footer .footer-contact p,.footer .footer-contact a{color:#bdcadd}.footer .border-top{border-color:rgba(255,255,255,.13)!important}.footer .social-links{flex-wrap:wrap}.footer .social-links a{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .65rem;border:1px solid rgba(255,255,255,.13);border-radius:8px;font-size:.75rem}.footer .social-links a:hover{background:rgba(255,255,255,.08)}
/* Shared form and internal pages */
.feature-card,.pricing-card,.faq-card,.testimonial-card,.portfolio-card,.service-card{box-shadow:0 10px 35px rgba(17,36,69,.045)}.feature-card{border:1px solid var(--hd-line);border-radius:20px;background:#fff}.section-title{font-size:clamp(2rem,3.4vw,3.2rem);font-weight:700;line-height:1.16;letter-spacing:-.05em}.contact-form .form-control,.contact-form .form-select,.form-control,.form-select{min-height:48px;border:1px solid #dbe3ef;border-radius:11px;padding:.8rem .95rem;color:var(--hd-ink);background-color:#fff}.contact-form textarea.form-control,textarea.form-control{min-height:130px}.contact-form label,.form-label{font-size:.84rem;color:#3e4d64;font-weight:600}.form-control:focus,.form-select:focus{border-color:#8cb4ff;box-shadow:0 0 0 .22rem rgba(37,99,235,.1)}.upload-note{font-size:.75rem;color:#7b879a}.alert{border-radius:12px}.admin-layout .sidebar{background:#0b1930}.topbar{background:#fff}.card-dashboard{border:1px solid #e6ebf3;box-shadow:0 12px 35px rgba(17,36,69,.06);border-radius:18px}.btn-purple{background:var(--hd-blue);border-color:var(--hd-blue);box-shadow:0 8px 20px rgba(37,99,235,.15)}.btn-purple:hover,.btn-purple:focus{background:#174fc4;border-color:#174fc4}.btn-white.btn-purple{background:#fff;color:var(--hd-blue);border-color:#d7e3f6}.badge{letter-spacing:.02em}
@media(max-width:1199px){.header-top .navbar-nav{gap:.55rem}.header-top .nav-link{font-size:.82rem}.header-top .navbar-actions .btn{padding:.5rem .65rem!important}.hero-section{padding:4.7rem 0}.floating-note{right:-8px}.section-space{padding:5.3rem 0}}
@media(max-width:991px){.header-top .navbar{min-height:70px}.header-top .navbar-collapse{padding:.8rem 0}.header-top .navbar-collapse.show{padding:1rem;margin-top:.5rem;background:#fff;border:1px solid var(--hd-line);border-radius:14px;box-shadow:var(--hd-shadow)}.header-top .navbar-nav{align-items:stretch!important;gap:.1rem}.header-top .nav-link{padding:.7rem .8rem}.header-top .nav-link:after{display:none}.header-top .navbar-actions{width:100%;margin:1rem 0 0!important;justify-content:flex-start;flex-wrap:wrap}.hero-section{min-height:0;padding:4.6rem 0}.hero-copy{max-width:780px}.hero-panel{max-width:540px;margin-top:.5rem}.section-head-row{align-items:flex-start;flex-direction:column;gap:1rem}.section-head-description{max-width:650px}.final-cta-card{align-items:flex-start;flex-direction:column;padding:2.5rem}.final-cta-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.pricing-featured{transform:none}.intro-strip-inner{justify-content:flex-start;padding-top:1rem;padding-bottom:1rem}.intro-label{width:100%}}
@media(max-width:767px){.section-space{padding:4.2rem 0}.hero-section{padding:3.8rem 0 4rem}.hero-section h1{font-size:clamp(2.4rem,10vw,3.6rem)}.hero-lead{font-size:.94rem}.hero-actions{gap:10px}.hero-actions .btn{font-size:.84rem;padding:.8rem 1rem}.hero-points{display:grid;gap:9px;margin-top:1.5rem}.hero-panel{padding:1rem;border-radius:20px}.growth-visual{height:285px}.ring-one{width:190px;height:190px}.ring-two{width:245px;height:245px}.growth-node{padding:8px 9px;font-size:.68rem}.node-search{left:0;top:18px}.node-ads{right:0;top:45px}.node-web{left:0;bottom:24px}.node-social{right:0;bottom:15px}.floating-note{right:-3px;bottom:75px}.intro-strip-inner{gap:12px 20px}.intro-strip-inner>span:not(.intro-label){width:calc(50% - 10px);font-size:.72rem}.section-heading{font-size:clamp(1.9rem,8vw,2.7rem)}.about-visual{padding:1rem}.service-note{align-items:flex-start;flex-wrap:wrap}.service-note span{flex-basis:calc(100% - 40px)}.service-note a{margin-left:34px}.portfolio-image,.portfolio-placeholder{height:200px}.section-heading-centered{margin-bottom:2rem}.pricing-card{padding:1.6rem}.pricing-intro{min-height:0}.final-cta{padding-bottom:3.5rem}.final-cta-card{padding:2rem 1.5rem;border-radius:20px}.final-cta-actions{width:100%;flex-direction:column;align-items:stretch}.cta-decoration{right:0;font-size:8rem}.footer{padding-top:3rem!important}.footer .border-top{text-align:left!important}.header-top .navbar-actions .btn{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.header-top.is-scrolled{box-shadow:0 10px 32px rgba(16,34,63,.09)}

/* Hemat Digital — login page visual refinement only.
   Scoped to login pages so public pages, dashboards, and application logic remain unchanged. */
.login-shell{
  --login-ink:#12213b;--login-navy:#0a1830;--login-blue:#2563eb;--login-cyan:#83e4ee;--login-lime:#c9f36b;
  min-height:100vh;display:grid;place-items:center;padding:32px 22px;
  background:radial-gradient(circle at 12% 10%,rgba(79,140,255,.12),transparent 28%),linear-gradient(145deg,#f4f7fc 0%,#eef3fa 100%);
}
.login-shell .login-frame{
  position:relative;isolation:isolate;width:min(1160px,100%);max-width:1160px;min-height:680px;
  display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:0;overflow:hidden;
  border:1px solid rgba(218,228,242,.95);border-radius:28px;background:#fff;
  box-shadow:0 32px 90px rgba(10,24,48,.15);
}
.login-shell .login-left{
  position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:680px;padding:clamp(30px,4.2vw,58px);
  display:flex;flex-direction:column;justify-content:space-between;gap:48px;border-radius:0;color:#fff;
  background:linear-gradient(135deg,#08162c 0%,#0d2343 53%,#174578 100%);
}
.login-shell .login-left::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:38px 38px;mask-image:linear-gradient(135deg,#000 0%,rgba(0,0,0,.8) 55%,transparent 100%);
}
.login-shell .login-left::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;width:440px;height:440px;right:-220px;top:-180px;border-radius:50%;
  background:radial-gradient(circle,rgba(79,140,255,.32),rgba(131,228,238,.07) 48%,transparent 72%);
}
.login-shell .login-left>div{position:relative;z-index:1}
.login-shell .brand-logo{display:inline-flex;align-items:center;gap:11px;margin-bottom:54px;color:#fff;font-size:1.15rem;font-weight:800;letter-spacing:-.045em}
.login-shell .brand-logo i{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(201,243,107,.3);border-radius:13px;background:rgba(201,243,107,.12);color:var(--login-lime);font-size:1.1rem}
.login-shell .login-left h1{max-width:560px;margin:0 0 20px;color:#fff;font-size:clamp(2.1rem,3.1vw,3.35rem);font-weight:750;line-height:1.12;letter-spacing:-.055em}
.login-shell .login-left p{max-width:510px;margin:0;color:#c1cfe2;font-size:.94rem;line-height:1.9}
.login-shell .login-hero{position:relative;z-index:1;padding:19px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 18px 45px rgba(0,0,0,.12);backdrop-filter:blur(12px)}
.login-shell .login-left .login-hero .hero-bar{display:flex;gap:12px;margin:0}
.login-shell .login-left .login-hero .hero-bar+.hero-bar{margin-top:12px}
.login-shell .login-left .login-hero .hero-block{min-width:0;flex:1;padding:16px 17px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.065)}
.login-shell .login-left .login-hero .hero-block span{display:block;margin:0 0 7px;color:#aebfd6;font-size:.73rem;font-weight:500;letter-spacing:.025em}
.login-shell .login-left .login-hero .hero-block strong{display:block;color:#fff;font-size:1.03rem;font-weight:700;line-height:1.4}
.login-shell .login-right{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4.3vw,62px);border-radius:0;background:#fff;box-shadow:none}
.login-shell .login-right>.btn{align-self:flex-start;margin-bottom:36px!important;padding:10px 16px!important;border:1px solid #e1e8f2!important;border-radius:11px!important;background:#fff!important;color:#53647c!important;font-size:.8rem;font-weight:600;box-shadow:none!important}
.login-shell .login-right>.btn:hover{border-color:#a9c5fa!important;background:#f5f8ff!important;color:var(--login-blue)!important;transform:translateY(-1px)}
.login-shell .login-card{width:100%;max-width:440px;margin:0 auto}
.login-shell .login-card .mb-4:first-child{margin-bottom:30px!important}
.login-shell .login-card-title{margin:0 0 10px;color:var(--login-ink);font-size:clamp(1.8rem,2.3vw,2.2rem);font-weight:750;line-height:1.2;letter-spacing:-.055em}
.login-shell .login-card-subtitle{margin:0;color:#718096;font-size:.86rem;line-height:1.8}
.login-shell .login-card .alert{padding:12px 14px;border:1px solid #fecaca;border-radius:12px;font-size:.83rem}
.login-shell .login-card form{margin:0}
.login-shell .login-card form>.mb-4{margin-bottom:20px!important}
.login-shell .login-card .form-label{display:block;margin-bottom:8px;color:#35445c;font-size:.8rem;font-weight:650}
.login-shell .login-card .form-control{width:100%;min-height:52px;padding:13px 15px;border:1px solid #dce4ef;border-radius:12px;background:#fbfcfe;color:var(--login-ink);font-size:.88rem;box-shadow:inset 0 1px 1px rgba(18,33,59,.02);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.login-shell .login-card .form-control::placeholder{color:#9aa7b8}
.login-shell .login-card .form-control:hover{border-color:#c3d1e3;background:#fff}
.login-shell .login-card .form-control:focus{border-color:#7ca8fa;background:#fff;outline:0;box-shadow:0 0 0 4px rgba(37,99,235,.11)}
.login-shell .login-card .form-check{display:flex;align-items:center;gap:9px;min-height:0;padding-left:0}
.login-shell .login-card .form-check-input{float:none;flex:0 0 auto;width:16px;height:16px;margin:0;border-color:#c8d3e2;box-shadow:none;cursor:pointer}
.login-shell .login-card .form-check-input:checked{border-color:var(--login-blue);background-color:var(--login-blue)}
.login-shell .login-card .form-check-label{color:#65738a;font-size:.78rem;cursor:pointer}
.login-shell .login-card .text-muted{display:block;margin-top:8px;color:#8491a4!important;font-size:.72rem;line-height:1.65}
.login-shell .login-card .btn-primary{min-height:52px;display:flex;align-items:center;justify-content:center;border:1px solid var(--login-blue);border-radius:12px;background:linear-gradient(110deg,#2563eb,#3478ed);color:#fff;font-size:.88rem;font-weight:700;box-shadow:0 10px 22px rgba(37,99,235,.2);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.login-shell .login-card .btn-primary:hover{border-color:#174fc4;background:linear-gradient(110deg,#1d55d6,#2563eb);box-shadow:0 13px 27px rgba(37,99,235,.27);transform:translateY(-1px)}
.login-shell .login-card .help-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:25px;padding-top:21px;border-top:1px solid #edf1f7}
.login-shell .login-card .help-links a{color:#5d6e86;font-size:.76rem;font-weight:600;text-decoration:none}
.login-shell .login-card .help-links a:hover{color:var(--login-blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  .login-shell{padding:22px 14px}
  .login-shell .login-frame{grid-template-columns:minmax(0,1fr);width:min(620px,100%);min-height:0;border-radius:24px}
  .login-shell .login-left{min-height:0;padding:32px 34px 28px;gap:30px}
  .login-shell .brand-logo{margin-bottom:30px}
  .login-shell .login-left h1{max-width:560px;font-size:clamp(1.9rem,5vw,2.65rem)}
  .login-shell .login-left p{font-size:.88rem}
  .login-shell .login-hero{padding:14px}
  .login-shell .login-left .login-hero .hero-block{padding:12px}
  .login-shell .login-left .login-hero .hero-block strong{font-size:.9rem}
  .login-shell .login-right{padding:34px}
  .login-shell .login-right>.btn{margin-bottom:28px!important}
}
@media(max-width:480px){
  .login-shell{padding:12px 10px}
  .login-shell .login-frame{border-radius:20px}
  .login-shell .login-left{padding:25px 22px 22px;gap:24px}
  .login-shell .brand-logo{margin-bottom:24px;font-size:1.05rem}
  .login-shell .brand-logo i{width:38px;height:38px}
  .login-shell .login-left h1{font-size:1.85rem}
  .login-shell .login-left p{font-size:.82rem}
  .login-shell .login-hero{padding:10px;border-radius:15px}
  .login-shell .login-left .login-hero .hero-bar{gap:8px}
  .login-shell .login-left .login-hero .hero-block{padding:10px;border-radius:11px}
  .login-shell .login-left .login-hero .hero-block span{font-size:.67rem}
  .login-shell .login-left .login-hero .hero-block strong{font-size:.78rem}
  .login-shell .login-right{padding:27px 22px 25px}
  .login-shell .login-right>.btn{margin-bottom:25px!important;font-size:.76rem}
  .login-shell .login-card-title{font-size:1.8rem}
  .login-shell .login-card-subtitle{font-size:.81rem}
  .login-shell .login-card .help-links{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.login-shell .login-card .form-control,.login-shell .login-card .btn-primary{transition:none}}

/* Hemat Digital package pricing and revenue-share disclosure */
.pricing-section .pricing-card { position: relative; display: flex; flex-direction: column; gap: 10px; }
.pricing-section .pricing-card h3,
.pricing-section .pricing-card h2 { color: #102c59; font-weight: 800; letter-spacing: -.045em; }
.pricing-section .pricing-card ul { padding-left: 0; list-style: none; margin: 12px 0 20px; }
.pricing-section .pricing-card ul li { display: flex; gap: 9px; align-items: flex-start; margin: 0 0 11px; line-height: 1.55; color: #53627a; font-size: .9rem; }
.pricing-section .pricing-card ul li i { flex: 0 0 auto; color: #1684d6; margin-top: 3px; }
.pricing-section .pricing-card .btn { margin-top: auto; }
.pricing-section .price-option { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border: 1px solid #e5edf7; border-radius: 12px; background: #f8fbff; text-align: left; }
.pricing-section .price-option strong { color: #102c59; font-size: 1rem; }
.pricing-section .price-option span { color: #718096; font-size: .78rem; line-height: 1.5; }
.pricing-section .package-inheritance { margin: 10px 0 0; padding: 11px 12px; border-radius: 10px; color: #175ca9; background: #edf6ff; font-size: .84rem; font-weight: 650; line-height: 1.5; }
.pricing-section .package-inheritance i { margin-right: 5px; }
.pricing-section .package-list-heading { color: #102c59; font-size: .96rem; font-weight: 750; margin: 10px 0 0; }
.pricing-section .package-fee-note { display: flex; align-items: flex-start; gap: 10px; margin: 12px 0 18px; padding: 13px; border: 1px solid #cdece6; border-radius: 12px; background: #f1fbf8; color: #315d59; font-size: .84rem; line-height: 1.55; }
.pricing-section .package-fee-note i { color: #0e9382; margin-top: 2px; }
.pricing-model-note { display: flex; align-items: flex-start; gap: 18px; padding: 24px; border: 1px solid #d7e8f7; border-radius: 20px; background: linear-gradient(135deg,#f1f7ff 0%,#f8fcff 62%,#f1fbfa 100%); box-shadow: 0 12px 32px rgba(16,44,89,.045); }
.pricing-model-note .pricing-model-icon { flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: #e2f1ff; color: #1767c1; font-size: 1.35rem; }
.pricing-model-note h2,
.pricing-model-note h3 { margin: 0 0 8px; color: #102c59; font-size: 1.1rem; font-weight: 800; }
.pricing-model-note p { margin: 0 0 9px; color: #53627a; font-size: .92rem; line-height: 1.75; }
.pricing-model-note small { display: block; color: #718096; font-size: .78rem; line-height: 1.65; }
.package-price-summary { display: flex; flex-direction: column; gap: 5px; padding: 16px 18px; border: 1px solid #cfe2f5; border-radius: 14px; background: #f4f9ff; }
.package-price-summary strong { color: #102c59; font-size: 1.04rem; }
.package-price-summary span { color: #5c6e85; font-size: .84rem; line-height: 1.6; }
.order-page .feature-card { border: 1px solid #e2eaf5; border-radius: 24px; box-shadow: 0 22px 60px rgba(16,44,89,.08); }
.order-page .form-label { color: #253b5a; font-weight: 650; font-size: .88rem; }
.order-page .form-control,
.order-page .form-select { min-height: 48px; border-color: #dce5f1; border-radius: 11px; }
.order-page textarea.form-control { min-height: 130px; }
.order-page .form-control:focus,
.order-page .form-select:focus { border-color: #5a9be9; box-shadow: 0 0 0 .2rem rgba(37,99,235,.12); }
.order-page .form-text { display: block; margin-top: 6px; color: #718096; line-height: 1.5; }
@media (max-width: 767px) {
  .pricing-section .pricing-card { padding: 24px !important; }
  .pricing-model-note { gap: 12px; padding: 18px; border-radius: 16px; }
  .pricing-model-note .pricing-model-icon { flex-basis: 40px; width: 40px; height: 40px; border-radius: 12px; font-size: 1.1rem; }
  .order-page .feature-card { padding: 22px !important; border-radius: 18px; }
}

/* Header refinement: keep the brand and account-access buttons together;
   remove the redundant top-level "Pesan Sekarang" CTA. */
@media (min-width: 992px) {
  .header-top .navbar-brand { order: 1; flex-shrink: 0; white-space: nowrap; margin-right: .25rem; }
  .header-top .navbar-actions { order: 2; flex: 0 0 auto; margin: 0 1.1rem 0 0 !important; gap: .4rem !important; white-space: nowrap; }
  .header-top .navbar-actions .btn { padding: .48rem .68rem !important; font-size: .73rem; }
  .header-top .navbar-toggler { display: none; }
  .header-top .navbar-collapse { order: 3; flex-basis: auto; flex-grow: 1; min-width: 0; }
  .header-top .navbar-nav { gap: .7rem; }
}
@media (max-width: 991px) {
  .header-top .navbar { display: flex; flex-wrap: wrap; column-gap: .35rem; min-height: 70px; }
  .header-top .navbar-brand { order: 1; flex: 0 0 auto; white-space: nowrap; margin-right: .1rem; padding-right: 0 !important; font-size: 1.08rem; }
  .header-top .navbar-actions { order: 2; display: flex !important; flex: 0 0 auto; width: auto; margin: 0 !important; justify-content: flex-start; flex-wrap: nowrap; gap: .32rem !important; white-space: nowrap; }
  .header-top .navbar-actions .btn { padding: .42rem .52rem !important; font-size: .69rem; line-height: 1.25; }
  .header-top .navbar-toggler { order: 3; flex: 0 0 auto; margin-left: auto; padding: .34rem .42rem; }
  .header-top .navbar-collapse { order: 4; flex: 0 0 100%; width: 100%; min-width: 0; }
  .header-top .navbar-collapse.show { margin-top: .55rem; }
}
@media (max-width: 380px) {
  .header-top .navbar-brand { font-size: .98rem; letter-spacing: -.06em; }
  .header-top .navbar-actions { gap: .25rem !important; }
  .header-top .navbar-actions .btn { padding: .4rem .48rem !important; font-size: .67rem; }
  .header-top .login-label-prefix { display: none; }
  .header-top .navbar-toggler { padding: .3rem .38rem; }
}