/* AnyRoom Build 119 — consolidated host styles; photographic hero. */
.ar113-host{
  --navy:#0F2D46;
  --navy2:#193B57;
  --amber:#F5A623;
  --amber2:#FFBE38;
  --muted:#68809B;
  --line:#DCE6EE;
  --soft:#F7FAFC;
  --green:#12975A;
  color:var(--navy);
  background:#fff;
}
.ar113-host *{box-sizing:border-box}
.ar113-host__shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.ar113-host__eyebrow{
  margin:0 0 15px;
  color:#df8f00;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
}
.ar113-host__benefits span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#35526b;
  font-weight:750;
}
.ar113-host__benefits i,.ar113-host__trust i{
  display:grid;place-items:center;
  width:22px;height:22px;
  border-radius:50%;
  background:#e7f8ef;
  color:var(--green);
  font-style:normal;
  font-weight:900;
}
.ar113-host__primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,var(--amber2),var(--amber));
  color:var(--navy)!important;
  font:inherit;
  font-weight:900;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(245,166,35,.18);
}
.ar113-host__section{padding:72px 24px}
.ar113-host__section--soft{background:#f7fafc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ar113-host__section-head{max-width:760px;margin-bottom:30px}
.ar113-host h2{margin:0;color:var(--navy);font-size:clamp(34px,3.3vw,48px);line-height:1.08;letter-spacing:-.038em}
.ar113-host__steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
}
.ar113-host__steps article{
  min-height:225px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,45,70,.045);
}
.ar113-host__steps article>span{
  display:grid;place-items:center;
  width:38px;height:38px;
  margin-bottom:24px;
  border-radius:50%;
  background:#fff1d3;
  color:#a96b00;
  font-weight:900;
}
.ar113-host__steps h3{margin:0 0 10px;font-size:19px;line-height:1.2}
.ar113-host__steps p{margin:0;color:#698198;font-size:15px;line-height:1.58}
.ar113-host__why-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:58px;
  align-items:start;
}
.ar113-host__text{color:#607b93;font-size:17px;line-height:1.7}
.ar113-host__feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ar113-host__feature-grid article{
  padding:22px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
}
.ar113-host__feature-grid article>span{
  display:grid;place-items:center;
  width:42px;height:42px;
  margin-bottom:16px;
  border-radius:14px;
  background:#fff3d8;
  color:#d98900;
  font-size:20px;
  font-weight:900;
}
.ar113-host__feature-grid strong{display:block;font-size:18px;margin-bottom:6px}
.ar113-host__feature-grid small{display:block;color:#70879b;font-size:14px;line-height:1.5}
.ar113-host__start-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(380px,.72fr);
  gap:70px;
  align-items:start;
}
.ar113-host__start-copy>p:not(.ar113-host__eyebrow){color:#607b93;font-size:17px;line-height:1.7}
.ar113-host__trust{display:grid;gap:12px;margin-top:26px}
.ar113-host__trust span{display:flex;align-items:center;gap:10px;color:#38546c}
.ar113-host__account-card{
  border:1px solid var(--line);
  border-radius:26px;
  background:#fff;
  padding:28px;
  box-shadow:0 22px 52px rgba(15,45,70,.10);
}
.ar113-host__tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:5px;
  margin-bottom:26px;
  border-radius:14px;
  background:#f2f6f9;
}
.ar113-host__tabs button{
  min-height:44px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#6b8298;
  font:inherit;
  font-weight:850;
  cursor:pointer;
}
.ar113-host__tabs button.is-active{background:#fff;color:var(--navy);box-shadow:0 4px 12px rgba(15,45,70,.07)}
.ar113-host__mini-label{margin:0 0 7px;color:#df8f00;font-size:11px;font-weight:900;letter-spacing:.12em}
.ar113-host__panel h3,.ar113-host__logged-in h3{margin:0 0 18px;font-size:27px;letter-spacing:-.025em}
.ar113-host__form{display:grid;gap:14px}
.ar113-host__form label{display:grid;gap:7px;color:#415e75;font-size:14px;font-weight:800}
.ar113-host__form input:not([type="checkbox"]){
  width:100%;height:50px;
  padding:0 14px;
  border:1px solid #d4e0e9;
  border-radius:12px;
  outline:none;
  color:var(--navy);
  font:inherit;
  background:#fff;
}
.ar113-host__form input:not([type="checkbox"]):focus{border-color:#8ab4d1;box-shadow:0 0 0 3px rgba(64,132,177,.09)}
.ar113-host__form .ar113-host__primary{width:100%;margin-top:4px}
.ar113-host__remember{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;font-weight:600!important}
.ar113-host__remember input{width:17px;height:17px}
.ar113-host__logged-in{text-align:left}
.ar113-host__account-icon{
  display:grid;place-items:center;
  width:56px;height:56px;margin-bottom:20px;
  border-radius:18px;
  background:#eef5fa;color:#446c8b;
}
.ar113-host__account-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ar113-host__logged-in p:not(.ar113-host__mini-label){color:#6b8297;line-height:1.6}
.ar113-host__logged-in .ar113-host__primary{width:100%;margin-top:10px}
.ar113-host__faq{padding-top:44px}
.ar113-host__faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:60px}
.ar113-host details{margin-bottom:12px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.ar113-host summary{position:relative;padding:18px 52px 18px 20px;cursor:pointer;font-weight:850;list-style:none}
.ar113-host summary::-webkit-details-marker{display:none}
.ar113-host summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--amber);font-size:24px;font-weight:900}
.ar113-host details[open] summary::after{content:"–"}
.ar113-host details p{margin:0;padding:0 20px 18px;color:#68809B;line-height:1.6}
@media(max-width:900px){
.ar113-host__shell{width:min(100%,680px)}
.ar113-host__why-grid,.ar113-host__start-grid,.ar113-host__faq-grid{grid-template-columns:1fr;gap:34px}
.ar113-host__steps{grid-template-columns:1fr 1fr}
.ar113-host__section{padding:52px 18px}
.ar113-host__feature-grid{grid-template-columns:1fr 1fr}
.ar113-host__start-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
.ar113-host__steps,.ar113-host__feature-grid{grid-template-columns:1fr}
.ar113-host__account-card{padding:20px}
}

/* Hero: one message and an unobstructed room photograph. */
.ar113-host__hero{
  position:relative;
  padding:clamp(56px,6vw,100px) 24px;
  border-bottom:1px solid var(--line);
  background:#f7f9fa;
  overflow:hidden;
}
.ar113-host__hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('../images/home116/host-bg.jpg') 70% center/cover no-repeat;
  pointer-events:none;
}
.ar113-host__hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.98) 28%,rgba(248,250,252,.92) 43%,rgba(248,250,252,.55) 61%,rgba(248,250,252,.08) 82%);
  pointer-events:none;
}
.ar113-host__hero-grid{position:relative;z-index:1}
.ar113-host__hero-copy{width:62%;max-width:680px}
.ar113-host h1{
  margin:0;
  max-width:15ch;
  color:var(--navy);
  font-size:clamp(44px,4.3vw,68px);
  line-height:1.04;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.ar113-host__lead{
  max-width:570px;
  margin:24px 0 0;
  color:#45627b;
  font-size:18px;
  line-height:1.65;
}
.ar113-host__benefits{display:grid;gap:12px;margin:26px 0 30px}
.ar113-host__benefits i{flex-shrink:0}
.ar113-host__hero-cta{width:auto}
@media(max-width:900px){
  .ar113-host__hero{padding:48px 20px}
  .ar113-host__hero-copy{width:100%;max-width:620px}
  .ar113-host__hero::before{background-position:68% center}
  .ar113-host__hero::after{background:linear-gradient(90deg,rgba(248,250,252,.98),rgba(248,250,252,.90) 65%,rgba(248,250,252,.78))}
  .ar113-host h1{font-size:clamp(38px,6.5vw,54px)}
  .ar113-host__lead{font-size:17px}
}
@media(max-width:560px){
  .ar113-host__hero{padding:40px 20px 44px}
  .ar113-host h1{font-size:clamp(36px,9.5vw,48px);line-height:1.06}
  .ar113-host__benefits{gap:12px;margin:24px 0 28px}
  .ar113-host__benefits span{font-size:14px;line-height:1.45}
  .ar113-host__hero-cta{width:100%;padding:0 16px}
}

/* Build 150: production registration UX on host landing */
.ar150-host__consent{
  display:grid!important;
  grid-template-columns:18px 1fr!important;
  align-items:start!important;
  gap:10px!important;
  color:#5e7488!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.45;
}
.ar150-host__consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#0f2d46}
.ar150-host__consent a{color:#0f2d46;text-decoration:underline;text-underline-offset:2px}
.ar150-host__error{margin:0 0 14px}

/* Build 153: landlord early access notice */
.ar153-early-access{padding:18px 24px;background:#fff8e9;border-bottom:1px solid #f4d99d}
.ar153-early-access__inner{display:flex;align-items:flex-start;gap:16px}
.ar153-early-access__badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f5a623;color:#0f2d46;font-size:11px;font-weight:900;letter-spacing:.09em;white-space:nowrap}
.ar153-early-access__inner strong{display:block;color:#0f2d46;font-size:17px;margin:1px 0 3px}
.ar153-early-access__inner p{margin:0;max-width:900px;color:#516b7f;font-size:14px;line-height:1.55}
@media(max-width:700px){.ar153-early-access{padding:16px 20px}.ar153-early-access__inner{display:grid;gap:9px}.ar153-early-access__badge{width:max-content}}
