/* SIFT theme layer: Smeraldo palette, Sora headings, Menta fluo. Loaded after each page's inline style. */
:root{
  --graphite:#003D32; --graphite-2:#0A5143; --line-dark:#1F6757; --frame:#0F7A64; --frame-hot:#1BA283;
  --ivory:#F7FCFA; --ivory-2:#EEF7F3; --mint-dim:#D2F1E5; --mint-grey:#86D3BA;
  --emerald:#00775D; --emerald-2:#1F9C7B;
  --fluo:#6FEBBD; --fluo-2:#3FE0A9; --fluo-3:#34D9A2; --fluo-hi:#8CF0CC; --fluo-pale:#DDF6EC;
  --ink:#06241E; --ink-dim:#3F5A52; --logo:#0B0F0E;
  --display:'Sora','Inter',system-ui,sans-serif;
  --grad-light:linear-gradient(95deg,#00775D 0%,#1F9C7B 100%);
  --grad-dark:linear-gradient(95deg,#C7F1E0 0%,#86D6B7 50%,#4DB592 100%);
  /* remap of the legacy variables used by the pages */
  --bg:var(--ivory); --bg-secondary:var(--ivory-2); --card:#FFFFFF; --panel:#FFFFFF; --void:var(--graphite);
  --gold:var(--emerald); --gold-bright:var(--emerald); --gold-dim:var(--emerald);
  --red:var(--emerald); --red-bright:var(--emerald-2); --signal:var(--emerald); --ok:var(--emerald);
  --accent:var(--emerald); --accent-dim:var(--emerald); --accent-bright:var(--emerald-2); --accent-soft:rgba(0,119,93,.1);
  --text:var(--ink); --text-dim:var(--ink-dim); --text-faint:#5C746C;
  --border:rgba(6,36,30,.13); --border-strong:rgba(6,36,30,.28);
  color-scheme:light;
}
body{background:var(--ivory)!important;color:var(--ink)}
.noise,.hero-grid,.hero-fade,.orb,.blob{display:none!important}
/* headings: Sora, soft green gradient on the accent part */
.serif,.hero-title,.h2,.page-hero-title,.headline,.nav-logo.__x{font-family:var(--display)!important}
.hero-title,.h2,.page-hero-title,h1.headline,h2.headline{font-weight:600!important;letter-spacing:-.035em!important;line-height:1.12!important;color:var(--ink)!important;font-style:normal!important}
.hero-title em,.h2 em,.page-hero-title em,.headline .accent,.gold-text{font-style:normal!important;font-weight:600!important;
  background:var(--grad-light)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;padding:0 0 .14em!important;display:inline!important}
h3,.pcard-name,.prow-name,.gcard h3,.faq-q,.step-title{font-family:var(--display)}
/* logo stays black, Playfair wordmark */
.nav-logo,.footer-logo,.f-logo{color:var(--logo)!important;font-family:'Playfair Display',serif!important;opacity:1!important}
.nav-logo .logo-mark,.footer-logo .logo-mark{color:var(--logo)}
/* nav */
.nav{background:rgba(247,252,250,.88)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)!important}
.nav.scrolled{background:rgba(247,252,250,.94)!important}
.nav-link{color:var(--ink-dim)!important}.nav-link:hover,.nav-link.active{color:var(--ink)!important}
.lang-toggle{border-color:var(--border-strong)!important}
.lang-btn{color:var(--ink-dim)!important}.lang-btn.active{background:var(--graphite)!important;color:var(--ivory)!important}
.nav-hamburger span{background:var(--ink)!important}
.mobile-panel{background:var(--ivory)!important;box-shadow:0 12px 30px rgba(6,36,30,.12)!important}
/* buttons: fluo gradient, graphite text */
.btn-primary,.btn-primary:hover,.nav-cta,.nav-cta:hover,.btn-onDark,.btn-onDark:hover,.btn-amber,.btn-amber:hover{background:linear-gradient(120deg,var(--fluo-hi) 0%,var(--fluo) 45%,var(--fluo-3) 100%)!important;color:var(--graphite)!important}
.btn-primary,.nav-cta,.btn-onDark,.btn-amber{box-shadow:none}
.btn-outline{border-color:rgba(6,36,30,.45)!important;color:var(--ink)!important}.btn-outline:hover{border-color:var(--ink)!important;color:var(--ink)!important}
mark{background:linear-gradient(transparent 62%,rgba(111,235,189,.75) 62%);color:inherit;padding:0 .08em}
:focus-visible{outline:2px solid var(--emerald)!important;outline-offset:3px}
/* dark panels: graphite with light text */
.nla,.prow-panel:not(.prow-panel-light),.cmock,.intel-wrap,.cta-inner{
  --text:#F7FCFA; --text-dim:#C7F1E0; --text-faint:#86D3BA; --border:#1F6757; --border-strong:#2D7A68; --card:#0A5143; --panel:#05473A;
  --gold:#6FEBBD; --gold-bright:#8CF0CC; --gold-dim:#6FEBBD; --red:#6FEBBD; --accent:#6FEBBD; --accent-dim:#6FEBBD; --signal:#6FEBBD; --ok:#6FEBBD;
  background:var(--graphite)!important;color:#F7FCFA;box-shadow:0 24px 60px rgba(0,61,50,.28)!important}
.cta-inner{background:linear-gradient(160deg,#0A5143,#003D32)!important}
.cta-inner .h2,.nla .h2,.cta-inner h2{color:#F7FCFA!important}
.cta-inner .h2 em,.cta-inner h2 em{background:var(--grad-dark)!important;-webkit-background-clip:text!important;background-clip:text!important}
/* cards */
.card-glass,.price-card,.process-mini,.faq-item,.hero-chip,.prow-panel-light{background:#fff!important;border-color:var(--border)!important;box-shadow:0 10px 30px rgba(6,36,30,.06)!important}
.who{background:var(--ivory-2)!important}
/* footer */
.footer{border-top:1px solid var(--border)!important}.footer-link,.footer-copy{color:var(--ink-dim)!important}.footer-link:hover{color:var(--emerald)!important}
.footer-social{border-color:var(--border-strong)!important;color:var(--ink-dim)!important}.footer-social:hover{color:var(--graphite)!important;border-color:var(--fluo-3)!important;background:var(--fluo)!important}
/* tour pages (argus, lynx, collab): graphite background, fluo accent */
body:has(#tour){
  --bg:#003D32; --card:#0A5143; --panel:#05473A; --text:#F7FCFA; --text-dim:#C7F1E0; --text-faint:#86D3BA;
  --border:#1F6757; --border-strong:#2D7A68; --accent:#6FEBBD; --accent-dim:#6FEBBD; --accent-bright:#8CF0CC; --accent-soft:rgba(111,235,189,.14);
  --ok:#6FEBBD; --signal:#6FEBBD; --gold:#6FEBBD; --gold-dim:#6FEBBD; color-scheme:dark;
  background:#003D32!important;color:#F7FCFA}
body:has(#tour) .nav{background:rgba(0,61,50,.92)!important;border-bottom-color:#1F6757!important}
body:has(#tour) .nav-logo,body:has(#tour) .nav-logo .logo-mark{color:#F7FCFA!important}
body:has(#tour) .nav-back,body:has(#tour) .lang-btn{color:#86D3BA!important}
body:has(#tour) .lang-btn.active{background:#F7FCFA!important;color:#003D32!important}
body:has(#tour) .headline{color:#F7FCFA!important}
body:has(#tour) .headline .accent{background:var(--grad-dark)!important;-webkit-background-clip:text!important;background-clip:text!important}
body:has(#tour) .btn-outline{border-color:#86D3BA!important;color:#F7FCFA!important}
body:has(#tour) .step-eyebrow{color:#6FEBBD!important}
.contact-tagline,.cta-title,.hero-chip-name,.intel-name,.pcard-name,.process-num,.prow-score,.stat-num,.tl-n,.prow-name,h2.prow-name,th,.price-num,.price-name{font-family:var(--display)!important;font-style:normal!important}
.prow-score,.stat-num,.process-num,.tl-n,.price-num{letter-spacing:-.02em}
.contact-tagline em,.cta-title em{font-style:normal!important}
body:has(#tour) .nav-logo{color:#F7FCFA!important}
body:has(#tour) .nav-logo span{color:#6FEBBD!important}
.nav-logo *,.footer-logo *{color:var(--logo)!important;-webkit-text-fill-color:currentColor!important;background:none!important}
body:has(#tour) .nav-logo,body:has(#tour) .nav-logo *{color:#F7FCFA!important}
body:has(#tour) .nav-logo span{color:#6FEBBD!important}
.tl-content h3,.tl-content h3 em,.step h3,.step h3 em,h3 em{font-family:var(--display)!important;font-style:normal!important;font-weight:600}
.tl-content h3 em,h3 em{color:var(--emerald)}
.tl-n{color:var(--emerald)}


/* =====================================================================
   Inner pages: white base, dark rounded "floating" panels, gradients.
   Built page by page, not a copy of the home layout.
   ===================================================================== */
.pg-products,.pg-about,.pg-contact,.pg-privacy{
  --dk-text:#F7FCFA;--dk-dim:#C7F1E0;--dk-faint:#86D3BA;--dk-line:#1F6757;--dk-card:#0A5143;
}
.pg-products .nav,.pg-about .nav,.pg-contact .nav,.pg-privacy .nav,.pg-products .nav.scrolled,.pg-about .nav.scrolled,.pg-contact .nav.scrolled,.pg-privacy .nav.scrolled{background:rgba(247,252,250,.88)!important}
/* dark scope: flips the text variables */
.pg-products .page-hero,.pg-products #lynx,.pg-about .method,.pg-contact .page-hero,.pg-privacy .page-hero{
  --text:var(--dk-text);--text-dim:var(--dk-dim);--text-faint:var(--dk-faint);--border:var(--dk-line);--border-strong:#2D7A68;--card:var(--dk-card);
  --gold:#6FEBBD;--gold-bright:#8CF0CC;--gold-dim:#6FEBBD;--red:#6FEBBD;--accent:#6FEBBD;--signal:#6FEBBD;--ok:#6FEBBD;color:var(--dk-text)}
/* floating dark hero */
.pg-products .page-hero,.pg-contact .page-hero,.pg-privacy .page-hero{
  position:relative;overflow:hidden;margin:84px 16px 0;padding:72px 0 64px;border:0!important;border-radius:40px;
  background:radial-gradient(52% 90% at 92% 8%,rgba(111,235,189,.30) 0%,rgba(111,235,189,0) 70%),radial-gradient(40% 70% at 4% 100%,rgba(63,224,169,.18) 0%,rgba(63,224,169,0) 70%),linear-gradient(160deg,#0A5143 0%,#003D32 55%,#00302A 100%)}
.pg-products .page-hero-title,.pg-contact .page-hero-title,.pg-privacy .page-hero-title{color:#F7FCFA!important}
.pg-products .page-hero-title em,.pg-contact .page-hero-title em,.pg-privacy .page-hero-title em{background:var(--grad-dark)!important;-webkit-background-clip:text!important;background-clip:text!important}
.pg-contact .page-hero-desc{color:#C7F1E0}
/* ---------- PRODUCTS ---------- */
.pg-products .hero-chip{background:rgba(255,255,255,.07)!important;border:1px solid rgba(199,241,224,.22)!important;box-shadow:none!important;backdrop-filter:blur(6px)}
.pg-products .hero-chip *{color:inherit}
.pg-products .hero-chip-name{color:#F7FCFA!important}.pg-products .hero-chip-sub{color:#6FEBBD!important}.pg-products .hero-chip-desc,.pg-products .hero-chip p{color:#C7F1E0!important}
.pg-products .prow{padding-block:clamp(64px,8vw,112px)}
.pg-products #argus{background:#fff}
.pg-products #lynx{position:relative;margin:0 16px;border-radius:40px;background:radial-gradient(60% 80% at 8% 0%,rgba(111,235,189,.16),rgba(111,235,189,0) 70%),linear-gradient(170deg,#003D32,#00302A)}
.pg-products #lynx .prow-name{color:#F7FCFA!important}
.pg-products #lynx .prow-panel{background:#0A5143!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important;border:1px solid var(--frame)}
.pg-products #lynx .prow-body,.pg-products #lynx .prow-feat-list li{color:#C7F1E0!important}
.pg-products #lynx .btn-outline{border-color:#86D3BA!important;color:#F7FCFA!important}
.pg-products #collab{background:linear-gradient(180deg,#fff 0%,#E3F6EE 100%)}
.pg-products #sample{background:#fff!important;border-top:0!important}
.pg-products .prow-name{font-weight:600!important;letter-spacing:-.04em;font-size:clamp(44px,6vw,76px)!important}
.pg-products #argus .prow-name,.pg-products #collab .prow-name{background:none!important;color:#06241E!important;-webkit-text-fill-color:#06241E!important}
.pg-products #lynx .prow-name{background:none!important;-webkit-text-fill-color:#F7FCFA!important}
.pg-products .prow-tag{color:var(--emerald)!important}.pg-products #lynx .prow-tag{color:#6FEBBD!important}
/* ---------- ABOUT ---------- */
.pg-about .page-hero{border:0!important;padding:150px 0 40px;background:radial-gradient(48% 90% at 100% 0%,rgba(111,235,189,.35),rgba(111,235,189,0) 70%),#F7FCFA}
.pg-about .section:nth-of-type(1){background:#F7FCFA}
.pg-about .method{margin:0 16px;border-radius:40px;padding-inline:0;border:0!important;background:radial-gradient(55% 70% at 100% 0%,rgba(111,235,189,.18),rgba(111,235,189,0) 70%),linear-gradient(170deg,#0A5143,#003D32 60%,#00302A)!important}
.pg-about .method .h2{color:#F7FCFA!important}
.pg-about .method .h2 em{background:var(--grad-dark)!important;-webkit-background-clip:text!important;background-clip:text!important}
.pg-about .method .tl-tag{background:rgba(111,235,189,.14)!important;border-color:#2D7A68!important;color:#6FEBBD!important}
.pg-about .method .tl-n{color:#6FEBBD;border-color:#2D7A68!important}
.pg-about .method h3,.pg-about .method h3 em{color:#F7FCFA!important}.pg-about .method h3 em{color:#6FEBBD!important}
.pg-about .method .tl-step{border-color:#1F6757!important}
.pg-about .section-lead{color:inherit}
.pg-about .method .section-lead,.pg-about .method p{color:#C7F1E0!important}
.pg-about section[style*="bg-secondary"]:not(.method){background:linear-gradient(135deg,#fff 0%,#DDF4EA 100%)!important;border:0!important}
/* ---------- CONTACT ---------- */
.pg-contact .page-hero{padding:72px 0 56px}
.pg-contact .section{background:linear-gradient(180deg,#F7FCFA 0%,#fff 100%)}
.pg-contact .cform{background:#fff;border-radius:28px;padding:36px;box-shadow:0 30px 70px rgba(0,61,50,.12);border:1px solid rgba(0,61,50,.08)}
.pg-contact .contact-grid{align-items:start}
/* ---------- PRIVACY ---------- */
.pg-privacy .page-hero{padding:64px 0 48px}
.pg-privacy .priv{background:#fff}
.pg-privacy .priv .ph{background:rgba(111,235,189,.4)}
@media(max-width:760px){.pg-products .page-hero,.pg-contact .page-hero,.pg-privacy .page-hero{margin:76px 20px 0;border-radius:28px}.pg-products #lynx,.pg-about .method{margin:0 20px;border-radius:28px}.pg-contact .cform{padding:24px}}
/* ---------- line breaks, all pages ---------- */
h1,h2,h3,h4,.headline,.page-hero-title,.prow-name,blockquote{text-wrap:balance;hyphens:none}
p,li,.lead,.sub,.page-hero-desc,.prow-body,figcaption,dd{text-wrap:pretty;hyphens:none;overflow-wrap:break-word}

/* ---------- type system: Sora headings, Inter text and UI, Playfair only for the SIFT wordmark ---------- */
:root{--display:'Sora',sans-serif;--sans:'Inter',sans-serif}
body,button,input,textarea,select,.btn,.lang-btn,.step-eyebrow,.nav-back{font-family:'Inter',sans-serif}
h1,h2,h3,h4,.page-hero-title,.prow-name,.step-title{font-family:'Sora',sans-serif}
.nav-logo .wm,.footer-logo .wm,.gold-text,.logo-wm{font-family:'Playfair Display',serif!important}

/* =====================================================================
   Tour pages (Argus, Lynx, Collab): full-screen snap tour, no top bar, one exit button.
   Palette comes from html[data-pal] (a = Oltremare, b = Viola, c = Antracite e arancio),
   deliberately different from the green of the rest of the site.
   ===================================================================== */
html[data-pal=a]{--p-ink:#0B1B3F;--p-dim:#44527A;--p-faint:#6B789C;--p-line:#D5DFF5;--p-line2:#BCCBEE;--p-accent:#2748E8;--p-accent-soft:rgba(39,72,232,.10);--p-fluo:#FFD23F;--p-fluo-rgb:255,210,63;--p-bg0:#F6F9FF;--p-t0:#F0F5FF;--p-t1:#E4EDFF;--p-t2:#CBDBFF;--p-t3:#B8CDFB;--p-d1:#0B1B3F;--p-d2:#14307A;--p-d3:#102560;--p-dline:#2A4796;--p-dline2:#3D5CB0;--p-dtext:#F6F9FF;--p-ddim:#C8D6F5;--p-dfaint:#8FA5D6;--p-dacc:#FFD23F;--p-grad:linear-gradient(95deg,#2748E8,#5B7BFF)}
html[data-pal=b]{--p-ink:#1E1245;--p-dim:#5A4D86;--p-faint:#7C70A6;--p-line:#E1D8F7;--p-line2:#CDBFF0;--p-accent:#6A3DF0;--p-accent-soft:rgba(106,61,240,.10);--p-fluo:#FF7AB8;--p-fluo-rgb:255,122,184;--p-bg0:#FAF7FF;--p-t0:#F3EEFF;--p-t1:#EAE2FF;--p-t2:#D9CCFF;--p-t3:#C7B5FB;--p-d1:#1E1245;--p-d2:#3A2290;--p-d3:#2B1A6B;--p-dline:#4B35A8;--p-dline2:#6149C4;--p-dtext:#FAF7FF;--p-ddim:#D9CEF7;--p-dfaint:#A797DB;--p-dacc:#FF9AC9;--p-grad:linear-gradient(95deg,#6A3DF0,#B04DFF)}
html[data-pal=c]{--p-ink:#1B1B1F;--p-dim:#55555C;--p-faint:#77777E;--p-line:#E3E1DC;--p-line2:#CFCCC5;--p-accent:#D9480F;--p-accent-soft:rgba(217,72,15,.10);--p-fluo:#FF7A2F;--p-fluo-rgb:255,122,47;--p-bg0:#F7F6F3;--p-t0:#FFFFFF;--p-t1:#EFEDE8;--p-t2:#E2DFD8;--p-t3:#D6D2C9;--p-d1:#1B1B1F;--p-d2:#2C2C33;--p-d3:#232329;--p-dline:#3F3F48;--p-dline2:#55555F;--p-dtext:#F7F6F3;--p-ddim:#D4D2CC;--p-dfaint:#9C9A94;--p-dacc:#FF9A5C;--p-grad:linear-gradient(95deg,#D9480F,#FF8A3D)}
html:not([data-pal]){--p-ink:#0B1B3F;--p-dim:#44527A;--p-faint:#6B789C;--p-line:#D5DFF5;--p-line2:#BCCBEE;--p-accent:#2748E8;--p-accent-soft:rgba(39,72,232,.10);--p-fluo:#FFD23F;--p-fluo-rgb:255,210,63;--p-bg0:#F6F9FF;--p-t0:#F0F5FF;--p-t1:#E4EDFF;--p-t2:#CBDBFF;--p-t3:#B8CDFB;--p-d1:#0B1B3F;--p-d2:#14307A;--p-d3:#102560;--p-dline:#2A4796;--p-dline2:#3D5CB0;--p-dtext:#F6F9FF;--p-ddim:#C8D6F5;--p-dfaint:#8FA5D6;--p-dacc:#FFD23F;--p-grad:linear-gradient(95deg,#2748E8,#5B7BFF)}
body:has(#tour){
  --bg:var(--p-bg0);--card:#FFFFFF;--panel:var(--p-t0);--text:var(--p-ink);--text-dim:var(--p-dim);--text-faint:var(--p-faint);
  --border:var(--p-line);--border-strong:var(--p-line2);--accent:var(--p-accent);--accent-dim:var(--p-accent);--accent-bright:var(--p-accent);--accent-soft:var(--p-accent-soft);
  --ok:var(--p-accent);--signal:var(--p-accent);--gold:var(--p-accent);--gold-dim:var(--p-accent);color-scheme:light;
  background:var(--p-bg0)!important;color:var(--p-ink)}
body:has(#tour) .tour{background:var(--p-bg0)}
body:has(#tour) .nav{display:none!important}
body:has(#tour) .slide{background:var(--p-bg0);overflow:hidden;padding-top:48px}
body:has(#tour) #s1{background:radial-gradient(48% 70% at 88% 12%,rgba(var(--p-fluo-rgb),.35),rgba(var(--p-fluo-rgb),0) 70%),radial-gradient(40% 60% at 6% 100%,var(--p-t1),transparent 70%),var(--p-bg0)}
body:has(#tour) #s2,body:has(#tour) #s5{background:linear-gradient(135deg,var(--p-t1) 0%,var(--p-t2) 100%)}
body:has(#tour) #s3{background:linear-gradient(180deg,#FFFFFF,var(--p-t0))}
body:has(#tour) #s4{background:linear-gradient(135deg,#FFFFFF 0%,var(--p-t1) 100%)}
body:has(#tour) .cta-slide{background:radial-gradient(50% 80% at 50% 0%,rgba(var(--p-fluo-rgb),.45),rgba(var(--p-fluo-rgb),0) 75%),linear-gradient(180deg,var(--p-t1),var(--p-t3))}
body:has(#tour) h1.headline{letter-spacing:-.04em;font-weight:600}
body:has(#tour) h2.headline{letter-spacing:-.03em;font-weight:600}
body:has(#tour) .headline{color:var(--p-ink)!important}
body:has(#tour) .headline .accent{background:var(--p-grad)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
body:has(#tour) .step-eyebrow{color:var(--p-accent)!important}
body:has(#tour) .btn-primary{background:var(--p-fluo)!important;color:var(--p-ink)!important}
body:has(#tour) .btn-outline{border-color:var(--p-accent)!important;color:var(--p-ink)!important;background:transparent}
body:has(#tour) .progress .d{background:var(--p-line2)}body:has(#tour) .progress .d.active{background:var(--p-accent)}
body:has(#tour) .screen{
  --bg:var(--p-d1);--card:var(--p-d2);--panel:var(--p-d3);--text:var(--p-dtext);--text-dim:var(--p-ddim);--text-faint:var(--p-dfaint);--border:var(--p-dline);--border-strong:var(--p-dline2);
  --accent:var(--p-dacc);--accent-dim:var(--p-dacc);--accent-bright:var(--p-dacc);--accent-soft:rgba(var(--p-fluo-rgb),.14);--ok:var(--p-dacc);--signal:var(--p-dacc);--gold:var(--p-dacc);--gold-dim:var(--p-dacc);color:var(--p-dtext);
  background:linear-gradient(165deg,var(--p-d2),var(--p-d1))!important;border:1px solid var(--p-dline)!important;border-radius:28px!important;box-shadow:0 30px 70px -30px rgba(0,0,0,.55)!important;overflow:hidden}
/* single exit button, no top bar */
.tour-exit{position:fixed;top:18px;left:20px;z-index:95;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--p-line2);color:var(--p-ink);font:600 13px 'Inter',sans-serif;backdrop-filter:blur(8px);text-decoration:none;transition:background .2s,border-color .2s}
.tour-exit:hover{background:var(--p-fluo);border-color:var(--p-fluo)}

/* ---------- tour polish ---------- */
body:has(#tour) .sk{display:inline-block;width:1.7em;height:.42em;border-radius:99px;background:currentColor;opacity:.3;vertical-align:middle}
body:has(#tour) .avatar{background:var(--p-dacc)!important;color:var(--p-d1)!important}
body:has(#tour) .avatar:nth-of-type(n){opacity:1}
body:has(#tour) .prow-item:nth-of-type(2) .avatar{filter:saturate(.8) brightness(.92)}
body:has(#tour) .prow-item:nth-of-type(3) .avatar{filter:saturate(.6) brightness(.82)}
body:has(#tour) .step-eyebrow{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;background:var(--p-accent-soft);text-transform:none!important;letter-spacing:.01em!important;font:600 13px 'Inter',sans-serif!important;margin-bottom:18px}
body:has(#tour) #s1 .step-eyebrow{margin-bottom:22px}
body:has(#tour) h1.headline{font-size:clamp(44px,6.4vw,88px);line-height:1.02}
body:has(#tour) h2.headline{font-size:clamp(30px,3.6vw,50px);line-height:1.06}
body:has(#tour) .sub{font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:520px}
body:has(#tour) #s1 .sub{max-width:640px!important}
body:has(#tour) .takeaways{margin-top:26px;gap:12px}
body:has(#tour) .takeaways li{font-size:15.5px;color:var(--p-dim)}
body:has(#tour) .takeaways li::before{color:var(--p-accent)}
body:has(#tour) .duo{grid-template-columns:.78fr 1.22fr;gap:clamp(36px,5vw,76px)}
body:has(#tour) .btn{padding:15px 30px;font-size:14px}
body:has(#tour) #s1::after{content:"";position:absolute;inset:0;background:radial-gradient(var(--p-line2) 1.2px,transparent 1.3px) 0 0/30px 30px;-webkit-mask-image:radial-gradient(60% 60% at 50% 45%,#000,transparent 80%);mask-image:radial-gradient(60% 60% at 50% 45%,#000,transparent 80%);opacity:.55;pointer-events:none}
body:has(#tour) #s1 .container{z-index:1}
body:has(#tour) .screen{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;transform:perspective(1600px) rotateY(-5deg) rotateX(1deg);transform-origin:left center;box-shadow:0 40px 80px -30px rgba(11,27,63,.55),0 0 0 6px rgba(255,255,255,.55)!important}
body:has(#tour) #s3 .screen,body:has(#tour) #s5 .screen{transform:perspective(1600px) rotateY(5deg) rotateX(1deg);transform-origin:right center}
body:has(#tour) .screen:hover{transform:none}
body:has(#tour) :focus-visible{outline:3px solid var(--p-accent);outline-offset:3px;border-radius:12px}
@media(max-width:900px){body:has(#tour) .screen,body:has(#tour) #s3 .screen,body:has(#tour) #s5 .screen{transform:none}body:has(#tour) .duo{grid-template-columns:1fr}.tour-exit{top:12px;left:12px;padding:8px 14px}}
@media(prefers-reduced-motion:reduce){body:has(#tour) .screen{transition:none;transform:none!important}}
body:has(#tour) .slide .container{max-width:1320px}
body:has(#tour) #s1 .container{max-width:1000px!important}
@media(min-width:901px){body:has(#tour) .duo{grid-template-columns:.9fr 1.1fr}}
body:has(#tour) h1.headline{font-size:clamp(42px,5.6vw,76px)}
body:has(#tour) .slide .container{max-width:1240px;padding-left:72px;padding-right:96px}
@media(max-width:900px){body:has(#tour) .slide .container{padding-left:24px;padding-right:24px}}
body:has(#tour) .co-avatar{background:var(--p-dacc)!important;color:var(--p-d1)!important}
body:has(#tour) .co-avatar:nth-of-type(2n){filter:saturate(.75) brightness(.9)}

/* tour su mobile: scorrimento normale, niente snap obbligatorio */
@media(max-width:900px){
 html:has(#tour),body:has(#tour){height:auto!important;overflow:auto!important}
 body:has(#tour) #tour{height:auto!important;overflow:visible!important;scroll-snap-type:none!important}
 body:has(#tour) .slide{min-height:0!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;overflow:visible!important;padding:72px 0 48px!important}
 body:has(#tour) #progress{display:none!important}
}
body:has(#tour) #progress .d{border:0;padding:0;cursor:pointer}
.tour-lang{position:fixed;top:18px;right:20px;z-index:95;display:flex;gap:2px;padding:4px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--p-line)}
.tour-lang .lang-btn{border:0;background:transparent;font:700 11px/1 var(--sans);padding:7px 11px;border-radius:999px;color:var(--p-dim);cursor:pointer}
.tour-lang .lang-btn.active{background:var(--p-ink);color:#fff}
.tour-foot{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;padding:26px 24px 8px;font-size:13px;color:var(--p-dim)}
.tour-foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.tour-lang{top:12px;right:12px}}

/* mockup dei tour: niente inclinazione 3D */
body:has(#tour) .screen,body:has(#tour) #s3 .screen,body:has(#tour) #s5 .screen{transform:none!important;transition:none}

/* fasce verdi: menu e tasti menta dentro uno spazio verde (stesso raggio del report, 14px) */
body:not(:has(#tour)) .nav{background:linear-gradient(#F7FCFA 82%,rgba(247,252,250,0))!important;backdrop-filter:none;border-bottom:0!important;padding:32px 0 12px}
body:not(:has(#tour)) .nav-inner{background:#0A5143;border:6px solid var(--frame);border-radius:14px;min-height:88px;padding:0 20px 0 36px}
body:not(:has(#tour)) .nav-logo,body:not(:has(#tour)) .nav-logo *{color:#F7FCFA!important}
body:not(:has(#tour)) .nav-link{color:#DDF3EC!important}body:not(:has(#tour)) .nav-link:hover,body:not(:has(#tour)) .nav-link.active{color:#fff!important}
body:not(:has(#tour)) .lang-toggle{border-color:#1F6757}body:not(:has(#tour)) .lang-btn{color:#9FD2C3!important}body:not(:has(#tour)) .lang-btn.active{background:#F7FCFA!important;color:#0A5143!important}
body:not(:has(#tour)) .nav-hamburger span{background:#F7FCFA!important}
.pg-products .page-hero,.pg-contact .page-hero,.pg-privacy .page-hero{margin-top:148px}
.pg-contact .contact-card{background:#0A5143;border:6px solid var(--frame);color:#F7FCFA;border-radius:14px;box-shadow:none}
.pg-contact .contact-card h3,.pg-contact .contact-card p,.pg-contact .contact-card .contact-card-h{color:#F7FCFA!important}
.pg-contact .contact-card .btn-outline{border-color:#86D3BA!important;color:#F7FCFA!important}
@media(max-width:860px){
  body:not(:has(#tour)) .nav{padding:20px 0 10px}
  body:not(:has(#tour)) .nav-inner{min-height:68px;border-width:4px;padding:0 16px 0 22px}
  .mobile-panel{top:106px}
  .pg-products .page-hero,.pg-contact .page-hero,.pg-privacy .page-hero{margin-top:112px}
}
body:has(#tour) .sub,body:has(#tour) .headline{text-wrap:balance}
/* about: "Con chi stai lavorando" / "Cosa non facciamo" in due box in evidenza */
.pg-about .who-cols{gap:24px;margin-top:48px;align-items:stretch}
.pg-about .who-cols>div{border-radius:18px;padding:44px 44px 48px;position:relative;overflow:hidden}
.pg-about .who-cols>div:first-child{background:#0A5143;color:#F7FCFA}
.pg-about .who-cols>div:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#8CF0CC,#3FE0A9)}
.pg-about .who-cols>div:last-child{border:1px solid rgba(0,61,50,.18);background:#fff}
.pg-about .who-cols h4{font:600 clamp(26px,2.6vw,34px)/1.1 var(--display);letter-spacing:-.03em;margin-bottom:16px;color:var(--ink)}
.pg-about .who-cols>div:first-child h4{color:#F7FCFA}
.pg-about .who-cols p{font-size:17px;line-height:1.6;font-weight:400;color:var(--ink-dim)}
.pg-about .who-cols>div:first-child p{color:#DDF3EC}
@media(max-width:760px){.pg-about .who-cols>div{padding:32px 26px 36px}}
/* tasto menta sempre dentro una fascia verde */
.btn-band{display:inline-flex;background:#0A5143;border:6px solid var(--frame);border-radius:14px;padding:16px 22px;max-width:100%}
.pg-about .cta-actions .btn-band,.pg-products .cta-inner .btn-band{background:#0A5143}
@media(max-width:600px){.btn-band{padding:12px 14px;border-width:4px}}

/* footer unificato con la home */
.site-foot{background:#003D32;color:#86D3BA;font-size:14px;border-top:0}
.site-foot .foot{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:48px;padding:64px 32px 48px;max-width:1200px;margin:0 auto;align-items:start}
.site-foot .f-logo{display:inline-flex;align-items:center;gap:10px;font:600 22px 'Playfair Display',serif;letter-spacing:-.01em;color:#F7FCFA!important;text-decoration:none;min-height:44px}
.site-foot .f-logo svg{width:26px;height:26px}
.site-foot .f-logo .wm{display:inline-block;line-height:1;transform:translateY(-.06em);color:#F7FCFA!important}
.site-foot .f-li{display:inline-flex;align-items:center;gap:10px;margin-top:18px;min-height:44px;padding:0 18px 0 14px;border:1px solid #1F6757;border-radius:999px;color:#F7FCFA;text-decoration:none;font-size:14px;font-weight:500}
.site-foot .f-li svg{width:18px;height:18px}
.site-foot .f-li:hover{border-color:#5CF2B4;color:#fff}
.site-foot .f-brand p{margin-top:12px;max-width:22em;color:#86D3BA;line-height:1.6}
.site-foot .f-col{display:flex;flex-direction:column;align-items:flex-start;padding:0}
.site-foot .f-col h2{font:600 15px 'Sora',sans-serif;color:#F7FCFA;margin-bottom:10px}
.site-foot .f-col a{color:#D2F1E5;text-decoration:none;padding:9px 0;min-height:44px;display:inline-flex;align-items:center}
.site-foot .f-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.site-foot .f-col span{padding:9px 0;color:#86D3BA}
.site-foot .f-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 32px 20px;max-width:1200px;margin:0 auto;font-size:13px;position:relative}
.site-foot .f-bottom:before{content:"";position:absolute;left:32px;right:32px;top:0;border-top:1px solid #1F6757}
.site-foot .f-bottom>*{padding-top:12px}
.site-foot .lang2{display:flex;gap:4px}
body:not(:has(#tour)) .site-foot .lang2 .lang-btn{background:none!important;color:#86D3BA!important;padding:12px 10px;cursor:pointer;border-radius:0}
body:not(:has(#tour)) .site-foot .lang2 .lang-btn.active{background:none!important;color:#F7FCFA!important;font-weight:600}
@media(max-width:820px){.site-foot .foot{grid-template-columns:1fr 1fr;gap:32px;padding-top:48px}.site-foot .f-brand{grid-column:1/-1}}
@media(max-width:480px){.site-foot .foot{grid-template-columns:1fr}.site-foot .foot,.site-foot .f-bottom{padding-left:20px;padding-right:20px}.site-foot .f-bottom:before{left:20px;right:20px}}
svg.ic{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.125em}

/* ===== telefono ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,summary,[role=button],.lang-btn{touch-action:manipulation}
@media(max-width:860px){
  body:not(:has(#tour)) .nav-inner{width:calc(100% - 32px);margin-left:auto;margin-right:auto}
  /* three bars drawn in place, no opacity fade: the open state is a clean X on iOS too */
  body:not(:has(#tour)) .nav-hamburger{display:block;position:relative;flex:none;width:44px;height:44px;padding:0;margin-right:-4px}
  body:not(:has(#tour)) .nav-hamburger span{position:absolute;left:11px;top:21px;width:22px;height:1.5px;border-radius:1px;transition:none}
  body:not(:has(#tour)) .nav-hamburger span:nth-child(1){transform:translateY(-6.5px)}
  body:not(:has(#tour)) .nav-hamburger span:nth-child(3){transform:translateY(6.5px)}
  body:not(:has(#tour)) .nav-hamburger.open span:nth-child(1){transform:rotate(45deg)}
  body:not(:has(#tour)) .nav-hamburger.open span:nth-child(2){display:none}
  body:not(:has(#tour)) .nav-hamburger.open span:nth-child(3){transform:rotate(-45deg)}
  body:not(:has(#tour)) .mobile-panel{top:98px;left:16px;right:16px;background:#0A5143!important;border:4px solid var(--frame);border-radius:14px;padding:10px 22px 22px;gap:0;box-shadow:0 18px 40px rgba(0,40,32,.3)!important}
  body:not(:has(#tour)) .mobile-panel .nav-link{color:#F7FCFA!important;font-size:16px;min-height:48px;display:flex;align-items:center}
  body:not(:has(#tour)) .mobile-panel .lang-toggle{align-self:flex-start;margin:8px 0 16px}
  body:not(:has(#tour)) .mobile-panel .lang-btn{padding:11px 16px}
}
@media(max-width:760px){
  p,li,dd,figcaption,.lead,.section-lead,.hero-body,.page-hero-desc,.pcard-desc,.prow-body,.engine p,.gcard p,.who-cols p,.takeaways li{text-wrap:wrap!important}
  body:where(:not(:has(#tour))) .container{padding-left:20px;padding-right:20px}
  body:not(:has(#tour)) .nav-inner{width:calc(100% - 40px)}
  body:not(:has(#tour)) .mobile-panel{left:20px;right:20px}
  .pg-products .page-hero .container,.pg-contact .page-hero .container,.pg-privacy .page-hero .container,.pg-products #lynx .container,.pg-about .method .container{padding-left:16px;padding-right:16px}
  .hero-title em,.h2 em,.page-hero-title em,.headline .accent,h3 em{line-height:inherit!important}
  .tl-content h3{line-height:1.25}
  .gcard h4{font-size:16px}.gcard p{font-size:14px;line-height:1.6}
  .pg-about .method .h2{font-size:clamp(26px,7.2vw,34px)}
  .cdetail-val{display:inline-block;padding:10px 0}
  .cmock{padding:20px 16px}
  .prow-grid>*{min-width:0}
  .ov-grid,.stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ov-cell .l{overflow-wrap:anywhere}
  .exec-cols{grid-template-columns:1fr;gap:12px}
  .exec-col p{font-size:12px}
  .company-grid,.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cal-grid,.cmock-cal{grid-template-columns:repeat(7,minmax(0,1fr))}
  .tour-exit{min-height:44px;padding:0 16px}
  .tour-lang{padding:3px}
  .tour-lang .lang-btn{min-width:44px;min-height:40px;padding:0 12px;font-size:12px}
  .tour-foot{gap:0 6px}
  .tour-foot a{display:inline-block;padding:13px 8px}
}
@media(max-width:560px){
  body:has(#tour) h1.headline{font-size:clamp(32px,10.4vw,44px)}
  body:has(#tour) .prow-item{display:grid;grid-template-columns:26px auto auto 1fr;column-gap:8px;row-gap:8px;align-items:center}
  body:has(#tour) .prow-item>.avatar{grid-column:1;grid-row:1}
  body:has(#tour) .prow-item>div:not(.avatar){grid-column:2/-1;grid-row:1}
  body:has(#tour) .prow-item>.tag{grid-row:2;justify-self:start}
  body:has(#tour) .prow-item>.tag:nth-of-type(1){grid-column:2}
  body:has(#tour) .prow-item>.tag:nth-of-type(2){grid-column:3}
  body:has(#tour) .prow-item .tag-medium{margin-left:0}
  body:has(#tour) .co-card{padding:7px 6px;gap:6px}body:has(#tour) .co-domain{letter-spacing:-.02em}
}
@media(max-width:860px){
  .nav-logo{padding:8px 0}
  .site-foot .f-col a{min-width:44px}
  body:not(:has(#tour)) .site-foot .lang2 .lang-btn{padding:13px 15px}
  .site-foot .lang2{margin-right:-15px}
}
@media(max-width:520px){
  .cal-cell .ev,.cmock-cell .ev{font-size:0;line-height:0;height:7px;padding:0;border-radius:4px;margin-top:5px;overflow:hidden}
}
@media(max-width:420px){.intel-tab{padding:14px 4px;letter-spacing:.04em;min-width:0}}
@media(max-width:400px){.page-hero-title{font-size:clamp(32px,9.6vw,40px)}}

/* =====================================================================
   Pagine interne su telefono (Chi siamo, Prodotti, Contatti): stesso linguaggio della home.
   Titolo di pagina 34-50px, titoli di sezione 30-42px, testo 15-17px in peso normale,
   passaggi con cifre sottili e linee, garanzie e prezzi in righe compatte,
   tasti menta a tutta larghezza dentro la fascia verde.
   ===================================================================== */
.prow-cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
@media(max-width:760px){
  /* titoli e testi: gli stessi valori della home */
  body.pg-about .page-hero-title,body.pg-products .page-hero-title,body.pg-contact .page-hero-title{font-size:clamp(34px,10vw,50px)!important;line-height:1.04!important;letter-spacing:-.03em!important;padding-bottom:0}
  body.pg-about .h2,body.pg-about .cta-title,body.pg-products .h2{font-size:clamp(30px,8.6vw,42px);line-height:1.06!important;letter-spacing:-.03em;padding-bottom:0}
  body.pg-about :is(.section-lead,.tl-content p,.gcard p,.price-card p,.price-note),
  body.pg-products :is(.prow-body,.prow-feat-list li,.hero-chip-desc,.intel-body),
  body.pg-contact :is(.page-hero-desc,.contact-body,.process-mini-row){font-weight:400}
  body.pg-about .section-lead,body.pg-products .section-lead{font-size:16px;line-height:1.6;margin-top:16px;max-width:none}
  body.pg-about .section:not(.method) .section-lead{color:var(--ink-dim)}

  /* tasti menta: fascia verde a tutta larghezza, come nella testata della home */
  .btn-band{display:flex;width:100%}
  .btn-band .btn{flex:1;justify-content:center;min-height:52px;padding:0 20px;font-size:16px}

  /* ---------- Chi siamo ---------- */
  .pg-about .page-hero{padding:124px 0 0}
  .pg-about .page-hero-inner{gap:0}
  body.pg-about .section{padding-block:60px}
  .pg-about .page-hero+.section{padding-top:40px}
  .pg-about .eyebrow{margin-bottom:14px;letter-spacing:.2em}
  body.pg-about .who-h2{font-size:clamp(24px,6.9vw,28px);line-height:1.1!important}
  body.pg-about .who-h2 em{display:block!important;margin-top:6px}
  .pg-about .who-cols{margin-top:32px!important}
  /* il metodo: scheda verde con quattro passaggi, cifra sottile + etichetta sulla prima riga */
  body.pg-about .method{padding-block:44px 8px}
  .pg-about .method .h2{font-size:clamp(30px,8.6vw,42px)}
  .pg-about .timeline{margin-top:24px}
  .pg-about .tl-step{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:24px 0}
  .pg-about .tl-step:last-child{border-bottom:0;padding-bottom:20px}
  .pg-about .tl-content{display:contents}
  .pg-about .tl-n{grid-column:1;grid-row:1;width:auto;height:auto;border:0!important;border-radius:0;justify-content:flex-start;font:300 36px/1 var(--display);letter-spacing:-.02em}
  .pg-about .tl-tag{grid-column:2;grid-row:1;justify-self:start;margin:0;padding:5px 11px;font-size:11px}
  .pg-about .tl-content h3{grid-column:1/-1;grid-row:2;margin:16px 0 8px;font-size:21px;line-height:1.2}
  .pg-about .tl-content p{grid-column:1/-1;grid-row:3;font-size:15.5px;line-height:1.6;max-width:none}
  /* garanzie e prezzi: icona + titolo sulla prima riga, testo sotto a tutta larghezza */
  .pg-about .guarantees-grid{margin-top:26px}
  .pg-about .gcard{display:grid;grid-template-columns:24px 1fr;column-gap:14px;row-gap:8px;align-items:center;padding:20px 20px 22px}
  .pg-about .gcard-ic{grid-column:1;grid-row:1;width:24px;height:24px;display:flex;align-items:center;font-size:22px}
  .pg-about .gcard h4{grid-column:2;grid-row:1;font-size:17px;line-height:1.25}
  .pg-about .gcard p{grid-column:1/-1;grid-row:2;font-size:15px;line-height:1.6}
  .pg-about .price-grid{margin-top:26px;gap:12px}
  .pg-about .price-card{display:grid;grid-template-columns:40px 1fr;column-gap:14px;row-gap:12px;align-items:center;padding:20px 20px 22px}
  .pg-about .price-ic{grid-column:1;grid-row:1;width:40px;height:40px;margin:0;font-size:20px}
  .pg-about .price-card h4{grid-column:2;grid-row:1;margin:0;font-size:17px;line-height:1.25}
  .pg-about .price-card p{grid-column:1/-1;grid-row:2;font-size:15px;line-height:1.6}
  .pg-about .price-note{margin-top:12px;padding:14px 16px;font-size:14px}
  .pg-about .cta{padding:48px 0 56px}
  .pg-about .cta-inner{border-radius:28px;padding:40px 22px 22px;gap:26px}
  .pg-about .cta-title{max-width:none}

  /* ---------- Prodotti ---------- */
  .pg-products .page-hero{padding:44px 0 30px}
  .pg-products .page-hero-inner{gap:26px}
  .pg-products .hero-chips{gap:12px}
  .pg-products .hero-chip{display:grid;grid-template-columns:40px 1fr;column-gap:14px;row-gap:0;align-items:center;padding:18px 18px 14px}
  .pg-products .hero-chip-ic{grid-column:1;grid-row:1/span 2;margin:0;width:40px;height:40px;font-size:20px}
  .pg-products .hero-chip-name{grid-column:2;grid-row:1;font-size:26px;line-height:1.1}
  .pg-products .hero-chip-sub{grid-column:2;grid-row:2;font-size:14px;margin-top:2px}
  .pg-products .hero-chip-desc{grid-column:1/-1;font-size:15px;line-height:1.5;margin-top:12px}
  .pg-products .hero-chip-go{grid-column:1/-1;margin-top:12px;padding-top:12px;font-size:13px}
  body.pg-products .prow{padding-block:52px}
  body.pg-products #lynx{padding-block:44px}
  .pg-products .prow-grid{gap:28px}
  body.pg-products .prow-name{font-size:clamp(34px,9.6vw,40px)!important;line-height:1.05;padding:0;margin-bottom:12px}
  .pg-products .prow-tag{margin-bottom:10px}
  .pg-products .prow-body{font-size:16px;line-height:1.6;max-width:none;margin-bottom:18px}
  .pg-products .prow-feat-list{gap:9px;margin-bottom:22px}
  .pg-products .prow-feat-list li{font-size:15px;line-height:1.45;padding-left:20px}
  .pg-products .prow-feat-list li::before{top:8px}
  .prow-cta{flex-direction:column;align-items:stretch;gap:12px}
  .pg-products .link-more{justify-content:center;min-height:52px;padding:0 20px;font-size:15px}
  .pg-products .c-avail{display:flex;align-items:flex-start;border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.45;margin-bottom:18px}
  .pg-products .c-avail svg.ic{flex:none;margin-top:2px}
  .pg-products #lynx .prow-grid>.prow-panel{order:2!important}
  .pg-products #lynx .prow-grid>div:not(.prow-panel){order:1!important}
  .pg-products .prow-panel{padding:22px 20px}
  .pg-products .prow-panel-label{margin-bottom:12px}
  .pg-products .prow-row{padding:12px 0}
  .pg-products .prow-row-name{font-size:14.5px}
  .pg-products .prow-row-tag{font-size:12px}
  .pg-products .prow-score{font-size:22px}
  body.pg-products #sample{padding-block:56px}
  .pg-products .subbrief-head{gap:12px;margin-bottom:20px}
  .pg-products .subbrief-badge{border-radius:14px;letter-spacing:.08em;line-height:1.5;padding:9px 14px;font-size:11px}
  .pg-products .subbrief-head h3{font-size:26px;line-height:1.15;letter-spacing:-.02em}
  .pg-products .intel-pane{padding:22px 20px}

  /* ---------- Contatti ---------- */
  .pg-contact .page-hero{padding:44px 0 34px}
  .pg-contact .page-hero-inner{gap:16px}
  .pg-contact .page-hero-desc{font-size:16px;line-height:1.6}
  body.pg-contact .section{padding-block:48px 56px}
  .pg-contact .contact-grid{gap:32px;margin-top:0}
  body.pg-contact .contact-tagline{font-size:clamp(27px,7.6vw,32px);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin-bottom:14px}
  .pg-contact .contact-body{font-size:16px;line-height:1.6;margin-bottom:20px}
  .pg-contact .cdetails{gap:0;margin-bottom:24px;border-top:1px solid var(--border)}
  .pg-contact .cdetails>div{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:12px;align-items:center;padding:2px 0;border-bottom:1px solid var(--border)}
  .pg-contact .cdetail-label{margin:0;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink-dim)}
  .pg-contact .cdetail-val{font-size:14.5px}
  .pg-contact .process-mini{padding:20px 18px}
  .pg-contact .process-mini-title{margin-bottom:8px}
  .pg-contact .process-mini-row{font-size:14.5px;line-height:1.45;padding:10px 0}
  .pg-contact .contact-card{border-width:4px}
  .pg-contact .cform-note{font-size:13px}
}
@media(max-width:374px){.pg-about .tl-tag{grid-column:1/-1;grid-row:2;margin-top:10px}.pg-about .tl-content h3{grid-row:3;margin-top:12px}.pg-about .tl-content p{grid-row:4}}
@media(max-width:374px){.pg-contact .cdetails>div{grid-template-columns:minmax(0,1fr);padding:10px 0 0}.pg-contact .cdetail-val{padding:10px 0}}
/* tour: stesso margine laterale del resto del sito su telefono */
@media(max-width:760px){body:has(#tour) .slide .container{padding-left:20px;padding-right:20px}}

/* =====================================================================
   Schede prodotto (ARGUS, LYNX, COLLAB) su telefono: stesso linguaggio delle altre pagine.
   Barra alta con uscita e lingua che non copre il testo, tutto allineato a sinistra,
   un solo tasto per schermata, riquadri con le colonne che respirano.
   ===================================================================== */
@media(max-width:760px){
  /* barra alta: uscita e lingua stanno su una fascia, non galleggiano sul testo */
  body:has(#tour)::before{content:"";position:fixed;top:0;left:0;right:0;height:64px;z-index:94;background:rgba(255,255,255,.92);background:color-mix(in srgb,var(--p-bg0) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--p-line)}
  .tour-exit{top:10px;left:20px;background:#fff}
  .tour-lang{top:8px;right:20px;background:#fff}

  /* prima schermata: allineata a sinistra, un solo tasto a tutta larghezza */
  body:has(#tour) #s1{padding:92px 0 44px!important}
  body:has(#tour) #s1 .container{text-align:left!important}
  body:has(#tour) #s1 .step-eyebrow{justify-content:flex-start!important;margin-bottom:18px}
  body:has(#tour) h1.headline{font-size:clamp(34px,10vw,46px);line-height:1.04;letter-spacing:-.035em}
  body:has(#tour) #s1 .sub{margin:16px 0 0!important;max-width:36em!important}
  body:has(#tour) #s1 .container>div:last-child{flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:12px!important;margin-top:26px!important}
  body:has(#tour) #s1 .btn-outline,body:has(#tour) .scroll-hint{display:none}
  body:has(#tour) .btn{min-height:52px;justify-content:center;padding:0 22px;font-size:16px}

  /* schermate del tour: ritmo e testi come le pagine interne */
  body:has(#tour) .slide{padding:52px 0 56px!important}
  body:has(#tour) .duo{gap:26px}
  body:has(#tour) h2.headline{font-size:clamp(30px,8.4vw,38px);line-height:1.07;letter-spacing:-.032em}
  body:has(#tour) .step-eyebrow{margin-bottom:16px}
  body:has(#tour) .sub{font-size:16px;line-height:1.6;margin-top:14px;max-width:36em}
  body:has(#tour) .takeaways{margin-top:20px;gap:10px}
  body:has(#tour) .takeaways li{font-size:15px;line-height:1.45}

  /* ultima schermata: a sinistra, tasti uguali e a tutta larghezza */
  body:has(#tour) .cta-slide{text-align:left}
  body:has(#tour) .cta-slide .step-eyebrow{justify-content:flex-start!important}
  body:has(#tour) .cta-slide .container>div{flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:12px!important;margin-top:26px!important}
  body:has(#tour) .cta-note{font-size:13px;line-height:1.5;margin-top:16px}
  body:has(#tour) .tour-foot{justify-content:flex-start;padding:30px 12px 0;font-size:14px}

  /* riquadri del prodotto */
  body:has(#tour) .screen{border-radius:22px!important}
  body:has(#tour) .screen-body{padding:16px}
  body:has(#tour) .ov-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  body:has(#tour) .ov-cell:nth-child(-n+3){grid-column:span 2}
  body:has(#tour) .ov-cell:nth-child(n+4){grid-column:span 3}
  body:has(#tour) .lead-row{display:grid;grid-template-columns:auto 38px minmax(0,1fr);grid-template-areas:"rank gauge main" ". . tag";column-gap:10px;row-gap:8px;align-items:start;padding:12px}
  body:has(#tour) .lead-row .rank{grid-area:rank;width:auto;padding-top:11px}
  body:has(#tour) .lead-row .gauge{grid-area:gauge}
  body:has(#tour) .lead-row>div:nth-of-type(2){grid-area:main;min-width:0}
  body:has(#tour) .lead-row .tag{grid-area:tag;justify-self:start}
  body:has(#tour) .case-cols{grid-template-columns:1fr;gap:16px}
  body:has(#tour) .notes-mock{grid-template-columns:1fr;min-height:0}
  body:has(#tour) .notes-side{border-right:0;border-bottom:1px solid var(--border);padding:14px 16px}
  body:has(#tour) .notes-main{flex-direction:row;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;text-align:left}
  body:has(#tour) .notes-main svg.ic{display:none}
  body:has(#tour) :is(h1,h2).headline{text-wrap:balance}
  /* testi dentro i riquadri un filo più grandi: leggibili da telefono */
  body:has(#tour) .screen :is(.stat-label,.prow-domain,.arc-meta,.lead-why,.board-meta,.owner-row,.list-card.dashed,.stake-desc,.brief-hl,.notes-main p,.notes-btn,.files-search,.dropzone,.cal-chip){font-size:12px}
  body:has(#tour) .screen :is(.prow-name,.arc-title,.lead-name,.co-name,.case-row,.stake-name,.folder-row,.note-row,.folder-card .fn){font-size:12.5px}
  body:has(#tour) .screen .crit-box>div:last-child{font-size:12.5px!important}
}
/* tour: schermi molto stretti, le etichette dei numeri del report non vanno a capo a metà parola */
@media(max-width:339px){body:has(#tour) .ov-cell{padding-inline:0}body:has(#tour) .ov-cell .l{font-size:10px;letter-spacing:0}}

/* contatti: l'azione sta nella prima schermata (tasto menta nella fascia verde, indirizzo in chiaro, alternative per chi non ha un'app di posta) */
.pg-contact .hero-contact{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:6px}
.pg-contact .hero-addr{margin:0;font-size:17px;font-weight:500;line-height:1.3;letter-spacing:.005em;color:#DDF3EC;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
.pg-contact .hero-alt{display:flex;flex-wrap:wrap;gap:10px}
.pg-contact .alt-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #3A8571;border-radius:999px;background:transparent;color:#DDF3EC;font:600 13.5px/1 'Inter',sans-serif;white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .45s cubic-bezier(.22,1,.36,1),background 200ms,border-color 200ms,color 200ms}
.pg-contact .alt-chip:hover{background:rgba(111,235,189,.12);border-color:#6FEBBD;color:#fff}
.pg-contact .alt-chip:focus-visible{outline:2px solid #6FEBBD;outline-offset:2px}
.pg-contact .alt-chip.done{border-color:#6FEBBD;color:#6FEBBD}
@media(max-width:760px){
  .pg-contact .hero-contact{width:100%;gap:14px;margin-top:10px}
  .pg-contact .hero-addr{font-size:16px}
  .pg-contact .hero-alt{gap:8px}
  .pg-contact .alt-chip{padding:0 14px;font-size:13px}
}
/* pagine interne: il tasto "Prenota una call" resta visibile in alto anche su telefono e tablet, come nella home */
@media(max-width:860px){
  body:not(:has(#tour)) .nav-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:0 20px;font-size:14px;line-height:1;white-space:nowrap!important;margin-left:auto;margin-right:6px}
  /* il tasto ora sta nella barra: nel menu aperto non si ripete */
  body:not(:has(#tour)) .mobile-panel .btn{display:none}
  body:not(:has(#tour)) .mobile-panel .lang-toggle{margin-bottom:2px}
}
@media(max-width:760px){body:not(:has(#tour)) .nav-inner{padding:0 10px 0 18px}}
@media(max-width:360px){body:not(:has(#tour)) .nav-inner{padding:0 6px 0 14px}body:not(:has(#tour)) .nav-cta{padding:0 12px;font-size:13px}body:not(:has(#tour)) .nav-logo{font-size:18px;gap:6px}}
@media(max-width:339px){body:not(:has(#tour)) .nav-inner{padding:0 4px 0 12px}body:not(:has(#tour)) .nav-cta{padding:0 10px;font-size:12px;margin-right:2px}body:not(:has(#tour)) .nav-logo{font-size:17px;gap:5px}}