.order-body{background:#f6f7f9;color:#171c27;font-family:Manrope,Arial,sans-serif}.order-header{padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0e7;background:#fff}.order-header nav{display:flex;gap:28px;font-size:13px}.order-header img{display:block}.order-intro{max-width:1440px;margin:auto;padding:90px 4vw 55px}.order-intro h1{font-size:clamp(44px,6vw,84px);line-height:1.05;letter-spacing:-.06em;margin:18px 0}.order-intro h1 span{color:#3e46ee}.order-intro>p:last-child{max-width:650px;line-height:1.8;color:#626a79}.order-intro.compact{padding-top:55px;padding-bottom:35px}.order-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);gap:55px;max-width:1440px;margin:auto;padding:0 4vw 90px}.order-progress{position:sticky;top:25px;align-self:start}.order-progress ol{list-style:none;padding:0;margin:0}.order-progress li{border-bottom:1px solid #dce0e7}.order-progress button{width:100%;text-align:left;border:0;background:transparent;padding:19px 0;display:flex;gap:15px;color:#606878;font:inherit;font-size:13px;cursor:pointer}.order-progress button span{font-size:11px;color:#596273}.order-progress button[aria-current=step]{color:#323adc;font-weight:800}.progress-note{margin-top:35px;border-left:2px solid #4247ef;padding-left:17px;font-size:13px;line-height:1.8}.progress-note small{color:#626a79}.order-progress #draft-status{font-size:11px;color:#626a79;margin-top:30px;line-height:1.8}.order-form{min-width:0}.order-step h2,.order-gallery h2{font-size:clamp(28px,3vw,44px);line-height:1.15;letter-spacing:-.045em;margin:12px 0 20px}.order-step>p{color:#626a79;line-height:1.8;max-width:730px}.order-step .eyebrow{color:#525ad2}.order-form label,.design-filters label{display:flex;flex-direction:column;gap:10px;font-size:13px;font-weight:600;line-height:1.6}.order-form input:not([type=radio]):not([type=checkbox]),.order-form select,.order-form textarea,.design-filters input,.design-filters select{width:100%;border:1px solid #c6cbd5;background:#fff;border-radius:5px;padding:13px 14px;font:inherit;color:#171c27}.order-form textarea{resize:vertical}.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.order-step>label{margin:22px 0}.billing-choice,.design-choice{display:flex;flex-wrap:wrap;gap:20px;border:0;padding:16px 0 25px}.billing-choice legend,.design-choice legend,.stack-options legend{font-size:12px;font-weight:700;margin-bottom:10px}.billing-choice label,.design-choice label{flex-direction:row;align-items:center}.package-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.package-option{padding:25px;border:1px solid #cbd0db;background:#fff;position:relative;border-radius:9px;cursor:pointer}.package-option:has(input:checked){border:2px solid #3e46ee;padding:24px;box-shadow:0 0 0 3px #3e46ee10}.package-option input{position:absolute;right:20px;top:25px;accent-color:#3e46ee;width:17px;height:17px}.package-name{font-size:22px;font-weight:800}.package-price{font-size:24px;font-weight:700;letter-spacing:-.035em}.package-price small{font-size:12px;color:#626a79;letter-spacing:0}.package-service,.package-detail{font-size:12px;color:#5e6574}.package-option ul{font-size:12px;font-weight:400;color:#4f5869;line-height:1.9;padding-left:16px;margin:10px 0}.muted{font-size:12px;color:#626a79;line-height:1.8}.stack-options{border:0;padding:20px 0;display:grid;gap:12px}.stack-options label{flex-direction:row;border:1px solid #cbd0db;padding:21px;background:#fff;border-radius:6px;align-items:start;gap:13px;cursor:pointer}.stack-options label:has(input:checked){border-color:#3e46ee;background:#f1f2ff}.stack-options small{display:block;color:#626a79;font-weight:400;font-size:12px;margin-top:5px}.stack-options input{margin-top:5px;accent-color:#3e46ee}.wizard-actions{display:flex;align-items:center;gap:12px;border-top:1px solid #dce0e7;padding-top:25px;margin-top:35px;flex-wrap:wrap}.wizard-actions>span{margin-left:auto;font-size:12px;color:#626a79}.order-error,.order-alert{padding:20px;border:1px solid #ad2f34;background:#fff0ef;border-radius:6px;margin-bottom:24px;line-height:1.8}.order-alert{margin:20px 4vw}.order-error:focus{outline:2px solid #ad2f34}.order-gallery{max-width:1440px;margin:auto;padding:0 4vw 70px}.design-filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.design-filters label:first-child{flex:2;min-width:170px}.design-filters label{flex:1;min-width:110px;font-size:11px}.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.order-gallery>.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-card{background:white;border:1px solid #dce0e7;border-radius:8px;overflow:hidden}.design-card[hidden]{display:none}.design-card[data-selected=true]{border:2px solid #3e46ee}.design-image{aspect-ratio:1.5;overflow:hidden;background:#e8ebf1}.design-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.design-card:hover .design-image img{transform:scale(1.025)}.design-info{padding:22px}.design-info h3{font-size:23px;letter-spacing:-.04em;margin:10px 0}.design-info>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#626a79}.design-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.design-actions .button{padding:12px;font-size:11px}.design-meta{border-top:1px solid #e2e5eb;padding-top:15px}.custom-design-callout{padding:35px;background:#e9ebf6;display:flex;gap:25px;align-items:center;justify-content:space-between;margin-top:35px;border-radius:7px}.custom-design-callout p{font-size:13px;line-height:1.8;max-width:640px}.custom-design-callout h2{font-size:30px}.custom-design-callout .button{flex-shrink:0}.order-footer{background:#171c27;color:#eee;padding:35px 4vw;display:flex;gap:25px;font-size:11px;flex-wrap:wrap}.order-footer span{margin-right:auto}.terms-choice{flex-direction:row!important;align-items:start;gap:12px!important}.terms-choice a{text-decoration:underline}.terms-choice input{margin-top:5px}.summary-box{background:#fff;border:1px solid #cbd0db;border-radius:8px;padding:28px;margin:20px 0}.summary-line{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #e4e7ed;font-size:13px}.summary-total{font-size:24px;font-weight:800;border:0}.summary-note{color:#626a79;font-size:12px;line-height:1.9}.domain-result:not(:empty){margin-top:20px;padding:22px;background:white;border-left:3px solid #4148e9;font-size:13px;line-height:1.9}.upload-brief{padding:23px;background:#e9ebf1;border-radius:6px;margin-top:22px}#design-preview{width:96vw;max-width:1600px;height:94vh;border:1px solid #cbd0db;border-radius:10px;padding:20px;background:#f6f7f9}#design-preview::backdrop{background:#111729c4}.preview-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between}.preview-toolbar h2{font-size:20px;margin:0}.preview-toolbar button{font:inherit;font-size:12px;padding:9px;background:#fff;border:1px solid #b6bdca;border-radius:5px;cursor:pointer}.preview-toolbar button[aria-pressed=true]{background:#3e46ee;color:#fff}.preview-sizes{display:flex;gap:6px}.preview-canvas{height:calc(100% - 145px);overflow:auto;background:#e0e3eb;display:flex;justify-content:center;padding:12px}.preview-canvas iframe{height:100%;width:100%;flex-shrink:0;background:white;border:0}.preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:14px;font-size:12px}.project-shell{max-width:1200px;margin:auto;padding:55px 4vw 80px}.project-statuses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0}.project-statuses article{background:white;border:1px solid #d2d7e1;padding:23px;border-radius:7px}.project-statuses h2{font-size:12px;color:#626a79;margin:0 0 12px}.project-statuses p{font-size:17px;font-weight:800;margin:0}.project-block{padding:30px;background:white;border:1px solid #d2d7e1;border-radius:7px;margin:20px 0}.project-block h2{font-size:26px;letter-spacing:-.04em;margin:0 0 16px}.project-block p{font-size:13px;line-height:1.9;color:#505969}.dns-table-wrap{overflow:auto}.dns-table{width:100%;text-align:left;border-collapse:collapse;font-size:12px}.dns-table th,.dns-table td{padding:13px;border-bottom:1px solid #dce0e7;vertical-align:top}.dns-table code{overflow-wrap:anywhere;white-space:normal;max-width:380px;display:block}.dns-table button{padding:6px 9px;margin-top:7px}.status-badge{display:inline-block;border:1px solid #bec4d2;padding:5px 10px;border-radius:30px;font-size:11px;font-weight:700}.project-block ul{font-size:13px;line-height:1.9;padding-left:20px}.project-block textarea{width:100%;padding:12px;border:1px solid #b6bdca}.empty-state{padding:40px;background:white;border:1px solid #d2d7e1;grid-column:1/-1}.order-body :focus-visible{outline:3px solid #282ed5;outline-offset:4px}.order-body [hidden]{display:none!important}.order-body input,.order-body textarea,.order-body select{scroll-margin-top:25px}.order-body button{cursor:pointer}.order-body button:disabled{opacity:.55;cursor:wait}
@media(min-width:1500px){.order-gallery .design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.order-workspace{grid-template-columns:180px minmax(0,1fr);gap:30px}.order-gallery>.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-grid{grid-template-columns:1fr}.custom-design-callout{flex-direction:column;align-items:start}.project-statuses{grid-template-columns:1fr 1fr}}@media(max-width:650px){.order-header{padding:20px}.order-header img{width:110px}.order-header nav{gap:12px;font-size:10px}.order-header nav a:first-child{display:none}.order-intro{padding:50px 20px 30px}.order-intro.compact{padding:35px 20px 25px}.order-workspace{display:block;padding:0 20px 50px}.order-progress{position:static}.order-progress ol{display:flex;overflow:auto;gap:18px;margin-bottom:25px}.order-progress li{flex-shrink:0}.order-progress button{font-size:10px;padding:12px 0;gap:7px}.order-progress .progress-note{display:none}.order-progress #draft-status{margin:0 0 25px}.package-options,.order-fields{grid-template-columns:1fr}.package-option{padding:22px}.order-gallery{padding:0 20px 45px}.order-gallery>.design-grid{grid-template-columns:1fr}.design-grid{gap:18px}.custom-design-callout{padding:25px}.wizard-actions{position:sticky;bottom:0;background:#f6f7f9;padding:16px 0;margin-top:25px;z-index:2}.wizard-actions .button{font-size:12px}.wizard-actions>span{font-size:10px}.preview-toolbar{flex-wrap:wrap;gap:10px}.preview-toolbar h2{font-size:16px}.preview-toolbar>button{margin-left:auto}.preview-sizes{order:3;width:100%}#design-preview{padding:12px;width:98vw;height:95vh}.preview-canvas{height:calc(100% - 220px)}.preview-bottom{align-items:start;font-size:10px}.preview-bottom .button{font-size:11px;padding:12px;flex-shrink:0}.project-shell{padding:30px 20px}.project-statuses{gap:9px}.project-statuses article{padding:17px}.project-statuses p{font-size:14px}.project-block{padding:22px}.summary-box{padding:20px}.summary-total{font-size:19px}.order-footer{padding:30px 20px;gap:15px}.order-footer span{width:100%}.stack-options label{padding:18px}.design-filters{gap:9px}.design-filters label{min-width:120px}.order-step h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.order-body *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

@media(max-width:380px){.order-header nav a:last-child{display:none}.order-header nav{gap:10px}}
.order-form>label{margin:18px 0}
.order-header nav a{display:inline-flex;align-items:center;min-height:32px}

.preview-canvas{justify-content:flex-start}.preview-canvas iframe{margin-inline:auto}