:root:has(.marketing-page){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0d14}.marketing-page{isolation:isolate;min-height:100svh;position:relative;overflow-x:clip}.marketing-page:before{content:"";z-index:-1;background:var(--iso-grid);pointer-events:none;position:absolute;inset:0}.marketing-page main{margin-top:-3.75rem}.marketing-container{width:min(100% - 2rem,1120px);margin-inline:auto}.marketing-page .chip{border:1px solid var(--line);background:var(--panel);width:fit-content;color:var(--foreground);font-family:var(--font-sans);letter-spacing:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.5625rem;margin:0;padding:.375rem .75rem .375rem .4375rem;font-size:.8125rem;font-weight:500;line-height:1.2;display:inline-flex}.marketing-page .chip i{background:color-mix(in oklab, var(--foreground) 9%, transparent);color:var(--muted-foreground);font-family:var(--font-mono);border-radius:999px;padding:.25rem .375rem;font-size:.6875rem;font-style:normal;line-height:1}.marketing-page .chip:has(>i:only-child){padding:.375rem .4375rem}.section{padding-block:clamp(3.75rem,8vw,6.5rem);scroll-margin-top:3rem}.section-intro .chip{margin-bottom:1.25rem}.section-title,.problems-title,.closing h2,.hero h1{background:linear-gradient(180deg, var(--foreground) 35%, color-mix(in oklab, var(--foreground) 58%, transparent));color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:600}.section-title{letter-spacing:-.04em;max-width:20ch;font-size:clamp(1.875rem,4.2vw,3rem);line-height:1.05}.section-copy{max-width:34rem;color:var(--muted-foreground);text-wrap:pretty;margin:1.125rem 0 0;font-size:1.0625rem;line-height:1.6}.section-body{margin-top:clamp(2rem,5vw,3.25rem)}[data-reveal]{transition:opacity .7s ease var(--reveal-delay,0s), transform .7s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay,0s), filter .7s ease var(--reveal-delay,0s)}[data-reveal=pending]{opacity:0;filter:blur(6px);transform:translateY(1.25rem)}.hero{isolation:isolate;background:var(--floor);min-height:max(100svh,49.75rem);position:relative;overflow:hidden}.hero>.parcel-lane{z-index:-1}.hero>.parcel-lane canvas{-webkit-mask-image:linear-gradient(#000 calc(100% - 9rem),#0000);mask-image:linear-gradient(#000 calc(100% - 9rem),#0000)}.hero-text{pointer-events:none;justify-items:start;padding-top:calc(3.75rem + clamp(2.5rem,7vh,4.5rem));display:grid}.hero-text a{pointer-events:auto}.hero-eyebrow{border:1px solid var(--line);background:var(--panel);color:var(--muted-foreground);font-family:var(--font-mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.625rem;margin:0 0 1.25rem;padding:.375rem .75rem;font-size:.75rem;display:inline-flex}.hero-eyebrow-dots{gap:.1875rem;display:inline-flex}.hero-eyebrow-dots i{background:var(--channel-shopee);border-radius:50%;width:.375rem;height:.375rem}.hero-eyebrow-dots i:nth-child(2){background:var(--channel-tiktok)}.hero-eyebrow-dots i:nth-child(3){background:var(--channel-tokopedia)}.hero h1{letter-spacing:-.045em;max-width:12ch;font-size:clamp(2.25rem,min(5.6vw,8.8vh),4.5rem);line-height:1.02}.hero-copy{max-width:31rem;color:color-mix(in oklab, var(--foreground) 84%, transparent);text-wrap:pretty;margin:1.25rem 0 0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.625rem;margin-top:1.75rem;display:flex}.closing .hero-actions{justify-content:center}.hero-actions a{border-radius:999px}.hero-actions a:not(:first-child){background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (prefers-reduced-motion:no-preference){.rise{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.rise:nth-child(2){animation-delay:80ms}.rise:nth-child(3){animation-delay:.16s}.rise:nth-child(4){animation-delay:.24s}@keyframes rise{0%{opacity:0;filter:blur(8px);transform:translateY(1.25rem)}}}.problems-title{letter-spacing:-.03em;max-width:28ch;margin-top:clamp(3.5rem,8vw,5.5rem);font-size:clamp(1.375rem,2.6vw,1.875rem);line-height:1.15}.problem-grid{border:1px solid var(--rail);background:var(--rail);border-radius:1rem;grid-template-columns:minmax(0,1fr);gap:1px;margin-top:1.75rem;display:grid;overflow:hidden}.problem{background:var(--belt);min-width:0;padding:1.25rem 1.25rem 1.5rem}.problem .chip{margin-bottom:1.75rem}.problem h3{letter-spacing:-.015em;margin:0 0 .5rem;font-size:1.0625rem;font-weight:600}.problem p{color:var(--muted-foreground);margin:0;font-size:.9375rem;line-height:1.6}.closing{isolation:isolate;background:var(--floor);text-align:center;place-items:center;min-height:min(44rem,92svh);padding-block:clamp(5rem,12vw,9rem);display:grid;position:relative;overflow:hidden}.closing-field{z-index:-1;opacity:.7;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 90%,#0000004d 18%,#000 55%,#0000 92%),linear-gradient(#0000 3%,#000 30% 62%,#0000 96%);mask-image:radial-gradient(85% 90%,#0000004d 18%,#000 55%,#0000 92%),linear-gradient(#0000 3%,#000 30% 62%,#0000 96%);-webkit-mask-composite:source-in;mask-composite:intersect}.closing h2{letter-spacing:-.05em;max-width:16ch;margin-inline:auto;font-size:clamp(2.25rem,5.6vw,4rem);line-height:1}.closing p{max-width:32rem;color:var(--muted-foreground);margin:1.25rem auto 0;font-size:1.0625rem}.marketing-footer{border-top:1px solid var(--line);overflow:hidden}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem;padding-block:3rem 2.5rem;font-size:.8125rem;display:grid}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:18rem;color:var(--muted-foreground);margin:.5rem 0 0}.footer-links{display:contents}.footer-title{color:var(--faint-foreground);font-family:var(--font-mono);margin:0 0 .375rem;font-size:.75rem}.marketing-footer ul{margin:0;padding:0;list-style:none}.marketing-footer li{min-height:var(--control-h);color:var(--muted-foreground);align-items:center;display:flex}.marketing-footer li a{min-width:var(--control-h);min-height:var(--control-h);color:var(--foreground);align-items:center;text-decoration:none;display:inline-flex}.marketing-footer li a:hover{text-underline-offset:.25em;text-decoration:underline}.footer-wordmark{width:min(100% - 2rem,1120px);color:var(--foreground);opacity:.2;margin:0 auto -6%;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.footer-wordmark .potra-letters{width:100%;height:auto}@media (width>=768px){.marketing-container{width:min(100% - 4rem,1120px)}.problem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.problem{padding:1.5rem 1.5rem 1.75rem}.footer-inner{grid-template-columns:minmax(0,2.2fr) repeat(4,minmax(0,1fr));padding-block:4rem 3rem}.footer-brand{grid-column:auto}}