@font-face{font-family:Satoshi;src:url('fonts/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('fonts/Satoshi-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('fonts/Satoshi-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{
/* Primitivi: i soli valori grezzi della pagina. */
--charcoal-900:#1d1b1e;--charcoal-800:#29272b;--ink-700:#302d30;--stone-600:#625a5c;--stone-500:#817773;--stone-400:#b7aca1;--stone-300:#cbc3b9;--sand-200:#e5ded4;--cream-200:#e4d3bf;--mist-200:#ded6ce;--paper-100:#F7F5F1;--paper-50:#FCFBF8;--white:#fff;--copper-500:#bf8142;--bronze-600:#806244;--red-700:#9c2424;
/* Semantici: i fogli usano solo questi. */
--surface-deepest:var(--charcoal-900);--surface-deep:var(--charcoal-800);--surface-page:var(--paper-50);--surface-paper:var(--paper-100);--surface-sand:var(--sand-200);--surface-field:var(--white);
--text-ink:var(--ink-700);--text-muted:var(--stone-600);--text-on-deep:var(--white);--text-on-deep-muted:var(--mist-200);--accent-warm:var(--cream-200);
--line:var(--stone-300);--line-soft:var(--stone-400);--line-field:var(--stone-500);--line-on-deep:var(--stone-500);--line-on-deep-strong:var(--mist-200);
--focus:var(--bronze-600);--focus-on-deep:var(--copper-500);--error:var(--red-700);
--elev-raised:0 9px 22px rgb(41 39 43 / .063);
--ease-out:cubic-bezier(.23,1,.32,1);--dur-fast:160ms;--dur-state:200ms;
color-scheme:light;font-family:Satoshi,Arial,sans-serif;color:var(--text-ink);background:var(--surface-field);font-synthesis:none}
/* Sulle superfici scure il fuoco usa il rame: stesso nome, valore per contesto. */
.header,.opening,.people,.footer,.demo-banner{--focus:var(--focus-on-deep)}
::selection{background:var(--accent-warm);color:var(--text-ink)}
*{box-sizing:border-box}body{margin:0;font-size:18px;line-height:1.55}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button,select{font:inherit}a,button,select{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}p{text-wrap:pretty}p+p{margin-top:20px}h2{font-size:clamp(34px,3.4vw,52px)}h3{font-size:26px}strong{font-weight:700}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}section[id],article[id],main[id]{scroll-margin-top:28px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.small,.caption{font-size:14px;line-height:1.5;color:var(--text-muted)}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.095em;text-transform:uppercase;font-weight:500;margin-bottom:28px}.skip{position:absolute;top:0;left:20px;transform:translateY(-150%);padding:12px 20px;background:var(--surface-field);z-index:9}.skip:focus{transform:translateY(0)}.demo-banner{text-align:center;background:var(--surface-paper);padding:8px 20px;font-size:12px;letter-spacing:.015em}.header{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:17px;font-weight:500;line-height:1.15;white-space:nowrap}.header nav{display:flex;align-items:center;gap:32px;font-size:14px}.header nav a{padding-block:12px;text-decoration:none}.header nav a:hover{text-decoration:underline}.header .nav-contact{border-bottom:1px solid var(--text-ink);padding-inline:0;display:flex;gap:24px}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;padding-block:58px 64px;align-items:center}.hero h1{font-size:clamp(56px,6.2vw,92px);line-height:1.02;letter-spacing:-.052em;margin-bottom:30px}.hero .eyebrow{margin-bottom:24px}.intro{max-width:465px;font-size:20px;line-height:1.5;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:14px 24px;border:1px solid var(--text-ink);border-radius:99px;color:var(--text-on-deep);background:var(--text-ink);text-decoration:none;font-size:15px;font-weight:500;line-height:1.4}.button:hover{background:var(--surface-deep);border-color:var(--surface-deep)}.text-link{display:table;font-size:14px;margin-top:20px;padding-block:6px}.hero-media{min-width:0}.door{position:relative;overflow:hidden;height:520px;background:var(--surface-paper)}.door>img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}.caption{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:12px}.targa{position:absolute;left:0;top:0;width:440px;height:300px;transform-origin:0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--surface-paper);visibility:hidden;text-align:center;pointer-events:none}.targa.posizionata{visibility:visible}.targa p{font-size:26px;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;margin:14px 0}.targa span{font-size:20px;text-transform:uppercase;letter-spacing:.07em}.section{padding-block:90px}.areas,.method,.contact{display:grid;grid-template-columns:1fr 1.7fr;gap:9%;border-top:1px solid var(--line)}.section-heading>p:not(.eyebrow){max-width:315px;margin-top:24px;color:var(--text-muted)}.area-list article{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-block:30px;border-top:1px solid var(--line)}.area-list article:first-child{padding-top:0;border:0}.area-list .small{display:block;margin-bottom:12px}.area-list p{font-size:16px;line-height:1.55;max-width:330px}.area-list a{display:inline-block;font-size:14px;margin-top:20px;padding-block:8px}.area-list h3{font-size:clamp(23px,2.1vw,30px)}
.people{background:var(--surface-paper)}.people-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.people-heading>p{color:var(--text-muted);font-size:16px}.team img{width:100%;height:auto}.team figcaption{font-size:12px;color:var(--text-muted);margin-top:10px}.person-list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.person-list article{padding-top:20px;border-top:1px solid var(--line)}.person-list h3{font-size:24px;margin:14px 0 8px}.person-list p{font-size:16px}.person-list a{display:inline-block;font-size:13px;margin-top:16px;padding-block:10px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:30px;border-top:1px solid var(--line);padding:28px 0}.steps li:first-child{border:0;padding-top:0}.steps li>span{font-size:13px;padding-top:5px;color:var(--text-muted)}.steps h3{font-size:30px;margin-bottom:12px}.steps p{max-width:510px;font-size:17px;color:var(--text-muted)}.quote-section{background:var(--surface-deep);color:var(--text-on-deep);padding-block:88px}.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.quote-layout>div>p:not(.eyebrow){margin-top:26px;max-width:375px;font-size:17px;color:var(--text-on-deep-muted)}.quote{background:var(--surface-paper);color:var(--text-ink);padding:32px}.quote-top{display:flex;justify-content:space-between;font-size:12px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.quote h3{font-size:26px;margin-top:6px}.quote dl{font-size:14px;margin:24px 0}.quote dl>div{display:grid;grid-template-columns:100px 1fr;gap:15px;border-top:1px solid var(--line);padding-block:15px}.quote dt{color:var(--text-muted)}dd{margin:0}.amount{font-size:34px;font-weight:400;line-height:1.3}.quote-note{font-size:12px;color:var(--text-muted);padding-top:16px;border-top:1px solid var(--line)}.contact{border-top:0;gap:12%;grid-template-columns:1fr 1.35fr}.contact-demo{padding:32px;background:var(--surface-paper)}.demo-label{display:inline-block;font-size:12px;font-weight:700;border-bottom:1px solid var(--text-ink);padding-bottom:8px;margin-bottom:16px}.contact-demo>p{font-size:16px}.contact-demo .small{margin:28px 0 12px}.contact-demo label{display:block;font-weight:500;font-size:16px;margin-bottom:10px}.contact-demo select{width:100%;max-width:100%;min-height:52px;border:1px solid var(--line-field);background:var(--surface-field);color:var(--text-ink);border-radius:4px;padding:12px;font-size:16px}.error{font-size:14px;color:var(--error);min-height:22px;margin:8px 0 16px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}.back{border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;color:var(--text-ink);font-size:14px;padding:14px 0}.summary-list{font-size:16px}.summary-list>div{padding-block:12px;border-bottom:1px solid var(--line)}.summary-list dt{font-size:12px;color:var(--text-muted);margin-bottom:4px}.contact-demo h3{font-size:30px;margin:10px 0 20px}.contact-demo h3:focus{outline-offset:8px}.contact-demo #confirmation p{font-size:16px}.footer{border-top:1px solid var(--line);padding-block:40px}.footer-inner{display:grid;grid-template-columns:1fr 1.8fr auto;gap:50px;align-items:start}.footer-name{font-size:20px}.footer-inner>p:nth-child(2){margin:0;color:var(--text-muted);font-size:12px}.footer a{font-size:12px;padding-block:8px}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px}.hero{gap:5%;grid-template-columns:1.2fr 1fr}.hero h1{font-size:66px}.door{height:480px}.caption{display:block}.caption span{display:block}.areas,.method{gap:6%;grid-template-columns:1fr 1.6fr}.area-list article{grid-template-columns:1fr;gap:16px}.area-list a{margin-top:8px}.quote-layout{gap:6%}.person-list{gap:20px}.person-list h3{font-size:21px}.footer-inner{gap:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{align-items:start;gap:20px;padding-block:20px;flex-wrap:wrap}.brand{font-size:16px}.header nav{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.header nav a{padding-block:8px}.header .nav-contact{gap:8px}.hero{grid-template-columns:1fr;gap:32px;padding-block:34px 42px}.hero h1{font-size:clamp(48px,10vw,66px);margin-bottom:24px}.hero .eyebrow{font-size:10px;letter-spacing:.07em;max-width:310px}.intro{font-size:18px;max-width:490px;margin-bottom:24px}.hero .button{font-size:14px}.door{height:360px}.caption{display:flex;flex-wrap:wrap;gap:5px}.section{padding-block:52px}.areas,.method,.contact{grid-template-columns:1fr;gap:35px}.section-heading>p:not(.eyebrow){max-width:480px;margin-top:18px}.eyebrow{margin-bottom:18px}.area-list article{grid-template-columns:1fr;gap:14px;padding-block:24px}.area-list h3{font-size:29px}.area-list p{max-width:480px}.people-heading{display:block;margin-bottom:24px}.people-heading>p{margin-top:18px}.team{margin-inline:-20px}.team figcaption{padding-inline:20px}.person-list{grid-template-columns:1fr;gap:16px;margin-top:24px}.person-list h3{font-size:25px}.person-list a{font-size:14px;margin-top:8px}.steps li{gap:20px}.steps h3{font-size:29px}.quote-section{padding-block:52px}.quote-layout{grid-template-columns:1fr;gap:32px}.quote{padding:24px}.quote dl>div{grid-template-columns:1fr;gap:6px}.quote-layout h2{font-size:38px}.contact-demo{padding:24px}.contact-demo select{font-size:16px}.contact-demo .button{width:100%;font-size:14px;padding-inline:18px;gap:12px}.footer-inner{grid-template-columns:1fr;gap:18px}.footer-inner>p:nth-child(2){max-width:600px}.footer a{justify-self:start}}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.button span{transition:transform var(--dur-fast) var(--ease-out)}.button:hover span{transform:translate(2px,-2px)}}
@media(forced-colors:active){.button,.contact-demo select{border:1px solid ButtonText}.targa{forced-color-adjust:none}}
