.order-shell{position:relative;overflow:clip;background:radial-gradient(70% 70% at 92% 0,#b6f36c1c,transparent 62%),var(--navy);padding-block:clamp(32px,6vw,76px)}.order-grid{display:grid;gap:28px;align-items:start}.order-side{color:#fff}.order-side h1{font-size:clamp(38px,5.4vw,62px);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px}.order-side h1 span{color:var(--lime)}.order-side>p{font-size:16px;line-height:1.65;color:#c3d2d7;max-width:440px}.order-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:4px}.order-steps li{display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px;color:#a9bcc2}.order-steps li.current{color:#fff;font-weight:700}.order-steps li.done{color:#dbe6e8}.order-step-num{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid #ffffff33;font:700 14px var(--font-display);color:#c3d2d7}.order-steps li.current .order-step-num{background:var(--lime);border-color:var(--lime);color:#10261a}.order-steps li.done .order-step-num{background:#ffffff1a;border-color:transparent;color:var(--lime)}.order-card{background:#fff;border-radius:var(--in-radius,24px);padding:clamp(22px,3.4vw,40px);box-shadow:0 34px 70px #00070c80;min-width:0}.order-card h2{font-size:clamp(26px,3vw,36px);line-height:1.1;letter-spacing:-.035em;margin:0 0 10px;outline:none}.order-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#3f6b48;margin-bottom:10px}.order-lead{font-size:16px;line-height:1.65;color:#475b60;margin:0 0 22px}.order-card .form-feedback{margin:0 0 18px}.order-card .button-full{margin-top:8px}.order-card .text-button{display:inline-flex;margin-top:14px}.order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:24px}.order-actions .text-button{margin-top:0}.platform-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:8px}.platform-option{display:grid;gap:4px;min-height:84px;padding:16px;border:1.5px solid #c9d6cf;border-radius:16px;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .25s}.platform-option strong{font:700 18px var(--font-display);color:#14282e}.platform-option span{font-size:13px;font-weight:700;color:#2f7a2a}.platform-option:not(:disabled):hover{border-color:#5d9a4c;background:#eef8e4;transform:translateY(-2px)}.platform-option.soon{background:#f3f6f3;border-style:dashed;cursor:not-allowed}.platform-option.soon strong{color:#5f7176}.platform-option.soon span{color:#5f7176;font-weight:600}.device-box{display:grid;gap:12px;justify-items:start;padding:22px;border-radius:16px;background:#f3f8ee;border:1px solid #c9dfba;margin-bottom:10px}.device-box p{margin:0;font-size:15px;color:#21383d}.device-code{font:700 clamp(28px,4vw,38px)/1 var(--font-display);letter-spacing:.12em;color:#10261a;background:#fff;border:1.5px dashed #5d9a4c;border-radius:12px;padding:14px 18px;-webkit-user-select:all;user-select:all}.device-wait{display:flex;align-items:center;gap:10px;font-size:15px;color:#33474c;margin:8px 0}.spinner{flex:none;width:18px;height:18px;border-radius:50%;border:2.5px solid #c9dfba;border-top-color:#2f7a2a;animation:order-spin .9s linear infinite}@keyframes order-spin{to{transform:rotate(360deg)}}.app-picker{border:0;padding:0;margin:0 0 14px;display:grid;gap:10px}.app-option{display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 16px;border:1.5px solid #c9d6cf;border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s}.app-option:hover{border-color:#8fb48a}.app-option.selected{border-color:#5d9a4c;background:#eef8e4}.app-option input{width:20px;height:20px;accent-color:#2f6a3a;flex:none}.app-option strong{display:block;font:700 17px var(--font-display);color:#14282e}.app-option small{display:block;font-size:13px;color:#5f7176;margin-top:2px}.hosting-picker{border:0;padding:0;margin:0 0 16px;display:grid;gap:10px}.hosting-option{position:relative;display:flex;align-items:center;gap:16px;padding:16px 18px;border:1.5px solid #c9d6cf;border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s}.hosting-option:hover{border-color:#8fb48a}.hosting-option.selected{border-color:#5d9a4c;background:#eef8e4}.hosting-option:focus-within{outline:3px solid rgba(47,106,58,.35);outline-offset:2px}.hosting-option input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.hosting-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:#10261a;color:#dbe6e8}.hosting-option.selected .hosting-icon{background:#2f6a3a;color:var(--lime)}.hosting-text{display:grid;gap:2px;flex:1;min-width:0}.hosting-text strong{font:700 17px var(--font-display);color:#14282e}.hosting-text small{font-size:14px;color:#5f7176}.hosting-text em{font-style:normal;font-size:14px;font-weight:700;color:#21383d}.hosting-check{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #b7c7bf;background:#fff}.hosting-option.selected .hosting-check{border-color:#2f7a2a;background:#2f7a2a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}.plan-picker{padding:18px;margin:0 0 16px;border-radius:16px;background:#f3f8ee;border:1px solid #c9dfba;min-width:0}.plan-picker legend{float:left;width:100%;padding:0;font:700 16px var(--font-display);color:#14282e;margin-bottom:12px}.plan-grid{clear:both;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.plan-picker .form-help{margin:12px 0 0}.plan-option{position:relative;display:grid;align-content:start;gap:4px;padding:14px;border:1.5px solid #c9d6cf;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .2s}.plan-option:hover{border-color:#8fb48a}.plan-option.selected{border-color:#2f7a2a;box-shadow:0 0 0 1px #2f7a2a}.plan-option:focus-within{outline:3px solid rgba(47,106,58,.35);outline-offset:2px}.plan-option input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.plan-option strong{font:700 16px var(--font-display);color:#14282e}.plan-option em{font:700 22px var(--font-display);font-style:normal;letter-spacing:-.03em;color:#2f6a3a}.plan-option em small{font:600 13px var(--font-body,inherit);color:#5f7176;letter-spacing:0}.plan-option>small{font-size:13px;line-height:1.45;color:#5f7176}.hosting-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #d7e0da;border-radius:14px;margin:-6px 0 18px}.hosting-summary>span{display:grid;gap:2px;min-width:0}.hosting-summary small{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5f7176}.hosting-summary strong{font-size:15px;color:#14282e}.hosting-summary em{font-style:normal;font-size:14px;color:#2f6a3a;font-weight:700}.hosting-summary .text-button{margin-top:0;flex:none}.card-field{display:grid;gap:10px;padding:16px 18px;border:1.5px solid #c9d6cf;border-radius:16px;margin-bottom:18px}.card-field-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-field-top strong{font:700 17px var(--font-display);color:#14282e}.card-field-top span{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#5f7176}.card-container{min-height:56px}.card-test{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:#fbf3e3;border:1px solid #ecd9b0;font-size:14px;color:#5a4410}.card-test p{margin:0;font-weight:700}.card-test label{display:flex;align-items:center;gap:8px;cursor:pointer}.card-field .form-feedback{margin:0}.quote-box{display:grid;gap:4px;padding:22px;border-radius:18px;background:#f3f6f3;border:1px solid #d7e0da;margin:6px 0 18px}.quote-box span{font-size:14px;font-weight:700;color:#475b60}.quote-box strong{font:700 clamp(26px,3.4vw,34px)/1.1 var(--font-display);letter-spacing:-.03em;color:#14282e}.quote-box.fixed{background:var(--navy);border-color:transparent}.quote-box.fixed span,.quote-box.fixed small{color:#c3d2d7}.quote-box.fixed strong{font-size:clamp(48px,7vw,72px);color:var(--lime);letter-spacing:-.06em}.quote-box small{font-size:14px;color:#5f7176}.scan-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}.scan-facts>div{padding:12px 14px;border:1px solid #d7e0da;border-radius:12px}.scan-facts dt{font-size:13px;color:#5f7176}.scan-facts dd{margin:2px 0 0;font:700 22px var(--font-display);color:#14282e}.scan-reasons{padding:14px 16px;border-radius:12px;background:#fbf3e3;border:1px solid #ecd9b0;margin-bottom:18px;font-size:15px;color:#5a4410}.scan-reasons p{margin:0 0 6px;font-weight:700}.scan-reasons ul{margin:0;padding-left:20px}.addon-option{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1.5px solid #d7e0da;border-radius:14px;margin-bottom:18px;cursor:pointer;transition:border-color .2s,background .2s}.addon-option:hover{border-color:#9db8a3}.addon-option.selected{border-color:#2f6a3a;background:#f2f8ef}.addon-option:focus-within{outline:3px solid rgba(47,106,58,.3);outline-offset:2px}.addon-option input{width:20px;height:20px;margin-top:2px;accent-color:#2f6a3a;flex:none}.addon-option>span{display:grid;gap:4px;min-width:0}.addon-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.addon-top strong{font:700 17px var(--font-display);color:#14282e}.addon-top em{font:700 17px var(--font-display);font-style:normal;color:#2f6a3a;white-space:nowrap}.addon-option small{font-size:14px;line-height:1.5;color:#5f7176}.addon-option small a{color:#2f6a3a;text-decoration:underline;text-underline-offset:2px}.order-card .consent-row{margin-top:4px}@media(min-width:980px){.order-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:56px}.order-side{position:sticky;top:120px}}@media(min-width:560px){.scan-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}.platform-option,.app-option{transition:none}}