/* P/ HOSTING Projektstudio V12 – two-column interactive brief and sample preview */
.portal-wizard-page .portal-main{width:min(1460px,calc(100% - 64px));padding-top:40px}
.portal-wizard-page .portal-intro{max-width:1460px;margin-bottom:25px;align-items:center}
.portal-wizard-page .portal-intro h1{font-size:clamp(2rem,3.5vw,3.4rem);max-width:970px}
.portal-wizard-page .portal-intro p{margin-bottom:0}
.studio-progress{border:1px solid rgba(235,245,250,.15);border-radius:22px;padding:22px 25px;margin-bottom:22px;background:rgba(15,33,47,.70);box-shadow:0 12px 45px rgba(0,0,0,.1)}
.studio-progress-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}
.studio-progress-kicker{font-size:11px;letter-spacing:.16em;color:#c4d0da;font-weight:680}
.studio-progress-head strong{font-size:13px;font-weight:650;color:#fff}
.studio-progress-track{height:6px;border-radius:99px;background:rgba(225,237,246,.13);overflow:hidden}
.studio-progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#FFA649,#FFD3A6);border-radius:99px;transition:width .28s ease}
.studio-step-nav{display:flex;gap:10px;justify-content:space-between;margin-top:15px}
.studio-step-nav button{background:none;border:0;color:#a1afba;font-size:12px;text-align:left;padding:9px 8px;min-height:44px;border-radius:8px;transition:color .2s,background .2s;letter-spacing:.02em}
.studio-step-nav button span{margin-left:6px}
.studio-step-nav button[aria-current=step]{color:#ffbc7f;background:rgba(255,166,73,.1)}
.studio-step-nav button:not(:disabled):hover{color:#fff;background:rgba(255,255,255,.06)}
.studio-step-nav button:disabled{opacity:.45;cursor:default}
.studio-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);gap:23px;align-items:start}
.studio-editor{min-width:0}
.studio-task{padding:clamp(24px,2.4vw,36px)!important;box-shadow:0 15px 65px rgba(0,0,0,.18)!important;margin:0!important}
.studio-task h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.studio-task .form-grid{gap:0 15px}
.studio-task .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-task .feature-grid label{min-width:0}
.studio-task .studio-color-grid{grid-template-columns:1fr;gap:11px;margin-top:15px}
.studio-task .studio-color-field{padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:4px 12px}
.studio-task .studio-color-field>label{margin:0;grid-column:1;grid-row:1}
.studio-task .studio-color-field>.studio-color-controls{grid-column:2;grid-row:1 / span 2}
.studio-task .studio-color-field>small{grid-column:1;grid-row:2;margin:0}
.studio-task .studio-color-preview{display:none}
.studio-task .studio-contrast{min-height:0;margin:7px 0 15px}
.studio-task .brief-packs{grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-task .price-choice{padding:13px}
.studio-task .price-choice-text strong{font-size:.9rem}
.studio-task .price-choice-text small{font-size:.75rem}
.studio-task .briefing-price-title{margin-top:20px}
.studio-optional{font-weight:400;opacity:.62}
.studio-wizard-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:19px}
.studio-wizard-actions>span{font-size:.84rem;color:#bdc9d1;font-variant-numeric:tabular-nums}
.studio-wizard-actions .primary-btn,.studio-wizard-actions .ghost-btn{min-height:49px}
.studio-wizard-actions [hidden],.studio-task[hidden]{display:none!important}
.studio-live-preview{position:sticky;top:20px;min-width:0;border:1px solid rgba(236,243,249,.18);border-radius:23px;background:linear-gradient(155deg,rgba(49,70,85,.76),rgba(13,28,39,.92));padding:20px;box-shadow:0 25px 85px rgba(1,8,13,.34);backdrop-filter:blur(22px)}
.studio-live-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:20px}
.studio-live-head h2{margin:8px 0 0;font-size:clamp(1.07rem,1.6vw,1.32rem);line-height:1.22;letter-spacing:-.025em}
.studio-live-eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:.16em;font-size:10px;color:#c1d0da;font-weight:750}
.studio-live-dot{width:7px;height:7px;border-radius:50%;background:#ffa649;box-shadow:0 0 13px #ffa649}
.studio-device-switch{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.15);border-radius:99px;background:rgba(5,21,31,.6)}
.studio-device-switch button{border:0;color:#c0ced8;background:transparent;padding:7px 11px;min-height:33px;border-radius:99px;font-size:11px;white-space:nowrap}
.studio-device-switch button.is-selected{background:#ffa649;color:#192733;font-weight:780}
.studio-browser-stage{padding:20px 10px;display:flex;justify-content:center;align-items:center;border-radius:16px;min-height:465px;background:radial-gradient(ellipse at 20% 14%,rgba(255,166,73,.19),transparent 50%),linear-gradient(145deg,rgba(10,22,31,.88),rgba(26,44,58,.6));overflow:hidden}
.studio-browser{width:100%;max-width:620px;border:1px solid rgba(255,255,255,.3);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.45);transition:max-width .28s ease}
.studio-browser.is-mobile{max-width:285px}
.studio-browser-bar{background:#ecedf0;border-bottom:1px solid rgba(0,0,0,.07);color:#8f99a0;height:34px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:10px}
.browser-dots{display:flex;gap:4px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#fcaa82}.browser-dots i:nth-child(2){background:#f7d3a1}.browser-dots i:nth-child(3){background:#c8ccd0}.browser-lock{font-size:7px}
.studio-sample-site{--sample-bg:#F5F5F2;--sample-txt:#283845;--sample-accent:#FFA649;--sample-cta-ink:#1a2630;background:var(--sample-bg);color:var(--sample-txt);min-height:375px;transition:background .2s,color .2s;overflow:hidden}
.sample-navbar{padding:18px 6%;display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid color-mix(in srgb,var(--sample-txt) 12%,transparent);font-size:10px}
.sample-navbar strong{font-size:12px;letter-spacing:-.03em;max-width:47%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sample-nav-links{opacity:.7;font-size:9px;white-space:nowrap}
.sample-nav-menu{display:none;font-size:15px}
.sample-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:242px;gap:4px;padding:28px 5% 34px;align-items:center}
.sample-copy{position:relative;z-index:1;min-width:0}
.sample-eyebrow{font-size:8px;letter-spacing:.2em;font-weight:800;opacity:.66;line-height:1.4}
.sample-hero h3{font-size:clamp(18px,2.1vw,32px);line-height:1.12;letter-spacing:-.055em;font-weight:750;margin:12px 0 12px;overflow-wrap:anywhere}
.sample-hero p{font-size:10px;line-height:1.64;opacity:.74;max-width:260px;margin:0 0 21px;overflow-wrap:anywhere}
.sample-cta{display:inline-flex;gap:13px;align-items:center;background:var(--sample-accent);color:var(--sample-cta-ink);font-size:10px;font-weight:740;padding:10px 14px;border-radius:99px}
.sample-art{position:relative;min-height:205px;overflow:hidden;border-radius:80px 8px 80px 8px;background:radial-gradient(ellipse at 75% 10%,color-mix(in srgb,var(--sample-accent) 40%,transparent),transparent 50%),linear-gradient(160deg,color-mix(in srgb,var(--sample-txt) 10%,var(--sample-bg)),color-mix(in srgb,var(--sample-txt) 20%,var(--sample-bg)))}
.art-orbit{position:absolute;width:150px;height:150px;border:1px solid var(--sample-accent);border-radius:50%;opacity:.8;top:20px;right:-35px}
.art-sheet{position:absolute;border-radius:15px;transform:rotate(-12deg);border:1px solid color-mix(in srgb,var(--sample-txt) 25%,transparent);box-shadow:0 15px 28px rgba(0,0,0,.15)}
.art-sheet-back{width:90px;height:150px;top:14px;left:24px;background:color-mix(in srgb,var(--sample-accent) 30%,var(--sample-bg))}
.art-sheet-front{width:115px;height:160px;top:43px;left:53px;background:color-mix(in srgb,var(--sample-bg) 83%,white);padding:20px 13px}
.art-sheet-front span{display:block;height:8px;background:color-mix(in srgb,var(--sample-txt) 25%,transparent);margin:9px 0;border-radius:99px}.art-sheet-front span:nth-child(2){width:75%}.art-sheet-front span:nth-child(3){width:55%;background:var(--sample-accent)}
.art-blob{position:absolute;width:110px;height:110px;border-radius:50%;background:var(--sample-accent);filter:blur(28px);opacity:.3;bottom:-40px;right:-12px}
.sample-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 5% 23px;background:color-mix(in srgb,var(--sample-txt) 10%,transparent);border:1px solid color-mix(in srgb,var(--sample-txt) 10%,transparent);border-radius:8px;overflow:hidden}
.sample-highlights>div{background:var(--sample-bg);padding:12px 12px 13px;min-width:0}
.sample-highlight-number{font-size:9px;font-weight:750;color:var(--sample-accent);display:block;margin-bottom:5px}
.sample-highlights strong{display:block;overflow-wrap:anywhere;font-size:10px;line-height:1.3}
.sample-highlights small{display:block;font-size:8px;line-height:1.5;margin-top:6px;opacity:.65}
.sample-footer{padding:11px 5%;border-top:1px solid color-mix(in srgb,var(--sample-txt) 13%,transparent);display:flex;justify-content:space-between;gap:5px;opacity:.55;font-size:8px}
.studio-browser.is-mobile .sample-navbar{padding:14px 6%}.studio-browser.is-mobile .sample-nav-links{display:none}.studio-browser.is-mobile .sample-nav-menu{display:block}
.studio-browser.is-mobile .sample-hero{display:flex;flex-direction:column;padding:23px 8% 24px;align-items:stretch;gap:24px}.studio-browser.is-mobile .sample-hero h3{font-size:22px}.studio-browser.is-mobile .sample-hero p{font-size:10px}.studio-browser.is-mobile .sample-art{min-height:140px;max-height:140px}.studio-browser.is-mobile .art-sheet-back{left:60px}.studio-browser.is-mobile .art-sheet-front{left:96px;top:16px}.studio-browser.is-mobile .sample-highlights{grid-template-columns:1fr}.studio-browser.is-mobile .sample-highlights>div{padding:9px 12px}.studio-browser.is-mobile .sample-footer{font-size:7px}
.studio-browser[data-style='elegant'] .sample-hero h3,.studio-browser[data-style='elegant'] .sample-navbar strong{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.02em;font-weight:500}.studio-browser[data-style='elegant'] .sample-cta{border-radius:3px}.studio-browser[data-style='elegant'] .sample-art{border-radius:100px 100px 8px 8px}
.studio-browser[data-style='minimal'] .sample-art{background:color-mix(in srgb,var(--sample-txt) 7%,var(--sample-bg));border-radius:0}.studio-browser[data-style='minimal'] .art-blob{display:none}.studio-browser[data-style='minimal'] .sample-cta{border-radius:3px}.studio-browser[data-style='minimal'] .sample-hero h3{font-weight:500;letter-spacing:-.035em}
.studio-browser[data-style='bold'] .sample-hero h3{font-weight:900;text-transform:uppercase;letter-spacing:-.07em}.studio-browser[data-style='bold'] .sample-cta{border-radius:4px}.studio-browser[data-style='bold'] .sample-art{border-radius:8px}
.studio-browser[data-style='creative'] .sample-art{border-radius:75px 10px 50px 90px;transform:rotate(-2deg)}.studio-browser[data-style='creative'] .sample-cta{border-radius:16px 3px 16px 3px}
.studio-preview-note{padding:16px 4px 0}.studio-preview-note span{font-size:12px;font-weight:760;color:#f0f3f5}.studio-preview-note p{color:#b0bfca;font-size:12px;line-height:1.55;margin:5px 0 0}
@media(max-width:1050px){.studio-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}.studio-task .form-grid{grid-template-columns:1fr}.studio-task .brief-packs{grid-template-columns:1fr}.studio-task .studio-color-field{grid-template-columns:1fr}.studio-task .studio-color-field>label,.studio-task .studio-color-field>.studio-color-controls,.studio-task .studio-color-field>small{grid-column:1;grid-row:auto}.studio-live-head{flex-direction:column;align-items:flex-start}}
@media(max-width:790px){.portal-wizard-page .portal-main{width:calc(100% - 28px)}.studio-layout{grid-template-columns:1fr}.studio-live-preview{position:static;order:2}.studio-editor{order:1}.studio-browser-stage{min-height:390px}.studio-live-head{flex-direction:row;align-items:flex-end}.studio-step-nav button span{display:none}.studio-step-nav button{min-width:42px;text-align:center}.studio-progress{padding:18px}.studio-task .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-task .brief-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.portal-wizard-page .portal-main{padding-top:22px}.studio-task .form-grid,.studio-task .brief-packs,.studio-task .feature-grid{grid-template-columns:1fr}.studio-wizard-actions{gap:5px}.studio-wizard-actions .primary-btn,.studio-wizard-actions .ghost-btn{font-size:12px;padding:10px 13px;min-height:46px}.studio-live-head{flex-direction:column;align-items:flex-start}.studio-live-preview{padding:13px}.studio-browser-stage{padding:15px 6px}.studio-optional{display:inline}.studio-progress{border-radius:18px}.studio-progress-kicker{font-size:10px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.studio-progress-track>span,.studio-browser{transition:none}}