html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.landing{--p:#f97373;--p-dark:#ef4444;--p-cast:#e85d5d;--p-soft:#fecaca;--l-ink:#172554;--l-muted:#475569;--l-border:#e2e8f0;--l-cast:#cbd5e1;--c1:#fff5f5;--c2:#ffecec;--c3:#ffe4e4;--c4:#fedcdc;--c5:#fecaca;--c-cool:#eff6ff;--hidup:#22c55e;--sela:#e8590c;min-height:100vh;color:var(--l-ink);font-family:Kalam,cursive,Trebuchet MS,sans-serif;background-color:#fff;background-image:radial-gradient(#cbd5e1 1.5px,transparent 0);background-size:24px 24px}.landing .mark{font-weight:inherit}.landing .mark:after{left:0;width:100%}.landing a{color:inherit;text-decoration:none}.landing .wrap{width:min(1320px,calc(100% - 72px));margin:0 auto}.landing .top{position:sticky;top:0;z-index:50;height:84px;display:flex;align-items:center;background:hsla(0,0%,100%,.92);border-bottom:1px solid #e2e8f0;backdrop-filter:blur(10px);outline:2px solid #172554}.landing .top .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem}.landing .brand{gap:12px;font-weight:900;font-size:30px;letter-spacing:-.5px}.landing .brand,.landing .logo{display:flex;align-items:center}.landing .logo{justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none}.landing .logo img{display:block;width:auto;height:44px}.landing .links{display:flex;gap:38px;font-weight:700;font-size:15px}.landing .links a:hover{color:var(--p)}.landing .btn{display:inline-flex;align-items:center;gap:.5rem;padding:13px 21px;border:2px solid var(--l-ink);border-radius:9px;background:#fff;color:var(--l-ink);font:inherit;font-weight:900;cursor:pointer;box-shadow:3px 3px 0 var(--l-cast);transition:.18s}.landing .btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--l-cast)}.landing .btn.primary{border-color:var(--p-dark);background:var(--p);color:#fff;box-shadow:4px 4px 0 var(--p-cast)}.landing .btn.primary:hover{box-shadow:2px 2px 0 var(--p-cast)}.landing .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:70px 0 76px}.landing .hero-art{justify-content:center}.hero-slider-container,.landing .hero-art{display:flex;align-items:center;width:100%}.hero-slider-container{position:relative;max-width:650px;margin:0 auto;flex-direction:column}.hero-slider-stage{position:relative;width:100%;min-height:380px}.hero-slide,.hero-slider-stage{display:flex;align-items:center;justify-content:center}.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(.96);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);pointer-events:none}.hero-slide.active{position:relative;opacity:1;transform:scale(1);pointer-events:auto}.hero-slider-dots{display:flex;gap:8px;margin-top:14px;z-index:2}.slider-dot{width:10px;height:10px;border-radius:50%;border:0;background:#cbd5e1;cursor:pointer;transition:all .3s ease}.slider-dot.active{width:24px;border-radius:12px;background:var(--p)}.landing .eyebrow{margin:0 0 22px;color:var(--p);font-size:18px;font-weight:800;font-style:italic}.landing h1{margin:0 0 27px;font-size:clamp(42px,4.4vw,62px);line-height:1.06;letter-spacing:-2px;font-weight:900;color:var(--l-ink)}.landing h1 .mark{color:var(--p)}.landing .mark{position:relative;display:inline-block;color:#ef4444}.HeadingStyle{color:#172554}.landing .mark:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-6px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M2,14 Q25,4 50,12 T98,14' fill='none' stroke='%23ef4444' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat bottom;background-size:100% 10px;pointer-events:none}.landing .lede{margin:0;max-width:620px;font-size:21px;line-height:1.6;color:var(--l-muted);font-weight:500}.landing .ask{display:flex;gap:12px;margin:30px 0 14px;max-width:620px}.landing .ask input{flex:1;min-width:0;padding:13px 16px;border:2px solid var(--l-border);border-radius:9px;background:#fff;font:inherit;font-size:16px;color:var(--l-ink)}.landing .ask input::-moz-placeholder{color:#94a3b8}.landing .ask input::placeholder{color:#94a3b8}.landing .ask input:focus{outline:none;border-color:var(--p)}.landing .ask .btn{flex:none}.landing .second{display:flex;align-items:center;gap:14px;margin:0 0 26px;font-size:14px;color:var(--l-muted)}.landing .second a{font-weight:800;color:var(--p);border-bottom:2px solid #fecaca}.landing .second a:hover{border-color:var(--p)}.landing .facts{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}.landing .facts li{list-style:none;display:inline-flex;align-items:baseline;gap:7px;padding:7px 13px;border:1px solid var(--l-border);border-radius:999px;background:#fff;font-size:13px;color:var(--l-muted)}.landing .facts b{font-size:15px;font-weight:900;color:var(--l-ink);font-variant-numeric:tabular-nums}.landing .board{max-width:820px;margin:0 auto;border:2px solid #f3a3a3;border-radius:18px;background:#fff;box-shadow:10px 12px 0 hsla(0,92%,71%,.14);overflow:hidden;transform:rotate(.15deg)}.landing .board-top{height:60px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 18px;border-bottom:1px solid #e2e8f0}.landing .board-top .live{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px}.landing .board-top .live i{width:9px;height:9px;border-radius:50%;background:var(--hidup);animation:pulse 2.4s ease-in-out infinite}.landing .tools{display:flex;gap:6px;flex:none}.landing .tool{width:34px;height:34px;display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-weight:900}.landing .tool.on{border-color:var(--p);background:var(--p);color:#fff}.landing .board-body{padding:24px 24px 20px;min-height:320px;background-image:linear-gradient(rgba(71,85,105,.07) 1px,transparent 0),linear-gradient(90deg,rgba(71,85,105,.07) 1px,transparent 0);background-size:24px 24px}.landing .board-foot{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid #e2e8f0;background:#fff}.landing .board-foot .orb{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--p);box-shadow:0 0 0 4px hsla(0,92%,71%,.16)}.landing .board-foot img{display:block;width:auto;height:17px}.landing .foot-status{flex:1;min-width:0;font-size:13px;font-weight:800}.landing .foot-tempo{flex:none;display:flex;gap:2px;padding:2px;border:1px solid var(--l-border);border-radius:999px}.landing .foot-tempo b{padding:3px 9px;border-radius:999px;color:#94a3b8;font-size:11px;font-weight:700}.landing .foot-tempo b.on{background:var(--p);color:#fff}.landing .lesson-title{display:inline-block;margin:0 0 10px;border-bottom:3px solid var(--p);font-size:20px;font-style:italic;font-weight:700}.landing .goal{margin:0 0 8px;font-family:Georgia,serif;font-size:14px}.landing .lesson-steps{font-size:14px;line-height:2}.landing .lesson-steps .row{display:flex;align-items:center;gap:9px;white-space:nowrap}.landing .num{flex:none;width:26px;height:26px;display:grid;place-items:center;border:2px solid var(--p);border-radius:50%;color:var(--p);font-weight:900}.landing .formula{display:inline-block;margin:3px 0 4px 35px;padding:4px 12px;border:2px solid var(--p);border-radius:7px;font-family:Georgia,serif}.landing .sela{margin:6px 0 0 35px;padding-left:12px;border-left:3px solid var(--sela);color:var(--sela);font-size:14px;line-height:1.5;white-space:normal}.landing .sela b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.landing .graph{float:right;position:relative;width:190px;height:150px;margin:8px 10px 0 25px}.landing .axis-x,.landing .axis-y{position:absolute;background:#1e3a5f}.landing .axis-x{height:2px;left:25px;right:0;bottom:22px}.landing .axis-y{width:2px;left:25px;top:8px;bottom:22px}.landing .ring{position:absolute;border:2px solid #1e3a5f;border-radius:50%;transform:rotate(-27deg)}.landing .r1{width:165px;height:110px;left:54px;top:38px}.landing .r2{width:130px;height:83px;left:72px;top:52px}.landing .r3{width:92px;height:57px;left:91px;top:66px}.landing .route{position:absolute;left:101px;top:66px;width:95px;height:75px;border-left:3px dotted #f97373;transform:rotate(-38deg)}.landing .min-dot{position:absolute;left:137px;top:101px;width:12px;height:12px;border-radius:50%;background:var(--p)}.landing .min-text{position:absolute;left:100px;top:151px;color:var(--p-dark);font-size:11px;font-weight:800}.landing .min-text:before{content:"";position:absolute;left:22px;top:-14px;width:1px;height:12px;background:var(--p)}.landing section{scroll-margin-top:95px}.landing .section{padding:65px 0}.landing .section h2{margin:0 0 14px;font-size:35px;font-style:italic;font-weight:700}.landing .section .intro{margin:0 auto 42px;max-width:640px;color:var(--l-muted);line-height:1.7}.landing .center{text-align:center}.landing .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:0;padding:0;text-align:left}.landing .steps li{position:relative;list-style:none}.landing .steps li:not(:last-child):after{content:"→";position:absolute;right:-26px;top:50px;font-size:32px;color:var(--l-ink)}.landing .steps .art{height:85px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.landing .steps .art svg{width:80px;height:80px}.landing .steps h3{margin:0 0 12px;color:var(--p);font-size:17px;font-style:italic}.landing .steps p{margin:0;font-size:15px;line-height:1.6;color:var(--l-muted)}.landing .cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:0;padding:0}.landing .cards li{list-style:none;min-height:250px;padding:26px;border:1px solid #cbd5e1;border-radius:13px;background:#fff;box-shadow:3px 4px 0 rgba(23,37,84,.04)}.landing .cards li:first-child{background:var(--c1)}.landing .cards li:nth-child(2){background:var(--c2)}.landing .cards li:nth-child(3){background:var(--c3)}.landing .cards li:nth-child(4){background:var(--c4)}.landing .cards li:nth-child(5){background:var(--c5)}.landing .cards .art{height:66px;margin-bottom:18px}.landing .cards .art svg{width:60px;height:60px}.landing .cards h3{margin:0 0 12px;font-size:18px;font-style:italic}.landing .cards p{margin:0;font-size:14px;line-height:1.6;color:#475569}.landing .cards code{padding:1px 5px;border-radius:4px;background:rgba(23,37,84,.06);font-family:ui-monospace,Consolas,monospace;font-size:13px}.landing .limits{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:0 auto;padding:0;max-width:980px;border:0;background:transparent;text-align:left}.landing .limits li{list-style:none;font-size:15px;line-height:1.6;color:var(--l-muted);background:#fff;border:2px dashed #cbd5e1;border-radius:14px;padding:22px 24px;box-shadow:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.landing .limits li:hover{transform:translateY(-2px);border-color:#f87171;background:snow}.landing .limits b{display:block;font-size:17px;font-weight:800;color:var(--l-ink);margin-bottom:6px}.landing .limits.solid li{border:2px dashed #fca5a5;background:#fff;box-shadow:none}.landing .limits.solid li:hover{border-color:#ef4444;background:#fff5f5}.landing .cta{display:grid;grid-template-columns:240px 1fr 240px;align-items:center;gap:20px;margin:30px 0;padding:40px 30px;border:1px solid #fecaca;border-radius:20px;background:#ffecec;overflow:hidden}.landing .cta-art,.landing .cta-side{display:flex;align-items:center;justify-content:center}.landing .cta-art img,.landing .cta-side img{display:block;width:100%;max-width:240px;height:auto;-o-object-fit:contain;object-fit:contain}.landing .cta-copy{text-align:center;padding:0 10px}.landing .cta-copy h2{margin:0 0 14px;font-size:34px;font-style:italic;font-weight:800;color:var(--l-ink)}.landing .cta-copy p{margin:0 0 22px;color:#475569;font-size:16px;line-height:1.5}.landing footer{padding:35px 0 20px;color:#64748b;font-size:13px;text-align:center}.landing .quick-topics{margin-top:14px;display:flex;flex-direction:column;gap:8px}.landing .quick-label{font-size:13px;font-weight:700;color:var(--l-muted)}.landing .pills{display:flex;flex-wrap:wrap;gap:8px}.landing .pill-btn{padding:6px 14px;border:1px solid var(--l-border);border-radius:999px;background:#fff;color:var(--l-ink);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.03)}.landing .pill-btn:hover{border-color:var(--p);color:var(--p-dark);background:var(--c1);transform:translateY(-1px)}.landing .pill-btn.active{border-color:var(--p-dark);background:var(--p);color:#fff}.landing .interactive-board-wrapper{display:flex;flex-direction:column;gap:12px;max-width:820px;margin:0 auto}.landing .demo-control-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;background:#fff5f5;border:1px solid #fecaca;border-radius:12px}.landing .topic-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.landing .ctrl-label{font-size:13px;font-weight:800;color:var(--p-dark)}.landing .topic-tab{padding:6px 12px;border:1px solid #fecaca;border-radius:8px;background:#fff;color:var(--l-ink);font-size:12px;font-weight:700;cursor:pointer;transition:.15s ease}.landing .topic-tab:hover{border-color:var(--p);color:var(--p)}.landing .topic-tab.active{background:var(--p);border-color:var(--p-dark);color:#fff;font-weight:800}.landing .interrupt-trigger-btn{padding:8px 16px;border:2px solid var(--sela);border-radius:999px;background:#fff;color:var(--sela);font-size:13px;font-weight:900;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 0 rgba(224,49,49,.2)}.landing .interrupt-trigger-btn:hover{background:#fff0f0;transform:scale(1.03)}.landing .interrupt-trigger-btn.interrupted{background:var(--sela);color:#fff;box-shadow:0 0 12px rgba(224,49,49,.4)}.landing .board-interrupted{border-color:var(--sela)!important;box-shadow:0 0 16px rgba(224,49,49,.2)!important}.landing .live i.speaking{background:var(--hidup);animation:pulse 1.2s ease-in-out infinite}.landing .live i.paused{background:var(--sela);animation:pulse-red .8s ease-in-out infinite}@keyframes pulse-red{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.landing .user-drawn-shape{pointer-events:none;z-index:10;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.landing .drawn-box{border:2px solid var(--p);border-radius:4px}.landing .drawn-box,.landing .drawn-circle{width:32px;height:32px;background:rgba(91,67,238,.1)}.landing .drawn-circle{border:2px solid var(--p);border-radius:50%}.landing .drawn-dot{width:14px;height:14px;border-radius:50%;background:var(--sela);box-shadow:0 0 8px var(--sela)}.landing .drawn-text{padding:2px 6px;background:#fff;border:1px solid var(--p);border-radius:4px;font-size:11px;font-weight:800;color:var(--p-dark)}.landing .drawn-pencil{font-size:18px}.landing .drawn-line{width:40px;height:3px;background:var(--p);transform:rotate(-15deg)}.landing .animated-sela{animation:slideInDown .3s ease-out;background:#fff5f5;padding:10px 14px;border-radius:8px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.landing .sela-hint{margin:6px 0 0 35px;padding:6px 12px;border:1px dashed var(--p-soft);border-radius:6px;background:snow;color:var(--p-dark);font-size:13px;cursor:pointer;transition:.2s}.landing .sela-hint:hover{background:var(--c1);border-color:var(--p)}.landing .waveform{display:inline-flex;align-items:center;gap:3px;margin-left:8px}.landing .waveform span{width:3px;height:12px;background:var(--p);border-radius:2px;animation:wave 1s ease-in-out infinite}.landing .waveform span:nth-child(2){animation-delay:.2s}.landing .waveform span:nth-child(3){animation-delay:.4s}@keyframes wave{0%,to{height:6px}50%{height:16px}}.landing .orb-interrupted{background:var(--sela)!important;box-shadow:0 0 0 4px rgba(224,49,49,.2)!important}.landing .status-paused{color:var(--sela);font-weight:800}.landing .status-speaking{color:var(--l-ink);font-weight:800}.landing .clear-btn{background:#fff0f0!important;border-color:#ffd0d0!important}.landing .interactive-steps-wrapper{display:flex;flex-direction:column;gap:28px}.landing .step-item{padding:16px;border-radius:14px;transition:all .25s ease;border:2px solid transparent}.landing .step-item:hover{background:#fff5f5}.landing .step-item.active{background:#ffe4e4;border-color:var(--p);transform:translateY(-3px);box-shadow:0 6px 16px rgba(91,67,238,.12)}.landing .step-num-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--c1);border:2px solid var(--p);color:var(--p);font-size:24px;font-weight:800}.landing .step-interactive-preview{margin-top:10px;padding:22px 28px;border:2px solid var(--p);border-radius:16px;background:#fff;box-shadow:4px 6px 0 var(--p-cast);text-align:left;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.landing .preview-header{display:flex;align-items:center;gap:14px;margin-bottom:10px}.landing .preview-badge{padding:4px 10px;border-radius:999px;background:var(--p);color:#fff;font-size:12px;font-weight:800}.landing .preview-header h4{margin:0;font-size:18px;color:var(--p-dark);font-weight:800}.landing .preview-desc{margin:0 0 14px;color:var(--l-muted);font-size:15px}.landing .preview-code-box{padding:12px 18px;background:#172554;border-radius:10px;color:#5ce1e6;font-family:ui-monospace,Consolas,monospace;font-size:14px;overflow-x:auto}.landing .cost-calculator-card{margin:32px auto 0;max-width:780px;padding:28px 36px;border:2px solid var(--p-dark);border-radius:18px;background:#fff;box-shadow:6px 6px 0 var(--p-cast);text-align:left}.landing .calc-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.landing .calc-icon{font-size:26px}.landing .calc-header h3{margin:0;font-size:22px;font-weight:900;color:var(--p-dark)}.landing .calc-desc{margin:0 0 20px;font-size:15px;color:var(--l-muted)}.landing .slider-wrapper{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.landing .slider-wrapper label{font-size:15px;font-weight:700;color:var(--l-ink)}.landing .slider-wrapper input[type=range]{width:100%;accent-color:var(--p);cursor:pointer}.landing .slider-ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--l-muted);font-weight:600}.landing .calc-results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing .res-box{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--l-border);border-radius:12px;background:#fff5f5}.landing .res-label{font-size:12px;font-weight:700;color:var(--l-muted)}.landing .res-val{font-size:20px;font-weight:900;color:var(--p-dark)}.landing .res-sub{font-size:12px;font-weight:600;color:var(--l-muted)}@media (max-width:700px){.landing .calc-results{grid-template-columns:1fr}}@media (max-width:860px){.landing .top .wrap{gap:12px}.landing .links{display:none}.landing .top .btn{padding:9px 14px;font-size:13px;white-space:nowrap}}@media (max-width:900px){.landing .hero{grid-template-columns:1fr;text-align:center;padding:40px 0}.landing h1{font-size:42px}.landing .hero-art{order:-1}.landing .cta{grid-template-columns:1fr;text-align:center;padding:30px 20px;gap:24px}.landing .cta-art img,.landing .cta-side img{max-width:200px}}@media (max-width:600px){.landing .ask{flex-direction:column}.landing .ask button{width:100%;justify-content:center}}@media (max-width:1100px){.landing .cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.landing .steps{grid-template-columns:repeat(2,1fr);gap:28px}.landing .steps li:not(:last-child):after{display:none}}@media (max-width:760px){.landing .cards{grid-template-columns:repeat(2,1fr)}.landing .cards li{min-height:0;padding:20px}}@media (max-width:700px){.landing .limits{grid-template-columns:1fr;padding:24px 22px}}@media (max-width:560px){.landing .cards,.landing .steps{grid-template-columns:1fr;gap:20px}.landing .steps .art{height:auto;justify-content:flex-start;margin-bottom:12px}.landing .steps .art svg{width:56px;height:56px}.landing h1{font-size:32px}.landing .step-interactive-preview{padding:16px 18px}.landing .step-item{padding:12px}}