@import url("/styles/part-01.css");
@import url("/styles/part-02.css");
@import url("/styles/part-03.css");
@import url("/styles/part-04.css");
@import url("/styles/part-05.css");
@import url("/styles/part-06.css");

/* Header brand refinement: one canonical full Douly logo, sized as the visual anchor. */
.brand-fallback[hidden]{display:none!important}
.site-header .brand{min-width:190px}
.site-header .brand img{width:182px;max-height:58px;object-fit:contain;object-position:left center}

/* Locale selector: same IT/EN/ES/FR language model used by the product runtime. */
.language-selector{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.language-selector-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-selector select{appearance:none;-webkit-appearance:none;min-width:58px;height:39px;padding:0 24px 0 11px;border:1px solid var(--line);border-radius:12px;background-color:rgba(251,248,242,.92);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 12px) 16px,calc(100% - 8px) 16px;background-size:4px 4px,4px 4px;background-repeat:no-repeat;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer}
.language-selector select:focus-visible{outline:2px solid var(--sage-deep);outline-offset:2px}

/* Real product captures: preserve the original app UI and only frame/crop it for marketing. */
.hero-product{min-height:720px}
.hero-product .phone{width:322px;height:698px;border-width:8px;border-radius:48px;overflow:hidden;transform:rotate(1.4deg)}
.hero-product .phone-top{display:none}
.hero-product .phone-screen{inset:0;padding:0;border-radius:39px;background:var(--ivory)}
.real-app-screen{display:block;width:100%;height:100%;object-position:top center;background:var(--ivory)}
.real-app-screen-hero{object-fit:cover}

.tour-phone{width:min(360px,88vw);height:780px;border-radius:48px;padding:9px;overflow:hidden}
.tour-notch{display:none}
.tour-screen{padding:0;border-radius:39px;overflow:hidden;background:var(--ivory)}
.tour-screen.active{display:block}
.real-app-screen-tour{object-fit:cover}

/* Readability baseline: keep secondary copy comfortably legible on phones and desktop. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}
body{font-size:16px}
a,button,[role="button"]{touch-action:manipulation}
.eyebrow{font-size:12px}
.nav-links a,.nav-cta{font-size:14px}
.hero-proof{font-size:13px}
.step-number{font-size:11px}
.bento small{font-size:11px}
.bento-stat span{font-size:12px}
.bento-stat em{font-size:13px}
.sleep-line{font-size:13px}
.tour-button span{font-size:15px}
.tour-button small{font-size:13px;line-height:1.45}
.check-list li{font-size:15px;line-height:1.45}
.clinical-note{font-size:13px!important;line-height:1.55}
.life-line p{font-size:14px}
.text-link{font-size:14px}
.trust-card b{font-size:15px}
.trust-card p{font-size:13px;line-height:1.6}
.early-copy p{font-size:16px}
.waitlist-form label{font-size:14px}
.form-row input{font-size:16px}
.form-row button{font-size:15px}
.form-note{font-size:13px;line-height:1.6}
.form-status{font-size:14px;line-height:1.5;min-height:21px}
.footer-brand p{font-size:13px}
.footer-links b{font-size:13px}
.footer-links a{font-size:13px}
.footer-bottom{font-size:12px}

@media(max-width:980px){
  .hero-product{min-height:700px}
  .tour-phone{height:760px}
  .mobile-menu a{font-size:15px}
  .language-selector{margin-left:auto}
  .nav-shell>.nav-cta{margin-left:0}
}

@media(max-width:640px){
  .site-header .brand{min-width:auto}
  .site-header .brand img{width:132px;max-height:44px}
  .language-selector{margin-left:auto}
  .language-selector select{min-width:54px;height:36px;padding-left:9px;font-size:11px}
  .hero-product .phone{width:318px;height:690px}
  .tour-phone{width:min(340px,92vw);height:738px}
  .hero-proof{font-size:13px;line-height:1.45}
  .eyebrow{font-size:12px;line-height:1.4}
  .step-card p,.bento p{font-size:15px;line-height:1.65}
  .early-copy p{font-size:17px;line-height:1.65}
  .waitlist-form label{font-size:15px}
  .form-note{font-size:14px;line-height:1.6}
  .form-status{font-size:14px;line-height:1.55}
  .footer-brand p,.footer-links a,.footer-links b{font-size:14px}
  .footer-bottom{font-size:12px;line-height:1.5}
}