@font-face{font-family:ShopifySans;src:url('/assets/shopify/fonts/ShopifySans-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ShopifySans;src:url('/assets/shopify/fonts/ShopifySans-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:ShopifySans;src:url('/assets/shopify/fonts/ShopifySans-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:ShopifySans;src:url('/assets/shopify/fonts/ShopifySans-extrabold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:ShopifySans;src:url('/assets/shopify/fonts/ShopifySans-black.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:PolySans;src:url('/assets/shopify/fonts/PolySans-Neutral.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PolySans;src:url('/assets/shopify/fonts/PolySans-Median.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:PolySans;src:url('/assets/shopify/fonts/PolySans-Bulky.woff2') format('woff2');font-weight:800;font-display:swap}

:root{
  color-scheme:dark;
  --ink:#0A0A0A;--ink-2:#141414;--ink-3:#1E1E1E;
  --paper:#FAFAF8;--paper-2:#F0F0EB;
  --text-primary:#EDEDED;--text-secondary:#A0A0A0;
  --text-dark:#1A1A1A;--text-dark-muted:#5A5A5A;
  --lime:#C8FF3D;--lime-dim:#8BA822;--lime-text:#64771A;
  --line-dark:rgba(255,255,255,.1);--line-light:rgba(0,0,0,.08);
  --charcoal:var(--ink);--offwhite:var(--paper);--muted:var(--text-secondary);--silver:var(--text-secondary);--cloud:var(--ink-3);--line:var(--line-dark);
  --font-sans:'ShopifySans','Plus Jakarta Sans',sans-serif;--font-display:'PolySans','ShopifySans','Space Grotesk',sans-serif;
  --body:var(--font-sans);--display:var(--font-display);
}
html{scroll-padding-top:100px}
body{background:var(--ink);color:var(--text-primary);font-family:var(--body)}
body::before{background:radial-gradient(ellipse at 72% 5%,rgba(200,255,61,.055),transparent 34%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px}
h1,h2,h3,h4,strong,b{color:var(--text-primary)}
p,li,small,.muted,.status,.plan-desc,.annual-note,.meta-label,.copyright{color:var(--text-secondary)}
.lime,.eyebrow,.yes{color:var(--lime)}
.gradient-text{background:linear-gradient(100deg,var(--text-primary) 8%,var(--lime) 100%);color:transparent;background-clip:text}
.navbar{z-index:50}
.nav-shell{border-color:var(--line-dark);background:rgba(10,10,10,.86);box-shadow:0 16px 44px rgba(0,0,0,.3);backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:3px;color:var(--text-primary)}
.brand-word,.brand-lab,.brand span{color:var(--text-primary)!important}
.brand-mark{display:block;width:27px;height:auto;margin-right:6px;object-fit:contain;transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s ease}
.brand:hover .brand-mark,.brand:focus-visible .brand-mark{transform:translateY(-1px) scale(1.05);filter:drop-shadow(0 0 6px rgba(200,255,61,.55)) drop-shadow(0 0 16px rgba(200,255,61,.28))}
.navlinks a,.nav-login{color:var(--text-secondary)}
.navlinks a:hover,.navlinks a[aria-current=page],.nav-login:hover{color:var(--lime)}
.nav-actions .btn,.btn,.btn-primary{border-color:var(--lime);background:var(--lime);color:var(--ink);box-shadow:0 7px 20px rgba(200,255,61,.16)}
.btn:hover,.btn-primary:hover{background:#D8FF83;color:var(--ink)}
.btn-glass,.btn-quiet{border:1px solid var(--line-dark);background:rgba(255,255,255,.04);color:var(--text-primary)}
.btn-glass:hover,.btn-quiet:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}
.menu-toggle{color:var(--text-primary);border-color:var(--line-dark)}
.hero{background:var(--ink);color:var(--text-primary)}
.hero-copy>p,.hero-copy .subtitle{color:var(--text-secondary)!important}
.hero-copy .eyebrow{color:var(--lime)}
.section{background:var(--ink);color:var(--text-primary)}
.section h2,.section h3,.section strong,.section b{color:var(--text-primary)}
.section p,.section li,.section small,.section label{color:var(--text-secondary)}
.section .eyebrow,.section .lime{color:var(--lime)}
.section.light{background:var(--paper);color:var(--text-dark)}
.section.light h1,.section.light h2,.section.light h3,.section.light h4,.section.light strong,.section.light b{color:var(--text-dark)}
.section.light p,.section.light li,.section.light small,.section.light label,.section.light .muted{color:var(--text-dark-muted)}
.section.light .eyebrow,.section.light .lime,.section.light .text-lime,.section.light .yes,.section.light .feature-icon,.section.light .text-link,.section.light .architecture i{color:var(--lime-text)}
.section.light .glass,.section.light .card,.section.light .plan,.section.light .feature-card,.section.light .theme-card,.section.light .meta,.section.light .overview,.section.light .legal{border-color:var(--line-light);background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.06)}
.section.light .btn-glass,.section.light .btn-quiet{border-color:var(--line-light);background:#fff;color:var(--text-dark)}
.section.light .billing-label,.section.light .plan-code,.section.light .annual-note{color:var(--text-dark-muted)}
.section.light .zero,.section.light .popular-badge,.section.light .save-badge{border-color:rgba(139,168,34,.25);background:rgba(139,168,34,.1);color:var(--lime-text)}
.section.light .plan h3,.section.light .feature-card h3,.section.light .theme-card h3{color:var(--text-dark)}
/* High Contrast Card System */
.glass, .card, .bento-card, .plan, .feature-card, .theme-card, .business-card, .calculator, .overview, .legal, .meta, .pillar, .stack-card, .preview-screen, .screen-tile {
  background: #14161C !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #EDEDED !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4) !important;
}
.bento-card h3, .card h3, .feature-card h3, .theme-card h3, .business-card h3, .plan h3, .pillar h3, .stack-card h3 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}
.bento-card p, .card p, .feature-card p, .theme-card p, .business-card p, .plan p, .pillar p, .stack-card p, .plan-desc {
  color: #A3ACB9 !important;
}
.bento-icon, .feature-icon {
  color: var(--lime) !important;
}

.section.light .glass, .section.light .card, .section.light .bento-card, .section.light .plan, .section.light .feature-card, .section.light .theme-card, .section.light .business-card, .section.light .meta, .section.light .overview, .section.light .legal, .section.light .pillar {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #111111 !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}
.section.light .bento-card h3, .section.light .card h3, .section.light .feature-card h3, .section.light .theme-card h3, .section.light .business-card h3, .section.light .plan h3, .section.light .pillar h3 {
  color: #111111 !important;
}
.section.light .bento-card p, .section.light .card p, .section.light .feature-card p, .section.light .theme-card p, .section.light .business-card p, .section.light .plan p, .section.light .pillar p, .section.light .plan-desc {
  color: #475569 !important;
}
.footer{padding:52px 0 25px;background:var(--ink);color:var(--text-primary)}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px;padding-bottom:30px}
.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}
.footer-grid h3{margin:0 0 5px;font-size:12px}
.footer-grid a:not(.brand){font-size:11px}
.footer-brand p{max-width:290px;margin:12px 0 0;font-size:11px}
.footer h3,.footer .brand,.footer .brand span{color:var(--text-primary)}
.footer p,.footer-links,.footer-links a,.copyright{color:var(--text-secondary)}
.footer,.copyright{border-color:var(--line-dark)}
.copyright{display:flex;justify-content:space-between;gap:16px;padding-top:17px;font:9px 'DM Mono',monospace}
.faq details{border-color:var(--line-dark)}
.faq summary{color:var(--text-primary)}
.faq summary::after{color:var(--lime)}
.feature-table th,.feature-table td{color:var(--text-primary);background:var(--ink-2)}
.feature-table th{background:var(--ink-3)}
.feature-table tbody tr:nth-child(even){background:rgba(255,255,255,.035)}
.calculator,.calculator.glass{border:1px solid var(--line-dark);background:var(--ink-2);color:var(--text-primary);box-shadow:0 22px 60px rgba(0,0,0,.28)}
.calculator .eyebrow{color:var(--lime)}
.calculator h3{color:var(--text-primary)}
.calculator .calc-copy>p,.calculator .calc-note{color:var(--text-secondary)}
.calculator .range-label>span,.calculator .calc-scale,.calculator .calc-result>span,.calculator .calc-result>small{color:var(--text-secondary)}
.calculator .range-label>strong,.calculator .calc-result>strong,.price strong{color:var(--lime)}
.calculator .calc-result{border:1px solid var(--line-dark);background:var(--ink);color:var(--text-primary)}
.calculator input[type=range]{accent-color:var(--lime)}
.plan.popular{border-color:rgba(200,255,61,.48)}
.zero,.popular-badge,.save-badge{background:rgba(200,255,61,.1);color:var(--lime)}
.switch{border-color:var(--line-dark);background:var(--ink-3)}
.billing-label.active{color:var(--text-primary)}
.architecture{border-color:var(--line-dark);background:var(--ink-2);color:var(--text-primary)}
.architecture i,.pillar-num,.brand-timeline li>span{color:var(--lime)}
.brand-timeline li{border-color:var(--line-dark)}
.theme-art.gost .theme-brand,.theme-art.gost .theme-hero em{color:var(--text-primary)}
.theme-art.gost .theme-hero{background:linear-gradient(145deg,#343833,#191b19)}
.tab-button[aria-selected=true],.tab[aria-selected=true],.industry[aria-pressed=true]{border-color:var(--lime);color:var(--lime);background:rgba(200,255,61,.1)}
.industry,.tab-button,.prompt-chip,.switch,button{color:var(--text-primary)}
.ai-demo,.business-card,.prompt-input,.mini-code{background:var(--ink);color:var(--text-primary);border-color:var(--line-dark)}
.scene,.preview-screen,.screen-tile,.promptbox,.ai-terminal,.terminal-prompt,.terminal-result,.builder-window{color:var(--text-primary);background-color:var(--ink-2)}
.shop-preview{background:#f0efe9;color:var(--text-dark)}
.product-visual{filter:none}
.live-badge{background:var(--lime);color:var(--ink)}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* Stacking cards */
.stack-cards{position:relative;display:flex;flex-direction:column;gap:0}
.stack-card{position:sticky;top:calc(100px + var(--i,0)*28px);z-index:calc(10 + var(--i,0));margin:0;padding:32px;border:1px solid var(--line-dark);border-radius:24px;background:var(--ink-2);box-shadow:0 -4px 30px rgba(0,0,0,.2);transform-origin:top center;transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s ease,box-shadow .4s ease}
.stack-card.stacked{transform:scale(calc(1 - var(--depth,0)*.03));filter:brightness(calc(1 - var(--depth,0)*.08))}
.stack-card h3{color:var(--text-primary)}
.stack-card p{color:var(--text-secondary)}

/* Hero elements must ALWAYS be visible on load - never hide hero */
.hero, .hero *, .hero [data-reveal], .hero [data-reveal-stagger] > * {
  opacity: 1 !important;
  transform: none !important;
}

/* Repeatable staggered scroll reveals */
html.motion-ready [data-reveal]{opacity:0;transform:translateY(32px) scale(.97);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
html.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
html.motion-ready [data-reveal=left]{transform:translateX(-32px)}
html.motion-ready [data-reveal=right]{transform:translateX(32px)}
html.motion-ready [data-reveal=left].is-visible,html.motion-ready [data-reveal=right].is-visible{transform:none}
html.motion-ready [data-reveal-stagger]>*{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
html.motion-ready [data-reveal-stagger].is-visible>*{opacity:1;transform:none}
html.motion-ready [data-reveal-stagger].is-visible>*:nth-child(1){transition-delay:0s}
html.motion-ready [data-reveal-stagger].is-visible>*:nth-child(2){transition-delay:.08s}
html.motion-ready [data-reveal-stagger].is-visible>*:nth-child(3){transition-delay:.16s}
html.motion-ready [data-reveal-stagger].is-visible>*:nth-child(4){transition-delay:.24s}
html.motion-ready [data-reveal-stagger].is-visible>*:nth-child(5){transition-delay:.32s}
html.motion-ready [data-reveal-stagger].is-visible>*:nth-child(6){transition-delay:.4s}

/* Distinct corporate and pricing heroes */
.hero-tentang,.hero-pricing{padding:160px 0 80px;text-align:center;background-color:var(--ink);background-image:radial-gradient(ellipse at 50% 0%,rgba(200,255,61,.06),transparent 50%)}
.hero-tentang .eyebrow,.hero-pricing .eyebrow{justify-content:center}
.hero-tentang h1,.hero-pricing h1{max-width:900px;margin:20px auto;font-size:clamp(2.5rem,6vw,5rem);line-height:1.05}
.hero-tentang .subtitle,.hero-pricing .hero-intro{max-width:680px;margin:0 auto 32px;color:var(--text-secondary)!important;font-size:clamp(15px,2vw,18px)}
.hero-pricing h1{max-width:850px}
.hero-pricing .zero{display:inline-flex;margin:0 auto 22px;padding:11px 16px;border:1px solid rgba(200,255,61,.32);border-radius:999px;font:10px 'DM Mono',monospace;letter-spacing:.08em}
.hero-pricing .hero-link{display:block;color:var(--text-secondary);font-size:12px}
.hero-pricing .hero-link:hover{color:var(--lime)}
.hero-tentang .meta-grid{max-width:760px;margin:36px auto 0;text-align:left}
.hero-tentang .meta{border:1px solid var(--line-dark);background:var(--ink-2)}
.hero-tentang .meta-label{display:block;margin-bottom:6px;color:var(--text-secondary)}
.hero-tentang .meta a,.hero-tentang .meta strong{color:var(--text-primary)}

/* Sunsori browser hero */
.promo-hero-visual{position:relative;min-width:0;padding:0 0 42px}
.promo-browser{position:relative;overflow:hidden;padding:12px;border:1px solid rgba(250,250,248,.2);border-radius:2.5rem;background:#f6f5f0;color:#111;box-shadow:0 32px 90px rgba(0,0,0,.4);transform:rotate(1deg)}
.promo-browser-bar{display:flex;align-items:center;gap:6px;padding:3px 4px 12px;color:#686963;font:10px 'DM Mono',monospace}
.promo-browser-bar i{width:8px;height:8px;border-radius:50%;background:#f47d72}.promo-browser-bar i:nth-child(2){background:#e6be61}.promo-browser-bar i:nth-child(3){background:#8cba5b}
.promo-browser-bar span{flex:1;margin-left:6px;padding:5px 12px;border-radius:999px;background:#e9e9e4;text-align:center}
.promo-store{padding:clamp(12px,2vw,22px);border-radius:1.8rem;background:var(--paper);color:var(--text-dark)}
.promo-store-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;color:#222;font:700 9px 'DM Mono',monospace;letter-spacing:.08em}
.promo-store-nav b{color:#222;font:800 15px 'Plus Jakarta Sans',sans-serif;letter-spacing:.16em}.promo-store-nav span{color:#333;font-size:8px}
.promo-product{position:relative;height:clamp(210px,27vw,340px);overflow:hidden;border-radius:1.2rem;background:#e7e4dc}
.promo-product img{display:block;width:100%;height:100%;object-fit:cover}
.promo-product>span{position:absolute;left:13px;top:13px;padding:6px 9px;border-radius:999px;background:#111;color:var(--paper);font:700 8px 'DM Mono',monospace;letter-spacing:.1em}
.promo-product-caption{display:flex;justify-content:space-between;gap:10px;padding:13px 2px 1px;color:#111;font-size:12px}
.promo-product-caption strong,.promo-product-caption>b{color:#111}.promo-product-caption small{display:block;padding-top:3px;color:#5a5a5a;font-size:9px}
.promo-order-card{position:absolute;right:-20px;bottom:0;z-index:3;width:min(290px,76%);padding:16px;border:1px solid var(--line-dark);border-radius:1.5rem;background:var(--ink-2);color:var(--text-primary);box-shadow:0 20px 55px #0008}
.promo-order-top,.promo-order-product,.promo-order-status{display:flex;align-items:center}.promo-order-top{justify-content:space-between;color:var(--text-secondary);font:9px 'DM Mono',monospace;letter-spacing:.06em}.promo-order-top b{color:var(--text-primary)}
.promo-order-product{gap:10px;margin:14px 0}.promo-order-product img{width:42px;height:42px;border-radius:11px;object-fit:cover}.promo-order-product strong,.promo-order-product small{display:block;color:var(--text-primary)}.promo-order-product strong{font-size:11px}.promo-order-product small{margin-top:2px;color:var(--text-secondary);font-size:9px}
.promo-order-status{width:max-content;gap:6px;padding:7px 10px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:9px;font-weight:800}.promo-order-status i{width:6px;height:6px;border-radius:50%;background:var(--ink)}.promo-order-status span{color:#383f24;font-weight:600}
@keyframes promo-spawn{from{opacity:0;transform:rotate(1deg) translateY(44px) scale(.95)}to{opacity:1;transform:rotate(1deg) translateY(0) scale(1)}}
@keyframes promo-float{0%,100%{transform:rotate(1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-10px)}}
@keyframes promo-card-spawn{from{opacity:0;transform:translate(18px,32px) scale(.94)}to{opacity:1;transform:none}}
@keyframes promo-card-float{0%,100%{transform:none}50%{transform:translateY(-9px)}}
.promo-browser{animation:promo-spawn .95s cubic-bezier(.16,1,.3,1) .15s both,promo-float 7s ease-in-out 1.15s infinite}
.promo-order-card{animation:promo-card-spawn .9s cubic-bezier(.16,1,.3,1) .45s both,promo-card-float 6s ease-in-out 1.4s infinite}
.hero-sparkle{position:absolute;z-index:2;color:var(--lime)}.hero-sparkle-one{top:-20px;right:11%;font-size:27px}.hero-sparkle-two{bottom:56px;left:-15px;font-size:19px}

/* Immersive Shopify product stage */
.shopify-hero{position:relative;overflow:hidden;padding:110px 24px 34px;background-color:#06080c;background-image:linear-gradient(rgba(199,205,211,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(199,205,211,.085) 1px,transparent 1px),radial-gradient(ellipse at 50% 44%,rgba(79,70,229,.12),transparent 55%);background-size:40px 40px,40px 40px,auto;color:var(--text-primary)}
.shopify-stage{position:relative;width:min(1240px,100%);height:min(77vw,690px);min-height:590px;margin:0 auto}
.shopify-editor{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:min(850px,74vw);min-height:420px;padding:56px 48px 42px;border:1.5px solid #4f46e5;background:rgba(6,8,12,.62);box-shadow:0 0 55px rgba(79,70,229,.12),inset 0 0 40px rgba(79,70,229,.035);text-align:center;transform:translate(-50%,-50%)}
.shopify-heading-tag{position:absolute;top:-1px;left:-1px;padding:3px 10px;border-radius:0 0 4px;background:#4f46e5;color:#fff;font:700 11px/1.5 ShopifySans,sans-serif}
.shopify-editor-copy{width:min(660px,100%)}.shopify-editor .eyebrow{justify-content:center;color:#dedcff;font-size:10px;letter-spacing:.16em}.shopify-editor .eyebrow:before{display:none}
.shopify-editor h1{max-width:none;margin:24px auto 16px;color:#fff;font-size:clamp(3.2rem,7vw,6rem);line-height:1;letter-spacing:-.055em}
.shopify-editor p{max-width:580px;margin:0 auto 28px;color:#e0e3eb;font-size:16px}
.shopify-cta{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:0 26px;border-radius:999px;background:#fff;color:#111;font-size:14px;font-weight:800;box-shadow:0 8px 28px rgba(255,255,255,.12);transition:box-shadow .2s,transform .2s}.shopify-cta:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(200,255,61,.42)}
.shopify-editor-copy>small{display:block;margin-top:14px;color:#d0d3dc;font-size:11px}
.shopify-float{position:absolute;z-index:2;margin:0;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));transition:translate .45s cubic-bezier(.16,1,.3,1),scale .45s cubic-bezier(.16,1,.3,1),filter .45s ease}
.shopify-float>img{display:block;width:100%;height:auto}.shopify-float:hover{translate:0 -8px;scale:1.03;filter:drop-shadow(0 30px 46px rgba(0,0,0,.66))}
.shopify-jacket{top:2%;left:1%;width:190px}.shopify-jacket>img:first-child{border-radius:18px}.shopify-jacket .shopify-dots{position:absolute;right:-52px;bottom:14px;width:190px}
.shopify-panel{left:0;bottom:1%;width:260px}.shopify-products{top:1%;right:0;width:340px}.shopify-cosmetics{right:2%;bottom:0;width:210px}
.shopify-hero .proof{position:relative;z-index:1;border-color:rgba(250,250,248,.18)}.shopify-hero .proof div{border-color:rgba(250,250,248,.14)}.shopify-hero .proof strong{color:var(--text-primary)}.shopify-hero .proof span{color:#c8ccd5}
@keyframes spawn-bl{from{opacity:0;transform:translate(-34px,44px) scale(.94)}to{opacity:1;transform:none}}
@keyframes spawn-l{from{opacity:0;transform:translate(-54px,0) scale(.96)}to{opacity:1;transform:none}}
@keyframes spawn-tr{from{opacity:0;transform:translate(40px,-40px) scale(.94)}to{opacity:1;transform:none}}
@keyframes spawn-br{from{opacity:0;transform:translate(36px,42px) scale(.94)}to{opacity:1;transform:none}}
@keyframes spawn-in{from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:none}}
@keyframes stage-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.shopify-jacket{animation:spawn-bl .9s cubic-bezier(.16,1,.3,1) .1s both,stage-float 6s ease-in-out 1.05s infinite}.shopify-panel{animation:spawn-l .9s cubic-bezier(.16,1,.3,1) .25s both,stage-float 7s ease-in-out 1.2s infinite}.shopify-products{animation:spawn-tr .9s cubic-bezier(.16,1,.3,1) .4s both,stage-float 6.5s ease-in-out 1.35s infinite}.shopify-cosmetics{animation:spawn-br .9s cubic-bezier(.16,1,.3,1) .55s both,stage-float 8s ease-in-out 1.5s infinite}

@media(max-width:960px){.navlinks{gap:14px}.shopify-stage{min-height:570px}.shopify-editor{width:min(760px,80vw)}.shopify-jacket{width:150px}.shopify-jacket .shopify-dots{width:150px;right:-42px}.shopify-panel{width:210px}.shopify-products{width:270px}.shopify-cosmetics{width:170px}}
@media(max-width:720px){.stack-card{position:relative;top:auto;z-index:auto;margin-bottom:16px}.hero-tentang,.hero-pricing{padding:125px 0 64px}.navbar{padding:8px 10px 0}.nav-shell{width:100%;padding:7px 10px 7px 14px;gap:12px}.nav-actions{display:none}.navlinks{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:10px;border:1px solid var(--line-dark);border-radius:24px;background:var(--ink-2);box-shadow:0 18px 38px #0007;flex-direction:column;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px;border-radius:14px;color:var(--text-primary);font-size:15px}.navlinks a:hover{background:rgba(255,255,255,.08)}.promo-hero-visual{width:min(100%,570px);margin:auto}.promo-product{height:clamp(230px,66vw,350px)}.shopify-hero{padding:100px 16px 26px}.shopify-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:auto;min-height:0}.shopify-editor{position:relative;top:auto;left:auto;grid-column:1/-1;width:100%;min-height:390px;padding:54px 20px 30px;transform:none}.shopify-editor h1{font-size:clamp(2.8rem,11vw,4.2rem)}.shopify-editor p{font-size:14px}.shopify-float{position:relative;inset:auto;display:grid;place-items:center;width:100%;min-height:140px}.shopify-jacket>img:first-child{width:auto;max-width:100%;max-height:190px;object-fit:contain}.shopify-jacket .shopify-dots{right:0;bottom:8px;width:min(90%,170px)}.shopify-panel>img{max-height:170px;object-fit:contain}.shopify-products>img{max-height:150px;object-fit:contain}.shopify-cosmetics>img{max-height:170px;object-fit:contain}.shopify-float{animation-name:spawn-in,stage-float}.shopify-hero .proof{margin-top:22px}.brand-timeline,.hero-tentang .meta-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.footer-brand{grid-column:1/-1}}
@media(max-width:430px){.meta-grid{grid-template-columns:1fr}.meta{display:flex;justify-content:space-between;align-items:center}.promo-browser{padding:8px;border-radius:1.8rem}.promo-store{padding:10px;border-radius:1.3rem}.promo-store-nav span{font-size:7px}.promo-order-card{right:-4px;width:78%;padding:13px}.shopify-editor{min-height:365px;padding-inline:15px}.shopify-editor .eyebrow{font-size:8px}.shopify-editor h1{font-size:2.8rem}.shopify-cta{min-height:48px;padding-inline:18px;font-size:12px}.shopify-float{min-height:115px}.shopify-panel>img,.shopify-cosmetics>img{max-height:135px}.shopify-products>img{max-height:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.motion-ready [data-reveal],html.motion-ready [data-reveal-stagger]>*{opacity:1!important;transform:none!important;filter:none!important}.shopify-float:hover,.brand:hover .brand-mark{translate:none;scale:none;transform:none;filter:none}}