:root { --consult-navy:#08223b; --consult-blue:#087ea4; --consult-cyan:#58c6df; --consult-red:#d94a34; --consult-bg:#f4f8f9; --consult-line:#d6e4e8; }
.consultation-page { color:#10283e; background:var(--consult-bg); }
.consultation-shell { width:min(1180px,calc(100% - 48px)); margin:auto; }
.consultation-header { padding:68px 0 62px; color:white; background:radial-gradient(circle at 80% 0,#126487 0,transparent 32%),linear-gradient(135deg,#061b30,#0a304e); }
.header-layout { display:grid; grid-template-columns:1fr 310px; gap:70px; align-items:center; }
.beta-label { width:max-content; margin-bottom:24px; padding:6px 10px; display:flex; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.2); border-radius:99px; color:#cae8ef; font-size:10px; font-weight:800; letter-spacing:.1em; }
.beta-label span { width:7px; height:7px; border-radius:50%; background:#f2c15c; box-shadow:0 0 0 4px rgba(242,193,92,.13); }
.consultation-eyebrow { margin:0 0 12px; color:var(--consult-blue); font-size:10px; font-weight:800; letter-spacing:.15em; }
.consultation-header .consultation-eyebrow { color:var(--consult-cyan); }
.consultation-header h1 { max-width:760px; margin:0; font-size:clamp(42px,5vw,66px); line-height:1.05; letter-spacing:-.045em; }
.consultation-header h1 + p { max-width:720px; margin:22px 0 0; color:#b9ced9; font-size:17px; line-height:1.7; }
.reference-card { padding:27px; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:rgba(255,255,255,.075); box-shadow:0 18px 42px rgba(0,0,0,.15); }
.reference-card small,.reference-card strong,.reference-card span { display:block; }.reference-card small { color:var(--consult-cyan); font-size:9px; font-weight:800; letter-spacing:.13em; }.reference-card strong { margin-top:12px; font:800 28px Manrope,sans-serif; }.reference-card p { color:#b8cbd5; font-size:13px; line-height:1.55; }.reference-card span { margin-top:22px; padding-top:17px; border-top:1px solid rgba(255,255,255,.12); color:#f0c875; font-size:11px; font-weight:800; }
.consultation-workspace { padding:52px 0 90px; }
.workspace-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr); gap:22px; align-items:start; }
.consultation-panel,.consultation-result { border:1px solid var(--consult-line); border-radius:22px; background:white; box-shadow:0 10px 32px rgba(8,34,59,.055); }
.consultation-panel { padding:32px; }
.mode-heading h2 { margin:0; font-size:31px; }
.mode-tabs { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:25px 0 34px; }
.mode-tab { min-height:92px; display:flex; align-items:center; gap:14px; padding:17px; border:1px solid var(--consult-line); border-radius:15px; color:#556c7b; background:#f9fcfd; cursor:pointer; text-align:left; transition:.2s; }
.mode-tab.active { color:var(--consult-navy); border-color:#72bed0; background:#eaf8fb; box-shadow:0 0 0 3px rgba(8,126,164,.08); }
.mode-icon { flex:0 0 39px; height:39px; display:grid; place-items:center; border-radius:11px; color:white; background:var(--consult-red); font-size:23px; }.mode-icon.diamond { background:var(--consult-blue); }
.mode-tab strong,.mode-tab small { display:block; }.mode-tab strong { font:800 14px Manrope,sans-serif; }.mode-tab small { margin-top:4px; color:#70838e; font-size:10px; line-height:1.4; }
.consultation-form.hidden,.result-empty.hidden,.result-pending.hidden { display:none; }
.form-intro { display:flex; gap:13px; align-items:flex-start; margin-bottom:19px; }.form-intro.second { margin-top:31px; padding-top:27px; border-top:1px solid var(--consult-line); }.form-intro > span { flex:0 0 32px; height:32px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--consult-blue); font:800 10px Manrope,sans-serif; }.form-intro strong { font:800 16px Manrope,sans-serif; }.form-intro p { margin:3px 0 0; color:#71838e; font-size:12px; line-height:1.5; }
.consultation-form label { position:relative; display:block; color:#263d50; font-size:12px; font-weight:800; }
.consultation-form input,.consultation-form textarea,.consultation-form select { width:100%; margin-top:8px; padding:13px 14px; border:1px solid #cfdee3; border-radius:11px; color:#163146; background:white; font:500 14px "DM Sans",sans-serif; outline:none; }
.consultation-form input:focus,.consultation-form textarea:focus,.consultation-form select:focus { border-color:var(--consult-blue); box-shadow:0 0 0 3px rgba(8,126,164,.1); }.consultation-form textarea { resize:vertical; line-height:1.55; }
.form-grid { display:grid; gap:12px; }.form-grid.three { grid-template-columns:repeat(3,1fr); }.form-grid.four { grid-template-columns:repeat(4,1fr); }.form-grid .wide { grid-column:span 2; }.unit { position:absolute; right:12px; bottom:14px; color:#82939d; font-size:10px; font-weight:700; }.form-grid label:has(.unit) input { padding-right:50px; }
.upload-field { min-height:95px; display:flex!important; align-items:center; gap:14px; margin-top:24px; padding:17px; border:1px dashed #8db9c5; border-radius:14px; background:#f2fafb; cursor:pointer; }.upload-field.featured-upload { min-height:145px; justify-content:center; text-align:left; }.upload-field input { position:absolute; width:1px; height:1px; opacity:0; }.upload-icon { flex:0 0 40px; height:40px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--consult-blue); font-size:20px; }.upload-field strong,.upload-field small { display:block; }.upload-field small { margin-top:4px; color:#7b8f9a; font-weight:500; }.photo-preview { display:none; width:68px; height:68px; margin-left:auto; object-fit:cover; border-radius:11px; }.photo-preview.visible { display:block; }
.agreement { display:flex!important; align-items:flex-start; gap:10px; margin-top:22px; color:#647985!important; font-weight:500!important; line-height:1.5; }.agreement input { width:17px; height:17px; margin:2px 0 0; accent-color:var(--consult-blue); }
.submit-consultation { width:100%; min-height:52px; margin-top:20px; display:flex; align-items:center; justify-content:center; gap:22px; border:0; border-radius:12px; color:white; background:var(--consult-blue); font:800 14px "DM Sans",sans-serif; cursor:pointer; box-shadow:0 10px 24px rgba(8,126,164,.2); }.submit-consultation:hover { background:#096c8c; }
.consultation-result { position:sticky; top:88px; min-height:580px; padding:31px; color:white; background:linear-gradient(150deg,#08223b,#0b4c68); }
.result-empty,.result-pending { min-height:516px; display:flex; flex-direction:column; }.consultation-result .consultation-eyebrow { color:var(--consult-cyan); }.consultation-result h2 { margin:0; font-size:31px; line-height:1.15; }.consultation-result h2 + p { color:#afc5d0; font-size:14px; line-height:1.65; }.consultation-result ul { margin:22px 0 0; padding:19px 0 0; border-top:1px solid rgba(255,255,255,.12); list-style:none; }.consultation-result li { padding:8px 0; color:#a9bfca; font-size:12px; }.consultation-result li::before { content:"✓"; margin-right:9px; color:var(--consult-cyan); }
.ai-orbit { width:100px; height:100px; display:grid; place-items:center; margin:14px 0 55px; border:1px solid rgba(88,198,223,.4); border-radius:50%; box-shadow:0 0 0 14px rgba(88,198,223,.06),0 0 0 29px rgba(88,198,223,.025); }.ai-orbit span { font:800 25px Manrope,sans-serif; }
.status-dot { width:12px; height:12px; margin:22px 0 53px; border-radius:50%; background:#f0c875; box-shadow:0 0 0 8px rgba(240,200,117,.1); }.prepared-summary { margin-top:22px; padding:17px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.06); color:#c1d3dc; font-size:12px; line-height:1.6; }.pending-note { margin-top:auto; padding-top:23px; border-top:1px solid rgba(255,255,255,.12); color:#f0c875; font-size:11px; line-height:1.55; }
.consultation-safety { padding:82px 0; color:white; background:var(--consult-navy); }.safety-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; }.consultation-safety .consultation-eyebrow { color:var(--consult-cyan); }.consultation-safety h2 { margin:0; font-size:clamp(31px,4vw,45px); }.safety-steps { display:grid; gap:9px; }.safety-steps article { display:flex; align-items:center; gap:15px; padding:17px; border:1px solid rgba(255,255,255,.11); border-radius:12px; background:rgba(255,255,255,.045); }.safety-steps span { flex:0 0 30px; height:30px; display:grid; place-items:center; border-radius:50%; color:var(--consult-navy); background:var(--consult-cyan); font-size:11px; font-weight:800; }.safety-steps p { margin:0; color:#bed0d9; font-size:13px; line-height:1.5; }
@media(max-width:900px){.header-layout,.workspace-layout,.safety-grid{grid-template-columns:1fr}.reference-card{max-width:420px}.consultation-result{position:static;min-height:auto}.result-empty,.result-pending{min-height:400px}.form-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.consultation-shell{width:calc(100% - 32px)}.consultation-header{padding:48px 0}.consultation-header h1{font-size:40px}.consultation-panel{padding:23px 17px}.mode-tabs{grid-template-columns:1fr}.form-grid.three,.form-grid.four{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.upload-field.featured-upload{justify-content:flex-start}.consultation-result{padding:25px 21px}.safety-grid{gap:35px}}