:root{
  --night:#03101f;--night-2:#061b33;--panel:#071d38;--panel2:#09274b;
  --text:#f8fbff;--muted:#c9d8ea;--ink:#0b1d34;--paper:#f4f9ff;--line:rgba(255,255,255,.16);
  --blue:#1597ff;--blue2:#005bd6;--cyan:#55d7ff;--green:#50d66d;
  --mercatino:#0f8cff;--mercatino2:#0055c9;
  --lavoro:#8b3dff;--lavoro2:#4f14b8;
  --lost:#ffb020;--lost2:#e07700;
  --animals:#ff2d91;--animals2:#c70a62;
  --privacy:#1597ff;--support:#7c3aed;--safety:#28c76f;--danger:#ff3d7f;
  --shadow:0 34px 110px rgba(0,20,45,.34);
  --radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#020b16 0,#082746 46%,#eef7ff 46%,#f7fbff 100%);line-height:1.55;min-height:100vh}a{color:inherit}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 8% 10%,rgba(21,151,255,.42),transparent 30%),radial-gradient(circle at 92% 5%,rgba(80,214,109,.22),transparent 28%),linear-gradient(180deg,#020b16 0,#072646 45%,#eef7ff 45%,#f7fbff 100%)}body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.45) 1px,transparent 1px);background-size:70px 70px;opacity:.08;pointer-events:none}.shell{width:min(1480px,100%);margin:0 auto;padding:28px 32px 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none}.brand img{width:74px;height:74px;border-radius:22px;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 20px 42px rgba(0,0,0,.35)}.brand-title{display:block;font-weight:950;font-size:34px;letter-spacing:-1px;line-height:1}.brand-tag{display:block;margin-top:6px;color:#d8ebff;font-weight:700}.nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.nav a,.pill-nav{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 22px;border-radius:21px;text-decoration:none;font-weight:850;color:#f8fbff;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.055));border:1px solid rgba(170,215,255,.36);box-shadow:inset 0 1px rgba(255,255,255,.18),0 14px 34px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.nav a:hover,.pill-nav:hover{transform:translateY(-2px);border-color:rgba(85,215,255,.8);box-shadow:0 18px 44px rgba(21,151,255,.18)}.hero{position:relative;overflow:hidden;border-radius:32px;min-height:620px;padding:48px 54px 36px;background:radial-gradient(circle at 76% 42%,rgba(21,151,255,.32),transparent 32%),linear-gradient(135deg,rgba(5,28,55,.98),rgba(4,18,36,.99));border:1px solid rgba(85,215,255,.36);box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;right:4%;bottom:94px;width:570px;height:570px;border-radius:42px;background:url('icons/mydolia-logo-transparent-512.png') center/cover no-repeat;filter:drop-shadow(0 0 35px rgba(21,151,255,.28));opacity:.95;z-index:1}.hero:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-112px;height:240px;background:radial-gradient(ellipse at 42% 0%,#59d66a 0,#39bd54 38%,#167841 70%,transparent 72%);filter:saturate(1.08);z-index:2}.hero-content{position:relative;z-index:4;width:min(690px,56%)}.badge{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 16px;background:rgba(255,255,255,.12);border:1px solid rgba(190,225,255,.28);color:#e9f7ff;font-weight:850;box-shadow:inset 0 1px rgba(255,255,255,.16)}h1{font-size:clamp(46px,6vw,84px);line-height:.98;letter-spacing:-3px;margin:34px 0 24px;font-weight:1000}.gradient-word{background:linear-gradient(90deg,#16a1ff,#56e184);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(20px,2.2vw,27px);color:#d6e9fa;margin:0 0 34px;font-weight:520}.lead strong{color:#64eccf}.actions{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:32px}.btn{display:inline-flex;align-items:center;gap:12px;justify-content:center;border-radius:17px;padding:16px 24px;text-decoration:none;font-weight:950;font-size:17px;border:1px solid rgba(255,255,255,.2);transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:linear-gradient(180deg,#28a9ff,#0065e8);box-shadow:0 20px 48px rgba(0,120,255,.38),inset 0 1px rgba(255,255,255,.35)}.btn-light{color:#071b33;background:linear-gradient(180deg,#ffffff,#bcecff);box-shadow:0 18px 42px rgba(91,214,255,.22)}.btn-ghost{background:rgba(9,43,76,.78);color:#eff9ff;border-color:rgba(100,200,255,.45);box-shadow:inset 0 1px rgba(255,255,255,.15)}.feature-grid{position:absolute;left:50px;right:50px;bottom:34px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{display:grid;grid-template-columns:64px 1fr 24px;align-items:center;gap:16px;min-height:104px;padding:18px;border-radius:22px;text-decoration:none;color:white;border:1px solid rgba(255,255,255,.22);box-shadow:0 22px 54px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.20);overflow:hidden;position:relative}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.25),transparent 30%);opacity:.8}.feature-card > *{position:relative}.feature-card strong{font-size:20px;display:block}.feature-card span{display:block;color:rgba(255,255,255,.92);font-size:14px;font-weight:650}.feature-card .ico{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;font-size:31px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.26)}.feature-card .arrow{font-size:32px;opacity:.9}.feature-card.mercatino{background:linear-gradient(135deg,var(--mercatino),var(--mercatino2));border-color:#2eb4ff}.feature-card.lavoro{background:linear-gradient(135deg,var(--lavoro),var(--lavoro2));border-color:#a066ff}.feature-card.lost{background:linear-gradient(135deg,var(--lost),var(--lost2));border-color:#ffc247}.feature-card.animals{background:linear-gradient(135deg,var(--animals),var(--animals2));border-color:#ff5cac}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:34px 0 0}.info-card{min-height:168px;border-radius:23px;padding:24px;background:rgba(255,255,255,.88);color:var(--ink);text-decoration:none;border:1px solid rgba(12,61,108,.12);box-shadow:0 24px 64px rgba(14,46,80,.11);display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;transition:transform .18s ease,box-shadow .18s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 30px 78px rgba(14,46,80,.17)}.info-ico{width:72px;height:72px;border-radius:25px;display:grid;place-items:center;font-size:34px;color:white}.info-card h3{margin:4px 0 8px;font-size:22px;letter-spacing:-.4px}.info-card p{margin:0;color:#51657d;font-weight:650}.info-card small{display:block;margin-top:14px;font-weight:900}.info-card.privacy{border-top:5px solid var(--privacy)}.info-card.privacy .info-ico{background:linear-gradient(135deg,#39b8ff,#0068ff)}.info-card.privacy small{color:#087fe8}.info-card.support{border-top:5px solid var(--support)}.info-card.support .info-ico{background:linear-gradient(135deg,#a78bfa,#5b21b6)}.info-card.support small{color:#6430dc}.info-card.safety{border-top:5px solid var(--safety)}.info-card.safety .info-ico{background:linear-gradient(135deg,#5ee69a,#10a85d)}.info-card.safety small{color:#079457}.info-card.delete{border-top:5px solid var(--danger)}.info-card.delete .info-ico{background:linear-gradient(135deg,#ff65aa,#e50064)}.info-card.delete small{color:#dc0a62}.site-footer{margin-top:38px;background:linear-gradient(180deg,#04162a,#020b16);border-top:1px solid rgba(140,205,255,.18);padding:24px 32px;color:#d7e8f8}.footer-inner{width:min(1480px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:58px;height:58px;border-radius:18px}.footer-links{display:flex;gap:28px;flex-wrap:wrap}.footer-links a{text-decoration:none;color:#d7e8f8}.email{font-weight:900}.page-card{margin:26px auto 0;width:min(1120px,100%);background:rgba(255,255,255,.94);color:var(--ink);border-radius:30px;padding:56px;border:1px solid rgba(12,61,108,.12);box-shadow:0 32px 90px rgba(12,61,108,.14)}.page-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:9px 14px;border-radius:999px;color:#0b3a64;background:#dff3ff;font-weight:950}.page-card h1{color:var(--ink);font-size:clamp(40px,5vw,62px);margin:0 0 16px;line-height:1;letter-spacing:-2px}.page-card h2{font-size:26px;margin:34px 0 12px;color:#092447}.page-card p,.page-card li{font-size:17px;color:#213a55}.page-card a{color:#0077e6;font-weight:900}.notice{padding:18px 20px;border-radius:18px;background:#eaf7ff;border:1px solid #cbeeff;color:#143a5c;font-weight:700}.flow-wrap{min-height:calc(100vh - 210px);display:grid;place-items:center}.flow-card{width:min(720px,100%);text-align:center;background:rgba(255,255,255,.94);color:var(--ink);border-radius:30px;padding:48px;border:1px solid rgba(12,61,108,.12);box-shadow:0 32px 90px rgba(12,61,108,.14)}.flow-card img{width:92px;height:92px;border-radius:27px;box-shadow:0 18px 44px rgba(0,35,80,.22)}.flow-card h1{font-size:clamp(34px,5vw,52px);color:var(--ink);margin:22px 0 14px}.hint{margin-top:18px;color:#5b6f84;font-size:14px}.mobile-only{display:none}@media(max-width:1200px){.hero-content{width:62%}.hero:before{width:430px;height:430px;right:-1%;bottom:120px}.feature-grid,.info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.shell{padding:20px 16px 0}.topbar{align-items:flex-start;flex-direction:column}.brand img{width:62px;height:62px}.brand-title{font-size:28px}.nav{justify-content:flex-start}.nav a{min-height:44px;padding:0 14px;font-size:14px}.hero{min-height:auto;padding:34px 22px 28px}.hero-content{width:100%}.hero:before{position:relative;display:block;right:auto;bottom:auto;margin:24px auto 12px;width:min(360px,84vw);height:min(360px,84vw);opacity:.92}.hero:after{height:160px;bottom:-82px}.feature-grid{position:relative;left:auto;right:auto;bottom:auto;margin-top:24px;grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.page-card{padding:32px 22px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:16px}.actions .btn{width:100%}}@media(max-width:520px){h1{font-size:44px;letter-spacing:-1.5px}.lead{font-size:18px}.feature-card{grid-template-columns:58px 1fr 20px}.feature-card .ico{width:58px;height:58px;border-radius:20px}.info-card{grid-template-columns:58px 1fr}.info-ico{width:58px;height:58px;border-radius:20px;font-size:28px}.brand-tag{font-size:13px}.page-card h1{font-size:38px}}

/* V6 premium landing refinement: hero content no overlap, integrated visual, integrated feature icons */
.hero{
  min-height: auto;
  padding: 56px 56px 42px;
  display: block;
  isolation: isolate;
}
.hero:before{
  right: 4.5%;
  top: 28px;
  bottom: auto;
  width: min(520px, 38vw);
  height: min(520px, 38vw);
  border-radius: 0;
  opacity: .88;
  background: url('icons/mydolia-logo-transparent-512.png') center/cover no-repeat;
  filter: drop-shadow(0 0 32px rgba(27, 172, 255, .34)) saturate(1.08);
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, #000 58%, rgba(0,0,0,.86) 68%, transparent 86%);
  mask-image: radial-gradient(ellipse at 50% 50%, #000 58%, rgba(0,0,0,.86) 68%, transparent 86%);
  z-index: 1;
}
.hero:after{
  bottom: -128px;
  height: 250px;
  z-index: 2;
}
.hero-content{
  width: min(720px, 55%);
  padding-bottom: 0;
}
.lead{
  margin-bottom: 34px;
}
.feature-grid{
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  margin-top: 48px;
  z-index: 6;
}
.feature-card{
  min-height: 116px;
  padding: 20px 20px 20px 24px;
  grid-template-columns: 62px 1fr 24px;
  box-shadow: 0 24px 64px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.25);
}
.feature-card .ico{
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 44px;
  line-height: 1;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.25));
  opacity: .98;
}
.feature-card:after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 13% 50%, rgba(255,255,255,.20), transparent 22%), linear-gradient(180deg, rgba(255,255,255,.12), transparent 42%);
  pointer-events:none;
}
.feature-card > *{z-index:2;}
.feature-card strong{font-size:21px;line-height:1.05;}
.feature-card span span{margin-top:7px;line-height:1.35;}
.feature-card.mercatino{background:linear-gradient(135deg,#25a8ff 0%,#006ee8 58%,#0049b5 100%);}
.feature-card.lavoro{background:linear-gradient(135deg,#a057ff 0%,#7b24df 58%,#4d11a8 100%);}
.feature-card.lost{background:linear-gradient(135deg,#ffc24c 0%,#ff9700 55%,#d56a00 100%);}
.feature-card.animals{background:linear-gradient(135deg,#ff58ae 0%,#ec1f82 55%,#be0758 100%);}

@media(max-width:1200px){
  .hero:before{width: min(430px, 36vw);height:min(430px,36vw);right:2.5%;top:58px;}
  .hero-content{width:58%;}
  .feature-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:860px){
  .hero{padding:34px 22px 28px;}
  .hero-content{width:100%;}
  .hero:before{position:relative;display:block;right:auto;top:auto;bottom:auto;margin:24px auto 6px;width:min(360px,84vw);height:min(360px,84vw);opacity:.9;}
  .feature-grid{margin-top:24px;grid-template-columns:1fr;}
  .hero:after{height:160px;bottom:-82px;}
}


/* V7 internal pages premium polish */
.nav a.active{
  border-color: rgba(85,215,255,.95);
  background: linear-gradient(180deg, rgba(21,151,255,.28), rgba(255,255,255,.07));
  box-shadow: 0 18px 42px rgba(21,151,255,.20), inset 0 1px rgba(255,255,255,.22);
}
.internal-shell{
  padding-bottom: 28px;
}
.internal-shell .page-card{
  position: relative;
  overflow: hidden;
  margin-top: 22px;
  padding: 0;
  border: 1px solid rgba(120,202,255,.22);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,250,255,.96));
  box-shadow: 0 34px 110px rgba(0,24,54,.20);
}
.internal-shell .page-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height: 260px;
  background: radial-gradient(circle at 90% 12%, rgba(80,214,109,.22), transparent 24%),
              radial-gradient(circle at 10% 20%, rgba(21,151,255,.28), transparent 28%),
              linear-gradient(135deg, #071d38, #092f56 62%, #06331f);
  z-index:0;
}
.internal-shell .page-card:after{
  content:"";
  position:absolute;
  top:24px; right:32px;
  width:150px; height:150px;
  background:url('icons/mydolia-logo-transparent-192.png') center/cover no-repeat;
  opacity:.10;
  filter: saturate(1.2);
  z-index:0;
}
.page-hero-block{
  position:relative;
  z-index:1;
  padding: 52px 56px 44px;
  color:#f8fbff;
}
.page-hero-block .page-kicker{
  margin-bottom: 20px;
  background: rgba(255,255,255,.14);
  color:#eaf8ff;
  border:1px solid rgba(190,225,255,.32);
  box-shadow: inset 0 1px rgba(255,255,255,.16);
}
.page-hero-block h1{
  color:#fff;
  font-size: clamp(36px,4.4vw,56px);
  letter-spacing:-1.8px;
  max-width: 870px;
  text-wrap: balance;
  margin-bottom: 18px;
}
.page-hero-block p{
  color:#d7e9fa;
  font-size: 18px;
  max-width: 980px;
}
.page-hero-block p strong{
  color:#ffffff;
}
.page-hero-block .notice{
  margin-top: 24px;
  color:#eaf8ff;
  background: rgba(255,255,255,.12);
  border-color: rgba(190,225,255,.30);
}
.page-hero-block a{ color:#9fe2ff; }
.page-body-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns: 1fr;
  gap:18px;
  padding: 0 56px 56px;
}
.doc-section{
  position:relative;
  padding: 26px 28px 26px 30px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(12,61,108,.11);
  border-radius: 24px;
  box-shadow: 0 20px 58px rgba(13,51,88,.08);
}
.doc-section:before{
  content:"";
  position:absolute;
  left:0; top:24px; bottom:24px;
  width:5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--blue), var(--green));
}
.doc-section h2{
  margin:0 0 12px;
  font-size: clamp(22px,2.2vw,29px);
  letter-spacing:-.4px;
  color:#092447;
}
.doc-section p,
.doc-section li{
  color:#243d59;
  font-size:16.5px;
}
.doc-section p:last-child,
.doc-section ul:last-child,
.doc-section ol:last-child{ margin-bottom:0; }
.doc-section ul,
.doc-section ol{ padding-left:24px; }
.doc-section li{ margin:8px 0; }
.internal-shell .flow-card{
  border:1px solid rgba(120,202,255,.22);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,250,255,.96));
  box-shadow: 0 34px 110px rgba(0,24,54,.20);
}
@media(max-width:860px){
  .page-hero-block{padding:34px 22px 30px;}
  .page-body-grid{padding:0 18px 28px;}
  .doc-section{padding:22px 20px 22px 24px;border-radius:20px;}
  .internal-shell .page-card:before{height:300px;}
  .internal-shell .page-card:after{width:110px;height:110px;right:16px;top:22px;}
}
@media(max-width:520px){
  .page-hero-block h1{font-size:34px;letter-spacing:-1px;}
  .page-hero-block p{font-size:16px;}
}

/* V8 internal pages contrast fix: readable intro/contact blocks on every page */
.internal-shell .page-card{
  background: linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
  overflow:hidden;
}
.internal-shell .page-card:before,
.internal-shell .page-card:after{
  display:none !important;
}
.page-hero-block{
  background:
    radial-gradient(circle at 92% 12%, rgba(80,214,109,.24), transparent 24%),
    radial-gradient(circle at 9% 20%, rgba(21,151,255,.32), transparent 28%),
    linear-gradient(135deg, #06172d 0%, #0a3158 58%, #073521 100%);
  border-bottom:1px solid rgba(120,202,255,.24);
  padding:52px 56px 46px;
  color:#f8fbff;
}
.page-hero-block::after{
  content:"";
  position:absolute;
  top:28px;
  right:34px;
  width:144px;
  height:144px;
  background:url('icons/mydolia-logo-transparent-192.png') center/cover no-repeat;
  opacity:.18;
  filter:saturate(1.15) drop-shadow(0 0 24px rgba(21,151,255,.28));
  pointer-events:none;
}
.page-hero-block .page-kicker{
  color:#eaf8ff;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(190,225,255,.34);
}
.page-hero-block h1{
  color:#fff;
  text-shadow:0 14px 36px rgba(0,0,0,.26);
}
.page-hero-block p{
  color:#dceeff !important;
  font-weight:560;
  max-width:960px;
}
.page-hero-block p strong{
  color:#ffffff !important;
  font-weight:900;
}
.page-hero-block .notice{
  margin-top:24px;
  max-width:960px;
  color:#083052 !important;
  background:linear-gradient(180deg,#f2fbff,#dff4ff);
  border:1px solid rgba(98,190,255,.42);
  box-shadow:0 18px 42px rgba(0,20,50,.15), inset 0 1px rgba(255,255,255,.8);
}
.page-hero-block .notice strong{
  color:#092447 !important;
}
.page-hero-block .notice a{
  color:#006fe6 !important;
  text-decoration:none;
  font-weight:1000;
}
.page-hero-block .notice a:hover{
  text-decoration:underline;
}
.page-body-grid{
  padding-top:30px;
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
}
.doc-section{
  background:rgba(255,255,255,.96);
}
@media(max-width:860px){
  .page-hero-block{padding:34px 22px 30px;}
  .page-hero-block::after{width:96px;height:96px;right:18px;top:18px;opacity:.12;}
  .page-body-grid{padding-top:22px;}
}

/* V9 MyDolia 6-feature website update + mobile responsiveness hardening */
:root{
  --services:#00a986;--services2:#006b56;
  --help:#d91645;--help2:#8d0d2f;
}
.home-hero .hero-content{width:min(760px,56%)}
.feature-grid-six{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px;}
.feature-card.services{background:linear-gradient(135deg,#25d5b1 0%,#009b7b 56%,#006b56 100%);border-color:#5de9ce;}
.feature-card.help{background:linear-gradient(135deg,#ff5d75 0%,#d91645 56%,#8d0d2f 100%);border-color:#ff8698;}
.section-card{margin-top:34px;padding:42px;border-radius:30px;background:rgba(255,255,255,.94);color:var(--ink);border:1px solid rgba(12,61,108,.12);box-shadow:0 26px 76px rgba(14,46,80,.12);overflow:hidden;position:relative;}
.section-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 94% 8%,rgba(21,151,255,.12),transparent 28%),radial-gradient(circle at 6% 88%,rgba(80,214,109,.12),transparent 28%);pointer-events:none;}
.section-card > *{position:relative;z-index:1;}
.section-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 14px;border-radius:999px;background:#e5f5ff;color:#0b4778;font-weight:1000;border:1px solid #c7eaff;}
.section-card h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.4px;line-height:1.04;margin:0 0 16px;color:#092447;}
.section-card p{font-size:18px;color:#334b66;margin:0 0 22px;font-weight:600;}
.announcement-card{background:linear-gradient(135deg,#071d38 0%,#082b50 58%,#05291e 100%);color:#f8fbff;border-color:rgba(85,215,255,.28);box-shadow:0 34px 100px rgba(0,22,54,.26);}
.announcement-card .section-kicker{background:rgba(255,255,255,.13);border-color:rgba(190,225,255,.32);color:#eaf8ff;}
.announcement-card h2{color:#fff;}
.announcement-card p{color:#d8ebff;}
.mini-grid,.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;}
.mini-grid div,.benefit-grid div{border-radius:22px;padding:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.10);}
.mini-grid strong{display:block;color:#fff;font-size:18px;margin-bottom:8px;}
.mini-grid span{display:block;color:#d8ebff;font-weight:650;line-height:1.45;}
.benefit-grid div{background:linear-gradient(180deg,#ffffff,#f4faff);border-color:rgba(12,61,108,.10);box-shadow:0 18px 46px rgba(13,51,88,.08);}
.benefit-grid span{font-size:34px;display:block;margin-bottom:10px;}
.benefit-grid h3{font-size:21px;margin:0 0 8px;color:#092447;letter-spacing:-.3px;}
.benefit-grid p{font-size:16px;margin:0;color:#51657d;}

/* Make all tappable controls comfortable and prevent horizontal overflow */
html,body{max-width:100%;overflow-x:hidden;}
img{max-width:100%;height:auto;}
.nav a,.btn,.feature-card,.info-card{touch-action:manipulation;}
.page-card,.flow-card,.hero,.section-card{max-width:100%;}

@media(max-width:1200px){
  .feature-grid-six{grid-template-columns:repeat(2,1fr);}
  .mini-grid,.benefit-grid{grid-template-columns:repeat(2,1fr);}
  .home-hero .hero-content{width:60%;}
}
@media(max-width:980px){
  .topbar{gap:18px;}
  .nav{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .nav::-webkit-scrollbar{display:none;}
  .nav a{white-space:nowrap;flex:0 0 auto;}
  .home-hero .hero-content{width:100%;}
}
@media(max-width:860px){
  body{background:linear-gradient(180deg,#020b16 0,#082746 38%,#f7fbff 38%,#f7fbff 100%);}
  .shell{padding:16px 14px 0;}
  .topbar{margin-bottom:18px;}
  .brand{gap:12px;}
  .brand img{width:58px;height:58px;border-radius:18px;}
  .brand-title{font-size:27px;}
  .hero,.section-card{border-radius:24px;}
  .home-hero{padding:30px 20px 24px;}
  .home-hero .hero-content{width:100%;}
  .feature-grid-six{grid-template-columns:1fr;margin-top:22px;gap:14px;}
  .feature-card{min-height:auto;padding:17px 16px;grid-template-columns:48px 1fr 18px;border-radius:19px;}
  .feature-card .ico{font-size:35px;}
  .feature-card strong{font-size:19px;}
  .feature-card span span{font-size:14px;}
  .section-card{padding:30px 20px;}
  .mini-grid,.benefit-grid{grid-template-columns:1fr;gap:13px;}
  .info-grid{gap:16px;margin-top:24px;}
  .info-card{min-height:auto;padding:19px;}
  .page-card{border-radius:24px;}
  .page-hero-block{padding:30px 20px 28px;}
  .page-body-grid{padding:22px 14px 26px;}
  .site-footer{padding:24px 16px;}
  .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;}
}
@media(max-width:560px){
  .shell{padding-left:12px;padding-right:12px;}
  .badge,.section-kicker{font-size:13px;line-height:1.25;}
  h1{font-size:clamp(40px,12vw,52px);letter-spacing:-1.4px;margin:26px 0 18px;}
  .lead{font-size:17px;line-height:1.48;}
  .actions{gap:12px;margin-bottom:22px;}
  .btn{width:100%;min-height:50px;padding:14px 16px;font-size:15.5px;border-radius:15px;text-align:center;}
  .nav a{min-height:42px;padding:0 13px;font-size:13px;border-radius:16px;}
  .hero:before{width:min(260px,72vw);height:min(260px,72vw);}
  .hero:after{height:120px;bottom:-68px;}
  .section-card h2{font-size:29px;letter-spacing:-.9px;}
  .section-card p{font-size:16px;}
  .mini-grid div,.benefit-grid div{padding:17px;border-radius:18px;}
  .feature-card{grid-template-columns:42px 1fr 16px;gap:12px;}
  .feature-card .ico{font-size:31px;}
  .feature-card strong{font-size:18px;}
  .info-card{grid-template-columns:48px 1fr;gap:14px;border-radius:19px;}
  .info-ico{width:48px;height:48px;border-radius:17px;font-size:24px;}
  .info-card h3{font-size:19px;}
  .info-card p{font-size:14.5px;}
  .page-hero-block h1{font-size:32px;line-height:1.04;letter-spacing:-.8px;}
  .page-hero-block p,.doc-section p,.doc-section li{font-size:15.8px;}
  .doc-section{padding:20px 17px 20px 21px;border-radius:18px;}
  .flow-card{padding:30px 18px;border-radius:24px;}
  .flow-card h1{font-size:31px;}
  .footer-links{grid-template-columns:1fr;}
}
@media(max-width:380px){
  .brand-title{font-size:24px;}
  .brand-tag{font-size:12px;}
  h1{font-size:37px;}
  .feature-card span span{font-size:13.5px;}
  .page-hero-block h1{font-size:29px;}
}


/* V26.2.2 website refresh: chat, push, features, stats, screenshots */
.feature-grid-eight{grid-template-columns:repeat(4,1fr);}
.feature-card.chat{background:linear-gradient(135deg,#39d6ff 0%,#0b88e8 56%,#0751a7 100%);border-color:#8eeaff;}
.feature-card.push{background:linear-gradient(135deg,#ffe066 0%,#ff9f1c 56%,#d35400 100%);border-color:#ffd166;}
.live-card{background:linear-gradient(135deg,#071d38 0%,#072d5c 48%,#062b21 100%);}
.why-card,.stats-card,.screenshot-card,.founder-card{background:linear-gradient(180deg,#ffffff,#f4faff);color:var(--ink);}
.why-card h2,.stats-card h2,.screenshot-card h2,.founder-card h2{color:#092447;}
.why-card p,.stats-card p,.screenshot-card p,.founder-card p{color:#38536f;}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
.stats-grid div{padding:24px;border-radius:22px;background:linear-gradient(180deg,#ffffff,#edf7ff);border:1px solid rgba(12,61,108,.10);box-shadow:0 18px 46px rgba(13,51,88,.08);text-align:center;}
.stats-grid strong{display:block;font-size:44px;line-height:1;color:#0077e6;font-weight:1000;letter-spacing:-1.5px;}
.stats-grid span{display:block;margin-top:8px;color:#51657d;font-weight:850;}
.screenshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px;align-items:stretch;}
.screenshot-grid img,.screen-placeholder{min-height:360px;border-radius:28px;border:1px solid rgba(12,61,108,.12);box-shadow:0 22px 58px rgba(13,51,88,.12);overflow:hidden;}
.screenshot-grid img{width:100%;height:100%;object-fit:cover;background:#061b33;}
.screen-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;color:white;}
.screen-placeholder span{font-size:58px;display:block;margin-bottom:16px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));}
.screen-placeholder strong{font-size:25px;margin-bottom:8px;}
.screen-placeholder small{font-weight:750;color:rgba(255,255,255,.88);font-size:15px;line-height:1.4;}
.screen-placeholder.mercatino{background:linear-gradient(135deg,#25a8ff,#0049b5);}
.screen-placeholder.chat{background:linear-gradient(135deg,#39d6ff,#0751a7);}
.screen-placeholder.push{background:linear-gradient(135deg,#ffe066,#d35400);}
.founder-card{border-left:6px solid #1597ff;}
.footer-play{display:inline-block;margin-bottom:6px;color:#9fe2ff;text-decoration:none;font-weight:950;}
.feature-page-grid{grid-template-columns:repeat(2,1fr);}
.feature-section{scroll-margin-top:24px;}
.feature-section h2{display:flex;gap:8px;align-items:center;}
@media(max-width:1200px){.feature-grid-eight,.screenshot-grid{grid-template-columns:repeat(2,1fr);}.feature-page-grid{grid-template-columns:1fr;}}
@media(max-width:860px){.feature-grid-eight,.stats-grid,.screenshot-grid{grid-template-columns:1fr;}.stats-grid strong{font-size:38px;}.screenshot-grid img,.screen-placeholder{min-height:280px;}.nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.nav a{white-space:nowrap;}}
@media(max-width:520px){.stats-grid div{padding:20px}.screen-placeholder span{font-size:48px}.screen-placeholder strong{font-size:22px}}


/* V26.2.2 website refresh: 8 sezioni, Chiedi alla Comunità, Notification UX */
.feature-card.realestate{background:linear-gradient(135deg,#c08a3a 0%,#8b5e18 56%,#5f3b0f 100%);border-color:#d6a85f;}
.feature-card.questions{background:linear-gradient(135deg,#2dd4bf 0%,#14b8a6 55%,#0f766e 100%);border-color:#5eead4;}
.screen-placeholder.questions{background:linear-gradient(135deg,#2dd4bf,#0f766e);}

/* V29.0.0 Foundation Release website update + mobile layout polish */
.foundation-release{
  background:
    radial-gradient(circle at 88% 14%, rgba(80,214,109,.24), transparent 27%),
    radial-gradient(circle at 8% 22%, rgba(21,151,255,.30), transparent 28%),
    linear-gradient(135deg,#06172d 0%,#082f5b 50%,#06331f 100%);
}
.foundation-release .mini-grid div{
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.075));
  border-color:rgba(190,225,255,.22);
}
.foundation-note{
  border-left:0;
}
.foundation-note:before{
  background:linear-gradient(180deg,#50d66d,#1597ff);
}

/* Better mobile first reading rhythm */
@media(max-width:860px){
  .topbar{
    position:relative;
  }
  .nav{
    margin-left:-2px;
    padding:2px 2px 8px;
    gap:10px;
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%);
  }
  .home-hero{
    padding-top:28px;
  }
  .badge{
    max-width:100%;
    flex-wrap:wrap;
  }
  .feature-grid-eight{
    gap:12px;
  }
  .feature-card{
    box-shadow:0 16px 38px rgba(0,0,0,.20), inset 0 1px rgba(255,255,255,.22);
  }
  .section-card{
    margin-top:22px;
  }
  .mini-grid div,
  .benefit-grid div,
  .stats-grid div{
    box-shadow:0 14px 34px rgba(13,51,88,.07);
  }
}
@media(max-width:560px){
  .brand{
    width:100%;
  }
  .brand img{
    width:54px;
    height:54px;
  }
  .brand-title{
    font-size:26px;
  }
  .brand-tag{
    margin-top:3px;
  }
  .home-hero{
    padding:26px 16px 20px;
  }
  .hero:before{
    margin-top:14px;
    margin-bottom:2px;
  }
  .feature-card{
    padding:15px 14px;
    border-radius:18px;
  }
  .feature-card .arrow{
    font-size:24px;
  }
  .section-card{
    padding:26px 16px;
    border-radius:22px;
  }
  .section-card h2{
    line-height:1.08;
  }
  .stats-grid{
    gap:12px;
  }
  .screenshot-grid{
    gap:12px;
  }
  .screenshot-grid img,
  .screen-placeholder{
    min-height:240px;
    border-radius:22px;
  }
  .page-card{
    border-radius:22px;
  }
  .page-hero-block{
    padding:28px 16px 24px;
  }
  .page-body-grid{
    padding-left:12px;
    padding-right:12px;
  }
  .doc-section{
    padding:18px 15px 18px 20px;
  }
  .footer-brand img{
    width:50px;
    height:50px;
  }
}