/* =========================================================
   PEXSA Habitat — Public v6.0
   Final public exploitation UI + responsive + PWA surfaces
   Loaded after app.css and v3.css: public-only overrides.
   ========================================================= */
.public-v6{
  --pub-max:1320px;
  --pub-nav:1440px;
  --pub-teal:#147783;
  --pub-teal-deep:#0f5961;
  --pub-teal-dark:#103a40;
  --pub-ink:#182b31;
  --pub-muted:#62777d;
  --pub-soft:#f4f8f8;
  --pub-line:#d8e5e7;
  --pub-radius:20px;
  --pub-shadow:0 16px 44px rgba(12,54,60,.10);
  color:var(--pub-ink);
  font-size:16px;
  text-rendering:optimizeLegibility;
}
.public-v6 .container-wide,.public-v6 .container{width:min(var(--pub-max),calc(100% - 48px));margin-inline:auto}
.public-v6 .nav-container{width:min(var(--pub-nav),calc(100% - 40px));margin-inline:auto}
.public-v6 main{overflow:clip}
.public-v6 p{font-size:16.5px;line-height:1.65}
.public-v6 .section{padding:68px 0}
.public-v6 .section-head{margin-bottom:26px;align-items:flex-end}
.public-v6 .section-head h2,.public-v6 .section h2{font-size:clamp(31px,3.25vw,48px);line-height:1.07;letter-spacing:-.035em}
.public-v6 .section-head p{max-width:720px}
.public-v6 .eyebrow{font-size:10.5px;letter-spacing:.145em}
.public-v6 .text-link{display:inline-flex;align-items:center;min-height:42px;padding:7px 0;font-size:14px}

/* Header — dense, legible and stable on desktop */
.public-v6 .v4-header{background:rgba(255,255,255,.985);box-shadow:0 5px 24px rgba(19,59,66,.055)}
.public-v6 .v4-header .nav{min-height:78px;gap:18px}
.public-v6 .v4-header .brand{gap:10px}
.public-v6 .v4-header .brand img{width:50px;height:50px;border-radius:10px}
.public-v6 .v4-header .brand strong{font-size:18px;letter-spacing:-.015em}
.public-v6 .v4-header .brand small{font-size:8.5px;white-space:nowrap}
.public-v6 .v4-header .menu{gap:clamp(11px,1vw,18px);white-space:nowrap}
.public-v6 .v4-header .menu>a,.public-v6 .v4-header .dropdown-trigger{font-size:13.5px;font-weight:780;padding:10px 0}
.public-v6 .v4-header .menu>a:not(.btn),.public-v6 .v4-header .dropdown-trigger{position:relative}
.public-v6 .v4-header .menu>a.active:not(.btn):after,.public-v6 .v4-header .dropdown-trigger.active:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--pub-teal);border-radius:9px}
.public-v6 .v4-header .nav-cta{min-height:44px;padding:10px 17px!important;border-radius:12px;box-shadow:0 8px 22px rgba(20,119,131,.18)}
.public-v6 .install-app-nav{border:1px solid #c8dadd;background:#f7fbfb;color:var(--pub-teal-deep);font-weight:800;border-radius:11px;padding:9px 12px;cursor:pointer;min-height:42px}
.public-v6 .install-app-nav:hover{background:#eaf5f5;border-color:#a9cbcf}
.public-v6 .v4-header .dropdown-menu{top:43px;width:390px;border-radius:15px;padding:7px;box-shadow:0 18px 52px rgba(10,49,55,.16)}
.public-v6 .v4-header .dropdown-compact .dropdown-menu{width:340px}
.public-v6 .v4-header .dropdown-menu a{padding:10px 12px;border-radius:10px}
.public-v6 .v4-header .dropdown-menu a strong{font-size:13.5px}
.public-v6 .v4-header .dropdown-menu a small{font-size:11px;line-height:1.4}

/* Hero — better use of laptop/tablet viewport */
.public-v6 .hero-v3-grid{min-height:520px;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:54px;padding:48px 0}
.public-v6 .hero-v3-copy h1{font-size:clamp(46px,4.65vw,66px);line-height:.99;max-width:680px;margin:12px 0 18px}
.public-v6 .hero-v3-copy>p{font-size:18px;line-height:1.62;max-width:680px}
.public-v6 .hero-v3 .actions{margin-top:22px}
.public-v6 .hero-v3 .btn{min-height:48px;padding:12px 19px}
.public-v6 .hero-v3-media{min-height:425px}
.public-v6 .hero-v3-photo{inset:0 0 0 18px;border-radius:24px}
.public-v6 .hero-v3-photo img{object-position:center center}
.public-v6 .hero-v3-caption{left:0;bottom:20px;padding:14px 16px;border-radius:14px;max-width:260px}
.public-v6 .hero-v3-caption strong{font-size:16px;line-height:1.25}
.public-v6 .hero-v3-caption span{font-size:12px}
.public-v6 .trust-line{margin-top:19px;gap:14px;font-size:12.5px}
.public-v6 .hero-v4-note{margin-top:16px;font-size:12.5px;padding:7px 11px}

/* Choice cards */
.public-v6 .v4-choice-section{padding:46px 0 30px;background:linear-gradient(180deg,#fff,#fbfdfd)}
.public-v6 .client-choice-grid{gap:16px;margin-top:20px}
.public-v6 .client-choice{padding:20px;border-radius:17px;min-height:174px;box-shadow:0 7px 22px rgba(22,63,69,.055)}
.public-v6 .client-choice .choice-icon{width:38px;height:38px;border-radius:11px}
.public-v6 .client-choice strong{font-size:18px;line-height:1.25}
.public-v6 .client-choice span{font-size:13.5px}

/* Services */
.public-v6 .service-photo-grid{gap:17px}
.public-v6 .service-photo-card{border-radius:17px;box-shadow:0 8px 24px rgba(16,64,71,.06)}
.public-v6 .service-photo-card .image{aspect-ratio:5/3.55}
.public-v6 .service-photo-card .body{padding:18px}
.public-v6 .service-photo-card h3{font-size:20px;margin-bottom:6px}
.public-v6 .service-photo-card p{font-size:13.5px;line-height:1.55;margin-bottom:13px}
.public-v6 .service-photo-card a{font-size:13.5px}

/* Human-content split sections */
.public-v6 .photo-split{gap:48px}
.public-v6 .media-frame{border-radius:20px;box-shadow:0 15px 45px rgba(12,54,60,.09)}
.public-v6 .photo-split .ratio-wide{aspect-ratio:16/10;max-height:440px}
.public-v6 .photo-split .media-frame-agent{aspect-ratio:16/11;max-height:455px}
.public-v6 .photo-split .media-frame-agent img{object-position:center 19%}
.public-v6 .photo-copy>p{color:var(--pub-muted);max-width:670px}
.public-v6 .check-list{gap:8px;margin:18px 0}
.public-v6 .check-list span{font-size:14.5px}
.public-v6 .steps.three-v3{gap:12px;margin-top:20px}
.public-v6 .steps.three-v3 .step{min-height:132px;padding:16px;border-radius:14px;display:flex;flex-direction:column;gap:4px}
.public-v6 .steps.three-v3 .step>span{width:34px;height:34px;margin-bottom:8px;font-size:13px;flex:0 0 auto}
.public-v6 .steps.three-v3 .step strong{font-size:14px;line-height:1.45}

/* Diaspora */
.public-v6 .diaspora-grid{gap:46px}
.public-v6 .diaspora-copy h2{font-size:clamp(34px,3.75vw,52px);line-height:1.04;margin:9px 0 14px}
.public-v6 .diaspora-copy>p{font-size:16px;line-height:1.65}
.public-v6 .diaspora-points{gap:10px;margin:20px 0}
.public-v6 .diaspora-point{padding:14px;border-radius:13px}
.public-v6 .diaspora-point strong{font-size:14px}
.public-v6 .diaspora-point span{font-size:12.5px;line-height:1.5}
.public-v6 .diaspora-media{border-radius:21px;aspect-ratio:5/4}

/* Before/after and realisations */
.public-v6 .ba-grid-v3{gap:22px}
.public-v6 .ba-slider-card{border-radius:19px;overflow:hidden}
.public-v6 .featured-project-v32{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);border-radius:23px;box-shadow:0 18px 52px rgba(13,61,68,.10)}
.public-v6 .featured-project-cover-v32{min-height:500px}
.public-v6 .featured-project-cover-v32 img{padding:12px}
.public-v6 .featured-project-copy-v32{padding:clamp(28px,4vw,50px)}
.public-v6 .featured-project-copy-v32 h3{font-size:clamp(30px,3vw,43px);margin:11px 0 13px}
.public-v6 .featured-project-copy-v32>p{font-size:15.5px;line-height:1.65}
.public-v6 .featured-project-thumbs-v32 img{height:92px}

/* Audience and FAQ */
.public-v6 .tag-cloud{gap:8px}
.public-v6 .tag-cloud span{padding:9px 12px;font-size:13px}
.public-v6 .faq-preview .split{gap:52px;align-items:start}
.public-v6 .faq-list details{padding:14px 0}
.public-v6 .faq-list summary{font-size:14.5px;line-height:1.4}
.public-v6 .faq-list p{font-size:14px}

/* Page heroes and public forms */
.public-v6 .page-hero{padding:66px 0}
.public-v6 .page-hero h1{font-size:clamp(38px,4.15vw,57px)}
.public-v6 .page-hero p{font-size:16.5px;max-width:730px}
.public-v6 .page-hero-photo{max-width:410px;border-radius:20px}
.public-v6 .form-layout-v3,.public-v6 .contact-v3{gap:42px}
.public-v6 .form-card{padding:26px;border-radius:20px;box-shadow:0 13px 40px rgba(12,54,60,.09)}
.public-v6 .form-card h2{font-size:27px}
.public-v6 label{font-size:13.5px}
.public-v6 input,.public-v6 select,.public-v6 textarea{min-height:46px;border-radius:11px}
.public-v6 textarea{min-height:126px}
.public-v6 .form-progress-v3{gap:7px}
.public-v6 .form-progress-v3 span{height:5px}

/* Buttons: touch-friendly, consistent */
.public-v6 .btn{min-height:45px;padding:11px 17px;border-radius:11px;font-size:14px;line-height:1.2}
.public-v6 .actions{gap:10px}
.public-v6 .btn:focus-visible,.public-v6 a:focus-visible,.public-v6 button:focus-visible,.public-v6 input:focus-visible,.public-v6 select:focus-visible,.public-v6 textarea:focus-visible{outline:3px solid rgba(23,130,141,.28);outline-offset:3px}

/* CTA + footer */
.public-v6 .accent .cta{padding-block:4px}
.public-v6 .accent .cta h2{font-size:clamp(30px,3.3vw,46px)}
.public-v6 .v3-footer .footer-grid{grid-template-columns:1.2fr .7fr .82fr 1.08fr;gap:34px;padding-top:58px;padding-bottom:42px}
.public-v6 .v3-footer h3{font-size:19px}
.public-v6 .v3-footer h4{font-size:13px;margin-bottom:12px}
.public-v6 .v3-footer a,.public-v6 .v3-footer p{font-size:13px;line-height:1.65}
.public-v6 .footer-logo{width:70px;height:70px}
.public-v6 .footer-bottom{padding:18px 0;font-size:11.5px}
.public-v6 .footer-install-app{margin-top:10px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;text-align:left}
.public-v6 .footer-install-app:hover{background:rgba(255,255,255,.14)}

/* Floating phone/WhatsApp: visible but not intrusive */
.public-v6 .floating-actions{right:14px;bottom:14px;gap:6px}
.public-v6 .floating-actions a{min-height:38px;padding:8px 11px;font-size:11px;box-shadow:0 7px 22px rgba(0,0,0,.14)}

/* Public flash messages become compact toasts instead of pushing content down */
.public-toast-stack{position:fixed;z-index:130;top:92px;right:20px;width:min(430px,calc(100% - 30px));display:grid;gap:8px;pointer-events:none}
.public-toast{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:13px;border:1px solid;box-shadow:0 14px 42px rgba(10,49,55,.16);background:#fff;font-size:13.5px;line-height:1.5}
.public-toast.success{border-color:#b9dfcf;color:#195a43;background:#f2fbf7}
.public-toast.error{border-color:#ecc2c2;color:#7b2d2d;background:#fff6f6}
.public-toast button{border:0;background:transparent;color:inherit;font-size:21px;line-height:1;cursor:pointer;padding:0 2px}
.public-toast.is-hiding{opacity:0;transform:translateY(-6px);transition:.2s}

/* PWA install block */
.public-v6 .pwa-promo-section{padding:54px 0;background:#eef6f7}
.public-v6 .pwa-promo-card{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px;align-items:center;background:#fff;border:1px solid var(--pub-line);border-radius:24px;padding:34px 40px;box-shadow:0 14px 42px rgba(12,54,60,.075)}
.public-v6 .pwa-promo-copy h2{font-size:clamp(29px,3vw,42px);max-width:800px;margin:7px 0 11px}
.public-v6 .pwa-promo-copy p{color:var(--pub-muted);max-width:800px;margin-bottom:14px}
.public-v6 .pwa-benefits{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;font-weight:760;color:#3f5a60}
.public-v6 .pwa-promo-action{display:grid;justify-items:center;text-align:center;gap:10px}
.public-v6 .pwa-promo-action img{border-radius:23px;box-shadow:0 10px 28px rgba(12,54,60,.12)}
.public-v6 .pwa-promo-action small{font-size:11px;color:#74868a;line-height:1.4}
.public-v6 .pwa-install-modal{position:fixed;z-index:180;inset:0;background:rgba(6,29,33,.58);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px}
.public-v6 .pwa-install-modal[hidden]{display:none}
.public-v6 .pwa-install-card{position:relative;width:min(520px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.28);display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:start}
.public-v6 .pwa-install-card>img{border-radius:18px}
.public-v6 .pwa-install-card h2{font-size:28px;margin:5px 0 8px}
.public-v6 .pwa-install-card p{font-size:14px;color:var(--pub-muted);margin:0}
.public-v6 .pwa-install-card .actions{grid-column:1/-1;justify-content:flex-end}
.public-v6 .pwa-install-close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:25px;color:#60757a;cursor:pointer}
.public-v6 .offline-indicator{position:fixed;left:14px;bottom:14px;z-index:125;background:#263a40;color:#fff;padding:9px 12px;border-radius:999px;font-size:11.5px;font-weight:800;box-shadow:0 8px 26px rgba(0,0,0,.18)}
.public-v6 .offline-indicator[hidden]{display:none}

/* Tablet */
@media(max-width:1180px){
  .public-v6 .v4-header .nav{min-height:76px}
  .public-v6 .v4-header .menu{white-space:normal}
  .public-v6 .v4-header .menu.open{padding:10px 14px 18px;max-height:calc(100vh - 86px);overflow:auto}
  .public-v6 .v4-header .menu>a,.public-v6 .v4-header .dropdown-trigger,.public-v6 .install-app-nav{width:100%;text-align:left;padding:11px 7px}
  .public-v6 .v4-header .nav-cta{width:100%;margin-top:6px}
  .public-v6 .hero-v3-grid{grid-template-columns:1fr minmax(320px,.78fr);gap:34px;min-height:500px}
  .public-v6 .hero-v3-copy h1{font-size:clamp(42px,5vw,58px)}
  .public-v6 .service-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-v6 .pwa-promo-card{grid-template-columns:1fr 190px;padding:30px}
}

@media(max-width:900px){
  .public-v6 .container-wide,.public-v6 .container{width:min(100% - 36px,var(--pub-max))}
  .public-v6 .section{padding:56px 0}
  .public-v6 .section-head{align-items:flex-start;display:grid;gap:10px}
  .public-v6 .hero-v3-grid,.public-v6 .photo-split,.public-v6 .diaspora-grid,.public-v6 .form-layout-v3,.public-v6 .contact-v3{grid-template-columns:1fr}
  .public-v6 .hero-v3-grid{padding:42px 0;gap:26px}
  .public-v6 .hero-v3-copy h1{max-width:760px}
  .public-v6 .hero-v3-media{min-height:390px;max-width:720px;width:100%}
  .public-v6 .hero-v3-photo{inset:0}
  .public-v6 .photo-split{gap:28px}
  .public-v6 .photo-split.reverse .media-frame,.public-v6 .photo-split.reverse .photo-copy{order:initial}
  .public-v6 .photo-split .ratio-wide,.public-v6 .photo-split .media-frame-agent{max-height:none;aspect-ratio:16/10}
  .public-v6 .diaspora-media{max-width:720px}
  .public-v6 .featured-project-v32{grid-template-columns:1fr}
  .public-v6 .featured-project-cover-v32{min-height:0;aspect-ratio:4/3}
  .public-v6 .v3-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .public-v6 .pwa-promo-card{grid-template-columns:1fr;gap:24px}
  .public-v6 .pwa-promo-action{justify-items:start;text-align:left;grid-template-columns:auto 1fr;align-items:center}
  .public-v6 .pwa-promo-action small{grid-column:1/-1}
}

/* Phones */
@media(max-width:650px){
  .public-v6{font-size:15.5px}
  .public-v6 .container-wide,.public-v6 .container{width:calc(100% - 28px)}
  .public-v6 .nav-container{width:calc(100% - 24px)}
  .public-v6 .section{padding:44px 0}
  .public-v6 .v4-header .nav{min-height:68px}
  .public-v6 .v4-header .brand img{width:43px;height:43px}
  .public-v6 .v4-header .brand strong{font-size:16px}
  .public-v6 .v4-header .brand small{display:none}
  .public-v6 .menu-btn{display:inline-flex;align-items:center;justify-content:center;min-width:43px;min-height:43px}
  .public-v6 .hero-v3-grid{padding:34px 0 38px}
  .public-v6 .hero-v3-copy h1{font-size:clamp(39px,12vw,52px);margin:10px 0 14px}
  .public-v6 .hero-v3-copy>p{font-size:16.5px;line-height:1.58}
  .public-v6 .hero-v3 .actions{display:grid;grid-template-columns:1fr;gap:9px}
  .public-v6 .hero-v3 .btn{width:100%}
  .public-v6 .trust-line{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
  .public-v6 .hero-v4-note{border-radius:13px;line-height:1.45}
  .public-v6 .hero-v3-media{min-height:310px}
  .public-v6 .hero-v3-caption{left:10px;right:10px;bottom:10px;max-width:none}
  .public-v6 .client-choice-grid,.public-v6 .service-photo-grid{grid-template-columns:1fr}
  .public-v6 .client-choice{min-height:0;padding:17px}
  .public-v6 .service-photo-card .image{aspect-ratio:16/9}
  .public-v6 .steps.three-v3{grid-template-columns:1fr 1fr;gap:9px}
  .public-v6 .steps.three-v3 .step{min-height:120px;padding:13px}
  .public-v6 .steps.three-v3 .step strong{font-size:13px}
  .public-v6 .diaspora-points{grid-template-columns:1fr}
  .public-v6 .diaspora-copy h2{font-size:34px}
  .public-v6 .featured-project-copy-v32{padding:23px 19px}
  .public-v6 .featured-project-copy-v32 h3{font-size:30px}
  .public-v6 .featured-project-thumbs-v32 img{height:76px}
  .public-v6 .faq-preview .split{gap:28px}
  .public-v6 .page-hero{padding:48px 0}
  .public-v6 .page-hero h1{font-size:38px}
  .public-v6 .form-card{padding:18px 15px;border-radius:17px}
  .public-v6 .form-grid{grid-template-columns:1fr}
  .public-v6 .span2{grid-column:auto}
  .public-v6 .actions{display:grid;grid-template-columns:1fr}
  .public-v6 .actions .btn{width:100%}
  .public-v6 .v3-footer .footer-grid{grid-template-columns:1fr;padding-top:44px;padding-bottom:28px}
  .public-v6 .footer-bottom{display:grid;gap:8px}
  .public-v6 main{padding-bottom:62px}
  .public-v6 .floating-actions{left:9px;right:9px;bottom:8px;display:grid;grid-template-columns:1fr 1fr;gap:7px;z-index:126}
  .public-v6 .floating-actions a{justify-content:center;min-height:44px;font-size:12px}
  .public-toast-stack{top:78px;left:10px;right:10px;width:auto}
  .public-v6 .pwa-promo-section{padding:40px 0}
  .public-v6 .pwa-promo-card{padding:22px 18px;border-radius:19px}
  .public-v6 .pwa-promo-copy h2{font-size:29px}
  .public-v6 .pwa-benefits{display:grid;gap:6px}
  .public-v6 .pwa-promo-action{grid-template-columns:72px 1fr}
  .public-v6 .pwa-promo-action img{width:72px;height:72px;border-radius:16px}
  .public-v6 .pwa-promo-action .btn{width:100%}
  .public-v6 .pwa-install-card{grid-template-columns:60px 1fr;padding:22px 18px}
  .public-v6 .pwa-install-card>img{width:60px;height:60px}
  .public-v6 .pwa-install-card h2{font-size:23px;padding-right:20px}
  .public-v6 .offline-indicator{left:9px;right:9px;bottom:61px;text-align:center;border-radius:11px}
}

@media(max-width:420px){
  .public-v6 .steps.three-v3{grid-template-columns:1fr}
  .public-v6 .trust-line{grid-template-columns:1fr}
  .public-v6 .hero-v3-media{min-height:280px}
}

@media(prefers-reduced-motion:reduce){
  .public-v6 *, .public-v6 *:before, .public-v6 *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}