*{box-sizing:border-box;margin:0;padding:0}
:root{
  --paper:#f6f6f4;      
  --card:#ffffff;       
  --sunk:#ececea;       
  --ink:#111111;        
  --ink2:#45454a;       
  --ink3:#66666b;       
  --line:#e3e3df;
  --line2:#cdcdc8;
  --gold:#d4921a;       
  --gold-ink:#8a5800;   
  --gold-wash:#fbf3e2;  
  --green:#1b7442;
  --green-wash:#e3f1e7;
  --red:#b42318;
  --red-wash:#fbe9e7;
  --display:'Archivo','Inter',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',system-ui,sans-serif;font-size:15px;font-weight:500;line-height:1.5;
  color:var(--ink);background:var(--paper);min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold-ink);text-underline-offset:3px}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.fx-top :focus-visible{outline-color:#f6f6f4}
h1,.fx-offer-h,.fx-done h1{font-family:var(--display);font-stretch:112%;letter-spacing:-.01em;text-wrap:balance}

.fx-top{display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,40px);background:var(--ink);color:#f6f6f4}
.fx-brand{display:flex;align-items:center;gap:10px;color:#f6f6f4;text-decoration:none;font-family:var(--display);font-stretch:112%;font-weight:800;letter-spacing:.01em;min-height:44px}
.fx-brand img{border-radius:6px}
.fx-secure{display:flex;align-items:center;gap:7px;font-size:.78rem;color:#c9c9c4;font-weight:600}
.fx-secure svg{color:#7ccf98}

.fx-wrap{max-width:1100px;margin:0 auto;padding:36px clamp(16px,4vw,40px) 80px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}
@media(max-width:920px){.fx-wrap{grid-template-columns:1fr;gap:28px;padding-top:22px;padding-bottom:110px}}

.fx-stripes{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;stroke:none}
.fx-stripes .far{fill:var(--ink);opacity:.045}
.fx-stripes .mid{fill:var(--ink);opacity:.075}
.fx-stripes .gold{fill:var(--gold)}

@media(min-width:921px){.fx-main{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 32px 32px}}
@media(max-width:920px){
  .fx-progress li{background:var(--paper)}
  .fx-stripes{position:absolute;inset:auto 0 auto 0;height:300px;
    -webkit-mask:linear-gradient(180deg,#000 50%,transparent);mask:linear-gradient(180deg,#000 50%,transparent)}
  .fx-stripes .gold{opacity:.3}
}

.fx-progress{list-style:none;display:flex;gap:6px;margin-bottom:30px}
.fx-progress li{flex:1;display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--ink3);padding:10px 12px;border-radius:10px;border:1px solid var(--line);transition:background .2s,border-color .2s,color .2s}
.fx-progress li span{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-family:var(--mono);border:1.5px solid var(--line2);color:var(--ink3)}
.fx-progress li.is-active{background:var(--card);border-color:var(--ink);color:var(--ink)}
.fx-progress li.is-active span{background:var(--ink);border-color:var(--ink);color:#fff}
.fx-progress li.is-done{color:var(--green);border-color:#bcdcc6;background:var(--green-wash)}
.fx-progress li.is-done span{background:var(--green);border-color:var(--green);color:#fff;font-size:0}
.fx-progress li.is-done span::after{content:'✓';font-size:.75rem}
@media(max-width:480px){.fx-progress li{font-size:0;gap:0;justify-content:center;padding:9px 6px}.fx-progress li.is-active{font-size:.76rem;gap:7px;flex:2.4}}

.fx-banner{background:var(--gold-wash);border:1px solid #ecd9b0;color:var(--ink);padding:12px 16px;border-radius:10px;font-size:.88rem;margin-bottom:22px}

.fx-step{border:none;display:none}
.fx-step.is-active{display:block;animation:fxIn .3s ease-out}
@keyframes fxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fx-step legend{margin-bottom:24px;padding:0}
.fx-step h1{font-size:clamp(1.75rem,4vw,2.4rem);font-weight:900;line-height:1.05;margin-bottom:8px}
.fx-step legend p{color:var(--ink2);line-height:1.6;max-width:540px}
.fx-step-art{display:flex;gap:12px;color:var(--gold-ink);margin-bottom:14px}
.fx-step-art svg{width:22px;height:22px;stroke-width:1.7}
@media(min-width:921px){.fx-step-art{display:none}}

.fx-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fx-row-3{grid-template-columns:2fr 1fr 1fr}
@media(max-width:560px){.fx-row{grid-template-columns:1fr}.fx-row-3{grid-template-columns:1fr 1fr}.fx-row-3 .fx-field:first-child{grid-column:1/-1}}
.fx-field{display:block;margin-bottom:16px}
.fx-field>span{display:block;font-size:.8rem;font-weight:700;color:var(--ink);margin-bottom:6px}
.fx-field small{display:block;font-size:.76rem;color:var(--ink3);margin-top:6px;line-height:1.45}
input,select,textarea{
  width:100%;font:inherit;font-size:1rem;color:var(--ink);
  background:var(--card);border:1.5px solid var(--line2);border-radius:10px;padding:12px 14px;min-height:48px;
  transition:border-color .15s,box-shadow .15s;outline:none;
}
input::placeholder{color:#8e8e93}
input:hover,select:hover{border-color:#b4b4ae}
input:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(212,146,26,0.28)}
select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2345454a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:15px}
input.is-filled,select.is-filled{border-color:#a9a9a3}
input.is-next,select.is-next{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,146,26,0.22)}
.has-error input,.has-error select,input.has-error{border-color:var(--red);background:#fffaf9}
.fx-msg{font-size:.78rem;color:var(--red);margin-top:6px;font-weight:600}
.fx-msg a{color:var(--red);font-weight:700}
.fx-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.fx-check{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:var(--ink2);line-height:1.55;margin:6px 0 18px;cursor:pointer;flex-wrap:wrap;padding:4px 0}
.fx-check input{width:20px;height:20px;min-width:20px;min-height:0;margin-top:1px;accent-color:var(--ink);padding:0}
.fx-check span{flex:1}
.fx-check .fx-msg{flex-basis:100%;margin-left:30px}

.fx-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line2);border-radius:12px;overflow:hidden;background:var(--card)}
.fx-stepper button{width:52px;height:52px;background:none;border:none;color:var(--ink);font-size:1.4rem;cursor:pointer;transition:background .15s}
.fx-stepper button:hover{background:var(--sunk)}
.fx-stepper button:active{background:#e2e2de}
.fx-stepper input{width:72px;min-height:52px;text-align:center;border:none;border-left:1.5px solid var(--line);border-right:1.5px solid var(--line);border-radius:0;font-family:var(--mono);font-weight:600;font-size:1.25rem;-moz-appearance:textfield;background:transparent}
.fx-stepper input::-webkit-outer-spin-button,.fx-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fx-stepper input:focus{box-shadow:inset 0 0 0 2px var(--gold)}
.fx-stepper-sm button{width:40px;height:42px;font-size:1.15rem}
.fx-stepper-sm input{width:48px;min-height:42px;font-size:1rem}

.fx-offer{margin:18px 0 12px;background:var(--card);border:1.5px solid var(--ink);border-radius:16px;padding:20px 20px 16px;box-shadow:4px 4px 0 var(--ink)}
.fx-offer-t{display:inline-block;font-family:var(--mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-ink);background:var(--gold-wash);border:1px solid #ecd9b0;border-radius:6px;padding:3px 8px;margin-bottom:10px}
.fx-offer-h{font-size:1.35rem;font-weight:900;line-height:1.15;margin-bottom:12px}
.fx-offer-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.fx-offer-price strong{font-family:var(--display);font-stretch:112%;font-size:2.5rem;font-weight:900;line-height:1;color:var(--ink)}
.fx-offer-price small{font-size:.84rem;color:var(--ink2);font-weight:600}
.fx-offer-price .fx-save{background:var(--green-wash);border:1px solid #bcdcc6;color:var(--green);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:800}
.fx-offer ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.fx-offer li{display:flex;gap:9px;font-size:.9rem;color:var(--ink2);line-height:1.45}
.fx-offer li b{color:var(--ink)}
.fx-offer li svg{color:var(--green);stroke-width:2.6;margin-top:3px}
.fx-offer s{color:var(--ink3)}
.fx-offer-fewer{background:none;border:none;color:var(--ink2);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;padding:12px 0 4px;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.fx-offer-fewer:hover{color:var(--ink)}
.fx-offer-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 12px;font-size:.92rem;color:var(--ink2);font-weight:600}
.fx-offer-note{font-size:.88rem;color:var(--ink2);line-height:1.55;margin-bottom:12px}
.fx-offer-note b{color:var(--ink)}
.fx-offer .fx-btn{min-width:0;padding:13px 20px;font-size:.92rem}

.fx-ladder{margin:6px 0 18px}
.fx-ladder-h{font-size:.8rem;font-weight:700;color:var(--ink);margin-bottom:8px}
.fx-ladder-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px}
.fx-tier{border:1.5px solid var(--line);border-radius:10px;padding:10px 6px;text-align:center;background:var(--card);transition:border-color .2s,background .2s}
.fx-tier small{display:block;font-family:var(--mono);font-size:.66rem;color:var(--ink3);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.fx-tier strong{display:block;font-family:var(--display);font-stretch:112%;font-size:1.15rem;font-weight:900;margin-top:2px}
.fx-tier em{display:block;font-style:normal;font-size:.68rem;color:var(--green);font-weight:700;margin-top:1px;min-height:1em}
.fx-tier.is-on{border-color:var(--ink);background:var(--gold-wash)}
.fx-tier-ent{border-style:dashed}
.fx-tier-ent em{color:var(--gold-ink)}
.fx-nudge{font-size:.86rem;color:var(--gold-ink);font-weight:700;margin-top:10px}
@media(max-width:560px){.fx-ladder-row{grid-template-columns:repeat(3,1fr)}}

.fx-stores-head{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 10px;font-size:.8rem;font-weight:700}
#fx-stores-progress{font-family:var(--mono);font-size:.78rem;color:var(--ink2)}
#fx-stores-progress b{color:var(--green)}
.fx-store{background:var(--card);border:1.5px solid var(--line);border-radius:14px;margin:0 0 8px;transition:border-color .2s,box-shadow .2s}
.fx-store.is-open{border-color:var(--ink);box-shadow:0 10px 30px -18px rgba(17,17,17,.45)}
.fx-store.is-complete:not(.is-open){border-color:#bcdcc6}
.fx-store-h{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:12px 14px;min-height:60px;border-radius:14px}
.fx-store-num{width:30px;height:30px;min-width:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:600;font-size:.82rem;background:var(--sunk);color:var(--ink2)}
.fx-store.is-open .fx-store-num{background:var(--ink);color:#fff}
.fx-store.is-complete .fx-store-num{background:var(--green);color:#fff}
.fx-store-main{flex:1;min-width:0;display:flex;flex-direction:column}
.fx-store-n{font-weight:800;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-store-meta{font-size:.78rem;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-store-tag{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap;background:var(--sunk);color:var(--ink2)}
.fx-store-tag.is-ok{background:var(--green-wash);color:var(--green)}
.fx-store-tag.is-warn{background:var(--gold-wash);color:var(--gold-ink)}
.fx-store-tag:empty{display:none}
.fx-store-chev{color:var(--ink3);transition:transform .2s}
.fx-store.is-open .fx-store-chev{transform:rotate(180deg)}
.fx-store-body{display:none;padding:4px 16px 14px}
.fx-store.is-open .fx-store-body{display:block}
.fx-store.is-single .fx-store-h{cursor:default}
.fx-store.is-single .fx-store-chev,.fx-store.is-single .fx-store-foot{display:none}
.fx-store-foot{display:flex;justify-content:flex-end;margin-top:4px}
.fx-btn-sm{background:var(--ink);color:#fff;border:none;border-radius:10px;padding:11px 16px;min-height:44px;font:inherit;font-weight:700;font-size:.86rem;cursor:pointer}
.fx-btn-sm:hover{background:#262626}
@media(max-width:560px){.fx-store-tag{display:none}.fx-store-body{padding:2px 12px 12px}}

.fx-name{position:relative}

.fx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:2px;border-radius:12px}
.fx-chips.has-error{outline:1.5px solid var(--red);outline-offset:4px}
.fx-chips.is-next{outline:2px dashed rgba(212,146,26,.7);outline-offset:6px}
.fx-chips label{cursor:pointer}
.fx-chips input{position:absolute;opacity:0;width:1px;height:1px}
.fx-chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line2);background:var(--card);font-size:.9rem;font-weight:700;color:var(--ink2);transition:border-color .15s,background .15s,color .15s}
.fx-chips label:hover span{border-color:var(--ink);color:var(--ink)}
.fx-chips input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.fx-chips input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}
.fx-chips .fx-msg{flex-basis:100%}
.fx-addon{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;margin:8px 0 20px}
.fx-addon strong{font-size:.95rem}
.fx-addon em{font-style:normal;font-family:var(--mono);font-size:.66rem;color:var(--ink3);font-weight:600;margin-left:6px;text-transform:uppercase;letter-spacing:.06em}
.fx-addon p{font-size:.84rem;color:var(--ink2);margin-top:3px}
#fx-ipad-price{color:var(--ink);font-weight:700}
.fx-addon .fx-stepper{flex-shrink:0}

.fx-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}
.fx-btn{background:var(--ink);color:#fff;border:none;border-radius:12px;padding:15px 28px;min-height:52px;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;min-width:190px;transition:transform .15s,background .15s,box-shadow .15s;box-shadow:0 3px 0 #000}
.fx-btn:hover{background:#262626}
.fx-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #000}
.fx-btn:disabled{opacity:.6;cursor:wait;transform:none}
#fx-pay::before{content:'';display:inline-block;width:14px;height:14px;margin-right:9px;vertical-align:-2px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4921a' stroke-width='2.4' stroke-linecap='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}

.fx-modal{margin:auto;border:none;border-radius:18px;padding:28px 26px 24px;max-width:460px;width:calc(100% - 32px);background:var(--card);color:var(--ink);box-shadow:0 30px 80px -20px rgba(17,17,17,.45)}
.fx-modal::backdrop{background:rgba(17,17,17,.55)}
.fx-modal-tag{font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:8px}
.fx-modal h2{font-family:var(--display);font-stretch:112%;font-weight:900;font-size:1.45rem;line-height:1.15;margin:0 0 12px;text-wrap:balance}
.fx-modal p{color:var(--ink2);line-height:1.6;margin:0 0 12px}
.fx-modal p strong{color:var(--ink)}
.fx-modal-actions{margin-top:18px;display:flex}
.fx-modal-actions .fx-btn{width:100%}
.fx-modal[open]{animation:fxIn .25s ease-out}
.fx-modal:focus{outline:none}

.fx-btn:focus-visible{outline:none;box-shadow:0 3px 0 #000,inset 0 0 0 2px #fff}
.fx-btn-ghost{background:transparent;border:1.5px solid var(--line2);color:var(--ink2);border-radius:12px;padding:15px 22px;min-height:52px;font:inherit;font-weight:700;cursor:pointer}
.fx-btn-ghost:hover{color:var(--ink);border-color:var(--ink)}
@media(max-width:560px){.fx-actions{flex-direction:column-reverse}.fx-btn,.fx-btn-ghost{width:100%}}
.fx-error{background:var(--red-wash);border:1px solid #f1c2bd;color:var(--red);padding:12px 14px;border-radius:10px;font-size:.88rem;font-weight:600;margin-top:8px}
.fx-fine{font-size:.78rem;color:var(--ink3);text-align:right;margin-top:12px}
@media(max-width:560px){.fx-fine{text-align:center}}

.fx-side{position:sticky;top:24px}
.fx-dev-group{position:relative;z-index:1;transform:translateY(var(--dy,0px));transition:transform .5s cubic-bezier(.45,0,.2,1)}
.is-priced .fx-dev-group{transform:none}
.fx-print{clip-path:inset(-40px -40px 0 -40px)}
.fx-print-in{transform:translateY(101%)}
body:not(.is-priced) .fx-print{visibility:hidden}
.is-priced .fx-print-in{transform:none;animation:fxPrint 1.2s .5s cubic-bezier(.3,.6,.25,1) backwards}
@keyframes fxPrint{from{transform:translateY(100%)}to{transform:none}}
.no-anim *{animation:none!important;transition:none!important}
.fx-devices{display:flex;justify-content:space-between;gap:4px;margin-bottom:10px;padding:12px 10px;border-radius:14px;background:var(--card);border:1.5px solid var(--line)}
.fx-dev{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;color:var(--ink)}
.fx-dev svg{width:26px;height:26px;stroke-width:1.6}
.fx-dev small{font-size:.6rem;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.fx-dev-more,.fx-dev-more small{color:var(--gold-ink)}

.fx-qblock rect{fill:var(--gold);stroke:var(--ink);stroke-width:1.6}
.fx-qblock path{stroke:var(--ink);stroke-width:2.1}
.fx-dev-more svg{animation:fxBump 3.2s ease-in-out infinite}
@keyframes fxBump{0%,88%,100%{transform:translateY(0)}92%{transform:translateY(-4px)}96%{transform:translateY(0)}}
.fx-devices-cap{font-size:.76rem;color:var(--ink2);text-align:center;margin:0 0 16px}
.fx-devices-cap b{color:var(--gold-ink)}

.fx-summary{
  position:relative;background:var(--card);padding:20px 22px 22px;
  border-left:1.5px solid var(--line);border-right:1.5px solid var(--line);
  -webkit-mask:radial-gradient(circle 6px at 50% 0,transparent 98%,#000) 0 0/16px 51% repeat-x,radial-gradient(circle 6px at 50% 100%,transparent 98%,#000) 0 100%/16px 51% repeat-x;
          mask:radial-gradient(circle 6px at 50% 0,transparent 98%,#000) 0 0/16px 51% repeat-x,radial-gradient(circle 6px at 50% 100%,transparent 98%,#000) 0 100%/16px 51% repeat-x;
  filter:drop-shadow(0 12px 22px rgba(17,17,17,.12));
}
.fx-sum-h{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;margin-bottom:6px;border-bottom:1.5px dashed var(--line2)}
.fx-sum-h span:first-child{font-family:var(--mono);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink)}
.fx-sum-sub{font-family:var(--mono);font-size:.7rem;color:var(--ink3)}
.fx-sum-row{display:flex;justify-content:space-between;gap:12px;font-size:.86rem;padding:8px 0;border-bottom:1px dotted var(--line2)}
.fx-sum-row span:first-child{color:var(--ink2)}
.fx-sum-row span:last-child{font-family:var(--mono);font-weight:600;white-space:nowrap;color:var(--ink)}
.fx-strike{color:var(--ink3)!important;font-weight:500!important;margin-right:4px}
.fx-free,.fx-sum-save{color:var(--green)!important}
.fx-credit{color:var(--gold-ink);font-weight:700}
small.fx-credit{display:block;font-size:.74rem;font-weight:600}
.fx-sum-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:12px;border-top:2px solid var(--ink)}
.fx-sum-total span{font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}
.fx-sum-total strong{font-family:var(--display);font-stretch:112%;font-size:1.8rem;font-weight:900;color:var(--ink)}
.fx-sum-then{font-size:.78rem;color:var(--ink2);margin-top:4px;text-align:right}
.fx-nocontract{display:inline-block;margin-top:6px;color:var(--green);font-weight:700}
.fx-stamp{position:absolute;right:16px;top:16px;transform:rotate(8deg);font-family:var(--mono);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--green);border:2px solid var(--green);border-radius:6px;padding:3px 7px;opacity:.85;pointer-events:none}
.fx-assure{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px;padding:0 4px}
.fx-assure li{display:flex;gap:9px;font-size:.84rem;color:var(--ink2);line-height:1.45}
.fx-assure svg{color:var(--green);margin-top:3px;stroke-width:2.6}
@media(max-width:920px){.fx-side{position:static}.fx-assure,.fx-dev-group{display:none}body:not(.is-priced) .fx-print{display:none}.fx-print-in{transform:none}.is-priced .fx-print-in{animation:fxPrint .8s .1s cubic-bezier(.3,.6,.25,1) backwards}}

.fx-bar{display:none}
@keyframes fxBarUp{from{transform:translateY(100%)}to{transform:none}}
@media(max-width:920px){
  .fx-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:30;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--ink);color:#d4d4cf;font-size:.84rem}
  .fx-bar strong{color:#fff;font-family:var(--display);font-stretch:112%;font-size:1.15rem;font-weight:900;margin-left:4px}
  body:not(.is-priced) .fx-bar{display:none}
  .is-priced .fx-bar{animation:fxBarUp .6s .5s cubic-bezier(.3,.6,.25,1) backwards}
  .fx-bar #fx-bar-then{font-size:.76rem;text-align:right}
}
@media(max-width:560px){
  .fx-wrap{padding-left:16px;padding-right:16px}
  .fx-offer{padding:16px 16px 12px;box-shadow:3px 3px 0 var(--ink)}
  .fx-offer-price strong{font-size:2.1rem}
  .fx-top{padding:8px 16px}
}

.fx-done{max-width:640px;margin:0 auto;padding:56px clamp(16px,4vw,40px) 80px;text-align:center}
.fx-done-ic{width:72px;height:72px;border-radius:50%;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;background:var(--green);color:#fff;font-size:2rem;box-shadow:0 0 0 8px var(--green-wash)}
.fx-done-ic svg{stroke-width:2.8}
.fx-done h1{font-size:clamp(2rem,5vw,2.6rem);font-weight:900;margin-bottom:10px}
.fx-done>p{color:var(--ink2);line-height:1.7;margin-bottom:28px}
.fx-next{list-style:none;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:6px 22px;margin-bottom:24px}
.fx-next li{display:flex;gap:14px;padding:16px 0;border-bottom:1px dashed var(--line2)}
.fx-next li:last-child{border-bottom:none}
.fx-next b{width:30px;height:30px;min-width:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-family:var(--mono);font-size:.82rem}
.fx-next strong{display:block;margin-bottom:3px}
.fx-next span{font-size:.88rem;color:var(--ink2);line-height:1.5}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

.fx-store-miss{font-weight:600;font-size:.82rem;color:var(--gold-ink)}
.fx-store.is-missing{border-color:#e6cf9c}
.fx-store.is-missing .fx-store-num{background:var(--gold);color:var(--ink)}
.fx-store-n{white-space:normal;overflow:visible}

.fx-signs{margin:6px 0 18px}
.fx-free-tag{font-style:normal;font-family:var(--mono);font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--green);background:var(--green-wash);border-radius:6px;padding:2px 7px;margin-left:6px;vertical-align:1px}
.fx-signs-sub{margin:-2px 0 10px!important}
.fx-sign-list{display:flex;flex-direction:column;gap:8px}
.fx-sign{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1.5px solid var(--line2);border-radius:12px;background:var(--card);cursor:pointer;font-size:.9rem;color:var(--ink2);line-height:1.45;transition:border-color .15s,background .15s}
.fx-sign:hover{border-color:var(--ink)}
.fx-sign input{width:20px;height:20px;min-width:20px;min-height:0;margin-top:1px;padding:0;accent-color:var(--ink)}
.fx-sign b{color:var(--ink)}
.fx-sign:has(input:checked){border-color:var(--ink);background:var(--gold-wash)}
.fx-signs.has-error .fx-sign{border-color:var(--red)}
.fx-signs.is-next .fx-sign-list{outline:2px dashed rgba(212,146,26,.7);outline-offset:6px;border-radius:12px}