:root{--g:#087344;--d:#045c37;--ink:#122a25;--muted:#536662;--light-green:#edf7f1;--border:#dce9e3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{width:100%;min-height:100vh;color:var(--ink);background:#f8fcfa;margin:0;padding:0;font-family:DM Sans,sans-serif;overflow:hidden auto}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}#beranda,#fitur,#pendaftaran,#tentang,#faq{scroll-margin-top:100px}.aik-page{background:linear-gradient(#fff 0%,#f9fcfa 50%,#f4faf7 100%);width:100%;min-height:100vh;padding-top:82px;position:relative;overflow:hidden visible}.aik-header{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#fffffff7;border-bottom:1px solid #dce9e3cc;justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:none;height:82px;margin:0;padding:0 max(40px,50vw - 660px);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #1446320d}.aik-brand{flex-shrink:0;align-items:center;gap:11px;display:flex}.aik-logo{object-fit:contain;width:49px;height:49px}.aik-brand b{color:#102c25;font-size:19px;font-weight:800;line-height:1.1;display:block}.aik-brand small{color:#60716c;margin-top:4px;font-size:9px;line-height:1;display:block}.aik-header nav{align-items:center;gap:30px;margin-left:auto;font-size:12px;display:flex}.aik-header nav a{color:#40534e;white-space:nowrap;padding:30px 0 25px;transition:color .2s;position:relative}.aik-header nav a:hover{color:var(--g)}.aik-header nav .active{color:var(--g);font-weight:700}.aik-header nav .active:after{content:"";background:var(--g);border-radius:2px;height:2px;position:absolute;bottom:18px;left:0;right:0}.header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.btn{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 20px;font-size:12px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.btn.outline{color:var(--d);background:#fff;border:1px solid #75a890}.btn.green{border:1px solid var(--g);color:#fff;background:var(--g)}.btn:hover{transform:translateY(-1px)}.hero{background:#fff;width:100%;min-height:540px;margin:0;position:relative;overflow:hidden}.hero-botanical-bg{object-fit:cover;object-position:left center;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-copy{z-index:5;background:linear-gradient(90deg,#fffffff7 0%,#fffffff0 45%,#ffffffbf 72%,#fff0 100%);width:56%;min-height:540px;padding:72px 30px 50px max(60px,50vw - 660px);position:relative}.hero-copy label,.register-copy label{color:#398466;letter-spacing:1.1px;background:#edf7f1f5;border-radius:20px;align-items:center;height:28px;padding:0 16px;font-size:10px;font-weight:700;display:inline-flex}.hero h1{color:#12362d;letter-spacing:-2.8px;max-width:680px;margin:20px 0 17px;font-size:clamp(44px,4.1vw,64px);font-weight:800;line-height:.98}.hero-copy p{color:#4d605b;width:540px;max-width:100%;margin:0;font-size:15px;line-height:1.6}.cta{background:var(--g);color:#fff;border-radius:9px;align-items:center;gap:30px;min-height:51px;margin-top:22px;padding:0 28px;font-size:15px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 12px 25px #0873442e}.cta:hover{background:var(--d);transform:translateY(-2px)}.cta span{font-size:25px;line-height:1}.note{color:#687772;margin:8px 0 0 10px;font-size:11px;display:block}.trust{color:#556963;align-items:center;gap:24px;margin-top:43px;font-size:10px;display:flex}.trust span{white-space:nowrap}.hero-visual{z-index:2;width:63%;height:540px;position:absolute;top:0;right:0;overflow:hidden}.hero-visual>img{object-fit:cover;object-position:center center;z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero-visual:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fffffff5 5%,#ffffffb3 13%,#ffffff40 25%,#fff0 40%);position:absolute;inset:0}.quote{z-index:5;color:#53635e;font:italic 14px/1.4 Playfair Display,serif;position:absolute;bottom:48px;right:max(30px,50vw - 660px)}.features{z-index:20;border:1px solid var(--border);background:#fffffffa;border-radius:21px;grid-template-columns:repeat(4,1fr);width:min(1088px,100% - 80px);min-height:170px;margin:-1px auto 0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #1e48371a}.features article{text-align:center;border-right:1px solid #e4eee9;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:25px 20px;display:flex}.features article:last-child{border-right:0}.features i{width:47px;height:47px;color:var(--g);background:#e8f4ed;border-radius:50%;place-items:center;margin:0 auto 12px;font-size:23px;font-style:normal;display:grid}.features h3{color:#122a25;margin:0;font-size:16px;line-height:1.2}.features p{color:#687873;max-width:190px;margin:7px auto 0;font-size:11px;line-height:1.45}.register{grid-template-columns:55% 45%;align-items:center;width:min(1180px,100% - 80px);min-height:440px;margin:55px auto 45px;display:grid}.product{width:100%;height:390px;position:relative}.dashboard{filter:drop-shadow(0 18px 25px #19433129);width:500px;max-width:90%;position:absolute;top:30px;left:0}.mobile{filter:drop-shadow(0 18px 25px #19433129);width:135px;position:absolute;top:105px;right:40px}.badge{color:#354942;background:#fff;border-radius:14px;padding:13px 18px;font-size:11px;font-weight:600;position:absolute;bottom:25px;left:-10px;box-shadow:0 10px 30px #1943311f}.register-copy{padding-left:20px}.register-copy h2{color:#122a25;letter-spacing:-2px;margin:18px 0 14px;font-size:clamp(35px,3.3vw,50px);font-weight:800;line-height:1.04}.register-copy p{color:#5c6d68;max-width:465px;margin:0;font-size:14px;line-height:1.65}.register-copy small{color:#62736e;margin-top:15px;font-size:11px;display:block}.register-copy small a{color:var(--g);font-weight:700;text-decoration:underline}.trustbar{color:#536660;background:#fff;border-top:1px solid #e0ebe5;align-items:center;gap:35px;width:100%;min-height:74px;padding:0 max(40px,50vw - 590px);font-size:10px;font-weight:600;display:flex}.trustbar strong{color:#64746f;margin-left:auto;font:italic 13px Playfair Display,serif}footer{color:#dceee5;background:#064a31;justify-content:space-between;align-items:center;width:100%;min-height:70px;padding:0 max(40px,50vw - 590px);font-size:10px;display:flex}footer>div{gap:24px;display:flex}footer a:hover{text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.aik-header{width:calc(100% - 40px);padding:0 20px}.aik-header nav{gap:18px;font-size:11px}.hero-copy{padding-left:30px}.hero h1{letter-spacing:-2px;font-size:45px}.features,.register{width:calc(100% - 40px)}}@media (width<=700px){.aik-page{padding-top:68px;overflow:hidden visible}#beranda,#fitur,#pendaftaran,#tentang,#faq{scroll-margin-top:82px}.aik-header{width:100%;height:68px;padding:0 14px}.aik-logo{width:40px;height:40px}.aik-brand b{font-size:15px}.aik-brand small,.aik-header nav{display:none}.header-actions{margin-left:auto}.header-actions .outline{display:none}.btn.green{height:38px;padding:0 14px;font-size:11px}.hero{flex-direction:column;min-height:0;display:flex}.hero-botanical-bg{object-position:left center;width:100%;height:100%}.hero-copy{background:linear-gradient(#fffffff7,#ffffffc7);width:100%;min-height:0;padding:45px 22px 25px}.hero-copy label{height:26px;padding:0 12px;font-size:8px}.hero h1{letter-spacing:-1.8px;margin-top:17px;font-size:39px;line-height:1}.hero-copy p{font-size:13px;line-height:1.55}.cta{gap:22px;min-height:48px;padding:0 20px;font-size:13px}.note{font-size:10px}.trust{flex-wrap:wrap;gap:10px 15px;margin-top:28px;font-size:9px}.hero-visual{width:100%;height:390px;min-height:390px;position:relative;top:auto;right:auto}.hero-visual>img{object-position:center center}.hero-visual:after{background:0 0}.quote{font-size:11px;bottom:20px;right:18px}.features{border-radius:16px;grid-template-columns:repeat(2,1fr);width:calc(100% - 28px);min-height:0;margin:-1px auto 0}.features article{min-height:145px;padding:18px 8px}.features article:nth-child(2){border-right:0}.features article:nth-child(-n+2){border-bottom:1px solid #e4eee9}.features i{width:40px;height:40px;margin-bottom:9px;font-size:18px}.features h3{font-size:12px}.features p{max-width:130px;font-size:9px}.register{flex-direction:column;width:calc(100% - 28px);min-height:0;margin:35px auto;display:flex}.product{width:100%;height:310px}.dashboard{width:88%;max-width:none;top:20px;left:0}.mobile{width:100px;top:85px;right:8px}.badge{padding:11px 14px;font-size:9px;bottom:15px;left:0}.register-copy{width:100%;padding:20px 0 0}.register-copy h2{letter-spacing:-1.5px;font-size:35px}.register-copy p{font-size:12px}.trustbar{flex-wrap:wrap;gap:12px 20px;min-height:90px;padding:18px 20px;font-size:9px}.trustbar strong{width:100%;margin-left:0;font-size:11px}footer{min-height:0;padding:20px;font-size:9px;display:block}footer>div{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}}