@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@1,400;1,500&family=JetBrains+Mono:wght@400;500&display=swap");
/* DPL-DS-CHIEDI v1 - Dal Pra Lab design system layer */
:root{
--dp-green:#34FF00;--dp-indigo:#333399;--dp-peri:#9999FF;
--green-100:#E4FFDA;--green-500:#2ADB00;--green-700:#146600;
--indigo-100:#E6E6F5;--indigo-600:#26266F;
--ink-000:#FFFFFF;--ink-050:#F6F6FA;--ink-100:#ECECF3;--ink-200:#D7D7E1;--ink-300:#B0B0BF;--ink-400:#7C7C8C;--ink-500:#55555F;--ink-600:#33333C;--ink-700:#1E1E26;--ink-800:#131319;--ink-900:#0A0A0E;
--font-display:"Chakra Petch","Arial Narrow",Arial,sans-serif;
--font-ui:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
--font-accent:"Playfair Display",Georgia,serif;
--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
--cut-sm:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
--cut-md:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
--cut-lg:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
--ease:cubic-bezier(.2,.8,.2,1);
--mesh:radial-gradient(120% 140% at 10% 0%,#4A0F1F 0%,rgba(74,15,31,0) 55%),radial-gradient(110% 120% at 95% 5%,#6E8A0B 0%,rgba(110,138,11,0) 50%),radial-gradient(120% 130% at 40% 110%,#4B4BE0 0%,rgba(75,75,224,0) 55%),radial-gradient(100% 120% at 90% 90%,#1B4A52 0%,rgba(27,74,82,0) 60%),#0A0A12;
--bg:#FFFFFF;--bg2:#F6F6FA;--bg3:#ECECF3;
--gold:#333399;--gold2:#26266F;--gd:rgba(51,51,153,.45);
--txt:#1E1E26;--txt2:#33333C;--txt3:#55555F;
--line:#D7D7E1;--green:#146600;--r:0px;
}
html body{background:#FFFFFF;color:var(--ink-700);font-family:var(--font-ui)}
html body h1,html body h2,html body h3,html body h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}
html body a{color:var(--dp-indigo)}

/* header */
html body .top{background:rgba(255,255,255,.94);border-bottom:1px solid var(--ink-200)}
html body .logo{font-family:var(--font-display);font-weight:700;color:#000;letter-spacing:.01em}
html body .logo small{font-family:var(--font-ui);color:var(--ink-500)}
html body .tb{border:2px solid #000;border-radius:0;-webkit-clip-path:var(--cut-sm);clip-path:var(--cut-sm);color:#000;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:11px;background:#fff}
html body .tb:hover{background:var(--dp-green);color:#000;border-color:#000}
html body .sitenav a{color:var(--ink-600);font-weight:500}
html body .sitenav a:hover{color:var(--dp-indigo)}
html body .sitenav a.attivo{color:#000;border:2px solid #000;border-radius:0;-webkit-clip-path:var(--cut-sm);clip-path:var(--cut-sm);background:var(--dp-green);padding:5px 14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
html body .idx{color:var(--green-700)}
html body .idx i{background:var(--dp-green);box-shadow:0 0 0 1px rgba(0,0,0,.35)}

/* hero */
html body .eyebrow{color:var(--dp-indigo);font-weight:700}
html body .void h1,html body .claim{font-family:var(--font-display);font-weight:700;color:#000;letter-spacing:-.02em}
html body .void h1 em,html body .claim em{font-family:var(--font-accent);font-style:italic;font-weight:400;color:var(--dp-indigo)}
html body .void .lede{color:var(--ink-600)}
html body .ask{background:#fff;border:2px solid #000;border-radius:0;-webkit-clip-path:var(--cut-md);clip-path:var(--cut-md)}
html body .ask:focus-within{border-color:#000;box-shadow:inset 0 0 0 2px var(--dp-green)}
html body .ask input{color:var(--ink-700)}
html body .ask input::placeholder{color:#6A6A78}
html body .go{background:var(--dp-green);color:#000;border-radius:0;-webkit-clip-path:var(--cut-sm);clip-path:var(--cut-sm)}
html body .go:hover{background:var(--green-500)}
html body .sg{border:1px solid var(--ink-200);border-radius:0;-webkit-clip-path:var(--cut-sm);clip-path:var(--cut-sm);color:var(--ink-600);background:var(--ink-050);font-weight:500}
html body .sg:hover{border-color:#000;color:#000;background:var(--dp-green)}
html body .hint{color:var(--ink-500)}

/* trace */
html body .sp2{border-color:var(--ink-200);border-top-color:var(--dp-indigo)}
html body .th span{color:var(--ink-600)}
html body .tl .ck{color:var(--green-700)}
html body .tl b{font-family:var(--font-mono);color:var(--dp-indigo)}
html body .tl i{color:var(--ink-600)}
html body .tl .ms{color:var(--ink-500);font-family:var(--font-mono)}

/* blocks */
html body .tag{color:var(--dp-indigo);font-weight:700}
html body .tag::before{background:var(--dp-indigo)}
html body .hero2{border-bottom:1px solid var(--ink-200)}
html body .hero2 h2{font-family:var(--font-display);font-weight:700;color:#000}
html body .hero2 h2 b{font-family:var(--font-accent);font-style:italic;font-weight:400;color:var(--dp-indigo)}
html body .hero2 p{color:var(--ink-600)}
html body .card{background:var(--ink-050);border:2px solid #000;border-radius:0;-webkit-clip-path:var(--cut-md);clip-path:var(--cut-md)}
html body .card:hover{border-color:#000;background:#fff;transform:translateY(-2px)}
html body .card .kick{color:var(--dp-indigo);font-weight:700}
html body .card h4{font-family:var(--font-display);font-weight:700;color:#000}
html body .card .d,html body .card li{color:var(--ink-600)}
html body .card li::before{color:var(--dp-indigo)}
html body .pz{font-family:var(--font-display);font-weight:700;color:#000}
html body .iva{color:var(--ink-500)}
html body .why{color:var(--green-700);border-left:3px solid var(--dp-green);background:rgba(52,255,0,.10)}
html body .btn{background:var(--dp-green);color:#000;border:2px solid #000;border-radius:0;-webkit-clip-path:var(--cut-sm);clip-path:var(--cut-sm);font-family:var(--font-ui);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
html body .btn:hover{background:var(--green-500)}
html body .btn.g{background:#fff;border:2px solid #000;color:#000}
html body .btn.g:hover{background:var(--ink-100);border-color:#000;color:#000}

/* table */
html body table{background:#fff;border:2px solid #000;border-radius:0;-webkit-clip-path:var(--cut-md);clip-path:var(--cut-md)}
html body th,html body td{border-bottom:1px solid var(--ink-200)}
html body thead th{background:var(--ink-100);color:var(--ink-600);font-family:var(--font-ui);font-weight:700}
html body td b{color:#000;font-family:var(--font-display);font-weight:700}
html body .pill{background:var(--indigo-100);color:var(--dp-indigo);border-radius:0;-webkit-clip-path:var(--cut-sm);clip-path:var(--cut-sm);font-weight:700;padding:4px 10px}
html body .pill.gr{background:var(--green-100);color:var(--green-700)}

/* case study - unico momento mesh */
html body .caso{background:var(--mesh);border:2px solid #000;border-radius:0;-webkit-clip-path:var(--cut-lg);clip-path:var(--cut-lg);color:#fff}
html body .caso .tag{color:var(--dp-green)}
html body .caso .tag::before{background:var(--dp-green)}
html body .caso h3{color:#fff;font-family:var(--font-display);font-weight:700}
html body .caso h3 b{font-family:var(--font-accent);font-style:italic;font-weight:400;color:var(--dp-green)}
html body .caso .row .lb{color:rgba(255,255,255,.70)}
html body .caso .row .vl{color:rgba(255,255,255,.94)}
html body .caso .out{border-top:1px solid rgba(255,255,255,.24)}
html body .caso .out .big{font-family:var(--font-display);font-weight:700;color:var(--dp-green)}
html body .caso .out .lb2{color:rgba(255,255,255,.90)}

/* steps */
html body .steps{background:var(--ink-200);border:2px solid #000;border-radius:0;-webkit-clip-path:var(--cut-md);clip-path:var(--cut-md)}
html body .st{background:#fff}
html body .st .n{background:#000;color:var(--dp-green);font-family:var(--font-mono)}
html body .st h4{font-family:var(--font-display);font-weight:700;color:#000}
html body .st p{color:var(--ink-600)}

/* panel / chips */
html body .panel{background:var(--ink-050);border:2px solid #000;border-radius:0;-webkit-clip-path:var(--cut-md);clip-path:var(--cut-md)}
html body .panel h3{font-family:var(--font-display);font-weight:700;color:#000}
html body .panel>p{color:var(--ink-600)}
html body .q,html body .lk{border:1px solid var(--ink-200);border-radius:0;-webkit-clip-path:var(--cut-sm);clip-path:var(--cut-sm);background:#fff;color:var(--ink-600);font-weight:500}
html body .q:hover,html body .lk:hover{border-color:#000;color:#000;background:var(--dp-green)}

/* note */
html body .note{background:var(--ink-050);border:1px solid var(--ink-200);border-left:3px solid var(--dp-indigo);border-radius:0;color:var(--ink-600)}
html body .note .i,html body .note b{color:var(--dp-indigo)}

/* faq */
html body .faq details{background:var(--ink-050);border:1px solid var(--ink-200);border-radius:0;-webkit-clip-path:var(--cut-sm);clip-path:var(--cut-sm)}
html body .faq summary{color:#000;font-weight:600}
html body .faq summary::after{color:var(--dp-indigo)}
html body .faq p{color:var(--ink-600)}

/* catalogo */
html body .catgrp .gh{border-bottom:1px solid var(--ink-200)}
html body .catgrp .gh h4{font-family:var(--font-display);font-weight:700;color:#000}
html body .catgrp .gh span{font-family:var(--font-mono);color:var(--ink-500)}
html body .rows{background:var(--ink-200);border:2px solid #000;border-radius:0;-webkit-clip-path:var(--cut-md);clip-path:var(--cut-md)}
html body .rw{background:#fff}
html body .rw:hover{background:var(--ink-050)}
html body .rw .nm{color:var(--ink-700)}
html body .rw .nm small{color:var(--ink-500)}
html body .rw .pr{font-family:var(--font-display);font-weight:700;color:#000}
html body .rw .ar{color:var(--dp-indigo)}
html body .more{color:var(--dp-indigo);border-bottom:2px solid var(--dp-green);font-weight:700}

/* strip, drawer, pre */
html body .strip{background:rgba(255,255,255,.96);border-top:2px solid #000;color:var(--ink-600)}
html body .strip b{color:var(--dp-indigo);font-weight:700}
html body .dr{background:rgba(10,10,14,.55)}
html body .dri{background:#fff;border-left:2px solid #000}
html body .dri h3{font-family:var(--font-display);font-weight:700;color:#000}
html body .dri .sub,html body .dri p{color:var(--ink-600)}
html body .dri h4{font-family:var(--font-display);color:var(--dp-indigo);font-weight:700}
html body .x{color:#000}
html body pre{background:var(--ink-800);border:2px solid #000;color:var(--dp-peri);border-radius:0;-webkit-clip-path:var(--cut-sm);clip-path:var(--cut-sm);font-family:var(--font-mono)}

/* statico */
html body .statico{border-top:1px solid var(--ink-200);color:var(--ink-600)}
html body .statico h1,html body .statico h2{font-family:var(--font-display);font-weight:700;color:#000}
html body .statico h3{font-family:var(--font-display);font-weight:700;color:var(--dp-indigo)}
html body .statico .def{color:var(--ink-700);border-left:3px solid var(--dp-green)}
html body .statico .verifica{color:var(--ink-500)}


/* rifiniture */
html body .idx{white-space:nowrap}
html body .ask{-webkit-clip-path:var(--cut-sm);clip-path:var(--cut-sm)}
html body .hero2 h2 b{font-family:var(--font-display);font-style:normal;font-weight:700;color:var(--dp-indigo)}
html body .foot-actions .btn{padding:12px 24px}