/*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* ============================================================ Trantor — design tokens (light / dark) Derived from the original design comps: light values are the literal colors used on light sections; dark values follow the comp's dark-theme remap. ============================================================ */ :root { color-scheme: light; --bg: #F6FAF9; /* page / light-section background */ --surface: #FFFFFF; /* white cards and white sections */ --ink: #0C2926; /* headings & primary text on light */ --muted: #46615C; /* secondary text on light */ --body: #33504B; /* body text on light */ --faint: #5A736E; /* small labels on light */ --accent: #128271; /* accent text / links on light */ --teal: #33CDB7; --teal-bright: #5FDCC9; --brand-deep: #0C2926; /* full-bleed dark sections (hero, nav, footer, CTA) — constant */ --dark-card: #0C2926; /* dark rounded cards inside light sections */ --pill-bg: #DCEFEA; --card-border: #CBE2DC; /* 2px card borders */ --hairline: #D8E6E2; /* 1px separators */ --ink-border: #0C2926; /* 2px dark borders on light */ --ref-box: #FFFFFF; /* client-logo boxes: stay light in dark mode */ } html.dark { color-scheme: dark; --bg: #0B2422; --surface: #0E2B28; --ink: #EAF4F1; --muted: #A9C6C0; --body: #B7CFCA; --faint: #8FB5AE; --accent: #33CDB7; --dark-card: #123833; --pill-bg: rgba(51, 205, 183, .15); --card-border: rgba(255, 255, 255, .16); --hairline: rgba(255, 255, 255, .1); --ink-border: rgba(255, 255, 255, .14); --ref-box: #F6FAF9; } /* ============================================================ Base ============================================================ */ html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } html, body { margin: 0; padding: 0; } body { background: var(--bg); color: var(--ink); font-family: var(--font-archivo), Archivo, Helvetica, Arial, sans-serif; } button, input, select, textarea { font-family: inherit; } a { color: var(--accent); } a:hover { color: var(--teal); } a:focus-visible, button:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; } /* ============================================================ Language toggle (IT default, EN via `en` class on ) ============================================================ */ html:not(.en) [data-en] { display: none !important; } html.en [data-it] { display: none !important; } html:not(.en) [data-lang-pill] [data-l="en"] { opacity: .4; } html.en [data-lang-pill] [data-l="it"] { opacity: .4; } /* Theme toggle button icons */ [data-ti] { display: inline-flex; } html:not(.dark) [data-ti="sun"] { display: none; } html.dark [data-ti="moon"] { display: none; } /* Emblemi adattivi al tema (componente Emblem): variante ink sul chiaro, originale bianca sullo scuro */ html:not(.dark) .emblem-white { display: none; } html.dark .emblem-ink { display: none; } /* ============================================================ Hover utilities — the 8 hover patterns of the design comps. `!important` is required to win over inline styles. ============================================================ */ .hov-white, .hov-fill, .hov-outline, .hov-border, .hov-wash, .hov-card, .hov-teal, .hov-accent { transition: color .15s ease, background-color .15s ease, border-color .15s ease; } .hov-white:hover { color: #FFFFFF !important; } .hov-fill:hover { background: #5FDCC9 !important; color: #0C2926 !important; } .hov-outline:hover { border-color: #33CDB7 !important; color: #33CDB7 !important; } .hov-border:hover { border-color: #33CDB7 !important; } .hov-wash:hover { background: rgba(255, 255, 255, .07) !important; } .hov-card:hover { border-color: #33CDB7 !important; background: var(--surface) !important; } .hov-teal:hover { color: #33CDB7 !important; } .hov-accent:hover { color: var(--accent) !important; } /* ============================================================ Hero visuals: emblemi di prodotto e illustrazioni di servizio. Su mobile passano sopra al titolo e dimezzano la dimensione. ============================================================ */ .hero-emblem, .hero-illustr { flex: none; max-width: 100%; height: auto; } .hero-emblem { width: clamp(200px, 24vw, 320px); } .hero-illustr { width: clamp(280px, 34vw, 430px); } @media (max-width: 860px) { .hero-emblem, .hero-illustr { order: -1; align-self: flex-start; } .hero-emblem { width: clamp(100px, 12vw, 160px); } .hero-illustr { width: clamp(140px, 17vw, 215px); } } /* ============================================================ Nav responsive (breakpoint 860px, as in the design comps) ============================================================ */ @media (max-width: 860px) { .nav-desktop { display: none !important; } .hide-mobile { display: none !important; } } @media (min-width: 861px) { .nav-burger { display: none !important; } } /* Language pill pushes right on mobile (desktop menu hidden) */ .lang-auto { margin-left: auto; } @media (min-width: 861px) { .lang-auto { margin-left: 0; } } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Archivo","arguments":[{"subsets":["latin"],"weight":["500","600","700","800"],"display":"swap","variable":"--font-archivo"}],"variableName":"archivo"} ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* vietnamese */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/b06b356f834173cc-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/23d669af23d19c95-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/1a4aa50920b5315c-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/b06b356f834173cc-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/23d669af23d19c95-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/1a4aa50920b5315c-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/b06b356f834173cc-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/23d669af23d19c95-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/1a4aa50920b5315c-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/b06b356f834173cc-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/23d669af23d19c95-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/1a4aa50920b5315c-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face {font-family: 'Archivo Fallback';src: local("Arial");ascent-override: 88.96%;descent-override: 21.28%;line-gap-override: 0.00%;size-adjust: 98.70% }.__className_ef95b1 {font-family: 'Archivo', 'Archivo Fallback';font-style: normal }.__variable_ef95b1 {--font-archivo: 'Archivo', 'Archivo Fallback' }