.landing-page{overflow:clip}.landing-page #cara-kerja,.landing-page #faq{scroll-margin-top:78px}.landing-page .hero-media{max-width:none}.landing-page .teaser-top>.flower-mark{gap:0;margin-left:0;display:inline-grid}.landing-page .teaser-top .flower-mark i{background:var(--orange);border-radius:70% 70% 8%;width:auto;height:auto}.landing-page h1,.landing-page h2{font-family:var(--font-body), Arial, sans-serif;letter-spacing:-.055em;word-spacing:.055em;font-weight:900}.landing-page .landing-hero{color:#171a1d;background:#fff6ed;justify-content:center;min-height:100svh;padding:clamp(100px,14svh,150px) 24px clamp(210px,28svh,340px)}.landing-page .hero-message h1{margin-bottom:15px;font-size:clamp(60px,7.65vw,118px);line-height:.9}.landing-page .hero-message p{text-wrap:balance;max-width:780px;margin:0 auto 12px;font-size:clamp(15px,1.8vw,23px)}.landing-page .hero-message .button{min-width:290px;min-height:64px;font-size:23px}.hero-icons{pointer-events:none;width:100%;height:38%;position:absolute;inset:auto 0 0}.hero-icon{aspect-ratio:1;width:18%;height:auto;position:absolute;bottom:2svh}.hero-icon-profile{left:1%;transform:rotate(-8deg)}.hero-icon-image{bottom:2svh;left:21%;transform:rotate(5deg)}.hero-icon-folder{bottom:1svh;left:41%;transform:rotate(-7deg)}.hero-icon-link{bottom:3svh;left:61%;transform:rotate(6deg)}.hero-icon-flower{bottom:2svh;left:81%;transform:rotate(-5deg)}.hero-template-image,.hero-symbol-image{width:100%;height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hero-template-image{border:2px solid #171a1d;border-radius:9px}.hero-symbol-image{opacity:0;visibility:hidden}.intro-stage{position:relative}.intro-stage>.hero-icons{z-index:3;height:38svh;top:62svh;bottom:auto}.intro-scroll[data-motion=active] .intro-stage{height:100svh;overflow:clip}.landing-page .intro-scroll[data-motion=active] .landing-hero,.landing-page .intro-scroll[data-motion=active] .statement-section{background:0 0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.intro-scroll[data-motion=active] .statement-section{z-index:1}.intro-scroll[data-motion=active] .hero-icons{height:38%;top:auto;bottom:0}.intro-scroll[data-motion=active] .hero-icon,.intro-scroll[data-motion=active] [data-intro-text],.intro-scroll[data-motion=active] .hero-message{will-change:transform, opacity}.intro-scroll[data-motion=active] .intro-icon-slot img{visibility:hidden}.landing-page .intro-scroll .statement-copy{max-width:1180px;padding-left:0}.landing-page .intro-scroll .statement-section{color:#171a1d;background:#ffead8;padding:56px 24px}.landing-page .intro-scroll .statement-section h2{margin:0;font-size:clamp(28px,4.1vw,64px);line-height:1.08}.intro-line{display:block}.intro-phrase{white-space:nowrap;display:inline-block}[data-intro-text]{display:inline-block}.intro-icon-slot{vertical-align:-.12em;width:.95em;height:.95em;margin:0 .05em;display:inline-block;position:relative}.intro-icon-slot img{width:175%;max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-page .statement-section{place-items:center;min-height:100svh;padding:80px 30px;display:grid}.landing-page .statement-copy{max-width:1150px;padding-left:80px}.landing-page .statement-section h2{margin:6px 0 18px;font-size:clamp(34px,4.7vw,72px);line-height:1.04}.landing-page .statement-section p{max-width:none;font-size:clamp(16px,1.8vw,24px)}.folder-art{width:24%;height:auto;position:absolute;bottom:-45px;left:-3%}.landing-page .inline-icon{stroke:#111;stroke-width:2px;border:0;border-radius:3px;width:.9em;height:.9em;padding:2px}.landing-page .inline-icon.violet{fill:var(--violet);background:0 0}.landing-page .inline-icon.orange{background:var(--orange);border:2px solid #111}.landing-page .inline-icon.lime{fill:var(--lime)}.landing-page .statement-section .flower-mark{--flower:var(--violet);width:.8em;height:.8em}.landing-page .hero[data-chapter="0"] .hero-copy{top:9%;left:5%;right:5%}.landing-page .hero[data-chapter="0"] .chapter{display:none}.landing-page .hero[data-chapter="0"] h2{margin-bottom:6px;font-size:clamp(62px,7.4vw,112px)}.landing-page .hero[data-chapter="0"] .hero-copy p{font-size:clamp(16px,1.8vw,24px)}.landing-page .tabi-story,.landing-page .tabi-story .hero-track,.landing-page .tabi-story .hero{background:#ffead8}.tabi-story[data-entry-motion=active] .hero-inner{will-change:transform}.tabi-exit-panel{height:100%;min-height:inherit;overflow:clip}.tabi-story[data-entry-motion=active] .tabi-exit-panel{will-change:transform}.landing-flow{background:var(--violet);position:relative}.landing-page .template-showcase{flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100svh;padding:100px 18px 105px;display:flex;position:relative;overflow:clip}.editor-panel-shell{z-index:1;background:var(--violet);position:relative}.landing-flow[data-flow-motion=active] .editor-panel-shell{margin-top:-48px}.landing-flow[data-flow-motion=active] .template-card-motion{will-change:transform, opacity}.landing-flow[data-flow-motion=active] .how-it-works{will-change:transform}.landing-page .section-top{text-align:center;max-width:none;margin-bottom:32px;padding:0;display:block}.landing-page .section-top h2{justify-content:center;align-items:center;gap:20px;font-size:clamp(34px,4.6vw,72px);line-height:1.05;display:flex}.landing-page .template-rail{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;width:100%;max-width:1500px;margin:0 auto 14px;padding:8px 12px 20px;display:grid;overflow:visible}.landing-page .template-mini{min-width:0;transform:rotate(-2deg)}.landing-page .template-mini:nth-child(2){transform:rotate(-1deg)translateY(-9px)}.landing-page .template-mini:nth-child(3){transform:translateY(-15px)}.landing-page .template-mini:nth-child(4){transform:rotate(2deg)translateY(-6px)}.landing-page .template-mini:nth-child(5){transform:rotate(2deg)}.landing-page .template-mini img{aspect-ratio:auto;object-fit:contain;border:2px solid #111;border-radius:11px;height:auto}.landing-page .template-mini span{justify-content:center;margin-top:8px;font-size:clamp(12px,1.35vw,18px)}.landing-page .template-showcase>.button{min-height:56px;padding:12px 30px;font-size:20px}.landing-page .how-it-works{background:var(--cream);grid-template-rows:minmax(0,1fr) auto;gap:32px;min-height:100svh;padding:48px 55px;display:grid;position:relative}.landing-page .editor-intro{grid-template-columns:.8fr 1.2fr;gap:35px;width:100%;max-width:1440px;padding:0}.landing-page .editor-intro>div:first-child{position:relative}.landing-page .editor-intro h2{margin:0 0 14px;font-size:clamp(36px,4.65vw,68px);line-height:1.01}.landing-page .editor-intro p{color:var(--ink);margin-bottom:18px;font-size:clamp(16px,1.9vw,25px);line-height:1.35}.landing-page .editor-intro .text-link{font-size:13px}.landing-page .editor-teaser{box-shadow:none;transform:rotate(-.5deg)}.landing-page .teaser-body{min-height:0}.landing-page .teaser-body>div{background:var(--cream);padding:14px}.landing-page .teaser-body img{aspect-ratio:auto;object-fit:contain}.landing-page .teaser-top{padding:6px 12px;font-size:22px}.landing-page .teaser-body aside{gap:7px;padding:20px 12px;font-size:14px}.landing-page .teaser-body aside>span{font-size:12px}.landing-page .steps{gap:18px;width:100%;max-width:1330px;margin:0 auto;padding:22px 12px}.landing-page .step-icon svg{stroke:#241b59;fill:#8d7aff;stroke-width:1.3px;width:55px;height:55px}.landing-page .steps>div{gap:20px}.landing-page .steps h3{align-items:center;gap:12px;font-weight:800;display:flex}.landing-page .step-number{background:var(--ink);width:30px;height:30px;color:var(--cream);border-radius:50%;place-items:center;font-size:19px;display:grid}.landing-page .steps p{margin-left:42px;font-size:12px}.landing-page .faq{max-width:1100px;padding-top:35px;padding-bottom:35px}.landing-page .faq h2{justify-content:center;align-items:center;gap:15px;margin-bottom:20px;font-size:clamp(36px,4.2vw,60px);display:flex}.landing-page .faq details{padding:13px 18px}.landing-page .faq details[open] summary svg{transform:rotate(90deg)}.landing-page .final-cta{min-height:235px;padding:20px 20px 30px}.landing-page .final-cta h2{margin:0 0 18px;font-size:clamp(40px,4.8vw,72px);line-height:.96}.landing-page .footer-art{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;bottom:0;left:0}.landing-page .final-cta .button{min-height:55px;padding:12px 30px;font-size:20px}@media (max-width:1000px){.landing-page .landing-hero{padding-top:100px}.landing-page .hero-message h1{font-size:7.7vw}.landing-page .hero-message .button{min-width:230px;min-height:52px;font-size:18px}.landing-page .statement-section{padding:65px 20px}.landing-page .statement-copy{padding-left:65px}.landing-page .template-rail{gap:12px}.landing-page .how-it-works{padding:36px 30px}.landing-page .editor-intro{gap:25px;padding:0}.landing-page .steps{gap:12px;width:100%;padding:20px 0}.landing-page .steps>div{gap:10px}.landing-page .step-icon svg{width:35px;height:35px}.landing-page .steps h3{gap:7px;font-size:13px}.landing-page .steps p{margin-left:30px;font-size:10px}.landing-page .step-number{width:23px;height:23px;font-size:15px}.landing-page .teaser-body aside{gap:5px;padding:10px 6px}.landing-page .teaser-body aside>span{font-size:9px}.landing-page .teaser-body>div{padding:8px}}@media (max-width:700px){.landing-page .hero{height:100svh;min-height:0}.landing-page .landing-hero{padding:110px 15px 180px}.landing-page .hero-message h1{font-size:clamp(34px,9vw,59px);line-height:1}.landing-page .hero-message p{max-width:285px;margin:20px auto 18px;font-size:15px}.landing-page .hero-icon{width:30%;max-width:none;bottom:20svh;right:auto}.landing-page .hero-icon-profile{left:2%}.landing-page .hero-icon-image{left:35%}.landing-page .hero-icon-folder{left:68%}.landing-page .hero-icon-link{width:34%;bottom:2.5svh;left:12%}.landing-page .hero-icon-flower{width:34%;bottom:2.5svh;left:54%}.landing-page .statement-section{padding:65px 20px}.landing-page .statement-copy{padding-left:0}.landing-page .statement-section h2{margin:5px 0 18px;font-size:clamp(27px,5.8vw,40px);line-height:1.12}.landing-page .statement-section p{font-size:14px}.landing-page .folder-art{width:145px;bottom:-20px;left:-60px}.landing-page .hero[data-chapter="0"] .hero-copy{top:14%}.landing-page .hero[data-chapter="0"] h2{font-size:clamp(48px,11vw,68px)}.landing-page .hero[data-chapter="0"] .hero-copy p{max-width:300px;margin:15px auto 0;font-size:16px}.landing-page .template-showcase{padding:85px 0 100px}.landing-page .section-top{margin-bottom:30px;padding:0 18px}.landing-page .section-top h2{max-width:400px;margin:auto;font-size:35px;display:block}.landing-page .template-rail{gap:20px;padding:15px 25px 25px;display:flex;overflow-x:auto}.landing-flow[data-flow-motion=active] .editor-panel-shell{margin-top:-32px}.landing-page .template-mini{flex:0 0 65vw;max-width:310px}.landing-page .template-mini span{font-size:15px}.landing-page .template-showcase>.button{min-height:48px;font-size:16px}.landing-page .how-it-works{gap:24px;padding:32px 24px}.landing-page .editor-intro{grid-template-columns:1fr;gap:18px;padding:0}.landing-page .editor-intro h2{font-size:36px}.landing-page .editor-intro p{max-width:320px;font-size:16px}.landing-page .steps{grid-template-columns:1fr;gap:12px;width:100%;padding:16px 0;display:grid}.landing-page .steps>div{gap:18px}.landing-page .step-icon svg{width:32px;height:32px}.landing-page .steps h3{gap:10px;font-size:14px}.landing-page .steps p{margin-left:33px;font-size:11px}.landing-page .faq{padding:35px 25px}.landing-page .faq h2{gap:0;font-size:34px}.landing-page .faq details{padding:16px 2px}.landing-page .final-cta{padding:38px 18px}.landing-page .final-cta h2{font-size:39px}.landing-page .footer-art{width:140%;max-width:none;left:-20%}.landing-page .final-cta .button{min-height:50px;font-size:16px}}@media (max-width:700px) and (prefers-reduced-motion:reduce){.landing-page .hero-track{height:100svh}}