:root{--navy:#0d2e63;--blue:#1769e8;--teal:#08a99d;--cyan:#17c4d6;--ink:#17345e;--muted:#62728a;--pale:#effaff;--line:#dce8f4;--white:#fff;--shadow:0 10px 28px rgba(19,54,99,.09);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#fff;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.section{padding:54px 0}.section-head{text-align:center;margin:0 auto 28px;max-width:760px}.section-head h2{font-size:clamp(25px,3vw,36px);line-height:1.12;margin:0 0 8px;color:var(--navy);letter-spacing:-.04em}.section-head h2 span{color:var(--teal)}.section-head p{margin:0;color:#63738b}.btn{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 21px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0d2e6320}.btn-primary{color:#fff;background:linear-gradient(115deg,#08a79d,#0a8d9d)}.btn-dark{color:#fff;background:linear-gradient(115deg,#17345e,#0b4a8e)}.btn-light{background:#fff;border:1px solid #d8e4ef;color:var(--navy)}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid #cce6f4;background:#ffffffdc;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:#224b79}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--teal)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000}.nav-inner{height:70px;display:flex;justify-content:space-between;gap:20px;background:#ffffffdb;backdrop-filter:blur(14px);padding:8px 20px;border-radius:0 0 22px 22px}.brand{gap:9px;min-width:180px}.brand-mark{width:33px;height:38px;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,#087eae,#0fc7bb);clip-path:polygon(0 22%,58% 0,58% 28%,100% 10%,100% 78%,42% 100%,42% 72%,0 90%)}.brand-mark:after{content:"";position:absolute;width:8px;height:8px;background:#ffca38;border-radius:2px;top:9px;right:6px}.brand-name{font-size:20px;font-weight:850;line-height:1;color:#14335d;letter-spacing:-.05em}.brand-name span{color:#0aa69d}.brand-sub{font-size:8px;color:#65758a;line-height:1.2;margin-top:4px}.nav-links{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:650}.nav-links a{padding:10px 0;border-bottom:2px solid transparent}.nav-links a.active,.nav-links a:hover{border-color:var(--teal)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-actions .btn{padding:9px 18px;font-size:12px;min-width:102px}.mobile-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;color:var(--navy)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:520px;padding:110px 0 30px;background:#eaf8ff url(/mockups/landing-asset-1.png) 50%/cover no-repeat}.hero:before{inset:0;background:linear-gradient(90deg,#ffffff55,#ffffff24 54%,#ffffff08),radial-gradient(ellipse at 30% 43%,#fff 0,#ffffffa8 27%,transparent 58%);pointer-events:none}.hero:after,.hero:before{content:"";position:absolute;z-index:0}.hero:after{right:0;top:0;width:45%;height:100%;opacity:.25;background:linear-gradient(90deg,transparent,#c5efff99),repeating-linear-gradient(90deg,#ffffff45 0 5px,transparent 5px 72px)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:14px;min-height:360px}.hero-copy{position:relative;z-index:2;padding:8px 0 14px}.hero-copy .eyebrow{margin-bottom:13px}.hero h1{font-size:clamp(35px,4.1vw,56px);line-height:.98;letter-spacing:-.055em;color:var(--navy);margin:0 0 9px;font-weight:900}.hero h1 .teal{color:#05a89f}.hero h1 .spark{color:#2367eb}.hero h2{font-size:clamp(21px,2.5vw,31px);line-height:1.12;margin:0 0 8px;color:#17345e;letter-spacing:-.035em}.hero-copy>p{max-width:480px;margin:0 0 17px;color:#244466;font-size:15px;line-height:1.35}.hero-actions{gap:12px}.hero-actions,.trust-row{display:flex;flex-wrap:wrap}.trust-row{gap:17px;margin-top:20px;font-size:11px;color:#193c61;font-weight:650}.trust-row span{display:inline-flex;align-items:center;gap:6px}.check{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#06a99e;color:#fff;font-size:10px;font-weight:900}.hero-visual{height:370px;align-items:flex-end}.hero-person{position:absolute;z-index:2;bottom:10px;left:20%;width:63%;height:92%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;filter:drop-shadow(0 12px 10px #17345e20);border-radius:0;mix-blend-mode:normal}.hero-laptop{position:absolute;z-index:3;bottom:0;left:13%;width:61%;height:32%;background:linear-gradient(150deg,#cbd4e3,#4e5d77);border:5px solid #d8dfea;border-bottom:9px solid #7c899e;border-radius:12px 12px 5px 5px;box-shadow:0 12px 22px #18355b2c;display:grid;place-items:center}.hero-laptop .mini-logo{font-size:34px;color:#0ca9a4;font-weight:900;letter-spacing:-.1em}.hero-laptop:after{content:"";position:absolute;bottom:-13px;left:-7%;width:114%;height:12px;border-radius:0 0 12px 12px;background:linear-gradient(#d7deea,#7f8ca0)}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:10px 12px;background:#fff;border:1px solid #e2ebf4;border-radius:12px;box-shadow:var(--shadow);font-size:11px;font-weight:750;line-height:1.1}.float-card .icon{display:grid;place-items:center;width:32px;height:32px;color:#fff;border-radius:8px;font-size:17px}.float-card.module{top:50px;left:1%}.float-card.lkpd{top:120px;left:-2%}.float-card.bahan{top:190px;left:-7%}.float-card.module .icon{background:#2476f2}.float-card.lkpd .icon{background:#ff851f}.float-card.bahan .icon{background:#06ad9c}.checklist{position:absolute;right:-1%;top:32px;z-index:5;background:#fff;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);font-size:10px;min-width:145px}.checklist div{display:flex;align-items:center;gap:7px;margin:5px 0}.checklist i{font-style:normal;background:#08a89d;color:#fff;border-radius:50%;width:13px;height:13px;display:grid;place-items:center;font-size:8px}.quote{position:absolute;z-index:5;right:-2%;bottom:58px;width:118px;background:#fff;border-radius:14px;padding:12px;font-size:10px;line-height:1.35;box-shadow:var(--shadow);transform:rotate(2deg)}.book-stack{position:absolute;z-index:4;left:-5%;bottom:0;width:29%;height:58px}.book-stack span{display:block;height:18px;margin-bottom:2px;border-radius:3px;color:#fff;font-size:9px;font-weight:800;text-align:center;padding:2px;background:linear-gradient(90deg,#133b78,#2785e9);box-shadow:0 3px 2px #14355b30}.book-stack span:nth-child(2){background:linear-gradient(90deg,#00876d,#13b7a4)}.book-stack span:nth-child(3){background:linear-gradient(90deg,#e6a900,#ffd54d);color:#17345e}.pain{padding:10px 0 12px;background:#fff}.pain .section-head{margin-bottom:14px}.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pain-card{position:relative;min-height:105px;display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:start;padding:14px 12px;border:1px solid #e0ebf5;border-radius:14px;background:linear-gradient(145deg,#fff,#f5faff);box-shadow:0 4px 12px #153c6810;overflow:hidden}.pain-symbol{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:17px;background:#ff7148}.pain-card:nth-child(2) .pain-symbol{background:#2879f1}.pain-card:nth-child(3) .pain-symbol{background:#08aa9c}.pain-card:nth-child(4) .pain-symbol{background:#ef438a}.pain-card h3{margin:0 0 5px;font-size:13px;line-height:1.15;color:#16345e}.pain-card p{grid-column:1/-1;margin:0;color:#344d6c;font-size:11px;line-height:1.35}.solution{background:linear-gradient(105deg,#092f70,#075ba0 75%,#0b3c84);color:#fff;padding:22px 0}.solution:before{width:400px;height:250px;left:-170px;bottom:-170px;border-radius:50%;background:#10bcb0aa}.solution-grid{display:grid;grid-template-columns:.9fr 1.15fr .65fr;align-items:center;gap:24px}.solution h2{font-size:clamp(22px,2.3vw,32px);line-height:1.12;margin:0 0 8px;letter-spacing:-.04em}.solution h2 span{color:#20d3c8}.solution p{font-size:14px;line-height:1.42;margin:0;color:#edf7ff}.dashboard-image-frame{padding:6px;background:#101d30;line-height:0}.dashboard-image-frame img{width:100%;height:auto;border-radius:5px 5px 0 0;-o-object-fit:contain;object-fit:contain}.dashboard-frame{background:#111c2c;padding:7px 7px 0;border:2px solid #9bb5d0;border-radius:13px 13px 0 0;box-shadow:0 12px 24px #031a3c80;overflow:hidden}.dashboard-inner{background:#f5f9ff;color:#19375f;border-radius:6px 6px 0 0;min-height:165px;padding:10px;display:grid;grid-template-columns:78px 1fr;gap:9px;font-size:8px}.dash-side{background:#fff;border:1px solid #e0e8f2;border-radius:5px;padding:6px}.dash-logo{font-size:10px;font-weight:900;margin-bottom:8px}.dash-menu{padding:5px 4px;margin:4px 0;border-radius:4px;background:#e8f6f8}.dash-main h4{font-size:10px;margin:0 0 7px}.dash-types{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.dash-types span{background:#fff;border:1px solid #e2eaf4;border-radius:5px;text-align:center;padding:8px 1px;font-size:8px}.dash-types b{display:block;font-size:16px;color:#2476ed}.dash-docs{display:flex;gap:6px;margin-top:8px}.dash-docs i{height:42px;flex:1;background:linear-gradient(#fff 15%,#eaf1ff 15% 20%,#fff 20% 35%,#eaf1ff 35% 40%,#fff 40%);border:1px solid #dce6f1;border-radius:3px}.solution-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:12px}.solution-list li{display:flex;align-items:center;gap:9px}.solution-list b{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#0a9d9d;color:#fff;font-size:14px}.features{padding-top:12px;padding-bottom:12px}.features .section-head{margin-bottom:16px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.feature-card{border:1px solid #dfebf5;border-radius:12px;padding:10px 11px;background:linear-gradient(150deg,#fff,#f9fcff);box-shadow:0 4px 12px #153c6809;min-height:106px}.feature-icon{width:33px;height:33px;display:grid;place-items:center;color:#fff;background:#8d55dd;border-radius:7px;font-size:18px;margin-bottom:7px;box-shadow:0 3px 6px #17345e22}.feature-card:nth-child(2) .feature-icon{background:#2378ef}.feature-card:nth-child(3) .feature-icon{background:#2fa96b}.feature-card:nth-child(4) .feature-icon{background:#ff8a24}.feature-card:nth-child(5) .feature-icon{background:#ed3f86}.feature-card:nth-child(6) .feature-icon{background:#2678ef}.feature-card h3{font-size:11px;line-height:1.15;margin:0 0 4px}.feature-card p{font-size:10px;line-height:1.32;margin:0;color:#596d86}.how{background:linear-gradient(110deg,#e9fbf8,#effcff);padding:12px 0 18px}.how .section-head{margin-bottom:16px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{background:#ffffffdf;border:1px solid #e0edf5;border-radius:13px;padding:12px;display:grid;grid-template-columns:30px 1fr 58px;gap:8px;align-items:center;min-height:88px}.step-num{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#2778ef;color:#fff;font-weight:900}.step:nth-child(2) .step-num{background:#0aa99d}.step:nth-child(3) .step-num{background:#ff8a1d}.step:nth-child(4) .step-num{background:#e93c87}.step h3{margin:0 0 4px;font-size:11px}.step p{font-size:10px;line-height:1.3;margin:0;color:#3e5674}.step-art{font-size:32px;text-align:center;color:#2b75eb}.templates{padding:12px 0 20px}.templates .section-head{margin-bottom:14px}.template-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.template-card{min-width:0}.template-preview{height:96px;border:1px solid #e1ebf5;border-radius:8px;background:linear-gradient(135deg,#fff,#e8f8fc);overflow:hidden;position:relative;box-shadow:0 4px 10px #153c6810}.template-image{background:#f8fbff}.template-image:after,.template-image:before{display:none}.template-image img{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.template-preview:before{content:"";position:absolute;inset:9px 12px;background:#fff;border:1px solid #e0e7f1;box-shadow:0 2px 5px #16345e12;transform:rotate(-2deg)}.template-preview:after{content:"";position:absolute;left:20%;right:20%;top:23px;height:5px;background:#0cb2ad;box-shadow:0 13px #d6e8f4,0 26px #d6e8f4,0 39px #d6e8f4,0 52px #d6e8f4}.template-preview span{position:absolute;z-index:2;left:12px;right:12px;top:12px;text-align:center;font-size:9px;font-weight:900;color:#153f78}.template-card:nth-child(2) .template-preview{background:linear-gradient(135deg,#e4fcf7,#fff)}.template-card:nth-child(3) .template-preview{background:linear-gradient(135deg,#fff3d9,#fff)}.template-card:nth-child(4) .template-preview{background:linear-gradient(135deg,#d9f9f5,#fff)}.template-card:nth-child(5) .template-preview{background:linear-gradient(135deg,#fff1db,#fff)}.template-card:nth-child(6) .template-preview{background:linear-gradient(135deg,#eef5ff,#fff)}.template-card h3{font-size:10px;text-align:center;margin:6px 0 0;font-weight:750}.testimonials{padding:8px 0 20px}.testimonials .section-head{margin-bottom:14px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.testimonial{border:1px solid #dfeaf4;border-radius:13px;background:#fff;padding:13px;box-shadow:0 4px 12px #153c6809}.person{display:flex;align-items:center;gap:10px}.avatar{width:39px;height:39px;border-radius:50%;border:2px solid #e4edf6;background:linear-gradient(135deg,#f8c3a8,#f8e8db);display:grid;place-items:center;font-size:21px;overflow:hidden}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.person h3{font-size:11px;margin:0}.person p{font-size:9px;color:#6a7b91;margin:1px 0}.stars{color:#ffb51c;font-size:12px;letter-spacing:1px}.testimonial blockquote{margin:7px 0 0;font-size:11px;line-height:1.38;color:#334d6e}.pricing-faq{padding:8px 0 28px;background:linear-gradient(120deg,#f3f9ff,#fff)}.pricing-faq-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.faq-head h2,.pricing-head h2{font-size:clamp(23px,2.7vw,34px);line-height:1.08;margin:0 0 5px;color:var(--navy);letter-spacing:-.04em}.pricing-head p{font-size:11px;color:#5e718a;margin:0 0 12px}.price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.price-card{background:#fff;border:1px solid #dce8f4;border-radius:13px;padding:13px 12px;box-shadow:0 4px 12px #153c680a}.price-card,.price-card.popular{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important}.price-card.popular{border:2px solid #f8bc25;box-shadow:0 7px 18px #f8bc2520}.popular-label{position:absolute;top:-10px;right:8px;border-radius:5px;background:#ef3e78;color:#fff;font-size:9px;padding:3px 7px;font-weight:800}.price-card h3{font-size:13px;margin:0 0 3px}.price{font-size:23px;font-weight:900;color:var(--navy);letter-spacing:-.04em}.price small{font-size:10px;font-weight:500;letter-spacing:0;color:#677990}.price-card ul{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:5px;font-size:10px;color:#415a77}.price-card li:before{content:"✓";color:#08a99d;font-weight:900;margin-right:6px}.price-card .btn{width:100%;padding:9px 7px;font-size:10px}.faq-head{margin-bottom:10px}.faq-list{border:1px solid #e0eaf4;border-radius:12px;overflow:hidden;background:#fff}.faq-item+.faq-item{border-top:1px solid #e6edf5}.faq-q{width:100%;border:0;background:#fff;color:#18375e;text-align:left;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.faq-q span:last-child{font-size:18px;color:#58708e;transition:transform .2s}.faq-a{display:none;padding:0 14px 12px;font-size:11px;color:#63738b;line-height:1.45}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.final-cta{background:linear-gradient(110deg,#062c67,#064e98);color:#fff;padding:24px 0;position:relative;overflow:hidden}.final-cta:after{right:-50px;bottom:-120px;width:320px;height:250px;background:#0aa99d77}.cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.final-cta h2{font-size:clamp(24px,3vw,34px);line-height:1.05;margin:0 0 7px;letter-spacing:-.04em}.final-cta p{font-size:12px;margin:0 0 12px;color:#e0f2ff}.cta-actions{gap:10px}.cta-actions,.cta-points{display:flex;flex-wrap:wrap}.cta-points{gap:15px;font-size:10px;margin-top:12px}.cta-points span:before{content:"✓";color:#4de0d4;margin-right:5px}.footer-illustration{width:175px;max-height:125px;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;align-self:end;border-radius:15px;mix-blend-mode:screen}.footer{background:#072653;color:#c5d6ea;padding:15px 0;font-size:10px}.footer-inner{display:flex;justify-content:space-between;gap:15px;align-items:center}.footer-links{display:flex;gap:15px;flex-wrap:wrap}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#102f5d;color:#fff;border-radius:12px;padding:12px 18px;box-shadow:var(--shadow);z-index:99;font-size:13px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:900px){.nav-links{gap:13px}.brand{min-width:150px}.brand-name{font-size:18px}.hero-grid{grid-template-columns:1fr .9fr}.hero-visual{transform:scale(.94);transform-origin:center}.pain-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.solution-grid{grid-template-columns:.8fr 1.1fr}.solution-list{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(3,1fr)}.pricing-faq-grid{grid-template-columns:1fr}.faq-section{max-width:none}}@media(max-width:640px){.container{width:min(100% - 30px,480px)}.section{padding:38px 0}.nav-inner{height:64px;padding:8px 12px}.brand{min-width:0}.brand-name{font-size:17px}.brand-sub{font-size:7px}.nav-links{display:none;position:absolute;top:63px;left:12px;right:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:2px}.nav-links.open{display:flex}.nav-links a{padding:9px}.nav-actions{gap:5px}.nav-actions .login{display:none}.nav-actions .btn{min-width:0;padding:9px 12px;font-size:11px}.mobile-toggle{display:inline-flex}.hero{padding:92px 0 22px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:0}.hero h1{font-size:42px}.hero h2{font-size:25px}.hero-copy>p{font-size:14px}.hero-visual{height:310px;width:100%;max-width:440px;margin:0 auto;transform:none}.hero-person{left:24%;width:58%;height:91%}.hero-laptop{left:17%;width:57%;height:29%}.float-card{padding:7px 9px;font-size:9px}.float-card .icon{width:27px;height:27px}.float-card.module{top:38px}.float-card.lkpd{top:100px}.float-card.bahan{top:162px}.checklist{top:25px;padding:9px;min-width:125px}.checklist,.quote{right:0;font-size:8px}.quote{bottom:40px;width:94px}.book-stack{left:0;width:25%;bottom:0}.trust-row{gap:10px;font-size:10px;margin-top:15px}.pain{padding:10px 0}.pain-grid{grid-template-columns:1fr 1fr;gap:8px}.pain-card{grid-template-columns:30px 1fr;padding:10px;min-height:122px;gap:6px}.pain-symbol{width:28px;height:28px;font-size:14px}.pain-card h3{font-size:11px}.pain-card p{font-size:10px}.solution-grid{grid-template-columns:1fr;gap:17px}.solution{padding:27px 0}.solution p{font-size:13px}.dashboard-inner{min-height:190px;grid-template-columns:72px 1fr}.solution-list{grid-column:auto;grid-template-columns:1fr 1fr;gap:8px;font-size:11px}.features{padding:25px 0}.feature-grid{grid-template-columns:repeat(2,1fr);gap:8px}.feature-card{min-height:116px;padding:11px}.feature-card h3{font-size:11px}.feature-card p{font-size:10px}.how{padding:25px 0}.steps{grid-template-columns:1fr;gap:8px}.step{min-height:82px}.template-grid{grid-template-columns:repeat(2,1fr);gap:12px}.template-preview{height:105px}.testimonial-grid{grid-template-columns:1fr;gap:9px}.testimonial{padding:12px}.pricing-faq-grid{gap:25px}.price-cards{grid-template-columns:1fr;gap:10px}.price-card{padding:14px}.price-card ul{grid-template-columns:1fr 1fr}.price-card .btn{font-size:12px}.cta-grid{grid-template-columns:1fr}.final-cta{padding:28px 0}.cta-actions .btn{flex:1}.footer-illustration{display:none}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:10px}.section-head{margin-bottom:20px}.section-head h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important}}.brand{flex:0 0 auto;display:flex;align-items:center}.brand-logo-img{width:154px;height:58px;-o-object-position:left center;object-position:left center}.hero-visual{min-width:0;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;transform:none!important;margin:0}.hero-composite{width:min(112%,680px);height:100%;-o-object-position:center center;object-position:center center;max-width:none;border:0;border-radius:0;filter:drop-shadow(0 12px 18px rgba(20,55,90,.1));-webkit-mask-image:radial-gradient(ellipse at center,#000 56%,rgba(0,0,0,.94) 70%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 56%,rgba(0,0,0,.94) 70%,transparent 100%)}.nav-inner{gap:clamp(10px,2vw,24px)}.nav-links{gap:clamp(12px,1.8vw,24px)}@media (max-width:900px){.brand-logo-img{width:138px;height:52px}.hero-visual{height:360px!important}.hero-composite{width:108%}}@media (max-width:640px){.nav-inner{gap:8px}.brand-logo-img{width:122px;height:46px}.hero-visual{height:285px!important;width:100%;max-width:480px;margin:8px auto 0}.hero-composite{width:112%}}.brand-logo-img{display:block}.brand-logo-img,.hero-composite{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.hero-composite{max-width:100%}.dashboard-image-frame img,.footer-illustration,.template-image img,.testimonial-grid img{display:block;max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.nav{position:sticky!important;top:0!important;z-index:1000!important;width:100%}.nav-inner{min-height:70px;align-items:center}.brand{display:flex!important;align-items:center!important;flex:0 0 164px!important;width:164px!important;min-width:164px!important;max-width:164px!important;overflow:hidden;position:relative;z-index:2}.brand-logo-img{width:154px!important;min-width:0!important;max-width:154px!important;height:52px!important;max-height:52px!important}.hero-visual{width:100%!important;max-width:100%!important;min-width:0!important;height:420px!important;display:flex!important;align-items:center!important}.hero-composite{max-width:620px!important;min-width:0!important;max-height:420px!important;-o-object-position:center center!important;object-position:center center!important;transform:none!important}@media (max-width:900px){.brand{flex-basis:144px!important;width:144px!important;min-width:144px!important;max-width:144px!important}.brand-logo-img{width:136px!important;max-width:136px!important;height:48px!important;max-height:48px!important}.hero-visual{height:360px!important}.hero-composite{max-width:560px!important;max-height:360px!important}}@media (max-width:640px){.brand{flex-basis:124px!important;width:124px!important;min-width:124px!important;max-width:124px!important}.brand-logo-img{width:118px!important;max-width:118px!important;height:42px!important;max-height:42px!important}.nav-inner{min-height:62px}.hero-visual{height:285px!important;max-width:480px!important;margin:8px auto 0!important}.hero-composite{max-width:460px!important;max-height:285px!important}}.brand{flex:0 0 184px!important;width:184px!important;min-width:184px!important;max-width:184px!important;overflow:visible!important}.brand-logo-img{width:174px!important;max-width:174px!important;height:60px!important;max-height:60px!important}.hero-grid{min-height:430px!important}.hero-visual{align-self:stretch!important;height:500px!important;align-items:flex-end!important;justify-content:center!important}.hero-composite{width:100%!important;max-width:760px!important;max-height:500px!important;margin:0 auto!important}@media (max-width:1100px){.brand{flex-basis:164px!important;width:164px!important;min-width:164px!important;max-width:164px!important}.brand-logo-img{width:156px!important;max-width:156px!important;height:54px!important;max-height:54px!important}.hero-grid{min-height:390px!important}.hero-visual{height:440px!important}.hero-composite{max-height:440px!important}}@media (max-width:900px){.hero{padding-bottom:0!important}.hero-grid{align-items:center!important;min-height:0!important}.hero-visual{height:390px!important;margin-bottom:0!important}.hero-composite{max-height:390px!important;-o-object-position:center bottom!important;object-position:center bottom!important}}@media (max-width:640px){.brand{flex-basis:130px!important;width:130px!important;min-width:130px!important;max-width:130px!important}.brand-logo-img{width:124px!important;max-width:124px!important;height:44px!important;max-height:44px!important}.hero-visual{height:310px!important;max-width:100%!important;margin:0 auto!important}.hero-composite{max-width:100%!important;max-height:310px!important;-o-object-position:center bottom!important;object-position:center bottom!important}}.carousel-shell{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:0 26px}.carousel-track-wrap{min-width:0;flex:1;overflow:hidden}.carousel-track{display:flex!important;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:12px;padding:4px 2px 10px;overscroll-behavior-x:contain}.carousel-track::-webkit-scrollbar{display:none}.template-carousel .template-card{flex:0 0 calc((100% - 60px)/6);scroll-snap-align:start;cursor:pointer;position:relative;border-radius:12px;outline:none;transition:transform .28s ease,filter .28s ease,box-shadow .28s ease}.template-carousel .template-preview{height:112px;border-radius:9px;background:#fff}.template-carousel .template-preview:after,.template-carousel .template-preview:before{display:none}.template-carousel .template-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .35s ease}.template-carousel .template-card:hover{transform:translateY(-5px);filter:saturate(1.06)}.template-carousel .template-card:focus-visible{outline:3px solid #16aaa4;outline-offset:3px}.template-carousel .template-card.is-selected{transform:translateY(-5px) scale(1.025);box-shadow:0 12px 28px rgba(13,46,99,.18);z-index:2}.template-carousel .template-card.is-selected:after{content:"✓";position:absolute;top:8px;right:8px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#08a99d;color:#fff;font-weight:900;box-shadow:0 4px 12px #08a99d55;animation:carouselPop .35s ease}.template-carousel .template-card.is-selected .template-preview img{transform:scale(1.035)}.template-carousel .template-card h3{font-size:11px;line-height:1.3;margin:7px 2px 0;min-height:29px}.testimonial-carousel .testimonial{flex:0 0 calc((100% - 26px)/3);scroll-snap-align:start;min-width:0;transition:transform .25s ease,box-shadow .25s ease}.testimonial-carousel .testimonial:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(19,54,99,.11)}.carousel-arrow{flex:0 0 26px;width:26px;height:26px;border:1px solid #d7e5f2;border-radius:50%;background:#fff;color:#17345e;display:grid;place-items:center;font-size:23px;line-height:1;box-shadow:0 3px 10px rgba(13,46,99,.08);transition:background .2s,color .2s,transform .2s;z-index:2;padding:0}.carousel-arrow:hover{background:#0aa79d;color:#fff;transform:scale(1.08)}.carousel-arrow:disabled{opacity:.32;cursor:default;transform:none}.carousel-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin:3px auto 0;min-height:13px}.carousel-shell{flex-wrap:wrap}.carousel-shell .carousel-track-wrap{flex-basis:calc(100% - 72px)}.carousel-shell .carousel-dots{flex:0 0 100%;order:5}.carousel-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c5d8e8;cursor:pointer;transition:width .2s,background .2s,transform .2s}.carousel-dot[aria-current=true]{width:19px;border-radius:999px;background:#1769e8}.carousel-dot:hover{transform:scale(1.15)}@keyframes carouselPop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@media(max-width:1000px){.template-carousel .template-card{flex-basis:calc((100% - 36px)/4)}.testimonial-carousel .testimonial{flex-basis:calc((100% - 13px)/2)}}@media(max-width:640px){.carousel-shell{padding:0 2px;gap:6px}.carousel-shell .carousel-track-wrap{flex-basis:calc(100% - 58px)}.carousel-arrow{flex-basis:23px;width:23px;height:23px;font-size:20px}.template-carousel .template-card{flex-basis:calc((100% - 12px)/2)}.template-carousel .template-preview{height:112px}.testimonial-carousel .testimonial{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}.template-carousel .template-card,.template-carousel .template-preview img,.testimonial-carousel .testimonial{transition:none}.template-carousel .template-card.is-selected:after{animation:none}}#cara-kerja>.container,#fitur>.container,#template>.container,#testimoni>.container{width:min(1200px,92%);max-width:1200px;margin-left:auto;margin-right:auto}@media(max-width:640px){#cara-kerja>.container,#fitur>.container,#template>.container,#testimoni>.container{width:calc(100% - 28px)}}.final-cta .cta-grid{position:relative}.final-cta .footer-illustration{width:min(386px,32vw)!important;max-width:386px!important;align-self:end!important;justify-self:end!important;filter:none!important}@media (max-width:760px){.final-cta .footer-illustration{width:min(300px,78vw)!important;max-width:100%!important;justify-self:end!important}}.final-cta{overflow:visible!important}.final-cta .cta-grid{position:relative!important;z-index:1!important;padding-right:340px!important}.final-cta .footer-illustration{right:max(0px,calc((100% - 1320px) / 2))!important;width:386px!important;max-width:34vw!important;align-self:auto!important;justify-self:auto!important;transform:none!important;pointer-events:none}@media (max-width:900px){.final-cta .cta-grid{padding-right:0!important}.final-cta .footer-illustration{position:relative!important;right:auto!important;bottom:auto!important;width:min(300px,78vw)!important;max-width:100%!important;margin-top:-12px!important;justify-self:end!important}}@media (min-width:901px){.final-cta{min-height:132px!important}}.theme-toggle{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e4ef;border-radius:12px;background:#fff;color:#08a99d;box-shadow:0 2px 8px rgba(19,54,99,.04);transition:background .2s,border-color .2s,color .2s,transform .2s}.theme-toggle:hover{transform:translateY(-1px);border-color:#08a99d}.theme-toggle-icon{font-size:25px;line-height:1;font-weight:500}html[data-theme=dark] body{color:#e6edf8!important;color-scheme:dark}html[data-theme=dark] .nav-inner{background:rgba(13,25,44,.94)!important;border-color:#253650!important;box-shadow:0 8px 28px rgba(0,0,0,.2)}html[data-theme=dark] .brand-name{color:#f1f6ff!important}html[data-theme=dark] .brand-sub{color:#aab9ce!important}html[data-theme=dark] .login,html[data-theme=dark] .nav-links a{color:#e6edf8!important}html[data-theme=dark] .nav-links a.active,html[data-theme=dark] .nav-links a:hover{border-color:#19c5b7!important}html[data-theme=dark] .mobile-toggle,html[data-theme=dark] .theme-toggle{background:#17263b!important;border-color:#344761!important}html[data-theme=dark] .mobile-toggle{color:#e6edf8!important}html[data-theme=dark] .section:not(.hero){background-color:#0b1220!important;color:#e6edf8!important}html[data-theme=dark] .section h2,html[data-theme=dark] .section h3,html[data-theme=dark] .section h4,html[data-theme=dark] .section-head h2{color:#f0f5ff}html[data-theme=dark] .section .muted,html[data-theme=dark] .section p,html[data-theme=dark] .section-head p{color:#b3c0d3}html[data-theme=dark] .card,html[data-theme=dark] .faq-item,html[data-theme=dark] .feature-card,html[data-theme=dark] .price-card,html[data-theme=dark] .problem-card,html[data-theme=dark] .review-card,html[data-theme=dark] .step-card,html[data-theme=dark] .template-card,html[data-theme=dark] .testimonial-card{background:#111e31!important;border-color:#2a3c55!important;color:#e6edf8!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}html[data-theme=dark] .faq-item button,html[data-theme=dark] .faq-question{color:#e6edf8!important}html[data-theme=dark] .faq-item p,html[data-theme=dark] .feature-card p,html[data-theme=dark] .price-card li,html[data-theme=dark] .step-card p,html[data-theme=dark] .testimonial-card p{color:#b9c6d8!important}html[data-theme=dark] .btn-light{background:#17263b!important;border-color:#344761!important;color:#f0f5ff!important}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#111e31!important;border-color:#344761!important;color:#e6edf8!important}html[data-theme=dark] .site-footer,html[data-theme=dark] footer{background:#071a35!important;color:#dce8f8!important}html[data-theme=dark] .site-footer a,html[data-theme=dark] footer a{color:#dce8f8!important}@media (max-width:760px){.theme-toggle{width:38px;height:38px;flex-basis:38px;border-radius:11px}.theme-toggle-icon{font-size:23px}}.hero{padding:82px 0 0!important;background-position:50%!important;background-size:cover!important}.hero-grid{min-height:350px!important;gap:14px!important}.hero-copy{padding:0 0 18px!important}.hero-person{bottom:0!important;-o-object-position:center bottom!important;object-position:center bottom!important}@media (max-width:1100px){.hero{padding-top:78px!important}.hero-grid{min-height:320px!important}.hero-visual{height:350px!important}.hero-composite{max-height:350px!important}}@media (max-width:900px){.hero{padding:82px 0 0!important}.hero-grid{min-height:0!important;gap:0!important}.hero-copy{padding-bottom:8px!important}.hero-visual{height:330px!important;margin:0 auto!important;align-self:end!important}.hero-composite{max-height:330px!important}}@media (max-width:640px){.hero{padding-top:76px!important}.hero-visual{height:280px!important;max-width:100%!important}.hero-composite{max-height:280px!important}}.pain-reference{padding:8px 0 12px!important;background:#fff!important}.pain-reference .container{width:min(100% - 48px,1640px)!important;max-width:1640px!important}.pain-reference .section-head{margin:0 auto 15px!important;text-align:center!important}.pain-reference .section-head h2{margin:0 0 3px!important;font-size:clamp(23px,2vw,32px)!important;line-height:1.15!important;letter-spacing:-.035em!important;color:#17365f!important;font-weight:800!important}.pain-reference .section-head h2 span{color:#079f9b!important}.pain-reference .section-head p{margin:0!important;font-size:clamp(12px,1.05vw,18px)!important;color:#35465f!important}.pain-reference .pain-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:26px!important}.pain-reference .pain-card{position:relative!important;min-height:160px!important;display:block!important;padding:18px 118px 12px 26px!important;border:1px solid #e4edf6!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#f3f8fd)!important;box-shadow:0 4px 12px #17365f0b!important;overflow:hidden!important}.pain-reference .pain-symbol{position:absolute!important;top:21px!important;left:27px!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:#fff!important;font-size:30px!important;line-height:1!important;box-shadow:inset 0 0 0 3px #ffffff45!important}.pain-reference .pain-card h3{margin:0 0 12px 86px!important;min-height:52px!important;font-size:clamp(14px,1.22vw,21px)!important;line-height:1.2!important;font-weight:750!important;color:#17365f!important;position:relative!important;z-index:2!important}.pain-reference .pain-card p{margin:0!important;font-size:clamp(11px,.98vw,17px)!important;line-height:1.28!important;color:#304762!important;position:relative!important;z-index:2!important}.pain-reference .pain-card-time .pain-symbol{background:#f45132!important}.pain-reference .pain-card-reference .pain-symbol{background:#2878f0!important}.pain-reference .pain-card-curriculum .pain-symbol{background:#08a99c!important}.pain-reference .pain-card-quality .pain-symbol{background:#ed3e85!important}.pain-reference .pain-teacher{position:absolute!important;z-index:3!important;right:3px!important;bottom:0!important;width:112px!important;height:151px!important;display:block!important;pointer-events:none!important}@media (max-width:1200px){.pain-reference .pain-grid{gap:12px!important}.pain-reference .pain-card{padding:15px 88px 12px 14px!important;min-height:150px!important}.pain-reference .pain-symbol{left:14px!important;width:42px!important;height:42px!important;font-size:22px!important}.pain-reference .pain-card h3{margin-left:52px!important;min-height:42px!important;font-size:14px!important}.pain-reference .pain-card p{font-size:11px!important}.pain-reference .pain-teacher{width:88px!important;height:124px!important}}@media (max-width:900px){.pain-reference .container{width:min(100% - 32px,720px)!important}.pain-reference .pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.pain-reference .pain-card{min-height:142px!important;padding:15px 96px 12px 16px!important}.pain-reference .pain-symbol{left:16px!important;width:42px!important;height:42px!important}.pain-reference .pain-card h3{margin-left:54px!important;font-size:15px!important}.pain-reference .pain-card p{font-size:12px!important}.pain-reference .pain-teacher{width:96px!important;height:132px!important}}@media (max-width:560px){.pain-reference{padding:16px 0!important}.pain-reference .container{width:min(100% - 24px,460px)!important}.pain-reference .section-head{margin-bottom:12px!important}.pain-reference .section-head h2{font-size:22px!important}.pain-reference .section-head p{font-size:12px!important}.pain-reference .pain-grid{grid-template-columns:1fr!important;gap:10px!important}.pain-reference .pain-card{min-height:132px!important;padding:14px 104px 12px 16px!important}.pain-reference .pain-card h3{font-size:16px!important;margin-left:54px!important;min-height:40px!important}.pain-reference .pain-card p{font-size:12px!important}.pain-reference .pain-teacher{width:100px!important;height:126px!important}}.pain-reference .pain-card{isolation:isolate}.pain-reference .pain-teacher{-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center bottom!important;object-position:center bottom!important;background:transparent!important;border:0!important;box-shadow:none!important;mix-blend-mode:normal!important}#fitur.section.features{padding:14px 0 16px}#cara-kerja .container,#fitur .container{width:min(100% - 48px,1375px)}#cara-kerja .section-head,#fitur .section-head{text-align:center;margin:0 auto 16px}#cara-kerja .section-head h2,#fitur .section-head h2{font-size:clamp(24px,2.1vw,30px);line-height:1.15;margin:0 0 4px;letter-spacing:-.5px;font-weight:800;color:#102e5c}#cara-kerja .section-head h2 span,#fitur .section-head h2 span{color:#079f9b}#cara-kerja .section-head p,#fitur .section-head p{font-size:clamp(13px,1.05vw,15px);line-height:1.35;margin:0;color:#53657b}#fitur .feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}#fitur .feature-card{min-width:0;min-height:148px;padding:13px 18px 14px;border:1px solid #e0eaf5;border-radius:13px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 2px 5px rgba(25,62,102,.055);display:flex;flex-direction:column}#fitur .feature-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;margin:0 0 10px;flex:none;box-shadow:0 2px 4px rgba(20,50,90,.16)}#fitur .feature-icon svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}#fitur .feature-card h3{font-size:14px;line-height:1.25;font-weight:700;margin:0 0 5px;color:#172b48}#fitur .feature-card p{font-size:12.5px;line-height:1.35;margin:0;color:#5a687a}#cara-kerja.how{padding:14px 0 17px;background:linear-gradient(105deg,#e8faf7,#effcff)}#cara-kerja .section-head{margin-bottom:15px}#cara-kerja .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#cara-kerja .step{min-width:0;min-height:128px;padding:13px 15px;border:1px solid #e2edf4;border-radius:14px;background:hsla(0,0%,100%,.94);display:grid;grid-template-columns:42px minmax(0,1fr) 100px;align-items:center;gap:10px;box-shadow:0 1px 3px rgba(20,50,90,.025)}#cara-kerja .step-num{width:42px;height:42px;font-size:19px;font-weight:800;align-self:start;box-shadow:0 2px 4px rgba(24,62,100,.13)}#cara-kerja .step h3{font-size:14px;line-height:1.25;margin:0 0 5px;font-weight:750;color:#172d4d}#cara-kerja .step p{font-size:12.5px;line-height:1.38;margin:0;color:#4d5c70}#cara-kerja .step-art{width:100px;height:96px;display:flex;align-items:center;justify-content:center;overflow:visible}#cara-kerja .step-art img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}@media (max-width:1100px){#fitur .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#cara-kerja .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){#cara-kerja .container,#fitur .container{width:min(100% - 28px,1375px)}#fitur .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#fitur .feature-card{min-height:142px;padding:12px}#fitur .feature-card h3{font-size:13px}#fitur .feature-card p{font-size:12px}#cara-kerja .steps{grid-template-columns:1fr;gap:10px}#cara-kerja .step{grid-template-columns:38px minmax(0,1fr) 82px;min-height:112px;padding:11px;gap:8px}#cara-kerja .step-num{width:36px;height:36px}#cara-kerja .step-art{width:82px;height:84px}}.pain-reference>.container{width:min(1200px,92%);max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width:640px){.pain-reference>.container{width:calc(100% - 28px)}}.features>.container,.final-cta>.container,.how>.container,.pain-reference>.container,.pricing-faq>.container,.solution>.container,.templates>.container,.testimonials>.container{width:min(94%,1640px);max-width:1640px;margin-left:auto;margin-right:auto}@media (max-width:640px){.features>.container,.final-cta>.container,.how>.container,.pain-reference>.container,.pricing-faq>.container,.solution>.container,.templates>.container,.testimonials>.container{width:calc(100% - 28px)}}#cara-kerja .container,#fitur .container,#template .container,#testimoni .container,.pain-reference .container{width:min(calc(100% - 48px),1640px)!important;max-width:1640px!important;margin-left:auto!important;margin-right:auto!important}@media (max-width:640px){#cara-kerja .container,#fitur .container,#template .container,#testimoni .container,.pain-reference .container{width:calc(100% - 28px)!important;max-width:1640px!important}}.solution{position:relative;isolation:isolate;overflow:hidden;padding:10px 0 0!important;min-height:330px;color:#f5f9ff;background:radial-gradient(ellipse 34% 68% at -5% 110%,rgba(0,190,177,.92) 0,rgba(0,157,169,.65) 45%,transparent 46%),linear-gradient(108deg,#07336f,#084b91 53%,#073674)!important}.solution:before{width:620px;height:260px;left:-165px;bottom:-155px;border-radius:48% 52% 0 0/65% 65% 0 0;background:radial-gradient(ellipse at 52% 8%,rgba(23,194,188,.72) 0 32%,transparent 33%),radial-gradient(ellipse at 25% 4%,rgba(10,155,167,.78) 0 42%,transparent 43%);transform:rotate(-8deg)}.solution:after,.solution:before{content:"";position:absolute;z-index:-1;pointer-events:none}.solution:after{width:440px;height:150px;right:-180px;bottom:-105px;border-radius:50%;background:rgba(22,111,190,.34)}.solution .container.solution-grid,.solution>.container{width:min(1624px,calc(100% - 96px))!important;max-width:1624px!important;margin-left:auto!important;margin-right:auto!important}.solution-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1.03fr) minmax(255px,.55fr)!important;align-items:center!important;gap:24px!important;position:relative;z-index:1;min-height:320px}.solution-grid>div:first-child{min-width:0;padding:24px 0 30px}.solution h2{max-width:650px;margin:0 0 10px!important;font-size:clamp(24px,2.05vw,34px)!important;line-height:1.12!important;letter-spacing:-.035em;color:#f7fbff}.solution h2 span{color:#13d1c4!important}.solution p{max-width:660px;font-size:clamp(15px,1.18vw,21px)!important;line-height:1.4!important;color:#eef6ff!important}.solution .dashboard-frame.dashboard-image-frame{width:100%;max-width:none;min-width:0;height:320px;align-self:stretch;margin:0;padding:6px 6px 0!important;border:2px solid #8caac8!important;border-bottom:0!important;border-radius:16px 16px 0 0!important;background:#111b2b!important;box-shadow:0 8px 22px rgba(0,12,39,.28)!important;overflow:hidden!important;line-height:0}.solution .dashboard-image-frame img{display:block;width:100%!important;max-width:none;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:top center;object-position:top center;border-radius:7px 7px 0 0!important}.solution .solution-list{min-width:0;align-self:center;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;padding:10px 0!important;list-style:none;color:#f2f7ff;font-size:clamp(13px,1vw,17px)!important;line-height:1.25}.solution .solution-list li{display:flex;align-items:center;gap:12px;min-width:0}.solution .solution-list b{flex:0 0 36px;width:36px!important;height:36px!important;display:grid;place-items:center;border-radius:9px!important;color:#fff;background:#08a99f!important;box-shadow:0 3px 8px rgba(0,0,0,.12);font-size:17px!important}@media (max-width:1050px){.solution{min-height:0;padding:24px 0!important}.solution .container.solution-grid,.solution>.container{width:calc(100% - 48px)!important}.solution-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:0;gap:22px!important}.solution-grid>div:first-child{padding:18px 0}.solution .dashboard-frame.dashboard-image-frame{height:300px}.solution .solution-list{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.solution .solution-list li{font-size:13px}}@media (max-width:640px){.solution{padding:25px 0!important}.solution .container.solution-grid,.solution>.container{width:calc(100% - 30px)!important}.solution-grid{grid-template-columns:1fr!important;gap:16px!important}.solution-grid>div:first-child{padding:0}.solution h2{font-size:26px!important}.solution p{font-size:15px!important}.solution .dashboard-frame.dashboard-image-frame{height:auto;max-height:270px;padding:5px 5px 0!important}.solution .dashboard-image-frame img{width:100%!important}.solution .solution-list{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;font-size:12px!important}.solution .solution-list li{align-items:flex-start;gap:8px}.solution .solution-list b{flex-basis:29px;width:29px!important;height:29px!important;border-radius:7px!important;font-size:13px!important}}.final-cta{isolation:isolate;min-height:132px;padding:12px 0 0!important;color:#f5f9ff!important;background:linear-gradient(108deg,#062b65,#073d80 54%,#06467f)!important}.final-cta:before{left:-55px;bottom:-105px;width:470px;height:180px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 35% 0,rgba(0,177,171,.82) 0 36%,rgba(0,136,165,.48) 37% 60%,transparent 61%)}.final-cta:after,.final-cta:before{content:"";position:absolute;z-index:-1;pointer-events:none}.final-cta:after{right:20%;bottom:-125px;width:300px;height:220px;border-radius:50%;background:rgba(0,133,172,.28)}.final-cta .cta-grid{width:min(1320px,calc(100% - 100px))!important;max-width:1320px!important;min-height:120px;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr) minmax(230px,.85fr)!important;align-items:center!important;gap:28px!important}.final-cta .cta-copy{min-width:0;align-self:center;padding:0 0 12px}.final-cta h2{margin:0 0 5px!important;max-width:510px;color:#f5f9ff!important;font-size:clamp(22px,2vw,29px)!important;font-weight:750;line-height:1.08!important;letter-spacing:-.025em!important}.final-cta p{margin:0!important;max-width:530px;color:#e5f0ff!important;font-size:13px!important;line-height:1.32!important}.final-cta .cta-middle{min-width:0;align-self:center;padding:4px 0 12px}.final-cta .cta-actions{justify-content:center;align-items:center;gap:14px!important}.final-cta .cta-actions .btn{display:inline-flex;justify-content:center;align-items:center;min-width:0;min-height:42px;padding:10px 20px!important;border-radius:18px!important;white-space:nowrap;font-size:13px!important;font-weight:600;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,.13)}.final-cta .cta-actions .btn-primary{flex:1 1 auto;color:#fff!important;background:linear-gradient(120deg,#0bb5ad,#078c99)!important;border:1px solid #22d5cc!important}.final-cta .cta-actions .btn-light{flex:0 0 auto;color:#fff!important;background:rgba(5,47,95,.42)!important;border:1.5px solid #08c9c3!important}.final-cta .cta-points{align-items:center;justify-content:center;gap:12px!important;flex-wrap:nowrap!important;margin-top:11px!important;color:#e7f3ff;font-size:10px!important;line-height:1.2}.final-cta .cta-points span{white-space:nowrap}.final-cta .cta-points span:before{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;margin-right:5px;color:#fff!important;background:#08a99f;font-size:10px;font-weight:800}.final-cta .footer-illustration{justify-self:end;align-self:end;width:100%!important;max-width:340px;height:160px!important;max-height:160px!important;-o-object-position:center bottom!important;object-position:center bottom!important;mix-blend-mode:screen;filter:drop-shadow(0 3px 7px rgba(0,0,0,.1))}@media(max-width:900px){.final-cta{padding:18px 0 0!important;min-height:0}.final-cta .cta-grid{width:calc(100% - 42px)!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important}.final-cta .cta-copy,.final-cta .cta-middle{padding-bottom:12px}.final-cta .footer-illustration{grid-column:1/-1;justify-self:end;width:260px!important;height:130px!important;margin-top:-12px!important}.final-cta .cta-actions{gap:8px!important}.final-cta .cta-actions .btn{padding:9px 12px!important;font-size:12px!important}.final-cta .cta-points{justify-content:flex-start;gap:8px!important;flex-wrap:wrap!important}}@media(max-width:600px){.final-cta{padding:22px 0 0!important}.final-cta .cta-grid{width:calc(100% - 30px)!important;grid-template-columns:1fr!important;gap:14px!important}.final-cta .cta-copy{padding:0}.final-cta h2{font-size:25px!important}.final-cta p{font-size:13px!important}.final-cta .cta-middle{padding:0}.final-cta .cta-actions{justify-content:flex-start;flex-wrap:wrap!important}.final-cta .cta-actions .btn{flex:1 1 140px}.final-cta .cta-points{justify-content:flex-start;flex-wrap:wrap!important}.final-cta .footer-illustration{grid-column:auto;justify-self:end;width:230px!important;height:125px!important;margin-top:0!important}}.final-cta{display:block!important;min-height:196px!important;padding:22px 0 0!important;margin:0!important}.final-cta>.container.cta-grid{min-height:174px!important;padding:0 430px 20px 0!important;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;gap:clamp(18px,2vw,34px)!important}.final-cta .cta-copy,.final-cta .cta-middle{z-index:2!important}.final-cta .cta-copy,.final-cta .cta-middle{padding:0!important;align-self:center!important}.final-cta .footer-illustration{z-index:3!important;right:0!important;width:min(30vw,540px)!important;max-width:540px!important;min-width:360px!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.12))!important}.final-cta .cta-actions,.final-cta .cta-points{justify-content:flex-start!important}.footer{z-index:1!important;background:#082653!important;color:#e8f2ff!important}@media (max-width:1100px){.final-cta>.container.cta-grid{width:min(calc(100% - 40px),1640px)!important;padding-right:320px!important;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr)!important;gap:18px!important}.final-cta .footer-illustration{width:390px!important;min-width:0!important}.final-cta .cta-actions{gap:8px!important}.final-cta .cta-actions .btn{padding:9px 12px!important;font-size:12px!important}}@media (max-width:760px){.final-cta{min-height:0!important;padding:24px 0 0!important}.final-cta>.container.cta-grid{width:calc(100% - 28px)!important;min-height:0!important;padding:0 0 155px!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.final-cta .cta-copy,.final-cta .cta-middle{padding-right:0!important}.final-cta .cta-actions{justify-content:flex-start!important;flex-wrap:wrap!important}.final-cta .cta-points{justify-content:flex-start!important;gap:8px!important}.final-cta .footer-illustration{right:0!important;bottom:0!important;width:min(76vw,340px)!important;min-width:0!important;max-width:340px!important}.footer .footer-inner{width:calc(100% - 28px)!important;flex-wrap:wrap!important;gap:8px!important}}.final-cta{width:100%!important;max-width:none!important;overflow:hidden!important}.final-cta,.final-cta>.container.cta-grid{position:relative!important;box-sizing:border-box!important}.final-cta>.container.cta-grid{z-index:4!important;width:min(calc(100% - 48px),1640px)!important;max-width:1640px!important;margin:0 auto!important;padding:0 470px 20px 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(390px,420px)!important;align-items:center!important;gap:24px!important}.final-cta .cta-copy,.final-cta .cta-middle{position:relative!important;z-index:5!important;min-width:0!important}.final-cta .cta-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important}.final-cta .cta-actions .btn{flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;white-space:nowrap!important;padding:10px 15px!important;font-size:12px!important;position:relative!important;z-index:6!important}.final-cta .cta-actions .btn-primary{min-width:215px!important}.final-cta .cta-actions .btn-light{min-width:125px!important}.final-cta .cta-points{position:relative!important;z-index:6!important;display:flex!important;flex-wrap:wrap!important;gap:8px 14px!important}.final-cta .footer-illustration{position:absolute!important;z-index:2!important;right:max(24px,calc((100vw - 1640px) / 2))!important;bottom:0!important;top:auto!important;display:block!important;width:min(25.3vw,480px)!important;min-width:390px!important;max-width:480px!important;height:auto!important;max-height:none!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:right bottom!important;object-position:right bottom!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;mix-blend-mode:normal!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))!important;pointer-events:none!important}.footer{position:relative!important;z-index:7!important;width:100%!important;margin:0!important}.footer .footer-inner{width:min(calc(100% - 48px),1640px)!important;max-width:1640px!important;margin:0 auto!important}@media (max-width:1100px){.final-cta>.container.cta-grid{width:calc(100% - 40px)!important;padding-right:365px!important;grid-template-columns:minmax(0,1fr) minmax(330px,380px)!important;gap:16px!important}.final-cta .footer-illustration{right:20px!important;width:360px!important;min-width:0!important}.final-cta .cta-actions .btn{padding:9px 10px!important;font-size:11px!important}.final-cta .cta-actions .btn-primary{min-width:195px!important}.final-cta .cta-actions .btn-light{min-width:112px!important}}@media (max-width:760px){.final-cta{padding-top:22px!important}.final-cta>.container.cta-grid{width:calc(100% - 28px)!important;padding:0 0 155px!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.final-cta .cta-actions{flex-wrap:wrap!important}.final-cta .cta-actions .btn-light,.final-cta .cta-actions .btn-primary{min-width:0!important}.final-cta .footer-illustration{right:0!important;bottom:0!important;width:min(78vw,330px)!important;min-width:0!important;max-width:330px!important}.footer .footer-inner{width:calc(100% - 28px)!important;flex-wrap:wrap!important;gap:8px!important}}.final-cta .footer-illustration{right:-130px!important}@media (max-width:1100px){.final-cta .footer-illustration{right:-75px!important}}@media (max-width:760px){.final-cta .footer-illustration{right:0!important}}.nav-inner{min-height:82px!important;gap:clamp(14px,1.8vw,26px)!important}.brand{min-width:0!important;flex:0 0 auto!important}.brand-logo-img{width:176px!important;min-width:176px!important;max-width:176px!important;height:66px!important;max-height:66px!important}.nav-links{font-size:14px!important;font-weight:700!important;line-height:1.35!important;gap:clamp(12px,1.45vw,21px)!important;white-space:nowrap}.nav-links a{font-size:inherit!important;padding:12px 0!important}.nav-actions .login{font-size:14px!important;font-weight:650!important}.nav-actions .btn{font-size:13px!important;padding:11px 18px!important}@media (max-width:1100px){.nav-inner{gap:14px!important}.brand-logo-img{width:158px!important;min-width:158px!important;max-width:158px!important;height:60px!important;max-height:60px!important}.nav-links{font-size:13px!important;gap:12px!important}.nav-actions .btn{padding:10px 13px!important}}@media (max-width:900px){.nav-inner{min-height:74px!important}.brand-logo-img{width:145px!important;min-width:145px!important;max-width:145px!important;height:54px!important;max-height:54px!important}.nav-links{font-size:12.5px!important;gap:10px!important}}@media (max-width:640px){.nav-inner{min-height:64px!important;height:auto!important;gap:8px!important}.brand-logo-img{width:128px!important;min-width:128px!important;max-width:128px!important;height:48px!important;max-height:48px!important}.nav-links{font-size:14px!important}.nav-actions .btn{font-size:11px!important;padding:9px 12px!important}}.brand-logo-img{display:block!important;width:226px!important;min-width:226px!important;max-width:226px!important;height:82px!important;max-height:82px!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:left center!important;object-position:left center!important;flex:0 0 auto!important}.nav-inner{min-height:94px!important;height:auto!important;align-items:center!important}@media (max-width:1100px){.brand-logo-img{width:198px!important;min-width:198px!important;max-width:198px!important;height:72px!important;max-height:72px!important}.nav-inner{min-height:84px!important}}@media (max-width:900px){.brand-logo-img{width:172px!important;min-width:172px!important;max-width:172px!important;height:64px!important;max-height:64px!important}.nav-inner{min-height:76px!important}}@media (max-width:640px){.brand-logo-img{width:145px!important;min-width:145px!important;max-width:145px!important;height:54px!important;max-height:54px!important}.nav-inner{min-height:68px!important}}html[data-theme=dark] body{background:#0b1220!important;color:#eaf2ff!important}html[data-theme=dark] body :is(h1,h2,h3,h4,h5,h6,p,li,label,small,summary,blockquote,dt,dd,th,td,figcaption,.muted,.description,.subtitle,.section-subtitle,.eyebrow,.faq-question,.price-label,.plan-name,.feature-title,.step-title,.template-title,.testimonial-name,.testimonial-role){color:#eaf2ff!important}html[data-theme=dark] body :is(.section-head p,.section p,.feature-card p,.step-card p,.template-card p,.testimonial-card p,.price-card li,.faq-item p,.problem-card p,.pain-card p,.brand-sub,.caption,.helper-text,.text-muted){color:#c2cede!important}html[data-theme=dark] body :is(a,.nav-links a,.login,.site-footer a,footer a){color:#eaf2ff!important}html[data-theme=dark] body :is(.section-head h2,.section h2,.section h3,.section h4,.pain-reference .section-head h2){color:#f4f8ff!important}html[data-theme=dark] body :is(.gradient-text,.text-gradient,.accent-text,.highlight-text,.brand-name,.section-head h2 span,.section h2 span,.pain-reference .section-head h2 span){color:#35d4c5!important}html[data-theme=dark] body :is(.feature-card,.step-card,.template-card,.testimonial-card,.price-card,.faq-item,.problem-card,.pain-card,.card,.review-card,.feature-item,.template-item,.testimonial-item,.plan-card,.faq-list){background:#111e31!important;border-color:#344761!important;color:#eaf2ff!important}html[data-theme=dark] body :is(.feature-card,.step-card,.template-card,.testimonial-card,.price-card,.faq-item,.problem-card,.pain-card,.card,.review-card,.feature-item,.template-item,.testimonial-item,.plan-card) :is(h1,h2,h3,h4,h5,p,li,span,label,strong,small,a,button){color:#eaf2ff!important}html[data-theme=dark] body :is(.feature-card,.step-card,.template-card,.testimonial-card,.price-card,.faq-item,.problem-card,.pain-card,.card,.review-card,.feature-item,.template-item,.testimonial-item,.plan-card) :is(p,li,small,.muted,.description,.subtitle){color:#c2cede!important}html[data-theme=dark] body :is(input,textarea,select){background:#111e31!important;border-color:#405570!important;color:#f1f6ff!important}html[data-theme=dark] body :is(input,textarea,select)::-moz-placeholder{color:#a9b8cc!important;opacity:1}html[data-theme=dark] body :is(input,textarea,select)::placeholder{color:#a9b8cc!important;opacity:1}html[data-theme=dark] body :is(.btn-primary,.btn-dark,.btn-cta,.btn-success){color:#fff!important}html[data-theme=dark] body .btn-light{background:#17263b!important;border-color:#405570!important;color:#f4f8ff!important}html[data-theme=dark] .brand{background:#fff!important;border:1px solid hsla(0,0%,100%,.85)!important;border-radius:12px!important;padding:4px 8px!important;box-shadow:0 3px 12px rgba(0,0,0,.18)!important}html[data-theme=dark] .brand-logo-img{background:#fff!important;border-radius:7px!important}html[data-theme=dark] .nav-inner{background:rgba(13,25,44,.97)!important}html[data-theme=dark] .theme-toggle{color:#ffd166!important}@media (max-width:640px){html[data-theme=dark] .brand{padding:3px 5px!important;border-radius:10px!important}}html[data-theme=dark] .pricing-faq{background:#0b1220!important;color:#eaf2ff!important}html[data-theme=dark] .faq-head h2{color:#f4f8ff!important}html[data-theme=dark] .faq-item,html[data-theme=dark] .faq-list{background:#111e31!important;border-color:#344761!important}html[data-theme=dark] .faq-item button.faq-q,html[data-theme=dark] .faq-q{background:#17263b!important;color:#f1f6ff!important;opacity:1!important;border-color:#344761!important}html[data-theme=dark] .faq-q:focus-visible,html[data-theme=dark] .faq-q:hover{background:#1c304b!important;color:#fff!important}html[data-theme=dark] .faq-q span,html[data-theme=dark] .faq-q span:last-child{color:#53dfd0!important}html[data-theme=dark] .faq-a{background:#0f1b2d!important;color:#c9d6e8!important;border-top:1px solid #2b405b!important}html[data-theme=dark] .faq-item.open .faq-a{display:block!important;color:#c9d6e8!important}html[data-theme=dark] .faq-item+.faq-item{border-top-color:#344761!important}html[data-theme=dark] .hero-copy .eyebrow{color:#263d5b!important;background:hsla(0,0%,100%,.94)!important;border-color:#c8d9ed!important}html[data-theme=dark] .hero-copy h1{color:#102d59!important;text-shadow:none!important}html[data-theme=dark] .hero-copy h1 .spark,html[data-theme=dark] .hero-copy h1 .teal{color:#079f9b!important}html[data-theme=dark] .hero-copy h2{color:#17365f!important;text-shadow:none!important}html[data-theme=dark] .hero-copy>p{color:#304762!important;text-shadow:none!important}html[data-theme=dark] .hero-copy .benefits,html[data-theme=dark] .hero-copy .hero-benefits,html[data-theme=dark] .hero-copy .trust-row{color:#263d5b!important}html[data-theme=dark] .pain-reference{background:#0b1220!important;color:#eaf1fb!important}html[data-theme=dark] .pain-reference .section-head h2,html[data-theme=dark] .pain-reference .section-head h2 span{color:#f3f7ff!important}html[data-theme=dark] .pain-reference .section-head h2 span{color:#35d0c2!important}html[data-theme=dark] .pain-reference .section-head p{color:#c4d0e1!important}html[data-theme=dark] .pain-reference .pain-card{background:linear-gradient(145deg,#14243a,#101d30)!important;border-color:#314760!important}html[data-theme=dark] .pain-reference .pain-card h3{color:#f3f7ff!important}html[data-theme=dark] .pain-reference .pain-card p{color:#d0dbea!important}html[data-theme=dark] #fitur{background:#0b1220!important;color:#e6edf8!important}html[data-theme=dark] #fitur .section-head h2,html[data-theme=dark] #fitur .section-head h2 span{color:#f3f7ff!important}html[data-theme=dark] #fitur .section-head h2 span{color:#35d0c2!important}html[data-theme=dark] #fitur .section-head p{color:#c4d0e1!important}html[data-theme=dark] #fitur .feature-card h3{color:#f3f7ff!important}html[data-theme=dark] #fitur .feature-card p{color:#cbd7e7!important}html[data-theme=dark] #cara-kerja{background:#0d1728!important;color:#e6edf8!important}html[data-theme=dark] #cara-kerja .section-head h2,html[data-theme=dark] #cara-kerja .section-head h2 span{color:#f3f7ff!important}html[data-theme=dark] #cara-kerja .section-head h2 span{color:#35d0c2!important}html[data-theme=dark] #cara-kerja .section-head p{color:#c4d0e1!important}html[data-theme=dark] #cara-kerja .step{background:#14243a!important;border-color:#314760!important;color:#e6edf8!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}html[data-theme=dark] #cara-kerja .step h3,html[data-theme=dark] #cara-kerja .step strong{color:#f3f7ff!important}html[data-theme=dark] #cara-kerja .step p{color:#cbd7e7!important}html[data-theme=dark] #template{background:#0b1220!important;color:#e6edf8!important}html[data-theme=dark] #template .section-head h2,html[data-theme=dark] #template .section-head h2 span{color:#f3f7ff!important}html[data-theme=dark] #template .section-head h2 span{color:#35d0c2!important}html[data-theme=dark] #template .section-head p{color:#cbd7e7!important}html[data-theme=dark] #template .template-card{background:#142238!important;border-color:#314760!important}html[data-theme=dark] #template .template-card figcaption,html[data-theme=dark] #template .template-card h3,html[data-theme=dark] #template .template-card p{color:#f0f5ff!important}html[data-theme=dark] #testimoni{background:#0b1220!important;color:#e6edf8!important}html[data-theme=dark] #testimoni .section-head h2{color:#f3f7ff!important}html[data-theme=dark] #testimoni .section-head p{color:#c4d0e1!important}html[data-theme=dark] #testimoni .testimonial{background:#142238!important;border-color:#314760!important;color:#e6edf8!important}html[data-theme=dark] #testimoni .person h3{color:#f3f7ff!important}html[data-theme=dark] #testimoni .person p{color:#c4d0e1!important}html[data-theme=dark] #testimoni .testimonial blockquote{color:#d5dfed!important}html[data-theme=dark] #testimoni .avatar{border-color:#40536c!important}html[data-theme=dark] .carousel-arrow{background:#1b2b42!important;border-color:#40536c!important;color:#f3f7ff!important}html[data-theme=dark] .carousel-dots .dot,html[data-theme=dark] .carousel-dots button{border-color:#71839b!important}html[data-theme=dark] .brand{padding:0!important;overflow:visible!important}html[data-theme=dark] .brand,html[data-theme=dark] .brand-logo-img{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}html[data-theme=dark] .brand-logo-img{-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:left center!important;object-position:left center!important}@media (max-width:640px){html[data-theme=dark] .brand{padding:0!important;border-radius:0!important}}header.nav{position:absolute!important;z-index:1000!important;background:transparent!important}header.nav .nav-inner{background:hsla(0,0%,100%,.76)!important;border-radius:0 0 22px 22px!important;box-shadow:0 5px 24px rgba(18,48,85,.06)!important}.hero{margin-top:0!important;padding-top:192px!important;min-height:602px!important}html[data-theme=dark] header.nav .nav-inner{background:rgba(13,25,44,.82)!important;border-color:#253650!important;box-shadow:0 5px 24px rgba(0,0,0,.22)!important}@media (max-width:900px){.hero{padding-top:174px!important;min-height:570px!important}}@media (max-width:640px){header.nav .nav-inner{background:hsla(0,0%,100%,.88)!important;border-radius:0 0 16px 16px!important}.hero{padding-top:156px!important;min-height:0!important;background-position:top!important}html[data-theme=dark] header.nav .nav-inner{background:rgba(13,25,44,.9)!important}}header.nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:10000!important}header.nav,header.nav .nav-inner{transform:none!important}header.nav .nav-inner{backdrop-filter:blur(12px)}.hero{height:auto!important;min-height:0!important;padding-top:142px!important;overflow:hidden!important;background-position:top!important}.hero,.hero-grid{padding-bottom:0!important}.hero-grid{min-height:390px!important;align-items:stretch!important}.hero-copy{align-self:center!important}.hero-visual{height:390px!important;min-height:0!important;align-self:end!important;margin-bottom:0!important;padding-bottom:0!important;overflow:hidden!important}.hero-composite{display:block!important;height:100%!important;max-height:390px!important;-o-object-position:center bottom!important;object-position:center bottom!important;margin-bottom:0!important;vertical-align:bottom!important}@media (max-width:1100px){.hero{padding-top:132px!important}.hero-grid{min-height:350px!important}.hero-visual{height:350px!important}.hero-composite{max-height:350px!important}}@media (max-width:900px){.hero{padding-top:126px!important;padding-bottom:0!important}.hero-grid{min-height:0!important;align-items:center!important}.hero-visual{height:340px!important;margin-bottom:0!important}.hero-composite{max-height:340px!important}}@media (max-width:640px){.hero{padding-top:116px!important;height:auto!important;background-position:top!important}.hero,.hero-grid{min-height:0!important}.hero-grid{gap:0!important}.hero-visual{height:300px!important;margin:0 auto!important}.hero-composite{max-height:300px!important}}.hero-composite{position:relative;z-index:1;width:min(108%,700px)!important;transform:translateX(-3%);-o-object-position:center bottom;object-position:center bottom}.hero-quote,.hero-side-benefits{position:absolute;z-index:5;box-sizing:border-box;font-family:inherit;color:#17345b;background:hsla(0,0%,100%,.97);border:1px solid rgba(14,165,164,.28);box-shadow:0 12px 28px rgba(15,40,75,.16);backdrop-filter:blur(8px)}.hero-side-benefits{top:7%;right:-1%;width:clamp(172px,22%,205px);padding:8px 11px;border-radius:16px}.hero-benefit-row{display:flex;align-items:center;gap:9px;min-height:33px;padding:5px 0;font-size:clamp(10px,.78vw,12px);font-weight:600;line-height:1.25}.hero-benefit-row+.hero-benefit-row{border-top:1px solid #e7eef5}.hero-benefit-row>span:first-child{display:grid;flex:0 0 20px;width:20px;height:20px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#0eb6a8,#078c91);color:#fff;font-size:12px;font-weight:900;box-shadow:0 2px 5px rgba(8,145,150,.22)}.hero-quote{right:-1%;bottom:11%;width:clamp(155px,20%,190px);margin:0;padding:14px 15px 11px;border-radius:22px;background:hsla(0,0%,100%,.97)}.hero-quote:before{content:"";position:absolute;top:18px;left:-8px;width:15px;height:15px;background:inherit;border-left:1px solid rgba(14,165,164,.28);border-bottom:1px solid rgba(14,165,164,.28);transform:rotate(45deg)}.hero-quote p{margin:0;font-size:clamp(11px,.85vw,13px);line-height:1.38;font-weight:600;color:#244264}.hero-quote-mark{display:block;height:15px;color:#0aa69e;font-size:30px;line-height:1;font-weight:800}.hero-quote-star{display:block;margin-top:5px;color:#f5ae24;font-size:16px}@media (max-width:1100px){.hero-side-benefits{right:0;width:176px}.hero-quote{right:0;width:158px}.hero-composite{transform:translateX(-5%);width:108%!important}}@media (max-width:850px){.hero-visual{width:100%;max-width:680px;margin:8px auto 0;height:370px!important}.hero-composite{width:100%!important;transform:translateX(-4%)}.hero-side-benefits{top:3%;right:0;width:164px;padding:6px 9px}.hero-benefit-row{min-height:29px;font-size:10px;gap:7px}.hero-benefit-row>span:first-child{width:18px;height:18px;flex-basis:18px}.hero-quote{right:0;bottom:6%;width:150px;padding:11px 12px 9px}}@media (max-width:520px){.hero-visual{height:310px!important}.hero-composite{width:112%!important;transform:translateX(-8%)}.hero-side-benefits{top:2%;right:-2px;width:137px;padding:5px 7px;border-radius:12px}.hero-benefit-row{min-height:25px;padding:3px 0;font-size:8.5px;gap:5px}.hero-benefit-row>span:first-child{width:15px;height:15px;flex-basis:15px;font-size:9px}.hero-quote{right:-2px;bottom:2%;width:132px;padding:8px 9px 7px;border-radius:15px}.hero-quote p{font-size:9px;line-height:1.3}.hero-quote-mark{height:12px;font-size:24px}.hero-quote-star{margin-top:3px;font-size:13px}}@media (prefers-reduced-motion:no-preference){.hero-side-benefits{animation:heroPanelIn .52s cubic-bezier(.2,.75,.25,1) both}.hero-quote{animation:heroPanelIn .62s cubic-bezier(.2,.75,.25,1) both;animation-delay:90ms}@keyframes heroPanelIn{0%{opacity:0;transform:translate3d(12px,8px,0)}to{opacity:1;transform:translateZ(0)}}}@media (prefers-reduced-motion:reduce){.hero-quote,.hero-side-benefits{animation:none!important}}.feature-card,.pain-card,.price-card,.step,.template-card,.testimonial{transition:transform .22s cubic-bezier(.2,.7,.25,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease;will-change:auto}.feature-card,.pain-card,.price-card,.step{border:1px solid var(--border,#d9e6f3)}@media (hover:hover) and (pointer:fine){.feature-card:hover,.pain-card:hover,.price-card:hover,.step:hover{transform:translateY(-5px) scale(1.01);border-color:var(--teal,#0aa79d);box-shadow:0 12px 26px rgba(15,40,75,.13)}.feature-card .feature-icon,.pain-card .pain-symbol,.step .step-num{transition:transform .22s cubic-bezier(.2,.7,.25,1),box-shadow .22s ease}.feature-card:hover .feature-icon,.pain-card:hover .pain-symbol,.step:hover .step-num{transform:scale(1.07);box-shadow:0 5px 14px rgba(10,167,157,.18)}.pain-card .pain-teacher{transform-origin:center bottom;transition:transform .25s cubic-bezier(.2,.7,.25,1),filter .25s ease}.pain-card:hover .pain-teacher{transform:scale(1.035);filter:drop-shadow(0 5px 7px rgba(15,40,75,.12))}.step .step-art img,.template-card .template-preview img,.testimonial .avatar img{transition:transform .25s cubic-bezier(.2,.7,.25,1),filter .25s ease;transform-origin:center}.step:hover .step-art img,.template-card:hover .template-preview img{transform:scale(1.035)}.testimonial:hover{transform:translateY(-4px);border-color:var(--teal,#0aa79d);box-shadow:0 12px 25px rgba(15,40,75,.12)}.testimonial:hover .avatar img{transform:scale(1.04)}.price-card:hover{box-shadow:0 14px 30px rgba(15,40,75,.15)}.price-card.popular:hover{border-color:#f2a900;box-shadow:0 14px 30px rgba(15,40,75,.18)}.hero-visual:hover .hero-composite{filter:drop-shadow(0 8px 14px rgba(15,40,75,.12))}}.feature-card:active,.pain-card:active,.price-card:active,.step:active,.template-card:active,.testimonial:active{transform:scale(.99)}.feature-card a:focus-visible,.feature-card:focus-visible,.pain-card a:focus-visible,.pain-card:focus-visible,.price-card a:focus-visible,.price-card:focus-visible,.step a:focus-visible,.step:focus-visible,.template-card a:focus-visible,.template-card:focus-visible,.testimonial a:focus-visible,.testimonial:focus-visible{outline:3px solid var(--focus-ring,#0ea5a4);outline-offset:3px}html[data-theme=dark] .feature-card,html[data-theme=dark] .pain-card,html[data-theme=dark] .price-card,html[data-theme=dark] .step,html[data-theme=dark] .template-card,html[data-theme=dark] .testimonial{border-color:var(--border,#344761)}@media (hover:hover) and (pointer:fine){html[data-theme=dark] .feature-card:hover,html[data-theme=dark] .pain-card:hover,html[data-theme=dark] .price-card:hover,html[data-theme=dark] .step:hover,html[data-theme=dark] .template-card:hover,html[data-theme=dark] .testimonial:hover{border-color:#19c5b7;box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 0 1px rgba(25,197,183,.08)}}@media (prefers-reduced-motion:reduce){.feature-card,.feature-card .feature-icon,.hero-visual:hover .hero-composite,.pain-card,.pain-card .pain-symbol,.pain-card .pain-teacher,.price-card,.step,.step .step-art img,.step .step-num,.template-card,.template-card .template-preview img,.testimonial,.testimonial .avatar img{transition:none!important;animation:none!important;transform:none!important;filter:none!important}}.hero-visual{position:relative!important;isolation:isolate;overflow:visible!important}.hero-composite{display:block;position:relative!important;z-index:1!important;width:108%!important;height:88%!important;max-height:none!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:left bottom!important;object-position:left bottom!important;transform:translateX(-10%)!important}.hero-quote,.hero-side-benefits{z-index:6!important;right:-1%!important;box-sizing:border-box!important;max-width:205px}.hero-side-benefits{top:4%!important;bottom:auto!important;width:clamp(170px,25%,196px)!important;padding:7px 10px!important;border-radius:15px!important}.hero-benefit-row{min-height:30px!important;padding:4px 0!important;gap:8px!important;font-size:clamp(10px,.76vw,12px)!important;line-height:1.22!important}.hero-benefit-row>span:first-child{flex-basis:20px!important;width:20px!important;height:20px!important}.hero-quote{top:auto!important;bottom:2%!important;width:clamp(165px,24%,190px)!important;padding:11px 13px 10px!important;border-radius:18px!important;transform:none!important}.hero-quote p{font-size:clamp(11px,.82vw,13px)!important;line-height:1.32!important}.hero-quote:before{top:16px!important}@media (max-width:900px) and (min-width:641px){.hero-visual{height:340px!important}.hero-composite{height:84%!important;width:108%!important;transform:translateX(-11%)!important}.hero-side-benefits{top:2%!important;width:176px!important}.hero-quote{bottom:1%!important;width:176px!important}}@media (max-width:640px){.hero-visual{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;height:auto!important;min-height:0!important;padding:0 12px 14px!important;margin:0 auto!important;overflow:visible!important}.hero-composite{display:block!important;order:0!important;height:auto!important;max-height:300px!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center bottom!important;object-position:center bottom!important}.hero-composite,.hero-quote,.hero-side-benefits{position:relative!important;width:100%!important;transform:none!important}.hero-quote,.hero-side-benefits{inset:auto!important;max-width:none!important;margin:0!important}.hero-side-benefits{order:1!important}.hero-quote{order:2!important}.hero-quote:before{display:none!important}}@media (min-width:901px){.hero-side-benefits{top:5%!important;right:10%!important;width:clamp(174px,23%,196px)!important}.hero-quote{right:1%!important;bottom:2%!important}}@media (min-width:641px) and (max-width:900px){.hero-side-benefits{top:4%!important;right:7%!important;width:172px!important}.hero-quote{right:0!important;bottom:1%!important;width:168px!important}}@media (max-width:640px){.hero-quote,.hero-side-benefits{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important}}.dashboard-frame,.dashboard-image-frame,.feature-card,.hero-visual,.pain-card,.price-card,.step,.template-card,.testimonial{transition:transform .23s cubic-bezier(.2,.7,.25,1),box-shadow .23s ease,border-color .23s ease,background-color .23s ease}.dashboard-frame img,.dashboard-image-frame img,.footer-illustration,.hero-composite,.pain-teacher,.step-art img,.template-image img,.testimonial .avatar img,.testimonial-grid img{transition:transform .26s cubic-bezier(.2,.7,.25,1),filter .26s ease;transform-origin:center center;will-change:transform}@media (hover:hover) and (pointer:fine){.hero-visual:hover .hero-composite{transform:scale(1.025);filter:drop-shadow(0 15px 22px rgba(20,55,90,.16))}.dashboard-frame:hover,.dashboard-image-frame:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(15,40,75,.18);border-color:var(--teal,#0aa79d)}.dashboard-frame:hover img,.dashboard-image-frame:hover img{transform:scale(1.035)}.feature-card:hover,.pain-card:hover,.price-card:hover,.step:hover,.template-card:hover,.testimonial:hover{transform:translateY(-5px) scale(1.01);border-color:var(--teal,#0aa79d);box-shadow:0 12px 28px rgba(15,40,75,.14)}.pain-card:hover .pain-teacher,.step:hover .step-art img,.template-card:hover .template-image img,.testimonial:hover .avatar img{transform:scale(1.045);filter:drop-shadow(0 5px 8px rgba(15,40,75,.14))}.feature-card:hover .feature-icon,.step:hover .step-num{transform:scale(1.06)}.feature-icon,.step-num{transition:transform .22s ease}.footer-illustration:hover{transform:scale(1.035)}}.dashboard-frame:active img,.dashboard-image-frame:active img,.footer-illustration:active,.hero-visual:active .hero-composite,.pain-card:active .pain-teacher,.step:active .step-art img,.template-card:active .template-image img,.testimonial:active .avatar img{transform:scale(.985)}.carousel-track:focus-visible,.template-grid:focus-visible,[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--focus-ring,#0aa79d);outline-offset:3px}@media (prefers-reduced-motion:reduce){.dashboard-frame,.dashboard-frame img,.dashboard-image-frame,.dashboard-image-frame img,.feature-card,.feature-icon,.footer-illustration,.hero-composite,.hero-visual,.pain-card,.pain-teacher,.price-card,.step,.step-art img,.step-num,.template-card,.template-image img,.testimonial,.testimonial .avatar img,.testimonial-grid img{transition:none!important;animation:none!important;will-change:auto}.dashboard-frame:active img,.dashboard-frame:hover,.dashboard-frame:hover img,.dashboard-image-frame:active img,.dashboard-image-frame:hover,.dashboard-image-frame:hover img,.feature-card:hover,.feature-card:hover .feature-icon,.footer-illustration:active,.footer-illustration:hover,.hero-visual:active .hero-composite,.hero-visual:hover .hero-composite,.pain-card:active .pain-teacher,.pain-card:hover,.pain-card:hover .pain-teacher,.price-card:hover,.step:active .step-art img,.step:hover,.step:hover .step-art img,.step:hover .step-num,.template-card:active .template-image img,.template-card:hover,.template-card:hover .template-image img,.testimonial:active .avatar img,.testimonial:hover,.testimonial:hover .avatar img{transform:none!important;filter:none!important;box-shadow:none!important}}.hero-visual .hero-composite{transition:transform .28s cubic-bezier(.2,.7,.25,1),filter .28s ease!important;transform-origin:center bottom!important;transform:translateX(-10%) scale(1)!important;will-change:transform;backface-visibility:hidden}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-visual .hero-composite:hover,.hero-visual:hover .hero-composite{transform:translateX(-10%) scale(1.04)!important;filter:drop-shadow(0 15px 22px rgba(20,55,90,.22))!important}}.hero-visual .hero-composite:active,.hero-visual:active .hero-composite{transform:translateX(-10%) scale(.985)!important;filter:drop-shadow(0 6px 10px rgba(20,55,90,.18))!important}.final-cta .footer-illustration{transition:transform .28s cubic-bezier(.2,.7,.25,1),filter .28s ease!important;transform-origin:right bottom!important;pointer-events:auto!important;will-change:transform;backface-visibility:hidden}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.final-cta .footer-illustration:hover{transform:scale(1.04)!important;filter:drop-shadow(0 12px 18px rgba(20,55,90,.2))!important}}.final-cta .footer-illustration:active{transform:scale(.985)!important}@media (prefers-reduced-motion:reduce){.final-cta .footer-illustration,.hero-visual .hero-composite{transition:none!important;animation:none!important;will-change:auto!important}.hero-visual .hero-composite:active,.hero-visual .hero-composite:hover,.hero-visual:active .hero-composite,.hero-visual:hover .hero-composite{transform:translateX(-10%) scale(1)!important;filter:none!important}.final-cta .footer-illustration:active,.final-cta .footer-illustration:hover{transform:none!important;filter:none!important}}.nav-links.open{z-index:101!important}.price-disclaimer{font-size:10.5px;color:#6a7c93;line-height:1.4;margin:10px 0 0;font-style:italic}html[data-theme=dark] .price-disclaimer{color:#8da4be!important}@media (min-width:901px){.hero-side-benefits{top:5%!important;right:18%!important;width:clamp(170px,24%,196px)!important}.hero-quote{right:14%!important;bottom:5%!important;width:clamp(155px,20%,190px)!important}}@media (min-width:641px) and (max-width:900px){.hero-side-benefits{top:4%!important;right:14%!important;width:172px!important}.hero-quote{right:8%!important;bottom:3%!important;width:168px!important}}