/* MITIN DEV — «Одна заявка. Два взгляда.»
   Feature tokens inherit the existing hub logic; the two perspectives change mood,
   not the surrounding design system. */
.dual-view-demo{
  --dv-paper:oklch(97% .008 86);
  --dv-paper-raised:oklch(99% .005 86);
  --dv-ink:oklch(22% .018 255);
  --dv-muted:oklch(51% .02 255);
  --dv-line:oklch(87% .015 255);
  --dv-client:oklch(61% .19 247);
  --dv-client-soft:oklch(94% .035 232);
  --dv-business:oklch(28% .05 273);
  --dv-business-soft:oklch(38% .07 278);
  --dv-success:oklch(57% .15 153);
  --dv-warning:oklch(66% .13 78);
  --dv-radius-sm:12px;
  --dv-radius-md:18px;
  --dv-radius-lg:28px;
  --dv-space-1:4px;
  --dv-space-2:8px;
  --dv-space-3:12px;
  --dv-space-4:16px;
  --dv-space-6:24px;
  --dv-space-8:32px;
  --dv-space-12:48px;
  --dv-shadow:0 28px 72px rgba(22,31,48,.10);
  --dv-ease:cubic-bezier(.16,1,.3,1);
  margin:34px 0 0;
  padding:clamp(64px,8vw,104px) 0;
  border-block:1px solid var(--hub-line);
  color:var(--dv-ink);
  container-type:inline-size;
}

.dual-view-demo *{box-sizing:border-box}
.dual-view-demo button,.dual-view-demo a{font:inherit}
.dual-view-demo button{touch-action:manipulation}
.dual-view-demo button:focus-visible,.dual-view-demo a:focus-visible,.dual-view-demo [tabindex]:focus-visible{
  outline:3px solid oklch(72% .15 245);
  outline-offset:3px;
}
.dual-view-heading{display:grid;gap:var(--dv-space-6);margin-bottom:var(--dv-space-8)}
.dual-view-kicker,.dual-view-intro>span{
  display:inline-flex;align-items:center;gap:var(--dv-space-2);
  font-size:.625rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase
}
.dual-view-kicker{color:#8e805b}
.dual-view-heading h2{
  max-width:780px;margin:var(--dv-space-3) 0 0;
  font-size:clamp(2.7rem,7.2vw,5.1rem);line-height:.94;letter-spacing:-.06em
}
.dual-view-heading h2 em{font-style:normal;color:var(--dv-muted);font-weight:500}
.dual-view-intro{display:grid;align-content:end;gap:var(--dv-space-3)}
.dual-view-intro p{margin:0;font-size:1rem;line-height:1.55;color:var(--dv-muted)}
.dual-view-intro>span{color:oklch(47% .04 153);letter-spacing:.08em;line-height:1.45}
.dual-view-intro>span i{width:7px;height:7px;border-radius:50%;background:var(--dv-success);box-shadow:0 0 0 4px oklch(90% .06 153)}

.dual-view-workspace{
  overflow:hidden;border:1px solid var(--dv-line);border-radius:var(--dv-radius-lg);
  background:var(--dv-paper-raised);box-shadow:var(--dv-shadow)
}
.dual-view-toolbar{
  position:relative;display:grid;gap:var(--dv-space-3);padding:var(--dv-space-4);
  border-bottom:1px solid var(--dv-line);background:var(--dv-paper)
}
.dual-view-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--dv-space-1);padding:var(--dv-space-1);
  border:1px solid var(--dv-line);border-radius:14px;background:oklch(93% .012 255)
}
.dual-view-tab{
  position:relative;min-height:48px;border:0;border-radius:10px;padding:0 var(--dv-space-3);
  display:inline-flex;align-items:center;justify-content:center;gap:var(--dv-space-2);
  background:transparent;color:var(--dv-muted);font-size:.8125rem;font-weight:850;cursor:pointer;
  transition:color 200ms var(--dv-ease),background-color 200ms var(--dv-ease),box-shadow 200ms var(--dv-ease)
}
.dual-view-tab.is-active{background:var(--dv-paper-raised);color:var(--dv-ink);box-shadow:0 5px 18px rgba(22,31,48,.09)}
.dual-view-lock{font-size:.6875rem;filter:grayscale(1);opacity:.65}
.dual-view-event-badge{
  display:none;min-width:20px;height:20px;padding:0 6px;border-radius:99px;place-items:center;
  background:var(--dv-business-soft);color:oklch(96% .015 278);font-size:.6875rem;font-weight:900
}
.dual-view-tab.is-unlocked .dual-view-lock{display:none}
.dual-view-tab.is-unlocked .dual-view-event-badge{display:grid}
.dual-view-tab.is-viewed .dual-view-event-badge{display:none}
.dual-view-context{min-height:20px;color:oklch(47% .11 62);font-size:.75rem;font-weight:750;text-align:center}
.dual-view-context:empty{min-height:0}
.dual-view-anchor{
  display:none;justify-self:center;padding:7px 10px;border:1px solid var(--dv-line);border-radius:999px;
  background:var(--dv-paper-raised);color:var(--dv-business);font-size:.6875rem;font-weight:900;
  letter-spacing:.06em;font-variant-numeric:tabular-nums
}
.dual-view-demo[data-demo-state="submitted"] .dual-view-anchor,
.dual-view-demo[data-demo-state="business"] .dual-view-anchor,
.dual-view-demo[data-demo-state="processing"] .dual-view-anchor,
.dual-view-demo[data-demo-state="complete"] .dual-view-anchor{display:inline-flex}

.dual-view-scene{
  min-width:0;padding:var(--dv-space-3);background:oklch(96% .012 238);
  transition:background-color 320ms var(--dv-ease)
}
.dual-view-demo[data-demo-view="business"] .dual-view-scene{background:oklch(20% .025 266)}
.dual-view-client-scene,.dual-view-business-scene{min-width:0;animation:dualViewSceneIn 320ms var(--dv-ease) both}
.dual-view-business-scene[hidden],.dual-view-client-scene[hidden]{display:none!important}

.drive-lab-shell{
  min-width:0;overflow:hidden;border-radius:22px;border:1px solid oklch(85% .03 238);
  background:oklch(98% .012 225);box-shadow:0 18px 48px rgba(18,57,92,.09)
}
.drive-lab-brand-row{
  min-height:68px;padding:var(--dv-space-3) var(--dv-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--dv-space-3);
  border-bottom:1px solid oklch(88% .025 238);background:oklch(99% .008 225)
}
.drive-lab-brand{display:flex;align-items:center;gap:var(--dv-space-3);min-width:0}
.drive-lab-brand>span{
  flex:0 0 39px;width:39px;height:39px;border-radius:11px;display:grid;place-items:center;
  background:oklch(26% .045 254);color:oklch(98% .01 225);font-size:.75rem;font-weight:950;letter-spacing:-.03em
}
.drive-lab-brand b,.drive-lab-brand small{display:block}
.drive-lab-brand b{font-size:.8125rem;letter-spacing:.08em}
.drive-lab-brand small{margin-top:3px;color:oklch(53% .035 245);font-size:.5rem;letter-spacing:.14em}
.drive-lab-demo-label{
  flex:0 0 auto;padding:7px 9px;border-radius:99px;background:var(--dv-client-soft);color:oklch(43% .13 247);
  font-size:.5rem;font-weight:900;letter-spacing:.12em
}
.drive-lab-form-view{padding:clamp(24px,5vw,48px) clamp(16px,5vw,52px)}
.drive-lab-form-heading{max-width:560px;margin-bottom:var(--dv-space-6)}
.drive-lab-form-heading>span{color:var(--dv-client);font-size:.5625rem;font-weight:900;letter-spacing:.16em}
.drive-lab-form-heading h3{margin:var(--dv-space-2) 0;font-size:clamp(1.8rem,5vw,3rem);line-height:1;letter-spacing:-.05em}
.drive-lab-form-heading p{max-width:52ch;margin:0;color:oklch(50% .035 245);font-size:.8125rem;line-height:1.6}
.drive-lab-form{display:grid;gap:var(--dv-space-4);max-width:760px}
.drive-lab-services{min-width:0;margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr;gap:var(--dv-space-2)}
.drive-lab-services legend{width:100%;margin-bottom:var(--dv-space-3);color:oklch(39% .035 245);font-size:.75rem;font-weight:850}
.drive-lab-services label{position:relative;min-width:0;cursor:pointer}
.drive-lab-services input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drive-lab-services label>span{
  min-height:46px;padding:0 var(--dv-space-3);display:flex;align-items:center;justify-content:center;
  border:1px solid oklch(84% .035 238);border-radius:var(--dv-radius-sm);background:oklch(99% .006 225);
  color:oklch(43% .035 245);font-size:.75rem;font-weight:800;text-align:center;
  transition:transform 150ms var(--dv-ease),border-color 150ms var(--dv-ease),background-color 150ms var(--dv-ease)
}
.drive-lab-services input:checked+span{border-color:var(--dv-client);background:var(--dv-client-soft);color:oklch(36% .13 247)}
.drive-lab-services input:focus-visible+span{outline:3px solid oklch(75% .13 235);outline-offset:2px}
.drive-lab-details{margin:0;display:grid;border-block:1px solid oklch(88% .025 238)}
.drive-lab-details div{display:flex;align-items:center;justify-content:space-between;gap:var(--dv-space-4);padding:var(--dv-space-3) 0;border-bottom:1px solid oklch(90% .018 238)}
.drive-lab-details div:last-child{border-bottom:0}
.drive-lab-details dt{color:oklch(52% .025 245);font-size:.6875rem}
.drive-lab-details dd{margin:0;color:oklch(30% .035 245);font-size:.75rem;font-weight:850;text-align:right}
.drive-lab-submit,.dual-view-next,.business-take-action,.dual-view-ai-cta{
  min-height:50px;border:0;border-radius:var(--dv-radius-sm);padding:0 var(--dv-space-4);
  display:inline-flex;align-items:center;justify-content:space-between;gap:var(--dv-space-3);
  font-size:.75rem;font-weight:900;cursor:pointer;transition:transform 160ms var(--dv-ease),box-shadow 200ms var(--dv-ease)
}
.drive-lab-submit{background:oklch(31% .055 254);color:oklch(98% .01 225);box-shadow:0 12px 26px rgba(23,54,82,.16)}
.drive-lab-form>small{color:oklch(55% .025 245);font-size:.625rem;line-height:1.45}

.dual-view-submitted{display:none;padding:clamp(24px,5vw,48px) clamp(16px,5vw,52px)}
.dual-view-demo[data-demo-state="submitted"] .drive-lab-form-view,
.dual-view-demo[data-demo-state="business"] .drive-lab-form-view,
.dual-view-demo[data-demo-state="processing"] .drive-lab-form-view,
.dual-view-demo[data-demo-state="complete"] .drive-lab-form-view{display:none}
.dual-view-demo[data-demo-state="submitted"] .dual-view-submitted,
.dual-view-demo[data-demo-state="business"] .dual-view-submitted,
.dual-view-demo[data-demo-state="processing"] .dual-view-submitted,
.dual-view-demo[data-demo-state="complete"] .dual-view-submitted{display:grid;gap:var(--dv-space-4)}
.dual-view-success-line{display:flex;align-items:center;gap:var(--dv-space-3);padding-bottom:var(--dv-space-4);border-bottom:1px solid oklch(87% .03 153)}
.dual-view-success-line>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:oklch(90% .065 153);color:oklch(39% .13 153);font-weight:950}
.dual-view-success-line b,.dual-view-success-line small{display:block}
.dual-view-success-line b{font-size:.875rem}
.dual-view-success-line small{margin-top:3px;color:oklch(47% .04 153);font-size:.625rem}
.dual-view-lead-card{display:grid;gap:var(--dv-space-3);padding:var(--dv-space-4);border:1px solid oklch(83% .04 238);border-radius:var(--dv-radius-md);background:oklch(99% .007 225)}
.dual-view-lead-id{justify-self:start;padding:7px 9px;border-radius:8px;background:var(--dv-client-soft);color:oklch(42% .14 247);font-size:.6875rem;font-weight:950;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.dual-view-lead-card div{display:grid;gap:4px}
.dual-view-lead-card b{font-size:1.25rem;letter-spacing:-.03em}
.dual-view-lead-card div>span{font-size:.8125rem;font-weight:750}
.dual-view-lead-card small{color:oklch(52% .03 245);font-size:.6875rem}
.dual-view-notification{overflow:hidden;border:1px solid oklch(83% .04 238);border-radius:var(--dv-radius-md);background:oklch(99% .007 225);box-shadow:0 18px 42px rgba(25,63,94,.10);animation:dualViewNotificationIn 350ms var(--dv-ease) 180ms both}
.dual-view-notification>header{display:flex;align-items:center;justify-content:space-between;gap:var(--dv-space-3);padding:var(--dv-space-3) var(--dv-space-4);border-bottom:1px solid oklch(89% .02 238)}
.dual-view-notification>header>div{display:flex;align-items:center;gap:var(--dv-space-2);font-size:.6875rem}
.dual-view-notification>header>div>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:oklch(67% .13 233);color:oklch(98% .01 225)}
.dual-view-notification>header strong{padding:5px 7px;border-radius:6px;background:oklch(92% .055 78);color:oklch(43% .09 68);font-size:.5rem;letter-spacing:.1em}
.dual-view-notification-body{padding:var(--dv-space-4)}
.dual-view-notification-body>span{display:block;color:oklch(49% .035 245);font-size:.625rem;font-weight:850}
.dual-view-notification-body>b{display:block;margin:6px 0 10px;font-size:1rem;font-variant-numeric:tabular-nums}
.dual-view-notification-body p{margin:0;color:oklch(33% .035 245);font-size:.75rem;line-height:1.6}
.dual-view-notification-body small{display:block;margin-top:var(--dv-space-3);color:oklch(53% .03 245);font-size:.625rem}
.dual-view-notification>button{width:100%;min-height:44px;border:0;border-top:1px solid oklch(89% .02 238);padding:0 var(--dv-space-4);display:flex;align-items:center;justify-content:space-between;background:oklch(97% .014 238);color:oklch(35% .08 247);font-size:.6875rem;font-weight:900;cursor:pointer}
.dual-view-next{width:100%;background:oklch(31% .055 254);color:oklch(98% .01 225)}

.business-demo-shell{overflow:hidden;border:1px solid oklch(33% .035 273);border-radius:22px;background:oklch(18% .025 266);color:oklch(94% .015 266);box-shadow:0 24px 66px rgba(5,9,19,.32)}
.business-demo-topbar{min-height:68px;padding:var(--dv-space-3) var(--dv-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--dv-space-3);border-bottom:1px solid oklch(30% .028 266);background:oklch(16% .022 266)}
.business-demo-topbar>div{display:flex;align-items:center;gap:var(--dv-space-3);min-width:0}
.business-demo-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:oklch(87% .045 88);color:oklch(24% .035 266);font-size:.75rem;font-weight:950}
.business-demo-topbar b,.business-demo-topbar small{display:block}
.business-demo-topbar b{font-size:.75rem;letter-spacing:.09em}
.business-demo-topbar small{margin-top:3px;color:oklch(66% .025 266);font-size:.5rem;letter-spacing:.12em}
.business-demo-status{display:none;color:oklch(72% .06 153);font-size:.5rem;font-weight:900;letter-spacing:.1em}
.business-demo-status i{width:6px;height:6px;border-radius:50%;background:oklch(70% .13 153)}
.business-demo-lead{padding:clamp(20px,5vw,44px)}
.business-demo-lead>header{display:flex;align-items:start;justify-content:space-between;gap:var(--dv-space-3);padding-bottom:var(--dv-space-6);border-bottom:1px solid oklch(31% .03 266)}
.business-demo-lead>header>div>span{color:oklch(63% .035 266);font-size:.5625rem;font-weight:900;letter-spacing:.16em}
.business-demo-lead>header h3{margin:6px 0 0;color:oklch(96% .01 266);font-size:clamp(1.4rem,6vw,2.4rem);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.business-status-pill{padding:8px 10px;border-radius:8px;background:oklch(35% .08 278);color:oklch(89% .045 278);font-size:.625rem;font-weight:900;transition:background-color 250ms var(--dv-ease),color 250ms var(--dv-ease),transform 250ms var(--dv-ease)}
.dual-view-demo[data-demo-state="processing"] .business-status-pill{transform:translateY(-2px);background:oklch(40% .08 78);color:oklch(92% .04 78)}
.dual-view-demo[data-demo-state="complete"] .business-status-pill{background:oklch(38% .09 153);color:oklch(93% .04 153)}
.business-demo-fields{margin:0;display:grid}
.business-demo-fields div{min-width:0;padding:var(--dv-space-3) 0;border-bottom:1px solid oklch(29% .026 266)}
.business-demo-fields dt{margin-bottom:5px;color:oklch(62% .03 266);font-size:.5625rem;letter-spacing:.08em;text-transform:uppercase}
.business-demo-fields dd{margin:0;color:oklch(91% .014 266);font-size:.75rem;font-weight:750;overflow-wrap:anywhere}
.business-demo-history{padding:var(--dv-space-6) 0}
.business-demo-history>span{color:oklch(62% .03 266);font-size:.5625rem;font-weight:900;letter-spacing:.14em}
.business-demo-history ol{margin:var(--dv-space-3) 0 0;padding:0;list-style:none;display:grid;gap:var(--dv-space-3)}
.business-demo-history li{display:grid;grid-template-columns:46px 1fr;gap:var(--dv-space-3);align-items:center;font-size:.6875rem}
.business-demo-history time{color:oklch(62% .03 266);font-variant-numeric:tabular-nums}
.business-demo-history li span{position:relative;padding-left:var(--dv-space-4);color:oklch(84% .02 266)}
.business-demo-history li span:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:oklch(57% .08 278);transform:translateY(-50%)}
.business-processing-history{display:none!important}
.dual-view-demo[data-demo-state="complete"] .business-processing-history{display:grid!important;animation:dualViewHistoryIn 240ms var(--dv-ease) both}
.dual-view-demo[data-demo-state="complete"] .business-processing-history span:before{background:var(--dv-success)}
.business-take-action{width:100%;background:oklch(88% .045 88);color:oklch(22% .035 266)}
.business-take-action[disabled]{cursor:default;opacity:.78}

.dual-view-pipeline{
  margin:0;padding:var(--dv-space-4);list-style:none;display:grid;gap:0;
  border-top:1px solid var(--dv-line);background:var(--dv-paper)
}
.dual-view-pipeline li{position:relative;min-height:66px;padding:0 0 var(--dv-space-4) 42px;display:flex;align-items:flex-start;gap:var(--dv-space-3);color:oklch(62% .025 255)}
.dual-view-pipeline li:last-child{min-height:44px;padding-bottom:0}
.dual-view-pipeline li>span{position:absolute;left:0;top:0;width:30px;height:30px;border:1px solid var(--dv-line);border-radius:50%;display:grid;place-items:center;background:var(--dv-paper-raised);font-size:.5625rem;font-weight:900;z-index:1;transition:background-color 220ms var(--dv-ease),color 220ms var(--dv-ease),border-color 220ms var(--dv-ease)}
.dual-view-pipeline li>div{display:grid;gap:3px;padding-top:2px}
.dual-view-pipeline b{color:inherit;font-size:.6875rem}
.dual-view-pipeline small{color:inherit;font-size:.5625rem}
.dual-view-pipeline li>i{position:absolute;left:14px;top:30px;width:1px;height:36px;background:var(--dv-line)}
.dual-view-pipeline li.is-complete{color:oklch(40% .07 153)}
.dual-view-pipeline li.is-complete>span{border-color:oklch(70% .09 153);background:oklch(90% .055 153);color:oklch(37% .11 153)}
.dual-view-pipeline li.is-complete>span{font-size:0}
.dual-view-pipeline li.is-complete>span:after{content:"✓";font-size:.75rem}
.dual-view-pipeline li.is-complete>i{background:oklch(70% .09 153)}
.dual-view-pipeline li.is-current{color:var(--dv-business)}
.dual-view-pipeline li.is-current>span{border-color:var(--dv-business-soft);box-shadow:0 0 0 4px oklch(91% .035 278)}

.dual-view-finale{display:none;border-top:1px solid var(--dv-line);background:oklch(96% .012 86)}
.dual-view-demo[data-demo-state="complete"] .dual-view-finale{display:grid;animation:dualViewFinalIn 420ms var(--dv-ease) both}
.dual-view-result-copy,.dual-view-ai-copy{padding:clamp(24px,5vw,52px)}
.dual-view-result-copy{background:oklch(22% .025 266);color:oklch(95% .012 266)}
.dual-view-result-copy>span,.dual-view-ai-copy>span{font-size:.5625rem;font-weight:900;letter-spacing:.16em}
.dual-view-result-copy>span{color:oklch(72% .06 153)}
.dual-view-result-copy h3,.dual-view-ai-copy h3{margin:var(--dv-space-3) 0;font-size:clamp(1.8rem,5vw,3rem);line-height:1;letter-spacing:-.045em}
.dual-view-result-copy p{margin:var(--dv-space-6) 0;color:oklch(76% .02 266);font-size:.875rem;line-height:1.65}
.dual-view-result-copy strong{display:block;max-width:32ch;color:oklch(93% .03 88);font-size:1rem;line-height:1.5}
.dual-view-ai-copy>span{color:oklch(46% .08 273)}
.dual-view-ai-copy>p{max-width:62ch;margin:0;color:var(--dv-muted);font-size:.8125rem;line-height:1.65}
.dual-view-ai-copy ul{margin:var(--dv-space-6) 0;padding:0;list-style:none;display:grid;gap:var(--dv-space-2)}
.dual-view-ai-copy li{position:relative;padding-left:22px;color:oklch(38% .025 255);font-size:.75rem;line-height:1.55}
.dual-view-ai-copy li:before{content:"✓";position:absolute;left:0;color:var(--dv-success);font-weight:950}
.dual-view-final-actions{display:grid;gap:var(--dv-space-2);margin-top:var(--dv-space-6)}
.dual-view-ai-cta{width:100%;background:oklch(25% .035 266);color:oklch(97% .01 266)}
.dual-view-final-actions>a{min-height:48px;border:1px solid var(--dv-line);border-radius:var(--dv-radius-sm);padding:0 var(--dv-space-4);display:flex;align-items:center;justify-content:space-between;color:var(--dv-ink);font-size:.75rem;font-weight:850}

.dual-view-demo.is-invite-focus .dual-view-workspace{animation:dualViewFocus 700ms var(--dv-ease)}

.dual-view-invite{
  --invite-bottom:22px;
  position:fixed;left:18px;right:18px;bottom:var(--invite-bottom);z-index:60;
  max-width:390px;margin-right:auto;padding:var(--dv-space-4,16px);
  border:1px solid oklch(36% .035 266);border-radius:18px;background:oklch(20% .027 266);color:oklch(96% .012 266);
  box-shadow:0 22px 70px rgba(7,12,23,.28);opacity:0;transform:translateY(14px);pointer-events:none;
  transition:opacity 260ms var(--dv-ease,cubic-bezier(.16,1,.3,1)),transform 260ms var(--dv-ease,cubic-bezier(.16,1,.3,1))
}
.dual-view-invite.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.dual-view-invite.is-leaving{opacity:0;transform:translateY(8px);pointer-events:none}
.dual-view-invite>header{display:flex;align-items:start;justify-content:space-between;gap:12px}
.dual-view-invite-kicker{color:oklch(74% .05 88);font-size:.5625rem;font-weight:900;letter-spacing:.14em}
.dual-view-invite h2{margin:8px 0 0;font-size:1.25rem;line-height:1.1;letter-spacing:-.035em}
.dual-view-invite-close{flex:0 0 44px;width:44px;height:44px;margin:-9px -9px 0 0;border:0;border-radius:50%;background:transparent;color:oklch(76% .02 266);font-size:1.25rem;cursor:pointer}
.dual-view-invite p{margin:12px 0;color:oklch(76% .02 266);font-size:.75rem;line-height:1.5}
.dual-view-invite small{display:block;margin-top:10px;color:oklch(66% .025 266);font-size:.5625rem;line-height:1.4}
.dual-view-invite-action{width:100%;min-height:46px;border:1px solid oklch(87% .045 88);border-radius:11px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:oklch(88% .045 88);color:oklch(23% .035 266);font-size:.6875rem;font-weight:900;cursor:pointer}
.dual-view-invite button:focus-visible{outline:3px solid oklch(77% .13 245);outline-offset:2px}
body:has(.web-chat-panel.open) .dual-view-invite{opacity:0;pointer-events:none}

@media (hover:hover) and (pointer:fine){
  .dual-view-tab:hover{color:var(--dv-ink)}
  .drive-lab-services label:hover>span{transform:translateY(-2px);border-color:oklch(70% .08 238)}
  .drive-lab-submit:hover,.dual-view-next:hover,.business-take-action:hover,.dual-view-ai-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,30,48,.15)}
  .dual-view-final-actions>a:hover{transform:translateY(-2px)}
  .dual-view-invite-action:hover{transform:translateY(-2px)}
  .dual-view-invite-close:hover{background:oklch(27% .028 266);color:oklch(96% .012 266)}
}

@container (min-width:560px){
  .dual-view-toolbar{grid-template-columns:auto 1fr auto;align-items:center;padding:var(--dv-space-4) var(--dv-space-6)}
  .dual-view-tabs{width:330px}
  .dual-view-context{text-align:left}
  .dual-view-anchor{justify-self:end}
  .drive-lab-services{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dual-view-lead-card{grid-template-columns:auto 1fr;align-items:center}
  .dual-view-lead-card div{grid-template-columns:1fr auto;align-items:center}
  .dual-view-lead-card small{grid-column:1/-1}
  .business-demo-status{display:inline-flex;align-items:center;gap:7px}
  .business-demo-fields{grid-template-columns:1fr 1fr}
  .business-demo-fields div:nth-child(odd){padding-right:var(--dv-space-4)}
  .business-demo-fields div:nth-child(even){padding-left:var(--dv-space-4);border-left:1px solid oklch(29% .026 266)}
  .business-demo-fields .business-demo-comment{grid-column:1/-1;padding-inline:0;border-left:0}
}

@container (min-width:760px){
  .dual-view-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:var(--dv-space-12)}
  .dual-view-scene{padding:var(--dv-space-6)}
  .drive-lab-form-view,.dual-view-submitted{min-height:520px}
  .drive-lab-form-view{display:grid;align-content:center}
  .dual-view-submitted{align-content:center;grid-template-columns:1fr minmax(260px,.72fr)}
  .dual-view-success-line,.dual-view-lead-card,.dual-view-next{grid-column:1}
  .dual-view-notification{grid-column:2;grid-row:1/4;align-self:center}
  .dual-view-pipeline{grid-template-columns:repeat(6,minmax(0,1fr));padding:var(--dv-space-6)}
  .dual-view-pipeline li{min-height:0;padding:0 var(--dv-space-3) 0 0;display:block}
  .dual-view-pipeline li:last-child{min-height:0}
  .dual-view-pipeline li>span{position:relative;left:auto;top:auto;margin-bottom:var(--dv-space-3)}
  .dual-view-pipeline li>div{padding:0}
  .dual-view-pipeline li>i{left:30px;right:0;top:15px;width:auto;height:1px}
  .dual-view-pipeline b{font-size:.625rem}
  .dual-view-pipeline small{font-size:.5rem}
  .dual-view-finale{grid-template-columns:.82fr 1.18fr}
  .dual-view-final-actions{grid-template-columns:1fr auto}
  .dual-view-final-actions>a{min-width:205px}
}

@container (min-width:980px){
  .dual-view-scene{padding:var(--dv-space-8)}
  .drive-lab-shell,.business-demo-shell{max-width:960px;margin-inline:auto}
  .drive-lab-form-view,.dual-view-submitted{padding-inline:70px}
  .business-demo-lead{padding-inline:58px}
}

@media (max-width:600px){
  .dual-view-invite{--invite-bottom:78px;left:12px;right:12px;max-width:none}
  .dual-view-invite h2{font-size:1.125rem}
}
@media (max-width:390px){
  .dual-view-demo{padding-block:56px}
  .dual-view-heading h2{font-size:2.55rem}
  .dual-view-workspace{border-radius:22px}
  .dual-view-toolbar{padding:12px}
  .dual-view-tab{padding-inline:8px;font-size:.75rem}
  .drive-lab-brand small{display:none}
  .drive-lab-demo-label{font-size:.4375rem}
  .drive-lab-details div{align-items:flex-start;flex-direction:column;gap:4px}
  .drive-lab-details dd{text-align:left}
  .dual-view-invite{padding:14px}
}

@keyframes dualViewSceneIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes dualViewNotificationIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes dualViewHistoryIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes dualViewFinalIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes dualViewFocus{0%,100%{box-shadow:var(--dv-shadow)}45%{box-shadow:0 0 0 5px oklch(79% .07 88),0 30px 78px rgba(22,31,48,.13)}}

@media (prefers-reduced-motion:reduce){
  .dual-view-demo *,.dual-view-demo *:before,.dual-view-demo *:after,.dual-view-invite{
    scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important
  }
  .dual-view-invite{transform:none}
}

@media (forced-colors:active){
  .dual-view-workspace,.drive-lab-shell,.business-demo-shell,.dual-view-tab,
  .drive-lab-services label>span,.dual-view-notification,.dual-view-final-actions>a{
    border:1px solid CanvasText
  }
  .dual-view-tab.is-active,.drive-lab-services input:checked+span,.business-status-pill{
    background:Highlight;color:HighlightText
  }
  .dual-view-demo button:focus-visible,.dual-view-demo a:focus-visible,.dual-view-demo [tabindex]:focus-visible{
    outline:3px solid Highlight
  }
}