@layer base{svg{vertical-align:baseline;display:inline}}body{font-family:var(--font-display);font-feature-settings:normal;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;font-size:18px;line-height:28px;overflow-x:hidden}.hero{padding:64px 0 40px}.hero-grid{grid-template-columns:1fr 640px;align-items:center;gap:64px;display:grid}.hero .big-mark{width:64px;height:64px;margin-bottom:24px}.hero .h1{max-width:9.5em}.cycle-word{vertical-align:baseline;display:inline-grid}.cycle-word>span{transition:opacity .45s var(--ease),transform .45s var(--ease);grid-area:1/1;justify-self:start}.cycle-word>span:not(.on){opacity:0;transform:translateY(.3em)}.hero .body{max-width:30em;margin-top:24px}.hero-cta{flex-direction:column;align-items:flex-start;gap:16px;margin-top:40px;display:flex}.hero-cta .caption{flex-wrap:wrap;gap:16px;display:flex}.hero-cta .caption span{align-items:center;gap:4px;display:inline-flex}.hero-cta .caption svg{width:14px;height:14px;color:var(--green)}.media{border-radius:var(--r);background:var(--yellow-t);isolation:isolate;height:600px;position:relative;overflow:visible}.media .field{border-radius:var(--r);z-index:-1;position:absolute;inset:0;overflow:hidden}.media .field:before{content:"";background:var(--yellow-m);opacity:.7;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-200px;right:-160px}.media .field:after{content:"";background:var(--white);opacity:.6;border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;left:-60px}.pack{background:var(--white);border-radius:var(--r-in);width:420px;box-shadow:var(--shadow-cp-card);position:absolute;top:64px;left:32px;overflow:hidden}.pack-h{align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.pack-h b{letter-spacing:-.2px;font-size:17px;font-weight:700;line-height:22px;display:block}.pack-h small{color:var(--muted);font-size:13px;line-height:18px;display:block}.pay{background:var(--grey-2);color:var(--muted);border-radius:12px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:500;line-height:16px;transition:all .3s}.pay.paid{background:var(--green-t);color:var(--green)}.pipe{background:var(--grey);border-radius:12px;align-items:flex-start;margin:0 20px;padding:16px 8px;display:flex}.st{text-align:center;flex-direction:column;align-items:center;gap:6px;width:80px;display:flex}.st .d{background:var(--line);width:34px;height:34px;transition:background .35s var(--ease),transform .35s var(--ease);border-radius:50%;position:relative}.st .d svg{width:18px;height:18px;color:var(--white);opacity:0;transition:all .35s var(--ease);position:absolute;inset:8px;transform:scale(.4)}.st b{font-size:12px;font-weight:500;line-height:16px}.st small{color:var(--muted);font-size:11px;line-height:14px}.st.submitted .d{background:var(--yellow)}.st.submitted .d .i1{opacity:1;transform:none}.st.approved .d{background:var(--green-b);transform:scale(1.08)}.st.approved .d .i2{opacity:1;transform:none}.st.submitted small{color:var(--yellow-ink)}.st.approved small{color:var(--green)}.pipe .ln{background:var(--line);border-radius:2px;flex:1;height:2px;margin-top:16px;position:relative;overflow:hidden}.pipe .ln i{background:var(--green-b);transform-origin:0;transition:transform .5s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.pipe .ln.on i{transform:none}.prog{color:var(--muted);padding:16px 20px 4px;font-size:13px;line-height:18px}.prog .pr{justify-content:space-between;margin-bottom:8px;display:flex}.prog b{color:var(--ink);font-weight:500}.bar{background:var(--grey-3);border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--blue);width:0;height:100%;transition:width .6s var(--ease),background .3s;display:block}.bar.full i{background:var(--green-b)}.slots{padding:8px 20px 16px}.sl{border-top:1px solid var(--grey-2);align-items:center;gap:10px;padding:11px 0;font-size:14px;line-height:20px;display:flex}.sl:first-child{border-top:0}.sl b{font-weight:500}.sl small{color:var(--faint);font-size:12px}.fly{z-index:6;background:var(--white);box-shadow:var(--shadow-cp-chip);white-space:nowrap;pointer-events:none;border-radius:12px;align-items:center;gap:10px;padding:10px 14px 10px 10px;font-size:13px;font-weight:500;line-height:18px;display:flex;position:absolute}.ft{width:28px;height:32px;color:var(--white);border-radius:5px;place-items:center;font-size:8.5px;font-weight:700;display:grid}.ft-x{background:var(--green)}.ft-p{background:var(--red)}.side{background:var(--white);border-radius:var(--r-in);width:220px;box-shadow:var(--shadow-cp-card);transition:opacity .45s var(--ease),transform .45s var(--ease);padding:16px;font-size:13px;line-height:18px;position:absolute;right:-64px}.side.off{opacity:0;transform:translateY(10px)}.side .k{align-items:center;gap:8px;margin-bottom:6px;font-weight:500;display:flex}.side .k i{border-radius:50%;width:8px;height:8px}.side p{color:var(--muted)}.toast{background:var(--ink);color:var(--white);box-shadow:var(--shadow-cp-toast);opacity:0;transition:all .45s var(--ease);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;line-height:20px;display:flex;position:absolute;bottom:40px;left:32px;transform:translateY(12px)}.toast.on{opacity:1;transform:none}.toast a{color:var(--blue-on-dark);font-weight:500}.confetti{pointer-events:none;z-index:7;position:absolute;inset:0}.confetti span{border-radius:2px;width:9px;height:9px;position:absolute}.stamp{z-index:5;letter-spacing:2px;color:var(--green);border:2.5px solid var(--green);opacity:0;background:#ffffffd9;border-radius:8px;padding:8px 10px;font-size:15px;font-weight:700;line-height:1;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s;position:absolute;transform:rotate(-12deg)scale(1.6)}.stamp.on{opacity:1;transform:rotate(-12deg)scale(1)}@media (width<=1180px){.hero-grid{grid-template-columns:1fr;gap:48px}.media{max-width:640px}.side{right:16px}}@media (width<=760px){body{font-size:16px;line-height:24px}.hero{padding:32px 0 8px}.hero .big-mark{width:48px;height:48px}.media{height:auto;padding:24px 12px 96px}.pack{width:100%;position:relative;top:auto;left:auto}.st{width:62px}.st small{font-size:10px}.side,.media .sticker{display:none}.toast{font-size:13px;bottom:24px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}