.features-page{--fp-ink:var(--pop-ink,#2b1a20);--fp-text-2:#2b1a20a8;--fp-text-3:#2b1a2073;--fp-line:#2b1a2017;--fp-muted:#f6f2f3;--fp-surface:#fff;--fp-brand:var(--pop-primary,#ff4f81);--fp-brand-press:var(--pop-primary-press,#e23b6e);color:var(--fp-ink)}.features-page__hero{text-align:center;flex-direction:column;align-items:center;max-width:820px;margin:0 auto;padding:28px 24px 0;display:flex}.features-page__crumbs{color:var(--fp-text-3);align-items:center;gap:8px;margin-bottom:22px;font-size:13px;font-weight:700;display:flex}.features-page__crumbs a{color:inherit;text-decoration:none}.features-page__crumbs a:hover{color:var(--fp-brand-press)}.features-page__crumbs [aria-current=page]{color:var(--fp-ink)}.features-page__title{letter-spacing:-.03em;text-wrap:balance;margin:10px 0 0;font-size:clamp(36px,5.2vw,60px);font-weight:900;line-height:1.06}.features-page__lead{color:var(--fp-text-2);max-width:560px;margin:18px 0 0;font-size:17px;font-weight:600;line-height:1.6}.features-page__lead a{color:var(--fp-ink);text-underline-offset:3px;-webkit-text-decoration:underline #ff4f8180;text-decoration:underline #ff4f8180;text-decoration-thickness:2px}.features-page__body{max-width:1400px;margin:0 auto;padding:0 32px 96px}.features-page__tools{flex-direction:column;align-items:center;gap:18px;margin:28px 0 8px;display:flex}.features-page__search{background:var(--fp-surface);border:1.5px solid var(--fp-line);border-radius:999px;align-items:center;gap:10px;width:min(100%,380px);height:46px;padding:0 18px;transition:border-color .15s,box-shadow .15s;display:flex}.features-page__search:focus-within{border-color:var(--fp-brand);box-shadow:0 0 0 4px #ff4f8129}.features-page__search svg{color:var(--fp-text-3);flex:none;width:18px;height:18px}.features-page__search input{color:var(--fp-ink);font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px;font-weight:600}.features-page__nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.features-page__nav a{background:var(--fp-surface);border:1.5px solid var(--fp-line);color:var(--fp-text-2);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:800;text-decoration:none;transition:border-color .15s,color .15s}.features-page__nav a:hover{border-color:var(--fp-brand);color:var(--fp-brand-press)}.features-section{padding-top:64px;scroll-margin-top:96px}.features-section__title{letter-spacing:-.025em;max-width:760px;margin:0 0 28px;font-size:clamp(30px,3.6vw,44px);font-weight:900;line-height:1.12}.features-section__title span{color:var(--fp-text-3)}.features-grid{flex-wrap:wrap;gap:18px;display:flex}.features-card{--fp-tone:var(--fp-brand);--fp-on-tone:#fff;background:var(--fp-surface);border:1px solid var(--fp-line);color:inherit;isolation:isolate;border-radius:28px;flex:250px;align-content:start;gap:10px;min-height:250px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.features-card[data-tone=butter]{--fp-tone:#f5b400;--fp-on-tone:#2b1a20}.features-card[data-tone=mint]{--fp-tone:var(--pop-mint,#4fd1a0);--fp-on-tone:#0d3b2a}.features-card[data-tone=sky]{--fp-tone:var(--pop-sky,#5bb8ff)}.features-card[data-tone=lilac]{--fp-tone:#9b7bff}.features-card[data-tone=ink]{--fp-tone:#2b1a20}.features-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #501e281a}.features-card:focus-visible{outline:2px solid var(--fp-brand);outline-offset:3px}.features-card--wide{flex:2 520px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}.features-card__text{align-content:start;gap:10px;max-width:560px;display:grid}.features-card__top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.features-card__icon{background:var(--fp-tone);color:var(--fp-on-tone);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.features-card__icon svg{width:19px;height:19px}.features-card__badge{background:var(--fp-muted);color:var(--fp-text-2);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.features-card__title{letter-spacing:-.015em;margin:0;font-size:21px;font-weight:900;line-height:1.25}.features-card__desc{-webkit-line-clamp:5;color:var(--fp-text-2);-webkit-box-orient:vertical;margin:0;font-size:14.5px;font-weight:600;line-height:1.6;display:-webkit-box;overflow:hidden}.features-card__more{color:var(--fp-brand-press);align-items:center;gap:4px;margin-top:8px;font-size:14px;font-weight:800;display:inline-flex}.features-card__more svg{width:14px;height:14px;transition:transform .15s}.features-card:hover .features-card__more svg{transform:translate(2px)}.features-card__visual{grid-area:1/2/-1;min-height:230px;margin:-24px -24px -24px 0;position:relative}.features-card__visual--stack img{aspect-ratio:9/16;background:var(--fp-muted);object-fit:cover;object-position:top;border:3px solid #fff;border-radius:14px;width:44%;position:absolute;box-shadow:0 16px 34px #2b1a202e}.features-card__visual--stack img:first-child{top:30px;left:4%;transform:rotate(-8deg)}.features-card__visual--stack img:nth-child(2){z-index:1;top:16px;left:30%;transform:rotate(3deg)}.features-card__visual--stack img:nth-child(3){top:42px;left:54%;transform:rotate(10deg)}.features-card__visual--chips{flex-wrap:wrap;place-content:center;gap:8px;padding:24px 22px 24px 4px;display:flex}.features-card__visual--chips span{background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;box-shadow:0 8px 18px #2b1a201f}.features-card__visual--chips span[data-tone="0"]{background:var(--fp-brand);color:#fff;transform:rotate(-3deg)}.features-card__visual--chips span[data-tone="1"]{background:#fff4cc;transform:rotate(2deg)}.features-card__visual--chips span[data-tone="2"]{background:#e3f7ef;transform:rotate(-1deg)}.features-card__visual--chips span[data-tone="3"]{color:#fff;background:#2b1a20;transform:rotate(3deg)}.features-card__panel{background:#fff;border-radius:18px;gap:6px;padding:14px;font-size:13px;display:grid;position:absolute;top:28px;left:6px;right:18px;transform:rotate(2deg);box-shadow:0 16px 34px #2b1a2029}.features-card__panel-row,.features-card__panel-total{border-bottom:1px solid var(--fp-line);justify-content:space-between;align-items:center;gap:8px;padding:6px 2px;display:flex}.features-card__panel-row strong{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.features-card__panel-total{color:var(--fp-text-2);border-bottom:0;font-weight:700}.features-card__panel-total strong{color:var(--fp-ink);font-weight:900}.features-card__pill{border-radius:999px;flex:none;padding:2px 9px;font-size:11.5px;font-weight:800}.features-card__pill[data-tone=yes]{color:#11704a;background:#e3f7ef}.features-card__pill[data-tone=wait]{background:var(--fp-muted);color:var(--fp-text-2)}.features-card__pill[data-tone=no]{color:#8a5a00;background:#fff1d6}.features-card__visual--links{gap:12px;padding:34px 18px 24px 6px;display:grid}.features-card__link{color:#fff;white-space:nowrap;background:#2b1a20;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 12px 26px #2b1a2033}.features-card__link:first-child{transform:rotate(-2deg)}.features-card__link:nth-child(2){color:var(--fp-ink);background:#fff;transform:rotate(1.5deg)}.features-card__link:nth-child(3){transform:rotate(-1deg)}.features-card__link svg{flex:none;width:14px;height:14px}.features-card__link-url{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.features-card__link-name{background:var(--fp-brand);color:#fff;border-radius:999px;flex:none;padding:2px 8px;font-size:11.5px}.features-page__empty{color:var(--fp-text-3);text-align:center;padding:48px 0;font-size:15px;font-weight:700}.features-page__cta{background:var(--fp-muted);text-align:center;border-radius:36px;flex-direction:column;align-items:center;margin-top:96px;padding:56px 24px;display:flex}.features-page__cta h2{letter-spacing:-.025em;margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:900}.features-page__cta p{color:var(--fp-text-2);max-width:520px;margin:14px 0 0;font-size:16px;font-weight:600;line-height:1.6}.features-page__cta-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.features-page__btn{border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 22px;font-size:16px;font-weight:800;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.features-page__btn svg{width:18px;height:18px}.features-page__btn--primary{background:var(--fp-brand);box-shadow:0 3px 0 var(--fp-brand-press);color:#fff}.features-page__btn--primary:hover{background:var(--fp-brand-press)}.features-page__btn--secondary{border-color:var(--fp-line);color:var(--fp-ink);background:#fff}.features-page__btn--secondary:hover{border-color:#2b1a2033}.features-page :is(.features-page__btn,.features-page__nav a,.features-page__crumbs a,.features-page__lead a):focus-visible{outline:2px solid var(--fp-brand);outline-offset:3px}@media (max-width:767px){.features-page__body{padding:0 16px 64px}.features-page__hero{padding:18px 16px 0}.features-page__nav{flex-wrap:nowrap;justify-content:flex-start;max-width:100vw;margin:0 -16px;padding:0 16px 4px;overflow-x:auto}.features-page__nav a{flex:none}.features-section{padding-top:48px}.features-grid{gap:14px}.features-card,.features-card--wide{flex-basis:100%}.features-card{border-radius:24px;min-height:0}.features-card--wide{grid-template-columns:minmax(0,1fr)}.features-card__visual{grid-area:auto/1;min-height:210px;margin:4px -24px -24px}.features-card__panel{left:24px;right:24px;transform:rotate(1deg)}.features-card__visual--links{padding:16px 24px 24px}.features-page__cta{border-radius:28px;margin-top:64px;padding:40px 20px}}@media (prefers-reduced-motion:reduce){.features-card,.features-card:hover,.features-card__more svg{transition:none;transform:none}}
