.spg{--cw:#F7F6F4;--lg:#E2E0DC;--dm:#1A1A18;--cr:#AFAFAF;--p1:#D4E4F0;--p2:#B8C8D8;--p3:#8A9FB5;--acc:#1CA58E;--acc-soft:#E4F3EF;--r:26px;font-family:DM Sans,sans-serif;background:var(--cw);color:var(--dm);line-height:1.55;-webkit-font-smoothing:antialiased}.spg *{box-sizing:border-box}.spg .w{max-width:1180px;margin:0 auto;padding:0 28px}.spg h1,.spg h2,.spg h3{font-family:Space Grotesk,sans-serif;font-weight:500;letter-spacing:-.01em;line-height:1.08;margin:0}.spg p{margin:0}.spg .eb{display:inline-flex;align-items:center;gap:9px;font-family:Space Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--p3);margin-bottom:18px}.spg .eb:before{content:"";width:26px;height:1px;background:var(--p3)}.spg .pad{padding:78px 0}.spg .sec-head{max-width:60ch;margin-bottom:42px}.spg .sec-head h2{font-size:clamp(28px,3.6vw,42px);font-weight:300}.spg .sec-head h2 b{font-weight:700}.spg .sec-head p{margin-top:16px;font-size:17px;color:#4a4a45;max-width:52ch}.spg .btn{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:15px;text-decoration:none;padding:15px 30px;border-radius:100px;transition:.2s;display:inline-block}.spg .btn-primary{background:var(--dm);color:#fff}.spg .btn-primary:hover{background:var(--acc);transform:translateY(-1px)}.spg .btn-ghost{color:var(--dm);border:1px solid var(--cr)}.spg .btn-ghost:hover{border-color:var(--dm)}.spg .hero .w{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}.spg .hero h1{font-size:clamp(40px,5.6vw,68px);font-weight:300}.spg .hero h1 b{font-weight:700}.spg .hero .sub{font-size:19px;max-width:34ch;margin:22px 0 30px;color:#3a3a37}.spg .badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.spg .badge{font-family:Space Mono,monospace;font-size:12.5px;font-weight:700;letter-spacing:.03em;padding:8px 14px;border-radius:100px;background:#fff;border:1px solid var(--lg)}.spg .badge.on{background:var(--acc);color:#fff;border-color:var(--acc)}.spg .cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.spg .waitnote{font-family:Space Mono,monospace;font-size:11.5px;color:var(--cr);margin-top:14px;letter-spacing:.02em;line-height:1.7}.spg .product{position:relative;aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:radial-gradient(120% 120% at 30% 20%,var(--p1) 0%,var(--p2) 46%,var(--p3) 100%)}.spg .product img,.spg .product video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.spg .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5c6b73;background:repeating-linear-gradient(45deg,#ffffff80,#ffffff80 12px,#ffffff47 12px 24px)}.spg .chip{position:absolute;z-index:3;background:#f7f6f4f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:11px 15px;box-shadow:0 10px 30px #1a1a181f;max-width:46%}.spg .chip .k{font-family:Space Mono,monospace;font-weight:700;font-size:18px;line-height:1.1;color:var(--acc)}.spg .chip .l{font-size:11px;color:#57574f;margin-top:3px;line-height:1.4}.spg .chip.c1{top:22px;right:22px}.spg .chip.c2{bottom:22px;left:22px}.spg .chip.c2 .k{color:var(--dm)}.spg .logic{background:var(--dm);color:var(--cw)}.spg .logic .w{padding-top:64px;padding-bottom:64px;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.spg .logic .eb{color:var(--p3)}.spg .logic h2{font-size:clamp(26px,3.4vw,40px);font-weight:300;color:#fff}.spg .logic h2 b{font-weight:700}.spg .logic .body{margin-top:18px;font-size:16.5px;color:#cfcec8;line-height:1.75}.spg .logic .body p+p{margin-top:12px}.spg .quote{margin-top:26px;padding:22px 24px;border-left:2px solid var(--acc);background:#ffffff0d;border-radius:0 16px 16px 0;font-size:16px;color:#e7e6e1;font-style:italic}.spg .logic-media{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:linear-gradient(140deg,#2a2a27,#1f1f1d)}.spg .logic-media img,.spg .logic-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.spg .ing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.spg .ing{background:#fff;border:1px solid var(--lg);border-radius:var(--r);padding:26px 24px;transition:.2s}.spg .ing:hover{border-color:var(--p3);transform:translateY(-3px);box-shadow:0 16px 40px #8a9fb529}.spg .ing .tag{font-family:Space Mono,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--acc)}.spg .ing h3{font-size:20px;font-weight:500;margin:12px 0 4px}.spg .ing .inci{font-family:Space Mono,monospace;font-size:12px;color:var(--cr);margin-bottom:12px;line-height:1.5}.spg .ing p{font-size:14.5px;color:#4a4a45}.spg .ben-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--lg);border:1px solid var(--lg);border-radius:var(--r);overflow:hidden}.spg .ben{background:#fff;padding:26px;display:flex;gap:16px;align-items:flex-start}.spg .ben .n{font-family:Space Mono,monospace;font-size:11px;font-weight:700;color:var(--acc);padding-top:3px;letter-spacing:.06em}.spg .ben .t{font-family:Space Grotesk,sans-serif;font-size:16.5px;font-weight:500;margin-bottom:5px}.spg .ben .d{font-size:14.5px;color:#4a4a45}.spg .fit-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.spg .fit-col{border-radius:var(--r);padding:28px 26px;border:1px solid var(--lg);background:#fff}.spg .fit-col.yes{background:var(--acc-soft);border-color:var(--acc)}.spg .fit-col h3{font-size:19px;font-weight:500;margin-bottom:6px}.spg .fit-col .ct{font-family:Space Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cr);margin-bottom:18px}.spg .fit-col.yes .ct{color:var(--acc)}.spg .fit-list{display:flex;flex-direction:column;gap:12px}.spg .fit-item{display:flex;gap:11px;font-size:15px;color:#3a3a37;line-height:1.5}.spg .fit-item .mk{font-family:Space Grotesk,sans-serif;font-weight:700;flex:0 0 auto;line-height:1.4}.spg .fit-col.yes .mk{color:var(--acc)}.spg .fit-col.no .mk{color:var(--p3)}.spg .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.spg .step{background:var(--cw);border:1px solid var(--lg);border-radius:var(--r);padding:26px 24px}.spg .step .n{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:12px}.spg .step b{font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:500;display:block;margin-bottom:6px}.spg .step span{font-size:14.5px;color:#4a4a45}.spg .use-note{margin-top:22px;font-family:Space Mono,monospace;font-size:11.5px;color:var(--cr);line-height:1.8}.spg .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spg .gcell{position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;background:var(--lg)}.spg .gcell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.spg .gcell .cap{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:16px;color:#fff;background:linear-gradient(0deg,rgba(26,26,24,.62),transparent);font-family:Space Grotesk,sans-serif;font-weight:500;font-size:15px}.spg .ix{background:var(--dm);color:var(--cw)}.spg .ix .eb{color:var(--p3)}.spg .ix .sec-head h2{color:#fff}.spg .ix .sec-head p{color:#cfcec8}.spg .cyc{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start}.spg .cyc-nodes{display:flex;flex-direction:column;gap:10px}.spg .cnode{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;background:#232320;border:1px solid #34342f;border-radius:18px;padding:15px 18px;color:#e7e6e1;font:inherit;font-size:15px;transition:.22s}.spg .cnode:hover{border-color:var(--p3)}.spg .cnode .i{font-family:Space Mono,monospace;font-size:11px;color:var(--cr);flex:0 0 auto;letter-spacing:.06em}.spg .cnode.on{background:var(--acc);border-color:var(--acc);color:#fff}.spg .cnode.on .i{color:#fffc}.spg .cnode .arrow{margin-left:auto;opacity:.45;font-size:15px}.spg .cyc-loop{font-family:Space Mono,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cr);text-align:center;margin-top:12px}.spg .cyc-panel{background:#1f1f1d;border:1px solid #34342f;border-radius:var(--r);padding:28px}.spg .cyc-panel h3{font-size:21px;font-weight:500;color:#fff;margin-bottom:20px}.spg .cmp2{display:grid;gap:14px}.spg .cbox{border-radius:18px;padding:19px 20px;border:1px solid #34342f;background:#232320}.spg .cbox.good{border-color:var(--acc);background:#1ca58e17}.spg .cbox .h{font-family:Space Mono,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cr);margin-bottom:8px}.spg .cbox.good .h{color:var(--acc)}.spg .cbox .t{font-size:15.5px;color:#e7e6e1;line-height:1.6}.spg .stab-control{background:#232320;border:1px solid #34342f;border-radius:var(--r);padding:24px 26px;margin-bottom:22px}.spg .stab-control .yr{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;gap:12px}.spg .stab-control .yr b{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:30px;color:var(--acc);line-height:1}.spg .stab-control .yr .lbl{font-family:Space Mono,monospace;font-size:12px;color:var(--cr);text-transform:uppercase;letter-spacing:.08em}.spg input[type=range].sl{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:100px;background:linear-gradient(90deg,var(--p3),var(--acc));outline:none;cursor:pointer;margin:0}.spg input[type=range].sl::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--acc);cursor:pointer;box-shadow:0 4px 14px #00000073}.spg input[type=range].sl::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--acc);cursor:pointer}.spg .scale{display:flex;justify-content:space-between;font-family:Space Mono,monospace;font-size:10.5px;color:var(--cr);margin-top:10px;letter-spacing:.04em}.spg .stab-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.spg .vial{background:#1f1f1d;border:1px solid #34342f;border-radius:var(--r);padding:24px;text-align:center}.spg .vial.good{border-color:var(--acc)}.spg .vial h3{font-size:17px;font-weight:500;color:#fff;margin-bottom:4px}.spg .vial .vt{font-family:Space Mono,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--cr);margin-bottom:18px}.spg .vglass{width:74px;height:150px;margin:0 auto 18px;border-radius:12px 12px 16px 16px;border:2px solid #45453f;position:relative;overflow:hidden;background:#141412}.spg .vglass .liq{position:absolute;left:0;right:0;bottom:0;height:76%;transition:background .5s ease}.spg .vglass .cap{position:absolute;top:0;left:14px;right:14px;height:16px;background:#45453f;border-radius:0 0 6px 6px}.spg .vstate{font-size:15px;color:#e7e6e1;line-height:1.6;min-height:3.2em}.spg .ix-foot{font-family:Space Mono,monospace;font-size:10.5px;color:var(--cr);text-align:center;margin-top:20px;line-height:1.7;max-width:80ch;margin-left:auto;margin-right:auto}.spg .band{margin:0 28px 78px;border-radius:34px;padding:64px 8%;text-align:center;color:#fff;background:radial-gradient(120% 160% at 85% 15%,var(--p1),transparent 60%),var(--dm)}.spg .band h2{font-size:clamp(28px,4vw,46px);font-weight:300;max-width:22ch;margin:0 auto}.spg .band h2 b{font-weight:700}.spg .band p{margin:18px auto 26px;max-width:48ch;color:#d3d2cc;font-size:17px}.spg .price-box{display:inline-flex;flex-wrap:wrap;align-items:stretch;margin:4px auto 26px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:22px;overflow:hidden;text-align:left}.spg .pb-now,.spg .pb-was{display:flex;flex-direction:column;gap:6px;padding:22px 30px}.spg .pb-was{justify-content:center;background:#0000002e;border-left:1px solid rgba(255,255,255,.14)}.spg .pb-tag{font-family:Space Mono,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--p3)}.spg .pb-amt{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(36px,6vw,52px);line-height:1;color:#fff}.spg .pb-hint{font-family:Space Mono,monospace;font-size:10.5px;color:var(--cr);max-width:26ch;line-height:1.5}.spg .pb-strike{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:28px;color:var(--cr);text-decoration:line-through;text-decoration-thickness:2px;line-height:1}.spg .band .btn-primary{background:var(--acc)}.spg .band .btn-primary:hover{background:#fff;color:var(--dm)}.spg .band .btn-ghost{color:#fff;border-color:#fff6}.spg .band .btn-ghost:hover{border-color:#fff}.spg .band .cta-row{justify-content:center}@media(max-width:980px){.spg .hero .w{grid-template-columns:1fr;gap:34px}.spg .logic .w{grid-template-columns:1fr;gap:30px}.spg .ing-grid{grid-template-columns:1fr 1fr}.spg .cyc,.spg .steps{grid-template-columns:1fr}}@media(max-width:640px){.spg .ing-grid,.spg .ben-grid,.spg .fit-wrap,.spg .stab-grid,.spg .gallery{grid-template-columns:1fr}.spg .price-box{flex-direction:column}.spg .pb-was{border-left:none;border-top:1px solid rgba(255,255,255,.14)}.spg .band{margin:0 16px 60px;padding:46px 24px}.spg .pad{padding:56px 0}}@media(prefers-reduced-motion:reduce){.spg *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/serum-page.css.map */