.nav-burger{display:inline-flex}@media (min-width:880px){.nav-burger{display:none}}@media (max-width:879.98px){.nav-cta{display:none}}.nav-drawer{display:grid}.nav-drawer a{border-radius:var(--r-md);color:var(--text-strong);padding:12px 10px;font-weight:600;display:block}.nav-drawer a:hover{background:var(--surface-2)}.hero{isolation:isolate;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(620px 440px at 80% -6%, color-mix(in srgb, var(--accent-500) 24%, transparent), transparent 70%), radial-gradient(680px 420px at 4% 2%, color-mix(in srgb, var(--primary-500) 22%, transparent), transparent 70%), radial-gradient(520px 380px at 52% 110%, #7c5ce02e, transparent 72%);position:absolute;inset:-10% -5% 0}.hero:after{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(color-mix(in srgb, var(--text-strong) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text-strong) 5%, transparent) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,#0000 78%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,#0000 78%)}.hero-grid{align-items:center;gap:40px;padding:60px 0 36px;display:grid}@media (min-width:900px){.hero-grid{grid-template-columns:1.06fr .94fr;padding:88px 0 56px}}.hero-trust{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:30px;display:flex}.hero-trust .ht{color:var(--text-muted);align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.hero-trust .ht svg{width:16px;height:16px;color:var(--success);flex:none}.hero-trust .ht-sep{background:var(--glass-border);width:1px;height:16px}.badge-glow{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-500) 30%, transparent), 0 6px 18px color-mix(in srgb, var(--accent-500) 20%, transparent);position:relative}.mock-wrap{position:relative}.mock-float{z-index:2;border-radius:var(--r-lg);gap:4px;width:168px;padding:14px 16px;display:grid;position:absolute;bottom:-20px;right:-14px}@media (max-width:600px){.mock-float{transform-origin:100% 100%;width:150px;bottom:-14px;right:0;transform:scale(.92)}}.mock-float .mf-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.mock-float .mf-label svg{width:13px;height:13px;color:var(--accent-500)}.mock-float .mf-score{font-family:var(--font-display);color:var(--text-strong);font-size:30px;font-weight:800;line-height:1}.mock-float .mf-score b{color:var(--text-faint);font-size:15px;font-weight:600}.mock-float .mf-bar{background:var(--surface-2);border-radius:99px;height:6px;margin-top:2px;overflow:hidden}.mock-float .mf-bar>i{border-radius:inherit;background:var(--ai-gradient);width:88%;height:100%;display:block}.mock{aspect-ratio:4/3.05;padding:0;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:perspective(1400px)rotateY(-4deg)rotateX(1.5deg)}.mock-wrap:hover .mock{transform:perspective(1400px)rotateY(0)rotateX(0)}@media (max-width:600px){.mock,.mock-wrap:hover .mock{transform:none}}.mock .bar{border-bottom:1px solid var(--glass-border);background:color-mix(in srgb, var(--surface-2) 60%, transparent);align-items:center;gap:6px;height:40px;padding:0 14px;display:flex}.mock .bar i{background:var(--border);border-radius:50%;width:10px;height:10px;display:block}.mock .bar i:first-child{background:#ff5f57}.mock .bar i:nth-child(2){background:#febc2e}.mock .bar i:nth-child(3){background:#28c840}.mock-body{gap:10px;padding:16px;display:grid}.mock-row{background:var(--surface-2);border-radius:5px;height:13px}.mock-card{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--surface) 40%, transparent);box-shadow:inset 0 1px 0 var(--glass-hi);border-radius:12px;gap:7px;padding:12px;display:grid}.section{padding:64px 0}.section-tint{position:relative}.section-tint:before{content:"";z-index:-1;background:radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--primary-500) 8%, transparent), transparent 70%);position:absolute;inset:0}.sec-head{max-width:660px;margin-bottom:36px}.sec-head.center{text-align:center;margin-inline:auto}.feat-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.feat-grid{grid-template-columns:1fr 1fr}}@media (min-width:980px){.feat-grid.four{grid-template-columns:repeat(4,1fr)}}@media (min-width:880px){.feat-grid.six{grid-template-columns:repeat(3,1fr)}}.feat-grid .card{padding:22px}.feat-grid .card .doc-ic{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.feat-grid .card.hover:hover .doc-ic{transform:translateY(-3px)rotate(-4deg)}.seg-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:760px){.seg-grid{grid-template-columns:1fr 1fr}}.seg-card{flex-direction:column;gap:14px;padding:28px;display:flex}.seg-card ul{gap:9px;padding:0;list-style:none;display:grid}.seg-card li{align-items:center;gap:9px;font-size:14px;display:flex}.seg-card li svg{width:18px;height:18px;color:var(--success);flex:none}.steps3{counter-reset:s;grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:760px){.steps3{grid-template-columns:repeat(3,1fr)}}.step3{padding:26px;position:relative;overflow:hidden}.step3 .num3{border-radius:var(--r-md);background:var(--ai-gradient);color:#fff;width:40px;height:40px;font-size:17px;font-weight:800;font-family:var(--font-display);box-shadow:0 6px 16px color-mix(in srgb, var(--primary-500) 28%, transparent);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.step3 .ghost-n{font-family:var(--font-display);color:color-mix(in srgb, var(--primary-500) 8%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:96px;font-weight:800;line-height:1;position:absolute;top:-10px;right:12px}.price-peek{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:760px){.price-peek{grid-template-columns:repeat(3,1fr)}}.pp{flex-direction:column;gap:8px;padding:26px;display:flex}.pp.pop{border-color:color-mix(in srgb, var(--primary-500) 55%, var(--glass-border));box-shadow:var(--glass-shadow), 0 14px 40px color-mix(in srgb, var(--primary-500) 22%, transparent), inset 0 1px 0 var(--glass-hi)}.pp .amt{font-family:var(--font-display);color:var(--text-strong);font-size:32px;font-weight:800}.quotes{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:760px){.quotes{grid-template-columns:repeat(3,1fr)}}.quotes .card{position:relative}.quotes .card:before{content:"“";font-family:var(--font-display);color:color-mix(in srgb, var(--primary-500) 12%, transparent);pointer-events:none;font-size:72px;line-height:1;position:absolute;top:8px;right:18px}.quotes .stars{color:var(--warning);gap:2px;margin-bottom:12px;display:flex}.quotes .stars svg{width:15px;height:15px}.cta-band{background:var(--ai-gradient);color:#fff;border-radius:var(--r-xl);text-align:center;box-shadow:0 24px 60px color-mix(in srgb, var(--primary-600) 30%, transparent);padding:52px 28px;position:relative;overflow:hidden}.cta-band:after{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 80% at 50% 0,#000,#0000 75%);mask-image:radial-gradient(60% 80% at 50% 0,#000,#0000 75%)}.cta-band>*{z-index:1;position:relative}.cta-band h2{color:#fff}.logos{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.logos .lg{border:1px solid var(--glass-border);border-radius:var(--r-md);height:30px;color:var(--text-muted);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));box-shadow:inset 0 1px 0 var(--glass-hi);align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:flex}.cbt-sec{position:relative;overflow:hidden}.cbt-sec:before{content:"";z-index:-1;background:radial-gradient(640px 380px at 88% 8%, color-mix(in srgb, var(--accent-500) 16%, transparent), transparent 70%), radial-gradient(560px 360px at 4% 92%, color-mix(in srgb, var(--primary-500) 14%, transparent), transparent 72%);position:absolute;inset:0}.cbt-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:720px){.cbt-grid{grid-template-columns:1fr 1fr}}@media (min-width:1040px){.cbt-grid{grid-template-columns:repeat(2,1fr)}}.cbt-card{flex-direction:column;gap:12px;padding:24px;display:flex}.cbt-card h4{align-items:center;gap:10px;display:flex}.cbt-card .doc-ic{width:44px;height:44px}.cbt-card ul{gap:8px;margin-top:2px;padding:0;list-style:none;display:grid}.cbt-card li{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:13.5px;display:flex}.cbt-card li svg{width:16px;height:16px;color:var(--success);flex:none;margin-top:2px}.join-card{grid-column:1/-1;grid-template-columns:1fr;gap:0;padding:0;display:grid;overflow:hidden}@media (min-width:720px){.join-card{grid-template-columns:1.1fr .9fr}}.join-left{flex-direction:column;justify-content:center;gap:14px;padding:28px;display:flex}.join-right{border-top:1px solid var(--glass-border);background:color-mix(in srgb, var(--surface) 30%, transparent);align-content:center;gap:12px;padding:24px;display:grid}@media (min-width:720px){.join-right{border-top:0;border-left:1px solid var(--glass-border)}}.join-code{font-family:var(--font-display);letter-spacing:.14em;color:var(--text-strong);align-items:center;gap:10px;font-size:clamp(26px,5vw,38px);font-weight:800;display:inline-flex}.join-code .dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 22%, transparent);border-radius:50%}.join-field{gap:5px;display:grid}.join-field span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.join-field .v{border-radius:var(--r-md);background:var(--glass-bg-strong);border:1px solid var(--glass-border);color:var(--text-strong);box-shadow:inset 0 1px 0 var(--glass-hi);padding:10px 13px;font-size:14px;font-weight:600}.proctor-log{gap:8px;display:grid}.proctor-log .pl{border-radius:var(--r-md);background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-hi);align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.proctor-log .pl svg{flex:none;width:16px;height:16px}.proctor-log .pl.warn{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 32%, transparent)}.proctor-log .pl.warn svg{color:var(--warning)}.proctor-log .pl .t{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.cbt-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px;display:grid}@media (min-width:720px){.cbt-stats{grid-template-columns:repeat(4,1fr)}}.cbt-stats .st{text-align:center;padding:18px}.cbt-stats .st .v{font-family:var(--font-display);color:var(--text-strong);font-size:clamp(24px,4vw,30px);font-weight:800;line-height:1}.cbt-stats .st .v small{color:var(--accent-500);font-size:14px;font-weight:700}.cbt-stats .st .k{color:var(--text-muted);margin-top:6px;font-size:12.5px;font-weight:600}.pillar{border-bottom:1px solid var(--border);align-items:center;gap:24px;padding:44px 0;display:grid}@media (min-width:860px){.pillar{grid-template-columns:1fr 1fr}.pillar.rev .vis{order:-1}}.vis{aspect-ratio:4/3;align-content:center;gap:10px;padding:20px;display:grid}.vis .chip-row{flex-wrap:wrap;gap:8px;display:flex}.phase-tag{text-transform:uppercase;color:var(--primary-600);background:var(--primary-50);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.cmp-wrap{border:1px solid var(--border);border-radius:var(--r-lg);-webkit-overflow-scrolling:touch;overflow-x:auto}.cmp{width:100%}.cmp svg{width:18px;height:18px;color:var(--success)}.cmp td.cmp-c{text-align:center}.cmp .cmp-no{color:var(--text-faint)}.cmp:not(.cmp-harga) th:nth-child(n+2){text-align:center;width:80px}@media (max-width:480px){.cmp:not(.cmp-harga) th:nth-child(n+2){width:58px}.cmp th,.cmp td{padding:12px 10px}}.cmp.cmp-harga{min-width:640px}.cmp.cmp-harga th,.cmp.cmp-harga td{text-align:center}.cmp.cmp-harga td:first-child,.cmp.cmp-harga th:first-child{text-align:left;background:var(--surface);position:sticky;left:0}.cmp.cmp-harga tbody tr:hover td:first-child{background:var(--surface-2)}.cmp.cmp-harga svg{margin:0 auto}.price-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:680px){.price-grid{grid-template-columns:1fr 1fr}}@media (min-width:1080px){.price-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:679.98px){.price-grid .plan.pop{order:-1}}.plan{flex-direction:column;gap:6px;padding:24px;display:flex;position:relative}.plan.pop{border-color:var(--primary-500);box-shadow:0 10px 30px color-mix(in srgb, var(--primary-500) 18%, transparent)}.plan .amt{font-family:var(--font-display);color:var(--text-strong);margin:6px 0;font-size:30px;font-weight:800}.plan ul{gap:9px;margin:14px 0;padding:0;list-style:none;display:grid}.plan li{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:13px;display:flex}.plan li svg{width:16px;height:16px;color:var(--success);flex:none;margin-top:1px}.plan .btn{margin-top:auto}.price-toggle{margin-inline:auto}.price-toggle .save-tag{color:var(--success);margin-left:5px;font-size:11px;font-weight:700}.faq summary{cursor:pointer;color:var(--text-strong);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:600;list-style:none;transition:background .15s;display:flex}.faq summary:hover{background:var(--surface-2)}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:18px;height:18px;color:var(--text-faint);flex:none;transition:transform .2s}.faq details{border-bottom:1px solid var(--border)}.faq details:last-child{border-bottom:0}.faq details[open] summary{color:var(--primary-700)}.faq details[open] summary svg{color:var(--primary-600);transform:rotate(180deg)}.faq p{color:var(--text-muted);padding:0 16px 16px;font-size:14px;line-height:1.6}.about-vals{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:760px){.about-vals{grid-template-columns:repeat(3,1fr)}}.about-story{align-items:center;gap:24px;display:grid}@media (min-width:860px){.about-story{grid-template-columns:1fr 1fr}}.help-hero{text-align:center;padding:48px 16px 8px}.help-search{max-width:520px;margin:18px auto 0}.help-cats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.help-contact{grid-template-columns:1fr;gap:16px;margin-top:24px;display:grid}@media (min-width:680px){.help-contact{grid-template-columns:1fr 1fr}}#cara{scroll-margin-top:72px}