.hero{position:relative;min-height:100vh;padding:120px 0 90px;display:flex;align-items:center;overflow:hidden;z-index:1;background:var(--bg-void)}.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 70% 40%,rgba(0,163,255,.14) 0%,transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(139,92,246,.1) 0%,transparent 55%),linear-gradient(180deg,#02040a,#050a1c 55%,#02040a)}.hero-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02040ad9,#02040a59 55%,#02040a26)}.hero-bg:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(34,211,255,.02) 3px,rgba(34,211,255,.02) 4px);pointer-events:none}.scan-line{position:absolute;left:0;right:0;height:120px;z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(180deg,transparent,rgba(34,211,255,.06) 50%,transparent);animation:scan 12s linear infinite}@keyframes scan{0%{transform:translateY(-120px)}to{transform:translateY(100vh)}}.hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;width:100%}.tagbar{display:inline-flex;align-items:center;gap:12px;padding:7px 14px;margin-bottom:24px;border:1px solid rgba(34,211,255,.3);background:#22d3ff0f;font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-elec);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.tagbar-dot{width:6px;height:6px;background:var(--blue-elec);border-radius:50%;box-shadow:0 0 10px var(--blue-elec);animation:dotPulse 1.6s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.4}50%{opacity:1}}.hero h1{font-family:var(--ff-display);font-weight:500;font-size:clamp(34px,4vw,56px);line-height:1.04;letter-spacing:-.025em;color:var(--ink);margin-bottom:22px}.hero h1 em{font-style:italic;font-family:var(--ff-serif);font-weight:400;color:var(--blue-elec);text-shadow:0 0 22px rgba(34,211,255,.4)}.hero-lede{font-size:17px;line-height:1.65;color:var(--ink-dim);max-width:540px;margin-bottom:30px;font-weight:400}.hero-lede strong{color:var(--ink);font-weight:500}.hero-ctas{display:flex;gap:14px;margin-bottom:36px;flex-wrap:wrap}.hero-meta{display:flex;gap:36px;padding-top:22px;border-top:1px solid var(--line);max-width:540px;font-family:var(--ff-body);font-size:12.5px;color:var(--ink-mute)}.hero-meta strong{display:block;font-family:var(--ff-display);font-weight:500;font-size:21px;color:var(--blue-elec);letter-spacing:-.01em;margin-bottom:3px}.hero-meta small{display:block;color:var(--ink-dim);font-size:12.5px}.vendor-card-wrap{position:relative;justify-self:end;width:100%;max-width:460px}.vendor-card{background:var(--bg-panel);backdrop-filter:blur(14px);border:1px solid var(--line-strong);border-radius:16px;overflow:hidden;box-shadow:0 28px 72px #02040a99,0 0 0 1px #22d3ff14}.vc-hd{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff0a,#ffffff03)}.vc-logos{display:flex;align-items:center;gap:8px}.vc-dot{width:10px;height:10px;border-radius:50%}.vc-dot-fg{background:var(--blue-elec);box-shadow:0 0 10px var(--blue-elec)}.vc-dot-vendor{background:var(--vendor-accent, var(--blue-hot));box-shadow:0 0 10px var(--vendor-accent, var(--blue-hot))}.vc-plus{color:var(--ink-mute);font-weight:700}.vc-title{font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.vc-title strong{color:var(--ink);font-weight:600}.vc-live{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ok);font-weight:500}.live-dot{width:7px;height:7px;background:var(--ok);border-radius:50%;box-shadow:0 0 8px var(--ok);animation:dotPulse 1.6s ease-in-out infinite}.vc-body{padding:16px 18px 12px;display:flex;flex-direction:column;gap:8px}.vc-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;border:1px solid transparent}.vc-row-fg{background:#22d3ff0f;border-color:#22d3ff29}.vc-row-vendor{background:color-mix(in srgb,var(--vendor-accent) 8%,transparent);border-color:color-mix(in srgb,var(--vendor-accent) 28%,transparent)}.vc-icon{font-family:var(--ff-mono);color:var(--blue-elec);font-size:16px;line-height:1;text-align:center}.vc-row-vendor .vc-icon{color:var(--vendor-accent)}.vc-text{font-family:var(--ff-display);font-size:12.5px;font-weight:500;color:var(--ink);line-height:1.3}.vc-text span{display:block;font-family:var(--ff-body);font-weight:400;font-size:11px;color:var(--ink-mute);margin-top:2px}.vc-badge{font-family:var(--ff-mono);font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:3px}.vc-badge-fg{background:#22d3ff1f;color:var(--blue-elec)}.vc-badge-vendor{background:color-mix(in srgb,var(--vendor-accent) 14%,transparent);color:var(--vendor-accent)}.vc-badge-live{background:#10b98124;color:var(--ok)}.vc-ft{padding:12px 18px;border-top:1px solid var(--line);background:#10b9810f;display:flex;align-items:center;gap:10px;font-family:var(--ff-body);font-size:11.5px;color:var(--ink-dim)}.vc-ft-dot{width:7px;height:7px;background:var(--ok);border-radius:50%;box-shadow:0 0 8px var(--ok)}.vc-ft strong{color:var(--ok);font-weight:600}.section{padding:100px 0;position:relative;z-index:2}.section h2{font-family:var(--ff-display);font-weight:500;font-size:clamp(30px,3.2vw,44px);line-height:1.12;letter-spacing:-.02em;color:var(--ink-light);max-width:760px}.section h2 em{font-style:italic;font-family:var(--ff-serif);font-weight:400;color:var(--accent-dark);text-shadow:0 0 12px rgba(3,105,161,.15)}.perche{background:linear-gradient(180deg,var(--bg-light),var(--bg-light-2));border-top:1px solid rgba(0,40,90,.1)}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.pillar{padding:32px 28px;background:var(--card-light);border:1px solid rgba(0,40,90,.1);position:relative;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:transform .3s,border-color .3s,box-shadow .3s}.pillar:hover{transform:translateY(-3px);border-color:var(--accent-dark);box-shadow:0 0 0 1px #0369a11a,0 14px 36px #0369a114}.pillar-num{font-family:var(--ff-mono);font-size:11px;color:var(--accent-dark);letter-spacing:.08em;font-weight:500;margin-bottom:14px}.pillar h3{font-family:var(--ff-display);font-weight:500;font-size:20px;line-height:1.25;letter-spacing:-.015em;color:var(--ink-light);margin-bottom:12px}.pillar p{font-size:14.5px;color:var(--ink-body);line-height:1.7}.pillar p strong{color:var(--ink-light);font-weight:500}.come-funziona{background:var(--bg-light)}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.flow-card{padding:28px 26px;background:var(--card-light);border:1px solid rgba(0,40,90,.1);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));display:flex;gap:18px;align-items:flex-start;transition:transform .3s,border-color .3s,box-shadow .3s}.flow-card:hover{transform:translateY(-2px);border-color:var(--accent-dark);box-shadow:0 0 0 1px #0369a11a,0 12px 32px #0369a114}.flow-num{font-family:var(--ff-mono);font-size:12px;font-weight:600;color:var(--accent-dark);letter-spacing:.06em;padding-top:2px;min-width:32px}.flow-tag{font-family:var(--ff-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:6px;font-weight:500}.flow-content h3{font-family:var(--ff-display);font-weight:500;font-size:18px;line-height:1.25;letter-spacing:-.015em;color:var(--ink-light);margin-bottom:6px}.flow-content p{font-size:14px;color:var(--ink-body);line-height:1.6;margin:0}.flow-content strong{color:var(--ink-light);font-weight:500}.proof{background:linear-gradient(180deg,var(--bg-light-2),var(--bg-light));border-top:1px solid rgba(0,40,90,.1);border-bottom:1px solid rgba(0,40,90,.1)}.cosa-include{background:var(--bg-light)}.del-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.del-card{padding:28px 26px;background:var(--card-light);border:1px solid rgba(0,40,90,.1);position:relative;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:transform .3s,border-color .3s,box-shadow .3s}.del-card:hover{transform:translateY(-3px);border-color:var(--accent-dark);box-shadow:0 0 0 1px #0369a11a,0 14px 36px #0369a114}.del-card:before{content:"";position:absolute;left:0;top:0;bottom:12px;width:3px;background:var(--accent-dark)}.del-num{font-family:var(--ff-mono);font-size:11px;color:var(--accent-dark);letter-spacing:.08em;font-weight:500;margin-bottom:12px}.del-card h4{font-family:var(--ff-display);font-weight:500;font-size:16.5px;line-height:1.25;letter-spacing:-.015em;color:var(--ink-light);margin-bottom:10px}.del-card p{font-size:14px;color:var(--ink-body);line-height:1.65}.del-card p strong{color:var(--ink-light);font-weight:500}.faq-section{background:linear-gradient(180deg,var(--bg-light-2),var(--bg-light));border-top:1px solid rgba(0,40,90,.1)}.faq-list{max-width:880px;margin:32px auto 0}.faq-item{border-bottom:1px solid rgba(0,40,90,.12);background:var(--card-light);margin-bottom:8px;border:1px solid rgba(0,40,90,.1);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.faq-q{padding:18px 22px;font-family:var(--ff-display);font-weight:500;font-size:15.5px;color:var(--ink-light);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:color .2s}.faq-q::-webkit-details-marker{display:none}.faq-q:hover{color:var(--accent-dark)}.faq-q:after{content:"+";font-size:22px;font-weight:300;color:var(--accent-dark);flex-shrink:0;transition:transform .3s}.faq-item[open] .faq-q:after{transform:rotate(45deg)}.faq-a{padding:0 22px 20px}.faq-a p{font-size:14.5px;color:var(--ink-body);line-height:1.7}.faq-a strong{color:var(--ink-light);font-weight:500}@media (max-width: 1080px){.hero-inner{grid-template-columns:1fr;gap:40px}.vendor-card-wrap{max-width:100%;justify-self:stretch}.pillars-grid,.flow-grid{grid-template-columns:1fr}.del-grid{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.hero{min-height:auto;padding:110px 0 70px}.section{padding:72px 0}.del-grid{grid-template-columns:1fr}.hero-meta{flex-wrap:wrap;gap:18px}}
