.order-page{min-height:100vh;background:radial-gradient(circle at 12% 12%,rgba(139,124,255,.08),transparent 28%),var(--black)}
.order-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(7,8,23,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}
.order-nav{height:68px;display:flex;align-items:center;justify-content:space-between}.order-brand{display:flex;align-items:center;gap:12px;font:600 11px var(--label);letter-spacing:.17em;text-transform:uppercase}.order-brand img{width:42px;height:42px;object-fit:contain}.order-nav-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.order-nav-actions>a:first-child{color:var(--muted);font:500 11px var(--label);letter-spacing:.14em;text-transform:uppercase}.order-nav-actions>a:first-child:hover{color:#fff}
.order-main{padding:108px 0 80px}.order-progress{margin-bottom:54px}.progress-track{height:4px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.progress-track span{display:block;width:25%;height:100%;background:linear-gradient(90deg,#9b8cff,#6354da);transition:width .35s}.order-progress ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:14px 0 0;gap:10px}.order-progress li{text-align:center;color:rgba(255,255,255,.3);font:600 10px var(--label);letter-spacing:.12em;text-transform:uppercase}.order-progress li.active{color:var(--gold)}
.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:44px;align-items:start}.order-workspace{min-width:0}.order-step{display:none}.order-step.active{display:block;animation:order-in .35s ease}@keyframes order-in{from{opacity:0;transform:translateX(18px)}}.order-heading{margin-bottom:36px}.order-heading h1{font:500 clamp(40px,5vw,60px)/1 var(--display);text-transform:uppercase;margin:14px 0 0}.order-heading>p:last-child{color:var(--muted);line-height:1.7;margin:17px 0 0;max-width:660px}
.order-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.order-product{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:.25s}.order-product.selected{border-color:var(--gold);box-shadow:0 14px 40px rgba(139,124,255,.13)}.order-product-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#050617;border-radius:7px}.order-product-media video{width:100%;height:100%;object-fit:cover}.order-product-media::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(5,6,22,.75))}.order-preview{position:absolute;z-index:2;inset:0;display:grid;place-items:center;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.order-preview span{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(7,8,23,.45);backdrop-filter:blur(6px)}.order-product h2{font:500 23px var(--display);text-transform:uppercase;margin:18px 0 0}.order-product-price{color:var(--gold);font:500 27px var(--display);margin:7px 0}.order-product>p{min-height:38px;color:var(--muted);font-size:12px;line-height:1.55}.order-select{width:100%;height:42px;margin-top:12px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font:600 10px var(--label);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.selected .order-select{background:var(--gold);border-color:var(--gold);color:#fff}.quantity-control{display:none;grid-template-columns:38px 1fr 38px;align-items:center;margin-top:10px;border:1px solid var(--border)}.selected .quantity-control{display:grid}.quantity-control button{height:36px;border:0;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}.quantity-control span{text-align:center;font:600 12px var(--label)}
.order-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.order-form-grid label{display:grid;gap:9px}.order-form-grid label[hidden]{display:none}.order-form-grid label.wide{grid-column:1/-1}.order-form-grid label>span{font:600 10px var(--label);letter-spacing:.15em;text-transform:uppercase;color:#c8c9d8}.order-form-grid input,.order-form-grid select,.order-form-grid textarea{width:100%;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:#fff;padding:14px 15px;font:400 14px var(--body);outline:none}.order-form-grid textarea{resize:vertical}.order-form-grid input:focus,.order-form-grid select:focus,.order-form-grid textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(139,124,255,.1)}
.order-auth-note{display:flex;justify-content:space-between;gap:22px;margin:0 0 28px;padding:17px 19px;border:1px solid rgba(139,124,255,.28);border-radius:7px;background:rgba(139,124,255,.07);font-size:13px;line-height:1.55}.order-auth-note strong{color:#fff}.order-auth-note span{color:var(--muted);text-align:right}.order-auth-note a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.project-forms{display:grid;gap:16px}.project-details{border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.project-details[open]{border-color:rgba(139,124,255,.42)}.project-details summary{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:20px;cursor:pointer;list-style:none}.project-details summary::-webkit-details-marker{display:none}.project-number{color:var(--gold);font:500 28px var(--display)}.project-summary-copy{display:grid;gap:5px}.project-summary-copy strong{font:500 21px var(--display);text-transform:uppercase}.project-summary-copy small{color:var(--muted);font-size:12px}.project-chevron{color:var(--gold);font-size:19px;transition:transform .2s}.project-details[open] .project-chevron{transform:rotate(180deg)}.project-form-body{padding:4px 20px 24px;border-top:1px solid var(--border)}.project-form-body .order-form-grid{padding-top:22px}.review-project-number{color:var(--gold);font:600 10px var(--label);letter-spacing:.15em;text-transform:uppercase}
.order-summary{position:sticky;top:96px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.summary-items{display:grid;gap:14px;margin:20px 0}.summary-empty{padding:22px 12px;border:1px solid var(--border);color:rgba(255,255,255,.38);font:500 10px var(--label);letter-spacing:.12em;text-align:center;text-transform:uppercase}.summary-line{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding-bottom:13px;border-bottom:1px solid var(--border)}.summary-line strong{font-size:13px}.summary-line span{color:var(--muted);font-size:12px}.summary-line em{grid-column:2;font-style:normal;color:var(--gold);font-size:13px}.summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:17px;border-top:1px solid var(--border)}.summary-total span{font:600 10px var(--label);letter-spacing:.13em;text-transform:uppercase}.summary-total strong{color:var(--gold);font:500 27px var(--display)}.order-summary>small{display:block;color:#777;line-height:1.55;margin-top:16px}
.order-controls{display:flex;justify-content:space-between;gap:12px;margin-top:42px}.order-controls #nextStep{margin-left:auto}.order-error{min-height:24px;color:#ff8f9c;font-size:13px;margin:14px 0}.order-review{display:grid;gap:18px}.review-block{padding:22px;border:1px solid var(--border);background:var(--surface);border-radius:7px}.review-block h2{font:500 20px var(--display);text-transform:uppercase;margin:0 0 13px}.review-block p{color:var(--muted);white-space:pre-wrap;line-height:1.7;margin:4px 0}.order-consent{display:flex;align-items:flex-start;gap:12px;margin-top:24px;color:var(--muted);font-size:13px;line-height:1.6}.order-consent input{margin-top:5px;accent-color:var(--gold)}
.order-success-modal[hidden]{display:none}.order-success-modal{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:20px}.order-success-backdrop{position:absolute;inset:0;background:rgba(3,4,14,.92);backdrop-filter:blur(12px)}.order-success-card{position:relative;z-index:1;width:min(680px,100%);max-height:calc(100svh - 40px);overflow:auto;padding:42px;text-align:center;background:#11152c;border:1px solid rgba(139,124,255,.35);border-radius:10px;box-shadow:0 28px 100px rgba(0,0,0,.7)}.order-success-card>img{width:72px;height:72px;object-fit:contain;margin:0 auto 22px}.order-success-card h2{font:500 clamp(30px,5vw,44px)/1.08 var(--display);text-transform:uppercase;margin:15px 0 24px}.order-success-card>p:not(.kicker){color:var(--muted);font-size:14px;line-height:1.7;margin:12px auto}.order-success-close{position:absolute;top:12px;right:15px;border:0;background:transparent;color:#aaa;font-size:32px;cursor:pointer}.order-success-socials{display:flex;justify-content:center;gap:14px;margin-top:28px}.order-success-socials a{display:flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid var(--border);border-radius:4px;font:600 10px var(--label);letter-spacing:.12em;text-transform:uppercase;transition:.2s}.order-success-socials a:hover{border-color:var(--gold);color:var(--gold)}.order-success-socials svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.order-success-socials .fill-icon{fill:currentColor;stroke:none}.order-success-open{overflow:hidden}
@media(max-width:1050px){.order-layout{grid-template-columns:1fr}.order-summary{position:relative;top:auto}.order-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.order-main{padding-top:94px}.order-brand span{display:none}.order-nav-actions>a:first-child{display:none}.order-progress{margin-bottom:40px}.order-progress ol{gap:3px}.order-progress li{font-size:8px;letter-spacing:.06em}.order-products,.order-form-grid{grid-template-columns:1fr}.order-form-grid label.wide{grid-column:auto}.order-heading h1{font-size:40px}.order-auth-note{display:grid;gap:7px}.order-auth-note span{text-align:left}.project-details summary{grid-template-columns:44px 1fr auto;padding:17px 14px;gap:10px}.project-number{font-size:23px}.project-summary-copy strong{font-size:18px}.project-form-body{padding:2px 14px 20px}.order-controls{flex-direction:column-reverse}.order-controls .button{width:100%}.order-success-card{padding:38px 20px 26px}.order-success-socials{flex-direction:column}.order-success-socials a{justify-content:center}}
.project-contact{margin-bottom:18px;padding:18px 20px;border:1px solid rgba(139,124,255,.3);border-radius:8px;background:rgba(139,124,255,.06)}.project-contact label{display:grid;gap:9px}.project-contact label>span,.project-range-label{font:600 10px var(--label);letter-spacing:.15em;text-transform:uppercase;color:#c8c9d8}.project-contact input{width:100%;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:#fff;padding:14px 15px;font:400 14px var(--body);outline:none}.project-contact input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(139,124,255,.1)}.project-range-field{grid-column:1/-1;padding:16px;border:1px solid var(--border);border-radius:6px;background:rgba(255,255,255,.018)}.project-range-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.project-range-value{color:var(--gold);font:500 19px var(--display)}.project-range-field input[type=range]{padding:0;border:0;box-shadow:none;accent-color:var(--gold)}.project-range-scale{display:flex;justify-content:space-between;margin-top:8px;color:#73768c;font:500 9px var(--label);letter-spacing:.08em;text-transform:uppercase}.summary-continue{width:100%;margin-top:20px}.order-summary .summary-continue:disabled{opacity:.55;cursor:wait}
