/* Website framing matched to WeekFound's current public header and footer.
   Workflow screens, chooser and walkthrough controls retain their own styles. */
body.home-page{background:#fff;padding-top:92px}
.wf-site-container{width:90%;max-width:1280px;margin-inline:auto}
.wf-site-header{position:fixed;inset:0 0 auto;height:92px;z-index:30;background:var(--wf-brand)}
.wf-site-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wf-site-home{display:flex;flex:none;text-decoration:none}
.wf-site-home img{width:192px;height:auto}
.wf-site-header-actions{display:flex;align-items:center;gap:20px}
.wf-site-sign-in{color:#fff;font-size:16px;font-weight:500;line-height:1.3;text-decoration:none;white-space:nowrap}
.wf-site-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:220px;padding:10px 16px;border:1px solid var(--wf-coral);border-radius:4px;background:var(--wf-coral);color:#fff;font-size:16px;font-weight:500;line-height:1.3;text-decoration:none;white-space:nowrap}
.wf-site-button:hover{background:#ed522b;border-color:#ed522b}
.wf-site-header :is(a,summary):focus-visible,.wf-site-footer a:focus-visible{outline:3px solid var(--wf-mint);outline-offset:4px}
.wf-site-menu{position:relative;flex:none}
.wf-site-menu summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;border:1px solid rgb(255 255 255 / .4);border-radius:8px;cursor:pointer;list-style:none}
.wf-site-menu summary::-webkit-detailworkspaceer{display:none}
.wf-site-menu summary span{display:block;width:20px;height:2px;background:white;border-radius:2px}
.wf-site-menu[open] summary{background:rgb(255 255 255 / .1)}
.wf-site-menu nav{position:absolute;top:calc(100% + 16px);right:0;display:grid;width:290px;max-width:calc(100vw - 36px);padding:12px;background:#fff;border:1px solid var(--wf-border);border-radius:18px;box-shadow:0 16px 40px rgb(6 76 67 / .18);max-height:calc(100dvh - 116px);overflow-y:auto}
.wf-site-menu nav a{display:block;padding:10px 12px;color:var(--wf-ink);font-size:16px;line-height:1.5;text-decoration:none;border-radius:8px}
.wf-site-menu nav a:is(:hover,[aria-current]){background:var(--wf-surface);color:var(--wf-teal)}
.wf-site-menu nav a:focus-visible{outline-color:var(--wf-teal);outline-offset:-3px}
#app{width:100%;max-width:none;min-height:0;padding:0}
#app:not([data-page="showroom"]){width:90%;max-width:1200px;margin-inline:auto;padding-block:48px 96px}
.wf-showroom-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:80px 72px;background:linear-gradient(125deg,#f2f8f5 0%,#edf7f2 56%,#d5eee7 100%)}
.wf-showroom-hero:after{content:'';position:absolute;z-index:-1;right:-100px;top:-250px;width:660px;aspect-ratio:1;border:64px solid rgb(255 255 255 / .45);border-radius:50%;pointer-events:none}
.wf-showroom-hero h1{color:var(--wf-ink);font-size:64px;line-height:1.1;font-weight:700;letter-spacing:-.025em;margin:0}
.wf-showroom-gallery{padding-block:64px 96px}
.wf-showroom-gallery .showroom-toolbar{margin-bottom:40px;gap:24px}
.wf-showroom-gallery .search{min-width:0;flex:1 1 360px;max-width:480px}
.wf-showroom-gallery .search-input{min-height:48px;font-size:16px}
.wf-showroom-gallery .segments{flex-wrap:wrap}
.wf-site-footer{background:var(--wf-brand);color:white;padding-block:48px}
.wf-site-footer-banner{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:0;align-items:start;padding-bottom:64px;border-bottom:1px solid rgb(255 255 255 / .35)}
.wf-site-footer-banner h2{color:#e6f4ee;font-size:30px;font-weight:600;line-height:38px;max-width:800px;margin:0 0 16px}
.wf-site-footer-banner p{color:#e6f4ee;font-size:20px;line-height:1.5;max-width:800px;margin:0}
.wf-site-footer-banner>.wf-site-button{justify-self:start;min-height:48px}
.wf-site-footer-top{display:grid;grid-template-columns:2.3fr 2fr;gap:0;padding-block:64px;border-bottom:1px solid rgb(255 255 255 / .35)}
.wf-site-footer-brand img{width:192px;height:auto}
.wf-site-footer-brand p{max-width:280px;margin-top:32px;color:rgb(255 255 255 / .7);font-size:16px;line-height:1.5}
.wf-site-footer-navigation{padding-inline:15px}
.wf-site-footer-navigation h3{font-size:18px;font-weight:600;line-height:1.6;color:#fff;margin:0 0 12px}
.wf-site-footer-links{display:flex;flex-wrap:wrap;gap:0 32px}
.wf-site-footer-links a{color:rgb(255 255 255 / .7);font-size:16px;line-height:1.5;padding-bottom:12px;text-decoration:none}
.wf-site-footer-links a:hover{color:#fff}
.wf-site-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:32px}
.wf-site-footer-bottom p{font-size:16px;line-height:1.5;color:rgb(255 255 255 / .55)}
.wf-site-social{display:flex;align-items:center;gap:16px}
.wf-site-social a{display:block;opacity:.55}
.wf-site-social a:is(:hover,:focus-visible){opacity:1}
.wf-site-social img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:991px){
  .wf-site-header-inner{gap:16px}
  .wf-site-header-actions{gap:16px}
  .wf-site-header .wf-site-button{min-width:180px}
  .wf-site-footer-banner{grid-template-columns:1fr;gap:24px}
  .wf-site-footer-banner>.wf-site-button{justify-self:start}
  .wf-site-footer-top{gap:40px}
  .wf-showroom-hero h1{font-size:48px}
}
@media(max-width:767px){
  .wf-site-home img{width:144px}
  .wf-site-header .wf-site-button{min-width:0}
  .wf-site-footer-top{grid-template-columns:1fr;gap:48px;padding-bottom:32px}
  .wf-site-footer-navigation{padding-inline:0}
  .wf-site-footer-links{flex-direction:column;align-items:flex-start}
  .wf-site-footer-bottom{flex-direction:column;text-align:center;gap:16px}
  .wf-site-footer-banner>.wf-site-button{width:100%}
  .wf-site-footer-banner h2{font-size:30px;line-height:38px}
  .wf-site-footer-banner p{font-size:20px;line-height:1.5}
  .wf-showroom-hero{padding-block:48px}
  .wf-showroom-hero:after{width:420px;right:-190px;top:-230px;border-width:40px}
  .wf-showroom-hero h1{font-size:32px}
  .wf-showroom-gallery{padding-block:40px 48px}
  .wf-showroom-gallery .showroom-toolbar{gap:16px;margin-bottom:32px}
  #app:not([data-page="showroom"]){padding-block:32px 48px}
}
@media(max-width:479px){
  body.home-page{padding-top:82px}
  .wf-site-header{height:82px}
  .wf-site-header-inner{gap:8px}
  .wf-site-header-actions{display:grid;grid-template-columns:auto 44px;grid-template-rows:44px 18px;gap:4px 10px}
  .wf-site-header-actions>.wf-site-button{grid-column:1;grid-row:1;min-height:34px;padding:5px 8px;font-size:14px}
  .wf-site-sign-in{grid-column:1;grid-row:2;justify-self:end;font-size:12px;line-height:18px}
  .wf-site-menu{grid-column:2;grid-row:1}
  .wf-site-menu nav{top:calc(100% + 26px);max-height:calc(100dvh - 98px)}
  .wf-site-footer-bottom p{font-size:14px}
}
@media(max-width:359px){.wf-site-home img{width:120px}.wf-site-header-actions{column-gap:8px}}
