*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171717;background-color:#efefef;background-image:radial-gradient(circle at 9% 13%,#dedede 0, #dedede 7%,transparent 7.2%),radial-gradient(#ddd 1px,transparent 2px),linear-gradient(135deg,transparent 45%,#e6e6e6 45.3%,#e6e6e6 47%,transparent 47.3%);background-size:1100px 850px,14px 14px,500px 500px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f39520;outline-offset:4px}.ticker{min-height:40px;display:flex;align-items:center;gap:25px;padding:10px 12px;background:#000;color:#fff;font-size:12px}header{background:repeating-linear-gradient(114deg,transparent 0 182px,#31a61f80 183px,transparent 187px,transparent 222px,#29751b 224px,transparent 226px),#131313;color:#eee}.nav-wrap{max-width:1180px;min-height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:22px}.brand{display:flex;align-items:center;gap:15px;font-size:15px}.brand-logo{font-size:20px;color:#ffe036;font-weight:900;font-style:italic;line-height:.95;transform:rotate(-8deg);text-shadow:2px 2px #222}.brand-logo em{display:block;font-size:28px;color:#ef72bf;text-align:center;letter-spacing:2px}nav{display:flex;align-items:center;gap:5px;font-size:14px}nav>a,nav summary{padding:13px 12px;cursor:pointer;border-radius:4px}nav>a:hover,nav summary:hover{background:#ffffff18}.active{background:#ffe6e7;color:#222}summary{list-style:none}summary::-webkit-details-marker{display:none}.dropdown{position:relative}.dropdown>div{position:absolute;z-index:10;min-width:210px;background:#171717;box-shadow:0 8px 20px #0004;padding:8px;border:1px solid #333}.dropdown>div a{display:block;padding:12px;font-size:14px}.dropdown>div a:hover{background:#286b21}.menu{display:none}main{padding:38px 20px 50px}.featured{max-width:1000px;margin:auto}.feature{padding:7px;background:#fff;border-radius:12px;box-shadow:0 7px 10px #0003;margin-bottom:25px}.hero{display:block;position:relative;min-height:0;aspect-ratio:2/1;border-radius:11px;overflow:hidden;color:white;border:1px solid #5e562a}.hero-green{background:#142b10 url('jasa-banner.png') center/cover}.hero-copy{position:relative;z-index:2;padding:35px 42px;width:75%;text-shadow:0 2px 5px #0006}.hero-brand{font-size:29px;font-weight:900;display:flex;align-items:center;gap:38px;letter-spacing:-1px}.hero-brand>span{font-size:18px;font-style:italic;color:#ffe330;line-height:1;transform:rotate(-6deg);text-align:center;text-shadow:2px 2px #242424}.hero-brand em{display:block;color:#ff7ad2;font-size:27px;font-style:italic}.hero h1,.hero h2{font-size:clamp(28px,4.7vw,63px);line-height:1.06;letter-spacing:-2px;margin:42px 0 18px;font-weight:900}.hero h1 em{font-style:normal;color:#7ce10b}.hero h2{color:#82e70a;margin:16px 0;font-size:clamp(26px,4.3vw,58px)}.hero strong{color:white}.hero h3{font-size:25px;letter-spacing:1px;color:#ffe177}.hero p{font-size:16px;margin:20px 0}.example{position:absolute;bottom:12px;right:12px;color:#fff;background:#0008;padding:5px 8px;font-size:10px;border-radius:3px}.bar{display:block;text-align:center;margin:7px 6px 0;border-radius:10px;padding:13px 16px;font-size:14px;font-weight:bold;min-height:42px}.green-bar{background:linear-gradient(#70ad00,#106000);color:#fff}.gold-bar{background:linear-gradient(#e6a22c,#975803);color:#fff}.blue-bar{background:linear-gradient(#297cf6,#003183);color:white}.outline{background:#eefaff;border:1px solid #1789b1;color:#09647f;margin-bottom:6px}.bar:hover{filter:brightness(1.13)}.hero-gold{background:linear-gradient(90deg,#31200bea 10%,#513e1480 60%,#23170555),url('workspace.jpg') center/cover}.hero-gold h2{color:#ffd25a;font-size:clamp(30px,5.4vw,74px);margin-top:50px}.hero-tag{display:inline-block;padding:11px 24px;background:#fff0bd;color:#392600;text-shadow:none;border:1px solid #eab549;font-size:16px;font-weight:800;border-radius:5px}.hero-blue{background:radial-gradient(ellipse at 95% 60%,#27c5c0,transparent 50%),linear-gradient(120deg,#08234c,#17509f 65%,#148fb7)}.hero-blue h2{color:#8beeff;font-size:clamp(30px,5.4vw,74px);margin-top:50px}.hero-blue h3{color:#fff}.hero-blue .hero-tag{background:#effaff;color:#0b4d83;border-color:#b7eeff}.word-art{position:absolute;right:35px;top:155px;font-size:55px;line-height:1.1;color:#fff9;font-weight:900;transform:rotate(-12deg);letter-spacing:-3px}.word-art em{color:#abfff1}.directory{max-width:1180px;margin:25px auto 0}.wide-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(120deg,#072418,#15593e);color:#fff;border:5px solid #d50082;border-radius:16px;box-shadow:5px 5px #111;padding:35px;margin:25px 0}.wide-banner small{color:#b7f496;font-weight:700;letter-spacing:2px}.wide-banner h2{font-size:40px;line-height:1.1;margin:15px 0}.wide-banner span{font-size:14px}.wide-banner>b{background:linear-gradient(#ffffb4,#efc52e);padding:22px 30px;border-radius:8px;color:#1e4027;text-align:center;font-size:24px;white-space:nowrap;transform:rotate(-4deg)}.group{margin:26px 0}.group>h2,.link-section>h2{font-size:18px;text-align:center;background:#d0f3bdcc;color:#284735;padding:14px;border-radius:12px;margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tile{background:#fff;text-align:center;border-radius:5px;overflow:hidden;padding-bottom:10px}.tile-art{display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:2/1;padding:13px 10px;color:#fff;gap:7px;position:relative}.tile-art small{font-size:10px;letter-spacing:1px;opacity:.8}.tile-art b{font-size:30px;letter-spacing:-1px}.tile-art span{font-size:12px}.tile-art i{font-size:9px;font-style:normal;background:#ffffff25;border:1px solid #ffffff33;padding:3px 5px}.green{background:linear-gradient(135deg,#112719,#6a9e24)}.emerald{background:linear-gradient(135deg,#03371c,#1fa55e)}.lime{background:linear-gradient(135deg,#172a0c,#598629)}.cyan{background:linear-gradient(135deg,#036881,#764ad5)}.purple{background:linear-gradient(135deg,#261158,#7748d1)}.orange{background:linear-gradient(135deg,#65310c,#d78d21)}.blue{background:linear-gradient(135deg,#071e50,#2b72be)}.pink{background:linear-gradient(135deg,#661555,#b7428b)}.tile h3{font-size:16px;margin:9px 6px;font-weight:700}.visit{display:inline-block;background:#168344;color:#fff;padding:8px 18px;font-size:12px;font-weight:bold;border-radius:3px}.visit:hover{background:#0d6631}.listing-banner{background:linear-gradient(110deg,#0c111c,#38496c);color:#fff;text-align:center;padding:32px 24px;border:3px solid #e3bf5b;border-radius:9px;margin:32px 0}.listing-banner>span{font-size:14px;letter-spacing:3px;color:#ffe6a3}.listing-banner strong{display:block;font-size:45px;margin:15px 0;font-weight:900}.listing-banner a{display:inline-block;background:#e6c665;color:#231a07;padding:11px 24px;border-radius:5px;font-weight:bold;font-size:14px}.link-section{margin-top:28px}.link-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.link-list a{background:#fff;border:1px solid #ddd;border-radius:4px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.link-list span{font-size:12px;color:#557060}.link-list a:hover{border-color:#25854d}.about,.faq{background:#fff;padding:30px;margin-top:30px;border-radius:8px;text-align:center}.about h2{font-size:30px}.about h3{font-size:20px;color:#2b7238}.about p{font-size:16px;line-height:1.8;max-width:850px;margin:16px auto}.faq h2{font-size:30px}.faq details{text-align:left;border-bottom:1px solid #ddd}.faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:16px;font-weight:700}.faq summary span{font-size:22px}.faq p{font-size:16px;line-height:1.7;margin:0 0 20px;color:#555}.floating-links{position:fixed;right:8px;top:210px;z-index:4;display:grid;gap:20px}.floating-links a{font-size:14px;background:linear-gradient(120deg,#473204,#d69412,#412803);color:#ffec9c;border:2px solid #e9c95c;border-radius:45% 12% 35% 10%;text-align:center;padding:16px 9px;transform:rotate(5deg);text-shadow:1px 2px #000;box-shadow:0 3px 8px #0003}.floating-links b{display:block;color:#fff;font-size:17px}.floating-links small{display:block;font-size:9px;margin-top:6px}.side-tab{position:fixed;right:0;top:62%;writing-mode:vertical-rl;transform:rotate(180deg);background:linear-gradient(#761515,#ae1818);border:2px solid #d8b856;border-radius:5px;color:#fff;padding:12px 6px;font-size:13px;font-weight:700;z-index:4}.to-top{position:fixed;bottom:25px;right:25px;background:#ffffffb0;color:#6b7868;border:1px solid #aaa;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:27px;z-index:4}footer{text-align:center;background:#111;color:#fff;padding:40px 20px}footer b{color:#dfcc6d;font-size:22px}footer p{font-size:14px;color:#ccc}footer small{font-size:12px;color:#aaa}@media(max-width:1200px){.floating-links{display:none}.side-tab{display:none}.word-art{font-size:45px}.hero-copy{padding:30px}.hero h1{margin-top:30px}}@media(max-width:850px){.ticker span:last-child{display:none}.nav-wrap{flex-wrap:wrap;gap:16px}.menu{display:block;color:white;background:transparent;border:1px solid #555;border-radius:4px;padding:8px 13px;font-size:22px}nav{display:none;width:100%;flex-wrap:wrap}nav.open{display:flex}.brand{font-size:14px}.hero-copy{padding:23px}.hero-brand{font-size:22px;gap:22px}.hero-brand>span{font-size:13px}.hero-brand em{font-size:20px}.hero h1,.hero h2{letter-spacing:-1px}.hero h1{margin:26px 0 15px}.hero-gold h2,.hero-blue h2{margin:30px 0 20px}.hero h3{font-size:20px}.hero p{font-size:14px;margin:12px 0}.word-art{right:20px;top:130px;font-size:34px}.wide-banner h2{font-size:29px}.wide-banner>b{font-size:20px;padding:18px}.tile-art b{font-size:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-art{aspect-ratio:2.2/1}.link-list{grid-template-columns:1fr}.to-top{width:38px;height:38px;bottom:15px;right:10px}}@media(max-width:540px){.ticker{font-size:10px;gap:15px;padding:10px;min-height:32px;white-space:nowrap;overflow:hidden}.ticker span:nth-child(2){display:none}.nav-wrap{padding:18px 15px;min-height:90px}.brand-logo{font-size:18px}.brand-logo em{font-size:25px}.brand>b{font-size:13px}nav>a,nav summary{padding:12px 10px;font-size:13px}main{padding:23px 10px 35px}.feature{padding:5px;border-radius:9px;margin-bottom:20px}.hero{aspect-ratio:1.7/1;min-height:230px;border-radius:7px}.hero-copy{padding:17px 14px;width:84%}.hero-brand{font-size:18px;gap:20px}.hero-brand>span{font-size:11px}.hero-brand em{font-size:17px}.hero h1{font-size:27px;margin:21px 0 13px}.hero h2{font-size:25px;margin:10px 0}.hero p{font-size:11px;max-width:210px;margin:10px 0}.hero h3{font-size:15px;letter-spacing:0;margin:13px 0}.hero-gold h2,.hero-blue h2{font-size:32px;margin:23px 0 15px}.hero-tag{font-size:11px;padding:7px 12px}.example{font-size:7px;right:6px;bottom:6px}.hero-green{background-position:55% center}.hero-green .hero-copy{background:linear-gradient(90deg,#08200c55,transparent)}.bar{font-size:12px;padding:11px 8px;margin:6px 3px 0;min-height:36px;border-radius:6px}.outline{margin-bottom:3px}.word-art{font-size:24px;right:10px;top:110px;opacity:.5}.wide-banner{padding:20px 15px;gap:10px;border-width:3px;margin-top:22px}.wide-banner h2{font-size:22px;margin:10px 0}.wide-banner small{font-size:10px;letter-spacing:1px}.wide-banner span{font-size:10px}.wide-banner>b{font-size:13px;padding:11px 9px}.group>h2,.link-section>h2{font-size:13px;padding:13px 5px}.grid{gap:8px}.tile-art{aspect-ratio:1.6/1;padding:10px 5px;gap:5px}.tile-art small{font-size:8px;letter-spacing:0}.tile-art b{font-size:22px}.tile-art span{font-size:10px}.tile-art i{font-size:7px}.tile h3{font-size:12px;line-height:1.4;min-height:32px;margin:7px 5px}.visit{font-size:11px;padding:7px 10px}.listing-banner{padding:24px 15px;margin:25px 0}.listing-banner strong{font-size:32px}.listing-banner>span{font-size:11px}.link-list a{padding:13px;font-size:14px}.link-list span{font-size:11px;text-align:right}.about,.faq{padding:22px 18px;margin-top:25px}.about h2,.faq h2{font-size:24px}.about h3{font-size:18px}.about p,.faq p{font-size:14px}.faq summary{font-size:14px}.to-top{background:#fff}.group{margin:22px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.category-heading{max-width:1000px;margin:0 auto 25px}.breadcrumbs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;font-size:14px;color:#52624c;margin-bottom:20px}.breadcrumbs a{padding:0;color:#23732a}.breadcrumbs a:hover{text-decoration:underline;background:none}.category-heading h1{font-size:32px;margin:10px 0 12px}.category-heading p{font-size:16px;line-height:1.6;margin:0;color:#4f554e}.category-active>summary{background:#ffe6e7;color:#222}.dropdown a[aria-current=page]{background:#286b21;color:white}.category-note{background:#fff;border-radius:6px;padding:22px;line-height:1.7;margin:20px 0}.category-note p{font-size:16px;margin:0 0 8px}.category-note small{font-size:13px;color:#666}.related{margin:32px 0}.related h2{font-size:22px;text-align:center}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{background:#d2f0c3;border:1px solid #99c583;padding:18px;text-align:center;font-size:16px;border-radius:6px;font-weight:bold}.related a:hover{background:#bce4a6}.back-home{display:inline-block;color:#246e24;background:#fff;border:1px solid #b8c9af;padding:13px 20px;border-radius:6px;font-size:14px}@media(max-width:540px){.category-heading h1{font-size:26px}.category-heading p{font-size:15px}.breadcrumbs{font-size:12px;gap:7px}.related>div{grid-template-columns:1fr}.related a{font-size:14px;padding:14px}.category-note{padding:18px}.category-page .hero-copy{width:95%}}
.service-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:#fff;color:#21693f;font-size:27px;font-weight:900;letter-spacing:-1px;border:3px solid #ffffffa6;box-shadow:0 4px 12px #0003;font-style:normal;line-height:1}.avatar-sribu{background:#fff;color:#cf294d}.avatar-fiverr{background:#fff;color:#16824c}.avatar-upwork{background:#e6ffce;color:#174c21}.avatar-canva{background:linear-gradient(135deg,#20c6bc,#6733db);color:#fff;font-family:Georgia,serif;font-style:italic}.avatar-hostinger{background:#fff;color:#6635c1}.avatar-rumahweb{background:#fff4df;color:#dd7800}.avatar-wordpress{background:#fff;color:#166285;font-family:Georgia,serif}.avatar-adobe{background:#fff;color:#a622c0}.avatar-coursera{background:#fff;color:#165bcd}.avatar-udemy{background:#fff;color:#7933bf}.tile-art{aspect-ratio:auto;min-height:210px;gap:8px}.tile-art .service-avatar{font-size:27px}.service-identity{display:flex;align-items:center;gap:12px;color:#171717!important;text-align:left!important}.service-identity .service-avatar{width:38px;height:38px;font-size:18px;border-width:2px;box-shadow:0 2px 7px #0001}.advert{margin:25px 0;border-radius:12px;overflow:hidden;border:2px solid #fff;box-shadow:0 5px 12px #0002;color:white}.advert>a{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 42px;min-height:255px}.ad-creative{background:radial-gradient(ellipse at 95% 20%,#fa66cc,transparent 60%),linear-gradient(115deg,#171252,#5730a9)}.ad-business{background:linear-gradient(90deg,#051e2df5,#073447e8 55%,#10384777),url('/workspace.jpg') center/cover}.ad-learning{background:radial-gradient(ellipse at 95% 90%,#2cbbd5,transparent 55%),linear-gradient(120deg,#063965,#126ac1)}.ad-copy small{font-size:12px;letter-spacing:1.2px;color:#e9deff}.ad-copy h2{font-size:35px;line-height:1.13;margin:16px 0 12px;letter-spacing:-.8px}.ad-copy p{font-size:16px;line-height:1.5;margin:0 0 19px;color:#f1edff}.ad-cta{display:inline-block;padding:11px 22px;background:#fff;color:#2b255c;font-size:14px;font-weight:bold;border-radius:6px;box-shadow:0 3px 0 #0002}.advert a:hover .ad-cta{background:#e9f8cf}.ad-brand{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:160px;transform:rotate(-4deg);text-align:center}.ad-brand .service-avatar{width:96px;height:96px;font-size:43px;border-width:4px;box-shadow:0 10px 30px #0003}.ad-brand strong{font-size:27px}.ad-brand>span:last-child{font-size:11px;letter-spacing:2px}@media(max-width:540px){.tile-art{min-height:180px;padding:12px 5px}.tile-art .service-avatar{width:47px;height:47px;font-size:22px}.advert{margin:21px 0}.advert>a{padding:22px 16px;gap:12px;min-height:240px}.ad-copy{min-width:0}.ad-copy h2{font-size:26px}.ad-copy small{font-size:9px;letter-spacing:.4px}.ad-copy p{font-size:13px}.ad-cta{font-size:12px;padding:10px 13px}.ad-brand{min-width:80px;gap:9px}.ad-brand .service-avatar{width:65px;height:65px;font-size:29px}.ad-brand strong{font-size:15px}.ad-brand>span:last-child{font-size:8px;letter-spacing:.5px}.service-identity{gap:8px}.service-identity .service-avatar{width:31px;height:31px;font-size:15px}}