:root{--primary:#03630d;--primary-bright:#0a9b15;--primary-soft:#e8f8eb;--primary-tint:#f4fbf5;--dark:#0f172a;--white:#fff;--gray-bg:#f8fafc;--gray-border:#e2e8f0;--text-muted:#64748b}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--dark);background:var(--white);scroll-behavior:smooth;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.reveal{opacity:0;transition:opacity .56s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s), transform .56s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:translate(0,0)}section,#top,#main-content{scroll-margin-top:96px}.site-nav{z-index:900;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-bottom:1px solid #e2e8f0cc;padding:12px 20px;position:sticky;top:0}.skip-link{z-index:1001;color:var(--white);background:var(--primary);border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none;transition:all .2s;position:absolute;top:-48px;left:20px}.skip-link:focus{top:10px}.nav-inner{justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto;display:flex}.nav-brand{color:var(--dark);white-space:nowrap;align-items:center;gap:10px;font-size:1rem;font-weight:900;text-decoration:none;display:inline-flex}.nav-logo-mark{background:var(--white);border:1px solid #03630d1f;border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;overflow:hidden;box-shadow:0 10px 22px #03630d2e}.nav-logo-mark img{object-fit:contain;width:30px;height:34px;display:block}.nav-links{background:#03630d0d;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px;display:flex}.nav-links a{color:#334155;border-radius:999px;padding:10px 13px;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .2s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--primary);background:var(--white);box-shadow:0 8px 18px #0f172a14}.nav-menu-toggle{background:var(--white);cursor:pointer;border:1px solid #03630d24;border-radius:14px;width:44px;height:44px;transition:all .2s;display:none;box-shadow:0 10px 20px #0f172a0f}.nav-menu-toggle:hover,.nav-menu-toggle:focus-visible{border-color:#03630d47;outline:none;box-shadow:0 12px 22px #03630d1f}.nav-menu-toggle span{background:var(--dark);border-radius:999px;width:18px;height:2px;margin:4px auto;transition:transform .2s,opacity .2s;display:block}.site-nav.is-open .nav-menu-toggle span:first-child{transform:translateY(6px)rotate(45deg)}.site-nav.is-open .nav-menu-toggle span:nth-child(2){opacity:0}.site-nav.is-open .nav-menu-toggle span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-wa{color:var(--white);white-space:nowrap;background:#25d366;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-weight:900;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 12px 24px #25d36638}.nav-wa:hover{background:#128c7e;transform:translateY(-2px)}.site-hero{background:radial-gradient(circle at 77% 23%, #0a9b1521 0 15%, transparent 34%), linear-gradient(180deg, #fff 0%, var(--primary-tint) 100%);color:var(--dark);padding:52px 20px 64px;position:relative;overflow:hidden}.site-hero:before,.site-hero:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.site-hero:before{background:var(--primary-bright);width:12px;height:12px;top:24%;left:42%;box-shadow:0 0 0 12px #0a9b1514}.site-hero:after{background:#f4bd52;width:15px;height:15px;bottom:20%;left:22%;box-shadow:28px 8px #0a9b1538}.hero-shell{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:48px;max-width:1180px;margin:0 auto;display:grid;position:relative}.hero-copy{text-align:left}.manual-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;background:#03630d14;border:1px solid #03630d24;border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:9px 16px;font-size:.8rem;font-weight:800;display:inline-flex}.hero-title{max-width:620px;color:var(--dark);text-wrap:balance;margin-bottom:24px;font-size:clamp(2.55rem,5vw,4.7rem);font-weight:800;line-height:.98}.hero-title span{color:var(--primary);display:block}.hero-description{color:#334155;max-width:560px;margin:0 0 30px;font-size:1.08rem;line-height:1.75}.header-btns{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;display:flex}.hero-visual{justify-content:center;align-items:center;min-height:510px;display:flex;position:relative}.hero-visual-bg{background:linear-gradient(135deg,#03630d1a,#0a9b1533);border-radius:48% 0 0 48%;position:absolute;inset:22px 4px 8px 70px}.hero-visual-frame{aspect-ratio:1.08;border-radius:34px;width:min(100%,620px);position:relative;overflow:hidden}.hero-visual-frame:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#fbfdfcfa,#fbfdfc00);width:25%;position:absolute;inset:0 auto 0 0}.hero-visual-frame img{object-fit:cover;object-position:100% center;filter:drop-shadow(0 28px 32px #03630d21);width:100%;height:100%;display:block;transform:none}.hero-floating-card{max-width:220px;position:absolute}.hero-floating-card-content{color:var(--dark);background:#ffffffeb;border:1px solid #e2e8f0d9;border-radius:18px;align-items:center;gap:12px;padding:16px 18px;font-weight:800;line-height:1.25;display:flex;box-shadow:0 18px 38px #0f172a1f}.hero-floating-card-content i{width:38px;height:38px;color:var(--white);background:linear-gradient(135deg, var(--primary), var(--primary-bright));border-radius:12px;flex:none;place-items:center;display:grid}.hero-floating-card-top{top:76px;right:14px}.hero-floating-card-bottom{bottom:68px;right:44px}.hero-float-up{animation:5.8s ease-in-out .9s infinite heroFloatUp}.hero-float-down{animation:6.4s ease-in-out 1.2s infinite heroFloatDown}.hero-visual-frame{animation:8s ease-in-out .6s infinite heroFrameFloat}@keyframes heroFloatUp{0%,to{transform:translate(0,0)}50%{transform:translateY(-8px)}}@keyframes heroFloatDown{0%,to{transform:translate(0,0)}50%{transform:translateY(7px)}}@keyframes heroFrameFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-6px)}}h1{margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1.1}h1 span{color:#d1ffd6}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:9px;margin:0;padding:17px 30px;font-family:inherit;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 16px 30px #03630d38}.btn-outline{color:var(--dark);background:#ffffffb8;border:1px solid #03630d33}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #03630d2e}.btn:active{transform:translateY(-1px)scale(.98)}.hero-frame-section{z-index:100;max-width:1000px;margin:-120px auto 80px;padding:0 20px;position:relative}.hero-frame-inner{background:#fff;border-radius:40px;padding:10px;box-shadow:0 30px 60px -12px #00000040}.slideshow-box{aspect-ratio:16/9;background:#000;border-radius:30px;position:relative;overflow:hidden}.mySlides{object-fit:cover;width:100%;height:100%;display:block}.nav-dots{gap:10px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.dot-item{cursor:pointer;background:#fff6;border-radius:50%;width:10px;height:10px}.dot-item.active{background:#fff;border-radius:10px;width:30px}.features-section{background:var(--white);padding:10px 20px 30px}.features-grid{flex-wrap:wrap;justify-content:center;gap:30px;max-width:1100px;margin:0 auto;display:flex}.feature-item{text-align:center;flex-direction:column;align-items:center;width:150px;display:flex}.feature-icon{background:linear-gradient(135deg, var(--primary), var(--primary-bright));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:15px;font-size:2.2rem;transition:all .3s;display:flex;box-shadow:0 8px 15px #01730d33}.feature-item:hover .feature-icon{transform:translateY(-5px);box-shadow:0 12px 20px #01730d4d}.feature-item h4{color:var(--dark);font-size:1.05rem;font-weight:800;line-height:1.3}.track-order-section{background:var(--white);padding:40px 20px 60px}.track-order-box{background:var(--white);border:1px solid var(--gray-border);border-radius:24px;max-width:800px;margin:0 auto;padding:40px;box-shadow:0 15px 40px #0000000f}.track-header{text-align:center;margin-bottom:25px}.track-header h2{color:var(--primary);margin-bottom:8px;font-size:2rem;font-weight:800}.track-header p{color:var(--text-muted);font-size:1rem}.track-form{gap:15px;display:flex}.track-form input{border:1px solid var(--gray-border);background:var(--gray-bg);border-radius:12px;outline:none;flex-grow:1;padding:15px 25px;font-family:inherit;font-size:1.05rem;transition:all .3s}.track-form input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #01730d1a}.track-form button{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:0 30px;font-family:inherit;font-size:1.05rem;font-weight:800;transition:all .3s}.track-form button:hover{background:var(--dark);transform:translateY(-2px);box-shadow:0 8px 15px #0000001a}.track-form button:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.track-result-box{margin-top:30px;animation:.4s forwards slideDown}.result-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;padding:25px}.result-card h4{color:var(--primary);border-bottom:1px solid #bbf7d0;margin-bottom:15px;padding-bottom:10px;font-size:1.2rem}.result-card p{color:var(--dark);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1rem;display:flex}.result-card p strong{color:var(--text-muted);font-weight:600}.badge{text-transform:uppercase;letter-spacing:1px;border-radius:50px;padding:6px 15px;font-size:.85rem;font-weight:800}.badge.diproses{color:#b45309;background:#fef08a;border:1px solid #fde047}.badge.selesai{color:#fff;background:#166534;box-shadow:0 4px 10px #16653433}.alert-error{color:#991b1b;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:15px;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.services-section{background:var(--white);text-align:center;padding:20px 0 80px}.section-title{text-align:center;max-width:760px;margin:0 auto;padding:0 20px}.section-title h2{color:var(--dark);margin-bottom:15px;font-size:2.5rem;font-weight:800}.section-title p{color:var(--text-muted);font-weight:600;line-height:1.7}.services-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;max-width:1150px;margin:40px auto 0;padding:0 20px;display:grid}.theme-card{color:var(--dark);text-align:center;border:1px solid var(--gray-border);background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:35px 25px;transition:all .3s;display:flex;box-shadow:0 10px 20px #0000000d}.theme-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 15px 30px #01730d26}.reveal.is-visible.theme-card:hover{transform:translateY(-8px)}.icon-circle{background:var(--gray-bg);width:85px;height:85px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:25px;font-size:2.2rem;display:flex}.theme-card h3{color:var(--dark);margin-bottom:12px;font-size:1.4rem;font-weight:800}.theme-card p{color:var(--text-muted);flex-grow:1;margin-bottom:20px;font-size:.95rem;font-weight:500;line-height:1.5}.service-price{color:var(--text-muted);margin-bottom:25px;font-size:.95rem}.service-price strong{color:var(--primary);margin-top:5px;font-size:1.3rem;display:block}.empty-price{height:50px}.btn-service{background:var(--gray-bg);color:var(--dark);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--gray-border);cursor:pointer;text-align:center;border-radius:10px;outline:none;width:100%;padding:14px 20px;font-family:inherit;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .3s}.btn-service:hover,.btn-service.active-main{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-service.disabled{background:var(--gray-bg);color:#94a3b8;cursor:not-allowed;border-color:var(--gray-border)}.pricing{background:var(--gray-bg);text-align:center;padding:100px 0}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:30px;max-width:1150px;margin:50px auto 0;padding:0 20px;display:grid}.price-card{border:1px solid var(--gray-border);text-align:center;background:#fff;border-radius:30px;padding:50px 40px;transition:all .4s;position:relative}.price-card:hover{border-color:var(--primary);transform:translateY(-12px);box-shadow:0 15px 30px #01730d1a}.reveal.is-visible.price-card:hover{transform:translateY(-12px)}.price-card.featured{border:2px solid var(--primary);transform:scale(1.05)}.pkg-icon{color:var(--primary);margin-bottom:15px;font-size:3.5rem;transition:all .3s}.price-card:hover .pkg-icon{color:var(--dark);transform:scale(1.1)}.ribbon{background:var(--primary);color:#fff;border-radius:50px;padding:6px 22px;font-size:.75rem;font-weight:800;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.check-list{text-align:left;margin-bottom:40px;list-style:none}.check-list li{align-items:center;gap:12px;margin-bottom:15px;display:flex}.check-list li i{color:var(--primary)}.btn-card{background:var(--gray-bg);color:var(--dark);cursor:pointer;border:none;border-radius:14px;width:100%;padding:16px;font-family:inherit;font-weight:700;text-decoration:none;transition:all .3s;display:block}.btn-card.active,.btn-card:hover{background:var(--primary);color:#fff}.social-feed-section{border-top:1px solid var(--gray-border);border-bottom:1px solid var(--gray-border);background:#f6f8f7;padding:88px 20px}.social-feed-inner{max-width:1150px;margin:0 auto}.social-feed-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:34px;display:flex}.social-eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.8rem;font-weight:900}.social-feed-heading h2{color:var(--dark);margin-bottom:12px;font-size:2.35rem;line-height:1.15}.social-feed-heading>div:first-child>p:last-child{color:var(--text-muted);line-height:1.65}.social-profile-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.social-profile-links a{background:var(--white);min-height:42px;color:var(--dark);border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:9px;padding:10px 14px;font-size:.85rem;font-weight:800;text-decoration:none;display:inline-flex}.social-profile-links a:hover{border-color:var(--primary);color:var(--primary)}.social-feed-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;display:grid}.social-post-card{border:1px solid var(--gray-border);background:var(--white);border-radius:8px;min-width:0;transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:0 8px 22px #0f172a0e}.social-post-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0f172a1a}.reveal.is-visible.social-post-card:hover{transform:translateY(-4px)}.social-post-media{aspect-ratio:1;background:#e8ece9;width:100%;display:block;position:relative;overflow:hidden}.social-post-media:after{content:"";background:#0f172a00;transition:background .3s;position:absolute;inset:0}.social-post-media img{object-fit:cover;width:100%;height:100%;transition:transform .42s cubic-bezier(.22,1,.36,1);display:block}.social-post-card:hover .social-post-media img{transform:scale(1.09)}.social-post-card:hover .social-post-media:after{background:#0f172a29}.social-media-fallback{z-index:1;color:#475569;opacity:0;pointer-events:none;place-items:center;font-size:3rem;display:grid;position:absolute;inset:0}.social-media-fallback.is-visible{opacity:1}.social-post-open{z-index:2;width:38px;height:38px;color:var(--white);background:#0f172ad6;border-radius:50%;place-items:center;font-size:.8rem;display:grid;position:absolute;bottom:12px;right:12px}.social-post-body{padding:16px}.social-post-meta{align-items:center;margin-bottom:10px;font-size:.78rem;display:flex}.social-post-meta span{color:var(--dark);align-items:center;gap:6px;font-weight:900;display:inline-flex}.social-post-card.instagram .social-post-meta span{color:#b4236a}.social-post-card.tiktok .social-post-meta span{color:#111827}.social-post-body p{color:#334155;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;margin-bottom:14px;font-size:.9rem;line-height:1.45;display:-webkit-box;overflow:hidden}.social-post-body>a{color:var(--primary);font-size:.82rem;font-weight:900;text-decoration:none}.social-post-body>a i{margin-left:5px;font-size:.72rem}.social-empty-state{background:var(--white);text-align:center;border:1px dashed #94a3b8;border-radius:8px;padding:52px 20px}.social-empty-state>i{color:var(--primary);margin-bottom:14px;font-size:2rem}.social-empty-state h3{color:var(--dark);margin-bottom:8px}.social-empty-state p{color:var(--text-muted)}.social-skeleton{aspect-ratio:.72;background:linear-gradient(90deg,#e8ece9 25%,#f8fafc 45%,#e8ece9 65%) 0 0/220% 100%;border-radius:8px;animation:1.4s infinite socialShimmer}@keyframes socialShimmer{to{background-position-x:-220%}}.seo-section{background:var(--white);padding:86px 20px}.seo-layout{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:start;gap:42px;max-width:1150px;margin:0 auto;display:grid}.seo-eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.82rem;font-weight:800}.seo-copy h2{color:var(--dark);margin-bottom:18px;font-size:2.3rem;line-height:1.15}.seo-copy p{color:#334155;font-size:1rem;line-height:1.8}.faq-list{gap:14px;display:grid}.faq-list details{border:1px solid var(--gray-border);background:var(--gray-bg);border-radius:16px;padding:18px 20px}.faq-list summary{cursor:pointer;color:var(--dark);font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--primary);font-size:1.3rem;line-height:1}.faq-list details[open] summary:after{content:"-"}.faq-list details p{color:var(--text-muted);margin-top:12px;line-height:1.7}.slider-wrapper{padding:40px 0;overflow:hidden}.slider-track{gap:30px;width:max-content;animation:40s linear infinite scrollInfinite;display:flex}.slide-unit{border:1px solid var(--gray-border);background:#fff;border-radius:20px;width:350px;height:210px;overflow:hidden;box-shadow:0 10px 15px #0000000d}.slide-unit img{object-fit:contain;width:100%;height:100%}@keyframes scrollInfinite{0%{transform:translate(0)}to{transform:translate(-50%)}}.question-contact{background:var(--white);padding:28px 20px 0}.question-contact-inner{z-index:2;background:radial-gradient(circle at 88% 18%,#0a9b1529,#0000 28%),linear-gradient(135deg,#fff 0%,#f0fbf2 100%);border:1px solid #03630d21;border-radius:26px;justify-content:space-between;align-items:center;gap:28px;max-width:1150px;margin:0 auto -38px;padding:32px;display:flex;position:relative;box-shadow:0 24px 48px #03630d1c}.question-label{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.82rem;font-weight:900}.question-contact h2{color:var(--dark);margin-bottom:10px;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.12}.question-contact p:not(.question-label){color:#334155;max-width:680px;font-weight:500;line-height:1.7}.question-wa-link{min-width:170px;color:var(--white);background:#25d366;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 22px;font-weight:900;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 16px 30px #25d36640}.question-wa-link:hover{background:#128c7e;transform:translateY(-3px)}.wa-sticky{z-index:1000;color:#fff;background:#25d366;border-radius:999px;justify-content:center;align-items:center;width:58px;height:58px;font-size:1rem;font-weight:900;text-decoration:none;transition:all .25s;display:inline-flex;position:fixed;bottom:28px;right:28px;box-shadow:0 18px 34px #128c7e47}.wa-sticky i{font-size:1.55rem}.wa-sticky span{background:var(--dark);width:max-content;max-width:160px;color:var(--white);opacity:0;pointer-events:none;border-radius:10px;padding:9px 12px;font-size:.82rem;line-height:1;transition:all .2s;position:absolute;right:calc(100% + 10px);transform:translate(6px)}.wa-sticky:hover{background:#128c7e;transform:translateY(-4px)}.wa-sticky:hover span,.wa-sticky:focus-visible span{opacity:1;transform:translate(0)}.wa-sticky:active{transform:translateY(-1px)scale(.98)}.site-footer{color:var(--white);background:radial-gradient(circle at 82% 8%,#0a9b153d,#0000 34%),radial-gradient(circle at 18% 90%,#f4bd5224,#0000 30%),linear-gradient(135deg,#08110b 0%,#0f172a 58%,#07140a 100%);padding:116px 20px 28px;position:relative;overflow:hidden}.site-footer:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 78%);mask-image:linear-gradient(#0009,#0000 78%)}.footer-glow{filter:blur(48px);pointer-events:none;background:#0a9b153d;border-radius:999px;width:280px;height:280px;position:absolute;top:-120px;right:12%}.footer-inner{z-index:1;max-width:1150px;margin:0 auto;position:relative}.footer-brand{grid-template-columns:auto minmax(0,680px);align-items:start;gap:20px;margin-bottom:34px;display:grid}.footer-logo-mark{background:#fffffff0;border:1px solid #ffffff38;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;overflow:hidden;box-shadow:0 18px 38px #0a9b1538}.footer-logo-mark img{object-fit:contain;width:42px;height:48px;display:block}.footer-brand h2{color:var(--white);margin-bottom:14px;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1}.footer-brand p{color:#ffffffb8;max-width:690px;font-weight:500;line-height:1.75}.footer-cta{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:38px;padding:18px 20px;display:flex;box-shadow:inset 0 1px #ffffff14}.footer-cta span{color:#ffffffc7;font-weight:700}.footer-cta-link{color:var(--dark);background:var(--white);border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-weight:900;text-decoration:none;transition:all .25s;display:inline-flex}.footer-cta-link:hover{transform:translateY(-2px);box-shadow:0 16px 32px #00000040}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:8px 0 38px;display:grid}.footer-grid>div{background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;padding:22px}.footer-grid h3{color:#d9ffe0;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:.92rem}.footer-grid a,.footer-grid p{color:#ffffffb8;margin-bottom:10px;font-weight:600;line-height:1.55;text-decoration:none;transition:all .2s;display:block}.footer-grid a:hover{color:var(--white);transform:translate(3px)}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:18px;padding-top:24px;display:flex}.footer-bottom p{color:#ffffff94;font-size:.92rem;font-weight:600}.footer-bottom a{width:42px;height:42px;color:var(--white);background:#ffffff17;border-radius:14px;place-items:center;text-decoration:none;transition:all .25s;display:grid}.footer-bottom a:hover{background:var(--primary);transform:translateY(-3px)}.modal-overlay{z-index:9999;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{width:100%;max-width:1000px;max-height:90vh;color:var(--dark);background:#fff;border-radius:20px;padding:30px 40px;transition:all .4s;position:relative;overflow-y:auto;transform:translateY(20px);box-shadow:0 25px 50px -12px #0000004d}.modal-overlay.active .modal-content{transform:translateY(0)}.close-modal{color:var(--text-muted);cursor:pointer;font-size:2rem;font-weight:700;line-height:1;transition:all .3s;position:absolute;top:15px;right:25px}.close-modal:hover{color:#d90429}.modal-title{text-align:center;color:var(--dark);margin-bottom:25px;font-size:1.8rem;font-weight:800}.upload-area{background:var(--gray-bg);border:2px dashed var(--primary);text-align:center;border-radius:12px;margin-bottom:25px;padding:25px 20px;transition:all .3s}.upload-area.dragover{background:#e6f4ea}.upload-icon{color:var(--primary);margin-bottom:10px;font-size:2.2rem}.btn-upload{background:var(--primary);color:#fff;cursor:pointer;border-radius:8px;margin-bottom:10px;padding:8px 25px;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-block}.btn-upload:hover{background:var(--dark)}.upload-area p{color:var(--dark);margin-bottom:5px;font-size:.95rem;font-weight:600}.file-hint{color:var(--text-muted);font-size:.85rem;font-weight:600}.file-name-display{color:var(--primary);margin-top:10px;font-size:.95rem;font-weight:700}.form-grid{grid-template-columns:1fr 1fr 1.3fr;align-items:start;gap:25px;margin-bottom:15px;display:grid}.col-title{color:var(--dark);margin-bottom:12px;font-size:1rem;font-weight:800}.custom-checkbox{cursor:pointer;color:#334155;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.exclude-options{margin-top:10px;padding-left:25px}.radio-group{color:var(--dark);align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;display:flex}.input-small{border:1px solid var(--gray-border);background:var(--gray-bg);border-radius:6px;outline:none;width:65px;padding:6px 10px;font-family:inherit;font-size:.9rem}.input-small:disabled{cursor:not-allowed;background:#cbd5e1;border-color:#cbd5e1}.input-group{text-align:left;margin-bottom:12px}.input-group .col-title{margin-bottom:6px;font-size:.95rem;display:block}.input-full{border:1px solid var(--gray-border);background:var(--gray-bg);width:100%;color:var(--dark);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s}.input-full:focus{box-shadow:0 0 0 2px var(--primary);border-color:var(--primary);background:#fff}.promo-flex{gap:8px;display:flex}.promo-input{flex-grow:1}.btn-pakai{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:0 15px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .3s}.btn-pakai:hover{background:var(--dark)}.modal-footer{border-top:1px solid var(--gray-border);justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.total-price{color:var(--primary);align-items:center;gap:15px;font-size:1.4rem;font-weight:800;display:flex}#display-price,#para-display-price{font-size:1.8rem}.btn-bayar{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:40%;padding:14px 30px;font-family:inherit;font-size:1.1rem;font-weight:800;transition:all .3s}.btn-bayar:hover{background:var(--dark);transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-bayar:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.qris-container{text-align:center;max-width:450px;margin:0 auto;padding:10px}.qris-container h3{color:var(--dark);margin-bottom:8px;font-size:1.6rem}.qris-desc{color:var(--text-muted);margin-bottom:20px;font-size:.9rem;line-height:1.4}.qris-img-box{border:2px solid var(--primary);background:#fff;border-radius:15px;margin-bottom:20px;padding:10px;display:inline-block;box-shadow:0 8px 20px #0000001a}.img-qris{width:220px;max-width:100%;height:auto;display:block}.qris-total-box{background:var(--gray-bg);border:1px solid var(--gray-border);border-radius:10px;margin-bottom:20px;padding:12px 20px}.qris-total-box span{color:var(--text-muted);font-size:.9rem;font-weight:600}.qris-price{color:var(--primary);margin-top:5px;font-size:1.8rem;font-weight:800}.btn-wa-confirm{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:14px;font-weight:700;display:flex}.btn-wa-confirm:hover{background:#128c7e}.btn-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.9rem;font-weight:700;text-decoration:underline;transition:all .3s}.btn-back:hover{color:var(--dark)}.toast-notification{background:var(--dark);color:#fff;z-index:10;opacity:0;visibility:hidden;text-align:center;border-radius:50px;align-items:center;gap:10px;width:max-content;max-width:90%;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:absolute;top:-65px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 30px #00000040}.toast-notification i{color:var(--primary-bright);font-size:1.2rem}.toast-notification.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (width<=1100px) and (width>=769px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-inner{gap:8px}.nav-brand>span:last-child{display:none}.nav-links{gap:2px}.nav-links a{padding:9px 8px;font-size:.86rem}.nav-wa{border-radius:14px;width:44px;height:44px;padding:0;font-size:0}.nav-wa i{font-size:1rem}}@media (width<=768px){section,#top,#main-content{scroll-margin-top:84px}.site-nav{padding:10px 14px}.nav-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;position:relative}.nav-brand{justify-content:flex-start;min-width:0}.nav-brand>span:last-child{text-overflow:ellipsis;overflow:hidden}.nav-menu-toggle{grid-area:1/2;display:block}.nav-links,.nav-wa{opacity:0;visibility:hidden;pointer-events:none;grid-column:1/-1;width:100%;transform:translateY(-8px)}.nav-links{background:#fffffff5;border:1px solid #e2e8f0eb;border-radius:18px;grid-template-columns:1fr;justify-content:stretch;gap:4px;max-height:0;margin-top:8px;padding:8px;transition:opacity .22s,visibility .22s,transform .22s,max-height .22s;display:grid;overflow:hidden;box-shadow:0 18px 36px #0f172a1a}.nav-links a{text-align:left;border-radius:12px;padding:12px 14px;font-size:.94rem}.nav-wa{justify-content:center;max-height:0;padding:13px 16px;font-size:.92rem;transition:opacity .22s,visibility .22s,transform .22s,max-height .22s,margin-top .22s;overflow:hidden}.site-nav.is-open .nav-links,.site-nav.is-open .nav-wa{opacity:1;visibility:visible;pointer-events:auto;max-height:420px;transform:translateY(0)}.site-nav.is-open .nav-wa{max-height:56px;margin-top:2px}.site-hero{padding:30px 18px 46px}.site-hero:before{display:none}.hero-shell{grid-template-columns:1fr;gap:24px}.hero-copy{text-align:left}.manual-tag{margin-bottom:18px}.hero-title{margin-bottom:18px;font-size:clamp(2.15rem,11.5vw,3rem);line-height:1.04}.hero-description{margin-bottom:24px;font-size:1rem}.header-btns{align-items:stretch}.btn{width:100%;padding:15px 22px}.hero-visual{min-height:360px;margin-inline:-10px}.hero-visual-bg{border-radius:44% 0 0 44%;inset:18px 0 0 36px}.hero-visual-frame{border-radius:24px;width:min(100%,430px)}.hero-visual-frame img{object-position:100% center}.hero-floating-card-content{border-radius:14px;padding:12px 14px;font-size:.82rem}.hero-floating-card-content i{border-radius:10px;width:32px;height:32px}.hero-floating-card-top{top:26px;right:0}.hero-floating-card-bottom{bottom:26px;right:10px}h1{font-size:2.2rem}.hero-frame-section{margin-top:-90px}.features-section{padding-inline:18px}.features-grid{gap:18px}.feature-item{width:calc(50% - 9px)}.feature-icon{width:64px;height:64px;font-size:1.7rem}.feature-item h4{font-size:.92rem}.services-section{padding:46px 0 72px}.services-grid{grid-template-columns:1fr;gap:16px}.theme-card{min-height:auto}.pricing{padding:72px 0}.pricing-grid{grid-template-columns:1fr;gap:16px}.package-note{min-height:auto}.track-order-box{padding:25px}.track-form{flex-direction:column}.track-form button{padding:15px}.result-card p{flex-direction:column;align-items:flex-start;gap:5px}.seo-section,.social-feed-section{padding:64px 18px}.social-feed-heading{flex-direction:column;align-items:flex-start;margin-bottom:26px}.social-feed-heading h2{font-size:1.8rem}.social-profile-links{justify-content:flex-start}.social-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-post-body{padding:13px}.social-post-meta{flex-direction:column;align-items:flex-start}.seo-layout{grid-template-columns:1fr;gap:28px}.seo-copy h2{font-size:1.8rem}.question-contact{padding:18px 18px 0}.question-contact-inner{border-radius:22px;flex-direction:column;align-items:flex-start;margin-bottom:-30px;padding:24px}.question-wa-link{width:100%}.site-footer{padding:88px 18px 24px}.footer-brand{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.footer-logo-mark{border-radius:16px;width:52px;height:52px}.footer-cta{flex-direction:column;align-items:stretch;padding:18px}.footer-cta-link{justify-content:center}.footer-grid{grid-template-columns:1fr;gap:14px;padding-bottom:28px}.footer-grid>div{padding:20px}.footer-bottom{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr;gap:15px}.modal-footer{flex-direction:column;align-items:flex-start;gap:15px}.btn-bayar{width:100%}.total-price{flex-direction:column;align-items:flex-start;gap:5px;font-size:1.2rem}#display-price,#para-display-price{font-size:1.5rem}.toast-notification{padding:10px 20px;font-size:.85rem;top:-50px}.wa-sticky{width:52px;height:52px;font-size:.9rem;bottom:16px;right:16px}.wa-sticky i{font-size:1.35rem}.wa-sticky span{display:none}}.login-page-container{background:linear-gradient(135deg, var(--primary), var(--dark));justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex}.login-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:450px;padding:40px;box-shadow:0 20px 40px #0000004d}.login-header h3{color:var(--dark);margin-bottom:8px;font-size:1.6rem;font-weight:800}.login-header p{color:var(--text-muted);margin-bottom:30px;font-size:.9rem}.login-form{text-align:left}.login-input-group{margin-bottom:20px}.login-input-group label{color:var(--dark);margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.login-input-group input,.login-input-group select{border:1px solid var(--gray-border);background:var(--gray-bg);border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem}.login-input-group input:focus,.login-input-group select:focus{border-color:var(--primary);background:#fff}.btn-login-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:14px;font-size:1rem;font-weight:800;transition:all .3s}.btn-login-submit:hover{background:#000}.login-footer-back{margin-top:25px}.login-footer-back a{color:var(--text-muted);font-size:.9rem;font-weight:600;text-decoration:none}.login-footer-back a:hover{color:var(--primary)}.dashboard-container{background:#f1f5f9;width:100vw;height:100vh;display:flex;overflow:hidden}.db-sidebar{background:var(--dark);color:#fff;flex-direction:column;width:280px;padding:30px 20px;display:flex;box-shadow:4px 0 15px #0000000d}.sidebar-brand{color:var(--primary-bright);align-items:center;gap:12px;margin-bottom:35px;font-size:1.5rem;font-weight:800;display:flex}.sidebar-user-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;margin-bottom:30px;padding:15px;display:flex}.user-avatar{background:var(--primary);border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.3rem;display:flex}.user-info strong{font-size:.95rem;display:block}.user-info span{color:var(--text-muted);font-size:.8rem}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;display:flex}.sidebar-menu a{color:#94a3b8;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.sidebar-menu a:hover,.sidebar-menu a.active{color:#fff;background:#06bd1326}.btn-sidebar-logout{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:14px;font-family:inherit;font-weight:700;display:flex}.btn-sidebar-logout:hover{background:#7f1d1d}.db-main-content{flex-direction:column;flex-grow:1;gap:30px;padding:40px;display:flex;overflow-y:auto}.db-topbar{border-bottom:1px solid var(--gray-border);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.db-topbar h2{color:var(--dark);font-size:1.6rem;font-weight:800}.db-stats-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.stat-card{background:#fff;border-left:5px solid #0000;border-radius:16px;align-items:center;gap:20px;padding:25px;display:flex;box-shadow:0 4px 15px #00000005}.border-pending{border-left-color:#f59e0b}.border-process{border-left-color:#3b82f6}.border-success{border-left-color:#10b981}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:55px;height:55px;font-size:1.5rem;display:flex}.icon-pending{color:#d97706;background:#fef3c7}.icon-process{color:#2563eb;background:#dbeafe}.icon-success{color:#059669;background:#d1fae5}.stat-data h3{color:var(--dark);font-size:1.8rem;font-weight:800}.stat-data p{color:var(--text-muted);font-size:.9rem;font-weight:600}.db-table-section{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 15px #00000005}.table-section-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.table-section-header h3{color:var(--dark);font-size:1.2rem;font-weight:800}.filter-btn-group{background:var(--gray-bg);border-radius:10px;gap:8px;padding:5px;display:flex}.filter-btn-group button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .3s}.filter-btn-group button.active,.filter-btn-group button:hover{color:var(--primary);background:#fff;box-shadow:0 4px 10px #0000000d}.db-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.db-data-table th{border-bottom:2px solid var(--gray-border);color:var(--text-muted);padding:16px;font-weight:700}.db-data-table td{border-bottom:1px solid var(--gray-border);color:#334155;padding:16px}.db-data-table tr:hover td{background:#f8fafc}.type-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700}.type-badge.check{color:#0369a1;background:#e0f2fe}.type-badge.paraphrase{color:#6b21a8;background:#f3e8ff}.pay-status{border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700}.pay-status.paid{color:#065f46;background:#d1fae5}.pay-status.unpaid{color:#991b1b;background:#fee2e2}.btn-action-view{background:var(--gray-bg);color:var(--dark);border:1px solid var(--gray-border);cursor:pointer;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .3s}.btn-action-view:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-db-status{cursor:pointer;text-align:center;border:none;border-radius:10px;padding:12px 25px;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .3s}.btn-db-process{color:#d97706;background:#fef3c7;width:100%}.btn-db-process:hover{color:#fff;background:#f59e0b}.btn-db-success{background:var(--primary);color:#fff}.btn-db-success:hover{background:var(--dark)}.db-social-section{gap:22px;display:grid}.db-social-intro{border:1px solid var(--gray-border);background:var(--white);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:26px;display:flex}.db-social-kicker{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:.78rem;font-weight:900;display:block}.db-social-intro h3{color:var(--dark);margin-bottom:7px;font-size:1.25rem}.db-social-intro p{color:var(--text-muted);line-height:1.55}.db-social-preview{border:1px solid var(--gray-border);color:var(--dark);background:var(--white);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.db-social-preview:hover{border-color:var(--primary);color:var(--primary)}.db-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.db-social-card{border:1px solid var(--gray-border);background:var(--white);border-top:4px solid #111827;border-radius:8px;padding:24px;box-shadow:0 6px 18px #0f172a0a}.db-social-card.instagram{border-top-color:#c13584}.db-social-card.tiktok{border-top-color:#111827}.db-social-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.db-social-platform-icon{color:#111827;background:#f1f5f9;border-radius:8px;place-items:center;width:44px;height:44px;font-size:1.35rem;display:grid}.db-social-card.instagram .db-social-platform-icon{color:#b4236a;background:#fdf2f8}.db-connection-status{border-radius:6px;padding:6px 9px;font-size:.72rem;font-weight:900}.db-connection-status.connected{color:#166534;background:#dcfce7}.db-connection-status.disconnected{color:#475569;background:#e2e8f0}.db-connection-status.reconnect_required{color:#9a3412;background:#ffedd5}.db-social-card h4{color:var(--dark);margin-bottom:5px;font-size:1.25rem}.db-social-account{color:var(--text-muted);margin-bottom:20px}.db-social-details{gap:10px;margin-bottom:18px;display:grid}.db-social-details div{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:12px;padding-bottom:9px;font-size:.83rem;display:flex}.db-social-details dt{color:var(--text-muted)}.db-social-details dd{color:var(--dark);text-align:right;font-weight:800}.db-social-error{color:#991b1b;background:#fef2f2;border-radius:6px;margin-bottom:16px;padding:10px;font-size:.8rem;line-height:1.45}.db-social-actions{gap:9px;display:flex}.db-social-primary{min-height:42px;color:var(--white);background:var(--primary);cursor:pointer;border:0;border-radius:8px;flex:1;font-family:inherit;font-weight:800}.db-social-primary:hover{background:var(--dark)}.db-social-primary:disabled,.db-social-icon-button:disabled{opacity:.55;cursor:wait}.db-social-icon-button{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;width:42px;height:42px}.db-social-icon-button:hover{background:#fef2f2}.db-social-loading{background:var(--white);color:var(--text-muted);text-align:center;border-radius:8px;padding:42px}@media (width<=1024px){.dashboard-container{flex-direction:column}.db-sidebar{width:100%;height:auto;padding:20px}.sidebar-menu{flex-flow:wrap;margin-bottom:15px}.btn-sidebar-logout{width:auto;margin-top:0}.db-stats-grid{grid-template-columns:1fr;gap:15px}.db-social-grid{grid-template-columns:1fr}.db-social-intro{flex-direction:column;align-items:flex-start}}@media (width<=520px){.db-main-content{padding:22px 16px}.db-topbar{flex-direction:column;align-items:flex-start;gap:12px}.db-social-details div{flex-direction:column;align-items:flex-start}.db-social-details dd{text-align:left}}@media (width<=1100px){.social-feed-grid{scroll-snap-type:x mandatory;scrollbar-color:#b7c4bb transparent;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(220px,42vw);grid-auto-flow:column;padding:2px 2px 12px;overflow-x:auto}.social-feed-grid::-webkit-scrollbar{height:7px}.social-feed-grid::-webkit-scrollbar-thumb{background:#b7c4bb;border-radius:99px}.social-post-card{scroll-snap-align:start}}@media (width<=520px){.social-feed-grid{grid-auto-columns:minmax(248px,80vw);gap:14px}.social-post-body{padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal.is-visible{opacity:1;will-change:auto;transform:none}}