:root{--navy-950:#0d1733;--navy-900:#152149;--navy-800:#20305f;--blue-700:#2b53c4;--blue-600:#3a6df0;--blue-500:#5b8def;--blue-400:#8fb4f7;--blue-300:#b9d3fb;--blue-200:#cdd5e6;--blue-100:#e9f1ff;--red:#ef4d5a;--red-600:#e11d2a;--gold:#f5a623;--gold-600:#db8a0c;--gold-50:#fff6e6;--orange:#f5a623;--orange-400:#f7b733;--green:#22a849;--green-dark:#1b8639;--green-400:#3fc466;--cyan:#06b6d4;--indigo:#4f46e5;--secondary:#ff6b00;--secondary-dark:#cc5600;--secondary-light:#ff8c33;--color-danger:#dc3545;--color-warning:#ffc107;--color-info:#0dcaf0;--ink:#152149;--ink-soft:#4a5878;--muted:#61708f;--line:#e7ecf5;--bg:#fff;--soft:#f8f9fa;--soft-2:#e4ecf8;--ondark-strong:#eaf1ff;--ondark-body:#d7e3ff;--ondark-muted:#b9c8f0;--ondark-eyebrow:#cfe0ff;--g-hero:radial-gradient(900px 520px at 85% -12%, #d9e8ff 0%, transparent 55%), radial-gradient(720px 480px at -8% -5%, #e8f0ff 0%, transparent 52%), linear-gradient(180deg, #f7faff 0%, #eaf2fd 100%);--g-brand:linear-gradient(135deg, var(--blue-600), var(--blue-500));--g-accent:linear-gradient(135deg, var(--secondary), var(--secondary-light));--gradient-primary:linear-gradient(135deg, var(--navy-900), var(--blue-700));--g-text:linear-gradient(120deg, var(--blue-600), var(--blue-400));--acc-blue:var(--gradient-primary);--acc-green:linear-gradient(135deg, var(--green), var(--green-400));--acc-indigo:var(--gradient-primary);--acc-orange:linear-gradient(135deg, var(--secondary), var(--secondary-light));--acc-cyan:var(--gradient-primary);--acc-red:linear-gradient(135deg, var(--secondary), var(--secondary-light));--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:30px;--r-pill:999px;--shadow-sm:0 8px 24px -14px #15214938;--shadow-card:0 26px 60px -28px #15214952;--shadow-glow:0 16px 40px -14px #3a6df073;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-display:"Sora", var(--font-sans);--container:1300px;--nav-h:76px}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 12px);font-size:93.75%}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}ul{padding:0;list-style:none}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue-400);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(2.1rem,1.3rem + 3.6vw,3.7rem);font-weight:800}h2{font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem);font-weight:800}h3{font-size:clamp(1.15rem,1rem + .6vw,1.4rem);font-weight:700}p{color:var(--ink-soft)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(2.5rem,1.5rem + 6vw,6rem)}@media (max-width:640px){.container{padding-inline:1.1rem}}@media (min-width:641px) and (max-width:900px){.container{padding-inline:1.75rem}}.section{padding-block:clamp(3.5rem,2rem + 6vw,6.5rem)}.section--soft{background:var(--soft)}.section--tight-top{padding-top:clamp(1.5rem,1rem + 2vw,2.5rem)}.section--dark{background:var(--gradient-primary);color:var(--ondark-strong);position:relative;overflow:hidden}.section--dark>.blob{animation:9s ease-in-out infinite float-y}.text-grad{background:var(--g-text);color:#0000;-webkit-background-clip:text;background-clip:text}.text-blue-grad{background:var(--g-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.center{text-align:center}.muted{color:var(--muted)}.lead{color:var(--ink-soft);font-size:clamp(.92rem,.87rem + .4vw,1.08rem)}.eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-600);background:var(--soft-2);border-radius:var(--r-pill);align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.78rem;font-weight:700;display:inline-flex}.section--dark .eyebrow{color:var(--ondark-eyebrow);background:#ffffff1a}.btn{font-family:var(--font-display);border-radius:var(--r-pill);white-space:nowrap;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.5rem;font-size:.98rem;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s,color .25s;display:inline-flex}.btn svg{font-size:1.1em}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--g-accent);color:#fff;box-shadow:0 14px 30px -12px #ff6b0099}.btn--primary:hover{box-shadow:0 18px 38px -10px #ff6b00b3}.btn--primary:disabled{background:var(--soft-2);color:var(--muted);box-shadow:none;opacity:1}.btn--blue{background:var(--g-brand);color:#fff;box-shadow:var(--shadow-glow)}.btn--wa{background:linear-gradient(135deg, var(--green), var(--green-400));color:#fff;box-shadow:0 14px 30px -12px #22a849b3}.btn--ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff59}.btn--ghost:hover{background:#fff3}.btn--outline{color:var(--blue-700);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);background:#fff}.btn--outline:hover{border-color:var(--blue-400);color:var(--blue-600)}.btn--lg{padding:1rem 1.9rem;font-size:1.05rem}.btn--sm{gap:.4rem;padding:.6rem 1rem;font-size:.9rem}.btn--block{width:100%}.card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff}[data-accent=blue]{--accent:var(--acc-blue)}[data-accent=green]{--accent:var(--acc-green)}[data-accent=indigo]{--accent:var(--acc-indigo)}[data-accent=orange]{--accent:var(--acc-orange)}[data-accent=cyan]{--accent:var(--acc-cyan)}[data-accent=red]{--accent:var(--acc-red)}[data-accent=teal]{--accent:var(--acc-blue)}.heading{max-width:720px}.heading--center{text-align:center;margin-inline:auto}.heading p{margin-top:.9rem}.heading--nowrap{max-width:none}@media (min-width:900px){.heading--nowrap .lead{white-space:nowrap}}.blob{filter:blur(60px);opacity:.55;pointer-events:none;z-index:0;border-radius:50%;position:absolute}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-26px)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.brand{align-items:center;gap:.7rem;display:inline-flex}.brand-logo{object-fit:contain;width:auto;height:48px;display:block}@media (max-width:480px){.brand-logo{height:42px}}.brand-mark{border-radius:var(--r-sm);background:linear-gradient(150deg, var(--orange), var(--red) 70%);color:#fff;flex:none;place-items:center;width:46px;height:46px;font-size:1.4rem;display:grid;box-shadow:0 10px 22px -8px #e11d2a99}.brand-text{flex-direction:column;line-height:1.05;display:flex}.brand-text b{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);font-size:1.15rem;font-weight:800}.brand-text span{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:.66rem;font-weight:600}.navbar--solid .brand-text b{color:var(--navy-900)}.navbar{z-index:60;height:var(--nav-h);align-items:center;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0 0 auto}.navbar__inner{width:100%;max-width:var(--container);justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;padding-inline:clamp(1.1rem,.5rem + 2vw,2rem);display:flex}.navbar--top .brand-text b,.navbar--top .navbar__link{color:#fff}.navbar--top .brand-text span{color:var(--ondark-muted)}.navbar--solid{-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);background:#ffffffd9;border-bottom:1px solid #e7ecf5e6;box-shadow:0 10px 30px -22px #15214966}.navbar__menu{align-items:center;gap:.5rem;display:flex}.navbar__link{white-space:nowrap;color:var(--ink-soft);padding:.5rem .7rem;font-size:.92rem;font-weight:600;transition:color .2s;position:relative}.navbar__link:hover,.navbar__link.active{color:var(--blue-600)}.navbar--top .navbar__link:hover,.navbar--top .navbar__link.active{color:#fff}.navbar__link:after{content:"";background:var(--g-accent);transform-origin:50%;border-radius:3px;height:3px;transition:transform .28s;position:absolute;bottom:2px;left:6px;right:6px;transform:scaleX(0)}.navbar__link:hover:after,.navbar__link.active:after{transform:scaleX(1)}.navbar__right{align-items:center;gap:.6rem;display:flex}.navbar__toggle{border-radius:var(--r-sm);width:44px;height:44px;color:var(--navy-900);justify-content:center;align-items:center;font-size:1.5rem;display:none}.navbar--top .navbar__toggle{color:#fff}.navbar__cart{border-radius:var(--r-sm);width:44px;height:44px;color:var(--navy-900);background:#1450c414;place-items:center;font-size:1.4rem;transition:background .2s,color .2s,transform .2s;display:grid;position:relative}.navbar__cart:hover{background:#1450c429;transform:translateY(-1px)}.navbar__cart.active{color:var(--blue-600)}.navbar--top .navbar__cart{color:#fff;background:#ffffff1f}.navbar--top .navbar__cart:hover{background:#fff3}.navbar__cart-badge{border-radius:var(--r-pill);background:var(--g-accent);color:#fff;min-width:20px;height:20px;font-family:var(--font-display);place-items:center;padding:0 5px;font-size:.72rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 4px 10px -3px #e11d2ab3}.navbar__auth{align-items:center;gap:.5rem;display:flex}.navbar__btn{font-family:var(--font-display);border-radius:var(--r-pill);white-space:nowrap;padding:.55rem 1.15rem;font-size:.92rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s,color .2s}.navbar__btn:hover{transform:translateY(-1px)}.navbar__btn--login{color:var(--blue-700);background:#3a6df014}.navbar__btn--login:hover{background:#3a6df029}.navbar--top .navbar__btn--login{color:#fff;background:#ffffff24}.navbar--top .navbar__btn--login:hover{background:#ffffff38}.navbar__btn--signup{color:#fff;background:var(--g-accent);box-shadow:0 10px 24px -12px #ff6b008c}.navbar__user{position:relative}.navbar__user-trigger{font-family:var(--font-display);border-radius:var(--r-pill);color:var(--blue-700);background:#3a6df014;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.92rem;font-weight:700;transition:background .2s;display:flex}.navbar__user-trigger:hover{background:#3a6df029}.navbar--top .navbar__user-trigger{color:#fff;background:#ffffff24}.navbar--top .navbar__user-trigger:hover{background:#ffffff38}.navbar__user-trigger span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.navbar__user-dot{background:var(--secondary);border-radius:50%;flex:none;width:8px;height:8px}.navbar__user-chevron{opacity:.8;font-size:.85em}.navbar__user-menu{z-index:60;border-radius:var(--r-lg);width:260px;box-shadow:var(--shadow-card);background:#fff;padding:.6rem;position:absolute;top:calc(100% + 10px);right:0}.navbar__user-menu__head{border-bottom:1px solid var(--line);flex-direction:column;gap:.15rem;margin-bottom:.4rem;padding:.6rem .7rem .8rem;display:flex}.navbar__user-menu__head b{color:var(--ink);font-family:var(--font-display)}.navbar__user-menu__head span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.navbar__user-menu__link{text-align:left;width:100%;color:var(--ink-soft);border-radius:var(--r-md);align-items:center;gap:.55rem;padding:.6rem .7rem;font-size:.88rem;font-weight:600;transition:background .2s,color .2s;display:flex}.navbar__user-menu__link:hover{background:var(--soft);color:var(--blue-600)}.navbar__user-menu__verify{text-align:left;width:100%;color:var(--secondary-dark);border-radius:var(--r-md);background:#ff6b001a;align-items:center;gap:.5rem;margin-bottom:.3rem;padding:.6rem .7rem;font-size:.84rem;font-weight:600;display:flex}.navbar__user-menu__verify:disabled{opacity:.7}.navbar__user-menu__logout{text-align:left;width:100%;color:var(--color-danger);border-radius:var(--r-md);align-items:center;gap:.5rem;padding:.6rem .7rem;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.navbar__user-menu__logout:hover{background:#dc354514}.drawer__user{flex-direction:column;gap:.1rem;padding:0 .2rem .3rem;display:flex}.drawer__user b{font-family:var(--font-display);color:var(--ink)}.drawer__user span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.cart-toast-wrap{z-index:90;pointer-events:none;justify-content:center;padding:0 1rem;display:flex;position:fixed;bottom:28px;left:0;right:0}.cart-toast{border-radius:var(--r-pill);background:var(--navy-900);color:#fff;pointer-events:auto;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.85rem 1.3rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 18px 40px -14px #06205cb3}.cart-toast svg{color:var(--green-400);flex:none;font-size:1.25rem}.navbar__notif{position:relative}.navbar__notif-trigger{border-radius:var(--r-sm);width:44px;height:44px;color:var(--navy-900);background:#1450c414;place-items:center;font-size:1.3rem;transition:background .2s,color .2s,transform .2s;display:grid;position:relative}.navbar__notif-trigger:hover{background:#1450c429;transform:translateY(-1px)}.navbar--top .navbar__notif-trigger{color:#fff;background:#ffffff1f}.navbar--top .navbar__notif-trigger:hover{background:#fff3}.navbar__notif-panel{z-index:60;border-radius:var(--r-lg);width:320px;max-width:88vw;box-shadow:var(--shadow-card);background:#fff;padding:.6rem;position:absolute;top:calc(100% + 10px);right:0}.navbar__notif-panel__head{border-bottom:1px solid var(--line);margin-bottom:.4rem;padding:.5rem .7rem .7rem}.navbar__notif-panel__head b{color:var(--ink);font-family:var(--font-display)}.navbar__notif-panel__empty{color:var(--muted);text-align:center;padding:1rem .7rem .7rem;font-size:.85rem}.navbar__notif-panel__list{flex-direction:column;gap:.2rem;max-height:320px;display:flex;overflow-y:auto}.navbar__notif-panel__item{text-align:left;border-radius:var(--r-md);flex-direction:column;gap:.2rem;width:100%;padding:.6rem .7rem;transition:background .2s;display:flex}.navbar__notif-panel__item:hover{background:var(--soft)}.navbar__notif-panel__item span{color:var(--ink-soft);font-size:.86rem;font-weight:600;line-height:1.4}.navbar__notif-panel__item small{color:var(--muted);font-size:.75rem}.notif-toast-wrap{z-index:90;pointer-events:none;justify-content:center;padding:0 1rem;display:flex;position:fixed;bottom:28px;left:0;right:0}.notif-toast{border-radius:var(--r-pill);background:var(--navy-900);color:#fff;pointer-events:auto;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.85rem 1.3rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 18px 40px -14px #06205cb3}.notif-toast svg{color:var(--blue-400);flex:none;font-size:1.25rem}.drawer-overlay{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06123280;position:fixed;inset:0}.drawer{z-index:75;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;flex-direction:column;gap:.4rem;width:min(82vw,340px);height:100dvh;padding:1.3rem;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px -20px #091e4c80}.drawer__head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.drawer__close{border-radius:var(--r-sm);background:var(--soft);width:42px;height:42px;color:var(--navy-900);place-items:center;font-size:1.4rem;display:grid}.drawer__link{font-family:var(--font-display);border-radius:var(--r-sm);color:var(--ink);padding:.85rem .9rem;font-size:1.05rem;font-weight:600;transition:background .2s,color .2s}.drawer__link.active,.drawer__link:hover{background:var(--soft);color:var(--blue-600)}.drawer__auth{flex-direction:column;gap:.6rem;margin-top:auto;display:flex}.drawer__accordion-trigger{width:100%;font-family:var(--font-display);border-radius:var(--r-sm);color:var(--ink);justify-content:space-between;align-items:center;padding:.85rem .9rem;font-size:1.05rem;font-weight:600;transition:background .2s,color .2s;display:flex}.drawer__accordion-trigger:hover{background:var(--soft)}.drawer__accordion-trigger span{align-items:center;gap:.6rem;display:inline-flex}.drawer__accordion-chevron{color:var(--muted);transition:transform .2s}.drawer__accordion-chevron.is-open{transform:rotate(180deg)}.drawer__accordion-panel{border-left:2px solid var(--line);flex-direction:column;gap:.15rem;margin-left:.9rem;padding-left:.5rem;display:flex;overflow:hidden}.drawer__badge{border-radius:var(--r-pill);background:var(--red);color:#fff;place-items:center;min-width:20px;height:20px;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-grid}.drawer__notif-block{padding:.7rem .9rem .4rem}.drawer__notif-block__head{color:var(--muted);justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.4rem;font-size:.85rem;font-weight:700;display:flex}.drawer__notif-block__head span{align-items:center;gap:.4rem;display:inline-flex}.drawer__notif-block__mark{color:var(--blue-600);font-size:.76rem;font-weight:600}.drawer__notif-block__empty{color:var(--muted);padding:.4rem 0;font-size:.85rem}.drawer__notif-block__item{border-radius:var(--r-sm);flex-direction:column;gap:.15rem;padding:.55rem .5rem;transition:background .2s;display:flex}.drawer__notif-block__item:hover{background:var(--soft)}.drawer__notif-block__item span{color:var(--ink-soft);font-size:.85rem;font-weight:600;line-height:1.4}.drawer__notif-block__item small{color:var(--muted);font-size:.72rem}.drawer__cta{margin-top:.6rem}.auth-page{padding-top:calc(var(--nav-h) + clamp(1rem, .6rem + 2vw, 2rem));background:var(--soft);justify-content:center;padding-bottom:clamp(2.5rem,1.5rem + 4vw,4.5rem);display:flex}.auth-card{border-radius:var(--r-lg);border:1px solid var(--line);width:min(100%,440px);box-shadow:var(--shadow-card);background:#fff}.auth-card__form{text-align:center;padding:clamp(1.75rem,1.2rem + 2vw,2.5rem)}.auth-card__title{margin:0 0 .35rem;font-size:clamp(1.3rem,1.1rem + .6vw,1.6rem)}.auth-card__subtitle{color:var(--muted);margin-bottom:1.4rem;font-size:.9rem}.auth-card__form form{text-align:left}.auth-modal__error{color:var(--color-danger);border-radius:var(--r-md);background:#dc35451a;align-items:flex-start;gap:.55rem;margin-bottom:1rem;padding:.7rem .9rem;font-size:.9rem;display:flex}.auth-modal__error svg{flex-shrink:0;margin-top:.15rem}.auth-modal__switch{text-align:center;color:var(--muted);margin-top:1.1rem;font-size:.9rem}.auth-modal__switch a{color:var(--blue-600);font-weight:600}.auth-modal__divider{color:var(--muted);align-items:center;gap:.75rem;margin:1.2rem 0;font-size:.85rem;display:flex}.auth-modal__divider:before,.auth-modal__divider:after{content:"";background:var(--line);flex:1;height:1px}.google-signin-btn{justify-content:center;min-height:40px;display:flex}.field--icon .field__control{align-items:center;display:flex;position:relative}.field--icon .field__icon{color:var(--muted);pointer-events:none;font-size:1.05rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.field--icon input{border-radius:var(--r-sm);background:#fff;padding-left:2.75rem!important}.field--icon input:focus{border-color:var(--ink-soft);box-shadow:none;background:#fff}.field--icon .field__toggle{border-radius:var(--r-sm);width:32px;height:32px;color:var(--muted);place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.field--icon .field__toggle:hover{color:var(--blue-600);background:var(--soft)}.field--icon input[name=password]{padding-right:2.5rem}.navbar__verify-pill{font-family:var(--font-display);border-radius:var(--r-pill);white-space:nowrap;color:#fff;background:var(--secondary);padding:.5rem .9rem;font-size:.82rem;font-weight:700}.navbar__verify-pill:disabled{opacity:.7}.hero{color:#fff;padding-top:calc(var(--nav-h) + clamp(1.2rem, .6rem + 2.5vw, 2.5rem));background:linear-gradient(135deg,#152149d9,#2b53c4c2),url(/images/publikasi-artikel-ilmiah.jpg) 50%/cover no-repeat;padding-bottom:clamp(3rem,1.5rem + 6vw,6rem);position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero__bg .blob{animation:9s ease-in-out infinite float-y}.hero__bg .b1{background:var(--secondary);opacity:.35;width:380px;height:380px;top:-120px;right:-60px}.hero__bg .b2{background:var(--blue-500);opacity:.4;width:320px;height:320px;animation-delay:1.5s;bottom:-140px;left:-80px}.hero__grid-overlay{z-index:0;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 75%)}.hero__inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,1rem + 3vw,3.5rem);display:grid;position:relative}.hero__title{color:#fff;margin-top:1.1rem;font-size:clamp(1.6rem,1.1rem + 2.2vw,2.6rem)}.hero__title .text-grad{background-image:linear-gradient(120deg, var(--secondary-light), var(--secondary));display:inline}.hero__sub{color:var(--ondark-body);max-width:480px;margin-top:1rem;font-size:clamp(.82rem,.78rem + .3vw,.94rem)}.hero .eyebrow{color:var(--ondark-eyebrow);background:#ffffff1f}.hero__search{border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:.5rem;max-width:540px;margin-top:1.8rem;padding:.4rem .4rem .4rem 1.1rem;display:flex}.hero__search:focus-within{border-color:var(--blue-400);box-shadow:var(--shadow-glow)}.hero__search-ic{color:var(--muted);flex:none;font-size:1.3rem}.hero__search input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:.5rem .2rem;font-size:1rem}.hero__search input::placeholder{color:var(--muted)}.hero__search .btn{flex:none}.hero__search--wide{width:100%;max-width:none;margin-top:clamp(2rem,1.2rem + 3vw,3rem);padding:.55rem .55rem .55rem 1.4rem}.hero__search--wide input{font-size:1.05rem}.hero__search--ghost{width:100%;max-width:480px;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border-color:#ffffff40;padding:.45rem .45rem .45rem 1.1rem}.hero__search--ghost:focus-within{background:#ffffff2e;border-color:#fff6}.hero__search--ghost .hero__search-ic{color:#ffffffb3;font-size:1.15rem}.hero__search--ghost input{color:#fff;padding:.55rem .3rem;font-size:.95rem}.hero__search--ghost input::placeholder{color:#fff9}.hero__search--ghost .btn{padding:.6rem 1.1rem;font-size:.85rem}.hero__chips{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.1rem;display:flex}.hero__chips-label{color:var(--ondark-muted);font-size:.88rem;font-weight:600}.hero__chip{color:var(--secondary-dark);border-radius:var(--r-pill);background:#ff6b0024;padding:.4rem .9rem;font-size:.85rem;font-weight:600;transition:background .2s,color .2s}.hero__chip:hover{background:var(--secondary);color:#fff}.hero__chips--ghost{gap:.4rem;margin-top:.9rem}.hero__chips--ghost .hero__chips-label{color:#ffffffa6;font-size:.76rem}.hero__chips--ghost .hero__chip{color:#fff;background:#ffffff1a;border:1px solid #fff3;padding:.28rem .65rem;font-size:.72rem;font-weight:600}.hero__chips--ghost .hero__chip:hover{color:#fff;background:#ffffff38}.hero__trust{border-top:1px solid #ffffff2e;flex-wrap:wrap;gap:1.4rem;margin-top:2rem;padding-top:1.6rem;display:flex}.hero__trust div{line-height:1.2}.hero__trust b{font-family:var(--font-display);color:#fff;font-size:1.5rem;display:block}.hero__trust span{color:var(--ondark-muted);font-size:.82rem}.hero__visual{position:relative}.event-coverflow{background:0 0;padding:clamp(2rem,1.4rem + 2.5vw,2.8rem) clamp(1rem,.5rem + 2vw,2rem) clamp(1.2rem,.8rem + 1.5vw,1.8rem);position:relative;overflow:hidden}.event-coverflow__track{aspect-ratio:16/9;width:82%;max-width:420px;margin-inline:auto;position:relative}.event-coverflow__slide{border-radius:8px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 45px -18px #0000008c}.event-coverflow__slide img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.event-coverflow__badge{color:var(--ink);border-radius:var(--r-pill);background:#fff;padding:.25rem .55rem;font-size:.52rem;font-weight:700;position:absolute;bottom:.6rem;left:.6rem}.event-coverflow__title{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:var(--r-pill);text-shadow:0 1px 4px #000000a6;text-overflow:ellipsis;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff80;max-width:calc(100% - 1.2rem);padding:.25rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.6rem;right:.6rem;overflow:hidden}.event-coverflow__nav{z-index:20;background:var(--orange,#f5a623);color:#123647;width:38px;height:38px;box-shadow:var(--shadow-card);border-radius:50%;place-items:center;font-size:1.15rem;transition:transform .2s;display:grid;position:absolute;top:55%}.event-coverflow__nav:hover{transform:translateY(-50%)scale(1.1)}.event-coverflow__nav--prev{left:clamp(.2rem,2vw - .5rem,1rem);transform:translateY(-50%)}.event-coverflow__nav--next{right:clamp(.2rem,2vw - .5rem,1rem);transform:translateY(-50%)}.event-coverflow__nav--prev:hover{transform:translateY(-50%)scale(1.1)}.event-coverflow__dots{justify-content:center;gap:.45rem;margin-top:clamp(1.2rem,.8rem + 1.5vw,1.8rem);display:flex}.event-coverflow__dots button{cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:50%;width:7px;height:7px;padding:0;transition:background .25s,transform .25s}.event-coverflow__dots button.is-active{background:#fff;border-color:#fff;transform:scale(1.2)}@media (max-width:900px){.event-coverflow__track{max-width:300px}.event-coverflow__nav{width:32px;height:32px;font-size:1rem}}.hero-event-card__fallback{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:440px;margin-inline:auto;display:grid}.hero-event-card__fallback .service-card{padding:1.2rem 1.1rem 1rem}@media (max-width:480px){.hero-event-card__fallback{grid-template-columns:1fr}}.marquee{background:var(--soft-2);color:var(--ink-soft);border-block:1px solid var(--line);padding-block:.9rem;overflow:hidden}.marquee__track{gap:3rem;width:max-content;animation:22s linear infinite marquee;display:flex}.marquee__track span{font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;opacity:.85;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:inline-flex}.marquee__track span svg{color:var(--secondary);font-size:.85em}.marquee:hover .marquee__track{animation-play-state:paused}.grid-services{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.6rem;display:grid}.layanan-section__copy{max-width:680px}.layanan-section__title{font-family:var(--font-display);color:#fff;margin-top:.9rem;font-size:clamp(1.6rem,1.3rem + 1.5vw,2.3rem);font-weight:800}.layanan-section__copy .lead{max-width:620px;margin-top:.9rem}.layanan-split{flex-wrap:wrap;align-items:stretch;gap:2rem;margin-top:2.4rem;display:flex}.layanan-split__cta{font-family:var(--font-display);color:#fff;align-items:center;gap:.5rem;margin-top:1.6rem;font-size:.95rem;font-weight:700;transition:gap .25s,color .25s;display:inline-flex}.layanan-split__cta:hover{color:var(--secondary);gap:.75rem}.layanan-thumb-grid{flex:320px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:.9rem;min-width:0;display:grid}@media (min-width:1024px){.layanan-detail{flex-basis:45%}.layanan-thumb-grid{flex-basis:52%;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.layanan-split{gap:1.75rem}}.service-name-card{text-align:center;border-radius:var(--r-md);border:2px solid var(--line);width:100%;min-width:0;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.1rem .9rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.service-name-card:hover{border-color:var(--secondary);transform:translateY(-2px);box-shadow:0 14px 30px -16px #ff6b0073}.service-name-card.is-active{border-color:var(--secondary);background:var(--gold-50);box-shadow:0 14px 30px -16px #ff6b0080}.service-name-card__index{border-radius:var(--r-pill);background:var(--soft);font-family:var(--font-display);letter-spacing:.03em;color:var(--muted);padding:.1rem .4rem;font-size:.68rem;font-weight:800;position:absolute;top:.5rem;left:.5rem}.service-name-card__icon{border-radius:var(--r-sm);color:#fff;background:var(--g-accent);place-items:center;width:42px;height:42px;font-size:1.25rem;display:grid;box-shadow:0 10px 20px -10px #ff8c3380}.service-name-card h3{width:100%;font-family:var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.layanan-detail{border-radius:var(--r-lg);background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;flex:320px;min-width:0;min-height:340px;padding:1.8rem;display:flex}.layanan-detail h3{font-family:var(--font-display);color:#fff;font-size:1.3rem;font-weight:700}.layanan-detail__tag{color:var(--ondark-body);margin-top:.4rem;font-size:.95rem}.layanan-detail__points{gap:.6rem;margin-top:1.1rem;display:grid}.layanan-detail__points li{color:var(--ondark-body);align-items:flex-start;gap:.55rem;font-size:.92rem;display:flex}.layanan-detail__points svg{color:var(--green-400);flex:none;margin-top:.15rem;font-size:1.05rem}.layanan-detail__link{font-family:var(--font-display);color:#fff;align-items:center;gap:.4rem;margin-top:1.4rem;font-size:.92rem;font-weight:700;transition:gap .25s,color .25s;display:inline-flex}.layanan-detail__link:hover{color:var(--secondary);gap:.65rem}.service-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;height:100%;padding:1.6rem 1.5rem 1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--g-accent);transform-origin:0;height:5px;transition:transform .35s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.service-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 34px 70px -26px #15214966}.service-card:hover:before{transform:scaleX(1)}.section--dark .service-card,.section--dark .testi-card{box-shadow:0 20px 50px -18px #050a1e8c, var(--shadow-glow);border:1px solid #ffffff1a}.section--dark .service-card:hover,.section--dark .testi-card:hover{box-shadow:0 30px 66px -18px #050a1ea6, 0 0 0 1px #ffffff1a, var(--shadow-glow);border-color:#ffffff2e}.service-card__num{font-family:var(--font-display);color:var(--soft-2);z-index:0;font-size:3.6rem;font-weight:800;line-height:1;position:absolute;top:.6rem;right:1rem}.service-card__icon{border-radius:var(--r-md);color:#fff;background:var(--g-accent);place-items:center;width:58px;height:58px;font-size:1.6rem;display:grid;position:relative;box-shadow:0 10px 22px -10px #ff8c3380}.service-card h3{margin-top:1.1rem;position:relative}.service-card__tag{color:var(--muted);margin-top:.5rem;font-size:.95rem;position:relative}.service-card__points{gap:.5rem;margin-top:1rem;display:grid;position:relative}.service-card__points li{color:var(--ink-soft);align-items:flex-start;gap:.55rem;font-size:.9rem;display:flex}.service-card__points svg{color:var(--green);flex:none;margin-top:.15rem;font-size:1.05rem}.service-card__link{font-family:var(--font-display);color:var(--blue-600);align-self:flex-start;align-items:center;gap:.4rem;margin-top:auto;padding-top:1.2rem;font-size:.92rem;font-weight:700;display:inline-flex;position:relative}.service-card__link svg{transition:transform .25s}.service-card__link:hover svg{transform:translate(3px)}.grid-why{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.6rem;display:grid}.why-card{text-align:center;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff;padding:2rem 1.4rem;transition:transform .3s,box-shadow .3s}.why-card:hover{transform:translateY(-4px);box-shadow:0 34px 70px -26px #15214966}.why-card__ic{color:var(--blue-600);place-items:center;margin:0 auto 1.1rem;font-size:2.6rem;transition:transform .3s,color .3s;display:grid}.why-card:hover .why-card__ic{color:var(--secondary);transform:scale(1.12)}.why-card p{color:var(--muted);margin-top:.5rem;font-size:.92rem}.stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat{text-align:center;border-radius:var(--r-lg);background:#ffffff0f;border:1px solid #ffffff24;padding:1.6rem 1rem}.stat__value{font-family:var(--font-display);background:linear-gradient(120deg, #fff, var(--secondary-light));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,1.4rem + 2vw,3rem);font-weight:800}.stat__label{color:var(--ondark-muted);margin-top:.4rem;font-size:.95rem;font-weight:500}.process{justify-content:space-between;gap:1rem;margin-top:3.2rem;display:flex;position:relative}.process:before{content:"";background:var(--line);z-index:0;height:2px;position:absolute;top:24px;left:12.5%;right:12.5%}.process-step{z-index:1;text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}.process-step__num{font-family:var(--font-display);color:#fff;background:var(--g-accent);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:1.05rem;font-weight:800;display:grid;box-shadow:0 10px 24px -10px #cc560080}.process-step h3{margin-top:1.1rem}.process-step p{color:var(--muted);margin-top:.5rem;font-size:.9rem}@media (max-width:900px){.process{flex-wrap:wrap}.process:before{display:none}.process-step{flex:0 0 calc(50% - .5rem)}}@media (max-width:620px){.process{flex-flow:column;gap:1.6rem}.process-step:not(:last-child):after{content:"";z-index:0;background:var(--line);width:2px;height:1.6rem;position:absolute;top:48px;left:24px}.process-step{text-align:left;flex-direction:row;flex:none;align-items:flex-start;gap:1rem}.process-step h3{margin-top:0}.process-step__body{flex:1;min-width:0}}.testi-wrap{z-index:1;grid-template-columns:1fr 1.1fr;align-items:center;gap:2.6rem;display:grid;position:relative}.testi-nav{color:var(--ondark-body);align-items:center;gap:.9rem;margin-top:2rem;display:flex}.testi-nav button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.15rem;transition:background .2s,border-color .2s;display:grid}.testi-nav button:hover{background:#ffffff24;border-color:#fff}.testi-nav span{font-family:var(--font-display);text-align:center;min-width:3.2rem;font-weight:700}.testi-stack{position:relative}.testi-card{z-index:1;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);color:var(--ink);background:#fff;flex-direction:column;min-height:240px;padding:1.8rem;display:flex;position:relative}.testi-card--peek{z-index:0;opacity:.4;pointer-events:none;position:absolute;inset:0;overflow:hidden;transform:translate(12px,12px)}.testi-card__quote{color:var(--blue-300);margin-bottom:.5rem;font-size:1.5rem}.testi-card__stars{color:var(--secondary);gap:.2rem;margin-bottom:.7rem;display:flex}.testi-card p{color:var(--ink-soft);font-size:1.05rem}.testi-card__author{align-items:center;gap:.7rem;margin-top:auto;padding-top:1.2rem;display:flex}.testi-card__avatar{width:40px;height:40px;font-family:var(--font-display);color:#fff;background:var(--g-brand);object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.testi-card__author b{font-family:var(--font-display);font-size:.98rem;display:block}.testi-card__author>div span{color:var(--muted);font-size:.84rem}.cta-band{border-radius:var(--r-xl);background:var(--gradient-primary);color:#fff;text-align:center;padding:clamp(2.4rem,1.5rem + 4vw,4rem);position:relative;overflow:hidden}.cta-band h2{color:#fff}.cta-band p{color:var(--ondark-body);max-width:560px;margin:.9rem auto 0}.cta-band__actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.8rem;display:flex}.cta-band .blob{animation:8s ease-in-out infinite float-y}.footer{background:var(--soft);color:var(--ink-soft);border-top:1px solid var(--line);padding-top:clamp(2.8rem,2rem + 3vw,4rem)}.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:2rem;display:grid}.footer h4{color:var(--ink);letter-spacing:.02em;margin-bottom:1rem;font-size:1rem}.footer__about p{color:var(--muted);max-width:320px;margin-top:1rem;font-size:.92rem}.footer__motto{flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;display:flex}.footer__motto span{color:var(--blue-700);background:var(--blue-100);border-radius:var(--r-pill);padding:.3rem .75rem;font-size:.78rem;font-weight:600}.footer__links li{margin-bottom:.6rem}.footer__links a{color:var(--ink-soft);font-size:.93rem;transition:color .2s,padding .2s}.footer__links a:hover{color:var(--blue-600);padding-left:4px}.footer__contact li{color:var(--ink-soft);align-items:flex-start;gap:.7rem;margin-bottom:.8rem;font-size:.92rem;display:flex}.footer__contact svg{color:var(--blue-600);flex:none;margin-top:.15rem;font-size:1.1rem}.footer__socials{gap:.6rem;margin-top:1rem;display:flex}.footer__socials a{width:40px;height:40px;color:var(--blue-600);border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;transition:background .25s,transform .25s,color .25s;display:grid}.footer__socials a:hover{background:var(--g-brand);color:#fff;border-color:#0000;transform:translateY(-3px)}.footer__bottom{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:2.4rem;padding-block:1.3rem;font-size:.86rem}.fab-wa{z-index:50;color:#fff;background:linear-gradient(135deg, var(--green), var(--green-400));border-radius:50%;place-items:center;width:58px;height:58px;font-size:1.7rem;transition:transform .25s;display:grid;position:fixed;bottom:22px;right:20px;box-shadow:0 14px 30px -8px #22a849b3}.fab-wa:after{content:"";border:2px solid var(--green-400);border-radius:50%;animation:2.2s ease-out infinite wa-pulse;position:absolute;inset:0}.fab-wa:hover{transform:scale(1.08)}@keyframes wa-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.fab-top{z-index:50;border-radius:var(--r-sm);color:#fff;background:var(--secondary);place-items:center;width:46px;height:46px;font-size:1.3rem;transition:transform .25s,opacity .25s;display:grid;position:fixed;bottom:90px;right:24px;box-shadow:0 14px 30px -8px #ff6b008c}.fab-top:hover{transform:translateY(-3px)}.rating{color:var(--ink-soft);align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.rating__stars{color:var(--blue-200);gap:1px;font-size:.95rem;display:inline-flex}.rating__stars .is-on{color:var(--gold);fill:var(--gold)}.rating b{font-family:var(--font-display);color:var(--ink)}.rating small{color:var(--muted)}.cat-bar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:2.6rem;display:grid}.cat-pill{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-lg);width:100%;height:100%;box-shadow:var(--shadow-card);font-family:var(--font-display);color:var(--ink);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1.6rem 1rem;font-size:.86rem;font-weight:600;line-height:1.3;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.cat-pill:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 34px 70px -26px #15214966}.cat-pill__ic{border-radius:var(--r-md);color:#fff;background:var(--accent,var(--g-brand));flex:none;place-items:center;width:52px;height:52px;font-size:1.35rem;display:grid}@media (max-width:520px){.cat-bar{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:980px){.hero__inner{grid-template-columns:1fr}.hero__visual{max-width:320px;margin-top:.5rem}.grid-services,.grid-why,.stats{grid-template-columns:repeat(2,1fr)}.testi-wrap{grid-template-columns:1fr;gap:1.8rem}.footer__grid{grid-template-columns:1fr 1fr}}@media (max-width:920px){.navbar__menu,.navbar__cta-desktop,.navbar__notif{display:none}.navbar__toggle{display:grid}}@media (max-width:620px){.grid-services,.grid-why,.stats,.footer__grid{grid-template-columns:1fr}.hero__trust{gap:1rem}}
.page-hero{background:var(--gradient-primary);color:#fff;padding-top:calc(var(--nav-h) + clamp(1.2rem, .8rem + 2vw, 2.2rem));padding-bottom:clamp(2.5rem,1.5rem + 4vw,4rem);position:relative;overflow:hidden}.page-hero__inner{z-index:1;text-align:center;position:relative}.page-hero h1{color:#fff}.page-hero p{color:var(--ondark-body);max-width:620px;margin:1rem auto 0}.crumbs{color:var(--ondark-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:inline-flex}.crumbs a:hover{color:#fff}.produk-layout{flex-direction:column;gap:1.8rem;display:flex}.produk-sidebar__title{font-family:var(--font-display);color:var(--ink);margin-bottom:.9rem;font-size:1rem;font-weight:700}.produk-main{min-width:0}@media (min-width:860px){.produk-layout{flex-direction:row;align-items:flex-start;gap:2.2rem}.produk-sidebar{flex:0 0 220px;position:sticky;top:6rem}.produk-main{flex:1}}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2.4rem;display:flex}@media (max-width:600px){.filter-tabs{margin-bottom:1.7rem;padding-inline:clamp(1.1rem,.5rem + 2vw,2rem);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-inline:calc(-1*clamp(1.1rem,.5rem + 2vw,2rem));padding-bottom:.55rem;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{scroll-snap-align:start;flex:none}}@media (min-width:860px){.produk-sidebar .filter-tabs{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.4rem;margin-bottom:0}.produk-sidebar .filter-tab{text-align:left;border-radius:var(--r-md)}}.filter-tab{font-family:var(--font-display);border-radius:var(--r-pill);border:1.5px solid var(--line);color:var(--ink-soft);background:#fff;padding:.6rem 1.2rem;font-size:.92rem;font-weight:600;transition:all .22s}.filter-tab:hover{border-color:var(--blue-400);color:var(--blue-600)}.filter-tab.active{background:var(--g-brand);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.product-row__tag{color:var(--blue-600);font-weight:600}.product-row__points{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.2rem;display:grid}.product-row__points li{color:var(--ink-soft);align-items:flex-start;gap:.55rem;font-size:.94rem;display:flex}.product-row__points svg{color:var(--green);flex:none;margin-top:.1rem;font-size:1.15rem}.grid-categories{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.category-card{border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff;padding:1.9rem;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-4px);box-shadow:0 34px 70px -26px #15214966}.category-card__top{align-items:center;gap:1rem;display:flex}.category-card__ic{border-radius:var(--r-md);color:#fff;background:var(--g-brand);flex:none;place-items:center;width:60px;height:60px;font-size:1.7rem;display:grid;box-shadow:0 12px 26px -12px #091e4c99}.category-card__count{color:var(--muted);font-size:.8rem;font-weight:600}.category-card>p{margin-top:.9rem}.event-group-title{margin-top:2.6rem;font-size:1.15rem}.event-group-title:first-of-type{margin-top:.4rem}.grid-events{grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:1.4rem;display:grid}.event-card__wrap{height:100%;display:flex}.event-card{border:1px solid var(--line);border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-card);background:#fff;flex-direction:column;flex:1;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.event-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 34px 70px -26px #15214966}.event-card__media{aspect-ratio:16/10;background:var(--accent,var(--g-brand));place-items:center;display:grid;position:relative;overflow:hidden}.event-card__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.event-card__media-fallback{color:#ffffffbf;font-size:2.6rem}.event-card__status{z-index:1;font-family:var(--font-display);letter-spacing:.02em;color:#fff;border-radius:var(--r-pill);padding:.28rem .7rem;font-size:.72rem;font-weight:700;position:absolute;top:.8rem;left:.8rem}.event-card__status.is-upcoming{background:var(--secondary)}.event-card__status.is-past{background:#1521498c}.event-card__cat{z-index:1;white-space:nowrap;text-overflow:ellipsis;max-width:55%;font-family:var(--font-display);color:#fff;border-radius:var(--r-pill);background:#1521498c;padding:.28rem .7rem;font-size:.72rem;font-weight:700;position:absolute;top:.8rem;right:.8rem;overflow:hidden}.event-card__body{flex-direction:column;flex:1;padding:1.3rem 1.4rem 1.4rem;display:flex}.event-card__meta{flex-direction:column;gap:.4rem;margin-top:.6rem;display:flex}.event-card__meta span{color:var(--muted);align-items:center;gap:.5rem;font-size:.86rem;display:flex}.event-card__meta svg{color:var(--blue-500);flex:none}.event-card__desc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.7rem;font-size:.92rem;display:-webkit-box;overflow:hidden}.event-card__body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;line-height:1.3;display:-webkit-box;overflow:hidden}.event-card__body .btn{align-self:flex-start;margin-top:auto}.event-card__link{color:inherit}.event-card__link:hover{color:var(--blue-600,var(--secondary))}.event-card__link:after{content:"";z-index:1;position:absolute;inset:0}.event-card__body .btn--wa{z-index:2;margin-top:1rem;position:relative}.event-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2.4rem;display:grid}.event-detail__media{aspect-ratio:4/3;border-radius:var(--r-lg);background:var(--accent,var(--g-brand));box-shadow:var(--shadow-card);place-items:center;display:grid;position:relative;overflow:hidden}.event-detail__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.event-detail__media-fallback{color:#ffffffbf;font-size:4rem}.event-detail__body h2{margin:.5rem 0 0}.event-detail__meta{flex-direction:column;gap:.8rem;margin:1.3rem 0 0;display:flex}.event-detail__meta>div{flex-wrap:wrap;align-items:baseline;gap:.3rem .9rem;display:flex}.event-detail__meta dt{min-width:7rem;color:var(--muted);align-items:center;gap:.5rem;font-size:.86rem;display:flex}.event-detail__meta dt svg{color:var(--blue-500);flex:none}.event-detail__meta dd{color:var(--ink);margin:0;font-weight:600}.event-detail__desc{color:var(--ink-soft);margin:1.4rem 0 0}.event-detail__desc p{white-space:pre-line;margin:0 0 .9rem}.event-detail__body .btn--wa{margin-top:1rem}@media (max-width:900px){.event-detail{grid-template-columns:1fr;gap:1.6rem}}.about-story{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,1rem + 3vw,3.5rem);display:grid}.about-visual{border-radius:var(--r-xl);background:linear-gradient(150deg, var(--navy-900), var(--blue-700));color:#fff;box-shadow:var(--shadow-card);padding:2.2rem;position:relative;overflow:hidden}.about-visual .blob{animation:8s ease-in-out infinite float-y}.about-visual__stats{z-index:1;grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:relative}.about-visual__stat{border-radius:var(--r-md);background:#ffffff14;border:1px solid #ffffff29;padding:1.2rem}.about-visual__stat b{font-family:var(--font-display);font-size:1.8rem;display:block}.about-visual__stat span{color:var(--ondark-muted);font-size:.85rem}.mv-vision{text-align:center;max-width:780px;margin:2.8rem auto 0}.mv-vision__label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-light);margin-bottom:1.3rem;padding-bottom:.7rem;font-size:1.3rem;font-weight:800;display:inline-block;position:relative}.mv-vision__label:after{content:"";background:var(--secondary-light);border-radius:999px;width:34px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mv-vision__text{font-family:var(--font-display);color:#fff;font-size:clamp(1.3rem,1.05rem + 1vw,1.7rem);font-weight:700;line-height:1.55}.mv-mission{text-align:center;margin-top:3.6rem}.mv-mission__label{font-family:var(--font-display);color:#fff;margin-bottom:2.4rem;font-size:1.4rem;font-weight:700;display:block}.mv-timeline{text-align:left;max-width:720px;margin:0 auto;position:relative}.mv-timeline:before{content:"";background:#ffffff29;width:2px;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.mv-timeline__item{width:50%;padding:0 2.6rem;position:relative}.mv-timeline__item:not(:last-child){margin-bottom:2.4rem}.mv-timeline__item:nth-child(odd){text-align:right;left:0}.mv-timeline__item:nth-child(2n){text-align:left;left:50%}.mv-timeline__node{z-index:1;background:var(--g-accent);color:#fff;width:36px;height:36px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:.95rem;font-weight:800;display:grid;position:absolute;top:0;box-shadow:0 10px 22px -10px #ff8c3399}.mv-timeline__item:nth-child(odd) .mv-timeline__node{right:-18px}.mv-timeline__item:nth-child(2n) .mv-timeline__node{left:-18px}.mv-timeline__item p{z-index:1;color:var(--ondark-body);font-size:.92rem;line-height:1.55;position:relative}.mv-timeline__ghost{z-index:0;font-family:var(--font-display);color:#ffffff0d;white-space:nowrap;pointer-events:none;font-size:4.5rem;font-weight:800;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.mv-timeline__item:nth-child(odd) .mv-timeline__ghost{text-align:left;padding-left:2.6rem;right:-100%}.mv-timeline__item:nth-child(2n) .mv-timeline__ghost{text-align:right;padding-right:2.6rem;left:-100%}@media (max-width:640px){.mv-timeline:before{left:18px}.mv-timeline__item,.mv-timeline__item:nth-child(2n){text-align:left;width:100%;padding:0 0 0 3rem;left:0}.mv-timeline__item:nth-child(odd) .mv-timeline__node,.mv-timeline__item:nth-child(2n) .mv-timeline__node{left:0;right:auto}.mv-timeline__ghost{display:none}}.values-grid{grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.6rem;display:grid}.value-item{border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;gap:1rem;padding:1.4rem;display:flex}.value-item svg{color:var(--blue-600);flex:none;font-size:1.6rem}.value-item h3{font-size:1.05rem}.value-item p{color:var(--muted);margin-top:.3rem;font-size:.9rem}.contact-section{position:relative;overflow:hidden}.contact-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:2rem;display:grid}.form-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);background:#fff;padding:clamp(1.5rem,1rem + 2vw,2.4rem);position:relative;overflow:hidden}.form-card:before{content:"";background:var(--g-accent);height:5px;position:absolute;inset:0 0 auto}.field{margin-bottom:1.1rem}.field label{color:var(--ink);margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.field input,.field select,.field textarea{border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--soft);width:100%;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-400);background:#fff;outline:none;box-shadow:0 0 0 4px #3b82f624}.field input:disabled{color:var(--muted);cursor:not-allowed}.field textarea{resize:vertical;min-height:120px}.field input[type=file]{cursor:pointer;padding:.55rem .6rem}.field input[type=file]::file-selector-button{border-radius:var(--r-pill);background:var(--g-accent);color:#fff;cursor:pointer;border:none;margin-right:.9rem;padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;transition:opacity .2s}.field input[type=file]::file-selector-button:hover{opacity:.88}.field--row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.upload-item{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;margin-bottom:1rem;padding:1.1rem 1.2rem}.upload-item__head{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.upload-item__title{font-family:var(--font-display);color:var(--ink);font-size:.95rem;font-weight:700}.upload-item__badge{border-radius:var(--r-pill);background:var(--soft);color:var(--muted);flex-shrink:0;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.76rem;font-weight:600;display:inline-flex}.upload-item__badge--done{color:var(--green-dark);background:#22a8491f}.file-preview{background:var(--soft);border-radius:var(--r-sm);align-items:center;gap:.7rem;margin-top:.6rem;padding:.6rem .8rem;display:flex}.file-preview__thumb{object-fit:cover;border-radius:var(--r-sm);flex-shrink:0;width:40px;height:40px}.file-preview__ic{width:40px;height:40px;color:var(--blue-600);background:var(--blue-100);border-radius:var(--r-sm);box-sizing:border-box;flex-shrink:0;padding:.6rem}.file-preview__meta{flex-direction:column;flex:1;min-width:0;display:flex}.file-preview__name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.file-preview__size{color:var(--muted);font-size:.78rem}.file-preview__clear{color:var(--color-danger);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.3rem;font-size:.82rem;display:inline-flex}.file-preview--pending{flex-direction:column;align-items:stretch;gap:.6rem;padding:.8rem}.file-preview--pending .file-preview__thumb{border-radius:var(--r-md);width:100%;height:200px}.file-preview__pdf{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;width:100%;height:240px}.file-preview__actions{align-items:center;gap:.6rem;display:flex}.form__note{color:var(--muted);margin-top:.6rem;font-size:.82rem}.form__success{border-radius:var(--r-md);border:1px solid var(--green);color:var(--green-dark);background:#22a8491f;align-items:center;gap:.8rem;margin-bottom:1.2rem;padding:1rem 1.2rem;font-weight:600;display:flex}.form__success svg{flex:none;font-size:1.4rem}.profile-page{max-width:640px;margin-inline:auto}.profile-header{align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.profile-avatar{background:var(--g-brand);color:#fff;width:64px;height:64px;font-family:var(--font-display);box-shadow:var(--shadow-sm);border-radius:50%;flex:none;place-items:center;font-size:1.3rem;font-weight:800;display:grid}.profile-header h2{font-size:1.2rem}.profile-header>div>span{color:var(--muted);margin-top:.15rem;font-size:.9rem;display:block}.form-card__title{margin-bottom:1.3rem;font-size:1.05rem}.profile-verify{border-radius:var(--r-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.4rem;padding:.85rem 1.1rem;display:flex}.profile-verify--ok{color:var(--green-dark);background:#22a8491a}.profile-verify--pending{color:var(--secondary-dark);background:#ff6b001a}.profile-verify__label{align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.profile-verify__action{white-space:nowrap;font-size:.85rem;font-weight:700;text-decoration:underline}.profile-verify__action:disabled{opacity:.6;cursor:default;text-decoration:none}.contact-tiles{border-radius:var(--r-lg);background:var(--gradient-primary);box-shadow:var(--shadow-card);gap:1rem;padding:1.6rem;display:grid;position:relative;overflow:hidden}.contact-tile{z-index:1;border-radius:var(--r-md);background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:1rem;padding:1.2rem 1.3rem;transition:transform .3s,box-shadow .3s,background .3s,border-color .3s;display:flex;position:relative}.contact-tile:hover{box-shadow:0 20px 50px -18px #050a1e8c, var(--shadow-glow);background:#ffffff1a;border-color:#ffffff38;transform:translateY(-4px)}.contact-tile__ic{border-radius:var(--r-md);color:#fff;background:var(--g-brand);flex:none;place-items:center;width:50px;height:50px;font-size:1.4rem;display:grid}.contact-tile--wa .contact-tile__ic{background:linear-gradient(135deg, var(--green), var(--green-400))}.contact-tile--phone .contact-tile__ic{background:var(--g-brand)}.contact-tile--email .contact-tile__ic{background:linear-gradient(135deg, var(--indigo), var(--blue-500))}.contact-tile--address .contact-tile__ic{background:var(--g-accent)}.contact-tile--hours .contact-tile__ic{background:linear-gradient(135deg, var(--cyan), var(--blue-400))}.contact-tile div span{color:var(--ondark-muted);font-size:.82rem;display:block}.contact-tile b{font-family:var(--font-display);color:#fff;font-size:1.02rem}.map-embed{z-index:1;border-radius:var(--r-md);background:#ffffff0a;border:1px solid #ffffff24;height:240px;margin-top:.4rem;position:relative;overflow:hidden;box-shadow:0 20px 50px -18px #050a1e8c}.map-embed__empty{text-align:center;height:100%;color:var(--ondark-muted);place-items:center;display:grid}.map-embed__empty svg{color:var(--blue-500);margin-bottom:.4rem;font-size:2rem}.map-embed iframe{border:0;width:100%;height:100%;display:block}.map-embed__link{z-index:1;border-radius:var(--r-pill);color:var(--ink);font-family:var(--font-display);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.82rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;position:absolute;bottom:.7rem;left:.7rem}.map-embed__link:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px #15214966}.map-embed__link svg{color:var(--secondary)}.faq{margin-inline:auto;gap:.9rem;max-width:800px;margin-top:2.2rem;display:grid}.faq-item{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.faq-item__q{width:100%;font-family:var(--font-display);text-align:left;color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;font-size:1rem;font-weight:700;display:flex}.faq-item__q svg{color:var(--blue-500);flex:none;font-size:1.3rem;transition:transform .3s}.faq-item.open .faq-item__q svg{transform:rotate(180deg)}.faq-item__a{overflow:hidden}.faq-item__a p{color:var(--muted);padding:0 1.3rem 1.2rem;font-size:.95rem}@media (max-width:900px){.about-story,.contact-grid,.grid-categories,.values-grid{grid-template-columns:1fr}.grid-events{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.product-row__points,.field--row,.grid-events{grid-template-columns:1fr}}.search-note{background:var(--blue-100);border-radius:var(--r-md);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.6rem;padding:.8rem 1.1rem;font-size:.95rem;display:flex}.search-note button{color:var(--blue-600);align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.search-note button:hover{text-decoration:underline}.empty-note{text-align:center;color:var(--muted);padding:2.5rem 1rem}.grid-products{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.product-card__wrap{height:100%;display:flex}.product-card{border:1px solid var(--line);border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-card);background:#fff;flex-direction:column;flex:1;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.product-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 34px 70px -26px #15214966}.product-card__media{aspect-ratio:16/9;background:var(--accent,var(--g-brand));display:block;position:relative;overflow:hidden}.product-card__media .pv-photo{object-fit:cover;width:100%;height:100%;transition:transform .55s;position:absolute;inset:0}.product-card:hover .product-card__media .pv-photo{transform:scale(1.07)}.product-card__media:after{content:"";background:linear-gradient(#0000 45%,#00000073);position:absolute;inset:0}.product-card__badge{z-index:1;font-family:var(--font-display);letter-spacing:.02em;color:#fff;background:var(--secondary-dark);border-radius:var(--r-pill);padding:.28rem .7rem;font-size:.74rem;font-weight:700;position:absolute;top:.8rem;left:.8rem;box-shadow:0 6px 16px -8px #ff6b0099}.product-card__badge.is-new{color:#fff;background:linear-gradient(135deg, var(--blue-500), var(--blue-600));box-shadow:0 6px 16px -8px #3a6df0e6}.product-card__body{flex-direction:column;flex:1;padding:1.1rem 1.2rem 1.2rem;display:flex}.product-card__body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin-top:.3rem;font-size:1.05rem;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card__body h3 a{color:inherit}.product-card__body h3 a:hover{color:var(--blue-600)}.product-card__desc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.45rem;font-size:.92rem;display:-webkit-box;overflow:hidden}.product-card__body .rating{margin-top:.7rem}.product-card__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-top:auto;padding-top:1rem;display:flex}.product-card__actions{gap:.5rem;display:flex}@media (max-width:900px){.grid-products{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.grid-products{grid-template-columns:1fr}}.product-detail__body h2{margin-top:.4rem}.product-detail__body>p{margin-top:.9rem}.product-detail__rating{margin-top:.8rem}.product-detail__quote-note{border-left:3px solid var(--secondary-dark);border-radius:var(--r-sm);background:var(--blue-50,#f1f6fd);color:var(--ink-soft);align-items:flex-start;gap:.6rem;margin:1.1rem 0 .4rem;padding:.7rem .9rem;font-size:.9rem;display:flex}.product-detail__quote-note-ic{color:var(--secondary-dark);flex:none;margin-top:.15rem;font-size:1.05rem}.product-detail{grid-template-columns:.95fr 1.05fr;align-items:start;gap:clamp(1.5rem,1rem + 3vw,3.5rem);display:grid}.product-detail__visual{border-radius:var(--r-xl);background:var(--accent,var(--g-brand));color:#fff;box-shadow:var(--shadow-card);aspect-ratio:4/3;min-height:260px;position:sticky;top:96px;overflow:hidden}.product-detail__visual .pv-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.product-detail__actions{flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;display:flex}.product-detail__back{color:var(--blue-600);align-items:center;gap:.45rem;margin-top:1.6rem;font-weight:600;display:inline-flex}.cart-grid{grid-template-columns:1.5fr .9fr;align-items:start;gap:clamp(1.5rem,1rem + 2vw,2.6rem);display:grid}.cart-items{flex-direction:column;gap:1rem;display:flex}.cart-item{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:auto 86px 1fr auto;align-items:center;gap:1.1rem;padding:1rem;transition:opacity .2s;display:grid}.cart-item--unselected{opacity:.55}.cart-item__checkbox{padding:.2rem}.cart-select-all{justify-content:space-between;align-items:center;padding:.2rem .2rem .2rem .4rem;display:flex}.cart-select-all__count{color:var(--muted);font-size:.84rem}.cart-checkbox{color:var(--ink-soft);cursor:pointer;align-items:center;gap:.55rem;font-size:.9rem;font-weight:600;display:inline-flex}.cart-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue-600);cursor:pointer}.cart-item__thumb{border-radius:var(--r-md);background:var(--accent,var(--g-brand));width:86px;height:86px;display:block;overflow:hidden}.cart-item__thumb img{object-fit:cover;width:100%;height:100%}.cart-item__info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.cart-item__title{font-family:var(--font-display);color:var(--ink);font-weight:700;line-height:1.25}.cart-item__title:hover{color:var(--blue-600)}.cart-item__tag{color:var(--ink-soft);font-size:.86rem}.cart-item__controls{align-items:center;gap:1.1rem;display:flex}.cart-item__remove{border-radius:var(--r-sm);width:38px;height:38px;color:var(--color-danger);background:#dc354514;place-items:center;font-size:1.05rem;transition:background .2s;display:grid}.cart-item__remove:hover{background:#dc354529}.qty-stepper{border:1px solid var(--line);border-radius:var(--r-pill);align-items:center;display:inline-flex;overflow:hidden}.qty-stepper button{width:34px;height:34px;color:var(--blue-700);background:#fff;place-items:center;transition:background .2s;display:grid}.qty-stepper button:hover{background:var(--blue-100)}.qty-stepper button:disabled{color:var(--muted);cursor:not-allowed;opacity:.5}.qty-stepper button:disabled:hover{background:#fff}.qty-stepper span{text-align:center;min-width:34px;font-weight:700;font-family:var(--font-display)}.qty-stepper--readonly{background:var(--soft);padding:0 1rem}.qty-stepper--readonly span{min-width:auto}.cart-summary{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem;position:sticky;top:96px}.cart-summary h3{margin-bottom:1rem}.cart-summary__row{color:var(--ink-soft);justify-content:space-between;align-items:center;padding:.55rem 0;display:flex}.cart-summary__row b{color:var(--ink)}.cart-summary__row--total{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.9rem;font-size:1.15rem}.cart-summary__row--total b{color:var(--blue-700);font-size:1rem}.cart-summary__note{color:var(--ink-soft);margin:.7rem 0 1rem;font-size:.82rem;line-height:1.5}.cart-summary .btn{margin-top:1.1rem}.cart-summary .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cart-summary__continue{text-align:center;color:var(--blue-600);margin-top:.9rem;font-weight:600;display:block}.cart-empty{text-align:center;border:1px solid var(--line);border-radius:var(--r-lg);max-width:460px;box-shadow:var(--shadow-sm);background:#fff;margin:0 auto;padding:clamp(2.2rem,1.7rem + 2vw,3.2rem) clamp(1.4rem,1rem + 2vw,2.2rem)}.cart-empty__ic{background:var(--blue-100);width:84px;height:84px;color:var(--blue-600);border-radius:50%;place-items:center;margin:0 auto 1.4rem;font-size:2rem;display:grid}.cart-empty__ic--ok{color:var(--green);background:#22a8491f}.cart-empty h2{margin-bottom:.5rem}.cart-empty p{color:var(--ink-soft);margin-bottom:1.6rem}.cart-empty__actions{flex-direction:column;align-items:center;gap:.9rem;display:flex}.cart-empty__secondary{color:var(--blue-600);font-size:.9rem;font-weight:600}.cart-empty__secondary:hover{text-decoration:underline}@media (max-width:900px){.product-detail,.cart-grid{grid-template-columns:1fr}.product-detail__visual{position:relative}.cart-summary{position:static}.product-detail__visual{aspect-ratio:16/9;min-height:0;max-height:320px}}@media (max-width:560px){.cart-item{grid-template-columns:auto 64px 1fr}.cart-item__thumb{width:64px;height:64px}.cart-item__controls{grid-column:1/-1;margin-top:.6rem}.product-detail__visual{aspect-ratio:auto;height:200px;min-height:0;max-height:none}.product-detail__actions{width:100%}.product-detail__actions .btn{flex:1}}.pay-page{background:#fff;grid-template-columns:1fr 380px;align-items:stretch;min-height:100vh;display:grid}.pay-page--single{grid-template-columns:1fr}.pay-main{flex-direction:column;align-items:center;padding:clamp(1.4rem,1rem + 2vw,2.6rem) clamp(1.1rem,.5rem + 2.5vw,3rem);display:flex}.pay-main>*{width:100%;max-width:600px}.pay-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:clamp(1.5rem,1rem + 2vw,2.6rem);display:flex}.pay-locale{color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.checkout-steps{justify-content:center;align-items:center;gap:.6rem;margin-bottom:clamp(1.5rem,1rem + 2vw,2.4rem);display:flex}.checkout-step{align-items:center;gap:.5rem;display:flex}.checkout-step__dot{width:26px;height:26px;font-family:var(--font-display);color:var(--muted);background:var(--soft);border:1.5px solid var(--line);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.checkout-step__label{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:600}.checkout-step.is-active .checkout-step__dot{color:#fff;background:var(--g-brand);border-color:#0000}.checkout-step.is-active .checkout-step__label{color:var(--ink)}.checkout-step.is-done .checkout-step__dot{color:var(--blue-600);background:var(--blue-100);border-color:var(--blue-100)}.checkout-step.is-done .checkout-step__label{color:var(--ink-soft)}.checkout-step:not(:last-child):after{content:"";background:var(--line);width:28px;height:1.5px;margin-left:.6rem}.checkout-step.is-done:not(:last-child):after{background:var(--blue-300)}@media (max-width:420px){.checkout-step__label{display:none}}.pay-amount{text-align:center;margin-bottom:clamp(1.6rem,1rem + 2vw,2.4rem)}.pay-amount__due{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;display:inline-flex}.pay-amount__value{font-family:var(--font-display);color:var(--blue-600);letter-spacing:-.01em;margin-top:.5rem;font-size:clamp(1.9rem,1.4rem + 2.5vw,2.6rem);font-weight:800;display:block}.pay-section-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem;font-size:.78rem;font-weight:700}.pay-section-hint{color:var(--muted);margin:-.4rem 0 .9rem;font-size:.82rem}.upload-required-note{border-left:3px solid var(--secondary-dark);border-radius:var(--r-sm);background:var(--blue-50,#f1f6fd);color:var(--ink-soft);align-items:flex-start;gap:.6rem;margin:0 0 1.2rem;padding:.7rem .9rem;font-size:.85rem;font-weight:600;display:flex}.upload-required-note svg{color:var(--secondary-dark);flex:none;margin-top:.15rem;font-size:1.05rem}.intro-card{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-lg);align-items:flex-start;gap:.9rem;margin-bottom:1.3rem;padding:1.3rem 1.4rem;display:flex}.intro-card__icon{background:var(--green-400);color:#fff;border-radius:50%;flex:none;place-items:center;width:2.5rem;height:2.5rem;font-size:1.3rem;display:grid}.intro-card__title{font-family:var(--font-display);color:var(--ink);margin:0 0 .35rem;font-size:1.1rem;font-weight:800}.intro-card__text{color:var(--muted);margin:0 0 .7rem;font-size:.88rem;line-height:1.5}.intro-card__invoice{background:var(--blue-100);border-radius:var(--r-md);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-700);align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.62rem;font-weight:700;display:inline-flex}.intro-card__invoice b{letter-spacing:.02em;text-transform:none;color:var(--blue-700);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem}.pay-methods{flex-direction:column;gap:.7rem;display:flex}.pay-method{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;transition:border-color .2s,box-shadow .2s;overflow:hidden}.pay-method.is-open{border-color:var(--blue-300);box-shadow:var(--shadow-sm)}.pay-method__head{text-align:left;align-items:center;gap:.85rem;width:100%;padding:.95rem 1.1rem;display:flex}.pay-method__icon{border-radius:var(--r-sm);background:var(--blue-100);width:40px;height:40px;color:var(--blue-600);flex:none;place-items:center;font-size:1.15rem;display:grid}.pay-method__text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.pay-method__text b{font-family:var(--font-display);color:var(--ink);font-size:.98rem;font-weight:700}.pay-method__text small{color:var(--muted);font-size:.82rem}.pay-method__chevron{color:var(--muted);flex:none;transition:transform .25s}.pay-method.is-open .pay-method__chevron{transform:rotate(180deg)}.pay-method__body{border-top:1px solid var(--line);padding:1.1rem 1.1rem 1.2rem}.pay-fraud{background:var(--blue-100);border:1px solid var(--blue-300);border-radius:var(--r-sm);color:var(--blue-700);gap:.7rem;padding:.85rem 1rem;display:flex}.pay-fraud svg{flex:none;margin-top:.1rem;font-size:1.2rem}.pay-fraud b{font-family:var(--font-display);font-size:.9rem}.pay-fraud p{color:var(--blue-700);margin-top:.15rem;font-size:.82rem}.pay-qr__hint{text-align:center;color:var(--ink-soft);margin:1.1rem 0 .8rem;font-size:.85rem}.pay-qr{border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:.6rem;max-width:280px;margin-inline:auto;padding:1.2rem;display:flex}.pay-qr__brand{font-family:var(--font-display);letter-spacing:.06em;color:var(--red-600);font-size:1.25rem;font-weight:800}.pay-qr__svg{border-radius:6px}.pay-qr__nmid{color:var(--muted);letter-spacing:.02em;font-size:.78rem}.pay-static p{color:var(--ink-soft);margin-bottom:.8rem;font-size:.88rem}.pay-chips{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.pay-chips--stacked{grid-template-columns:1fr}.pay-chips--stacked .pay-chip small{color:var(--ink-soft);font-weight:500}.pay-chip--bank{gap:.75rem;padding:.5rem .6rem .5rem .9rem}.pay-chip__select{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}.pay-chip__check--inline{flex:none;position:static}.pay-chip{font-family:var(--font-display);border-radius:var(--r-sm);border:1.5px solid var(--line);color:var(--ink-soft);text-align:left;background:#fff;align-items:center;gap:.65rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.pay-chip:hover{border-color:var(--blue-300)}.pay-chip.is-selected{border-color:var(--blue-600);background:var(--blue-100);color:var(--ink);box-shadow:0 0 0 1px var(--blue-600) inset}.pay-chip__check{color:var(--blue-600);font-size:.85rem;position:absolute;top:6px;right:6px}.pay-brand-badge{border:1px solid var(--line);background:#fff;border-radius:6px;flex:none;place-items:center;width:48px;height:30px;padding:.3rem;display:grid}.pay-brand-badge img{object-fit:contain;max-width:100%;max-height:100%}.pay-va{border-radius:var(--r-sm);background:var(--soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.9rem;padding:.8rem 1rem;display:flex}.pay-va span{color:var(--muted);font-size:.82rem}.pay-va__label{align-items:center;gap:.5rem;display:inline-flex}.pay-va__label .pay-brand-badge{width:32px;height:22px;font-size:.52rem}.pay-va b{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink)}.pay-va__value{align-items:center;gap:.7rem;display:inline-flex}.pay-copy-btn{font-family:var(--font-display);color:var(--blue-700);border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.78rem;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.pay-copy-btn:hover{background:var(--blue-100);border-color:var(--blue-100)}.pay-confirm{margin-top:1.6rem}.pay-back{color:var(--blue-600);justify-content:center;align-items:center;gap:.45rem;margin-top:1rem;font-size:.9rem;font-weight:600;display:inline-flex}.pay-foot{color:var(--muted);justify-content:center;align-items:center;gap:.45rem;margin-top:2rem;font-size:.8rem;display:inline-flex}.pay-summary{background:var(--soft);border-left:1px solid var(--line);padding:clamp(1.6rem,1rem + 2vw,2.6rem) clamp(1.3rem,1rem + 1.5vw,2rem)}.pay-summary h3{margin-bottom:1.3rem;font-size:1.3rem}.pay-summary__meta{align-items:baseline;gap:.5rem;margin-bottom:1.4rem;display:flex}.pay-summary__meta dt{color:var(--muted);font-size:.8rem;font-weight:700}.pay-summary__meta dd{font-family:var(--font-display);color:var(--ink);letter-spacing:.03em;word-break:break-all;font-weight:700}.pay-summary__block{margin-bottom:1.2rem}.pay-summary__head{font-family:var(--font-display);color:var(--blue-600);align-items:center;gap:.45rem;margin-bottom:.3rem;font-size:.9rem;font-weight:700;display:inline-flex}.pay-summary__block p{color:var(--ink-soft);font-size:.88rem}.pay-summary__items{border-top:1px solid var(--line);flex-direction:column;gap:.6rem;margin:1.4rem 0 .4rem;padding-top:1rem;display:flex}.pay-summary__items li{color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:.8rem;font-size:.88rem;display:flex}.pay-summary__items li em{color:var(--muted);font-style:normal}.pay-summary__items li b{color:var(--ink);white-space:nowrap}.pay-summary__total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.8rem;margin-top:1rem;padding-top:1rem;display:flex}.pay-summary__total span{color:var(--ink-soft);font-weight:600}.pay-summary__total strong{font-family:var(--font-display);color:var(--blue-700);font-size:1.35rem;font-weight:800}.pay-done{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;max-width:520px;min-height:100vh;margin-inline:auto;padding:2rem 1.2rem;display:flex}.pay-done__ic{color:var(--green);margin-bottom:.6rem;font-size:3.5rem}.pay-done p{margin-bottom:1.4rem}.pay-done__actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.pay-history{flex-direction:column;gap:1.1rem;max-width:760px;margin-inline:auto;display:flex}.pay-record{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;padding:clamp(1.1rem,.8rem + 1vw,1.6rem)}.pay-record__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.pay-record__inv{font-family:var(--font-display);color:var(--ink);letter-spacing:.03em;font-weight:700;display:block}.pay-record__date{color:var(--muted);align-items:center;gap:.35rem;margin-top:.25rem;font-size:.82rem;display:inline-flex}.pay-status{font-family:var(--font-display);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.pay-status--ok{color:var(--green);background:#22a8491a}.pay-record__desc{color:var(--ink-soft);margin-top:.8rem;font-size:.9rem}.pay-record__items{border-top:1px solid var(--line);flex-direction:column;gap:.5rem;margin-top:.8rem;padding-top:.8rem;display:flex}.pay-record__items li{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem .8rem;font-size:.88rem;display:flex}.pay-record__items li em{color:var(--muted);font-style:normal}.pay-record__items li b{color:var(--ink);white-space:nowrap}.pay-record__item-right{flex-wrap:wrap;align-items:center;gap:.6rem;display:inline-flex}.pay-record__attachment{color:var(--blue-600);white-space:nowrap;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:inline-flex}.pay-record__attachment:hover{text-decoration:underline}.pay-record__result{font-family:var(--font-display);color:var(--green-dark);border-radius:var(--r-pill);white-space:nowrap;background:#22a8491f;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.78rem;font-weight:700;transition:background .2s;display:inline-flex}.pay-record__result:hover{background:#22a84933}.file-dropdown__trigger{font:inherit;cursor:pointer;background:0 0;border:0}.file-dropdown{display:inline-flex;position:relative}.file-dropdown__chevron{opacity:.7;font-size:.75em}.file-dropdown__panel{z-index:20;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);min-width:220px;max-width:min(320px,90vw);box-shadow:var(--shadow-card);flex-direction:column;gap:.15rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + .4rem);left:0}.file-dropdown__item{border-radius:var(--r-sm);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;padding:.5rem .6rem;font-size:.82rem;font-weight:500;transition:background .15s;display:block;overflow:hidden}.file-dropdown__item:hover{background:var(--soft);color:var(--ink)}.pay-record__cancel{margin-top:.9rem}.pay-record__foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;padding-top:.9rem;display:flex}.pay-record__method{color:var(--ink-soft);font-size:.85rem;font-weight:600}.pay-record__total{color:var(--muted);font-size:.9rem}.pay-record__total b{font-family:var(--font-display);color:var(--blue-700);margin-left:.4rem;font-size:1.15rem}.pay-record__review-btn{margin-top:.9rem}.pay-record__thanks{color:var(--muted);margin:.9rem 0 0;font-size:.85rem}.pay-record__note{color:var(--muted);margin:0;font-size:.85rem}.pay-record__note--processing{color:var(--blue,#2563eb);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.pay-record__note--processing:before{content:"";background:var(--blue,#2563eb);border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.4)}}.pay-record__quote-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.9rem;padding-top:.9rem;display:flex}.testimonial-form{background:var(--soft);border-radius:var(--r-md);flex-direction:column;gap:.9rem;margin-top:1rem;padding:1.1rem 1.2rem;display:flex}.testimonial-form__title{color:var(--ink);margin:0;font-size:.95rem;font-weight:600}.testimonial-form__field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.82rem;display:flex}.testimonial-form__field input,.testimonial-form__field textarea{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);resize:vertical;background:#fff;padding:.6rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.testimonial-form__field input:focus,.testimonial-form__field textarea:focus{border-color:var(--blue-400);outline:none}.testimonial-form button{align-self:flex-start}.testimonial-form__error{border-radius:var(--r-sm);color:var(--color-danger);background:#fdecea;margin:0;padding:.3rem .6rem;font-size:.78rem}.star-picker{gap:.3rem;display:inline-flex}.star-picker__star{cursor:pointer;color:var(--blue-200);background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:color .1s,transform .1s}.star-picker__star:hover{transform:scale(1.1)}.star-picker__star.is-on{color:var(--gold)}.star-picker__star.is-on svg{fill:var(--gold)}@media (max-width:900px){.pay-page{grid-template-columns:1fr}.pay-summary{border-left:none;border-top:1px solid var(--line)}.pay-summary,.pay-summary>*{max-width:600px;margin-inline:auto}}