.flow-page{padding-block:clamp(2rem, 5vw, 4rem) var(--section);padding-inline:var(--edge)}.flow{grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}.flow__main{min-width:0;max-width:36rem}.flow__loading{padding-block:3rem}.flow__step{color:var(--red-ink);margin-bottom:.5rem;font-weight:600}.flow__back{margin-top:1.5rem}.flow__summary{background:var(--ink);color:var(--white);border-radius:2px;order:-1;padding:1rem 1.25rem}.flow__summary h2{color:var(--yellow);font-size:1.25rem}.flow__plan{font-weight:600}.flow__total{align-items:baseline;gap:.6rem;display:flex}.flow__total strong{color:var(--yellow);font-variant-numeric:lining-nums tabular-nums;font-family:"Baloo 2",system-ui,sans-serif;font-size:2rem;font-weight:800;line-height:1.1}.flow__sample{font-size:1rem}.flow__summary .textlink{color:var(--white)}@media (width>=62rem){.flow{grid-template-columns:minmax(0,36rem) 22rem;align-items:start;gap:5rem}.flow__summary{outline:2px solid var(--yellow);outline-offset:-.5rem;order:0;padding:1.5rem;position:sticky;top:1.5rem}}.form{gap:1.1rem;display:grid}.form h2{font-size:clamp(1.875rem,1.5rem + 1.4vw,2.75rem)}.form h3{margin-top:1rem;font-size:1.625rem}.form__links{justify-items:start;gap:.5rem;display:grid}.form__row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.field{gap:.3rem;display:grid}.field__label{font-weight:600}.field__hint{font-size:1.0625rem;line-height:1.45}.field input{border:2px solid var(--ink);background:var(--white);width:100%;min-height:3.5rem;color:var(--ink);font:inherit;border-radius:2px;padding:.5rem .85rem;font-size:1.375rem}.field input:focus{outline:3px solid var(--yellow);outline-offset:1px}.field--short{max-width:12rem}.field--code input{letter-spacing:.3em;text-align:center;font-variant-numeric:lining-nums tabular-nums;max-width:14rem;padding-left:1.1rem;font-family:"Baloo 2",system-ui,sans-serif;font-size:2rem;font-weight:700}.field-row{gap:1.1rem;display:grid}@media (width>=30rem){.field-row{grid-template-columns:1fr 1fr}}.choice{border:0;gap:.5rem;min-width:0;margin:0;padding:0;display:grid}.choice legend{margin-bottom:.5rem;padding:0;font-weight:600}.choice label{cursor:pointer;display:block;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice span{border:2px solid var(--ink);border-radius:2px;align-content:center;min-height:3.75rem;padding:.6rem 1rem;display:grid}.choice strong{font-family:var(--display);font-size:1.375rem;font-weight:700;line-height:1.2}.choice input:checked+span{background:var(--yellow)}.choice input:focus-visible+span{outline:3px solid var(--ink);outline-offset:2px}.choice--row{grid-template-columns:repeat(3,minmax(0,1fr))}.choice--row legend{float:left;grid-column:1/-1;width:100%}.choice--row span{text-align:center;padding-inline:.25rem}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--line{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.btn--line:hover{background:var(--yellow)}.textlink{min-height:2.75rem;color:inherit;font:inherit;text-underline-offset:.2em;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.4rem;padding:0;font-weight:600;text-decoration:underline 2px;display:inline-flex}.problem{color:var(--red-ink);grid-template-columns:1.5rem 1fr;gap:.5rem;font-weight:600;display:grid}.problem svg{margin-top:.2rem}.dev-note{background:var(--yellow);padding:.5rem .75rem;font-weight:600}.pay{gap:1.25rem;display:grid}.pay h2{font-size:clamp(2.25rem,1.7rem + 2vw,3.25rem)}.pay__ref{border-bottom:2px solid var(--rule);padding-bottom:1rem}.pay__ref strong,.result__facts dd{letter-spacing:.04em;font-variant-numeric:lining-nums tabular-nums;font-family:"Baloo 2",system-ui,sans-serif}.pay__button{width:100%;min-height:4rem;font-size:1.375rem}.pay__ways{text-align:center;margin-top:-.5rem;font-size:1.0625rem}.pay__safe{color:var(--ink-soft,var(--ink));align-items:flex-start;gap:.5rem;font-size:1rem;display:flex}.pay__safe svg{flex:none;margin-top:.2rem}.pay__note{background:var(--yellow);align-items:flex-start;gap:.6rem;padding:.75rem 1rem;font-weight:600;display:flex}.pay__note svg,.pay__failed-title svg{flex:none;margin-top:.15rem}.pay__failed{background:var(--white);border:2px solid var(--red-ink);gap:.4rem;padding:.9rem 1rem;display:grid}.pay__failed-title{color:var(--red-ink);align-items:flex-start;gap:.6rem;font-weight:700;display:flex}.result{justify-items:start;gap:1rem;max-width:36rem;display:grid}.result h2{text-wrap:balance;font-size:clamp(2rem,1.6rem + 1.8vw,3rem);line-height:1.15}.result__mark{color:var(--red-ink)}.result--paid .result__mark{color:var(--ink);background:var(--yellow);box-sizing:content-box;border-radius:50%;padding:.35rem}.result__lead{font-size:1.375rem;font-weight:600;line-height:1.4}.result__next{gap:.5rem;display:grid}.result__facts{border-block:2px solid var(--rule);gap:.25rem;width:100%;margin:.5rem 0 0;padding-block:.75rem;display:grid}.result__facts div{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;display:flex}.result__facts dt{font-weight:600}.result__facts dd{margin:0}.result__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.account{grid-template-columns:minmax(0,1fr);gap:2.5rem;max-width:44rem;display:grid}.account__plan{background:var(--ink);color:var(--white);outline:2px solid var(--yellow);outline-offset:-.5rem;justify-items:start;gap:.5rem;padding:1.5rem;display:grid}.account__plan h2{color:var(--yellow);font-size:1.375rem}.account__plan .btn{margin-top:.75rem}.account__name{font-family:var(--display);font-size:2.25rem;font-weight:800;line-height:1.15}.account__part{justify-items:start;gap:.5rem;display:grid}.account__part>.form{width:100%}.account__part h2{align-items:center;gap:.6rem;font-size:1.75rem;display:flex}.account__part h2 svg{color:var(--red-ink);flex:none}.account__part address{font-style:normal}.account__saved{color:var(--ink);background:var(--yellow);justify-self:start;padding:.25rem .75rem;font-weight:600}.account__orders{width:100%;display:grid}.account__orders li{border-top:2px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.9rem;display:flex}.account__orders li>div{display:grid}.account__orders .btn{min-height:3rem;font-size:1.125rem}.status{font-weight:600}.status--awaiting_payment{color:var(--red-ink)}.account__notice{background:var(--yellow);padding:.6rem .85rem;font-weight:600}.account__check{cursor:pointer;align-items:flex-start;gap:.6rem;min-height:2.75rem;display:flex}.account__check input{width:1.5rem;height:1.5rem;accent-color:var(--ink);flex:none;margin-top:.15rem}.flow-page{min-height:100svh}.past-year{border-bottom:2px solid var(--rule);padding-bottom:1rem}.past-year__remove{justify-self:start}.choice input:disabled+span{opacity:.5;cursor:not-allowed}.choice small{font-size:1rem}.flow__notes{background:var(--white);border:2px solid var(--ink);gap:.5rem;padding:.75rem 1rem;display:grid}.flow__notes p{align-items:flex-start;gap:.5rem;display:flex}.flow__notes svg{flex:none;margin-top:.2rem}.flow__items{gap:.25rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.flow__items li{justify-content:space-between;gap:1rem;display:flex}.field select{border:2px solid var(--ink);background:var(--white);min-height:3.25rem;font:inherit;border-radius:2px;padding:0 .75rem}.field__label svg{vertical-align:-.15em}.account__years{font-family:var(--display);font-size:1.5rem;font-weight:700}.bundle-includes{background:var(--white);border:2px solid var(--rule);gap:.4rem;padding:1rem 1.25rem;display:grid}.bundle-includes p{align-items:flex-start;gap:.6rem;display:flex}.bundle-includes svg{color:var(--red-ink);flex:none;margin-top:.15rem}.bundle-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.bundle-list li{border:2px solid var(--ink);background:var(--white);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.25rem 1rem;padding:.9rem 1rem;display:grid}.bundle-list__year{font-family:var(--display);color:var(--red-ink);font-size:1.75rem;font-weight:800;line-height:1}.bundle-list__what{font-size:1.0625rem;display:grid}.bundle-list__what small{font-size:.9375rem}.bundle-list strong{font-size:1.375rem}.bundle-list .textlink{grid-column:1/-1;justify-self:start}.account__ready{background:var(--yellow);color:var(--ink);justify-items:start;gap:.75rem;padding:1.25rem 1.5rem;display:grid}.account__ready h2{align-items:center;gap:.5rem;display:flex}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}
