@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--ink:#142f44;--muted:#62717d;--green:#176d56;--mint:#eaf3ee;--line:#dce4e7;--blue:#edf4f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #48a98b;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.topline{background:var(--ink);color:#edf4f8;font-size:11px;padding:8px 40px;display:flex;justify-content:space-between;letter-spacing:.3px}.topline span{opacity:.85}.topline b{padding:0 10px}header{max-width:1360px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:3}.brand{display:flex;gap:10px;align-items:center;font-size:29px;letter-spacing:-1.2px;font-weight:750;line-height:1.1}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:1.2px;margin-top:7px}.brandmark{display:flex;position:relative;align-items:center;justify-content:center;width:42px;height:45px;background:var(--ink);border-radius:11px 11px 11px 2px;color:#fff;font-size:40px;font-weight:500}.brandmark span{font-size:19px;position:absolute;right:3px;top:0;color:#acd9be}nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:550}nav>a:not(.button):hover,.text-link:hover{color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--green);color:#fff;border:1px solid var(--green);padding:14px 21px;border-radius:7px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#105340;transform:translateY(-1px)}.button span{font-size:18px}.button.small{padding:9px 17px;font-size:12px}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding-top:66px;padding-bottom:74px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--green);display:block;margin-bottom:17px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:1px}h1{font-size:57px;line-height:1.12;font-weight:650;letter-spacing:-2.7px;margin:0 0 24px}h1 span,.pricing h2 span{color:var(--green)}.hero-copy>p{max-width:510px;font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 28px}.actions{display:flex;align-items:center;gap:23px}.text-link{font-size:12px;font-weight:600}.text-link span{margin-left:8px}.hero-points{display:flex;gap:24px;margin-top:25px;font-size:10px;color:#61756e}.hero-art{height:410px;position:relative;background:#edf4f6;border-radius:48% 48% 12px 12px;isolation:isolate}.orbit{position:absolute;width:340px;height:340px;left:45px;top:35px;border:1px solid #d6e3e5;border-radius:50%}.orbit:after{content:"";position:absolute;inset:25px;border:1px solid #d6e3e5;border-radius:50%}.art-label{position:absolute;top:24px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#7c939b}.paper{position:absolute;background:#fff;width:226px;height:287px;padding:23px;box-shadow:0 12px 35px #18374e12;border:1px solid #e1e6e9;border-radius:5px}.paper-back{left:36px;top:66px;transform:rotate(-12deg);background:#fbfcfd}.paper-front{right:34px;top:87px;transform:rotate(7deg)}.paper-top{font-size:7px;letter-spacing:1px;border-bottom:1px solid #e7ecee;padding-bottom:12px;display:flex;justify-content:space-between;color:#8a99a0}.paper-top b{font-size:10px;color:var(--green)}.paper-title{font-size:18px;line-height:1.45;font-weight:600;margin:15px 0;color:#334a5a}.paper-back .paper-title{font-size:12px;margin:28px 0}.doc-symbol{font-size:30px;color:var(--green);height:37px}.line{height:4px;border-radius:3px;background:#e7edf0;width:77%;margin:11px 0}.line.long{width:100%}.line.short{width:55%}.review{font-size:8px;color:var(--green);margin-top:19px}.review span{border:1px solid #b8d7c7;border-radius:50%;padding:2px 4px;margin-right:5px}.paper small{display:block;color:#adb6bc;font-size:6px;margin-top:10px}.floating-badge{position:absolute;bottom:7px;left:18px;background:#fff;border:1px solid #e1e8e8;box-shadow:0 10px 25px #17384b0d;display:flex;align-items:center;gap:12px;padding:13px 20px;border-radius:9px;font-size:11px;font-weight:650;transform:rotate(-3deg)}.floating-badge>span{background:var(--mint);color:var(--green);padding:3px 11px;border-radius:6px;font-size:23px}.floating-badge small{display:block;font-size:8px;color:#80908e;font-weight:400;margin-top:2px}.trust{display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr;gap:30px;padding-top:27px;padding-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust p{font-size:12px;margin:0;color:var(--muted)}.trust strong{color:var(--ink)}.trust div{border-left:1px solid var(--line);padding-left:26px}.trust div strong{font-size:20px;letter-spacing:-.6px;display:block}.trust div span{font-size:9px;color:var(--muted)}.section{padding-top:85px;padding-bottom:85px}h2{font-size:35px;font-weight:600;line-height:1.25;letter-spacing:-1.35px;margin:0 0 22px}h3{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.4px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:60px}.section-head p{width:370px;color:var(--muted);font-size:13px;margin:0 0 24px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid article{padding:28px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column}.icon{display:flex;align-items:center;justify-content:center;background:var(--blue);color:#376075;width:44px;height:44px;border-radius:9px;font-size:23px}.service-grid p{color:var(--muted);font-size:12px;margin:0 0 30px}.service-grid a{font-size:11px;font-weight:600;color:var(--green);margin-top:auto}.service-grid a span{float:right}.documents{background:#f5f8fa}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:0 0 25px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:12px 20px;font-size:12px;font-weight:600}.tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green)}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.doc-item{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e4eaed;padding:19px;border-radius:6px;font-size:12px;font-weight:550}.doc-item span{color:#748e9a;font-size:20px}.doc-item b{margin-left:auto;color:#b5c4ca;font-size:13px;font-weight:400}.subnote{font-size:10px!important;color:var(--muted);line-height:1.8;margin-top:20px}.pricing{display:grid;grid-template-columns:1fr .85fr;gap:120px;align-items:center}.pricing-copy>p{color:var(--muted);font-size:13px;max-width:430px}.checks{list-style:none;padding:0;margin:27px 0}.checks li{font-size:12px;margin:12px 0}.checks li:before{content:'✓';color:var(--green);margin-right:12px}.price-card{border:1px solid #d4e1d9;background:#f7faf8;border-radius:13px;padding:30px;box-shadow:0 14px 35px #133e2d06}.price-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;font-weight:700}.pill{font-size:8px;background:#e2efe7;padding:4px 9px;border-radius:20px;letter-spacing:0;font-weight:500;color:var(--green)}.price{font-size:40px;font-weight:650;letter-spacing:-1.8px;margin-top:15px}.price>span{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:7px}hr{border:0;border-top:1px solid #dbe6df;margin:20px 0}label{display:block;font-size:11px;font-weight:600;margin:15px 0 8px}select,input,textarea{border:1px solid #cddbd3;border-radius:6px;color:var(--ink);background:#fff;padding:12px;font-size:12px;width:100%}select{height:43px}.stepper{display:flex;background:#fff;border:1px solid #cddbd3;border-radius:6px;overflow:hidden}.stepper input{border:0;border-radius:0;text-align:center;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.stepper button{border:0;background:#fff;width:48px;color:var(--ink);font-size:20px}.stepper button:disabled{color:#bbc5c1;cursor:default}.stepper button:hover{background:var(--mint)}.total{display:flex;justify-content:space-between;align-items:center;margin:24px 0 18px;font-size:12px}.total strong{font-size:22px;letter-spacing:-.6px}.full{width:100%}.fine{font-size:9px;line-height:1.7;color:var(--muted);margin-bottom:0}.process{border-top:1px solid var(--line);padding-top:65px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:40px}.steps article>span{display:block;font-size:12px;color:var(--green);border-bottom:1px solid var(--line);padding-bottom:15px}.steps p{font-size:12px;color:var(--muted)}.about{background:var(--ink);color:#fff;padding:75px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about .eyebrow{color:#a3cbb8}.about h2{font-size:41px;line-height:1.2}.about em{font-style:normal;color:#a9d6bc}.about p{font-size:12px;color:#bccbd4}.about p.lead{font-size:19px;line-height:1.5;margin-top:0;color:#fff;letter-spacing:-.4px}.about-tags{display:flex;gap:7px;margin-top:25px;flex-wrap:wrap}.about-tags span{border:1px solid #476071;color:#d4e1dc;border-radius:30px;padding:5px 11px;font-size:9px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq>div>p{font-size:13px;color:var(--muted);max-width:270px}details{border-bottom:1px solid var(--line);padding:18px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none;position:relative;padding-right:28px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;color:var(--green);font-size:20px;top:-5px}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);line-height:1.8;padding-right:20px}.closing{background:var(--mint);border-radius:12px;padding-top:40px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:65px;gap:30px}.closing h2{font-size:28px}.closing .button{flex-shrink:0}footer{display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:35px;border-top:1px solid var(--line)}footer .brand{font-size:23px}footer .brandmark{width:34px;height:37px;font-size:32px}footer .brand small{font-size:6px}footer p,footer>span{font-size:9px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:14px;padding:35px;max-width:480px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 24px 100px #142f4430}dialog::backdrop{background:#142f4477;backdrop-filter:blur(3px)}dialog h2{font-size:30px}dialog>p{font-size:12px;color:var(--muted)}dialog textarea{resize:vertical;line-height:1.7;margin-bottom:15px}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px;color:var(--muted)}
@media(min-width:1450px){header{max-width:1200px}}@media(max-width:1050px){h1{font-size:47px}.hero{gap:20px}.actions{gap:13px;flex-wrap:wrap}.hero-art{transform:scale(.9);transform-origin:right center}.pricing{gap:60px}nav{gap:18px}.wrap{padding-left:30px;padding-right:30px}.hero-points{gap:12px}.closing{margin-left:30px;margin-right:30px}.faq{gap:50px}.trust{gap:15px}.trust div{padding-left:15px}.paper-front{right:10px}.paper-back{left:10px}}
@media(max-width:760px){.topline{font-size:9px;padding:7px 20px}.topline span{font-size:8px}header{padding:20px}.brand{font-size:25px}.brand small{font-size:6px}.brandmark{width:36px;height:39px;font-size:34px}.menu{display:block;background:none;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:20px;padding:2px 9px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;padding:20px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #142f4410;align-items:stretch}nav.open{display:flex;flex-direction:column}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:35px}h1{font-size:46px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero-art{width:100%;max-width:420px;margin:0 auto;transform:none;height:365px}.paper-back{left:28px;top:50px}.paper-front{right:28px;top:70px;width:210px;height:270px}.paper{padding:20px}.orbit{width:280px;height:280px;left:calc(50% - 140px)}.floating-badge{bottom:-8px;left:15px}.trust{grid-template-columns:1fr 1fr;gap:24px}.trust>p{align-self:center}.trust div{padding-left:15px}.trust div strong{font-size:19px}.trust div span{font-size:9px}.section{padding-top:55px;padding-bottom:55px}h2{font-size:30px}.section-head{display:block;margin-bottom:23px}.section-head p{width:auto;max-width:440px;margin-bottom:0}.service-grid{grid-template-columns:1fr;gap:12px}.service-grid article{padding:24px}.service-grid p{margin-bottom:20px}.doc-grid{grid-template-columns:1fr 1fr;gap:9px}.doc-item{padding:14px 10px;font-size:10px;gap:8px}.doc-item span{font-size:17px}.doc-item b{display:none}.tabs{gap:0}.tabs button{padding:11px 10px;font-size:11px}.pricing{grid-template-columns:1fr;gap:25px}.price-card{padding:25px}.steps{grid-template-columns:1fr;gap:20px;margin-top:25px}.steps h3{margin-top:12px}.steps p{margin-bottom:0}.steps article>span{padding-bottom:9px}.about{padding:50px 0}.about-grid{grid-template-columns:1fr;gap:15px}.about h2{font-size:36px}.faq{grid-template-columns:1fr;gap:25px}.faq>div>p{max-width:none}.closing{margin:0 20px 40px;padding:28px 22px;display:block}.closing h2{font-size:26px}.closing .button{margin-bottom:5px}footer{flex-wrap:wrap;gap:20px}footer p{display:none}footer>span{font-size:8px}.hero-points{font-size:9px}.actions .button{font-size:12px}.hero .eyebrow{font-size:8px}.price{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Warna dan navigasi untuk konsultasi langsung. */
:root{--ink:#14365b;--green:#087d55;--mint:#e3f6ec;--blue:#e9f1ff}body{background:#fcfdff}header{position:sticky;top:0;max-width:none;padding:18px max(30px,calc((100vw - 1120px)/2));box-shadow:0 4px 24px #14365b0b;gap:20px;border-bottom:1px solid #e5edf5}header .brand{font-size:23px;letter-spacing:-.8px;white-space:nowrap}.brandmark{background:#2563eb;font-size:25px}.brandmark span{font-size:14px;color:#fff}.brand small{font-size:7px}.topline{background:#163b6a;font-weight:550}.menu{display:none!important}nav{gap:22px;display:flex!important}nav a{white-space:nowrap}nav a.active{color:#087d55;text-decoration:underline;text-underline-offset:7px}.hero{max-width:none;padding-left:max(40px,calc((100vw - 1120px)/2));padding-right:max(40px,calc((100vw - 1120px)/2));background:radial-gradient(ellipse at 90% 20%,#cde6ff 0,transparent 45%),linear-gradient(120deg,#f2f8ff,#eaf4ff 65%,#e2f7ef);padding-top:55px;padding-bottom:55px;gap:55px}.hero h1{font-size:57px;font-weight:750;letter-spacing:-2.6px}.hero h1 span{color:#2563eb}.hero .eyebrow{display:inline-flex;background:#fff;border:1px solid #cfe0f6;border-radius:25px;padding:7px 12px;color:#23538f}.hero .hero-copy>p{color:#526b83}.hero-art{background:linear-gradient(145deg,#2873df,#1950af);border-radius:28px;box-shadow:0 24px 55px #1d5bb128;transform:rotate(2deg)}.hero-art .orbit,.hero-art .orbit:after{border-color:#ffffff22}.art-label{color:#d4e5ff}.floating-badge{box-shadow:0 10px 25px #082c7522}.paper-front{transition:transform .35s}.hero-art:hover .paper-front{transform:rotate(0deg) translateY(-9px)}.hero-art:hover .paper-back{transform:rotate(-15deg) translateX(-5px)}.paper-back{transition:transform .35s}.hero-price{background:#fff;border:1px solid #d4e5f7;border-left:4px solid #f7b731;border-radius:9px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 16px;margin-top:26px;max-width:400px;box-shadow:0 6px 15px #1b4f9210}.hero-price>span{font-size:8px;letter-spacing:1.2px;color:#657a91;font-weight:700}.hero-price strong{font-size:23px;grid-row:2;letter-spacing:-.8px}.hero-price small{font-size:11px;font-weight:400;letter-spacing:0}.hero-price a{grid-column:2;grid-row:1/3;font-size:10px;color:#2563eb;font-weight:650}.hero-points{margin-top:16px}.wa-icon{width:20px;height:20px;flex-shrink:0}.wa-cta{gap:10px}.button{box-shadow:0 5px 12px #087d5515;border-radius:9px}.button:hover{box-shadow:0 7px 18px #087d5529}.trust{background:#fff;border:0;padding-top:30px;padding-bottom:30px}.service-grid article{border:1px solid #dce8f5;border-top:4px solid #4385e9;background:#f4f8ff;transition:transform .2s,box-shadow .2s}.service-grid article:nth-child(2){background:#f1faf6;border-color:#d0e9dd;border-top-color:#13a671}.service-grid article:nth-child(3){background:#fffbef;border-color:#f1e3bd;border-top-color:#efb52d}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 14px 28px #14365b12}.service-grid article:nth-child(2) .icon{background:#d9f2e5;color:#087d55}.service-grid article:nth-child(3) .icon{background:#fff0c6;color:#9d6d02}.documents{background:#edf4ff}.tabs{border:0;gap:10px}.tabs button{border:1px solid #d6e3f4;border-radius:9px;background:#fff;transition:.2s}.tabs button[aria-selected=true]{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 10px #2563eb25}.doc-item{font-family:inherit;text-align:left;color:var(--ink);transition:.2s}.doc-item:hover,.doc-item:focus-visible{border-color:#4385e9;transform:translateY(-3px);box-shadow:0 5px 15px #2563eb12}.doc-item:hover b{color:#2563eb}.price-card{border:2px solid #b9dec9;background:linear-gradient(145deg,#fff,#edfaf3);box-shadow:0 18px 45px #087d5512}.price-title .pill{background:#fce9af;color:#735008}.price{color:#087d55}.steps article>span{font-size:24px;font-weight:750;color:#2563eb}.about{background:radial-gradient(ellipse at 0 0,#285f9b,transparent 70%),#123257}.closing{background:linear-gradient(110deg,#dfedff,#dff4e8);border:1px solid #cee4e9}.wa-float{position:fixed;bottom:22px;right:24px;z-index:8;display:flex;align-items:center;gap:10px;background:#087d55;color:#fff;padding:12px 19px;border:3px solid #fff;border-radius:50px;box-shadow:0 7px 28px #06482f35;transition:transform .2s}.wa-float:hover{transform:translateY(-4px)}.wa-float .wa-icon{width:27px;height:27px}.wa-float span{font-size:12px;font-weight:650;line-height:1.35}.wa-float small{display:block;font-size:9px;font-weight:400;margin-top:2px}.copy-button{width:100%;margin-top:8px;padding:9px;border:1px solid #cddbd3;border-radius:7px;background:#fff;font-size:12px;color:var(--green)}footer{padding-bottom:95px}html{scroll-padding-top:145px}
@media(max-width:1100px){header{flex-wrap:wrap;padding:15px 30px;justify-content:center}header .brand{margin-right:auto}nav{gap:22px}.hero{padding-left:30px;padding-right:30px;gap:30px}.hero h1{font-size:46px}.hero-art{transform:none}}
@media(max-width:760px){header{padding:12px 20px 0;display:block}header .brand{font-size:22px;width:max-content}nav,nav.open{position:static;display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:12px 0;box-shadow:none;border:0;background:none}nav a{font-size:10px}nav .button.small{padding:5px 9px;font-size:10px}.hero{padding:36px 22px 45px;gap:35px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero-art{height:365px;max-width:400px}.hero-price{max-width:100%}.hero-price strong{font-size:24px}.trust{gap:20px}.tabs{gap:6px}.tabs button{padding:10px;font-size:10px}.wa-float{bottom:15px;right:15px;padding:10px 15px}.wa-float span{font-size:11px}.doc-item{min-height:64px}.hero-copy>p{font-size:14px}.service-grid article{border-radius:12px}.about-tags{gap:8px}.topline{font-size:9px;padding:7px 20px}html{scroll-padding-top:140px}}
@media(max-width:380px){nav{gap:8px;justify-content:center}nav a{font-size:9px}.hero h1{font-size:37px}.hero-price strong{font-size:21px}}
nav a.button.active{color:#fff;text-decoration:none}

.wa-float{width:56px;height:56px;padding:12px;justify-content:center;border-radius:50%}