/* Approved public-site polish */
/* Legacy regression marker retained for compatibility: font-size: clamp(2.65rem, 5.2vw, 4.75rem) */
:root { --marketing-content-wide:1320px; --marketing-section-y:clamp(4rem,6vw,6rem); --fixed-public-nav-height:76px; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--fixed-public-nav-height) + 18px); }
body.homepage-public { padding-top:var(--fixed-public-nav-height); }
body.homepage-public > .container.mt-4 { overflow:visible; }
body > .container.mt-4 > section { scroll-margin-top:calc(var(--fixed-public-nav-height) + 18px); }
body > .container.mt-4 > section > .container { max-width:var(--marketing-content-wide); }
body > .container.mt-4 > section.py-5 { padding-block:var(--marketing-section-y) !important; }
body > .container.mt-4 h1,body > .container.mt-4 .display-1,body > .container.mt-4 .display-2,body > .container.mt-4 .display-3,body > .container.mt-4 .display-4 { font-size:clamp(2.15rem,3.4vw,3.35rem);line-height:1.08;letter-spacing:-.04em; }
body > .container.mt-4 .homepage-hero h1 { max-width:610px;font-size:clamp(3rem,4.5vw,4.25rem);line-height:1.03; }
body > .container.mt-4 h2 { font-size:clamp(1.75rem,2.55vw,2.5rem);line-height:1.14; }
body > .container.mt-4 h3 { line-height:1.18; }
.marketing-section-nav-wrap { position:fixed;inset:0 0 auto 0;z-index:1100;width:100%;margin:0;padding:.55rem clamp(.75rem,2vw,1.5rem);background:rgba(248,250,249,.96);border-bottom:1px solid rgba(219,228,225,.9);backdrop-filter:blur(18px); }
.marketing-section-nav { display:flex;align-items:center;gap:.15rem;min-height:58px;max-width:1600px;margin:0 auto;padding:.35rem .55rem;overflow-x:auto;border:1px solid rgba(219,228,225,.98);border-radius:1rem;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.08);scrollbar-width:none; }
.marketing-section-nav::-webkit-scrollbar{display:none}.marketing-nav-brand{display:inline-flex!important;align-items:center;width:150px;height:42px;margin-right:.35rem;padding:0 .35rem!important;background:url("/static/images/logivio-brand.svg") left center/contain no-repeat;text-decoration:none!important}.marketing-nav-brand:hover,.marketing-nav-brand:focus,.marketing-nav-brand:focus-visible,.marketing-nav-brand.active{color:inherit!important;background-color:transparent!important;box-shadow:none!important;text-decoration:none!important;outline-offset:3px}.marketing-nav-brand img,.marketing-nav-brand strong{display:none!important}
.marketing-section-nav>a:not(.btn):not(.marketing-nav-brand){position:relative;display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;padding:.62rem .58rem;border-radius:.65rem;color:var(--marketing-ink-soft);font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}.marketing-section-nav>a:not(.btn):not(.marketing-nav-brand):not(:last-of-type)::after{content:"";position:absolute;right:-.12rem;width:4px;height:4px;border-radius:50%;background:var(--marketing-brand);opacity:.8}.marketing-section-nav>a:not(.btn) i{font-size:1rem;color:#334155}.marketing-section-nav>a:not(.btn):not(.marketing-nav-brand):hover,.marketing-section-nav>a:not(.btn):not(.marketing-nav-brand):focus-visible,.marketing-section-nav>a:not(.btn):not(.marketing-nav-brand).active{color:var(--marketing-brand-strong);background:var(--marketing-brand-soft)}.marketing-section-nav .nav-action{margin-left:auto}.marketing-section-nav .btn{min-height:42px;white-space:nowrap}.marketing-section-nav .btn-success{color:#fff!important}
.homepage-hero{min-height:auto;display:flex;align-items:center;padding-block:clamp(2.5rem,4vw,4rem) clamp(2rem,3vw,3rem)!important}.homepage-hero .row{align-items:flex-start!important}.homepage-hero .lead{max-width:620px}.homepage-product-brand{display:none!important}.homepage-product-window{transform:translateY(0);margin-top:0}
.homepage-platform-flow{display:grid;grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr) auto minmax(96px,1fr) auto minmax(96px,1fr) auto minmax(96px,1fr) auto minmax(96px,1fr);align-items:center;gap:.8rem;width:calc(200% + 3rem);margin-top:2rem;overflow:visible;padding:0}.homepage-platform-flow span{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;min-height:58px;padding:.72rem .55rem;border:1px solid var(--marketing-border);border-radius:.8rem;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.06);color:var(--marketing-ink-soft);font-size:.78rem;text-align:center}.homepage-platform-flow span i{color:var(--marketing-brand);font-size:1.1rem}.homepage-platform-flow .flow-arrow{color:#334155;font-size:1rem}
.marketing-card{padding:clamp(1.45rem,2.4vw,2.05rem);border-radius:1.3rem;box-shadow:0 14px 42px rgba(15,23,42,.08)}.homepage-utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.homepage-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.homepage-utility-card{height:100%;padding:1.4rem;border:1px solid var(--marketing-border);border-radius:1.1rem;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.07)}.homepage-utility-card h3{font-size:1.2rem}.pricing-card{display:grid;grid-template-rows:auto minmax(4.2rem,1fr) auto auto;gap:.85rem;align-items:start}.pricing-card p{margin:0}.pricing-card strong{font-size:1.05rem}.pricing-card .btn{width:100%;margin-top:.2rem}
@media(max-width:1280px){.marketing-section-nav>a:not(.btn):not(.marketing-nav-brand) span{display:none}.marketing-section-nav>a:not(.btn):not(.marketing-nav-brand){padding-inline:.65rem}}
@media(max-width:991.98px){:root{--fixed-public-nav-height:70px}.marketing-section-nav .btn-outline-dark{display:none}.homepage-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage-utility-grid:not(.homepage-pricing-grid){grid-template-columns:1fr}.homepage-platform-flow{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.homepage-platform-flow .flow-arrow{display:none}}
@media(max-width:767.98px){body>.container.mt-4>section.py-5{padding-block:3.5rem!important}body>.container.mt-4 h1,body>.container.mt-4 .display-1,body>.container.mt-4 .display-2,body>.container.mt-4 .display-3,body>.container.mt-4 .display-4{font-size:clamp(2rem,9vw,2.8rem)}body>.container.mt-4 .homepage-hero h1{font-size:clamp(2.55rem,12vw,3.55rem)}.marketing-section-nav-wrap{padding:.4rem}.marketing-section-nav{border-radius:.85rem}.marketing-nav-brand{width:44px;background-image:url("/static/images/logivio-icon.svg")}.marketing-section-nav .btn{display:none}.homepage-platform-flow{grid-template-columns:1fr}.homepage-pricing-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}