:root{--g9:#0e1116;--g8:#161a21;--g7:#1f252e;--g6:#2b323d;--g3:#c9ced6;--g1:#f3f4f6;--or:#ff6a13;--or2:#ffb020;--st:#5b8db8;--r:16px;--sh:0 20px 50px -20px rgba(14,17,22,.35)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font:16px/1.65 Inter,system-ui,sans-serif;color:#2a2f37;background:#fff;overflow-x:hidden}
img,svg{max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:Archivo,Inter,sans-serif;color:var(--g9);line-height:1.08;letter-spacing:-.02em}
h1{font-size:clamp(2.2rem,6vw,4.4rem);font-weight:900}h2{font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:800}h3{font-size:1.15rem;font-weight:700}
.wrap{width:min(1200px,100% - 2.5rem);margin:auto}.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.muted{color:#5d6571}.muted-l{color:var(--g3)}.w{color:#fff}
.kicker{font:700 .78rem Archivo,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--or);margin-bottom:.9rem;display:flex;align-items:center;gap:.5rem}
.dot{width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 0 0 rgba(255,106,19,.6);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,106,19,0)}100%{box-shadow:0 0 0 0 rgba(255,106,19,0)}}
.topbar{background:var(--g9);color:var(--g3);font-size:.8rem}.topbar .wrap{display:flex;gap:1.4rem;justify-content:flex-end;padding:.45rem 0;flex-wrap:wrap}.topbar span,.topbar a{display:flex;gap:.4rem;align-items:center}.topbar a:hover{color:#fff}
.hdr{position:sticky;top:0;z-index:50;background:rgba(14,17,22,.82);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center;gap:.6rem;font:600 1.05rem Archivo,sans-serif;color:#fff}.logo b{font-weight:900;color:var(--or);margin-left:.15rem}
.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--or),var(--or2));color:var(--g9);font-weight:900;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.nav{display:flex;align-items:center;gap:.2rem}.nav a{color:var(--g3);font-size:.9rem;font-weight:500;padding:.5rem .7rem;border-radius:8px;transition:.2s}.nav a:hover,.nav a[aria-current]{color:#fff;background:rgba(255,255,255,.07)}.nav a[aria-current]{box-shadow:inset 0 -2px var(--or)}
.nav .nav-cta{color:var(--g9);margin-left:.5rem}.nav .nav-cta:hover{color:var(--g9);background:var(--or2)}
.burger{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}.burger span{width:20px;height:2px;background:#fff;transition:.3s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--or);color:var(--g9);font:700 .95rem Archivo,sans-serif;padding:.95rem 1.5rem;border-radius:12px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 10px 30px -10px rgba(255,106,19,.7)}
.btn:hover{transform:translateY(-2px);background:var(--or2)}.btn-sm{padding:.6rem 1rem;font-size:.85rem}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:none}.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-ghost-l{background:none;color:var(--g9);border:2px solid var(--g9);box-shadow:none;word-break:break-all}
.ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
/* hero */
.hero{position:relative;overflow:hidden;background:var(--g9);color:var(--g3);padding:clamp(4rem,10vw,8rem) 0 clamp(5rem,10vw,8rem);clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}
.aurora{position:absolute;inset:-20%;filter:blur(70px);opacity:.75}.aurora i{position:absolute;border-radius:50%;animation:drift 18s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:45vw;height:45vw;background:#ff6a13;left:55%;top:5%;opacity:.45}.aurora i:nth-child(2){width:40vw;height:40vw;background:#2d5e8a;left:5%;top:40%;animation-delay:-6s}.aurora i:nth-child(3){width:30vw;height:30vw;background:#ffb020;left:70%;top:55%;opacity:.3;animation-delay:-12s}
@keyframes drift{to{transform:translate(-8%,6%) scale(1.15)}}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%)}
.hero-in{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:3rem;align-items:center}.hero h1{color:#fff}
.hl{background:linear-gradient(90deg,var(--or),var(--or2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(1rem,1.6vw,1.18rem);max-width:60ch;margin-top:1.2rem}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.chips li{display:flex;gap:.45rem;align-items:center;font-size:.85rem;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(255,255,255,.04)}.chips .ic{color:var(--or)}
.panel{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:1.5rem;backdrop-filter:blur(10px);box-shadow:0 40px 80px -30px #000;transform:perspective(900px) rotateY(-8deg) rotateX(4deg);transition:transform .6s}
.panel:hover{transform:none}.ph{display:flex;gap:.4rem;align-items:center;margin-bottom:1.1rem}.ph span{width:10px;height:10px;border-radius:50%;background:#ff5f57}.ph span:nth-child(2){background:#febc2e}.ph span:nth-child(3){background:#28c840}.ph b{margin-left:auto;font:700 .7rem Archivo;letter-spacing:.15em;color:var(--or)}
.row{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px dashed rgba(255,255,255,.12);font-size:.9rem}.row b{color:#fff;text-align:right}
.bar{height:6px;border-radius:9px;background:rgba(255,255,255,.1);margin:1.2rem 0 .8rem;overflow:hidden}.bar i{display:block;height:100%;width:70%;background:linear-gradient(90deg,var(--or),var(--or2));animation:load 3s ease-in-out infinite alternate}@keyframes load{from{width:20%}}
.pnote{font-size:.8rem}
.strip{background:var(--or);color:var(--g9);overflow:hidden;margin-top:-3rem;position:relative;transform:rotate(-1.5deg);width:104%;margin-left:-2%}
.strip-in{display:flex;gap:2.5rem;white-space:nowrap;padding:1rem 0;font:800 .95rem Archivo;text-transform:uppercase;letter-spacing:.06em;animation:marq 30s linear infinite;width:max-content}.strip-in span::before{content:"◆";margin-right:2.5rem;opacity:.5}@keyframes marq{to{transform:translateX(-50%)}}
.trust{padding:3.5rem 0 1rem}.trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.trust-in>div{display:flex;gap:.9rem;align-items:flex-start;padding:1.2rem;border-radius:var(--r);background:var(--g1)}
.trust-in .ic{width:2.2rem;height:2.2rem;padding:.45rem;border-radius:10px;background:var(--g9);color:var(--or)}.trust b{display:block;font-family:Archivo;color:var(--g9)}.trust span{font-size:.85rem;color:#5d6571}
.sec{padding:clamp(4rem,8vw,7rem) 0;position:relative}.alt{background:var(--g1)}.dark{background:var(--g9);color:var(--g3);clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}.dark h2,.dark h3{color:#fff}
.shead{max-width:720px;margin-bottom:3rem}.shead .muted{margin-top:.8rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.card{position:relative;padding:1.8rem;border-radius:var(--r);background:#fff;border:1px solid #e6e8ec;transition:transform .35s,box-shadow .35s,border-color .35s;overflow:hidden}.alt .card{background:#fff}
.card::after{content:"";position:absolute;inset:auto -30% -60% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(var(--or),transparent 70%);opacity:0;transition:.4s}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:transparent}.card:hover::after{opacity:.18}
.cic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--g9);color:var(--or);margin-bottom:1.2rem}.cic .ic{width:26px;height:26px}
.card p{color:#5d6571;margin-top:.5rem;font-size:.95rem}.more{display:inline-block;margin-top:1rem;font-weight:700;color:var(--or)}
.tag{display:inline-block;font:700 .68rem Archivo;letter-spacing:.14em;text-transform:uppercase;color:var(--st);background:rgba(91,141,184,.12);padding:.3rem .6rem;border-radius:6px;margin-bottom:.5rem}.card .tag{position:absolute;top:1.4rem;right:1.4rem}
.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(220px,auto)}.bento .card:nth-child(1){grid-column:span 2;grid-row:span 2;background:linear-gradient(150deg,var(--g8),#2a2118);color:var(--g3);border:0}
.bento .card:nth-child(1) h3{color:#fff;font-size:2rem}.bento .card:nth-child(1) p{color:var(--g3);font-size:1.05rem;max-width:40ch}.bento .card:nth-child(1) .cic{width:72px;height:72px;background:var(--or);color:var(--g9)}
.bento .card:nth-child(2){grid-column:span 2}.bento .card:nth-child(6){grid-column:span 2}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}.prose p+p{margin-top:1rem}.prose{font-size:1.05rem}.prose.l{color:var(--g3)}
.steps{list-style:none;display:grid;gap:1rem}.steps li{display:flex;gap:1.2rem;padding:1.4rem;border-radius:var(--r);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.steps b{font:900 1.6rem Archivo;color:var(--or)}.steps p{color:var(--g3);margin-top:.3rem}
.steps.light li{background:var(--g1);border-color:#e6e8ec}
.svc{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.svc div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;padding:1.6rem 1rem;background:#fff;border-radius:var(--r);font:700 .95rem Archivo;color:var(--g9);transition:.3s}.svc div:hover{background:var(--g9);color:#fff}.svc .ic{width:34px;height:34px;color:var(--or)}
.cta{background:linear-gradient(120deg,var(--or),var(--or2));padding:4rem 0}.cta-in{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.cta h2{color:var(--g9)}.cta p{color:#3a2a1a;margin-top:.5rem}.cta .btn{background:var(--g9);color:#fff;box-shadow:none}.cta .ctas{margin:0}
.phero{background:var(--g9);color:var(--g3);padding:clamp(3.5rem,8vw,6rem) 0;position:relative;overflow:hidden;background-image:radial-gradient(circle at 85% 30%,rgba(255,106,19,.35),transparent 45%),radial-gradient(circle at 10% 90%,rgba(45,94,138,.5),transparent 50%)}.phero h1{color:#fff}
.phero-in{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.badge-ic{width:180px;height:180px;border-radius:40px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.15);color:var(--or);transform:rotate(-6deg)}.badge-ic .ic{width:90px;height:90px;stroke-width:1.3}
.prods{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.prod{padding:2rem;border-radius:var(--r);border:1px solid #e6e8ec;background:#fff;transition:.3s}.prod:hover{box-shadow:var(--sh)}.prod p{margin:1rem 0;color:#4a515c}
.ph-h{display:flex;gap:1rem;align-items:center}.ph-h>.ic{width:56px;height:56px;padding:.8rem;border-radius:14px;background:var(--g9);color:var(--or)}.ph-h h2{font-size:1.45rem}
.spec{display:grid;border-top:1px solid #e6e8ec}.spec div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.65rem 0;border-bottom:1px solid #e6e8ec;font-size:.92rem}.spec dt{font-weight:600;color:var(--g9)}.spec dd{color:#4a515c}
.checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.checks li{padding:1.1rem 1.1rem 1.1rem 3rem;border-radius:12px;background:var(--g1);font-weight:600;color:var(--g9);position:relative}.checks li::before{content:"✓";position:absolute;left:1rem;top:1rem;width:1.4rem;height:1.4rem;display:grid;place-items:center;border-radius:50%;background:var(--or);color:#fff;font-size:.8rem}
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem}.cinfo{display:grid;gap:1rem;align-content:start}.ci{display:flex;gap:1rem;padding:1.3rem;border-radius:var(--r);background:var(--g1);transition:.3s}.ci:hover{background:#e9ebef}.ci>.ic{width:44px;height:44px;padding:.6rem;border-radius:12px;background:var(--g9);color:var(--or)}.ci small{display:block;color:#5d6571;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.ci b{color:var(--g9);font-weight:600;word-break:break-word}
.form{padding:2rem;border-radius:20px;background:var(--g9);color:var(--g3);display:grid;gap:1rem}.form h2{color:#fff;font-size:1.6rem}.form label{display:grid;gap:.4rem;font-size:.85rem;font-weight:600}
.form input,.form select,.form textarea{font:inherit;padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#fff;width:100%}.form select option{color:#000}.form :focus{outline:2px solid var(--or);outline-offset:1px}.form .bad{border-color:#ff5f57}.fnote{font-size:.8rem;color:#8a929e}
.ftr{background:var(--g9);color:var(--g3);padding:4rem 0 1.5rem;border-top:4px solid var(--or)}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:2rem}.ftr h4{color:#fff;margin-bottom:1rem;font-size:.95rem}.ftr a:not(.logo){display:block;padding:.25rem 0;font-size:.9rem;word-break:break-word}.ftr a:hover{color:var(--or)}.ftr .muted{color:#8a929e;margin-top:1rem;font-size:.9rem}
.fbot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media (max-width:1366px){.burger{display:flex}.nav{position:fixed;inset:70px 0 auto 0;flex-direction:column;align-items:stretch;padding:1rem 1.25rem 1.5rem;background:rgba(14,17,22,.98);gap:.2rem;transform:translateY(-120%);opacity:0;transition:.35s;max-height:calc(100vh - 70px);overflow:auto;visibility:hidden}.nav.open{transform:none;opacity:1;visibility:visible}.nav a{padding:.9rem 1rem;font-size:1.05rem}.nav .nav-cta{margin:.6rem 0 0}
.svc{grid-template-columns:repeat(3,1fr)}.trust-in{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.hero-in,.split,.contact,.prods{grid-template-columns:1fr}.cards,.bento{grid-template-columns:1fr 1fr}.bento .card:nth-child(n){grid-column:span 2}.bento .card:nth-child(n+3){grid-column:span 1}.bento .card:nth-child(1){grid-row:auto}.panel{transform:none}.phero-in{grid-template-columns:1fr}.badge-ic{display:none}}
@media (max-width:560px){.hide-s{display:none!important}.topbar .wrap{justify-content:space-between}.cards,.bento,.trust-in,.checks,.fgrid{grid-template-columns:1fr}.bento .card:nth-child(n){grid-column:auto}.svc{grid-template-columns:1fr 1fr}.spec div{grid-template-columns:1fr;gap:.1rem}.ctas .btn{width:100%}.btn-ghost-l{font-size:.9rem}.logo{font-size:.95rem}.bento .card:nth-child(1) h3{font-size:1.6rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
main{overflow-x:clip}html{overflow-x:clip}
/* themes */
:root{--bg:#fff;--surf:#fff;--soft:#f3f4f6;--soft2:#e9ebef;--line:#e6e8ec;--txt:#2a2f37;--head:#0e1116;--mut:#5d6571}
[data-theme=dark]{--bg:#0b0d11;--surf:#141820;--soft:#11151b;--soft2:#1a2029;--line:#252c37;--txt:#c9ced6;--head:#f3f4f6;--mut:#9aa3af;color-scheme:dark}
body{background:var(--bg);color:var(--txt);transition:background .4s,color .4s}
h1,h2,h3,h4,.trust b,.svc div,.checks li,.ci b,.spec dt{color:var(--head)}.hero h1,.phero h1,.dark h2,.dark h3,.form h2,.ftr h4{color:#fff}.cta h2{color:#0e1116}
.muted,.card p,.trust span,.ci small{color:var(--mut)}.prod p,.spec dd{color:var(--txt)}
.alt,.trust-in>div,.checks li,.ci,.steps.light li{background:var(--soft)}.ci:hover{background:var(--soft2)}
.card,.prod,.alt .card,.svc div{background:var(--surf);border-color:var(--line)}.spec,.spec div{border-color:var(--line)}.steps.light li{border-color:var(--line)}
.btn-ghost-l{color:#0e1116;border-color:#0e1116}
[data-theme=dark] .dark{background:#06080b}[data-theme=dark] .bento .card:nth-child(1){background:linear-gradient(150deg,#1a1f27,#2a2118)}
.theme{width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:none;color:#fff;cursor:pointer;display:grid;place-items:center;margin-left:auto;margin-right:.5rem;transition:.3s}.theme:hover{border-color:var(--or);color:var(--or)}
.theme .ic{width:20px;height:20px;grid-area:1/1;transition:transform .5s,opacity .3s}[data-theme=dark] .theme .moon,[data-theme=light] .theme .sun{opacity:0;transform:rotate(-90deg) scale(.5)}
@media (min-width:1367px){.hdr-in .nav{order:2}.theme{order:3;margin:0 0 0 .6rem}}
/* imagery */
.hero-media{position:absolute;inset:-10% 0 0;z-index:0}.hero-img{width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.8) contrast(1.05)}
.hero .hero-media::after,.phero .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#0e1116 25%,rgba(14,17,22,.55) 60%,rgba(14,17,22,.2))}
.hero .aurora{opacity:.45;mix-blend-mode:screen}.phero .wrap{position:relative;z-index:1}.hero-in{z-index:1}
.hero-media img{animation:kb 24s ease-in-out infinite alternate}@keyframes kb{to{transform:scale(1.08)}}
.has-img{padding-top:0}.cimg{margin:0 -1.8rem 1.4rem;height:180px;overflow:hidden}.cimg img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card:hover .cimg img{transform:scale(1.07)}
.bento .card:nth-child(1).has-img{display:flex;flex-direction:column;justify-content:flex-end;min-height:460px;padding-top:1.8rem}.bento .card:nth-child(1) .cimg{position:absolute;inset:0;margin:0;height:auto}.bento .card:nth-child(1) .cimg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0e1116 15%,rgba(14,17,22,.2))}.bento .card:nth-child(1)>*:not(.cimg){position:relative;z-index:1}
.bento .card.has-img .tag{z-index:2;background:rgba(14,17,22,.75);color:#fff}
@media (max-width:560px){.bento .card:nth-child(1).has-img{min-height:380px}}
.bento .card:nth-child(2){grid-column:auto}.bento .card:nth-child(6){grid-column:span 4}
.bento .card:not(:first-child).has-img .cimg{height:150px}
@media (max-width:860px){.bento .card:nth-child(6){grid-column:span 2}}
@media (max-width:560px){.bento .card:nth-child(6){grid-column:auto}}
.lang{display:grid;place-items:center;height:44px;min-width:44px;padding:0 .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.15);color:#fff;font:800 .82rem Archivo;letter-spacing:.08em;margin-left:auto;margin-right:.5rem;transition:.3s}.lang:hover{border-color:var(--or);color:var(--or)}
.lang+.theme{margin-left:0}
@media (min-width:1367px){.lang{order:3;margin:0 0 0 .6rem}.theme{order:4}}
@media (max-width:360px){.logo span:last-child{font-size:.85rem}.lang,.theme{margin-right:.35rem}}
.nav a{white-space:nowrap}
@media (max-width:1366px){.theme,.lang{margin-left:0}.lang{margin-left:auto}}
@media (min-width:1367px){html[lang=it] .nav a{padding:.5rem .5rem;font-size:.85rem}html[lang=it] .logo{font-size:.95rem}}
.pfig{position:relative;margin:1.2rem 0 0;border-radius:12px;overflow:hidden;aspect-ratio:16/7;background:var(--soft)}.pfig img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.prod:hover .pfig img{transform:scale(1.05)}
.pfig figcaption{position:absolute;left:.75rem;bottom:.75rem;font:700 .68rem Archivo;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(14,17,22,.75);padding:.35rem .65rem;border-radius:6px;backdrop-filter:blur(6px)}
.bento .card:nth-child(6),.bento .card:nth-child(7){grid-column:span 2}
@media (max-width:860px){.bento .card:nth-child(6),.bento .card:nth-child(7){grid-column:span 1}}
@media (max-width:560px){.bento .card:nth-child(n){grid-column:auto}}
.bento .card:nth-child(n){grid-column:auto;grid-row:auto}.bento .card:nth-child(1){grid-column:span 2;grid-row:span 2}.bento .card:nth-child(n+6){grid-column:span 2}.bento .card:nth-child(n+8){grid-column:span 2}
.bento .card:nth-child(n+8) .cimg{height:120px}
@media (max-width:860px){.bento .card:nth-child(n){grid-column:span 1}.bento .card:nth-child(1){grid-column:span 2;grid-row:auto}}
@media (max-width:560px){.bento .card:nth-child(n){grid-column:auto}}
@media (max-width:1366px){}
@media (min-width:1367px){.nav a{padding:.5rem .5rem;font-size:.85rem}.logo{font-size:.95rem}}
.bento .card:nth-child(1)>.tag{position:absolute;top:1.4rem;right:1.4rem;z-index:2}
.pfig2{display:grid;grid-template-columns:1.6fr 1fr;gap:.6rem}.pfig2 .pfig{aspect-ratio:auto;height:200px}
@media (max-width:560px){.pfig2{grid-template-columns:1fr}.pfig2 .pfig{height:170px}}
.bento .card:nth-child(n+6){grid-column:auto}.bento .card:nth-child(n+7){grid-column:span 2}
@media (max-width:860px){.bento .card:nth-child(n+6){grid-column:span 1}}
@media (max-width:560px){.bento .card:nth-child(n){grid-column:auto}}
@media (min-width:861px){.bento .card:nth-child(7){grid-column:span 3}.bento .card:nth-child(8){grid-column:span 2}.bento .card:nth-child(9),.bento .card:nth-child(10){grid-column:span 1}}
.music-btn{position:fixed;left:18px;bottom:18px;z-index:999;width:44px;height:44px;border-radius:50%;border:1px solid rgba(128,128,128,.35);background:rgba(20,24,30,.72);color:#fff;font-size:18px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(0,0,0,.25);opacity:.75;transition:opacity .2s,transform .2s}
.music-btn:hover,.music-btn.on{opacity:1}.music-btn:hover{transform:scale(1.06)}
[data-theme=light] .music-btn{background:rgba(255,255,255,.85);color:#222}
.hrs-badge{display:inline-block;font-size:.72em;font-weight:600;padding:1px 8px;border-radius:999px;margin-top:4px;vertical-align:middle}
.hrs-badge.open{background:rgba(34,197,94,.18);color:#22c55e}.hrs-badge.closed{background:rgba(239,68,68,.16);color:#ef4444}
.hrs-note{opacity:.75;font-size:.8em}
.qwrap{max-width:920px}.rfq fieldset{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.1rem 1.2rem 1.3rem;margin:0}
.rfq legend{padding:0 .5rem;font-family:Archivo,sans-serif;font-weight:800;color:#fff;font-size:.95rem;letter-spacing:.02em}
.qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem}.qgrid .span2{grid-column:1/-1}
.rfq small{font-weight:400;opacity:.65}.rfq .btn{justify-self:start}.hp{display:none!important}
@media(max-width:640px){.qgrid{grid-template-columns:1fr}}
.qpanel{margin-top:1rem;display:inline-block}.qlink{margin-left:.9rem}
.tv-tape{min-height:46px;border-bottom:1px solid rgba(128,128,128,.18)}
.tv-mini,.tv-overview{border-radius:14px;overflow:hidden;border:1px solid rgba(128,128,128,.18);min-height:120px}
.tv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.tv-disc{font-size:.8rem;opacity:.7;margin-top:.8rem}
/* TradingView iframes: avoid white backdrop from color-scheme mismatch */
.tradingview-widget-container,.tradingview-widget-container__widget{background:transparent}
.tradingview-widget-container iframe{color-scheme:normal;background:transparent}
.tv-mini{background:#131722;overflow:visible;min-height:140px;padding:2px}
[data-theme=light] .tv-mini{background:var(--surf)}
.tv-overview{background:var(--surf)}
/* markets tiles: 2 per row desktop, 1 mobile, room for Day's Range */
.tv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.tv-grid{grid-template-columns:minmax(0,1fr)}}
.tv-mini{width:100%;max-width:100%;min-width:0;min-height:132px;padding:4px;overflow:hidden;position:relative;box-sizing:border-box}
.tv-mini .tradingview-widget-container{transform-origin:0 0;min-width:0}
.tv-overview{padding-bottom:28px;overflow:visible;min-height:710px}
.ports-map{height:460px;border-radius:16px;overflow:hidden;border:1px solid rgba(128,128,128,.2);background:#0e1116;z-index:0}
.ports-off::after{content:'Map unavailable';display:grid;place-items:center;height:100%;color:#8a929e}
.port-pin span{display:block;width:14px;height:14px;border-radius:50%;background:#ff6a13;border:2px solid #fff;box-shadow:0 0 0 4px rgba(255,106,19,.3),0 0 14px rgba(255,106,19,.8)}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#141820!important;color:#f3f5f8!important;border:1px solid rgba(255,106,19,.45)!important;box-shadow:0 8px 24px rgba(0,0,0,.65)!important}.leaflet-container a{color:#ffb020!important}.leaflet-container a.leaflet-popup-close-button{color:#b0b8c5!important}
.ports-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem;padding:0;list-style:none}.ports-list li{font-size:.78rem;padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(128,128,128,.32);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s;user-select:none}.ports-list li:hover,.ports-list li.active{background:rgba(255,106,19,.2);border-color:#ff6a13;color:#fff;transform:translateY(-1px)}.port-pin-active span{width:18px!important;height:18px!important;background:#ffb020!important;border:2.5px solid #fff!important;box-shadow:0 0 0 6px rgba(255,176,32,.38),0 0 18px rgba(255,106,19,1)!important}
@media(max-width:640px){.ports-map{height:340px}}
.osm-dark .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.85) contrast(.9) grayscale(.3)}
/* domain-logo-and-hero-video */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
.hero-in,.hero-copy,.hero-art,.panel,.hero-vid-wrap{min-width:0;max-width:100%}
.logo{display:inline-flex;align-items:center;gap:.68rem;color:#fff;text-decoration:none;flex-shrink:0}
.logo-emblem{width:44px;height:44px;flex:none;filter:drop-shadow(0 4px 12px rgba(255,106,19,.28));transition:transform .25s ease,filter .25s ease}
.logo:hover .logo-emblem{transform:translateY(-1px) scale(1.04);filter:drop-shadow(0 6px 16px rgba(255,106,19,.48))}
.logo-txt{display:flex;flex-direction:column;justify-content:center;line-height:1.05;gap:3px}
.logo-main{font:900 .98rem/1 Archivo,Inter,sans-serif;letter-spacing:.04em;color:#fff;display:flex;align-items:center;gap:.24rem}
.logo-main b{font-weight:900;background:linear-gradient(90deg,#ff6a13,#ffb020);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}
.logo-sub{display:flex;align-items:center;gap:.4rem;font:700 .6rem/1 Archivo,Inter,sans-serif;letter-spacing:.14em;color:#94a3b8;text-transform:uppercase}
.logo-sub i{font-style:normal;opacity:.92}
.dom-pill{font-style:normal;font-weight:900;font-size:.62rem;letter-spacing:.08em;padding:2px 5px;border-radius:4px;background:linear-gradient(135deg,#ff6a13,#ffb020);color:#0e1116;line-height:1}
@media (max-width:480px){
  .logo{gap:.5rem}
  .logo-emblem{width:38px;height:38px}
  .logo-main{font-size:.86rem;letter-spacing:.025em}
  .logo-sub i{display:none}
}
@media (min-width:960px){.hero-in{grid-template-columns:1.08fr 1.12fr;gap:2.5rem}}
.panel.panel-vid{transform:none;padding:1.1rem 1.15rem 1.25rem;width:100%;max-width:100%;overflow:hidden}
.hero-vid-wrap{position:relative;width:100%;max-width:100%;border-radius:14px;overflow:hidden;background:#07090c;border:1px solid rgba(255,255,255,.16);aspect-ratio:16/9;margin-bottom:.9rem;box-shadow:0 16px 40px -15px rgba(0,0,0,.7)}
.hero-vid{width:100%!important;max-width:100%!important;height:100%!important;display:block;object-fit:cover;object-position:center center;background:#07090c}
.vid-unmute{position:absolute;top:10px;right:10px;z-index:4;display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,106,19,.9);background:rgba(14,17,22,.88);color:#fff;font:700 .78rem Archivo,Inter,sans-serif;letter-spacing:.02em;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,0,0,.5);transition:transform .2s,background .2s,border-color .2s}
.vid-unmute:hover{transform:translateY(-1px) scale(1.03);background:var(--or);color:var(--g9)}
.vid-unmute.is-unmuted{background:rgba(14,17,22,.72);border-color:rgba(255,255,255,.28);color:var(--g3)}
@media (max-width:640px){
  .hero{padding:2.6rem 0 4.2rem}
  .hero-in{gap:1.8rem}
  .panel.panel-vid{padding:.9rem .9rem 1.05rem;border-radius:18px}
  .panel.panel-vid .ph b{font-size:.62rem;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .panel.panel-vid .row{font-size:.82rem;padding:.55rem 0}
  .vid-unmute{top:8px;right:8px;padding:.38rem .75rem;font-size:.74rem}
}


/* mobile-header-topbar-cta-polish-v2 */
.hrs-mob{display:none}
.topbar .hrs-badge{margin-top:0;vertical-align:baseline}
.btn{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.28);font-weight:800}
.btn.btn-ghost{color:#fff!important;-webkit-text-fill-color:#fff!important}
.cta .btn.btn-ghost-l,.btn.btn-ghost-l{background:#0e1116!important;border:2px solid rgba(255,255,255,.45)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;box-shadow:none!important;font-weight:800}.cta .btn.btn-ghost-l:hover,.btn.btn-ghost-l:hover{background:#1b222d!important;border-color:#fff!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.nav .nav-cta{color:#fff!important;-webkit-text-fill-color:#fff!important}
.logo{display:inline-flex;align-items:center;gap:.62rem;color:#fff;text-decoration:none;flex-shrink:0;min-width:0}
.logo-emblem{width:42px;height:42px;flex:none;filter:drop-shadow(0 4px 10px rgba(255,106,19,.26))}
.logo-txt{display:inline-flex;align-items:center;justify-content:center;line-height:1;min-width:0}
.logo-main{font:900 .94rem/1 Archivo,Inter,system-ui,sans-serif;letter-spacing:.025em;color:#fff;display:inline-flex;align-items:baseline;gap:0;white-space:nowrap}
.logo-main b{font-weight:900;color:#ff7a29;background:linear-gradient(90deg,#ff6a13,#ffb020);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-left:.22rem}
.dom-pill{font-style:normal;font-weight:800;font-size:.82em;letter-spacing:.03em;padding:0;border-radius:0;background:none;color:#94a3b8;margin-left:.05rem;line-height:1}
.logo-sub{display:none!important}
@media (max-width:640px){
  .wrap{width:calc(100% - 1.5rem)}
  .topbar{font-size:.72rem;border-bottom:1px solid rgba(255,255,255,.06)}
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.5rem;padding:.36rem 0;white-space:nowrap}
  .topbar .hrs-sched{display:none}
  .topbar .hrs-mob{display:inline}
  .topbar span,.topbar a{gap:.28rem;min-width:0}
  .hdr-in{height:58px;gap:0;justify-content:flex-start}
  .nav{inset:58px 0 auto 0;max-height:calc(100vh - 58px)}
  .logo{gap:.42rem;margin-right:auto}
  .logo-emblem{width:34px;height:34px}
  .logo-main{font-size:.74rem;letter-spacing:.015em;gap:0}
  .logo-main b{margin-left:.18rem}
  .dom-pill{font-size:.82em;letter-spacing:.02em;margin-left:.04rem}
  .lang,.theme,.burger{width:34px;height:34px;min-width:34px;border-radius:8px;padding:0;flex:none}
  .lang{font-size:.72rem;margin-left:auto;margin-right:5px}
  .theme{margin-left:0;margin-right:5px}
  .theme .ic{width:16px;height:16px}
  .burger{gap:4px;margin-left:0}
  .burger span{width:16px}
  .hero{padding:1.5rem 0 3.2rem}
  .kicker{font-size:.72rem;margin-bottom:.6rem}
  .hero h1{font-size:clamp(1.85rem,7.5vw,2.3rem);line-height:1.08}
  .lead{font-size:.94rem;line-height:1.5;margin-top:.8rem}
  .ctas{margin-top:1.1rem;gap:.6rem}
  .ctas .btn{width:100%;padding:.82rem 1.2rem;font-size:.92rem}
}

/* global-ports-network-v3 */
.port-pin-linked span{width:16px!important;height:16px!important;background:#ffb020!important;border:2px solid #fff!important;box-shadow:0 0 0 4px rgba(255,176,32,.32),0 0 14px rgba(255,176,32,.85)!important}
.port-pin-active span{width:20px!important;height:20px!important;background:#fff!important;border:3px solid #ff6a13!important;box-shadow:0 0 0 6px rgba(255,176,32,.48),0 0 22px rgba(255,106,19,1)!important}
.ports-network-bar{margin-top:.85rem;padding:.9rem 1.05rem;border-radius:14px;background:rgba(20,25,34,.92);border:1px solid rgba(255,106,19,.32);color:#e2e8f0;font-size:.83rem;line-height:1.45;box-shadow:0 8px 24px -10px rgba(0,0,0,.45)}
[data-theme=light] .ports-network-bar{background:#f8fafc;border-color:rgba(255,106,19,.35);color:#1e293b}
.pnb-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.55rem}
.pnb-badge{display:inline-block;padding:2px 8px;border-radius:6px;background:rgba(255,106,19,.18);border:1px solid rgba(255,106,19,.45);color:#ffb020;font:800 .68rem/1.2 Archivo,Inter,sans-serif;letter-spacing:.08em;margin-right:.5rem;vertical-align:middle}
[data-theme=light] .pnb-badge{background:rgba(255,106,19,.12);color:#d94e00}
.pnb-badge-active{background:linear-gradient(135deg,#ff6a13,#ffb020);color:#0e1116!important;border-color:transparent}
.pnb-sub{margin:.38rem 0 0;color:#94a3b8;font-size:.79rem}
[data-theme=light] .pnb-sub{color:#475569}
.pnb-desc{color:#94a3b8;font-size:.8rem}
.pnb-links-title{margin:.55rem 0 .4rem;font:700 .73rem/1.2 Archivo,Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#ffb020}
[data-theme=light] .pnb-links-title{color:#d94e00}
.pnb-partners{display:flex;flex-wrap:wrap;gap:.38rem}
.pnb-partner-btn{appearance:none;border:1px solid rgba(255,176,32,.4);background:rgba(255,106,19,.12);color:#fff;font:600 .74rem/1.2 Inter,system-ui,sans-serif;padding:.28rem .6rem;border-radius:999px;cursor:pointer;transition:background .18s,border-color .18s,transform .15s}
.pnb-partner-btn span{opacity:.78;font-weight:400}
.pnb-partner-btn:hover{background:#ff6a13;border-color:#ffb020;color:#fff;transform:translateY(-1px)}
[data-theme=light] .pnb-partner-btn{color:#0f172a;background:rgba(255,106,19,.1)}
.pnb-reset-btn{appearance:none;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.06);color:#f8fafc;font:700 .73rem/1 Archivo,Inter,sans-serif;padding:.38rem .72rem;border-radius:8px;cursor:pointer;transition:background .18s,border-color .18s}
.pnb-reset-btn:hover{background:#ff6a13;border-color:#ff6a13;color:#fff}
[data-theme=light] .pnb-reset-btn{color:#0f172a;border-color:rgba(15,23,42,.25);background:rgba(15,23,42,.05)}
.ports-list li{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;padding:.3rem .68rem}
.ports-list li .pl-port{font-weight:700}
.ports-list li .pl-sep{opacity:.45}
.ports-list li .pl-country{opacity:.78;font-size:.73rem}
.ports-list li .pl-links{font-size:.66rem;font-weight:700;padding:1px 5px;border-radius:999px;background:rgba(255,106,19,.14);color:#ffb020;margin-left:.15rem}
[data-theme=light] .ports-list li .pl-links{color:#d94e00;background:rgba(255,106,19,.12)}
.ports-list li.linked{background:rgba(255,176,32,.14);border-color:rgba(255,176,32,.68);color:#fff}
[data-theme=light] .ports-list li.linked{color:#0f172a;background:rgba(255,176,32,.18)}
.ports-list li.active{background:linear-gradient(135deg,rgba(255,106,19,.34),rgba(255,176,32,.26));border-color:#ffb020;color:#fff;box-shadow:0 0 12px rgba(255,106,19,.35)}
[data-theme=light] .ports-list li.active{color:#0f172a}
.port-pop{font-family:Inter,system-ui,sans-serif;line-height:1.38;min-width:210px}
.port-pop-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.port-pop-top strong{font-size:.92rem;color:#fff}
.port-pop-cc{font:800 .64rem/1 Archivo,sans-serif;padding:2px 5px;border-radius:4px;background:rgba(255,106,19,.22);color:#ffb020;letter-spacing:.06em}
.port-pop-country{display:block;font-size:.76rem;font-weight:600;color:#ffb020;margin-top:1px}
.port-pop-desc{display:block;font-size:.74rem;color:#cbd5e1;margin-top:3px}
.port-pop-links-lbl{margin-top:6px;padding-top:5px;border-top:1px solid rgba(255,255,255,.1);font-size:.69rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}
.port-pop-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}
.port-pop-tag{font-size:.67rem;padding:1px 6px;border-radius:4px;background:rgba(255,255,255,.08);color:#f1f5f9;border:1px solid rgba(255,176,32,.28)}
.port-pop-more{font-size:.67rem;color:#ffb020;font-weight:700;padding:1px 4px}

.leaflet-container{background:#0a0f18!important}

.leaflet-container svg,.ports-map svg{max-width:none!important;max-height:none!important}
