/* ═══════════════════════════════════════════════════════
   ARyze — style.css
   Shared stylesheet for all pages
   ═══════════════════════════════════════════════════════ */

/* ── BASE & VARIABLES ── */
:root {
      --teal:      #00B5A3;
      --teal-dark: #008F80;
      --teal-light:#E8F8F6;
      --ink:       #0D1F1D;
      --ink-mid:   #1A2E2C;
      --ink-soft:  #243635;
      --muted:     #5A7270;
      --border-dark: rgba(0,181,163,0.15);
      --border-light: rgba(0,181,163,0.2);
      --white:     #FFFFFF;
      --off-white: #F7FAFA;
      --text-dark: #0D1F1D;
      --surface-dark: rgba(255,255,255,0.04);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    html{scroll-behavior:smooth;scroll-padding-top:72px;}
    body{font-family:'DM Sans',sans-serif;background:var(--ink);color:var(--white);overflow-x:hidden;font-feature-settings:'ss01' 0;}

/* ── NAV ── */
/* ── NAV (white) ── */
    nav{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 48px;background:#fff;border-bottom:1px solid rgba(0,181,163,0.15);box-shadow:0 1px 20px rgba(0,0,0,0.06);}
    .nav-logo img{height:32px;display:block;}
    .nav-segments{display:flex;gap:4px;background:rgba(0,181,163,0.08);border:1px solid rgba(0,181,163,0.2);border-radius:100px;padding:4px;}
    .nav-segments a{text-decoration:none;font-family:'Clash Display',sans-serif;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:7px 18px;border-radius:100px;color:var(--muted);transition:all .2s;}
    .nav-segments a:hover{color:var(--ink);background:rgba(0,181,163,0.12);}
    .nav-segments a.active{background:var(--teal);color:#fff;}
    .nav-right{display:flex;align-items:center;gap:16px;justify-content:flex-end;}
    .lang-toggle{display:flex;gap:2px;font-family:'Clash Display',sans-serif;font-size:12px;font-weight:700;}
    .lang-toggle a{padding:4px 8px;border-radius:4px;text-decoration:none;color:var(--muted);transition:color .2s;}
    .lang-toggle a.active{color:var(--teal);}
    .lang-toggle a:hover{color:var(--ink);}
    .nav-cta{font-family:'Clash Display',sans-serif;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:9px 22px;background:var(--teal);color:#fff;border-radius:100px;text-decoration:none;transition:all .2s;}
    .nav-cta:hover{background:var(--teal-dark);}

/* ── ANIMATIONS ── */
/* ── ANIMATIONS ── */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(30px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    .hero-eyebrow { animation: fadeUp 0.6s ease both; }
    .hero h1      { animation: fadeUp 0.6s 0.1s ease both; }
    .hero p       { animation: fadeUp 0.6s 0.2s ease both; }
    .segment-cards{ animation: fadeUp 0.6s 0.35s ease both; }

/* ── LANG TOGGLE ── */
/* ── LANG TOGGLE ── */
    .lang-toggle {
      display: flex;
      gap: 2px;
      font-family: 'Clash Display', sans-serif;
      font-size: 12px;
      font-weight: 700;
    }
    .lang-toggle a {
      padding: 4px 8px;
      border-radius: 4px;
      text-decoration: none;
      color: rgba(255,255,255,0.4);
      transition: color 0.2s;
    }
    .lang-toggle a.active { color: var(--teal); } .lang-toggle a { color: #5A7270; }
    .lang-toggle a:hover  { color: var(--white); }

    @media (max-width: 768px) {
      nav { padding: 16px 20px; }
      .nav-segments { display: none; }
      .hero { padding: 100px 24px 60px; }
      .segment-cards { grid-template-columns: 1fr; gap: 16px; }
      footer { padding: 32px 24px; flex-direction: column; text-align: center; }
    }
  
    
    .footer-logo-wrap img{height:26px;display:block;margin-bottom:6px;}
    
    
    
    .footer-jv a{color:#5A7270;text-decoration:none;transition:color .2s;}
    .footer-jv a:hover{color:#00B5A3;}
    
    
    .footer-links a{color:#5A7270;text-decoration:underline;}
    .footer-links span{color:#C0D0CF;}
    
    
    .partner-logo:hover{opacity:1;}
    
    
    @media(max-width:768px){
      footer{grid-template-columns:1fr;text-align:center;padding:28px 24px;}
      
    }

/* ── SECTIONS COMMON ── */
/* ── SECTIONS ── */
    section{padding:80px 48px;}
    .inner{max-width:960px;margin:0 auto;}
    .section-label{font-family:'Clash Display',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;}
    .section-title{font-family:'Clash Display',sans-serif;font-size:clamp(24px,2.6vw,38px);font-weight:800;line-height:1.15;letter-spacing:-.02em;max-width:640px;margin-bottom:14px;}
    .section-sub{font-size:16px;font-weight:300;line-height:1.7;color:rgba(255,255,255,.55);max-width:520px;margin-bottom:48px;}

/* ── PROBLEMA ── */
/* ── PROBLEMA ── */
    .problema{background:var(--ink-mid);border-top:1px solid var(--border-dark);border-bottom:1px solid var(--border-dark);}
    .pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
    .pain-card{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:14px;padding:28px 24px;transition:border-color .25s;}
    .pain-card:hover{border-color:rgba(0,181,163,.4);}
    .pain-icon{width:52px;height:52px;margin-bottom:20px;}
    .pain-card h3{font-family:'Clash Display',sans-serif;font-size:15px;font-weight:700;margin-bottom:10px;line-height:1.3;}
    .pain-card p{font-size:13px;font-weight:300;line-height:1.7;color:rgba(255,255,255,.52);}

/* ── SOLUZIONE ── */
/* ── SOLUZIONE (vertical compact list) ── */
    .soluzione{background:var(--ink);}
    .feature-list{display:flex;flex-direction:column;gap:0;}
    .feature-item{display:grid;grid-template-columns:56px 1fr;gap:24px;align-items:start;padding:28px 0;border-bottom:1px solid var(--border-dark);}
    .feature-item:last-child{border-bottom:none;}
    .feature-num-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:4px;}
    .feature-num{font-family:'Clash Display',sans-serif;font-size:11px;font-weight:700;color:var(--teal);letter-spacing:.1em;}
    .feature-icon-sm{width:52px;height:52px;}
    .feature-body h3{font-family:'Clash Display',sans-serif;font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.25;}
    .feature-body p{font-size:14px;font-weight:300;line-height:1.75;color:rgba(255,255,255,.6);max-width:600px;}

/* ── TARGET ── */
/* ── TARGET ── */
    .target{background:var(--ink-mid);border-top:1px solid var(--border-dark);}
    .target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
    .target-card{border:1px solid var(--border-dark);border-radius:14px;padding:28px 24px;transition:all .25s;}
    .target-card:hover{background:var(--surface-dark);border-color:var(--teal);}
    .target-icon{width:48px;height:48px;margin-bottom:18px;}
    .target-card h3{font-family:'Clash Display',sans-serif;font-size:15px;font-weight:700;margin-bottom:8px;}
    .target-card p{font-size:13px;font-weight:300;line-height:1.65;color:rgba(255,255,255,.5);}

/* ── PIANI ── */
/* ── PIANI ── */
    .piani{background:var(--ink);}
    .piani-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
    .piano-card{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;}
    .piano-card.featured{background:rgba(0,181,163,.07);border-color:var(--teal);}
    .piano-name{font-family:'Clash Display',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:6px;}
    .piano-card h3{font-family:'Clash Display',sans-serif;font-size:20px;font-weight:800;margin-bottom:20px;}
    .piano-features{list-style:none;margin-bottom:28px;flex:1;}
    .piano-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:300;line-height:1.55;color:rgba(255,255,255,.65);margin-bottom:9px;}
    .piano-features li::before{content:'';display:block;width:16px;height:16px;min-width:16px;margin-top:1px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%2300B5A3' stroke-opacity='0.35'/%3E%3Cpath d='M5 8L7 10L11 6' stroke='%2300B5A3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;}
    .btn-outline{display:block;text-align:center;font-family:'Clash Display',sans-serif;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:12px 20px;border:1px solid var(--teal);border-radius:100px;color:var(--teal);text-decoration:none;transition:all .2s;margin-top:auto;}
    .btn-outline:hover,.piano-card.featured .btn-outline{background:var(--teal);color:#fff;}

/* ── CREDIBILITÀ ── */
/* ── CREDIBILITÀ ── */
    .credibilita{background:var(--ink-mid);border-top:1px solid var(--border-dark);}
    .cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;}
    .cred-card{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:14px;padding:28px;}
    .cred-card .co-name{font-family:'Clash Display',sans-serif;font-size:15px;font-weight:700;color:var(--teal);margin-bottom:8px;}
    .cred-card p{font-size:13px;font-weight:300;line-height:1.65;color:rgba(255,255,255,.5);}

/* ── FORM ── */
/* ── FORM ── */
    .form-section{background:var(--ink);border-top:1px solid var(--border-dark);scroll-margin-top:80px;}
    .form-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:start;}
    .form-intro h2{font-family:'Clash Display',sans-serif;font-size:clamp(24px,2.6vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px;}
    .form-intro h2 span{color:var(--teal);}
    .form-intro p{font-size:15px;font-weight:300;line-height:1.7;color:rgba(255,255,255,.55);margin-bottom:28px;}
    .form-promise{display:flex;flex-direction:column;gap:12px;}
    .promise-item{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.6);}
    .promise-dot{width:7px;height:7px;min-width:7px;background:var(--teal);border-radius:50%;}
    .contact-form{background:rgba(255,255,255,.03);border:1px solid var(--border-dark);border-radius:20px;padding:36px 32px;}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
    .form-group{margin-bottom:14px;}
    .form-group label{display:block;font-family:'Clash Display',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:6px;}
    .form-group input,.form-group select,.form-group textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:11px 14px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:300;color:#fff;outline:none;transition:border-color .2s;appearance:none;}
    .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal);background:rgba(0,181,163,.05);}
    .form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.22);}
    .form-group select option{background:#1a2e2d;color:#fff;}
    .form-group textarea{resize:vertical;min-height:88px;}
    .form-submit{width:100%;font-family:'Clash Display',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:14px;background:var(--teal);color:#fff;border:none;border-radius:100px;cursor:pointer;transition:all .2s;margin-top:6px;}
    .form-submit:hover{background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,181,163,.3);}
    .form-privacy{font-size:11px;color:rgba(255,255,255,.25);line-height:1.6;margin-top:12px;text-align:center;}
    .form-privacy a{color:rgba(255,255,255,.38);}

/* ── SEGMENT CARDS (index pages) ── */
/* ── SEGMENT CARDS ── */
    .segment-cards {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      max-width: 860px;
      width: 100%;
      position: relative;
      z-index: 1;
    }

    .seg-card {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(0,181,163,0.2);
      border-radius: 20px;
      padding: 40px 36px;
      text-decoration: none;
      color: var(--white);
      transition: all 0.3s ease;
      text-align: left;
      position: relative;
      overflow: hidden;
    }

    .seg-card::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(0,181,163,0.08) 0%, transparent 60%);
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .seg-card:hover {
      border-color: var(--teal);
      transform: translateY(-4px);
      box-shadow: 0 24px 60px rgba(0,181,163,0.15);
    }

    .seg-card:hover::before { opacity: 1; }

    .seg-icon {
      width: 52px;
      height: 52px;
      margin-bottom: 24px;
    }

    .seg-card h2 {
      font-family: 'Clash Display', sans-serif;
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 12px;
      line-height: 1.2;
    }

    .seg-card p {
      font-size: 15px;
      font-weight: 300;
      line-height: 1.65;
      color: rgba(255,255,255,0.6);
      margin-bottom: 28px;
    }

    .seg-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: 'Clash Display', sans-serif;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--teal);
    }

    .seg-link svg { transition: transform 0.2s ease; }
    .seg-card:hover .seg-link svg { transform: translateX(4px); }

/* ── FOOTER ── */
/* ── FOOTER UNIFIED ── */
    footer{background:#fff;padding:32px 48px;border-top:1px solid rgba(0,181,163,0.15);display:grid;grid-template-columns:180px 1fr 200px;align-items:center;gap:32px;}
    .footer-col{}
    .footer-brand{}
    .footer-aryze-logo{height:28px;display:block;margin-bottom:8px;}
    .footer-copy{font-size:11px;color:#5A7270;}
    .footer-center{text-align:center;}
    .footer-jv{font-size:12px;color:#5A7270;margin-bottom:6px;line-height:1.7;}
    .footer-jv a{color:#5A7270;text-decoration:none;transition:color .2s;}
    .footer-jv a:hover{color:#00B5A3;}
    .footer-jv strong{font-weight:600;}
    .footer-eu{font-size:11px;color:#96ADAB;line-height:1.65;margin-bottom:8px;}
    .footer-links{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;}
    .footer-links a{color:#5A7270;text-decoration:underline;}
    .footer-links a:hover{color:#00B5A3;}
    .footer-links span{color:#C5D5D3;}
    .footer-logos{display:flex;align-items:center;justify-content:flex-end;gap:20px;}
    .footer-partner-logo{display:block;transition:opacity .2s;}
    .footer-partner-logo:hover{opacity:.8;}
    .levery-footer{height:32px;filter:brightness(0);}
    .exvirience-footer{height:40px;filter:none;}
    @media(max-width:900px){
      footer{grid-template-columns:1fr;text-align:center;padding:28px 24px;gap:20px;}
      .footer-logos{justify-content:center;}
    }
    .cred-logo-wrap{margin-bottom:20px;}
    .cred-logo{display:block;transition:opacity .2s;}
    .cred-logo:hover{opacity:.85;}
    .levery-cred{height:88px;filter:none;}
    .exvirience-cred{height:56px;filter:brightness(10);}
    .cred-card .co-name a{color:var(--teal);text-decoration:none;}
    .cred-card .co-name a:hover{text-decoration:underline;}

/* ── FORM THANK YOU ── */
.form-thanks{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;}
.form-thanks svg{opacity:.9;}
.form-thanks h3{font-family:'Clash Display',sans-serif;font-size:22px;font-weight:700;color:var(--white);}
.form-thanks p{font-size:15px;font-weight:300;color:rgba(255,255,255,.6);line-height:1.7;}

/* ── FORM ERROR ── */
.form-error{display:none;text-align:center;padding:20px;background:rgba(255,80,80,.08);border:1px solid rgba(255,80,80,.2);border-radius:12px;color:rgba(255,120,120,.9);font-size:14px;font-weight:300;margin-bottom:16px;}
[data-fs-success]{display:none;}
[data-fs-error]{display:none;}