.of-grid{display:grid;grid-template-areas:"svc" "pick" "sum" "fields" "detail" "materi" "actions";gap:2.5rem}.of-svc{grid-area:svc}.of-pick{grid-area:pick}.of-summary{grid-area:sum}.of-fields{grid-area:fields}.of-detail{grid-area:detail}.of-materi{grid-area:materi}.of-actions{grid-area:actions}.of-legend{font-family:var(--font-001);font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:700;letter-spacing:-.01em;color:var(--color-003);margin-bottom:1.125rem}.of-legend-note{font-weight:500;color:color-mix(in oklab,var(--color-003) 62%,var(--background))}.of-svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.of-svc-card{display:flex;flex-direction:column;gap:.375rem;min-height:7rem;padding:1.125rem;background:var(--clr-13);border:2.5px solid var(--color-003);border-radius:18px;cursor:pointer}.of-svc-card[data-id=hoaks]{background:var(--clr-15)}.of-svc-card[data-id=pt]{background:var(--clr-7)}.of-svc-card:hover{filter:brightness(1.02)}input:checked+.of-svc-card{border-width:3px;padding:calc(1.125rem - .5px)}input:focus-visible+.of-svc-card{outline:3px solid var(--color-003);outline-offset:2px}.of-svc-name{font-family:var(--font-001);font-size:1.125rem;font-weight:700;line-height:1.15;color:var(--color-003)}.of-svc-note{line-height:1.4;color:color-mix(in oklab,var(--color-003) 72%,var(--background))}.of-svc-note,.of-svc-promise{font-family:var(--font-002);font-size:.875rem}.of-svc-promise{line-height:1.45;color:var(--color-003);text-wrap:pretty}.of-svc-foot{margin-top:auto;padding-top:.75rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem}.of-svc-from{font-family:var(--font-001);font-size:.9375rem;font-weight:700;color:var(--color-003)}.of-svc-count{font-size:.875rem;font-weight:600;color:color-mix(in oklab,var(--color-003) 70%,var(--background))}.of-label,.of-svc-count{font-family:var(--font-002)}.of-label{display:grid;gap:.25rem;font-size:.9375rem;font-weight:700;color:var(--color-003);margin-bottom:.5rem}.of-req{font-weight:500}.of-hint,.of-req{color:color-mix(in oklab,var(--color-003) 60%,var(--background))}.of-hint{font-weight:400;font-size:.875rem}.of-input{display:block;width:100%;min-height:3rem;padding:.625rem 1rem;font-family:var(--font-002);font-size:1rem;line-height:1.45;color:var(--color-003);background:var(--background);border:2.5px solid var(--color-003);border-radius:12px}.of-area{resize:vertical;min-height:7.5rem}.of-file-btn:focus-visible,.of-input:focus-visible,.of-pkg:focus-within,.of-reset:focus-visible,.of-submit:focus-visible{outline:3px solid var(--color-003);outline-offset:2px}.of-input[aria-invalid=true]{border-color:var(--clr-19)}.of-field{margin-bottom:1.25rem}.of-field:last-of-type{margin-bottom:0}.of-err{margin-top:.375rem;font-weight:600;color:var(--clr-19)}.of-err,.of-note{font-family:var(--font-002);font-size:.875rem}.of-note{margin-top:1rem;line-height:1.5;color:color-mix(in oklab,var(--color-003) 66%,var(--background));max-width:60ch}.of-pkgs{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.of-pkg{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.375rem;min-height:5.5rem;padding:.875rem 1rem;background:var(--background);border:2.5px solid var(--color-003);border-radius:16px;cursor:pointer}.of-pkg:hover{background:color-mix(in oklab,var(--clr-13) 45%,var(--background))}input:checked+.of-pkg{background:var(--clr-13);border-width:3px;padding:calc(.875rem - .5px) calc(1rem - .5px)}input:focus-visible+.of-pkg{outline:3px solid var(--color-003);outline-offset:2px}.of-pkg-name{font-family:var(--font-001);font-size:1.0625rem;font-weight:700;line-height:1.15;color:var(--color-003)}.of-pkg-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;font-family:var(--font-002);font-size:.875rem;line-height:1.4;color:color-mix(in oklab,var(--color-003) 72%,var(--background))}.of-pkg-badge,.of-pkg-price{font-weight:700;color:var(--color-003)}.of-pkg-badge{align-self:flex-start;font-family:var(--font-001);font-size:.875rem;line-height:1;background:var(--clr-16);border:2px solid var(--color-003);border-radius:999px;padding:.25rem .625rem}.of-summary{background:color-mix(in oklab,var(--clr-13) 45%,var(--background));border:3px solid var(--color-003);border-radius:22px;padding:1.375rem 1.375rem 1.5rem}.of-sum-title{font-family:var(--font-001);font-size:1.375rem;font-weight:700;letter-spacing:-.01em;color:var(--color-003)}.of-sum-rows{margin-top:1rem}.of-sum-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.625rem}.of-sum-row+.of-sum-row{border-top:2.5px solid color-mix(in oklab,var(--color-003) 22%,transparent)}.of-sum-row dt{font-family:var(--font-002);font-size:.9375rem;font-weight:600;color:color-mix(in oklab,var(--color-003) 66%,var(--background))}.of-sum-row dd{text-align:right}.of-sum-pkg{display:block;font-family:var(--font-001);font-size:1.125rem;font-weight:700;color:var(--color-003)}.of-sum-sub{margin-top:.125rem;color:color-mix(in oklab,var(--color-003) 66%,var(--background))}.of-sum-sub,.of-sum-was{display:block;font-family:var(--font-002);font-size:.875rem}.of-sum-was{color:color-mix(in oklab,var(--color-003) 60%,var(--background));text-decoration:line-through}.of-sum-price{display:block;font-family:var(--font-001);font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:800;letter-spacing:-.01em;color:var(--color-003)}.of-sum-link{display:inline-flex;min-height:3rem;align-items:center;gap:.5rem;margin-top:.75rem;font-family:var(--font-002);font-size:.9375rem;font-weight:700;color:var(--color-003);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.of-sum-link:hover{text-decoration-thickness:3px}.of-sum-pay{margin-top:1rem;background:var(--background);border:2.5px solid var(--color-003);border-radius:14px;padding:1rem 1.125rem}.of-sum-pay-title{font-family:var(--font-001);font-size:1rem;font-weight:700;color:var(--color-003)}.of-sum-pay-text{margin-top:.375rem;font-family:var(--font-002);font-size:.875rem;line-height:1.5;color:color-mix(in oklab,var(--color-003) 76%,var(--background));text-wrap:pretty}.of-file{display:flex;gap:.875rem;padding:.375rem .375rem .375rem 0;cursor:pointer}.of-file,.of-file-btn{align-items:center;min-height:3rem}.of-file-btn{flex:none;display:inline-flex;padding:.625rem 1.125rem;font-family:var(--font-001);font-size:.9375rem;font-weight:700;color:var(--color-003);background:var(--clr-16);border:2.5px solid var(--color-003);border-radius:999px}.of-file:hover .of-file-btn{background:color-mix(in oklab,var(--clr-16) 70%,var(--background))}.of-file-name{font-family:var(--font-002);font-size:.875rem;line-height:1.45;color:color-mix(in oklab,var(--color-003) 76%,var(--background));overflow-wrap:anywhere}.of-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.875rem 1.25rem}.of-submit{display:inline-flex;min-height:3.5rem;align-items:center;gap:.625rem;padding:.875rem 2rem;font-family:var(--font-001);font-size:1.0625rem;font-weight:800;color:var(--background);background:var(--color-003);border-radius:999px}.of-submit:hover{background:var(--clr-29)}.of-reset{display:inline-flex;min-height:3rem;align-items:center;padding:.625rem 1.25rem;font-family:var(--font-002);font-size:.9375rem;font-weight:600;color:var(--color-003);background:transparent;border:2.5px solid var(--color-003);border-radius:999px}.of-reset:hover{background:color-mix(in oklab,var(--clr-13) 45%,var(--background))}@media (min-width:1024px){.of-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"svc svc" "pick sum" "fields sum" "detail sum" "materi sum" "actions sum";gap:3rem;align-items:start}.of-summary{position:sticky;top:7rem}.of-pkgs{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.of-pkgs{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.of-svcs{grid-template-columns:1fr}.of-svc-card{min-height:5.5rem}}