/* ===== TRVSystem — Palette: Navy #061E36 + Orange #F26522 ===== */

:root{
 --cream:#f4f6f9;
 --panna:#ffffff;
 --beige:#e4e9f0;
 --sand:#d0d8e4;
 --sand-light:#e8edf4;
 --ink:#0d1117;
 --ink-med:#1a2332;
 --ink-light:#4a5568;
 --ink-faint:#8b9cb5;
 --ocra:#F26522;
 --ocra-soft:#ff8c5a;
 --terracotta:#F26522;
 --terracotta-soft:#ff8c5a;
 --navy-warm:#061E36;
 --navy-warm-light:#0a2d4d;
 --sage:#52B788;
 --radius:16px;
 --radius-lg:20px;
 --shadow:0 2px 12px rgba(6,30,54,0.07);
 --shadow-hover:0 8px 32px rgba(6,30,54,0.13);
 --transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
 --transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);
 /* Aliases for backward compatibility */
 --primary:#061E36;
 --primary-light:#0a2d4d;
 --accent:#F26522;
 --accent-soft:#ff8c5a;
 --sky:#F26522;
 --sky-light:#ff8c5a;
 --border:#d0d8e4;
 --border-light:#e8edf4;
 --white:#ffffff;
}

*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

body{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 color:var(--ink);
 background:var(--panna);
 line-height:1.65;
 -webkit-font-smoothing:antialiased;
}

body.menu-open{overflow:hidden}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline:3px solid rgba(242,101,34,.45);
 outline-offset:3px;
}
button,input,select,textarea{font:inherit}
[hidden]{display:none!important}

h1,h2,h3,h4{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-weight:700;
 line-height:1.25;
}

.container{max-width:1080px;margin:0 auto;padding:0 1.5rem}

/* ===== HEADER ===== */
.header{
 background:var(--navy-warm);
 position:sticky;
 top:0;
 z-index:100;
}
.top-bar{
 background:var(--panna);
 border-bottom:1px solid var(--sand);
 font-size:0.8125rem;
 padding:0.35rem 0;
}
.top-bar-inner{
 max-width:1080px;
 margin:0 auto;
 padding:0 1.5rem;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:2rem;
 flex-wrap:wrap;
}
.top-item{
 display:flex;
 align-items:center;
 gap:0.35rem;
 color:var(--ink-light);
 font-size:0.8125rem;
}
.top-item svg{
 width:14px;
 height:14px;
 stroke:var(--terracotta);
 stroke-width:2;
 fill:none;
}
.header-inner{
 display:flex;
 align-items:center;
 justify-content:space-between;
 height:72px;
}
.logo{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:1.4rem;
 font-weight:700;
 color:#fff;
 letter-spacing:-0.02em;
 text-decoration:none;
}
.logo span{
 color:#fff;
 font-weight:800;
}
.logo::before{
 content:'';
 display:inline-block;
 width:4px;
 height:22px;
 background:var(--terracotta);
 border-radius:2px;
 margin-right:0.5rem;
 vertical-align:middle;
}

/* Nav */
.nav{display:flex;align-items:center;gap:2.5rem}
.nav a{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:0.9375rem;
 font-weight:500;
 color:#fff;
 text-decoration:none;
 transition:color 0.2s;
}
.nav a:hover{color:var(--terracotta)}
.nav a.active{color:var(--terracotta);font-weight:600}
.cta-nav{
 background:var(--terracotta);
 color:#fff!important;
 padding:0.55rem 1.3rem;
 border-radius:10px;
 font-weight:600;
 font-style:normal;
 font-family:Inter,sans-serif;
 font-size:0.8125rem;
 transition:all 0.3s;
}
.cta-nav:hover{background:var(--terracotta);color:#fff!important}

/* Dropdown */
.nav-item{position:relative}
.dropdown{
 position:absolute;
 top:calc(100% + 0.5rem);
 left:0;
 background:var(--panna);
 border:1px solid var(--sand);
 border-radius:12px;
 padding:0.5rem;
 min-width:200px;
 box-shadow:var(--shadow-hover);
 opacity:0;
 visibility:hidden;
 transform:translateY(-5px);
 transition:all 0.25s ease;
 z-index:100;
}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{
 display:block;
 padding:0.5rem 0.75rem;
 border-radius:8px;
 font-family:Inter,sans-serif;
 font-style:normal;
 font-size:0.8125rem;
 color:var(--ink);
}
.dropdown a:hover{background:var(--beige);color:var(--terracotta)!important}

/* Mobile toggle */
.mobile-toggle{
 display:none;
 background:none;
 border:none;
 cursor:pointer;
 padding:0.5rem;
}
.mobile-toggle span{
 display:block;
 width:24px;
 height:2px;
 background:#fff;
 margin:5px 0;
 transition:0.3s;
 border-radius:1px;
}
.mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== HERO ===== */
.hero{padding:5rem 0 3rem;position:relative}
.hero-grid{
 display:grid;
 grid-template-columns:1.1fr 0.9fr;
 gap:3rem;
 align-items:center;
}
.hero-label{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:0.6875rem;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:0.15em;
 color:var(--ink-faint);
 margin-bottom:2rem;
 display:block;
}
.hero h1{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:clamp(2.1rem,4.2vw,3.4rem);
 color:var(--ink);
 line-height:1.15;
 margin-bottom:1.25rem;
 font-weight:800;
}
.hero h1 span,
.hero h1 em{
 color:var(--terracotta);
}
.hero-desc{
 font-size:1.0625rem;
 color:var(--ink-light);
 line-height:1.75;
 margin-bottom:1.75rem;
 max-width:520px;
}

/* Hero card */
.hero-card{
 background:var(--beige);
 border:1px solid var(--sand);
 border-radius:var(--radius-lg);
 padding:2rem;
 position:relative;
}
.hero-card::before{
 content:'';
 position:absolute;
 top:0;
 left:2rem;
 right:2rem;
 height:2px;
 background:linear-gradient(90deg,transparent,var(--ocra),transparent);
 opacity:0.5;
}
.card-glow{
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:2px;
 background:linear-gradient(90deg,var(--terracotta),var(--ocra),var(--sage));
 border-radius:var(--radius-lg) var(--radius-lg) 0 0;
 opacity:0.4;
}
.card-head{
 display:flex;
 justify-content:space-between;
 align-items:center;
 margin-bottom:1.5rem;
 padding-bottom:0.75rem;
 border-bottom:1px solid var(--sand);
 position:relative;
 z-index:1;
}
.card-title{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:0.75rem;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:0.15em;
 color:var(--ink-faint);
}
.card-dots{display:flex;gap:8px}
.dot{width:10px;height:10px;border-radius:50%}
.d-r{background:var(--terracotta)}
.d-y{background:var(--ocra)}
.d-g{background:var(--sage)}

/* Step */
.step{display:flex;gap:1rem;padding:0.75rem 0;border-bottom:1px solid var(--sand);position:relative;z-index:1}
.step:last-child{border-bottom:none}
.s-num{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:1.25rem;
 font-weight:700;
 color:var(--ocra);
 line-height:1;
 flex-shrink:0;
 width:36px;
}
.s-title{font-size:0.875rem;font-weight:700;color:var(--ink);margin-bottom:2px;font-family:Inter,sans-serif}
.s-desc{font-size:0.8125rem;color:var(--ink-light)}

/* Buttons */
.btn{
 display:inline-flex;
 align-items:center;
 gap:0.5rem;
 padding:0.875rem 1.75rem;
 border-radius:12px;
 font-weight:600;
 font-size:0.9375rem;
 transition:all 0.3s;
 border:none;
 cursor:pointer;
 text-decoration:none;
 font-family:Inter,sans-serif;
}
.btn-primary{
 background:var(--navy-warm);
 color:var(--cream);
}
.btn-primary:hover{background:var(--terracotta);color:#fff}
.btn-secondary{
 background:transparent;
 color:var(--ink);
 border:1.5px solid var(--sand);
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
}
.btn-secondary:hover{border-color:var(--terracotta);color:var(--terracotta)}
.btn-group{
 display:flex;
 flex-wrap:wrap;
 gap:0.875rem;
 margin-bottom:1.25rem;
}

.hero-note{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:0.8125rem;
 color:var(--ink-faint);
 
}

/* ===== STATS BAR ===== */
.stats-bar{
 background:var(--cream);
 border:1px solid var(--sand);
 border-radius:var(--radius);
 padding:2rem 2.5rem;
 display:flex;
 justify-content:center;
 gap:4rem;
 margin-top:2rem;
}
.stat{text-align:center}
.stat-number{
 font-family:'Inter',sans-serif;
 font-size:1.375rem;
 font-weight:800;
 color:var(--ink);
 line-height:1.25;
}
.stat-number span{
 color:var(--terracotta);
 font-size:0.9375rem;
 font-weight:700;
}
.stat-label{
 font-family:'Inter',sans-serif;
 font-size:0.6875rem;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:0.1em;
 color:var(--ink-faint);
 margin-top:0.75rem;
 line-height:1.5;
}
.stat-divider{
 width:1px;
 background:var(--sand);
 align-self:stretch;
}

/* ===== SECTIONS ===== */
.section{padding:4rem 0}
.section-alt{background:var(--cream)}
.sec-head{
 text-align:center;
 max-width:600px;
 margin:0 auto 3rem;
}
.section-label{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:0.625rem;
 text-transform:uppercase;
 letter-spacing:0.25em;
 color:var(--ink-faint);
 margin-bottom:1.5rem;
 display:block;
 
}
.sec-head h2,
.section-header h2{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:clamp(1.6rem,3.2vw,2.25rem);
 color:var(--ink);
 margin-bottom:0.75rem;
 
}
.section-header{text-align:center;max-width:600px;margin:0 auto 3rem}
.sec-head p,
.section-header p{
 color:var(--ink-light);
 font-size:0.9375rem;
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 
}

/* Label dot */
.label{display:inline-flex;align-items:center;gap:0.5rem}
.label-dot{
 width:7px;
 height:7px;
 background:var(--terracotta);
 border-radius:50%;
 display:inline-block;
 animation:pulse 2.5s infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(0.8)}}

/* ===== PROBLEM / SOLUTION ===== */
.two-col{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:2rem;
 max-width:920px;
 margin:0 auto;
}

.card-problem{
 background:var(--panna);
 border:1px solid var(--sand);
 border-top:3px solid var(--terracotta);
 border-radius:0 0 var(--radius) var(--radius);
 padding:2rem;
}
.card-solution{
 background:var(--navy-warm);
 border-radius:var(--radius);
 padding:2rem;
 color:var(--cream);
 position:relative;
 overflow:hidden;
}
.card-solution::before{
 content:'';
 position:absolute;
 top:-20px;
 right:-20px;
 width:120px;
 height:120px;
 background:rgba(225,112,85,0.08);
 border-radius:50%;
 filter:blur(30px);
}
.card-solution::after{
 content:'';
 position:absolute;
 bottom:-30px;
 left:-30px;
 width:100px;
 height:100px;
 background:rgba(82,183,136,0.06);
 border-radius:50%;
 filter:blur(25px);
}
.card-problem h3,
.card-solution h3{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:1rem;
 font-weight:400;
 
 margin-bottom:1.5rem;
}
.card-problem h3{color:var(--terracotta)}
.card-solution h3{color:var(--sage)}

/* Card list */
.card-list{list-style:none}
.card-list li{
 display:flex;
 align-items:flex-start;
 gap:0.75rem;
 padding:0.75rem 0;
 font-size:0.875rem;
 border-bottom:1px solid var(--sand);
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
}
.card-list li:last-child{border-bottom:none}
.card-problem .card-list li{color:var(--ink-light)}
.card-problem .card-list li::before{content:'\2014 ';color:var(--terracotta);flex-shrink:0}
.card-solution .card-list li{
 color:rgba(245,240,235,0.85);
 border-bottom-color:rgba(255,255,255,0.06);
 position:relative;
 z-index:1;
}
.card-solution .card-list li::before{content:'+ ';color:var(--sage);flex-shrink:0}

/* ===== SERVICE GRID ===== */
.service-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:1.5rem;
}
.service-card{
 background:var(--white);
 border:1.5px solid var(--sand);
 border-radius:var(--radius-lg);
 padding:2.25rem;
 transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
 text-decoration:none;
 color:inherit;
 display:block;
 position:relative;
 overflow:hidden;
 box-shadow:0 2px 12px rgba(12,36,97,0.04);
}
.service-card:hover{
 border-color:var(--accent-soft);
 transform:translateY(-8px);
 box-shadow:0 20px 60px rgba(12,36,97,0.12);
}
.service-card::before{
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:4px;
 background:linear-gradient(90deg,var(--accent),var(--sky),var(--sage));
 opacity:0;
 transition:var(--transition);
 border-radius:var(--radius) var(--radius) 0 0;
}
.service-card:hover::before{opacity:1}
.service-icon{
 width:52px;
 height:52px;
 border-radius:16px;
 display:flex;
 align-items:center;
 justify-content:center;
 margin-bottom:1.25rem;
 font-size:1.5rem;
}
.service-icon.c1{background:linear-gradient(135deg,#fff0eb,#ffe0d4);color:var(--terracotta)}
.service-icon.c2{background:linear-gradient(135deg,#e8f4fd,#d0e8fb);color:#2B7FB9}
.service-icon.c3{background:linear-gradient(135deg,#e8f8f2,#d0f0e3);color:var(--sage)}
.service-icon.c4{background:linear-gradient(135deg,#f0ecf8,#e0d6f0);color:#8B6D9E}
.service-icon.c5{background:linear-gradient(135deg,#fef8e8,#fcecd0);color:var(--ocra)}
.service-icon.c6{background:linear-gradient(135deg,#ffe8ec,#ffd0d8);color:#D4726A}

/* Realistic 3D icon images inside service icon wrapper */
.service-icon img{
 width:36px;
 height:36px;
 object-fit:contain;
 filter:drop-shadow(0 2px 4px rgba(44,36,32,0.1));
}

.service-card h3{
 font-size:1.05rem;
 color:var(--ink);
 margin-bottom:0.5rem;
 font-weight:700;
 font-family:Inter,sans-serif;
}
.service-card p{
 font-size:0.8125rem;
 color:var(--ink-light);
 margin-bottom:1rem;
 line-height:1.55;
}
.service-link{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:0.8125rem;
 color:var(--terracotta);
 
 text-decoration:none;
}
.service-card:hover .service-link{text-decoration:underline}

/* ===== STEPS ===== */
.steps-row{
 display:flex;
 justify-content:center;
 gap:3rem;
 max-width:850px;
 margin:0 auto;
 position:relative;
}
.steps-row::before{
 content:'';
 position:absolute;
 top:30px;
 left:15%;
 right:15%;
 height:2px;
 background:linear-gradient(90deg,var(--terracotta),var(--ocra),var(--sage));
 opacity:0.2;
 border-radius:2px;
}
.step-item{
 flex:1;
 text-align:center;
 position:relative;
 z-index:1;
}
.step-circle{
 width:60px;
 height:60px;
 border-radius:50%;
 background:linear-gradient(135deg,var(--navy-warm),var(--navy-warm-light));
 display:flex;
 align-items:center;
 justify-content:center;
 margin:0 auto 1.25rem;
 font-size:1.125rem;
 font-weight:800;
 color:var(--cream);
 font-family:Inter,sans-serif;
 box-shadow:0 4px 16px rgba(12,36,97,0.18);
}
.step-item h4{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:1rem;
 color:var(--ink);
 margin-bottom:0.4rem;
 
}
.step-item p{font-size:0.8125rem;color:var(--ink-light)}

/* ===== ARTICLE GRID ===== */
.article-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:1.5rem;
}
.article-card{
 background:var(--panna);
 border:1px solid var(--sand);
 border-radius:var(--radius);
 overflow:hidden;
 transition:all 0.3s;
 display:block;
}
.article-card:hover{
 transform:translateY(-4px);
 box-shadow:var(--shadow-hover);
 border-color:var(--terracotta);
}
.article-card-img{
 background:var(--beige);
 padding:2rem;
 text-align:center;
 font-size:3rem;
 border-bottom:1px solid var(--sand);
}
.article-card-body{padding:1.25rem 1.5rem 1.5rem}
.cat{
 display:inline-block;
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:0.625rem;
 text-transform:uppercase;
 letter-spacing:0.15em;
 color:var(--terracotta);
 margin-bottom:0.5rem;
 
}
.article-card-body h3{
 font-size:1rem;
 color:var(--ink);
 margin-bottom:0.5rem;
 font-weight:600;
 font-family:Inter,sans-serif;
}
.article-card-body p{
 font-size:0.8125rem;
 color:var(--ink-light);
 margin-bottom:1rem;
}
.article-meta{
 display:flex;
 gap:1rem;
 font-size:0.6875rem;
 color:var(--ink-faint);
}

/* ===== FAQ ===== */
.faq-list{max-width:800px;margin:0 auto}
.faq-item{
 background:var(--panna);
 border:1px solid var(--sand);
 border-radius:var(--radius);
 padding:1.5rem;
 margin-bottom:1rem;
}
.faq-item h3{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:1rem;
 margin-bottom:0.75rem;
 color:var(--ink);
 
}
.faq-item p{
 font-size:0.9375rem;
 margin-bottom:0;
 color:var(--ink-light);
}

/* ===== CTA ===== */
.cta-section{
 background:var(--navy-warm);
 text-align:center;
 padding:5rem 0;
 position:relative;
 overflow:hidden;
}
.cta-section::before{
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:3px;
 background:linear-gradient(90deg,var(--terracotta),var(--ocra),var(--sage));
}
.cta-section::after{
 content:'';
 position:absolute;
 bottom:-80px;
 left:50%;
 transform:translateX(-50%);
 width:400px;
 height:400px;
 background:rgba(62,146,204,0.04);
 border-radius:50%;
 filter:blur(60px);
}
.cta-inner{
 position:relative;
 z-index:1;
 max-width:600px;
 margin:0 auto;
}
.cta-section h2{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:clamp(1.5rem,3vw,2rem);
 color:var(--cream);
 margin-bottom:1rem;
 
}
.cta-section p{
 color:rgba(245,240,235,0.55);
 margin-bottom:1.5rem;
 font-size:0.9375rem;
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 
}
.btn-cta{
 background:var(--terracotta);
 color:#fff;
 padding:1rem 2.5rem;
 border-radius:12px;
 font-weight:600;
 font-size:1rem;
 text-decoration:none;
 display:inline-flex;
 align-items:center;
 gap:0.5rem;
 transition:all 0.3s;
 border:none;
 cursor:pointer;
 font-family:Inter,sans-serif;
}
.btn-cta:hover{background:var(--ocra)}

/* ===== FORMS ===== */
.form-group{margin-bottom:1.5rem}
.form-label{
 display:block;
 font-size:0.8125rem;
 font-weight:600;
 color:var(--ink-light);
 margin-bottom:0.5rem;
 font-family:Inter,sans-serif;
}
.form-input{
 width:100%;
 padding:0.875rem 1rem;
 border:1.5px solid var(--sand);
 border-radius:12px;
 font-size:0.9375rem;
 background:var(--panna);
 color:var(--ink);
 font-family:Inter,sans-serif;
 transition:all 0.2s;
}
.form-input:focus{
 outline:none;
 border-color:var(--ocra);
 box-shadow:0 0 0 3px rgba(62,146,204,0.08);
}
textarea.form-input{resize:vertical;min-height:120px}
.checkbox{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.8125rem;color:var(--ink-light)}
.checkbox input{margin-top:3px}

/* ===== ALERT ===== */
.alert{
 padding:1.25rem 1.5rem;
 border-radius:var(--radius);
 background:var(--cream);
 border:1px solid var(--sand);
}
.alert p{font-size:0.9375rem;color:var(--ink-light);margin:0}
.alert a{color:var(--terracotta)}

/* ===== TABLE ===== */
table{
 width:100%;
 border-collapse:collapse;
 font-size:0.875rem;
}
th{
 background:var(--navy-warm);
 color:var(--cream);
 padding:0.75rem;
 text-align:left;
 font-weight:600;
 font-size:0.75rem;
 text-transform:uppercase;
 letter-spacing:0.05em;
}
td{
 padding:0.75rem;
 border-bottom:1px solid var(--sand);
 color:var(--ink-light);
}
tr:nth-child(even) td{background:var(--cream)}

/* ===== FOOTER ===== */
.footer{
 background:var(--cream);
 border-top:1px solid var(--sand);
 padding:3.5rem 0 1.5rem;
 font-size:0.8125rem;
 color:var(--ink-light);
 position:relative;
}
.footer .container{position:relative;z-index:1}
.milan-skyline{
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:55px;
 pointer-events:none;
 z-index:0;
 overflow:hidden;
}
.milan-skyline svg{
 width:100%;
 height:100%;
 display:block;
}
.footer-grid{
 display:grid;
 grid-template-columns:2fr 1fr 1fr 1.5fr;
 gap:2.5rem;
 margin-bottom:2.5rem;
}
.footer h4{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:0.6875rem;
 font-weight:400;
 text-transform:uppercase;
 letter-spacing:0.2em;
 color:var(--ink);
 margin-bottom:1rem;
 
}
.footer a{
 color:var(--ink-light);
 text-decoration:none;
 display:block;
 padding:0.15rem 0;
 font-size:0.8125rem;
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 
 transition:color 0.2s;
}
.footer a:hover{color:var(--terracotta)}
.footer p{
 font-size:0.8125rem;
 color:var(--ink-light);
 margin-bottom:0.2rem;
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 
}
.footer-brand{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:1.25rem;
 font-weight:700;
 color:var(--ink);
 margin-bottom:0.75rem;
 
}
.footer-brand span{color:var(--terracotta);font-style:normal}
.footer-bottom{
 border-top:1px solid var(--sand);
 padding-top:1.5rem;
 display:flex;
 justify-content:space-between;
 color:var(--ink-faint);
 font-size:0.6875rem;
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 position:relative;
}
.footer-bottom::before{
 content:'';
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:70px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 70' preserveAspectRatio='xMidYMax slice'%3E%3Cg fill='%234a6588' opacity='0.3'%3E%3Cpath d='M50 70 L55 45 L58 30 L60 25 L62 30 L65 45 L70 70 Z'/%3E%3Cpath d='M80 70 L82 55 L85 40 L88 35 L90 35 L92 40 L95 55 L98 70 Z'/%3E%3Cpath d='M110 70 L112 50 L115 35 L118 20 L120 15 L122 20 L125 35 L128 50 L130 70 Z'/%3E%3Cpath d='M160 70 L162 45 L165 30 L168 25 L170 25 L172 30 L175 45 L178 70 Z'/%3E%3Cpath d='M200 70 L200 50 L202 40 L205 35 L208 35 L210 40 L212 50 L212 70 Z'/%3E%3Cpath d='M230 70 L232 55 L235 45 L238 40 L240 40 L242 45 L245 55 L248 70 Z'/%3E%3Cpath d='M270 70 L270 25 L272 20 L275 15 L278 15 L280 20 L282 25 L282 70 Z'/%3E%3Cpath d='M300 70 L300 30 L302 25 L305 20 L310 20 L312 25 L314 30 L314 70 Z'/%3E%3Cpath d='M340 70 L340 45 L342 40 L345 35 L348 35 L350 40 L352 45 L352 70 Z'/%3E%3Cpath d='M370 70 L372 55 L375 45 L378 35 L380 30 L382 35 L385 45 L388 55 L390 70 Z'/%3E%3Cpath d='M420 70 L420 50 L422 40 L425 35 L428 35 L430 40 L432 50 L432 70 Z'/%3E%3Cpath d='M450 70 L452 55 L455 45 L458 40 L460 40 L462 45 L465 55 L468 70 Z'/%3E%3Cpath d='M490 70 L490 30 L492 25 L495 20 L498 20 L500 25 L502 30 L502 70 Z'/%3E%3Cpath d='M530 70 L530 40 L532 35 L535 30 L538 30 L540 35 L542 40 L542 70 Z'/%3E%3Cpath d='M570 70 L572 50 L575 40 L578 35 L580 35 L582 40 L585 50 L588 70 Z'/%3E%3Cpath d='M620 70 L620 45 L622 40 L625 35 L628 35 L630 40 L632 45 L632 70 Z'/%3E%3Cpath d='M660 70 L660 55 L662 50 L665 45 L668 45 L670 50 L672 55 L672 70 Z'/%3E%3Cpath d='M700 70 L700 35 L702 30 L705 25 L710 25 L712 30 L714 35 L714 70 Z'/%3E%3Cpath d='M740 70 L740 50 L742 45 L745 40 L748 40 L750 45 L752 50 L752 70 Z'/%3E%3Cpath d='M780 70 L782 55 L785 45 L788 40 L790 40 L792 45 L795 55 L798 70 Z'/%3E%3Cpath d='M820 70 L820 30 L822 25 L825 20 L828 20 L830 25 L832 30 L832 70 Z'/%3E%3Cpath d='M860 70 L860 45 L862 40 L865 35 L870 35 L872 40 L874 45 L874 70 Z'/%3E%3Cpath d='M900 70 L900 55 L902 50 L905 45 L908 45 L910 50 L912 55 L912 70 Z'/%3E%3Cpath d='M940 70 L940 40 L942 35 L945 30 L948 30 L950 35 L952 40 L952 70 Z'/%3E%3Cpath d='M980 70 L982 55 L985 45 L988 40 L990 40 L992 45 L995 55 L998 70 Z'/%3E%3Cpath d='M1020 70 L1020 35 L1022 30 L1025 25 L1028 25 L1030 30 L1032 35 L1032 70 Z'/%3E%3Cpath d='M1060 70 L1060 50 L1062 45 L1065 40 L1068 40 L1070 45 L1072 50 L1072 70 Z'/%3E%3Cpath d='M1100 70 L1102 55 L1105 45 L1108 40 L1110 40 L1112 45 L1115 55 L1118 70 Z'/%3E%3Cpath d='M1150 70 L1150 35 L1152 30 L1155 25 L1158 25 L1160 30 L1162 35 L1162 70 Z'/%3E%3C/g%3E%3C/svg%3E");
 background-repeat:repeat-x;
 background-position:bottom center;
 background-size:auto 70px;
 pointer-events:none;
 z-index:0;
}
.footer-bottom a{color:var(--ink-faint);text-decoration:none}
.footer-bottom a:hover{color:var(--terracotta)}

/* ===== BREADCRUMB ===== */
.breadcrumb{
 padding:1rem 0;
 font-size:0.75rem;
 color:var(--ink-faint);
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 
}
.breadcrumb a{color:var(--ink-light);text-decoration:none}
.breadcrumb a:hover{color:var(--terracotta)}
.breadcrumb span{margin:0 0.5rem;color:var(--sand)}

/* ===== 404 ===== */
.error-code{
 font-family:Inter,'Segoe UI',system-ui,sans-serif;
 font-size:6rem;
 color:var(--sand);
 line-height:1;
 
}

/* ===== PAGINE SERVIZIO: TIMELINE ===== */
.timeline{position:relative;max-width:800px;margin:0 auto;padding-left:40px}
.timeline::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent),var(--sky),var(--sage));border-radius:1px}

/* ===== STEP CARD ===== */
.step-card{position:relative;margin-bottom:3rem;background:var(--panna);border:1px solid var(--sand);border-radius:var(--radius);padding:2rem 2.5rem;box-shadow:var(--shadow);transition:all 0.35s}
.step-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}
.step-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--sky),var(--sage));border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:opacity 0.3s}
.step-card:hover::before{opacity:1}
.step-num-circle{position:absolute;left:-55px;top:2rem;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--navy-warm),var(--navy-warm-light));display:flex;align-items:center;justify-content:center;color:#fff;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:800;box-shadow:0 4px 16px rgba(12,36,97,0.2);z-index:2}
.step-num-circle.accent{background:linear-gradient(135deg,var(--accent),var(--accent-soft))}

.step-meta{background:var(--cream);border-radius:12px;padding:1.25rem}
.step-meta-title{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;color:var(--accent);margin-bottom:0.75rem;font-family:Inter,sans-serif}
.step-checklist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}
.step-checklist li{font-size:0.8125rem;color:var(--ink-light);padding:0.35rem 0;display:flex;align-items:center;gap:0.5rem}
.step-checklist li::before{content:'\2713';color:var(--sage);font-weight:700;flex-shrink:0}

/* ===== MODALITA ===== */
.modalita-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}
.modalita-card{background:var(--panna);border:2px solid var(--sand);border-radius:var(--radius);padding:1.75rem;text-align:center;transition:all 0.3s}
.modalita-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.modalita-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:1.5rem}
.modalita-icon.m1{background:linear-gradient(135deg,#e8f4fd,#d0e8fb);color:var(--ocra)}
.modalita-icon.m2{background:linear-gradient(135deg,#fff0eb,#ffe0d4);color:var(--accent)}

/* ===== TESTIMONIAL INLINE ===== */
.testi-inline{background:var(--cream);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:1.5rem 2rem;margin:2rem 0}
.testi-inline blockquote{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:1.05rem;color:var(--ink);margin:0 0 0.75rem;line-height:1.6}
.testi-inline cite{font-size:0.8125rem;font-style:normal;color:var(--ink-faint);font-weight:500}

/* ===== CTA BOX ===== */
.cta-box{background:linear-gradient(135deg,var(--navy-warm),var(--navy-warm-light));color:var(--cream);border-radius:var(--radius);padding:2.5rem;text-align:center;margin-top:2rem;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:rgba(225,112,85,0.08);border-radius:50%;filter:blur(30px)}
.cta-box h3{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:1.25rem;margin-bottom:0.5rem;}
.cta-box p{font-size:0.9375rem;opacity:0.75;margin-bottom:1.25rem;font-family:Inter,'Segoe UI',system-ui,sans-serif;}
.cta-box .btn{background:#fff;color:var(--navy-warm);font-weight:600}
.cta-box .btn:hover{background:var(--accent);color:#fff}

/* ===== SERVIZIO CARD (per pagine servizio) ===== */
.servizio-detail{max-width:800px;margin:0 auto}
.servizio-icon-big{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2rem}
.servizio-check{list-style:none;padding:0;margin:1.5rem 0}
.servizio-check li{display:flex;align-items:flex-start;gap:0.75rem;padding:0.6rem 0;font-size:0.9375rem;color:var(--ink-light);border-bottom:1px solid var(--sand-light)}
.servizio-check li:last-child{border-bottom:none}
.servizio-check li::before{content:'\2713';color:var(--sage);font-weight:700;flex-shrink:0}

/* ===== ALERT BOX ===== */
.alert-box{background:linear-gradient(135deg,#fff5f5,#ffe0e0);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:1.25rem 1.5rem;margin:1.5rem 0}
.alert-box p{margin:0;font-size:0.9375rem;color:var(--ink-light)}
.alert-box strong{color:var(--accent)}

/* ===== GRAFICA PREMIUM ===== */

/* Hero con gradiente */
.hero-gradient{background:linear-gradient(145deg,#0C2461 0%,#153588 50%,#0a1d4d 100%);color:#f4f6f9;padding:6rem 0 4rem;position:relative;overflow:hidden}
.hero-gradient::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:rgba(225,112,85,0.1);border-radius:50%;filter:blur(60px)}
.hero-gradient::after{content:'';position:absolute;bottom:-150px;left:-100px;width:500px;height:500px;background:rgba(62,146,204,0.06);border-radius:50%;filter:blur(80px)}
.hero-gradient,.hero.hero-gradient{color:#f4f6f9!important}
.hero-gradient h1,.hero.hero-gradient h1{color:#fff!important}
.hero-gradient h1 .accent,.hero.hero-gradient h1 .accent{color:#fab1a0!important}
.hero-gradient .hero-desc,.hero.hero-gradient .hero-desc{color:rgba(245,240,235,0.75)!important}
.hero-gradient .label,.hero.hero-gradient .label{color:rgba(245,240,235,0.5)!important}
.hero-gradient .label-dot,.hero.hero-gradient .label-dot{background:#fff!important}
.hero-gradient .btn-primary,.hero.hero-gradient .btn-primary{background:var(--terracotta);color:#fff!important}
.hero-gradient .btn-secondary,.hero.hero-gradient .btn-secondary{color:#fff!important;border-color:rgba(255,255,255,0.4)!important}

/* Decorative shapes */
.deco-circle{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
.deco-circle.c1{width:300px;height:300px;background:rgba(225,112,85,0.06);top:-100px;right:-50px}
.deco-circle.c2{width:250px;height:250px;background:rgba(62,146,204,0.05);bottom:-80px;left:-80px}
.deco-circle.c3{width:180px;height:180px;background:rgba(82,183,136,0.05);top:50%;right:10%}

/* Card v2 — premium */
.card-v2{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 4px 24px rgba(12,36,97,0.06);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;border:1px solid transparent}
.card-v2:hover{box-shadow:0 12px 48px rgba(12,36,97,0.12);transform:translateY(-6px);border-color:var(--border-light)}
.card-v2::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--sky),var(--sage));opacity:0;transition:opacity 0.3s}
.card-v2:hover::after{opacity:1}

/* Sezione con pattern sottile */
.section-pattern{background:linear-gradient(180deg,var(--cream) 0%,var(--white) 100%);position:relative}
.section-pattern::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}

/* Badge premium */
.badge-premium{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#fff;padding:0.4rem 1rem;border-radius:20px;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;font-family:Inter,sans-serif}
.badge-premium.outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}

/* Divider decorativo */
.deco-divider{display:flex;align-items:center;gap:1rem;margin:3rem auto;max-width:200px}
.deco-divider::before,.deco-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}
.deco-divider span{width:8px;height:8px;background:var(--accent);border-radius:50%;display:block}

/* Grid a 3 colonne premium */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}

/* Animazioni */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.float{animation:float 4s ease-in-out infinite}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);background-size:200% 100%;animation:shimmer 3s infinite}

/* Quote stile premium */
.quote-premium{background:var(--cream);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:2rem 2.5rem;position:relative}
.quote-premium::before{content:'"';position:absolute;top:0.5rem;right:1.5rem;font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:4rem;color:var(--accent);opacity:0.15;line-height:1}
.quote-premium blockquote{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:1.15rem;color:var(--ink);margin:0 0 1rem;line-height:1.65}
.quote-premium cite{font-family:Inter,sans-serif;font-size:0.8125rem;color:var(--ink-faint);font-style:normal;font-weight:500}

/* Stat card */
.stat-card{background:var(--white);border-radius:var(--radius);padding:1.75rem;text-align:center;border:1px solid var(--border);transition:all 0.3s}
.stat-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.stat-card .num{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:2.25rem;font-weight:700;color:var(--primary);line-height:1;}
.stat-card .num.accent{color:var(--accent)}
.stat-card .label{font-size:0.6875rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:0.1em;margin-top:0.5rem;font-weight:600}

/* Feature row */
.feature-row{display:flex;align-items:flex-start;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--border-light)}
.feature-row:last-child{border-bottom:none}
.feature-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}
.feature-icon.c1{background:linear-gradient(135deg,#e8f4fd,#d0e8fb);color:var(--sky)}
.feature-icon.c2{background:linear-gradient(135deg,#fff0eb,#ffe0d4);color:var(--accent)}
.feature-icon.c3{background:linear-gradient(135deg,#e8f8f2,#d0f0e3);color:var(--sage)}
.feature-icon.c4{background:linear-gradient(135deg,#f0ecf8,#e0d6f0);color:#8B6D9E}
.feature-icon.c5{background:linear-gradient(135deg,#fef8e8,#fcecd0);color:var(--ocra)}
.feature-icon.c6{background:linear-gradient(135deg,#ffe8ec,#ffd0d8);color:#D4726A}
.feature-text h4{font-size:1rem;color:var(--ink);margin:0 0 0.25rem;font-weight:600;font-family:Inter,sans-serif}
.feature-text p{font-size:0.8125rem;color:var(--ink-light);margin:0}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp{
 from{opacity:0;transform:translateY(20px)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes fadeIn{
 from{opacity:0}
 to{opacity:1}
}
.fade-in-up{
 animation:fadeInUp 0.6s ease-out both;
}
.fade-in{
 animation:fadeIn 0.5s ease-out both;
}
/* Stagger children */
.stagger > *{animation:fadeInUp 0.5s ease-out both}
.stagger > *:nth-child(1){animation-delay:0.05s}
.stagger > *:nth-child(2){animation-delay:0.1s}
.stagger > *:nth-child(3){animation-delay:0.15s}
.stagger > *:nth-child(4){animation-delay:0.2s}
.stagger > *:nth-child(5){animation-delay:0.25s}
.stagger > *:nth-child(6){animation-delay:0.3s}

/* ===== SMOOTH SCROLL ===== */
html{scroll-behavior:smooth}

/* ===== SELECTION COLOR ===== */
::selection{background:var(--terracotta);color:#fff}

/* ===== ENHANCED BUTTONS ===== */
.btn{
 position:relative;
 overflow:hidden;
}
.btn::after{
 content:'';
 position:absolute;
 top:50%;
 left:50%;
 width:0;
 height:0;
 background:rgba(255,255,255,0.15);
 border-radius:50%;
 transform:translate(-50%,-50%);
 transition:width 0.4s,height 0.4s;
}
.btn:hover::after{
 width:300px;
 height:300px;
}

/* ===== CHECK LIST (servizi) ===== */
.check-list{list-style:none;padding:0;margin:0}
.check-list li{display:flex;align-items:flex-start;gap:0.875rem;padding:0.85rem 0;border-bottom:1px solid var(--sand);font-size:0.9375rem;color:var(--ink);font-family:Inter,'Segoe UI',system-ui,sans-serif;}
.check-list li:last-child{border-bottom:none}
.check-list .check{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--sage),#74c9a0);color:#fff;font-size:0.8125rem;font-weight:700;flex-shrink:0;margin-top:1px;font-family:Inter,sans-serif;font-style:normal}

/* ===== ALERT BOXES ===== */
.alert-box{padding:1.5rem 2rem;border-radius:var(--radius);border-left:4px solid var(--terracotta);background:linear-gradient(135deg,#fff8f5,var(--panna));margin:1.5rem 0;position:relative;overflow:hidden}
.alert-box::before{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:rgba(225,112,85,0.04);border-radius:50%;filter:blur(20px)}
.alert-box h4{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:1rem;margin-bottom:0.5rem;color:var(--ink)}
.alert-box p{font-size:0.875rem;color:var(--ink-light);margin:0}

.alert-box.info{border-left-color:var(--ocra);background:linear-gradient(135deg,#f0f7fd,var(--panna))}
.alert-box.info::before{background:rgba(62,146,204,0.04)}

.alert-box.success{border-left-color:var(--sage);background:linear-gradient(135deg,#f0faf4,var(--panna))}
.alert-box.success::before{background:rgba(82,183,136,0.04)}

/* ===== CHANNEL GRID (supporto) ===== */
.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:900px;margin:0 auto}
.channel-card{display:flex;align-items:flex-start;gap:1.25rem;background:var(--panna);border:1.5px solid var(--sand);border-radius:var(--radius-lg);padding:1.75rem;transition:all 0.35s}
.channel-card:hover{border-color:var(--terracotta);box-shadow:var(--shadow-hover);transform:translateY(-3px)}
.channel-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#e8f4fd,#d0e8fb)}
.channel-card h4{font-family:Inter,sans-serif;font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 0.4rem}
.channel-card p{font-size:0.8125rem;color:var(--ink-light);margin:0 0 0.75rem;line-height:1.55}
.channel-card a{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:0.8125rem;text-decoration:none;transition:color 0.2s}
.channel-card a:hover{text-decoration:underline}

/* ===== SCENARIO BOX ===== */
.scenario{background:var(--panna);border:1.5px solid var(--sand);border-radius:var(--radius);padding:1.5rem 2rem;margin-bottom:1.25rem;transition:all 0.3s}
.scenario:hover{border-color:var(--ocra);box-shadow:var(--shadow)}
.scenario:last-child{margin-bottom:0}

/* ===== CTA SECTION FIX ===== */
.cta-section{background:linear-gradient(145deg,#0C2461 0%,#153588 50%,#0a1d4d 100%)!important;text-align:center;padding:5rem 0;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--terracotta),var(--ocra),var(--sage))}
.cta-section::after{content:'';position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);width:400px;height:400px;background:rgba(62,146,204,0.04);border-radius:50%;filter:blur(60px)}
.cta-section .container{position:relative;z-index:1}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
 .nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--navy-warm);border-bottom:1px solid rgba(255,255,255,0.1);padding:1rem 1.5rem;flex-direction:column;align-items:flex-start;gap:0;z-index:99}
 .nav.open{display:flex}
 .nav a{padding:0.75rem 0;border-bottom:1px solid rgba(255,255,255,0.1);width:100%;color:#fff}
 .mobile-toggle{display:block}
 .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding-left:1rem;background:transparent;max-height:500px}
 .dropdown a{color:#fff!important}
 .nav-item{width:100%}
 .nav-item .dropdown{display:none}
 .nav-item.open .dropdown{display:block}
 .container{padding-left:1rem;padding-right:1rem}
 .btn-group{align-items:stretch}
 .btn-group .btn{width:100%;text-align:center}
 .hero-grid{grid-template-columns:1fr}
 .stats-bar{flex-direction:column;gap:1.5rem}
 .stat-divider{display:none}
 .two-col{grid-template-columns:1fr}
 .service-grid{grid-template-columns:1fr}
 .article-grid{grid-template-columns:1fr}
 .steps-row{flex-direction:column;gap:2rem}
 .steps-row::before{display:none}
 .footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}
 .timeline{padding-left:30px}
 .timeline::before{left:20px}
 .step-card{padding:1.5rem}
 .step-num-circle{left:-42px;width:40px;height:40px;font-size:1rem}
 .step-checklist{grid-template-columns:1fr}
 .modalita-grid{grid-template-columns:1fr}
 .hero{padding:4rem 0 2rem}
 .hero-gradient{padding:4rem 0 2rem}
 .grid-3{grid-template-columns:1fr}
 .deco-circle{display:none}
}

@media(max-width:380px){
 .top-bar-inner{gap:.5rem 1rem;padding:0 .75rem}
 .header-inner{height:64px}
 .nav{top:64px}
 .hero h1,.hero-gradient h1{overflow-wrap:anywhere}
}

/* ===== LOADING SKELETON ===== */
.skeleton{
 background:linear-gradient(90deg,var(--sand) 25%,var(--panna) 50%,var(--sand) 75%);
 background-size:200% 100%;
 animation:skeleton 1.5s ease-in-out infinite;
 border-radius:var(--radius);
}
@keyframes skeleton{
 0%{background-position:200% 0}
 100%{background-position:-200% 0}
}

/* ============================================================
   5 MIGLIORAMENTI — Breadcrumb, Animazioni, Cookie Banner
   ============================================================ */

/* —— BREADCRUMB —— */
.breadcrumb{background:var(--cream);border-bottom:1px solid var(--sand);padding:0.5rem 0;font-size:0.75rem}
.breadcrumb-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:center;gap:0.35rem;color:var(--ink-faint);white-space:nowrap;overflow:hidden}
.breadcrumb-inner a{color:var(--ink-light);text-decoration:none;font-weight:500}
.breadcrumb-inner a:hover{color:var(--terracotta)}
.breadcrumb-inner span{color:var(--sand)}
.breadcrumb-inner strong{color:var(--ink);font-weight:600}

/* —— SCROLL REVEAL —— */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1!important;transform:none!important}
  .particle-canvas{display:none!important}
}

/* ================================================================
   ANIMATIONS ENGINE v1 — TRVSystem
   ================================================================ */

/* ===== SCROLL REVEAL ===== */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:0.12s}
.reveal-delay-2{transition-delay:0.24s}
.reveal-delay-3{transition-delay:0.36s}

/* ===== SVG STROKE DRAW ===== */
.svg-draw path,.svg-draw line,.svg-draw circle,.svg-draw polyline,.svg-draw rect{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.3s cubic-bezier(0.4,0,0.2,1)}
.svg-draw.drawn path,.svg-draw.drawn line,.svg-draw.drawn circle,.svg-draw.drawn polyline,.svg-draw.drawn rect{stroke-dashoffset:0}

/* ===== PARTICLE NETWORK ===== */
.particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0.4}

/* ===== TYPING CURSOR ===== */

/* ===== SCROLL DOWN INDICATOR ===== */
.scroll-indicator{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:pointer}
.scroll-indicator span{font-size:0.6875rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.1em}
.scroll-indicator .scroll-mouse{width:22px;height:34px;border:1.5px solid rgba(255,255,255,0.4);border-radius:12px;display:flex;justify-content:center;padding-top:6px}
.scroll-indicator .scroll-dot{width:3px;height:6px;background:var(--accent,#F26522);border-radius:2px;animation:scrollDot 1.8s ease-in-out infinite}
@keyframes scrollDot{0%{transform:translateY(0);opacity:1}80%{transform:translateY(10px);opacity:0}100%{transform:translateY(0);opacity:0}}

/* ===== SHIMMER HOVER ===== */
.shimmer-wrap{position:relative;overflow:hidden}
.shimmer-wrap::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);transition:left 0.7s ease;z-index:2;pointer-events:none}
.shimmer-wrap:hover::before{left:150%}

/* ===== BACK-TO-TOP BUTTON ===== */
.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:var(--navy-warm,#061E36);color:#fff;border:none;cursor:pointer;z-index:99;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(6,30,54,0.25);opacity:0;transform:translateY(20px);transition:all 0.35s cubic-bezier(0.4,0,0.2,1);pointer-events:none}
.back-to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}
.back-to-top:hover{background:var(--accent,#F26522);transform:translateY(-3px)}
.back-to-top svg{width:20px;height:20px}

/* ===== ACTIVE NAV ===== */
.nav-active{color:var(--accent,#F26522)!important;font-weight:600!important}
.nav-active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent,#F26522);border-radius:1px}

/* ===== HEADER SCROLL SHADOW ===== */
.header-scrolled{box-shadow:0 4px 20px rgba(6,30,54,0.12)!important}

/* ===== IMAGE ZOOM ===== */
.img-zoom-wrap{overflow:hidden;border-radius:var(--radius,16px)}
.img-zoom-wrap img{transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}
.img-zoom-wrap:hover img{transform:scale(1.08)}

/* ===== PULSE CTA ===== */
.pulse-cta{animation:pulseSoft 2.5s ease-in-out infinite}
@keyframes pulseSoft{0%,100%{box-shadow:0 0 0 0 rgba(242,101,34,0.35)}50%{box-shadow:0 0 0 10px rgba(242,101,34,0)}}

/* ===== TEXT HIGHLIGHT ===== */
.text-highlight{background:linear-gradient(120deg,rgba(242,101,34,0.18) 0%,rgba(242,101,34,0.18) 100%);background-repeat:no-repeat;background-size:0% 100%;background-position:0 88%;transition:background-size 0.6s ease;padding:0 2px}
.text-highlight.active{background-size:100% 100%}

/* ===== SCROLL PROGRESS BAR ===== */
.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent,#F26522),var(--accent-soft,#ff8c5a));z-index:1001;width:0%;transition:width 0.1s linear}

/* ===== TOAST NOTIFICATIONS ===== */
.toast{position:fixed;top:1.5rem;right:1.5rem;padding:0.875rem 1.5rem;border-radius:10px;font-size:0.875rem;font-weight:500;color:#fff;z-index:1002;transform:translateX(150%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 24px rgba(0,0,0,0.15);max-width:320px}
.toast.show{transform:translateX(0)}
.toast-success{background:#52B788}
.toast-error{background:#E74C3C}
.toast-info{background:var(--navy-warm,#061E36)}

/* ===== FAQ ACCORDION ===== */
.faq-item .faq-answer,.accordion-item .accordion-body{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease;padding:0 1rem}
.faq-item.open .faq-answer,.accordion-item.open .accordion-body{max-height:500px;padding:0.5rem 1rem 1rem}
.faq-item .faq-icon,.accordion-item .accordion-icon{transition:transform 0.3s ease}
.faq-item.open .faq-icon,.accordion-item.open .accordion-icon{transform:rotate(180deg)}

/* ===== CARD ITEM REVEAL FIX ===== */
.card-item,.svc-card,.feature-card{opacity:1!important;transform:none!important}


/* Utility generate dalla release v01: stili condivisi estratti dai template */
html body .u-v01-1{background:linear-gradient(145deg,#0C2461 0%,#153588 50%,#0a1d4d 100%);color:#f4f6f9;}
html body .u-v01-2{position:relative;z-index:1;}
html body .u-v01-3{margin-bottom:1.5rem;background:rgba(255,255,255,0.12);color:#fff;}
html body .u-v01-4{font-size:clamp(2rem,4vw,3.25rem);max-width:650px;}
html body .u-v01-5{color:#fab1a0;}
html body .u-v01-6{max-width:560px;color:rgba(245,240,235,0.7);}
html body .u-v01-7{max-width:700px;text-align:center;}
html body .u-v01-8{margin-bottom:2rem;}
html body .u-v01-9{text-align:left;}
html body .u-v01-10{text-decoration:none;color:inherit;}
html body .u-v01-11{font-size:1.5rem;}
html body .u-v01-12{background:#fff;border-top:1px solid #dde3ea;padding:0.75rem 0;font-size:0.8125rem;color:var(--ink-light);}
html body .u-v01-13{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;}
html body .u-v01-14{display:flex;align-items:center;gap:0.4rem;}
html body .u-v01-15{width:14px;height:14px;stroke:var(--terracotta);stroke-width:2;fill:none;}
html body .u-v01-16{color:var(--border);}
html body .u-v01-17{background:var(--navy-warm);color:#fff;padding:1.5rem 0;text-align:center;font-size:0.8125rem;}
html body .u-v01-18{margin:0;}
html body .u-v01-19{margin:0.25rem 0 0;font-size:0.75rem;opacity:0.6;}
html body .u-v01-20{color:#fff;text-decoration:underline;}
html body .u-v01-21{padding:4rem 0 3rem;}
html body .u-v01-22{max-width:600px;}
html body .u-v01-23{margin-top:1rem;}
html body .u-v01-24{max-width:700px;margin:0 auto;}
html body .u-v01-25{background:var(--terracotta);border-color:var(--terracotta);color:#fff;}
html body .u-v01-26{background:rgba(255,255,255,0.08);color:#fff;}
html body .u-v01-27{padding:2.5rem 0;background:linear-gradient(145deg,#0C2461 0%,#153588 50%,#0a1d4d 100%);color:#f4f6f9;position:relative;overflow:hidden;}
html body .u-v01-28{max-width:720px;margin:0 auto;text-align:center;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:16px;padding:2rem;}
html body .u-v01-29{font-size:1.05rem;margin:0;color:#fff;}
html body .u-v01-30{margin:0.75rem 0 0;color:rgba(245,240,235,0.75);}
html body .u-v01-31{padding:2.5rem 0;}
html body .u-v01-32{margin-bottom:1.5rem;}
html body .u-v01-33{grid-template-columns:repeat(3,1fr);}
html body .u-v01-34{text-align:center;color:var(--ink-light);margin-top:1.5rem;font-size:0.875rem;}
html body .u-v01-35{max-width:700px;margin:0 auto;text-align:center;}
html body .u-v01-36{font-size:1.05rem;line-height:1.7;margin-bottom:1rem;}
html body .u-v01-37{font-size:0.9375rem;color:var(--ink-light);line-height:1.7;margin:0;}
html body .u-v01-38{padding:2rem 0;}
html body .u-v01-39{max-width:640px;margin:0 auto;text-align:center;}
html body .u-v01-40{margin:0;font-size:0.9375rem;}
html body .u-v01-41{max-width:720px;margin:0 auto;}
html body .u-v01-42{padding:3rem 0;}
html body .u-v01-43{margin-bottom:0.5rem;}
html body .u-v01-44{font-size:0.8125rem;opacity:0.7;margin-bottom:1.5rem;}
html body .u-v01-45{background:#fff;}
html body .u-v01-46{max-width:700px;}
html body .u-v01-47{max-width:700px;color:#fff;font-size:clamp(1.3rem,5vw,1.8rem);font-weight:800;line-height:1.2;}
html body .u-v01-48{max-width:600px;color:rgba(245,240,235,0.75);}
html body .u-v01-49{margin-top:1rem;background:var(--terracotta);color:#fff;}
html body .u-v01-50{text-align:center;display:block;margin-bottom:0.5rem;}
html body .u-v01-51{text-align:center;font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:800;color:var(--ink);margin-bottom:0.5rem;}
html body .u-v01-52{text-align:center;color:var(--muted);margin-bottom:2rem;}
html body .u-v01-53{max-width:600px;margin:0 auto;}
html body .u-v01-54{display:flex;flex-direction:column;gap:0.75rem;}
html body .u-v01-55{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all 0.25s;background:var(--white);font-size:1rem;color:var(--ink);}
html body .u-v01-56{font-size:1.5rem;width:32px;text-align:center;}
html body .u-v01-57{flex:1;}
html body .u-v01-58{display:block;font-weight:700;color:var(--ink);}
html body .u-v01-59{font-size:0.8125rem;color:var(--muted);}
html body .u-v01-60{width:20px;height:20px;accent-color:var(--accent);}
html body .u-v01-61{text-align:center;margin-top:1.5rem;}
html body .u-v01-62{background:var(--terracotta);color:#fff;padding:0.875rem 2.5rem;font-size:1rem;font-weight:700;border-radius:var(--radius);border:none;cursor:pointer;opacity:0.4;}
html body .u-v01-63{background:linear-gradient(145deg,#0C2461 0%,#153588 50%,#0a1d4d 100%);color:#f4f6f9;padding:3.5rem 0;position:relative;overflow:hidden;}
html body .u-v01-64{width:300px;height:300px;opacity:0.06;top:-100px;left:-80px;}
html body .u-v01-65{width:240px;height:240px;opacity:0.05;bottom:-80px;right:-60px;}
html body .u-v01-66{display:grid;grid-template-columns:repeat(3,1fr);gap:0;text-align:center;align-items:center;}
html body .u-v01-67{padding:1.5rem 1rem;}
html body .u-v01-68{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;line-height:1;font-family:Inter,system-ui,sans-serif;letter-spacing:-0.03em;}
html body .u-v01-69{font-size:0.8125rem;color:#F26522;text-transform:uppercase;letter-spacing:0.15em;margin-top:0.75rem;font-weight:700;}
html body .u-v01-70{font-size:1rem;color:rgba(245,240,235,0.75);margin-top:0.3rem;line-height:1.4;font-weight:500;}
html body .u-v01-71{padding:1.5rem 1rem;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);}
html body .u-v01-72{margin-top:2rem;}
html body .u-v01-73{font-size:1.0625rem;padding:1rem 2.5rem;}
html body .u-v01-74{font-size:0.8125rem;color:var(--ink-faint);margin-top:0.75rem;}
html body .u-v01-75{text-align:center;margin-top:1rem;}
html body .u-v01-76{font-size:0.8125rem;opacity:0.8;margin-bottom:0.5rem;}
html body .u-v01-77{font-size:0.8125rem;opacity:0.8;margin-top:0.5rem;}
html body .u-v01-78{font-size:1.5rem;color:' + colore + ';margin-bottom:0.5rem;font-weight:800;}
html body .u-v01-79{color:var(--muted);margin-bottom:1.5rem;}
html body .u-v01-80{font-size:3rem;font-weight:800;color:var(--navy-warm);margin-bottom:0.5rem;}
html body .u-v01-81{font-size:1rem;color:var(--ink-faint);}
html body .u-v01-82{background:var(--cream);padding:1.25rem;border-radius:12px;margin:1.5rem 0;text-align:left;}
html body .u-v01-83{font-weight:700;color:var(--ink);margin-bottom:0.5rem;}
html body .u-v01-84{color:var(--muted);font-size:0.875rem;line-height:1.8;margin-left:1.25rem;}
html body .u-v01-85{margin-right:0.75rem;}
html body .u-v01-86{max-width:800px;}
html body .u-v01-87{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-bottom:2rem;}
html body .u-v01-88{font-family:Inter,sans-serif;color:var(--primary);margin-bottom:1rem;}
html body .u-v01-89{font-size:1rem;color:var(--ink-light);margin-bottom:1rem;}
html body .u-v01-90{font-size:1rem;color:var(--ink-light);margin:0;}
html body .u-v01-91{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;}
html body .u-v01-92{background:var(--bg);border-radius:var(--radius);padding:1.5rem;}
html body .u-v01-93{font-family:Inter,sans-serif;color:var(--primary);margin-bottom:0.75rem;}
html body .u-v01-94{font-size:0.9375rem;color:var(--ink-light);margin:0;}
html body .u-v01-95{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
html body .u-v01-96{font-size:0.9375rem;color:var(--primary);margin-bottom:0.5rem;}
html body .u-v01-97{font-size:0.875rem;color:var(--ink-light);padding-left:1.25rem;margin:0;}
html body .u-v01-98{font-size:0.9375rem;color:#c0392b;margin-bottom:0.5rem;}
html body .u-v01-99{margin-bottom:3rem;}
html body .u-v01-100{font-size:0.8125rem;color:var(--ink-faint);margin:0.75rem 0 0;}
html body .u-v01-101{position:relative;overflow:hidden;}
html body .u-v01-102{font-size:clamp(2rem,4vw,3.25rem);max-width:680px;}
html body .u-v01-103{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;}
html body .u-v01-104{font-family:Inter,sans-serif;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.1em;color:#E17055;}
html body .u-v01-105{font-size:0.9375rem;}
html body .u-v01-106{font-family:Inter,sans-serif;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.1em;color:#52B788;}
html body .u-v01-107{font-size:0.9375rem;color:rgba(255,255,255,0.85);}
html body .u-v01-108{margin-top:0.75rem;}
html body .u-v01-109{font-size:1.3rem;}
html body .u-v01-110{font-size:0.9375rem;color:var(--ink-light);margin-bottom:1rem;}
html body .u-v01-111{background:linear-gradient(135deg,#52B788,#74c9a0);}
html body .u-v01-112{background:linear-gradient(135deg,#8B6D9E,#a88bbd);}
html body .u-v01-113{margin:0 auto 1rem;}
html body .u-v01-114{font-family:'Playfair Display',serif;font-size:1.1rem;margin-bottom:0.5rem;font-style:italic;}
html body .u-v01-115{font-size:0.8125rem;color:var(--ink-light);margin-bottom:1rem;line-height:1.6;}
html body .u-v01-116{background:linear-gradient(135deg,var(--accent),var(--accent-soft));}
html body .u-v01-117{border-top:4px solid #52B788;}
html body .u-v01-118{color:#52B788;font-size:1rem;margin-bottom:1rem;}
html body .u-v01-119{list-style:none;padding:0;margin:0;font-size:0.875rem;color:var(--ink-light);}
html body .u-v01-120{padding:0.4rem 0;border-bottom:1px solid var(--border-light);}
html body .u-v01-121{padding:0.4rem 0;}
html body .u-v01-122{border-top:4px solid #e17055;}
html body .u-v01-123{color:#e17055;font-size:1rem;margin-bottom:1rem;}
html body .u-v01-124{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
html body .u-v01-125{margin-bottom:1rem;}
html body .u-v01-126{text-align:center;margin-top:2rem;}
html body .u-v01-127{margin-top:1.5rem;}
html body .u-v01-128{display:flex;align-items:flex-start;gap:0.5rem;cursor:pointer;font-weight:400;color:var(--ink-light);font-size:0.8125rem;}
html body .u-v01-129{margin-top:2px;flex-shrink:0;}
html body .u-v01-130{color:var(--ink-light);}
html body .u-v01-131{margin-top:1.5rem;color:var(--primary);}
html body .u-v01-132{width:100%;border-collapse:collapse;margin:1rem 0;font-size:0.875rem;}
html body .u-v01-133{background:var(--primary);color:#fff;}
html body .u-v01-134{padding:0.75rem;text-align:left;border-radius:8px 0 0 0;}
html body .u-v01-135{padding:0.75rem;text-align:left;}
html body .u-v01-136{padding:0.75rem;text-align:left;border-radius:0 8px 0 0;}
html body .u-v01-137{border-bottom:1px solid var(--border);}
html body .u-v01-138{padding:0.75rem;}
html body .u-v01-139{margin:1rem 0;padding-left:1.5rem;color:var(--ink-light);}
html body .u-v01-140{max-width:800px;margin:0 auto;}
html body .u-v01-141{background:#fff;color:var(--primary);}
html body .u-v01-142{padding:6rem 0;text-align:center;min-height:60vh;display:flex;align-items:center;justify-content:center;}
html body .u-v01-143{width:64px;height:64px;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;}
html body .u-v01-144{margin-bottom:1rem;font-size:1.75rem;font-weight:800;color:var(--ink);}
html body .u-v01-145{color:var(--ink-light);margin-bottom:2rem;}
html body .u-v01-146{color:var(--ink-light);margin-bottom:2rem;font-size:0.9375rem;}
html body .u-v01-147{color:var(--accent);font-weight:700;}
html body .u-v01-148{margin-bottom:2rem;padding:1.5rem;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);}
html body .u-v01-149{font-family:Inter,sans-serif;font-size:1rem;margin-bottom:0.75rem;}
html body .u-v01-150{text-align:left;color:var(--ink-light);font-size:0.875rem;padding-left:1.25rem;}
html body .u-v01-151{font-size:0.8125rem;color:var(--ink-light);margin-top:1.5rem;}
html body .u-v01-152{padding:3rem 0 2rem;}
html body .u-v01-153{font-size:1.25rem;margin-bottom:0.75rem;}
html body .u-v01-154{color:#E17055;font-weight:800;margin-right:0.5rem;}
html body .u-v01-155{color:#64748B;}
html body .u-v01-156{background:linear-gradient(135deg, rgba(255,107,53,0.08) 0%, rgba(10,36,99,0.05) 100%);border-radius:12px;padding:2rem;display:flex;flex-wrap:wrap;gap:2rem;align-items:center;}
html body .u-v01-157{flex:1;min-width:280px;}
html body .u-v01-158{margin-top:0;}
html body .u-v01-159{margin-top:0.5rem;}
html body .u-v01-160{flex:0 0 auto;font-size:5rem;}
html body .u-v01-161{display:flex;align-items:center;justify-content:center;color:var(--terracotta);}
html body .u-v01-162{margin-top:3rem;background:var(--bg);border-left:4px solid var(--sky);}
html body .u-v01-163{margin-bottom:0;}
html body .u-v01-164{margin-bottom:1.5rem;display:inline-block;}
html body .u-v01-165{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.8125rem;color:var(--ink-light);font-weight:400;}
html body .u-v01-166{margin-top:3px;flex-shrink:0;width:auto;}
.form-token-error{margin-top:0.75rem;padding:0.75rem 1rem;border:1px solid #b42318;border-radius:8px;background:#fef3f2;color:#7a271a;font-weight:700;line-height:1.45;}
@media(max-width:640px){
 html body .u-v01-91,html body .u-v01-95{grid-template-columns:1fr;}
 html body .u-v01-92{min-width:0;overflow-wrap:anywhere;}
}
@media(max-width:380px){html body .u-v01-157{min-width:0;width:100%;}}