/*
Theme Name: Web4Us
Theme URI: https://web4us.it/
Author: Web4Us
Description: Institutional Web4Us theme foundation.
Version: 0.2.1
Text Domain: web4us
*/
:root{--yellow:#f2bd35;--ink:#171717;--paper:#fffdf7;--soft:#f3eee3;--line:#d9d2c4;--muted:#6b675f;--max:1180px;--gutter:clamp(1.25rem,4vw,4rem)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
body.menu-open{overflow:hidden}
a{color:inherit;text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.site-shell{width:min(var(--max),calc(100% - 2*var(--gutter)));margin-inline:auto}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:var(--paper)}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:5rem}
.site-brand{font-size:1.25rem;font-weight:800;letter-spacing:-.045em;text-decoration:none}
.site-brand-mark{display:inline-block;width:.65rem;height:.65rem;margin-left:.3rem;background:var(--yellow)}
.menu-toggle{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--ink);border-radius:0;padding:.65rem .8rem;color:var(--ink);background:transparent;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.menu-toggle:hover{background:var(--yellow)}
.menu-toggle-icon{display:grid;gap:4px}
.menu-toggle-icon span{display:block;width:1rem;height:2px;background:currentColor}
.primary-nav{display:none}
.primary-nav.is-open{position:absolute;top:100%;left:0;right:0;display:block;border-bottom:1px solid var(--line);background:var(--paper)}
.primary-nav ul{display:grid;gap:0;width:min(var(--max),calc(100% - 2*var(--gutter)));margin:0 auto;padding:.5rem 0 1rem;list-style:none}
.primary-nav a{display:block;padding:.8rem 0;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.primary-nav a:hover{color:var(--muted)}
.section{padding-block:clamp(4rem,9vw,7rem);border-bottom:1px solid var(--line)}
.hero{position:relative;min-height:min(44rem,calc(100vh - 5rem));display:grid;align-items:center;overflow:hidden}
.hero-grid{position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:linear-gradient(to right,transparent 49.8%,var(--line) 50%,transparent 50.2%),linear-gradient(to bottom,transparent 49.8%,var(--line) 50%,transparent 50.2%);background-size:50% 50%}
.hero-layout{position:relative;z-index:1}
.hero-content{min-width:0;padding-block:5rem}
.hero-visual{min-width:0;width:min(100%,29rem);margin:0 auto;padding:0 0 2rem}
.hero-visual img,.system-visual img,.method-visual img{display:block;width:100%;height:auto;max-width:100%}
.eyebrow{margin:0 0 1rem;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hero h1{max-width:12ch;margin:0;font-size:clamp(3.15rem,10vw,8.75rem);font-weight:800;line-height:.88;letter-spacing:-.08em;text-transform:uppercase}
.hero-copy{max-width:35rem;margin:1.75rem 0 0;font-size:clamp(1.05rem,2vw,1.3rem)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;border:1px solid var(--ink);border-radius:0;padding:.8rem 1.1rem;background:var(--ink);color:var(--paper);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:background .18s ease,color .18s ease,transform .18s ease}
.button:hover{background:var(--yellow);color:var(--ink);transform:translateY(-2px)}
.hero .button{margin-top:1.75rem}
.section-intro{display:grid;gap:1.5rem}
.section-title{max-width:12ch;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:.92;letter-spacing:-.075em;text-transform:uppercase}
.section-copy{max-width:34rem;margin:0;font-size:clamp(1.05rem,2vw,1.25rem)}
.systems-layout{display:grid;gap:2rem}
.systems-layout .section-intro{display:block}
.system-visual{width:100%;min-width:0}
.method-visual{width:100%;margin-top:2.5rem}
.system-map{position:relative;display:grid;grid-template-columns:repeat(2,1fr);margin-top:2.5rem;border-top:1px solid var(--ink);border-left:1px solid var(--ink);background-image:linear-gradient(135deg,transparent 49.7%,var(--line) 50%,transparent 50.3%)}
.system-node{position:relative;min-height:8.25rem;display:flex;align-items:end;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1rem;font-size:clamp(.8rem,2vw,.95rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.system-node:before{content:"";position:absolute;top:1rem;right:1rem;width:.65rem;height:.65rem;border:1px solid var(--ink);background:var(--paper)}
.system-node:nth-child(3n){background:var(--yellow)}
.system-node:nth-child(3n):before{background:var(--ink)}
.statement{max-width:22ch;margin:0;padding-top:2.5rem;font-size:clamp(2rem,5vw,4.5rem);font-weight:800;line-height:.95;letter-spacing:-.07em;text-transform:uppercase}
.area-grid{display:grid;margin-top:2.5rem;border-top:1px solid var(--ink)}
.area{display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;border-bottom:1px solid var(--ink);padding:1.35rem 0}
.area-number,.method-number{color:var(--yellow);font-size:clamp(1.5rem,4vw,2.8rem);font-weight:800;line-height:1;letter-spacing:-.07em}
.area h3{margin:0 0 .35rem;font-size:1.2rem;letter-spacing:-.02em;text-transform:uppercase}
.area p{max-width:28rem;margin:0;color:var(--muted)}
.method-grid{display:grid;gap:1.75rem;margin-top:2.5rem}
.method{position:relative;border-top:2px solid var(--ink);padding-top:1rem}
.method:not(:last-child):after{content:"";position:absolute;top:-2px;right:-1.75rem;width:1.75rem;border-top:2px solid var(--yellow)}
.method h3{margin:1.5rem 0 .5rem;font-size:1.5rem;letter-spacing:-.04em;text-transform:uppercase}
.method p{max-width:22rem;margin:0;color:var(--muted)}
.case-study{display:grid;gap:2.5rem;background:var(--ink);color:var(--paper)}
.case-study .eyebrow,.case-study .section-copy{color:#c9c3b8}
.case-study .button{border-color:var(--paper);background:var(--paper);color:var(--ink)}
.case-study .button:hover{border-color:var(--yellow);background:var(--yellow)}
.home-case-visual{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}
.home-case-visual img{display:block;border:1px solid #827d73}
.home-case-site{width:100%;min-width:0}
.home-case-crm{width:clamp(7.5rem,22vw,11rem);background:var(--paper)}
.placeholder-frame{display:grid;place-items:center;min-height:17rem;border:1px solid #827d73;background:repeating-linear-gradient(135deg,transparent 0 1.5rem,rgba(242,189,53,.12) 1.5rem 1.6rem)}
.placeholder-frame:before{content:"";position:absolute}
.placeholder-frame span{border:1px solid var(--yellow);padding:.7rem;color:var(--yellow);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase}
.final-cta{display:grid;gap:1.75rem}
.site-footer{padding-block:2.5rem;background:var(--ink);color:var(--paper)}
.footer-grid{display:grid;gap:2rem}
.footer-payoff{max-width:20rem;margin:.75rem 0 0;color:#c9c3b8}
.footer-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin:0;padding:0;list-style:none}
.footer-links a{font-size:.85rem;font-weight:700;text-decoration:none;text-transform:uppercase}
.footer-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1rem;color:#9c968b;font-size:.8rem}
.page-main{min-height:60vh;padding-block:clamp(5rem,12vw,9rem)}
.page-main h1{max-width:12ch;margin:0 0 2rem;font-size:clamp(3rem,9vw,7rem);line-height:.9;letter-spacing:-.08em;text-transform:uppercase}
.page-content{max-width:42rem;font-size:1.15rem}
.project-index-item{margin-top:3rem;border-top:1px solid var(--ink);padding-top:1.5rem}.project-index-item h2{margin:0 0 1rem;font-size:clamp(2rem,5vw,4rem);line-height:.95;letter-spacing:-.06em;text-transform:uppercase}.project-index-item .button{margin-top:1rem}
@media (min-width:700px){
.menu-toggle{display:none}.primary-nav{display:block}.primary-nav ul{display:flex;align-items:center;gap:2rem;width:auto;padding:0}.primary-nav a{padding:.5rem 0}
.section-intro{grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr);align-items:end}
.hero-visual{padding:0}
.systems-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.systems-layout .section-intro{display:block}
.method-visual{margin-top:3rem}
.system-map{grid-template-columns:repeat(4,1fr);margin-top:3rem}.system-node{min-height:10rem;padding:1.25rem}
.area-grid{grid-template-columns:repeat(2,1fr)}.area{padding:1.75rem 1rem 1.75rem 0}.area:nth-child(odd){border-right:1px solid var(--ink)}.area:nth-child(even){padding-left:1rem}
.method-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.method:not(:last-child):after{right:-2rem;width:2rem}
.case-study{grid-template-columns:minmax(0,.8fr) minmax(20rem,1fr);align-items:center}
.final-cta{grid-template-columns:minmax(0,1fr) minmax(15rem,.6fr);align-items:end}
.footer-grid{grid-template-columns:1fr auto;align-items:start}
}
@media (max-width:699px){.method:not(:last-child){padding-bottom:1.5rem;border-bottom:1px solid var(--line)}}
@media (min-width:1024px){
.hero-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center}
.hero h1{font-size:clamp(3.15rem,4.6vw,5.25rem)}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.case-page .section{padding-block:clamp(3.25rem,5.5vw,5.5rem)}
.case-title{max-width:8ch;margin:0;font-size:clamp(4rem,11vw,9rem);line-height:.82;letter-spacing:-.09em;text-transform:uppercase}
.case-lead{max-width:30rem;margin:2rem 0 0;font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.2}
.case-copy{max-width:32rem;font-size:1.15rem}
.case-hero-grid{display:grid;gap:2.5rem;align-items:center}
.case-hero-media{position:relative;width:100%;max-width:44rem;min-height:0;align-self:center}
.case-hero-media>img:first-child{display:block;width:100%;height:auto;border:1px solid var(--ink)}
.case-hero-crm{position:absolute;right:-.75rem;bottom:-1.25rem;width:clamp(7.5rem,19%,13rem);border:1px solid var(--ink);box-shadow:-.35rem .35rem 0 var(--yellow)}
.case-chapter-grid{display:grid;gap:1.25rem}
.case-number{color:var(--yellow);font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1;letter-spacing:-.08em}
.case-chapter h2,.case-visibility h2,.case-transition h2,.case-system h2,.case-closing h2,.case-final-cta h2{max-width:12ch;margin:0 0 1rem;font-size:clamp(2.7rem,7vw,6.5rem);line-height:.9;letter-spacing:-.08em;text-transform:uppercase}
.case-chapter p,.case-visibility p,.case-closing p{max-width:38rem;font-size:1.1rem}
.case-note{border-left:3px solid var(--yellow);padding-left:1rem;color:var(--muted);font-size:1rem!important}
.case-image{margin:0}
.case-image img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.case-image-wide{margin-top:0}
.case-visibility{background:var(--soft)}
.case-visibility-grid{align-items:center}
.case-transition{padding-block:clamp(2.75rem,4.5vw,4.25rem);background:var(--yellow)}
.case-transition h2{max-width:11ch}
.case-image-phone{width:clamp(14rem,16vw,18rem);max-width:18rem;justify-self:end}
.case-image-request{justify-self:end}
.case-dark{background:var(--ink);color:var(--paper)}
.case-dark .eyebrow,.case-dark p{color:#c9c3b8}
.case-dark .case-number{color:var(--yellow)}
.case-dark .case-image img{border-color:#827d73}
.case-image-proposal{border:1px solid var(--line);padding:1rem;background:var(--paper)}
.story-placeholder{min-height:14rem;display:grid;gap:1.25rem;align-content:center;border:1px solid var(--ink);padding:1.25rem;background:repeating-linear-gradient(135deg,transparent 0 1.5rem,rgba(242,189,53,.2) 1.5rem 1.6rem)}
.story-placeholder span{border:1px solid var(--ink);padding:.7rem;background:var(--paper);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.story-process{display:grid;gap:.45rem;font-size:.85rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.story-process span{border:0;padding:0;background:transparent;text-align:left}
.case-system{background:var(--ink);color:var(--paper)}
.case-system .eyebrow{color:#c9c3b8}
.case-system h2{max-width:none}
.case-flow{display:grid;grid-template-columns:repeat(2,1fr);margin-top:3rem;border-top:1px solid #827d73;border-left:1px solid #827d73;counter-reset:flow}
.case-flow span{position:relative;min-height:6rem;display:flex;align-items:end;border-right:1px solid #827d73;border-bottom:1px solid #827d73;padding:1rem;color:var(--paper);font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;counter-increment:flow}
.case-flow span:before{content:counter(flow,decimal-leading-zero);position:absolute;top:.8rem;left:1rem;color:var(--yellow);font-size:.7rem;letter-spacing:.04em}
.case-flow span:nth-child(3n+1){background:var(--yellow);color:var(--ink)}
.case-flow span:last-child{background:var(--paper);color:var(--ink)}
.case-closing{background:var(--soft)}
.closing-statement{position:relative;margin:0!important;border-left:1px solid var(--ink);padding:1rem 0 1rem clamp(1.25rem,3vw,3rem);font-size:clamp(2.3rem,5vw,5.25rem)!important;font-weight:800;line-height:.93;letter-spacing:-.08em;text-transform:uppercase}
.closing-statement:before{content:"";position:absolute;top:1rem;left:-.35rem;width:.7rem;height:.7rem;background:var(--yellow)}
.case-final-cta{background:var(--yellow)}
.case-final-cta .eyebrow{color:var(--ink)}
.case-final-cta h2{max-width:13ch}
.case-final-cta p{font-size:1.2rem}
.case-final-cta .button{background:var(--ink);color:var(--paper)}
.case-tour-cta{background:var(--yellow)}
.case-tour-cta-inner{display:grid;gap:2rem;align-items:end}
.case-tour-cta h2{max-width:12ch;margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:.9;letter-spacing:-.08em;text-transform:uppercase}
.case-tour-cta p:not(.eyebrow){max-width:30rem;margin:1rem 0 0;font-size:1.1rem}
.case-tour-cta .button{justify-self:start;background:var(--ink);color:var(--paper)}
@media(min-width:900px){
.case-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5rem}
.case-hero-grid>*{min-width:0}
.case-study-copy{container-type:inline-size;min-width:0;max-width:100%}
.case-study-copy h2,.case-study-copy p{max-width:100%;white-space:normal;overflow-wrap:normal}
.case-study-copy h2{font-size:clamp(1.75rem,3vw,3rem);font-size:clamp(1.75rem,9cqw,3rem)}
.case-title{max-width:100%;font-size:clamp(3.25rem,11cqw,5rem);white-space:normal;overflow-wrap:normal}
.case-hero-media{min-height:0;width:100%;max-width:100%;min-width:0;padding:0 1rem 1.5rem 0}
.case-hero-crm{right:0;bottom:0;width:clamp(9rem,22%,15rem)}
.case-chapter-grid{grid-template-columns:5rem minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.case-chapter-grid>*{min-width:0}
.case-number{padding-top:.25rem}
.case-image-wide{grid-column:3;margin-top:0}
.case-visibility-grid{grid-template-columns:5rem minmax(0,.9fr) minmax(0,1.1fr)}
.case-image-request{grid-column:3;justify-self:center}
.case-image-phone{width:min(100%,18rem);max-width:18rem;min-width:0}
.case-image img{max-width:100%;min-width:0}
.case-system .site-shell{max-width:var(--max)}
.case-system-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.case-system-grid>*{min-width:0}
.case-system-copy{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:2rem;align-items:start}
.case-flow{grid-template-columns:repeat(4,1fr);margin-top:0}
.case-flow>*{min-width:0}
.case-flow span{min-height:4.75rem;padding:.8rem;font-size:.72rem}
.case-closing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.case-closing-grid>*{min-width:0}
.case-final-cta-grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:2rem;align-items:center}
.case-final-cta-grid>*{min-width:0}
.case-final-cta-grid .eyebrow{margin:0;font-size:.75rem}
.case-final-cta-grid h2{margin:0;max-width:none;font-size:clamp(2rem,4vw,4rem)}
.case-final-cta-grid p{margin:0}
.case-tour-cta-inner{grid-template-columns:minmax(0,1fr) auto}
.case-tour-cta .button{justify-self:end}
}
@media(max-width:699px){
.home-case-visual{grid-template-columns:minmax(0,1fr) auto;gap:.75rem}
.home-case-crm{width:clamp(6.5rem,27vw,8.5rem)}
.case-hero-media{padding-bottom:1rem}
.case-hero-crm{right:.5rem;bottom:-.25rem;width:clamp(7rem,30vw,9rem)}
.case-image-phone{width:85%;max-width:18rem;justify-self:center}
.case-image-request{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.case-page *{scroll-behavior:auto}}

/* Rebuilt Paolo presentation tour */
.web4us-tour{overflow-x:hidden;background:var(--paper)}
.web4us-tour h1,.web4us-tour h2{margin-top:0;overflow-wrap:normal}
.web4us-tour-intro{border-bottom:1px solid var(--line);padding-block:clamp(3.5rem,8vw,7rem)}
.web4us-tour-intro-grid{display:grid;gap:clamp(3rem,7vw,7rem);align-items:end}
.web4us-tour-intro h1{max-width:10ch;margin-bottom:0;font-size:clamp(3.2rem,8.4vw,8rem);line-height:.84;letter-spacing:-.09em;text-transform:uppercase}
.web4us-tour-intro-copy{max-width:34rem;margin:1.75rem 0 0;font-size:clamp(1.05rem,1.8vw,1.3rem)}
.web4us-tour-start{margin-top:1.5rem}
.web4us-tour-meta{display:flex;align-items:center;gap:.8rem;margin:1rem 0 0;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.web4us-tour-meta i{display:block;width:1rem;border-top:1px solid var(--yellow)}
.web4us-tour-route{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.55rem;align-items:end;border-top:1px solid var(--ink);padding-top:1.25rem;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.web4us-tour-route>div{display:grid;gap:.45rem;min-width:0}.web4us-tour-route span{min-width:0}.web4us-tour-route b{color:var(--yellow);font-size:.65rem;letter-spacing:.05em}.web4us-tour-route>div:not(:last-child) b::after{content:"";display:inline-block;width:calc(100% - 2rem);margin-left:.7rem;border-top:1px solid var(--yellow);vertical-align:middle}
.web4us-tour-nav{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--ink);background:rgba(255,253,247,.97)}
.web4us-tour-nav-inner{display:grid;grid-template-columns:auto minmax(5rem,1fr) auto auto;gap:1.25rem;align-items:center;min-height:3.5rem}
.web4us-tour-guide,.web4us-tour-nav-buttons button,.web4us-tour-fullscreen,.web4us-tour-lightbox-close{border:0;border-radius:0;padding:0;color:var(--ink);background:transparent;font:inherit;cursor:pointer}
.web4us-tour-guide{border:1px solid var(--ink);padding:.45rem .7rem;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.web4us-tour-guide[aria-pressed=true]{background:var(--yellow)}
.web4us-tour-progress{height:2px;background:var(--line)}
.web4us-tour-progress span{display:block;width:0;height:100%;background:var(--yellow);transition:width .18s ease}
.web4us-tour-counter{font-size:.75rem;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.web4us-tour-nav-buttons{display:flex;gap:1.2rem}.web4us-tour-nav-buttons button{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.web4us-tour-nav-buttons button:disabled{color:var(--line);cursor:default}
.web4us-tour-flow{border-bottom:1px solid var(--line)}
.web4us-tour-step{scroll-margin-top:4rem;border-bottom:1px solid var(--line);padding-block:clamp(4rem,7vw,7rem)}
.web4us-tour-step-grid{display:grid;gap:clamp(2rem,5vw,5rem);align-items:center}
.web4us-tour-copy{min-width:0}.web4us-tour-number{margin:0 0 1rem;color:var(--yellow);font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:.78;letter-spacing:-.09em}
.web4us-tour-copy h2{max-width:11ch;margin-bottom:0;font-size:clamp(2.6rem,5.4vw,6rem);line-height:.88;letter-spacing:-.08em;text-transform:uppercase}
.web4us-tour-copy>p:not(.eyebrow):not(.web4us-tour-number){max-width:31rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.42}
.web4us-tour-note{display:grid;gap:.25rem;max-width:31rem;margin:2rem 0 0!important;border-top:1px solid var(--ink);padding-top:.7rem;font-size:.95rem!important}.web4us-tour-note span{color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.web4us-tour-visual{position:relative;min-width:0;margin:0;padding:clamp(.5rem,1vw,1rem);border:1px solid var(--ink);background:var(--soft)}
.web4us-tour-picture{display:block;width:100%;min-width:0}.web4us-tour-picture img{display:block;width:100%;height:auto;max-width:100%}
.web4us-tour-fullscreen{display:block;margin:.7rem 0 0;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.1em;text-decoration:underline;text-transform:uppercase}.web4us-tour-fullscreen:hover{color:var(--ink)}
.web4us-tour-step-compact{padding-block:clamp(3.25rem,5vw,5rem)}
.web4us-tour-step-visual{background:var(--soft)}.web4us-tour-step-visual .web4us-tour-visual{background:var(--paper)}
.web4us-tour-sequence{display:grid;gap:1.2rem;min-width:0}.web4us-tour-sequence-label{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.web4us-tour-sequence-label::before{content:"";display:block;width:2rem;border-top:1px solid var(--yellow)}
.web4us-tour-step-client{background:var(--soft)}.web4us-tour-visual-dominant{padding:clamp(.8rem,1.5vw,1.5rem);background:var(--paper)}
.web4us-tour-bridge{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:2rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.web4us-tour-bridge b{color:var(--yellow);font-size:1rem}
.web4us-tour-step-story .web4us-tour-visual{background:var(--paper)}
.web4us-tour-step-published{background:var(--soft)}.web4us-tour-step-published .web4us-tour-visual{background:var(--paper)}
.web4us-tour-loop{display:flex;flex-wrap:wrap;grid-column:2;gap:.6rem 0;margin-top:1.75rem;border-top:1px solid var(--ink);padding-top:1rem;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.web4us-tour-loop span{padding-right:.7rem}.web4us-tour-loop span:not(:last-of-type)::after{content:"→";margin-left:.7rem;color:var(--yellow)}.web4us-tour-loop b{width:100%;color:var(--muted)}
.web4us-tour-close{padding-block:clamp(4.5rem,10vw,9rem);background:var(--ink);color:var(--paper)}.web4us-tour-close .eyebrow{color:#c9c3b8}.web4us-tour-close h2{max-width:13ch;font-size:clamp(3rem,7vw,7rem);line-height:.84;letter-spacing:-.09em;text-transform:uppercase}.web4us-tour-close h2 span{color:var(--yellow)}.web4us-tour-close-copy{max-width:34rem;margin:2rem 0 0;color:#c9c3b8;font-size:clamp(1.1rem,2vw,1.35rem)}.web4us-tour-close .button{margin-top:2rem;background:var(--paper);color:var(--ink)}
.web4us-tour-focus{position:absolute;z-index:2;left:var(--focus-left);top:var(--focus-top);width:var(--focus-width);height:var(--focus-height);border:2px solid var(--yellow);pointer-events:none}.web4us-tour-focus::after{content:attr(data-label);position:absolute;top:-1.7rem;left:-2px;max-width:18rem;padding:.25rem .4rem;background:var(--yellow);color:var(--ink);font-size:.57rem;font-weight:800;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.web4us-tour:not(.is-guided) .web4us-tour-focus{display:none}
.web4us-tour-lightbox{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:3rem;background:rgba(23,23,23,.94)}.web4us-tour-lightbox[hidden]{display:none}.web4us-tour-lightbox img{display:block;width:auto;max-width:94vw;height:auto;max-height:90vh;object-fit:contain}.web4us-tour-lightbox-close{position:absolute;top:1rem;right:1.4rem;color:var(--paper);font-size:2.4rem;line-height:1}
@media (min-width:700px){.web4us-tour-intro-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.web4us-tour-route{margin-bottom:1rem}}
@media (min-width:1100px){.web4us-tour-step-grid{grid-template-columns:minmax(0,.56fr) minmax(0,1.44fr);gap:clamp(3rem,5vw,6rem)}.web4us-tour-visual{max-width:1050px;justify-self:end}.web4us-tour-step-client .web4us-tour-visual,.web4us-tour-step-published .web4us-tour-visual{max-width:1120px}.web4us-tour-step-visual .web4us-tour-visual{max-width:950px}.web4us-tour-loop{max-width:950px}.web4us-tour-step:nth-child(even) .web4us-tour-copy{order:2}.web4us-tour-step:nth-child(even) .web4us-tour-visual,.web4us-tour-step:nth-child(even) .web4us-tour-sequence{order:1;justify-self:start}.web4us-tour-step-compact .web4us-tour-copy{order:1!important}.web4us-tour-step-compact .web4us-tour-visual{order:2!important}}
@media (max-width:1099px) and (min-width:768px){.web4us-tour-step-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}
@media (max-width:767px){.web4us-tour{padding-bottom:3.6rem}.web4us-tour-intro{padding-block:3.25rem 4.5rem}.web4us-tour-intro h1{font-size:clamp(3rem,14vw,4.8rem)}.web4us-tour-intro-copy{margin-top:1.4rem;font-size:1.05rem}.web4us-tour-meta{font-size:.62rem}.web4us-tour-route{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem .65rem;margin-top:3rem;padding-top:1rem;font-size:.58rem}.web4us-tour-route>div:not(:last-child) b::after{display:none}.web4us-tour-nav{position:fixed;top:auto;bottom:0;left:0;right:0}.web4us-tour-nav-inner{grid-template-columns:auto 1fr auto;gap:.6rem;min-height:3.4rem}.web4us-tour-guide{padding:.4rem .5rem;font-size:.58rem}.web4us-tour-progress{display:none}.web4us-tour-counter{justify-self:center;font-size:.7rem}.web4us-tour-nav-buttons{display:contents}.web4us-tour-nav-buttons button{position:absolute;top:1rem;font-size:1rem}.web4us-tour-nav-buttons em{display:none}.web4us-tour-prev{left:1rem}.web4us-tour-next{right:1rem}.web4us-tour-step{scroll-margin-top:1rem;padding-block:3.5rem 4.5rem}.web4us-tour-step-grid{grid-template-columns:1fr;gap:2rem}.web4us-tour-number{font-size:3.8rem}.web4us-tour-copy h2{font-size:clamp(2.6rem,12vw,4.6rem)}.web4us-tour-copy>p:not(.eyebrow):not(.web4us-tour-number){font-size:1rem}.web4us-tour-note{margin-top:1.5rem!important}.web4us-tour-visual{width:100%;max-width:100%;padding:.5rem}.web4us-tour-picture img{height:auto;min-height:0}.web4us-tour-sequence{gap:.8rem}.web4us-tour-sequence-label{font-size:.6rem}.web4us-tour-loop{grid-column:auto;margin-top:0}.web4us-tour-close{padding-block:4.5rem}.web4us-tour-close h2{font-size:clamp(3rem,13vw,5rem)}.web4us-tour-focus::after{top:-1.5rem;max-width:12rem;font-size:.5rem}.web4us-tour-lightbox{padding:3rem .75rem}}
@media (prefers-reduced-motion:reduce){.web4us-tour *{scroll-behavior:auto!important}.web4us-tour-progress span{transition:none}}

/* Tour visual polish */
.web4us-tour-step-grid>*{min-width:0}.web4us-tour-copy{width:100%}.web4us-tour-copy h2{max-width:100%;min-width:0;overflow-wrap:break-word;text-wrap:balance}
.web4us-tour-phone{display:contents}.web4us-tour-phone-speaker,.web4us-tour-phone-home{display:none}
@media (min-width:1100px){
.web4us-tour-copy h2{font-size:clamp(2.6rem,3.8vw,5rem)}
.web4us-tour-step-phone-invert .web4us-tour-copy{order:2}.web4us-tour-step-phone-invert .web4us-tour-visual{order:1;justify-self:start}
.web4us-tour-step-proposal .web4us-tour-step-grid,.web4us-tour-step-published .web4us-tour-step-grid,.web4us-tour-step-client .web4us-tour-step-grid{display:block}
.web4us-tour-step-proposal .web4us-tour-copy,.web4us-tour-step-published .web4us-tour-copy,.web4us-tour-step-client .web4us-tour-copy{max-width:46rem}
.web4us-tour-step-proposal .web4us-tour-sequence{margin-top:3rem}.web4us-tour-step-proposal .web4us-tour-visual{max-width:1120px;margin-inline:auto}
.web4us-tour-step-client .web4us-tour-visual,.web4us-tour-step-published .web4us-tour-visual{max-width:1180px;margin:3rem auto 0}
.web4us-tour-step-client .web4us-tour-copy,.web4us-tour-step-published .web4us-tour-copy{margin-inline:auto}
.web4us-tour-step-story .web4us-tour-visual{max-width:960px}
}
@media (min-width:768px){
.web4us-tour-phone-only{display:block;width:clamp(280px,26vw,340px);margin-inline:auto;padding:.7rem .6rem .9rem;border:1px solid var(--ink);border-radius:1.7rem;background:var(--ink);box-shadow:0 .35rem .8rem rgba(23,23,23,.12)}
.web4us-tour-phone-only .web4us-tour-phone-speaker{display:block;width:3.2rem;height:.24rem;margin:0 auto .6rem;border-radius:999px;background:#827d73}
.web4us-tour-phone-only .web4us-tour-phone-screen{overflow:hidden;border:1px solid #827d73;border-radius:1.1rem;background:var(--paper)}
.web4us-tour-phone-only .web4us-tour-phone-home{display:block;width:3.5rem;height:.2rem;margin:.6rem auto 0;border-radius:999px;background:#827d73}
}
@media (max-width:767px){
.web4us-tour-step-grid>*{width:100%}.web4us-tour-copy h2{font-size:clamp(2rem,10vw,3rem);line-height:.9}.web4us-tour-copy>p:not(.eyebrow):not(.web4us-tour-number){font-size:1rem;line-height:1.5}
.web4us-tour-phone{display:block;width:min(100%,300px);margin-inline:auto;padding:.65rem .55rem .85rem;border:1px solid var(--ink);border-radius:1.7rem;background:var(--ink);box-shadow:0 .35rem .8rem rgba(23,23,23,.12)}
.web4us-tour-phone-speaker{display:block;width:3.2rem;height:.24rem;margin:0 auto .55rem;border-radius:999px;background:#827d73}
.web4us-tour-phone-screen{overflow:hidden;border:1px solid #827d73;border-radius:1.1rem;background:var(--paper)}.web4us-tour-phone-screen .web4us-tour-picture{display:block}.web4us-tour-phone-screen .web4us-tour-picture img{width:100%;height:auto;min-height:0}
.web4us-tour-phone-home{display:block;width:3.5rem;height:.2rem;margin:.6rem auto 0;border-radius:999px;background:#827d73}
.web4us-tour-step-proposal .web4us-tour-sequence,.web4us-tour-step-client .web4us-tour-visual,.web4us-tour-step-published .web4us-tour-visual{margin-top:0}.web4us-tour-step-proposal .web4us-tour-visual,.web4us-tour-step-client .web4us-tour-visual,.web4us-tour-step-published .web4us-tour-visual{max-width:100%}
}

/* Paolo tour hard reset: dedicated mobile renderer */
.web4us-tour-mobile{display:none!important}
@media (max-width:767px){
  .web4us-tour-desktop{display:none!important}
  .web4us-tour-mobile{display:block!important}
}
@media (min-width:768px){
  .web4us-tour-desktop{display:block!important}
  .web4us-tour-mobile{display:none!important}
}

@media (max-width:767px){
  .web4us-tour-mobile{
    --mobile-ink:#171717;
    --mobile-paper:#fffdf7;
    --mobile-yellow:#f2bd35;
    --mobile-olive:#1E2010;
    width:100%;
    max-width:100%;
    overflow-x:clip;
    padding-bottom:3.5rem;
    color:var(--mobile-ink);
    background:var(--mobile-paper);
  }
  .web4us-mobile-tour-inner,
  .web4us-mobile-tour-step,
  .web4us-mobile-tour-header,
  .web4us-mobile-tour-copy,
  .web4us-mobile-tour-actions,
  .web4us-mobile-tour-media{
    width:100%;
    max-width:100%;
  }
  .web4us-mobile-tour-inner{
    padding-inline:20px;
  }
  .web4us-mobile-tour-hero{
    width:100%;
    padding-block:3rem 3.5rem;
    color:var(--mobile-paper);
    background:var(--mobile-olive);
  }
  .web4us-mobile-tour-hero h1{
    max-width:9ch;
    margin:.8rem 0 0;
    font-size:clamp(2.8rem,13vw,4rem);
    line-height:.88;
    letter-spacing:-.08em;
    text-transform:uppercase;
  }
  .web4us-mobile-tour-hero>div>p:not(.web4us-mobile-tour-eyebrow){
    max-width:31rem;
    margin:1.35rem 0 0;
    font-size:1rem;
    line-height:1.5;
  }
  .web4us-mobile-tour-start{
    display:inline-block;
    margin-top:1.35rem;
    border-bottom:2px solid var(--mobile-yellow);
    padding-bottom:.25rem;
    color:var(--mobile-paper);
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.1em;
    text-decoration:none;
    text-transform:uppercase;
  }
  .web4us-mobile-tour-hero>div>i{
    display:block;
    width:4rem;
    height:.5rem;
    margin-top:2.4rem;
    background:var(--mobile-yellow);
  }
  .web4us-mobile-tour-eyebrow,
  .web4us-mobile-tour-media-label{
    margin:0;
    font-size:.64rem;
    font-weight:800;
    line-height:1.35;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .web4us-mobile-tour-nav{
    position:fixed;
    z-index:40;
    right:0;
    bottom:0;
    left:0;
    display:grid;
    grid-template-columns:2.75rem 1fr 2.75rem;
    align-items:center;
    min-height:3.5rem;
    border-top:1px solid var(--mobile-ink);
    background:rgba(255,253,247,.98);
  }
  .web4us-mobile-tour-nav button{
    height:3.5rem;
    border:0;
    padding:0;
    color:var(--mobile-ink);
    background:transparent;
    font:inherit;
    font-size:1rem;
  }
  .web4us-mobile-tour-nav button:disabled{opacity:.25}
  .web4us-mobile-tour-nav .web4us-tour-counter{
    justify-self:center;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.1em;
  }
  .web4us-mobile-tour-flow,
  .web4us-mobile-tour-step{
    display:block;
  }
  .web4us-mobile-tour-step{
    min-height:0;
    scroll-margin-top:1rem;
    border:0;
    padding-block:3.4rem 0;
  }
  .web4us-mobile-tour-step.is-cream{color:var(--mobile-ink);background:var(--mobile-paper)}
  .web4us-mobile-tour-step.is-ink{color:var(--mobile-paper);background:var(--mobile-ink)}
  .web4us-mobile-tour-step.is-olive{color:var(--mobile-paper);background:var(--mobile-olive)}
  .web4us-mobile-tour-step.is-yellow{color:var(--mobile-ink);background:var(--mobile-yellow)}
  .web4us-mobile-tour-header,
  .web4us-mobile-tour-copy,
  .web4us-mobile-tour-actions,
  .web4us-mobile-tour-media{
    position:static;
    display:block;
    float:none;
    clear:both;
    margin:0;
    padding:0;
    transform:none;
  }
  .web4us-mobile-tour-number{
    margin:0 0 .8rem;
    color:var(--mobile-yellow);
    font-size:clamp(4.25rem,20vw,6rem);
    font-weight:800;
    line-height:.72;
    letter-spacing:-.1em;
  }
  .is-yellow .web4us-mobile-tour-number{color:var(--mobile-paper)}
  .web4us-mobile-tour-header h2{
    width:100%;
    max-width:100%;
    margin:.75rem 0 0;
    font-size:clamp(2.5rem,11vw,4rem);
    line-height:.92;
    letter-spacing:-.07em;
    text-transform:uppercase;
    word-break:normal;
    overflow-wrap:normal;
    hyphens:none;
  }
  .web4us-mobile-tour-header .web4us-tour-title-result{
    color:var(--mobile-yellow);
  }
  .is-yellow .web4us-mobile-tour-header .web4us-tour-title-result{color:var(--mobile-olive)}
  .web4us-mobile-tour-copy{
    margin-top:1.35rem;
  }
  .web4us-mobile-tour-copy>p{
    width:100%;
    max-width:100%;
    margin:0;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    letter-spacing:normal;
    text-transform:none;
  }
  #mobile-passaggio-4 .web4us-mobile-tour-header h2,
  #mobile-passaggio-5 .web4us-mobile-tour-header h2{
    font-size:clamp(2.15rem,9vw,3.4rem);
  }
  .web4us-mobile-tour-tab-note,
  .web4us-mobile-tour-note{
    margin-top:1.25rem!important;
    border-top:1px solid currentColor;
    padding-top:.7rem;
  }
  .web4us-mobile-tour-note span{
    display:block;
    margin-bottom:.25rem;
    opacity:.68;
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .web4us-mobile-tour-note{
    font-weight:400!important;
    letter-spacing:normal!important;
    text-transform:none!important;
  }
  .web4us-mobile-tour-flow{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.45rem;
    width:100%;
    margin-top:1.25rem;
    font-size:.58rem;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
  }
  .web4us-mobile-tour-flow b{color:var(--mobile-yellow)}
  .is-yellow .web4us-mobile-tour-flow b{color:var(--mobile-olive)}
  .web4us-mobile-tour-actions{
    margin-top:1.4rem;
  }
  .web4us-mobile-tour-actions .web4us-tour-actions{
    display:block;
    width:100%;
    margin:0;
    border-top:1px solid currentColor;
  }
  .web4us-mobile-tour-actions .web4us-tour-action{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:2.9rem;
    border:0;
    border-bottom:1px solid currentColor;
    padding:.7rem 0;
    color:inherit;
    background:transparent;
    font:inherit;
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.09em;
    text-align:left;
    text-transform:uppercase;
  }
  .web4us-mobile-tour-actions .web4us-tour-action::after{color:var(--mobile-yellow)}
  .is-yellow .web4us-mobile-tour-actions .web4us-tour-action::after{color:var(--mobile-olive)}
  .web4us-mobile-tour-actions .web4us-tour-action-panel{
    width:100%;
    border-bottom:1px solid currentColor;
    padding:.9rem 0 1rem;
    color:inherit;
    font-size:.88rem;
    line-height:1.45;
  }
  .web4us-mobile-tour-actions .web4us-tour-action-panel[hidden]{display:none}
  .web4us-mobile-tour-actions .web4us-tour-action-label,
  .web4us-mobile-tour-actions .web4us-tour-technical dt,
  .web4us-mobile-tour-actions .web4us-tour-test-link{color:var(--mobile-yellow)}
  .is-yellow .web4us-mobile-tour-actions .web4us-tour-action-label,
  .is-yellow .web4us-mobile-tour-actions .web4us-tour-technical dt,
  .is-yellow .web4us-mobile-tour-actions .web4us-tour-test-link{color:var(--mobile-olive)}
  .web4us-mobile-tour-actions .web4us-tour-technical>div{
    grid-template-columns:3.9rem minmax(0,1fr);
  }
  .web4us-mobile-tour-media{
    margin-top:2rem;
  }
  .web4us-mobile-tour-media.is-phone{margin-top:1px}
  .web4us-mobile-tour-media-label{
    margin-bottom:.7rem;
    color:inherit;
  }
  .web4us-mobile-tour-visual{
    position:static;
    display:block;
    width:100%;
    max-width:100%;
    margin:0;
    border:1px solid currentColor;
    padding:7px;
    background:var(--mobile-paper);
    cursor:pointer;
    transform:none;
  }
  .web4us-mobile-tour-visual:focus-visible{
    outline:3px solid var(--mobile-yellow);
    outline-offset:3px;
  }
  .web4us-mobile-tour-media.is-editorial img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0;
  }
  .web4us-mobile-tour-media.is-phone .web4us-mobile-tour-visual{
    border:0;
    padding:0;
    background:transparent;
  }
  .web4us-mobile-tour-phone{
    display:block;
    width:min(82vw,320px);
    max-width:100%;
    margin:32px auto 0;
    border:1px solid var(--mobile-ink);
    border-radius:1.7rem;
    padding:.65rem .55rem .85rem;
    background:var(--mobile-ink);
    box-shadow:0 .35rem .8rem rgba(23,23,23,.12);
  }
  .web4us-mobile-tour-phone>span,
  .web4us-mobile-tour-phone>i{
    display:block;
    width:3.2rem;
    height:.24rem;
    margin:0 auto .55rem;
    border-radius:999px;
    background:#827d73;
  }
  .web4us-mobile-tour-phone>i{
    width:3.5rem;
    height:.2rem;
    margin:.6rem auto 0;
  }
  .web4us-mobile-tour-phone>div{
    overflow:hidden;
    border:1px solid #827d73;
    border-radius:1.1rem;
    background:var(--mobile-paper);
  }
  .web4us-mobile-tour-phone img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
  }
  .web4us-mobile-tour-access{
    display:block;
    width:100%;
    border-block:1px solid currentColor;
    padding:1rem 0;
    text-align:center;
    font-size:.65rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  .web4us-mobile-tour-access>*{display:block;margin:.55rem auto}
  .web4us-mobile-tour-access strong{padding:.8rem;background:var(--mobile-olive);color:var(--mobile-paper)}
  .web4us-mobile-tour-access b{color:var(--mobile-yellow)}
  .web4us-mobile-tour-transition{
    display:block;
    width:100%;
    padding-block:1rem;
    color:var(--mobile-yellow);
    font-size:1.35rem;
    font-weight:800;
    text-align:center;
  }
  .web4us-mobile-tour-separator{
    display:block;
    width:100%;
    height:3.4rem;
    margin-top:2rem;
    border-top:1px solid currentColor;
  }
  .web4us-mobile-tour-close{
    display:block;
    width:100%;
    padding-block:4.5rem;
    color:var(--mobile-paper);
    background:var(--mobile-ink);
  }
  .web4us-mobile-tour-close h2{
    max-width:13ch;
    margin:.8rem 0 0;
    font-size:clamp(3rem,13vw,5rem);
    line-height:.84;
    letter-spacing:-.09em;
    text-transform:uppercase;
  }
  .web4us-mobile-tour-close h2 span{color:var(--mobile-yellow)}
  .web4us-mobile-tour-close>div>p:not(.web4us-mobile-tour-eyebrow){margin:1.5rem 0 0;color:#c9c3b8;font-size:1.1rem}
  .web4us-mobile-tour-close .button{margin-top:2rem;background:var(--mobile-paper);color:var(--mobile-ink)}
}

/* Web4Us Design Lab */
.web4us-designlab{--lab-cream:#fffdf7;--lab-ink:#171717;--lab-yellow:#f2bd35;--lab-olive:#1E2010;background:var(--lab-cream);color:var(--lab-ink);overflow:hidden}
.web4us-designlab-header{padding-block:clamp(4rem,9vw,8rem);background:var(--lab-olive);color:#fff}.web4us-designlab-header .eyebrow{color:#e7e7dc}.web4us-designlab-header h1{margin:0;font-size:clamp(4rem,10vw,9rem);line-height:.82;letter-spacing:-.09em;text-transform:uppercase}.web4us-designlab-header p:last-child{max-width:32rem;margin:2rem 0 0;font-size:1.2rem;color:#e7e7dc}
.web4us-designlab-section{border-bottom:1px solid var(--lab-ink);padding-block:clamp(4rem,8vw,7rem)}.web4us-designlab-section h2{max-width:10ch;margin:0;font-size:clamp(3rem,7vw,6.5rem);line-height:.86;letter-spacing:-.08em;text-transform:uppercase}.web4us-designlab-type-grid{display:grid;gap:1px;margin-top:3rem;background:var(--lab-ink)}.web4us-designlab-type{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.25rem;background:var(--lab-cream)}.web4us-designlab-type h3{margin:0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.web4us-designlab-index{margin:0;color:var(--lab-yellow);font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.08em}.web4us-designlab-type-sample{grid-column:2}.web4us-designlab-type-sample strong{display:block;font-size:clamp(2rem,4vw,4rem);line-height:.86;letter-spacing:-.07em;text-transform:uppercase}.web4us-designlab-type-sample p{margin:.8rem 0 0}.web4us-designlab-type-sample a{display:inline-block;margin-top:1.25rem;color:inherit;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.web4us-designlab-type small{grid-column:2;margin-top:1rem;color:#6b675f;font-size:.65rem;line-height:1.5}.type-editorial .web4us-designlab-type-sample strong,.type-narrow .web4us-designlab-type-sample strong{font-family:Arial,sans-serif}.type-serif .web4us-designlab-type-sample strong,.type-oldstyle .web4us-designlab-type-sample strong{font-family:Georgia,serif}.type-mono .web4us-designlab-type-sample strong{font-family:monospace;font-size:clamp(1.7rem,3.4vw,3.4rem)}.type-narrow .web4us-designlab-type-sample strong{font-stretch:condensed}
.web4us-designlab-color-grid{display:grid;gap:1rem;margin-top:3rem}.web4us-designlab-color{min-height:18rem;display:grid;align-content:space-between;padding:1.5rem;border:1px solid var(--lab-ink)}.web4us-designlab-color p{margin:0;font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.08em}.web4us-designlab-color h3{margin:0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.web4us-designlab-color strong{font-size:clamp(2rem,4vw,3.5rem);line-height:.9;letter-spacing:-.07em;text-transform:uppercase}.web4us-designlab-color span,.web4us-designlab-color a{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.web4us-designlab-color a{justify-self:start;text-decoration:underline}.color-01{background:var(--lab-cream);color:var(--lab-ink)}.color-01 p{color:var(--lab-yellow)}.color-02{background:var(--lab-olive);color:var(--lab-cream)}.color-02 p,.color-02 a{color:var(--lab-yellow)}.color-03{background:var(--lab-ink);color:var(--lab-cream)}.color-03 p,.color-03 a{color:var(--lab-yellow)}.color-04{background:var(--lab-yellow);color:var(--lab-ink)}.color-04 p{color:var(--lab-olive)}
.web4us-designlab-composer{background:var(--lab-ink);color:var(--lab-cream)}.web4us-designlab-composer .eyebrow{color:#c9c3b8}.web4us-designlab-composer-grid{display:grid;gap:2rem;margin-top:3rem}.web4us-designlab-controls{display:grid;gap:1rem;align-content:start}.web4us-designlab-controls label{display:grid;gap:.4rem;color:#c9c3b8;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.web4us-designlab-controls select{width:100%;border:1px solid #827d73;border-radius:0;padding:.7rem;color:var(--lab-cream);background:transparent;font:inherit;font-size:.8rem;text-transform:uppercase}.web4us-designlab-preview{--lab-bg:#fffdf7;--lab-text:#171717;--lab-accent:#f2bd35;min-height:25rem;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,4rem);color:var(--lab-text);background:var(--lab-bg);transition:background .15s ease,color .15s ease}.web4us-designlab-preview-copy{max-width:30rem}.web4us-designlab-preview-copy h3{margin:0;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.86;letter-spacing:-.08em;text-transform:uppercase}.web4us-designlab-preview-copy p:not(.eyebrow){max-width:24rem;margin:1.5rem 0 0;font-size:1.05rem}.web4us-designlab-preview-copy a{display:inline-block;margin-top:1rem;color:var(--lab-text);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.web4us-designlab-preview-visual{position:relative;width:10rem;height:10rem;border:3px solid var(--lab-text)}.web4us-designlab-preview-visual span,.web4us-designlab-preview-visual i,.web4us-designlab-preview-visual b,.web4us-designlab-preview-visual em{position:absolute;display:block;border:3px solid var(--lab-text);font-style:normal}.web4us-designlab-preview-visual span{inset:1.3rem;background:var(--lab-accent)}.web4us-designlab-preview-visual i{width:3rem;top:3.5rem;right:-2rem;border-width:0 0 3px 3px}.web4us-designlab-preview-visual b{width:3rem;bottom:1.3rem;left:1.3rem;border-color:var(--lab-accent)}.web4us-designlab-preview-visual em{width:2rem;height:2rem;right:1.3rem;bottom:1.3rem;background:var(--lab-text)}.web4us-designlab-preview[data-layout=top]{display:block}.web4us-designlab-preview[data-layout=top] .web4us-designlab-preview-visual{margin:3rem auto 0}.web4us-designlab-preview[data-layout=centered]{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}.web4us-designlab-preview[data-layout=centered] .web4us-designlab-preview-copy{max-width:34rem}.web4us-designlab-preview[data-layout=process]{grid-template-columns:auto 1fr}.web4us-designlab-preview[data-layout=process] .web4us-designlab-preview-visual{width:100%;height:7rem}.web4us-designlab-preview[data-title-size=S] .web4us-designlab-preview-copy h3{font-size:2rem}.web4us-designlab-preview[data-title-size=L] .web4us-designlab-preview-copy h3{font-size:clamp(3.5rem,6vw,6rem)}.web4us-designlab-preview[data-title-size=XL] .web4us-designlab-preview-copy h3{font-size:clamp(4rem,8vw,8rem)}.web4us-designlab-preview[data-density=compact]{min-height:18rem;padding:2rem}.web4us-designlab-preview[data-density=airy]{min-height:34rem;padding:clamp(2rem,7vw,7rem)}
.web4us-designlab-instructions{display:grid;gap:1.5rem;margin-top:2rem;border-top:1px solid #827d73;padding-top:1.5rem}.web4us-designlab-instructions pre{max-width:48rem;margin:0;color:#c9c3b8;font:inherit;font-size:.8rem;line-height:1.6;white-space:pre-wrap}.web4us-designlab-instructions .button{justify-self:start;background:var(--lab-yellow);color:var(--lab-ink)}
@media (min-width:700px){.web4us-designlab-type-grid{grid-template-columns:repeat(2,1fr)}.web4us-designlab-color-grid{grid-template-columns:repeat(2,1fr)}.web4us-designlab-composer-grid{grid-template-columns:minmax(13rem,.35fr) minmax(0,1fr);align-items:start}.web4us-designlab-instructions{grid-template-columns:1fr auto;align-items:end}}
@media (min-width:1100px){.web4us-designlab-type-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:699px){.web4us-designlab-header h1{font-size:clamp(3.5rem,16vw,5.5rem)}.web4us-designlab-type{grid-template-columns:auto 1fr}.web4us-designlab-type-sample strong{font-size:2.3rem}.web4us-designlab-preview{grid-template-columns:auto 1fr;gap:1rem;min-height:22rem}.web4us-designlab-preview-visual{grid-column:1 / -1;width:8rem;height:8rem;justify-self:center}.web4us-designlab-preview[data-layout=top],.web4us-designlab-preview[data-layout=centered]{display:block}.web4us-designlab-preview[data-layout=top] .web4us-designlab-preview-visual,.web4us-designlab-preview[data-layout=centered] .web4us-designlab-preview-visual{margin:2rem auto 0}.web4us-designlab-preview[data-layout=process]{display:block}.web4us-designlab-preview[data-layout=process] .web4us-designlab-preview-visual{margin-top:2rem}.web4us-designlab-instructions .button{width:100%}}

/* Tour composition 3 */
.web4us-tour{--tour-olive:#1E2010;--tour-white:#fff;--tour-yellow:#f2bd35}
.web4us-tour-intro{background:var(--tour-olive);color:var(--tour-white)}
.web4us-tour-intro .eyebrow{color:#e7e7dc}.web4us-tour-intro .button{background:var(--tour-yellow);color:var(--ink)}
.web4us-tour-intro h1{font-size:clamp(3.2rem,5vw,6rem)}
.web4us-tour-route{border-color:rgba(255,255,255,.55)}.web4us-tour-route>div{min-height:4.5rem;padding:.7rem;border-left:1px solid rgba(255,255,255,.45)}.web4us-tour-route>div:nth-child(odd){background:var(--tour-yellow);color:var(--ink)}.web4us-tour-route>div:nth-child(even){background:rgba(255,255,255,.08)}.web4us-tour-route b{color:inherit}
.web4us-tour-mini-flow{display:flex;align-items:center;gap:.6rem;margin-top:1.7rem;color:var(--tour-olive);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.web4us-tour-mini-flow span{border-bottom:2px solid var(--tour-yellow);padding-bottom:.25rem}.web4us-tour-mini-flow b{color:var(--tour-yellow);font-size:1.1rem}
.web4us-tour-actions{display:grid;gap:.25rem;margin-top:1.7rem;border-top:1px solid var(--ink)}.web4us-tour-action{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);padding:.75rem 0;color:var(--ink);background:transparent;font:inherit;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-align:left;text-transform:uppercase;cursor:pointer}.web4us-tour-action::after{content:"+";color:var(--tour-olive);font-size:1rem}.web4us-tour-action[aria-expanded=true]{color:var(--tour-olive)}.web4us-tour-action[aria-expanded=true]::after{content:"−"}.web4us-tour-action-panel{border-bottom:1px solid var(--ink);padding:.8rem 0 1rem;font-size:.88rem;line-height:1.45}.web4us-tour-action-panel p{margin:0}.web4us-tour-action-panel .web4us-tour-action-label{margin-bottom:.35rem;color:var(--tour-olive);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.web4us-tour-customer-stage{margin-top:3rem}.web4us-tour-customer-labels{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,5vw,5rem);margin-bottom:1.5rem;color:var(--tour-olive);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase}.web4us-tour-customer-labels span{display:grid;gap:.3rem}.web4us-tour-customer-labels b{color:var(--muted);font-size:.6rem}.web4us-tour-customer-labels i{color:var(--tour-yellow);font-size:1.5rem;font-style:normal}
.web4us-tour-story-stage{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(1rem,3vw,3rem);align-items:center;margin-top:3rem}.web4us-tour-story-stage .web4us-tour-visual{max-width:none}.web4us-tour-story-stage .web4us-tour-sequence-label{font-size:.62rem;writing-mode:vertical-rl;text-align:center}.web4us-tour-step-story .web4us-tour-step-grid{display:block}
@media (min-width:1100px){
.web4us-tour-step-01 .web4us-tour-step-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.web4us-tour-step-01 .web4us-tour-visual{justify-self:center}.web4us-tour-step-01 .web4us-tour-copy{padding-right:clamp(1rem,3vw,4rem)}
.web4us-tour-decision-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.web4us-tour-step-03 .web4us-tour-visual{max-width:none}.web4us-tour-step-06 .web4us-tour-step-grid{display:block}.web4us-tour-step-story .web4us-tour-step-grid{display:block}.web4us-tour-step-story .web4us-tour-copy{max-width:48rem}
}
@media (max-width:767px){
.web4us-tour-intro h1{font-size:clamp(2.4rem,10vw,3.8rem)}.web4us-tour-intro-grid{gap:2.5rem}.web4us-tour-route{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.web4us-tour-route>div{min-height:3.8rem;padding:.5rem;font-size:.55rem}.web4us-tour-route>div:nth-child(n+5){margin-top:.3rem}
.web4us-tour-step-grid{display:block!important}.web4us-tour-step-grid>.web4us-tour-copy{width:100%;margin-bottom:2rem}.web4us-tour-copy h2{font-size:clamp(2rem,10vw,3rem)}.web4us-tour-actions{margin-top:1.5rem}.web4us-tour-customer-stage{margin-top:0}.web4us-tour-customer-labels{gap:.7rem;margin-bottom:1rem;font-size:.58rem}.web4us-tour-customer-labels i{font-size:1.1rem}.web4us-tour-story-stage{display:block;margin-top:0}.web4us-tour-story-stage .web4us-tour-sequence-label{display:flex;justify-content:center;margin:1rem 0;writing-mode:horizontal-tb}.web4us-tour-story-stage .web4us-tour-visual{margin-top:0}.web4us-tour-step-story .web4us-tour-step-grid{display:block!important}
}

/* Paolo tour: access, editorial opening and real-story share */
.web4us-tour-intro-grid{align-items:center}
.web4us-tour-hero-mark{display:grid;align-content:space-between;gap:1.5rem;min-width:0;min-height:21rem;border-top:1px solid rgba(255,253,247,.7);padding:1rem 0 0;color:#fffdf7}
.web4us-tour-hero-mark span,.web4us-tour-hero-mark small{font-size:.65rem;font-weight:800;line-height:1.45;letter-spacing:.12em;text-transform:uppercase}
.web4us-tour-hero-mark strong{display:block;max-width:9ch;font-size:clamp(2.6rem,4.4vw,5rem);line-height:.87;letter-spacing:-.075em;text-transform:uppercase}
.web4us-tour-hero-mark i{display:block;width:min(100%,9rem);height:.55rem;background:var(--tour-yellow)}
.web4us-tour-step-access{background:#fffdf7}
.web4us-tour-access-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1.5rem 0;font-size:.68rem;font-weight:800;letter-spacing:.1em;line-height:1.3;text-align:center;text-transform:uppercase}
.web4us-tour-access-flow span,.web4us-tour-access-flow strong{min-width:0}.web4us-tour-access-flow strong{padding:.9rem .6rem;background:var(--tour-olive);color:#fffdf7}.web4us-tour-access-flow i{width:1.2rem;border-top:2px solid var(--tour-yellow)}
.web4us-tour-new-tab-note{border-left:3px solid var(--tour-yellow);padding-left:.75rem;color:var(--tour-olive);font-size:.88rem!important}
.web4us-tour-technical{display:grid;gap:.7rem;margin:.4rem 0 0}.web4us-tour-technical>div{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem;border-top:1px solid var(--line);padding-top:.55rem}.web4us-tour-technical dt{color:var(--tour-olive);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.web4us-tour-technical dd{margin:0}
.web4us-tour-test-link{display:inline-block;margin-top:1rem;border-bottom:2px solid var(--tour-yellow);padding-bottom:.25rem;color:var(--tour-olive);font-size:.7rem;font-weight:800;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}
.web4us-tour-test-link:hover,.web4us-tour-test-link:focus-visible{background:var(--tour-yellow);color:var(--ink)}
.web4us-tour-step-share{background:var(--tour-olive);color:#fffdf7}.web4us-tour-step-share .web4us-tour-copy>p:not(.eyebrow):not(.web4us-tour-number){color:#fffdf7}.web4us-tour-step-share .eyebrow,.web4us-tour-step-share .web4us-tour-bridge{color:#e7e7dc}.web4us-tour-step-share .web4us-tour-visual{justify-self:center;max-width:25rem;background:#fffdf7}.web4us-tour-step-share .web4us-tour-action{color:#fffdf7;border-color:rgba(255,253,247,.45)}.web4us-tour-step-share .web4us-tour-actions,.web4us-tour-step-share .web4us-tour-action-panel{border-color:rgba(255,253,247,.65)}.web4us-tour-step-share .web4us-tour-action::after,.web4us-tour-step-share .web4us-tour-action-panel .web4us-tour-action-label,.web4us-tour-step-share .web4us-tour-technical dt,.web4us-tour-step-share .web4us-tour-test-link{color:var(--tour-yellow)}.web4us-tour-step-share .web4us-tour-test-link:focus-visible,.web4us-tour-step-share .web4us-tour-test-link:hover{color:var(--ink)}
.web4us-tour-step-share .web4us-tour-fullscreen{color:var(--ink)}
.web4us-tour-step-story .web4us-tour-story-stage{display:block;max-width:60rem;margin-inline:auto}.web4us-tour-step-story .web4us-tour-story-stage .web4us-tour-visual{max-width:100%}
.web4us-designlab-color.color-05{background:var(--lab-cream);color:var(--lab-ink)}.web4us-designlab-color.color-05 p,.web4us-designlab-color.color-05 span{color:var(--lab-olive)}.web4us-designlab-color.color-05 a{border-bottom:2px solid var(--lab-olive);text-decoration:none}
@media (min-width:700px){.web4us-tour-intro-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
@media (max-width:767px){.web4us-tour-hero-mark{min-height:13rem;gap:1rem}.web4us-tour-hero-mark strong{font-size:clamp(2.5rem,10vw,3.7rem)}.web4us-tour-step-share .web4us-tour-visual{width:100%}.web4us-tour-access-flow{gap:.35rem;font-size:.53rem}.web4us-tour-access-flow i{width:.6rem}.web4us-tour-technical>div{grid-template-columns:3.9rem minmax(0,1fr);gap:.45rem}.web4us-tour-step-share .web4us-tour-copy{margin-bottom:2rem}}

/* Guided tour: targeted geometry, screenshot crops and image lightbox trigger */
.web4us-tour-copy h2{overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
.web4us-tour-title-result{display:block;color:var(--tour-olive)}
.web4us-tour-visual[role="button"]{cursor:pointer}
.web4us-tour-visual[role="button"]:focus-visible{outline:3px solid var(--tour-yellow);outline-offset:4px}
.web4us-tour-visual figcaption{margin:0 0 .7rem;color:var(--tour-olive);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.web4us-tour-proposal-pair{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.25rem,4vw,4rem);align-items:start;min-width:0;margin-top:3rem}
.web4us-tour-proposal-pair .web4us-tour-visual{width:100%;max-width:none;min-width:0;margin:0;justify-self:stretch;background:var(--paper)}
.web4us-tour-proposal-arrow{position:absolute;top:50%;left:50%;color:var(--tour-olive);font-size:1.4rem;font-weight:800;line-height:1;transform:translate(-50%,-50%)}
.web4us-tour-step-client .web4us-tour-visual{width:100%;max-width:850px;margin:2rem auto 0;justify-self:center}
@media (min-width:1100px){
.web4us-tour-step-visual .web4us-tour-step-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.web4us-tour-step-client .web4us-tour-visual{max-width:850px}
}
@media (min-width:768px) and (max-width:1099px){
.web4us-tour-step-proposal .web4us-tour-step-grid{display:block}
.web4us-tour-step-visual .web4us-tour-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
.web4us-tour-step{height:auto;min-height:0}
.web4us-tour-step-grid,.web4us-tour-proposal-pair,.web4us-tour-story-stage,.web4us-tour-customer-stage,.web4us-tour-sequence{display:block!important;grid-template-columns:minmax(0,1fr)!important}
.web4us-tour-step-grid>*{min-width:0;max-width:100%}
.web4us-tour-proposal-pair{margin-top:0}
.web4us-tour-proposal-pair .web4us-tour-visual{max-width:100%;margin:0}
.web4us-tour-proposal-arrow{position:static;display:block;margin:1rem 0;font-size:0;line-height:1;text-align:center;transform:none}
.web4us-tour-proposal-arrow::after{content:"↓";font-size:1.4rem}
.web4us-tour-step-client .web4us-tour-visual{max-width:100%;margin:1.5rem 0 0}
.web4us-tour-phone,.web4us-tour-phone-only{width:min(78vw,320px);max-width:100%;margin-inline:auto}
.web4us-tour-actions,.web4us-tour-action{width:100%}
}

/* Paolo Guided Tour: mobile editorial chapters */
@media (max-width:767px){
  .web4us-tour{
    overflow-x:clip;
    padding-bottom:3.6rem;
    background:#fffdf7;
  }

  .web4us-tour-intro{
    padding-block:2.75rem 3rem;
  }
  .web4us-tour-intro-grid{
    display:block;
  }
  .web4us-tour-intro h1{
    max-width:9ch;
    margin-top:.7rem;
    font-size:clamp(2.9rem,13vw,4.1rem);
    line-height:.86;
  }
  .web4us-tour-intro-copy{
    max-width:30rem;
    margin-top:1.25rem;
    font-size:1rem;
    line-height:1.45;
  }
  .web4us-tour-start{
    margin-top:1.25rem;
  }
  .web4us-tour-meta{
    margin-top:.8rem;
  }
  .web4us-tour-hero-mark{
    position:relative;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:end;
    gap:.75rem 1rem;
    min-height:0;
    margin-top:2.4rem;
    border-top:1px solid rgba(255,253,247,.65);
    padding-top:1rem;
  }
  .web4us-tour-hero-mark strong{
    grid-column:1 / -1;
    max-width:8ch;
    font-size:clamp(2rem,9vw,3rem);
    line-height:.9;
  }
  .web4us-tour-hero-mark i{
    width:4.5rem;
    height:.42rem;
  }
  .web4us-tour-hero-mark small{
    display:none;
  }

  .web4us-tour-step,
  .web4us-tour-step-compact{
    position:relative;
    height:auto;
    min-height:0;
    padding-block:3.25rem 3.75rem;
    overflow:hidden;
  }
  .web4us-tour-step-grid,
  .web4us-tour-decision-grid,
  .web4us-tour-proposal-pair,
  .web4us-tour-customer-stage,
  .web4us-tour-story-stage{
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    gap:0;
  }
  .web4us-tour-step-grid>.web4us-tour-copy,
  .web4us-tour-step-phone-invert .web4us-tour-copy{
    order:1;
    width:100%;
    max-width:none;
    margin:0 0 2rem;
    padding:0;
  }
  .web4us-tour-step-grid>.web4us-tour-visual,
  .web4us-tour-step-grid>.web4us-tour-access-flow,
  .web4us-tour-step-grid>.web4us-tour-proposal-pair,
  .web4us-tour-step-grid>.web4us-tour-customer-stage,
  .web4us-tour-step-grid>.web4us-tour-story-stage,
  .web4us-tour-step-phone-invert .web4us-tour-visual{
    order:2;
  }
  .web4us-tour-step-grid>.web4us-tour-loop{
    order:3;
  }
  .web4us-tour-step-grid>*{
    min-width:0;
    max-width:100%;
  }

  .web4us-tour-number{
    margin:0 0 .6rem;
    color:#f2bd35;
    font-size:clamp(4.2rem,20vw,6.2rem);
    line-height:.72;
    letter-spacing:-.1em;
  }
  .web4us-tour-copy .eyebrow{
    position:relative;
    margin:0 0 .85rem;
    padding-left:1.7rem;
    font-size:.64rem;
    line-height:1.3;
  }
  .web4us-tour-copy .eyebrow::before{
    content:"";
    position:absolute;
    left:0;
    top:.45em;
    width:1.1rem;
    border-top:3px solid #f2bd35;
  }
  .web4us-tour-copy h2{
    max-width:100%;
    margin:0;
    font-size:clamp(2.55rem,11.4vw,4rem);
    line-height:.91;
    letter-spacing:-.075em;
    overflow-wrap:anywhere;
    word-break:normal;
    text-wrap:balance;
  }
  .web4us-tour-title-result{
    color:#1E2010;
  }
  .web4us-tour-copy>p:not(.eyebrow):not(.web4us-tour-number){
    max-width:34rem;
    margin-top:1.25rem;
    font-size:1rem;
    line-height:1.5;
  }
  .web4us-tour-note{
    max-width:none;
    margin-top:1.35rem!important;
    padding-top:.65rem;
  }
  .web4us-tour-mini-flow,
  .web4us-tour-bridge{
    gap:.45rem;
    margin-top:1.35rem;
    font-size:.6rem;
    line-height:1.35;
  }

  .web4us-tour-actions{
    width:100%;
    margin-top:1.35rem;
    gap:0;
  }
  .web4us-tour-action{
    min-height:2.75rem;
    padding:.7rem .15rem;
    font-size:.62rem;
    line-height:1.25;
  }
  .web4us-tour-action-panel{
    padding:.8rem 0 1rem;
  }

  .web4us-tour-visual{
    width:100%;
    max-width:100%;
    margin:0;
    padding:.45rem;
  }
  .web4us-tour-phone,
  .web4us-tour-phone-only{
    width:min(82vw,360px);
    max-width:100%;
    margin-inline:auto;
  }
  .web4us-tour-phone:not(.web4us-tour-phone-only){
    display:block;
    width:100%;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .web4us-tour-phone:not(.web4us-tour-phone-only) .web4us-tour-phone-speaker,
  .web4us-tour-phone:not(.web4us-tour-phone-only) .web4us-tour-phone-home{
    display:none;
  }
  .web4us-tour-phone:not(.web4us-tour-phone-only) .web4us-tour-phone-screen{
    overflow:hidden;
    border:0;
    border-radius:0;
  }
  .web4us-tour-phone-only{
    padding:.65rem .55rem .85rem;
  }

  .web4us-tour-access-flow{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.55rem;
    padding:1rem 0;
    font-size:.62rem;
  }
  .web4us-tour-access-flow i{
    width:0;
    height:.9rem;
    margin:auto;
    border-top:0;
    border-left:2px solid #f2bd35;
  }
  .web4us-tour-access-flow strong{
    padding:.8rem;
  }

  .web4us-tour-step-01::after,
  .web4us-tour-step-client::after,
  .web4us-tour-step-published::after{
    content:"";
    position:absolute;
    right:-1.5rem;
    bottom:1.2rem;
    width:4.5rem;
    height:4.5rem;
    border:1px solid #f2bd35;
    transform:rotate(12deg);
    pointer-events:none;
  }
  .web4us-tour-step:nth-child(3),
  .web4us-tour-step:nth-child(7){
    background:#f2bd35;
  }
  .web4us-tour-step:nth-child(3) .web4us-tour-number,
  .web4us-tour-step:nth-child(7) .web4us-tour-number{
    color:#fffdf7;
  }
  .web4us-tour-step:nth-child(3) .web4us-tour-copy .eyebrow::before,
  .web4us-tour-step:nth-child(7) .web4us-tour-copy .eyebrow::before{
    border-color:#1E2010;
  }
  .web4us-tour-step:nth-child(3) .web4us-tour-action::after,
  .web4us-tour-step:nth-child(7) .web4us-tour-action::after{
    color:#171717;
  }

  .web4us-tour-step-proposal{
    background:#171717;
    color:#fffdf7;
  }
  .web4us-tour-step-proposal .web4us-tour-title-result,
  .web4us-tour-step-proposal .web4us-tour-note span,
  .web4us-tour-step-proposal .web4us-tour-action::after,
  .web4us-tour-step-proposal .web4us-tour-action-panel .web4us-tour-action-label,
  .web4us-tour-step-proposal .web4us-tour-technical dt,
  .web4us-tour-step-proposal .web4us-tour-test-link{
    color:#f2bd35;
  }
  .web4us-tour-step-proposal .web4us-tour-copy>p,
  .web4us-tour-step-proposal .web4us-tour-action{
    color:#fffdf7;
  }
  .web4us-tour-step-proposal .web4us-tour-note,
  .web4us-tour-step-proposal .web4us-tour-actions,
  .web4us-tour-step-proposal .web4us-tour-action,
  .web4us-tour-step-proposal .web4us-tour-action-panel{
    border-color:rgba(255,253,247,.5);
  }
  .web4us-tour-proposal-pair{
    margin-top:0;
  }
  .web4us-tour-proposal-pair .web4us-tour-visual{
    margin:0;
    border-color:#fffdf7;
    background:#fffdf7;
  }
  .web4us-tour-proposal-pair .web4us-tour-visual figcaption{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:.15rem .15rem .6rem;
    color:#1E2010;
  }
  .web4us-tour-proposal-pair .web4us-tour-visual:first-child figcaption::after{
    content:"PREPARAZIONE";
    color:#6b675f;
    font-size:.56rem;
  }
  .web4us-tour-proposal-pair .web4us-tour-visual:last-child figcaption::after{
    content:"PROPOSTA PRONTA";
    color:#6b675f;
    font-size:.56rem;
  }
  .web4us-tour-proposal-arrow{
    position:static;
    display:grid;
    place-items:center;
    margin:.9rem 0;
    color:#f2bd35;
    font-size:0;
    transform:none;
  }
  .web4us-tour-proposal-arrow::after{
    content:"↓  DIVENTA";
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.14em;
  }
  .web4us-tour-step-proposal .web4us-tour-picture img{
    width:100%;
    aspect-ratio:4/5;
    object-fit:cover;
    object-position:top;
  }

  .web4us-tour-customer-stage{
    margin-top:0;
  }
  .web4us-tour-customer-labels{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:.55rem;
    margin:0 0 .9rem;
    font-size:.55rem;
  }
  .web4us-tour-step-client .web4us-tour-visual{
    width:100%;
    max-width:100%;
    margin:0;
  }
  .web4us-tour-step-client .web4us-tour-picture img{
    width:100%;
    aspect-ratio:4/5;
    object-fit:cover;
    object-position:bottom;
  }

  .web4us-tour-story-stage{
    margin-top:0;
  }
  .web4us-tour-step-story .web4us-tour-story-stage,
  .web4us-tour-step-story .web4us-tour-story-stage .web4us-tour-visual{
    width:100%;
    max-width:100%;
    margin:0;
  }
  .web4us-tour-step-story .web4us-tour-picture img,
  .web4us-tour-step-published .web4us-tour-picture img{
    width:100%;
    aspect-ratio:4/5;
    object-fit:cover;
    object-position:top;
  }
  .web4us-tour-step-share .web4us-tour-copy{
    margin-bottom:2rem;
  }
  .web4us-tour-step-share .web4us-tour-visual{
    width:100%;
    max-width:100%;
    margin:0;
  }
  .web4us-tour-step-published .web4us-tour-visual{
    width:100%;
    max-width:100%;
    margin:0;
  }
  .web4us-tour-loop{
    width:100%;
    margin:1.25rem 0 0;
    padding-top:.85rem;
    font-size:.58rem;
    line-height:1.45;
  }
}