.order-shell{min-height:100vh;background:#0a0b0e}.order-top{position:sticky;top:0;z-index:90;background:rgba(10,11,14,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.order-top .wrap{height:72px;display:flex;align-items:center;gap:18px}.order-progress{height:3px;background:#171a20}.order-progress>i{display:block;height:100%;width:14.28%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:.35s}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;padding:48px 0 120px}.order-main{min-width:0}.step{display:none}.step.active{display:block}.step-head{margin-bottom:28px}.step-head .num{color:var(--accent);font-size:12px;letter-spacing:.15em;font-weight:900}.step-head h1{font-size:clamp(38px,5vw,68px);margin:8px 0 12px;line-height:.95}.step-head p{color:#9da5b0;max-width:720px;font-size:17px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.choice{position:relative;border:1px solid var(--line);border-radius:24px;padding:22px;background:var(--surface);cursor:pointer;transition:.2s;min-height:130px}.choice:hover{border-color:#ffffff33;transform:translateY(-2px)}.choice input{position:absolute;opacity:0;pointer-events:none}.choice.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:rgba(140,255,193,.07)}.choice .title{font-size:21px;font-weight:850;display:block}.choice .desc{color:#9098a4;font-size:14px;display:block;margin-top:7px}.choice .cost{color:var(--accent);display:block;margin-top:12px;font-weight:850}.choice.style-choice{padding:0;overflow:hidden}.choice.style-choice .style-thumb{height:150px}.choice.style-choice .inner{padding:18px}.choice.style-choice .desc{min-height:42px}.visual-choices{display:grid;gap:24px}.choice-group h3{margin:0 0 12px;font-size:17px}.pills{display:flex;flex-wrap:wrap;gap:9px}.pill-choice{border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#aeb5bf;cursor:pointer}.pill-choice input{display:none}.pill-choice.selected{background:#f2f4f5;color:#111;border-color:#f2f4f5}.addons{display:grid;gap:10px}.addon{border:1px solid var(--line);border-radius:20px;padding:17px 18px;display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:start;cursor:pointer;background:rgba(255,255,255,.025)}.addon input{width:18px;height:18px;margin-top:2px;accent-color:#8cffc1}.addon .meta strong{display:block}.addon .meta small{color:#8f97a3}.addon .addon-price{font-weight:900;color:#d8dce2;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#adb4be;font-weight:750}.field input,.field textarea,.field select{width:100%;background:#111319;border:1px solid var(--line);border-radius:15px;color:#f5f6f7;padding:14px 15px;outline:none}.field textarea{min-height:112px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8cffc188;box-shadow:0 0 0 3px #8cffc10c}.summary-list{display:grid;gap:10px}.summary-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.summary-row span:first-child{color:#8f97a3}.summary-long{border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:18px}.summary-long pre{white-space:pre-wrap;font:inherit;color:#a4abb5;margin:0}.order-side{position:sticky;top:100px}.order-card{border:1px solid var(--line);border-radius:26px;padding:22px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 28px 70px rgba(0,0,0,.25)}.order-card .label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#8f97a3}.order-total{font-size:40px;letter-spacing:-.05em;font-weight:950;margin:6px 0}.order-estimate{color:#8f97a3;font-size:12px;margin-bottom:18px}.mini-summary{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:16px;margin-top:12px;font-size:13px}.mini-summary div{display:flex;justify-content:space-between;gap:16px}.mini-summary span:first-child{color:#858d98}.order-actions{display:grid;grid-template-columns:auto 1fr;gap:9px;margin-top:26px}.order-actions .btn{width:100%}.mobile-total{display:none}.quote-badge{display:inline-flex;border:1px solid #ffd97b33;color:#dcc37e;background:#ffd97b0b;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.style-thumb.auto{background:radial-gradient(circle at 72% 25%,#ff793c44,transparent 35%),#0c0d10}.style-thumb.industrial{background:repeating-linear-gradient(0deg,#17373910 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,#17373910 0 1px,transparent 1px 24px),#e7ece9}.style-thumb.lifestyle{background:linear-gradient(135deg,#f6e6df,#fffaf7)}.style-thumb.minimal{background:linear-gradient(100deg,#f8f8f6 70%,#121212 70%)}.style-thumb.premium{background:radial-gradient(circle at 60% 35%,#a9865344,transparent 30%),#100d0b}.style-thumb.bold{background:linear-gradient(135deg,#ffd936 60%,#ef4438 60%)}

.tone-preview{margin:0 0 18px}.tone-preview-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;color:#8f97a3;font-size:12px}.tone-preview-top strong{color:#dfe3e8}.tone-canvas{position:relative;min-height:410px;border-radius:28px;overflow:hidden;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;isolation:isolate;transition:background .25s,color .25s}.tone-nav{display:flex;align-items:center;gap:16px;position:relative;z-index:3;font-size:12px;letter-spacing:.12em}.tone-nav strong{font-size:18px;letter-spacing:-.02em}.tone-nav span{opacity:.65}.tone-nav i{margin-left:auto;width:42px;height:1px;background:currentColor;opacity:.5}.tone-visual{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.tone-visual span{position:absolute;display:block}.tone-copy{position:relative;z-index:2;margin-top:auto;max-width:720px;padding-top:110px}.tone-copy small{display:block;margin-bottom:12px;font-size:11px;font-weight:800;letter-spacing:.15em;opacity:.65}.tone-copy h2{font-size:clamp(34px,5vw,70px);line-height:.92;letter-spacing:-.055em;margin:0 0 16px;max-width:760px}.tone-copy p{font-size:15px;line-height:1.55;max-width:620px;margin:0 0 20px;opacity:.78}.tone-copy button{border:0;border-radius:999px;padding:12px 18px;font:inherit;font-weight:850;pointer-events:none}.tone-mode{position:absolute;right:18px;bottom:16px;z-index:3;font-size:11px;opacity:.55}.tone-choice-grid{margin-top:14px}.tone-choice-grid .choice{min-height:105px;padding:17px 18px}.tone-choice-grid .choice .title{font-size:17px}.tone-choice-grid .choice .desc{font-size:12px}.tone-preview[data-tone="short"] .tone-copy h2{max-width:560px;font-size:clamp(40px,6vw,78px)}.tone-preview[data-tone="expert"] .tone-copy p{max-width:700px}.tone-preview[data-tone="emotional"] .tone-copy h2{font-style:italic}

.tone-preview[data-style="auto"] .tone-canvas{background:radial-gradient(circle at 78% 30%,rgba(255,105,48,.28),transparent 22%),linear-gradient(145deg,#111216,#050607);color:#f5f6f7}.tone-preview[data-style="auto"] .tone-visual span:nth-child(1){width:44%;height:2px;background:#ff6b32;right:8%;top:38%;transform:rotate(-8deg);box-shadow:0 0 22px #ff6b32}.tone-preview[data-style="auto"] .tone-visual span:nth-child(2){width:210px;height:210px;border:1px solid #ff6b3244;border-radius:50%;right:10%;top:24%}.tone-preview[data-style="auto"] .tone-visual span:nth-child(3){width:80px;height:80px;border:18px solid #20242b;border-radius:50%;right:19%;top:41%}.tone-preview[data-style="auto"] .tone-copy button{background:#ff6b32;color:#08090b}

.tone-preview[data-style="industrial"] .tone-canvas{background:repeating-linear-gradient(0deg,#0c4f5212 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,#0c4f5212 0 1px,transparent 1px 30px),#edf2ef;color:#15383b}.tone-preview[data-style="industrial"] .tone-visual span:nth-child(1){width:260px;height:180px;border:1px solid #19595d55;right:8%;top:25%}.tone-preview[data-style="industrial"] .tone-visual span:nth-child(2){width:180px;height:180px;border:1px dashed #19595d66;border-radius:50%;right:13%;top:25%}.tone-preview[data-style="industrial"] .tone-visual span:nth-child(3){width:130px;height:1px;background:#19595d99;right:18%;top:46%;transform:rotate(45deg)}.tone-preview[data-style="industrial"] .tone-copy button{background:#173f42;color:#fff}.tone-preview[data-style="industrial"] .tone-copy h2{letter-spacing:-.035em}

.tone-preview[data-style="lifestyle"] .tone-canvas{background:linear-gradient(135deg,#fffaf7,#f3dfd6);color:#5a3f34}.tone-preview[data-style="lifestyle"] .tone-nav strong,.tone-preview[data-style="lifestyle"] .tone-copy h2{font-family:Georgia,'Times New Roman',serif}.tone-preview[data-style="lifestyle"] .tone-visual span:nth-child(1){width:220px;height:260px;background:linear-gradient(160deg,#d8a992,#f4d4c5);border-radius:110px 110px 28px 28px;right:9%;top:18%;box-shadow:0 30px 60px rgba(111,69,54,.16)}.tone-preview[data-style="lifestyle"] .tone-visual span:nth-child(2){width:90px;height:160px;background:#c78f79;border-radius:50px 50px 18px 18px;right:24%;top:33%}.tone-preview[data-style="lifestyle"] .tone-visual span:nth-child(3){width:130px;height:20px;border-radius:50%;background:#8f5a4833;right:14%;top:71%;filter:blur(6px)}.tone-preview[data-style="lifestyle"] .tone-copy button{background:#6a4739;color:#fff}

.tone-preview[data-style="minimal"] .tone-canvas{background:#f5f5f1;color:#111}.tone-preview[data-style="minimal"] .tone-visual span:nth-child(1){width:1px;height:100%;background:#111;opacity:.1;right:31%;top:0}.tone-preview[data-style="minimal"] .tone-visual span:nth-child(2){width:34%;height:34%;background:#111;right:0;top:0}.tone-preview[data-style="minimal"] .tone-visual span:nth-child(3){width:90px;height:90px;border:1px solid #111;right:14%;bottom:17%}.tone-preview[data-style="minimal"] .tone-copy{max-width:620px}.tone-preview[data-style="minimal"] .tone-copy button{background:#111;color:#fff;border-radius:4px}

.tone-preview[data-style="premium"] .tone-canvas{background:radial-gradient(circle at 72% 24%,rgba(178,137,78,.24),transparent 25%),linear-gradient(150deg,#17120e,#090806);color:#eadfcf}.tone-preview[data-style="premium"] .tone-nav strong,.tone-preview[data-style="premium"] .tone-copy h2{font-family:Georgia,'Times New Roman',serif}.tone-preview[data-style="premium"] .tone-visual span:nth-child(1){width:260px;height:260px;border:1px solid #b28a5255;border-radius:50%;right:8%;top:17%}.tone-preview[data-style="premium"] .tone-visual span:nth-child(2){width:1px;height:230px;background:#b28a5277;right:24%;top:19%}.tone-preview[data-style="premium"] .tone-visual span:nth-child(3){width:130px;height:130px;background:#b28a521c;right:15%;top:34%;transform:rotate(45deg)}.tone-preview[data-style="premium"] .tone-copy button{background:#b28a52;color:#120e0a}.tone-preview[data-style="premium"] .tone-copy h2{font-weight:500;letter-spacing:-.035em}

.tone-preview[data-style="bold"] .tone-canvas{background:linear-gradient(135deg,#ffd62f 0 66%,#ef4c3f 66%);color:#111}.tone-preview[data-style="bold"] .tone-visual span:nth-child(1){width:180px;height:180px;background:#151515;border-radius:50%;right:9%;top:18%}.tone-preview[data-style="bold"] .tone-visual span:nth-child(2){width:140px;height:140px;border:18px solid #fff;right:20%;top:39%;transform:rotate(18deg)}.tone-preview[data-style="bold"] .tone-visual span:nth-child(3){width:190px;height:24px;background:#151515;right:2%;bottom:16%;transform:rotate(-8deg)}.tone-preview[data-style="bold"] .tone-copy h2{font-weight:950;text-transform:uppercase}.tone-preview[data-style="bold"] .tone-copy button{background:#111;color:#fff;border-radius:0}

@media(max-width:900px){.order-layout{grid-template-columns:1fr;padding-bottom:150px}.order-side{display:none}.mobile-total{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:95;border:1px solid var(--line);background:rgba(15,17,22,.94);backdrop-filter:blur(18px);border-radius:18px;padding:11px 12px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;box-shadow:0 18px 55px rgba(0,0,0,.45)}.mobile-total strong{font-size:22px}.mobile-total small{display:block;color:#8f97a3}.mobile-total .btn{padding:11px 15px}.choice-grid{grid-template-columns:1fr 1fr}.tone-canvas{min-height:380px}.tone-copy{padding-top:90px}.tone-copy h2{max-width:70%}}
@media(max-width:620px){.order-top .wrap{height:64px}.choice-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.choice{min-height:0}.addon{grid-template-columns:22px 1fr}.addon-price{grid-column:2}.order-actions{grid-template-columns:1fr 1fr}.step-head h1{font-size:40px}.tone-preview-top{align-items:flex-start;flex-direction:column;gap:4px}.tone-canvas{min-height:420px;padding:18px}.tone-nav span{display:none}.tone-copy{padding-top:150px}.tone-copy h2{max-width:100%;font-size:42px}.tone-copy p{font-size:14px}.tone-visual span{transform:scale(.72);transform-origin:100% 0}.tone-mode{left:18px;right:auto;bottom:12px;max-width:75%}.tone-choice-grid{grid-template-columns:1fr 1fr}.tone-choice-grid .choice{padding:14px;min-height:96px}.tone-choice-grid .choice .desc{display:none}}
@media(max-width:430px){.tone-choice-grid{grid-template-columns:1fr}.tone-canvas{min-height:390px}.tone-copy{padding-top:125px}}