@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#172844;background:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #c79d52;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:5;background:white;padding:12px}.header{background:#fff;border-bottom:1px solid #e5e9ed}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:82px}.wordmark{font:800 25px Manrope,sans-serif;letter-spacing:.07em;text-decoration:none;color:#102848;white-space:nowrap}.wordmark span,.orbit span{color:#c59a55}.wordmark small{font-size:11px;letter-spacing:.17em}.nav nav{display:flex;gap:28px;flex-wrap:wrap}.nav nav a{text-decoration:none;font-weight:700;font-size:14px}.nav nav a:hover,.footer a:hover{color:#af7c31}.hero{background:radial-gradient(circle at 88% 20%,#284d79 0%,transparent 37%),linear-gradient(120deg,#091d38,#0b2d55);color:#fff;padding:100px 0 110px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:12px;color:#b68439}.hero .eyebrow{color:#e1bb78}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.16}h1{font-size:clamp(38px,5.2vw,68px);letter-spacing:-.045em;margin:20px 0 26px}h1 em{font-style:normal;color:#e1bb78}.lead{font-size:19px;line-height:1.65;color:#d7e3ef;max-width:670px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.button{display:inline-flex;align-items:center;gap:18px;border-radius:8px;text-decoration:none;padding:16px 22px;font-weight:800}.primary{background:#d9ad67;color:#102746}.secondary{border:1px solid #9bb0c9;color:white}.button:hover{transform:translateY(-2px)}.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:36px;box-shadow:0 30px 80px #04172b66}.card-label{color:#d9bd8d;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.orbit{font:800 80px Manrope,sans-serif;letter-spacing:-.08em;margin:32px 0 18px}.hero-card p{font-size:19px;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.tags span{font-size:12px;border:1px solid #859bb3;border-radius:99px;padding:8px 11px}.section{padding:85px 0}.narrow{max-width:870px}.section h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.035em;margin:15px 0 22px}.section p{font-size:18px;line-height:1.7}.projects{background:#eaf0f5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.project{background:white;border:1px solid #dce4ec;border-radius:16px;padding:30px;min-height:360px;display:flex;flex-direction:column}.project.featured{border-top:5px solid #bd8f4c}.project img{object-fit:contain;margin-top:18px}.number{font-size:12px;color:#8a642f;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.project h3{font-size:23px;margin:23px 0 8px}.project p{font-size:16px;margin:0 0 24px;color:#4b5b70}.project a{margin-top:auto;font-weight:800;color:#164577;text-decoration:none}.closing{background:#fff}.closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.footer{background:#091d38;color:#d6e0eb;padding:48px 0}.footer-grid{display:flex;justify-content:space-between;gap:35px}.footer strong{font:800 22px Manrope,sans-serif;color:white}.footer p{max-width:440px;line-height:1.6}.footer nav{display:flex;gap:14px 25px;flex-wrap:wrap;align-items:start}.footer a{text-decoration:none;font-size:14px}@media(max-width:850px){.hero-grid,.closing-grid{grid-template-columns:1fr;gap:32px}.hero{padding:65px 0}.cards{grid-template-columns:1fr}.project{min-height:0}.nav{align-items:flex-start;flex-direction:column;padding:18px 0}.nav nav{gap:12px 20px}.footer-grid{flex-direction:column}}@media(max-width:480px){.wrap{width:min(100% - 32px,1160px)}.hero-card{padding:25px}.section{padding:60px 0}.nav nav a{font-size:13px}}
.section-intro{max-width:770px;color:#4b5b70;margin-top:-6px}.founder{background:#fff}.founder-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:76px;align-items:start}.founder-role{font-weight:800;color:#895f2e}.milestones{border-left:2px solid #d1ad73;padding-left:30px}.milestones div{padding:0 0 23px;display:grid;grid-template-columns:100px 1fr;gap:14px;line-height:1.5}.milestones strong{color:#95652b}.past{background:#f5f7f9}.past-grid,.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.past-grid>div,.cap-grid>div{background:#fff;border:1px solid #dce4ec;border-radius:14px;padding:26px}.past-grid h3,.cap-grid h3{font-size:20px;margin:0 0 12px}.past-grid p,.cap-grid p{font-size:16px;margin:0;color:#4b5b70}.capabilities{background:#eaf0f5}.cap-grid{grid-template-columns:repeat(2,1fr)}.dark{color:#143861;border:1px solid #7894af}@media(max-width:850px){.founder-grid{grid-template-columns:1fr;gap:32px}.past-grid,.cap-grid{grid-template-columns:1fr}.milestones div{grid-template-columns:80px 1fr}}
/* Accesso amministratore: il link porta al percorso protetto già esistente. */
.admin-access{display:inline-grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border:1px solid #ccd7e4;border-radius:50%;text-decoration:none;color:#183c65;background:#f5f8fb;transition:background .2s,color .2s,transform .2s;margin-left:8px}.admin-access:hover{background:#12365f;color:#fff;transform:rotate(22deg)}@media(max-width:850px){.nav{position:relative;padding-right:55px}.admin-access{position:absolute;right:0;top:17px;margin:0}}
/* Duomo, notebook e rete tecnologica ispirati all'immagine del biglietto. */
.hero{min-height:660px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,20,40,.96) 0%,rgba(5,24,46,.9) 28%,rgba(6,27,52,.57) 51%,rgba(6,25,48,.07) 82%),url('/assets/caffino-duomo-tecnologia-hero.png') center center/cover no-repeat #091d38}.hero-grid{display:block}.hero-grid>div{max-width:730px}.hero h1{text-shadow:0 2px 18px rgba(0,0,0,.42)}.hero .lead{text-shadow:0 1px 12px rgba(0,0,0,.55)}@media(max-width:850px){.hero{min-height:650px;background-position:60% center;background-image:linear-gradient(90deg,rgba(4,20,40,.95),rgba(5,23,45,.79) 67%,rgba(5,23,45,.46)),url('/assets/caffino-duomo-tecnologia-hero.png')}}@media(max-width:480px){.hero{min-height:680px;background-position:60% center}.hero h1{font-size:clamp(36px,10vw,52px)}.hero .lead{font-size:17px}}
/* CAF e Patronato */
.service-highlight{background:#fff}.highlight-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.highlight-grid p{max-width:720px}.highlight-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.highlight-list span{background:#f0f4f8;border-left:4px solid #c69b57;padding:20px;border-radius:6px;font-weight:700}.caf-hero{background:linear-gradient(120deg,#091d38,#153d66);color:#fff;padding:95px 0}.caf-hero-content{max-width:1160px}.caf-hero h1{max-width:920px}.caf-hero .lead{max-width:850px}.caf-hero .eyebrow{color:#e1bb78}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.service-grid article{background:#fff;border:1px solid #dce4ec;border-radius:14px;padding:28px}.service-grid article h3{font-size:21px;margin:12px 0}.service-grid article p{font-size:16px;color:#4b5b70;margin:0}.caf-contact{background:#fff}.contact-note{font-size:14px!important;color:#53657c;margin-top:22px}@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}.highlight-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:600px){.service-grid,.highlight-list{grid-template-columns:1fr}.caf-hero{padding:65px 0}}