.checkout-app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}.checkout-header{z-index:30;background:var(--byf-surface);border-bottom:1px solid var(--byf-line);position:sticky;top:0}.checkout-header__inner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{color:var(--byf-ink);letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.brand__mark{background:linear-gradient(135deg, var(--byf-primary), var(--byf-accent));color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand__logo{width:auto;height:38px;display:block}.cart-button{border:1px solid var(--byf-line);background:var(--byf-surface);color:var(--byf-ink);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-family:inherit;font-size:.82rem;font-weight:700;display:inline-flex;position:relative}.cart-button:hover{border-color:var(--byf-primary)}.cart-button__badge{background:var(--byf-primary);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.checkout-main{flex:1;padding:1rem 0 4rem}.checkout-footer{z-index:20;background:var(--byf-surface);border-top:1px solid var(--byf-line);position:sticky;bottom:0}.checkout-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;min-height:52px;padding-top:.6rem;padding-bottom:.6rem;display:flex}.checkout-footer__copy{color:var(--byf-muted);font-size:.82rem}.checkout-footer__links{gap:1.5rem;display:flex}.checkout-footer__links .inline-link{font-size:.82rem}.step-head{margin-bottom:1.5rem}.step-head__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.35rem;display:flex}.step-head__row h1{margin:0}.step-head h1{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.7rem}.step-head p{color:var(--byf-muted);margin:0}.checkout-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem;display:grid}.checkout-col-head{color:var(--byf-ink);margin:0 0 1rem;font-size:1.15rem}@media (width<=860px){.checkout-layout{grid-template-columns:1fr;gap:2.25rem}}.step-nav{z-index:20;background:var(--byf-navy);position:sticky;top:68px}.step-nav__inner{display:flex}.step-nav__item{color:#fff;cursor:pointer;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;gap:.5rem;padding:.25rem .5rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:background .12s;display:flex}.step-nav__item:not(:last-child){box-shadow:inset -1px 0 #ffffff1a}.step-nav__item:hover:not(:disabled):not(.step-nav__item--active){background:#ffffff12}.step-nav__item--active{background:var(--byf-secondary);color:var(--byf-navy)}.step-nav__item:disabled{cursor:not-allowed;color:#ffffff73}.step-nav__num{color:#fff;background:#ffffff29;border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:grid}.step-nav__item--active .step-nav__num{color:var(--byf-navy);background:#17355638}.step-nav__item--done .step-nav__num{background:var(--byf-primary);color:#fff}.step-nav__item:disabled .step-nav__num{color:#ffffff80;background:#ffffff1a}@media (width<=640px){.step-nav__item{flex-direction:column;gap:.25rem;padding:.6rem .25rem;font-size:.68rem}}.btn{text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-family:inherit;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn-primary{background:var(--byf-primary);color:#fff}.btn-primary:hover{background:var(--byf-primary-dark)}.btn-secondary{background:var(--byf-secondary);color:var(--byf-navy)}.btn-secondary:hover{background:#ffce3a}.btn-ghost{background:var(--byf-surface);border-color:var(--byf-line);color:var(--byf-ink)}.btn-ghost:hover{border-color:var(--byf-primary);color:var(--byf-primary)}.btn-block{width:100%}.btn-sm{border-radius:8px;padding:.45rem .8rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-link{color:var(--byf-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.step-actions{justify-content:space-between;gap:1rem;margin-top:2rem;display:flex}.card{background:var(--byf-surface);border:1px solid var(--byf-line);border-radius:var(--byf-radius);box-shadow:var(--byf-shadow-sm)}.option-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.option-card{border:2px solid var(--byf-line);border-radius:var(--byf-radius);background:var(--byf-surface);cursor:pointer;text-align:left;flex-direction:column;padding:1.25rem;display:flex;position:relative}.option-card:hover{border-color:#c7d2fe}.option-card--selected{border-color:var(--byf-primary);box-shadow:0 0 0 3px var(--byf-primary-soft)}.option-card--disabled{opacity:.7;cursor:default;background:#fbfcfe}.option-card__title{margin:0 0 .2rem;font-size:1.1rem;font-weight:700}.option-card__sub{color:var(--byf-muted);flex:1;margin:0 0 .9rem;font-size:.9rem}.option-card__price{font-size:1.4rem;font-weight:800}.option-card__price small{color:var(--byf-muted);font-size:.8rem;font-weight:600}.option-card__check{background:var(--byf-primary);color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.8rem;display:grid;position:absolute;top:.85rem;right:.95rem}.option-card__popular{background:var(--byf-secondary);color:var(--byf-ink);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:.2rem .7rem;font-size:.7rem;font-weight:800;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0f172a2e}.tag{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.tag--primary{background:var(--byf-primary-soft);color:var(--byf-primary)}.tag--muted{color:var(--byf-muted);background:#f1f5f9}.tag--warn{color:var(--byf-warning);background:#fff7ed}.tag--danger{color:var(--byf-danger);background:#fef2f2}.hgrid{border:1px solid var(--byf-line);border-radius:var(--byf-radius);background:var(--byf-surface);margin-top:2rem;overflow-x:auto}.hgrid table{border-collapse:collapse;width:100%;min-width:640px}.hgrid th,.hgrid td{text-align:center;border-bottom:1px solid var(--byf-line);padding:.7rem 1rem;font-size:.9rem}.hgrid th:first-child,.hgrid td:first-child{text-align:left;color:var(--byf-ink);font-weight:600}.hgrid thead th{background:var(--byf-surface);font-size:.95rem;position:sticky;top:0}.hgrid__col--active{background:var(--byf-primary-soft)}.hgrid__group td{text-transform:uppercase;letter-spacing:.05em;color:var(--byf-muted);text-align:left;background:#f8fafc;font-size:.72rem;font-weight:700}.yes{color:var(--byf-success);font-weight:700}.no{color:#cbd5e1}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{font-size:.88rem;font-weight:600}.field input,.field select{border:1px solid var(--byf-line);background:var(--byf-surface);color:var(--byf-ink);border-radius:10px;padding:.7rem .85rem;font-size:.95rem}.field input:focus,.field select:focus{border-color:var(--byf-primary);box-shadow:0 0 0 3px var(--byf-primary-soft);outline:none}.field__error{color:var(--byf-danger);font-size:.82rem}.field__hint{color:var(--byf-muted);margin:0;font-size:.8rem}.field--check{flex-direction:row;align-items:flex-start;gap:.6rem}.field--check input{margin-top:.2rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.notice{border-radius:10px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.9rem}.notice--warn{color:var(--byf-warning);background:#fffbeb;border:1px solid #fde68a}.notice--info{background:var(--byf-primary-soft);color:var(--byf-primary-dark);border:1px solid #c7d2fe}.notice--error{color:var(--byf-danger);background:#fef2f2;border:1px solid #fecaca}.muted{color:var(--byf-muted)}.panel-overlay{z-index:40;background:#0f172a73;position:fixed;inset:0}.panel{background:var(--byf-surface);width:min(420px,100vw);height:100vh;box-shadow:var(--byf-shadow);z-index:50;flex-direction:column;display:flex;position:fixed;top:0;right:0}.panel__head{border-bottom:1px solid var(--byf-line);justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.panel__head h2{margin:0;font-size:1.15rem}.panel__close{cursor:pointer;color:var(--byf-muted);background:0 0;border:none;font-size:1.4rem;line-height:1}.billing-toggle{background:#f1f5f9;border-radius:999px;margin:1rem 1.25rem 0;padding:.3rem;display:flex}.billing-toggle button{text-transform:uppercase;letter-spacing:.03em;color:var(--byf-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:.5rem;font-family:inherit;font-size:.78rem;font-weight:700}.billing-toggle button.active{background:var(--byf-surface);color:var(--byf-primary);box-shadow:var(--byf-shadow-sm)}.billing-toggle--inline{flex:none;margin:0}.billing-toggle--inline button{flex:none;padding:.45rem 1rem}.billing-toggle .save{background:var(--byf-secondary);color:var(--byf-navy);letter-spacing:.02em;border-radius:999px;margin-left:.3rem;padding:.05rem .4rem;font-size:.62rem;font-weight:800;display:inline-block}.panel__body{flex:1;padding:1rem 1.25rem;overflow-y:auto}.panel__section+.panel__section{margin-top:1.4rem}.panel__section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--byf-muted);margin:0 0 .6rem;font-size:.78rem}.line{border-bottom:1px dashed var(--byf-line);justify-content:space-between;gap:.75rem;padding:.6rem 0;display:flex}.line__name{font-size:.92rem;font-weight:600}.line__meta{color:var(--byf-muted);font-size:.8rem}.line__price{text-align:right;white-space:nowrap;font-size:.9rem;font-weight:700}.line__remove{color:var(--byf-danger);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem}.panel__empty{text-align:center;color:var(--byf-muted);padding:2.5rem 1rem}.panel__foot{border-top:1px solid var(--byf-line);padding:1.1rem 1.25rem 1.4rem}.totals-row{justify-content:space-between;margin-bottom:.4rem;font-size:.9rem;display:flex}.totals-row--grand{margin-top:.6rem;font-size:1.15rem;font-weight:800}.totals-row--discount{color:var(--byf-success)}.panel__startover{border:1px solid var(--byf-line);width:100%;color:var(--byf-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border-radius:999px;margin-top:.9rem;padding:.6rem;font-family:inherit;font-size:.78rem;font-weight:700}.panel__startover:hover{color:var(--byf-danger);border-color:var(--byf-danger)}.modal-overlay{z-index:60;background:#0f172a8c;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.modal{background:var(--byf-surface);border-radius:var(--byf-radius);box-shadow:var(--byf-shadow);flex-direction:column;width:min(680px,100%);max-height:min(82vh,760px);display:flex}.modal__head{border-bottom:1px solid var(--byf-line);justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.modal__head h2{margin:0;font-size:1.2rem}.modal__close{cursor:pointer;color:var(--byf-muted);background:0 0;border:none;font-size:1.5rem;line-height:1}.modal__body{padding:1.25rem 1.5rem 1.75rem;overflow-y:auto}.modal__body h3{margin:1.25rem 0 .4rem;font-size:1rem}.modal__body h3:first-of-type{margin-top:0}.modal__body p{margin:0 0 .75rem;font-size:.92rem;line-height:1.55}.modal__updated{color:var(--byf-muted);margin-bottom:1rem!important;font-size:.82rem!important}.modal__foot{border-top:1px solid var(--byf-line);text-align:right;padding:1rem 1.5rem 1.25rem}.inline-link{font:inherit;color:var(--byf-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.inline-link:hover{color:var(--byf-primary-dark)}.legal-doc{color:var(--byf-ink)}.legal-doc__updated{color:var(--byf-muted);margin:0 0 1.25rem;font-size:.82rem}.legal-doc h2{color:var(--byf-ink);margin:1.75rem 0 .6rem;font-size:1.05rem;font-weight:700}.legal-doc h2:first-of-type{margin-top:0}.legal-doc h3{color:var(--byf-ink);margin:1.25rem 0 .4rem;font-size:.95rem;font-weight:700}.legal-doc p{color:var(--byf-ink);margin:0 0 .85rem;font-size:.9rem;line-height:1.6}.legal-doc ul{margin:0 0 .95rem;padding-left:1.25rem}.legal-doc ul.legal-doc__clauses{padding-left:1.1rem;list-style:none}.legal-doc li{margin-bottom:.4rem;font-size:.9rem;line-height:1.55}.legal-doc a{color:var(--byf-primary);text-decoration:underline}.slide-enter-active,.slide-leave-active{transition:transform .25s}.slide-enter-from,.slide-leave-to{transform:translate(100%)}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.stack>*+*{margin-top:1rem}.center{text-align:center}.spinner-note{color:var(--byf-muted);font-size:.82rem}@media (width<=560px){.form-row{grid-template-columns:1fr}.step-head h1{font-size:1.4rem}}.savings-banner{border-radius:var(--byf-radius);box-shadow:var(--byf-shadow-sm);background:#1f2329;align-items:center;margin-bottom:1.5rem;display:flex;overflow:hidden}.savings-banner__img{object-fit:cover;background:#dfe4e7;flex:none;width:200px;height:150px}.savings-banner__body{color:#fff;flex-direction:column;flex:1;justify-content:center;gap:.2rem;padding:1.1rem 1.9rem;display:flex}.savings-banner__title{letter-spacing:-.01em;color:#f0883e;margin:0;font-size:2rem;font-weight:800;line-height:1.05}.savings-banner__sub{color:#fff;margin:0;font-size:1.35rem;font-weight:800}.savings-banner__hl{color:var(--byf-success)}.savings-banner__note{letter-spacing:.08em;text-transform:uppercase;color:#aeb6bf;margin:.15rem 0 0;font-size:.7rem;font-weight:700}@media (width<=640px){.savings-banner__img{width:130px}.savings-banner__title{font-size:1.5rem}.savings-banner__sub{font-size:1.1rem}.savings-banner__body{padding:1rem 1.25rem}}.summary-table{border-collapse:collapse;width:100%}.summary-table th,.summary-table td{text-align:left;vertical-align:top;border:none;padding:.55rem 0}.summary-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--byf-muted);font-size:.72rem;font-weight:700}.summary-table tbody td:first-child{color:var(--byf-ink);font-weight:600}.summary-table th:not(:first-child),.summary-table td:not(:first-child){text-align:right;white-space:nowrap;width:1%;padding-left:1.5rem}.summary-table__recurring{color:var(--byf-muted)}.summary-table__setup{color:var(--byf-ink);font-weight:600}.summary-table__meta{color:var(--byf-muted);margin-top:.15rem;font-size:.8rem;font-weight:400;display:block}:root{--byf-primary:#27856f;--byf-primary-dark:#1f6a58;--byf-primary-soft:#e7f2ef;--byf-secondary:#f9c10b;--byf-secondary-soft:#fef6da;--byf-navy:#173556;--byf-bg:#f4f6fb;--byf-surface:#fff;--byf-ink:#173556;--byf-muted:#64748b;--byf-line:#e2e8f0;--byf-accent:#173556;--byf-success:#1f9d6b;--byf-danger:#dc2626;--byf-warning:#b45309;--byf-radius:14px;--byf-shadow:0 18px 50px #17355624;--byf-shadow-sm:0 4px 14px #17355614;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--byf-bg);min-height:100vh;color:var(--byf-ink);-webkit-font-smoothing:antialiased;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{min-height:100vh}