.hero{padding-top:clamp(28px,4vw,56px);padding-bottom:var(--section-y)}.hero__copy{gap:16px;max-width:820px;display:grid}.hero__sub{max-width:620px;font-size:var(--fs-hero-lead);color:var(--text-muted);text-wrap:pretty;line-height:1.5}.hero__actions{justify-items:start;gap:10px;margin-top:8px;display:grid}.hero__micro{color:var(--n-600);font-size:.875rem}.hero__product{scroll-margin-top:calc(var(--header-h) + 12px);margin-top:clamp(28px,3vw,36px)}.product-intro{z-index:2;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin-bottom:14px;display:flex;position:relative}.product-intro__title,.product-intro__text{background:var(--white);box-shadow:0 0 10px 8px var(--white)}.product-intro__title{letter-spacing:-.01em;font-size:1rem;font-weight:650}.product-intro__text{color:var(--n-600);font-size:.9375rem}.hero__stage{position:relative}.hero__texture{inset-inline:0;position:absolute;bottom:100%}.hero__stage .demo{z-index:1}@media (width<=560px){.hero__actions{justify-items:stretch}.hero__actions .btn{width:100%}.product-intro{margin-bottom:20px}}.brand-panel{gap:16px;display:grid}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.brand-item{grid-template-rows:1fr auto;gap:12px;display:grid}.brand-item .fp{height:100%;box-shadow:var(--shadow-card)}.brand-item__caption{align-items:center;gap:8px;padding-left:4px;font-size:.875rem;font-weight:600;display:flex}.brand-item__dot{background:var(--n-900);border-radius:50%;width:10px;height:10px}.brand-item__dot--ocean{background:var(--ocean-600)}.brand-item__dot--clay{background:var(--clay-600)}.brand-item__sep{color:var(--n-400)}.brand-item__caption .muted{font-weight:500}.brand-panel__note{padding-left:4px}@media (width<=900px){.brand-grid{grid-template-columns:1fr;max-width:440px;margin-inline:auto}.brand-item:not(:first-child) .fp-q:nth-child(n+2){display:none}}.cap-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;display:grid}.cap{background:var(--surface-panel);border-radius:var(--radius-lg);grid-template-rows:1fr auto;gap:20px;padding:clamp(18px,2.2vw,24px);display:grid}.cap--logic{grid-row:span 2}.cap__visual{align-content:center;gap:10px;display:grid}.cap__copy{gap:6px;padding-inline:2px;display:grid}.mini-form{background:var(--white);border:1px solid var(--line-soft);border-radius:10px;gap:10px;padding:16px;font-size:.9375rem;display:grid;box-shadow:0 1px 2px #1717170d}.mini-form__q{font-weight:600}.mini-form--reveal{border-color:var(--ocean-300);box-shadow:0 0 0 3px var(--ocean-100)}.mini-stars{color:var(--n-300);gap:6px;display:flex}.mini-stars .is-on{color:var(--n-900)}.mini-stars .is-on svg{fill:currentColor}.rule-chip{border:1px dashed var(--ocean-300);background:var(--white);color:var(--ocean-700);border-radius:999px;justify-self:start;align-items:center;gap:8px;margin-left:18px;padding:6px 12px;font-size:.8125rem;font-weight:550;display:inline-flex}.file-chip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--n-50);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;display:grid}.file-chip__icon{background:var(--white);border:1px solid var(--line);width:32px;height:32px;color:var(--n-600);border-radius:6px;place-items:center;display:grid}.file-chip__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.file-chip__size{color:var(--n-500)}.file-chip__ok{background:var(--success-soft);width:22px;height:22px;color:var(--success);border-radius:50%;place-items:center;display:grid}.file-chip__ok svg{width:14px;height:14px}.calc{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;display:grid}.calc__field{gap:6px;display:grid}.calc__label{color:var(--n-600);font-size:.8125rem;font-weight:600}.calc__value{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--white);font-variant-numeric:tabular-nums;align-items:center;min-height:42px;padding:0 12px;font-weight:600;display:flex}.calc__field--total .calc__value{border-color:var(--n-900);background:var(--n-900);color:var(--white)}.calc__op{min-height:42px;color:var(--n-500);place-items:center;font-size:1.125rem;display:grid}@media (width<=520px){.calc{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.calc__op--eq{display:none}.calc__field--total{grid-column:1/-1}}.cap-note{margin-top:16px}@media (width<=860px){.cap-grid{grid-template-columns:1fr}.cap--logic{grid-row:auto}}.resp{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px 56px;display:grid}.resp__copy{gap:18px;display:grid}.integrations{gap:14px;margin-top:10px;padding:0;list-style:none;display:grid}.integrations li{grid-template-columns:36px 1fr;align-items:center;gap:14px;display:grid}.integrations li>span:last-child{display:grid}.integrations__icon{border:1px solid var(--line);background:var(--white);width:36px;height:36px;color:var(--n-800);border-radius:10px;place-items:center;display:grid}.integrations__icon img{width:24px;height:24px}.integrations__legal{font-size:.75rem}.resp__visual{margin:0}.results{box-shadow:var(--shadow-card);gap:16px;padding:clamp(16px,2.4vw,22px);display:grid}.results__bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.results__title{font-size:.9375rem;font-weight:650}.results__top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 24px;display:grid}.results__stats{gap:10px;margin:0;display:grid}.results__stats div{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--n-50);padding:10px 14px}.results__stats dt{color:var(--n-500);font-size:.75rem;font-weight:600}.results__stats dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:1.375rem;font-weight:700}.results__chart{gap:7px;display:grid}.bar-row{color:var(--n-600);font-variant-numeric:tabular-nums;grid-template-columns:26px minmax(0,1fr) 34px;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:grid}.bar-row__track{width:100%;height:8px;display:block}.bar-row__bg{fill:var(--ocean-50)}.bar-row__fill{fill:var(--ocean-600)}.bar-row__value{text-align:right}.results__star{color:var(--star)}.results__stats .results__star{margin-left:2px;font-size:.8em}.results__tools{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);min-height:30px;color:var(--n-800);align-items:center;gap:6px;padding:0 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.chip svg{width:14px;height:14px;color:var(--n-500)}.chip--ok{background:var(--success-soft);color:var(--success);border-color:#0000}.chip__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.results__sample{color:var(--text-subtle);margin-top:-6px;font-size:.75rem}.results__scroll{border:1px solid var(--line-soft);border-radius:var(--radius-sm);overflow-x:auto}.results__table{border-collapse:collapse;width:100%;min-width:440px;font-size:.875rem}.results__table th,.results__table td{text-align:left;border-bottom:1px solid var(--line-soft);white-space:nowrap;padding:10px 12px}.results__table td:last-child{white-space:normal}.results__table th{background:var(--n-50);color:var(--n-600);font-size:.75rem;font-weight:650}.results__table tbody tr:last-child td{border-bottom:0}.rating-pill{background:var(--n-100);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 8px;font-weight:600;display:inline-flex}@media (width<=960px){.resp{grid-template-columns:1fr}}@media (width<=520px){.results__top{grid-template-columns:1fr}.results__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.results__table{min-width:0}.results__table th:nth-child(3),.results__table td:nth-child(3){display:none}}.demo{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:0 1px 2px #1717170a,0 24px 48px -32px #17171747}.demo__toolbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:8px 12px 8px 18px;display:flex}.demo__crumb{min-width:0;color:var(--n-600);align-items:center;gap:8px;margin-right:auto;font-size:.875rem;display:flex}.demo__crumb-brand{color:var(--n-900);white-space:nowrap;font-weight:650}.demo__crumb-sep{color:var(--n-300)}.demo__crumb-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo__modes,.seg-group{background:var(--n-100);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg{min-height:34px;color:var(--n-600);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.875rem;font-weight:600;display:inline-flex;position:relative}.seg:hover{color:var(--n-900)}.seg[aria-pressed=true],.seg--radio:has(input:checked){background:var(--white);color:var(--n-900);box-shadow:0 1px 2px #1717171f}.seg--radio input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg--radio:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.demo__reset{min-height:36px;color:var(--n-600);padding:0 12px;font-size:.875rem}.demo__body{grid-template-columns:minmax(0,1fr) 284px;display:grid}.demo__canvas{background:var(--n-50);align-content:start;justify-items:center;min-height:480px;padding:clamp(14px,2.4vw,32px);display:grid}.demo__canvas>.fp{width:100%;max-width:620px;padding:clamp(18px,2.4vw,28px)}.demo__panel{border-left:1px solid var(--line);align-content:start;gap:22px;padding:20px;display:grid}.demo__panel-title{color:var(--n-900);font-size:.8125rem;font-weight:650}.demo__field{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.demo__field legend{color:var(--n-600);margin-bottom:10px;padding:0;font-size:.8125rem;font-weight:600}.demo__field-note,.demo__hint{color:var(--n-500);font-size:.8125rem;line-height:1.45}.demo__field .seg-group{display:flex}.demo__field .seg{flex:1;padding:0 10px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:1px solid var(--line);background:var(--white);min-height:36px;color:var(--n-800);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 11px 0 8px;font-size:.8125rem;font-weight:600;display:inline-flex;position:relative}.swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch__dot{background:var(--n-900);border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000014}.swatch[data-color=ocean] .swatch__dot{background:var(--ocean-600)}.swatch[data-color=clay] .swatch__dot{background:var(--clay-600)}.swatch:hover{border-color:var(--n-400)}.swatch:has(input:checked){border-color:var(--n-900);box-shadow:inset 0 0 0 1px var(--n-900)}.swatch:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.demo__footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:12px 12px 12px 18px;display:flex}.demo__note{color:var(--n-600);align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.demo__note:before{content:"";background:var(--n-400);border-radius:50%;width:6px;height:6px}.demo.is-live .demo__note:before{background:var(--success)}@media (width<=979px){.demo__body{grid-template-columns:1fr}.demo__panel{border-left:0;border-bottom:1px solid var(--line);order:-1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 20px;padding:14px 16px}.demo__panel-title,.demo__hint{display:none}.demo__field legend{margin-bottom:6px}.demo__canvas{min-height:0}}@media (width<=560px){.demo__toolbar{flex-wrap:wrap;padding:8px 10px}.demo__crumb{flex:1 0 100%;padding:2px 4px 0}.demo__modes,.demo__modes .seg{flex:1}.demo__footer{padding:12px}.demo__footer .btn{width:100%}}.fe-text{max-width:100%;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-align:left;cursor:text;overflow-wrap:anywhere;background:0 0;border:0;border-radius:6px;margin:-2px -6px;padding:2px 6px;display:inline}.fe-text:hover{box-shadow:inset 0 0 0 1px var(--n-300);background:#1717170d}.fe-input{border:1px solid var(--focus);background:var(--white);width:calc(100% + 12px);font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:var(--n-900);outline-offset:0;border-radius:6px;outline:3px solid #2563eb2e;margin:-3px -7px;padding:2px 6px}.fe-input:focus-visible{outline:3px solid #2563eb40}.fe-q__head .fe-input{flex:1 1 0;width:auto;min-width:0}.fe-list{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.fe-q{background:var(--white);border:1px solid var(--line-soft);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:4px 10px;padding:12px 10px 14px 6px;display:grid;position:relative}.fe-q:hover,.fe-q:focus-within{border-color:var(--n-300)}.fe-q.is-dragging{z-index:2;border-color:var(--n-300);box-shadow:var(--shadow-pop);cursor:grabbing;transition:none}.fe-list.is-sorting{-webkit-user-select:none;user-select:none}.fe-handle{width:28px;height:32px;color:var(--n-400);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.fe-handle:hover,.fe-handle:focus-visible{background:var(--n-100);color:var(--n-900)}.fe-q.is-dragging .fe-handle{cursor:grabbing;color:var(--n-900)}.fe-q__head{grid-column:2;align-items:center;gap:10px;min-width:0;min-height:32px;font-weight:600;display:flex}.fe-q__head .fe-text{flex:0 auto;min-width:0}.fe-q__num,.fe-q__type{flex:none}.fe-q__num{background:var(--n-100);min-width:22px;height:22px;color:var(--n-600);border-radius:6px;place-items:center;padding:0 6px;font-size:.75rem;font-weight:650;display:inline-grid}.fe-q__type{border:1px solid var(--line);min-height:22px;color:var(--n-500);white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:.75rem;font-weight:550;display:inline-flex}.fe-q__control{pointer-events:none;grid-column:2/-1;margin-top:4px}.fe-q__actions{grid-area:1/3;gap:2px;display:flex}.fe-icon-btn{width:32px;height:32px;color:var(--n-500);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.fe-icon-btn:hover{background:var(--n-100);color:var(--n-900)}.fe-icon-btn[aria-disabled=true]{opacity:.35;cursor:default}.fe-icon-btn[aria-disabled=true]:hover{color:var(--n-500);background:0 0}.fe-add{margin-top:10px}.fe-add__btn{border:1.5px dashed var(--n-300);width:100%;min-height:46px;color:var(--n-600);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;display:flex}.fe-add__btn:hover,.fe-add__btn[aria-expanded=true]{border-color:var(--n-500);background:var(--white);color:var(--n-900)}.fe-add__menu{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.fe-add__option{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);min-height:42px;color:var(--n-900);flex:130px;padding:0 12px;font-size:.875rem;font-weight:600}.fe-add__option:hover{border-color:var(--n-500)}.fe-limit{border:1px solid var(--line);background:var(--white);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:14px 16px;font-weight:550;display:flex}.fe-limit:focus-visible{outline:2px solid var(--focus)}@media (width<=640px){.fe-q{grid-template-columns:24px minmax(0,1fr) auto;gap:4px 6px;padding:8px 8px 12px 4px}.fe-q__actions{gap:0;margin-right:-4px}.fe-handle{width:24px;height:36px}.fe-icon-btn{width:30px;height:36px}.fe-q__type{display:none}}.fp-field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.fp-field legend{margin-bottom:8px;padding:0}.fp-control{border:1px solid var(--fp-line);border-radius:var(--radius-sm);background:var(--white);width:100%;min-height:44px;color:var(--n-900);padding:0 12px;font-size:1rem}.fp-control::placeholder{color:var(--n-500)}.fp-control:focus-visible,.fp-choice:has(input:focus-visible),.fp-rate__star:has(input:focus-visible){outline:2px solid var(--fp-accent);outline-offset:1px}.fp-control--area{resize:vertical;min-height:104px;padding:10px 12px}.fp-options--live{gap:8px;display:grid}.fp-choice{border:1px solid var(--fp-line);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.fp-choice input{width:16px;height:16px;accent-color:var(--fp-accent);margin:0}.fp-choice:has(input:checked){border-color:var(--fp-accent);background:var(--fp-soft)}.fp-rate{gap:4px;display:flex}.fp-rate__star{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--n-300);cursor:pointer;place-items:center;display:grid;position:relative}.fp-rate__star input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.fp-rate__star svg{width:28px;height:28px}.fp-rate__star.is-on{color:var(--fp-accent)}.fp-rate__star.is-on svg{fill:currentColor}.fp__progress{color:var(--n-600);margin-top:14px;font-size:.8125rem;font-weight:600}.fp-progress{background:var(--fp-soft);border-radius:2px;height:4px;overflow:hidden}.fp-progress__bar{background:var(--fp-accent);height:100%;transition:width .25s var(--ease);display:block}.fp-stepper>*{animation:fp-step-in .22s var(--ease)}@keyframes fp-step-in{0%{opacity:0;transform:translateY(6px)}}.fp-nav{gap:8px;display:flex}.fp-nav .btn,.fp-nav .fp-submit{gap:6px}.fp-nav svg{width:16px;height:16px}.fp-end{justify-items:start;gap:8px;padding:18px 0 6px;display:grid}.fp-end .fp__title:focus{outline:none}.fp-end__icon{background:var(--fp-soft);width:44px;height:44px;color:var(--fp-accent);border-radius:50%;place-items:center;display:grid}.fp-end__icon svg{width:22px;height:22px}