/* AppHalt only: a single Chrome example travels from the observation to the design rule. */
.sober-home #apphalt-produit[data-ah-native] .ah-logic{
  position:absolute;inset:0;opacity:var(--ah-logic-o,0);color:#f7f9ff;
  font-family:var(--sans,Arial,sans-serif);pointer-events:none;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic *{box-sizing:border-box}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-bar{
  position:absolute;top:12px;left:6%;right:6%;height:34px;display:flex;align-items:center;
  justify-content:space-between;border-bottom:1px solid #b6c9ee4d;color:#cbd9f5;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-brand img{height:24px;width:24px;border-radius:6px}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-bar-dots{opacity:.58}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-kicker{display:block;color:#a9c8ff;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-observation{
  position:absolute;top:74px;left:8%;right:8%;opacity:var(--ah-observation-o,0);
  transform:translateY(calc((1 - var(--ah-observation-o,0))*12px));
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-observation strong{
  display:block;max-width:23ch;margin-top:9px;font-size:clamp(22px,2.3vw,30px);line-height:1.14;letter-spacing:-.035em;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-observation p{max-width:38ch;margin-top:9px;font-size:13px;line-height:1.45;color:#c7d2ee}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-question{
  position:absolute;top:84px;left:8%;right:8%;color:#f6f9ff;font-size:clamp(21px,2.2vw,29px);
  line-height:1.17;font-weight:650;letter-spacing:-.025em;opacity:var(--ah-interlude-o,0);
  transform:translateY(calc((1 - var(--ah-interlude-o,0))*8px));
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-work,
.sober-home #apphalt-produit[data-ah-native] .ah-logic-browser{
  position:absolute;left:8%;right:8%;display:flex;align-items:center;gap:13px;min-width:0;border-radius:13px;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-work{
  top:215px;height:69px;padding:13px 17px;border:1px solid #435980;background:#1d2d50;
  opacity:var(--ah-observation-o,0);transform:translateY(calc((1 - var(--ah-observation-o,0))*10px));
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-work-icon{width:28px;height:28px;flex:none;border-radius:8px;background:#a9c6fb24}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-work-icon:after{content:"";display:block;width:11px;height:11px;margin:8.5px;border-radius:50%;background:#b6cdf4}
.sober-home #apphalt-produit[data-ah-native] :is(.ah-logic-work,.ah-logic-browser)>span:nth-child(2){display:grid;gap:2px;min-width:0}
.sober-home #apphalt-produit[data-ah-native] :is(.ah-logic-work,.ah-logic-browser) strong{font-size:15px;line-height:1.2;font-weight:670;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sober-home #apphalt-produit[data-ah-native] :is(.ah-logic-work,.ah-logic-browser) small{font-size:11px;line-height:1.2;color:#c4d2ec}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-work-state{margin-left:auto;color:#c4d2ec;font-size:11px;white-space:nowrap}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-browser{
  top:calc(303px - var(--ah-bridge,0)*185px);height:78px;padding:13px 17px;
  background:#f8faff;color:#162647;border:1px solid #d5e2f7;
  box-shadow:0 18px 38px #060e2445;z-index:2;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-browser>img{height:30px;width:30px;flex:none}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-browser small{color:#60718e}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-activity{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:11px;color:#2f5b99;white-space:nowrap}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-activity i{width:8px;height:8px;flex:none;background:#d58e2a;border-radius:50%;box-shadow:0 0 0 4px #d58e2a20}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-footnote{
  position:absolute;left:15%;right:8%;bottom:46px;padding-top:13px;border-top:1px solid #a9c8ff6b;
  color:#c7d2ee;font-size:12px;line-height:1.45;opacity:var(--ah-observation-o,0);
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions{
  position:absolute;top:215px;left:8%;right:8%;opacity:var(--ah-research-o,0);
  transform:translateY(calc((1 - var(--ah-research-o,0))*12px));
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions>strong{
  display:block;margin:7px 0 13px;font-size:20px;line-height:1.2;letter-spacing:-.025em;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice{
  min-height:64px;display:flex;align-items:center;gap:13px;margin-top:7px;padding:9px 14px;
  border:1px solid #667ca144;border-radius:11px;background:#26395c;color:#f7f9ff;
}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice>span{width:25px;color:#a9c8ff;font-size:10px;font-weight:700;letter-spacing:.1em}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice>div{display:grid;gap:2px;min-width:0;flex:1}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice strong{font-size:13px;line-height:1.2}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice small{font-size:11px;line-height:1.2;color:#bdcde8}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice b{font-size:11px;font-weight:700;color:#b9d6ff}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice-focus{border-color:#91b8ff;background:#eaf2ff;color:#172951;box-shadow:0 10px 24px #050c1b3b}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice-focus small{color:#456487}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-choice-focus b{padding:6px 11px;border-radius:7px;background:#2468d9;color:white}
.sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions>p{margin:12px 0 0;color:#cad8ef;font-size:11px;line-height:1.35}
.sober-home #apphalt-produit[data-ah-native] .ah-wire-label{font-size:11px;font-weight:650;color:#365a92}
.sober-home #apphalt-produit[data-ah-native] .ah-wire-window{border-color:#9db2d2;box-shadow:0 24px 45px #1b2d5350}
.sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-product-demo-host .ah-demo-caption{display:none}

/* The menu waits until the window has travelled; on phones both are legible and separate. */
@media(max-width:800px){
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-observation{top:48px;left:6%;right:6%}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-question{top:65px;left:6%;right:6%;font-size:21px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-observation strong{font-size:22px;max-width:24ch}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-observation p{font-size:11px;margin-top:6px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-bar{top:0;left:5%;right:5%;height:36px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-work{top:169px;left:5%;right:5%;height:60px;padding:9px 12px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-browser{top:calc(245px - var(--ah-bridge,0)*195px);left:5%;right:5%;height:68px;padding:10px 12px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-browser>img{height:26px;width:26px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-footnote{left:8%;right:5%;bottom:18px;font-size:11px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions{top:128px;left:5%;right:5%}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions>strong{font-size:17px;margin:4px 0 8px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice{min-height:52px;margin-top:5px;padding:6px 9px;gap:7px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice>span{width:19px;font-size:9px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice strong{font-size:11px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice small{font-size:10px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice b{font-size:10px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice-focus b{padding:5px 7px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions>p{font-size:10px;margin-top:8px}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-product-demo-host .ah-demo .ah-demo-dashboard,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-product-demo-host .ah-demo[data-composition="showcase"] .ah-demo-dashboard{
   left:12px;top:var(--ah-mobile-window-top,40px);width:calc(100% - 24px);
   height:var(--ah-mobile-window-height,346px);transform:none;overflow:hidden;
 }
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu{
   left:12px;right:12px;top:192px;width:calc(100% - 24px);max-height:min(186px,calc(100% - 204px));
   overflow:hidden;padding:7px 11px;border:1px solid #ffffff;
   background:#e9ebf0;box-shadow:0 13px 26px #10203e55;
   opacity:var(--ah-menu-reveal,1);transform:translateY(var(--ah-menu-translate,0px)) scale(var(--ah-menu-scale,1));
 }
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-item:nth-last-child(-n+4),
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-line:nth-last-of-type(-n+2){display:none}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-item,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-line:last-of-type,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] :is(.ah-demo-rows,.ah-demo-tablehead,.ah-demo-footer){display:none}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] [data-part="menu-other"] .ah-demo-menu-app:last-child{display:none}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-app,
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-item{height:24px;min-height:24px;font-size:11px!important}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-label{font-size:10px;line-height:13px}
}
@media(max-width:600px){
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-canvas{height:min(440px,calc(100svh - 286px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-art{height:min(392px,calc(100svh - 326px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-wire-window{height:min(344px,calc(100svh - 370px));top:51%}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo-scene{height:min(392px,calc(100svh - 318px))}
 .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu{top:192px;max-height:min(186px,calc(100% - 204px))}
}
@media(max-width:800px) and (max-height:710px){
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-decisions>p{display:none}
}
@media(max-width:380px){
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-observation strong{font-size:19px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-observation p{font-size:10px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-activity{font-size:9px}
 .sober-home #apphalt-produit[data-ah-native] .ah-logic-choice-focus b{padding:4px 6px}
}