:root{--bg:#ffffff;--bg-2:#f4f7f4;--card:#ffffff;--ink:#13201a;--ink-soft:#586860;--ink-dim:#9aa49d;--line:rgba(19,32,26,.09);--line-2:rgba(19,32,26,.14);--green:#1f8a4c;--green-deep:#0d2418;--green-deep-2:#123322;--green-bright:#3fbf72;--grad:linear-gradient(100deg,#1f8a4c,#46c97c);--glow:rgba(47,163,95,.2);--paper-on-dark:#eef3ee;--sans:"Plus Jakarta Sans",-apple-system,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--maxw:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--green);color:#fff}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}.badge-pill{display:inline-flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.01em;color:var(--ink-soft);font-weight:500;background:#fff;border:1px solid var(--line-2);border-radius:100px;padding:8px 16px 8px 14px;box-shadow:0 6px 16px -10px #0d241866}.badge-pill .d{width:6px;height:6px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 0 var(--glow);animation:ping 2.4s infinite}@keyframes ping{0%{box-shadow:0 0 #3fbf7280}to{box-shadow:0 0 0 10px #3fbf7200}}.kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:500}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;transition:.4s;border-bottom:1px solid transparent}nav.scrolled{background:#ffffffd1;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--line);padding:13px 26px}.logo{display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:9px}.brand .mark{display:block;flex:none}.brand .wm{font-size:20px;font-weight:800;letter-spacing:-.035em;color:var(--ink);line-height:1}.brand .wm-sub{font-size:20px;font-weight:500;color:var(--ink-dim);letter-spacing:-.02em;line-height:1}.brand.on-dark .wm{color:#fff}.brand.on-dark .wm-sub{color:#fff9}.foot-logo{flex-direction:column;align-items:flex-start;gap:8px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a.l{font-size:14px;font-weight:500;color:var(--ink-soft);transition:.25s}.nav-links a.l:hover{color:var(--ink)}.nav-cta{display:flex;align-items:center;gap:14px}.lang{display:inline-flex;border:1px solid var(--line-2);border-radius:100px;overflow:hidden;font-family:var(--mono);font-size:11px}.lang button{background:none;border:none;padding:6px 10px;cursor:pointer;color:var(--ink-dim);font:inherit;transition:.2s}.lang button.on{background:var(--ink);color:#fff}.btn{font-family:var(--sans);font-weight:600;font-size:14px;cursor:pointer;border:none;border-radius:100px;padding:11px 20px;transition:.26s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn-dark{background:var(--green-deep);color:#fff}.btn-dark:hover{background:var(--green);transform:translateY(-2px);box-shadow:0 12px 28px -10px var(--glow)}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line-2)}.btn-ghost:hover{border-color:var(--ink)}.menu-btn{display:none;background:none;border:none;color:var(--ink);font-size:24px;cursor:pointer}header{position:relative;padding:150px 0 80px;overflow:hidden;text-align:center}.flare-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(50px)}.glow.g1{top:-120px;left:50%;transform:translate(-50%);width:760px;height:520px;background:radial-gradient(circle,var(--glow),transparent 66%)}.glow.g2{top:240px;left:-160px;width:440px;height:440px;background:radial-gradient(circle,rgba(63,191,114,.16),transparent 64%)}.glow.g3{top:200px;right:-160px;width:440px;height:440px;background:radial-gradient(circle,rgba(31,138,76,.14),transparent 64%)}.hero-inner{position:relative;z-index:2;max-width:820px;margin:0 auto}h1{font-size:clamp(40px,6.4vw,76px);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin:26px 0 0}h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:clamp(16px,1.7vw,19px);color:var(--ink-soft);max-width:600px;margin:24px auto 0;line-height:1.62}.hero-cta{display:flex;gap:13px;justify-content:center;margin-top:32px;flex-wrap:wrap}.hero-cta .btn{padding:14px 26px;font-size:15px}.hero-stage{position:relative;z-index:2;max-width:1000px;margin:60px auto 0}.hero-frame{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 50px 100px -45px #0d241880;background:var(--card)}.hero-frame .ba{border:none;box-shadow:none;border-radius:0}.hero-chip{position:absolute;right:18px;top:18px;z-index:8;display:flex;align-items:center;gap:9px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:100px;padding:9px 15px;font-size:13px;font-weight:600;box-shadow:0 14px 30px -16px #0d241880}.hero-chip .ico{width:22px;height:22px;border-radius:7px;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:12px}.hero-fig{font-family:var(--mono);font-size:11.5px;color:var(--ink-dim);margin-top:14px;letter-spacing:.02em}.ba{position:relative;overflow:hidden;background:var(--card);-webkit-user-select:none;user-select:none;touch-action:none}.ba.portrait{aspect-ratio:4/5}.ba.wide{aspect-ratio:16/10}.ba img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba .after-img{z-index:1}.ba .before-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}.ba .before-wrap img{position:absolute;top:0;right:0;bottom:0;left:0}.ba .handle{position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;background:#fff;z-index:6;box-shadow:0 0 0 1px #0000000d}.ba .handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 5px 16px -3px #00000073}.ba .handle:before{content:"⇄";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:var(--green-deep);font-size:14px;font-weight:700}.ba .slider-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0}.ba .tag{position:absolute;top:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:6px 11px;border-radius:100px;font-weight:500;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ba .tag.b{left:14px;background:#ffffffd9;color:var(--ink-soft);border:1px solid var(--line)}.ba .tag.a{right:14px;background:var(--green);color:#fff}section{position:relative;padding:108px 0}.sec-head{max-width:640px;margin:0 auto 60px;text-align:center}h2{font-size:clamp(30px,3.9vw,48px);font-weight:700;line-height:1.06;letter-spacing:-.03em;margin-top:14px}h2 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.sec-head p{color:var(--ink-soft);font-size:17px;margin-top:16px}.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:18px}.tile{border:1px solid var(--line);border-radius:20px;background:var(--card);padding:30px;position:relative;overflow:hidden;transition:.35s;min-height:230px;display:flex;flex-direction:column}.tile:hover{transform:translateY(-4px);box-shadow:0 30px 60px -44px #0d241866;border-color:var(--line-2)}.tile .ic{width:46px;height:46px;border-radius:13px;background:var(--bg-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--green);margin-bottom:auto}.tile h3{font-size:20px;font-weight:700;letter-spacing:-.01em;margin-top:22px}.tile p{color:var(--ink-soft);font-size:14.5px;margin-top:9px}.tile.span2{grid-column:span 2}.tile.media{padding:0;min-height:260px}.tile.media img,.tile.media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tile.media .ov{position:relative;margin-top:auto;padding:24px;background:linear-gradient(transparent,#0d2418d1);color:#fff;z-index:2}.tile.media .ov h3{margin-top:0;color:#fff}.tile.media .ov p{color:#ffffffc7}.tile.media .rtag{position:absolute;top:14px;left:14px;z-index:3;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;background:var(--green);color:#fff;padding:5px 10px;border-radius:100px}.tile.dark{background:radial-gradient(120% 120% at 100% 0%,var(--green-deep-2),var(--green-deep));color:#fff;border-color:transparent}.tile.dark .ic{background:#ffffff14;border-color:#ffffff24;color:var(--green-bright)}.tile.dark h3{color:#fff}.tile.dark p{color:#eef3eeb8}.steps2{display:flex;flex-direction:column;gap:34px;max-width:1040px;margin:0 auto}.stepr{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.stepr.flip .step-media{order:-1}.step-txt .snum{font-size:64px;font-weight:800;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--line-2);background:none}.step-txt h3{font-size:clamp(24px,2.8vw,32px);font-weight:700;letter-spacing:-.02em;margin-top:8px}.step-txt p{color:var(--ink-soft);font-size:16px;margin-top:14px;max-width:400px}.step-txt .dot-link{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--green)}.step-media{position:relative}.step-media .shot{border-radius:18px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 34px 70px -48px #0d241873;background:var(--card)}.step-media .shot.tall{aspect-ratio:4/5}.step-media .shot img,.step-media .shot video{width:100%;height:100%;object-fit:cover;display:block}.grid4{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-radius:18px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 34px 70px -48px #0d241873;padding:10px;background:var(--card)}.grid4 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.showcase{background:radial-gradient(120% 90% at 50% -10%,var(--green-deep-2),var(--green-deep) 70%);color:#fff;border-radius:34px;margin:0 26px;padding:90px 0;position:relative;overflow:hidden}.showcase .sglow{position:absolute;top:30%;left:50%;transform:translate(-50%);width:760px;height:420px;background:radial-gradient(circle,rgba(63,191,114,.3),transparent 64%);filter:blur(50px);z-index:0}.showcase .sec-head{position:relative;z-index:2}.showcase h2{color:#fff}.showcase .sec-head p{color:#eef3eebd}.showcase .kicker{color:var(--green-bright)}.reels{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1040px;margin:0 auto;padding:0 26px}.reel{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;box-shadow:0 30px 60px -40px #000;transition:.35s}.reel:hover{transform:translateY(-6px)}.reel video,.reel img{width:100%;height:100%;object-fit:cover}.reel .meta{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 12px;background:linear-gradient(transparent,#0009);z-index:2}.reel .meta b{color:#fff;font-size:13px;font-weight:600;display:block}.reel .meta small{font-family:var(--mono);color:#ffffffb3;font-size:10px}.reel .rl{position:absolute;top:10px;left:10px;z-index:3;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:100px}.reel .rl .d{width:5px;height:5px;border-radius:50%;background:var(--green-bright);animation:ping 1.8s infinite}.final{padding:40px 26px 110px}.final-box{max-width:var(--maxw);margin:0 auto;border-radius:30px;background:radial-gradient(120% 130% at 50% 0%,var(--green-deep-2),var(--green-deep) 72%);color:#fff;text-align:center;padding:90px 30px;position:relative;overflow:hidden}.final-box .sglow{position:absolute;bottom:-180px;left:50%;transform:translate(-50%);width:680px;height:420px;background:radial-gradient(circle,rgba(63,191,114,.28),transparent 64%);filter:blur(46px)}.final-box h2{color:#fff;position:relative;z-index:2;font-size:clamp(34px,5vw,60px)}.final-box p{color:#eef3eec7;position:relative;z-index:2;font-size:18px;margin:18px auto 0;max-width:480px}.final-box .btn{position:relative;z-index:2;margin-top:32px;background:#fff;color:var(--green-deep);padding:15px 30px;font-size:15px}.final-box .btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px #0006}.page{position:relative;padding:148px 0 96px;min-height:72vh;overflow:hidden}.page-glow{position:absolute;top:-180px;left:50%;transform:translate(-50%);width:720px;height:420px;background:radial-gradient(circle,var(--glow),transparent 66%);filter:blur(54px);z-index:0;pointer-events:none}.page-wrap{position:relative;z-index:1;max-width:760px}.page-back{display:inline-block;font-family:var(--mono);font-size:12.5px;color:var(--ink-soft);margin-bottom:30px;transition:.2s}.page-back:hover{color:var(--green)}.page-title{font-size:clamp(34px,5vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1.02}.page-updated{font-family:var(--mono);font-size:12px;color:var(--ink-dim);margin-top:14px}.page-lead{font-size:19px;color:var(--ink-soft);margin-top:24px;line-height:1.6}.page-p{font-size:16px;color:var(--ink-soft);margin-top:16px;line-height:1.7}.page-sec{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.page-sec h2{font-size:20px;font-weight:700;letter-spacing:-.015em}.page-sec p{font-size:16px;color:var(--ink-soft);margin-top:10px;line-height:1.7}.page-email{margin-top:32px}.faq{margin-top:44px}.faq-item{padding:22px 0;border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item h3{font-size:17px;font-weight:700}.faq-item p{font-size:15.5px;color:var(--ink-soft);margin-top:8px;line-height:1.65}footer{border-top:1px solid var(--line);padding:48px 0 38px;background:var(--bg-2)}.foot-grid{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.foot-links{display:flex;gap:28px;flex-wrap:wrap}.foot-links a{font-size:13.5px;color:var(--ink-soft);transition:.2s}.foot-links a:hover{color:var(--green)}.foot-bottom{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--ink-dim);font-size:13px;flex-wrap:wrap;gap:10px}.foot-grid .logo small{display:block;font-size:12.5px;font-weight:400;color:var(--ink-dim);margin-top:4px}.reveal{will-change:transform,opacity}html.anim .reveal{opacity:0;transform:translateY(16px)}html.anim .reveal.in{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.h-line{display:block;overflow:hidden;padding-bottom:.04em}.h-line>span{display:block}@media(max-width:900px){.nav-links{display:none}.menu-btn{display:block}.bento{grid-template-columns:1fr 1fr}.tile.span2{grid-column:span 2}.stepr{grid-template-columns:1fr;gap:22px}.stepr.flip .step-media{order:0}.reels{grid-template-columns:repeat(2,1fr)}section{padding:76px 0}.showcase{margin:0 14px;border-radius:24px}}@media(max-width:560px){.bento{grid-template-columns:1fr}.tile.span2{grid-column:span 1}.reels{grid-template-columns:1fr 1fr}.hero-cta .btn{flex:1;justify-content:center}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}
