:root{--black:#080808;--ink:#111;--muted:#656565;--line:#dedede;--soft:#f4f4f1;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:12px;z-index:999}.skip-link:focus{left:10px}.eyebrow,.mini-label{font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:750;margin:0 0 22px}.light{color:#aaa}.text-link{font-size:13px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;background:#0b0b0b;color:#fff;border:1px solid #0b0b0b;font-weight:650;font-size:13px;transition:transform .25s ease,background .25s,color .25s;cursor:pointer}.button:hover{background:#fff;color:#111;transform:translateY(-2px)}.button-small{padding:11px 17px}.button-outline{background:transparent;border-color:#777}.button-outline:hover{background:#fff;color:#111}.button-light{background:#fff;color:#111;border-color:#fff}.button-light:hover{background:transparent;color:#fff}
.site-header{height:84px;display:flex;align-items:center;background:rgba(255,255,255,.88);position:fixed;top:0;left:0;right:0;z-index:30;border-bottom:1px solid rgba(0,0,0,.05);backdrop-filter:blur(18px);transition:height .3s ease,box-shadow .3s ease}.site-header.scrolled{height:70px;box-shadow:0 10px 35px rgba(0,0,0,.06)}.header-inner{display:flex;align-items:center;justify-content:space-between}.brand img{width:132px;height:auto}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px}.main-nav>a:not(.button):after{content:"";display:block;width:0;height:1px;background:#111;transition:.25s}.main-nav>a:hover:after{width:100%}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:24px;height:1px;background:#111;margin:6px}
.hero{position:relative;min-height:780px;padding-top:84px;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.hero-bg{position:absolute;inset:0;background:url('../images/hero-netj.webp') center center/cover no-repeat;z-index:-2;transform:scale(1.035);animation:heroZoom 14s ease-out forwards}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 29%,rgba(255,255,255,.73) 45%,rgba(255,255,255,.05) 68%,rgba(255,255,255,0) 100%)}.hero-inner{min-height:696px;display:flex;align-items:center}.hero-copy{width:min(650px,58%);padding:70px 0}.hero h1{font-size:clamp(48px,5.2vw,78px);font-weight:400;line-height:1.05;letter-spacing:-.055em;margin:0 0 28px}.hero h1 strong{font-weight:750}.lead{font-size:18px;max-width:570px;color:#444;margin:0 0 34px}.actions{display:flex;align-items:center;gap:28px}.scroll-cue{position:absolute;left:50%;bottom:24px;width:26px;height:42px;border:1px solid rgba(0,0,0,.35);border-radius:20px;transform:translateX(-50%)}.scroll-cue span{position:absolute;left:50%;top:9px;width:3px;height:8px;background:#111;border-radius:2px;transform:translateX(-50%);animation:scrollDot 1.8s infinite}
.client-strip{padding:28px 0 34px;border-bottom:1px solid var(--line)}.client-strip .mini-label{margin-bottom:20px;color:#777}.logos-row{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;align-items:center}.logos-row span{font-size:24px;font-weight:700;color:#888;text-align:center;letter-spacing:-.04em;transition:color .25s,transform .25s}.logos-row span:hover{color:#111;transform:translateY(-2px)}
.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:58px}.section-head h2{font-size:40px;line-height:1.14;letter-spacing:-.04em;font-weight:500;max-width:680px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-card{min-height:250px;padding:0 30px;border-left:1px solid var(--line);transition:transform .35s ease}.service-card:first-child{padding-left:0;border-left:0}.service-card:hover{transform:translateY(-8px)}.service-index{font-size:12px;letter-spacing:.12em;color:#888;display:block;margin-bottom:46px}.service-card h3{font-size:21px;line-height:1.1;margin:0 0 18px}.service-card p{font-size:14px;color:#555;margin:0}
.method{background:#090909;color:#fff;padding:104px 0;overflow:hidden}.method-grid{display:grid;grid-template-columns:.9fr 3.1fr;gap:84px;align-items:center}.method-intro h2{font-size:40px;margin:0 0 15px}.method-intro p{color:#b9b9b9;max-width:340px;margin:0 0 28px}.method-flow{position:relative;padding:32px 0 6px}.method-track{position:absolute;top:58px;left:8%;right:8%;height:1px;background:rgba(255,255,255,.18);overflow:hidden}.method-track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.72) 70%,rgba(255,255,255,.28) 100%);transform:scaleX(var(--method-progress,0));transform-origin:left;will-change:transform;box-shadow:0 0 14px rgba(255,255,255,.18)}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.method-step{position:relative;padding:0 22px;opacity:.52;transform:translateY(10px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.75,.2,1)}.method-step.is-active{opacity:1;transform:translateY(0)}.method-marker{width:54px;height:54px;border:1px solid rgba(255,255,255,.32);background:#090909;display:grid;place-items:center;margin-bottom:26px;position:relative;z-index:2;transition:border-color .4s ease,background .4s ease,color .4s ease,transform .4s ease,box-shadow .4s ease}.method-step.is-active .method-marker{border-color:rgba(255,255,255,.9);background:#fff;color:#090909;box-shadow:0 0 0 5px rgba(255,255,255,.06),0 0 24px rgba(255,255,255,.12)}.method-step:hover .method-marker{border-color:#fff;background:#fff;color:#090909;transform:translateY(-4px)}.letter{display:block;font-size:26px;font-weight:600;line-height:1}.method-copy{border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.method-number{display:block;font-size:10px;letter-spacing:.2em;color:#777;margin-bottom:12px}.method-step h3{font-size:16px;margin:0 0 10px}.method-step p{font-size:13px;color:#a9a9a9;margin:0;max-width:175px;line-height:1.65}
.proof{background:#fafafa}.proof-grid{display:grid;grid-template-columns:.8fr 2fr;gap:70px;align-items:center}.proof-copy h2{font-size:43px;line-height:1.08;margin:0 0 22px;letter-spacing:-.04em}.proof-copy p{color:#555;max-width:350px}.logo-matrix{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.logo-matrix span{display:flex;align-items:center;justify-content:center;min-height:115px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:22px;color:#777;font-weight:700;transition:background .25s,color .25s}.logo-matrix span:hover{background:#111;color:#fff}
.projects{padding-top:92px}.mockup-grid{display:grid;grid-template-columns:1.15fr .8fr .8fr;grid-template-rows:310px 310px;grid-template-areas:"sign stationery cards" "sign cup digital";gap:10px}.mockup{margin:0;position:relative;overflow:hidden;background:#111}.mockup-large{grid-area:sign}.mockup-grid .mockup:nth-child(2){grid-area:stationery}.mockup-grid .mockup:nth-child(3){grid-area:cards}.mockup-grid .mockup:nth-child(4){grid-area:cup}.mockup-wide{grid-area:digital}.mockup img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .4s}.mockup:hover img{transform:scale(1.045);opacity:.88}.mockup figcaption{position:absolute;left:18px;bottom:16px;color:#fff;background:rgba(0,0,0,.74);padding:8px 12px;font-size:12px}.mockup-large img{object-position:57% center}.mockup-grid .mockup:nth-child(2) img{object-position:35% center}.mockup-grid .mockup:nth-child(3) img{object-position:center}.mockup-grid .mockup:nth-child(4) img{object-position:center 56%}
.approach{background:#f2f2ef}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach h2{font-size:52px;line-height:1.04;letter-spacing:-.048em;margin:0}.approach-copy>p{font-size:18px;color:#4b4b4b}.approach blockquote{font-size:25px;line-height:1.35;margin:45px 0 0;padding-left:28px;border-left:2px solid #111}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #ccc}.values-grid article{padding:34px;border-right:1px solid #ccc}.values-grid article:first-child{padding-left:0}.values-grid article:last-child{border-right:0}.values-grid strong{font-size:12px}.values-grid h3{font-size:22px;margin:28px 0 10px}.values-grid p{color:#666;font-size:14px}
.contact{background:#080808;color:#fff;padding:108px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact h2{font-size:52px;line-height:1.04;letter-spacing:-.04em;margin:0 0 25px}.contact p{color:#aaa;max-width:510px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form label{font-size:12px;color:#bbb;display:flex;flex-direction:column;gap:9px}.contact-form label:last-of-type{grid-column:1/3}.contact-form input,.contact-form textarea{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #555;padding:11px 0;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#fff}.contact-form button{justify-self:start}.form-status{grid-column:1/3;margin:0!important;font-size:13px}
.site-footer{background:#050505;color:#fff;border-top:1px solid #252525;padding:70px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.35fr;gap:60px}.footer-logo{width:150px;margin-bottom:20px}.footer-grid p,.footer-grid a{font-size:13px;color:#999}.footer-grid a{display:block;margin:9px 0}.footer-grid a:hover{color:#fff}.footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 20px}.footer-bottom{border-top:1px solid #222;margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;color:#777;font-size:12px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.service-card:nth-child(2),.method-step:nth-child(2),.values-grid article:nth-child(2){transition-delay:.08s}.service-card:nth-child(3),.method-step:nth-child(3),.values-grid article:nth-child(3){transition-delay:.16s}.service-card:nth-child(4),.method-step:nth-child(4){transition-delay:.24s}
@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,14px)}}@keyframes drawArrow{to{stroke-dashoffset:0}}
@media(max-width:900px){.container{width:min(calc(100% - 32px),var(--max))}.site-header{height:72px}.brand img{width:112px}.menu-toggle{display:block;z-index:3}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;padding:24px 16px 30px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ddd}.main-nav.open{display:flex}.hero{min-height:720px;padding-top:72px}.hero-inner{min-height:648px}.hero-copy{width:68%}.hero:after{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.93) 45%,rgba(255,255,255,.18) 78%,transparent)}.logos-row{grid-template-columns:repeat(3,1fr)}.section{padding:78px 0}.service-grid{grid-template-columns:1fr 1fr;gap:42px 0}.service-card:nth-child(3){border-left:0;padding-left:0}.method-grid,.proof-grid,.approach-grid,.contact-grid{grid-template-columns:1fr}.method-grid{gap:52px}.method-flow{padding-top:18px}.mockup-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 260px 300px;grid-template-areas:"sign sign" "stationery cards" "cup digital"}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.contact-grid{gap:60px}}
@media(max-width:620px){.hero{min-height:690px}.hero-inner{min-height:618px;align-items:flex-end}.hero-copy{width:100%;padding:110px 0 85px}.hero h1{font-size:45px}.hero-bg{background-position:62% center}.hero:after{background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.92) 48%,rgba(255,255,255,.99) 78%,#fff 100%)}.actions{align-items:flex-start;flex-direction:column;gap:20px}.logos-row{grid-template-columns:repeat(2,1fr)}.logos-row span{font-size:19px}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:25px}.section-head h2{font-size:31px}.service-grid{grid-template-columns:1fr}.service-card{border-left:0;border-top:1px solid var(--line);padding:28px 0;min-height:auto}.service-index{margin-bottom:20px}.method{padding:76px 0}.method-grid{gap:44px}.method-intro h2{font-size:36px}.method-intro p{max-width:none}.method-flow{padding:0}.method-track{top:26px;bottom:26px;left:26px;right:auto;width:1px;height:auto;background:rgba(255,255,255,.16)}.method-track span{width:100%;height:100%;transform:scaleY(var(--method-progress,0));transform-origin:top;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.72) 70%,rgba(255,255,255,.28) 100%)}.method-steps{grid-template-columns:1fr;gap:0}.method-step{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:0 0 34px}.method-step:last-child{padding-bottom:0}.method-marker{margin:0;width:52px;height:52px}.method-copy{border-top:0;padding:2px 0 0}.method-number{margin-bottom:8px}.method-step h3{font-size:17px}.method-step p{font-size:14px;max-width:260px}.letter{font-size:24px}.proof-copy h2,.approach h2,.contact h2{font-size:38px}.logo-matrix{grid-template-columns:1fr 1fr}.mockup-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,300px);grid-template-areas:"sign" "stationery" "cards" "cup" "digital";gap:10px}.approach-grid{gap:35px}.values-grid{grid-template-columns:1fr}.values-grid article{border-right:0;border-bottom:1px solid #ccc;padding:28px 0}.contact-form{grid-template-columns:1fr}.contact-form label:last-of-type,.form-status{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/3}.footer-bottom{gap:20px;flex-direction:column}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg,.scroll-cue span{animation:none;transform:none}.method-track span{transform:none!important}.reveal{opacity:1;transform:none;transition:none}.mockup img,.button,.service-card{transition:none}}

/* V6 — impatto e marchi dimostrativi */
.impact-strip{padding:34px 0;border-bottom:1px solid var(--line);background:#fff}
.impact-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:0;align-items:stretch}
.impact-intro,.impact-grid article{padding:18px 30px;border-right:1px solid var(--line)}
.impact-intro{padding-left:0}.impact-grid article:last-child{border-right:0;padding-right:0}
.impact-intro .mini-label{margin:0 0 12px;color:#111}.impact-intro>p:last-child{margin:0;color:#666;max-width:310px;font-size:14px;line-height:1.55}
.impact-grid article strong{display:block;font-size:11px;letter-spacing:.18em;color:#999;margin-bottom:26px}
.impact-grid article h3{margin:0 0 10px;font-size:17px}.impact-grid article p{margin:0;color:#666;font-size:13px;line-height:1.55}
.logo-matrix-images{grid-template-columns:repeat(3,1fr)}
.logo-matrix-images>div{display:flex;align-items:center;justify-content:center;min-height:135px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px;transition:background .25s}
.logo-matrix-images>div:hover{background:#f2f2f2}
.logo-matrix-images img{display:block;width:100%;height:58px;object-fit:contain;filter:grayscale(1);opacity:.62;transition:opacity .25s,transform .25s}
.logo-matrix-images>div:hover img{opacity:1;transform:scale(1.025)}
@media(max-width:900px){.impact-grid{grid-template-columns:1fr 1fr}.impact-intro{grid-column:1/3;border-right:0;border-bottom:1px solid var(--line);padding:10px 0 28px}.impact-grid article{padding:28px 24px}.impact-grid article:nth-of-type(2){border-right:0}.impact-grid article:last-child{grid-column:1/3;border-top:1px solid var(--line);padding:28px 0}.logo-matrix-images{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.impact-strip{padding:24px 0}.impact-grid{grid-template-columns:1fr}.impact-intro{grid-column:auto}.impact-grid article,.impact-grid article:last-child{grid-column:auto;border-right:0;border-top:1px solid var(--line);padding:24px 0}.impact-grid article strong{margin-bottom:12px}.logo-matrix-images{grid-template-columns:1fr 1fr}.logo-matrix-images>div{min-height:105px;padding:18px}.logo-matrix-images img{height:44px}}


/* V7 — NETJ Method® immersive contact experience (mobile first) */
.contact-experience{position:relative;overflow:hidden;min-height:680px;display:flex;align-items:center;background:#070707}
.contact-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.46;pointer-events:none}
.contact-experience:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 50%,transparent 0,rgba(7,7,7,.08) 25%,rgba(7,7,7,.78) 72%)}
.contact-experience-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;width:100%}
.contact-experience-copy{max-width:650px}
.contact-experience h2{font-size:clamp(44px,5.2vw,78px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px}
.contact-experience-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:540px;margin:0 0 34px}
.experience-meta{display:block;color:#777;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:18px}
.contact-orbit{position:relative;width:min(38vw,470px);aspect-ratio:1;margin:auto;display:grid;place-items:center}
.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%;inset:8%;animation:orbitSpin 18s linear infinite}
.orbit-ring:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;top:11%;left:13%;box-shadow:0 0 24px #fff}
.orbit-ring-two{inset:25%;animation-direction:reverse;animation-duration:11s;border-style:dashed}
.orbit-ring-two:before{top:auto;left:auto;right:5%;bottom:24%;width:5px;height:5px}
.orbit-core{font-size:clamp(80px,10vw,146px);font-weight:650;line-height:1}
.orbit-word{position:absolute;bottom:3%;font-size:10px;letter-spacing:.28em;color:#777}
@keyframes orbitSpin{to{transform:rotate(360deg)}}

.netj-experience{position:fixed;inset:0;z-index:1000;background:#050505;color:#fff;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s;overflow:hidden}
.netj-experience.is-open{opacity:1;visibility:visible}
.experience-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.64}
.experience-shell{position:relative;z-index:2;width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(135deg,rgba(5,5,5,.70),rgba(5,5,5,.92))}
.experience-header{height:74px;padding:0 clamp(18px,4vw,60px);display:grid;grid-template-columns:130px 1fr 44px;gap:30px;align-items:center;border-bottom:1px solid rgba(255,255,255,.10)}
.experience-logo{width:118px}
.experience-progress{height:1px;background:rgba(255,255,255,.17);overflow:hidden}
.experience-progress-bar{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .75s cubic-bezier(.2,.75,.2,1)}
.experience-close{width:44px;height:44px;border:0;background:transparent;color:#aaa;font-size:31px;line-height:1;cursor:pointer;transition:color .2s,transform .3s}
.experience-close:hover{color:#fff;transform:rotate(90deg)}
.experience-stage{position:relative;min-height:0}
.experience-panel{position:absolute;inset:0;display:grid;place-items:center;padding:32px clamp(18px,6vw,100px);opacity:0;visibility:hidden;transform:translateY(30px) scale(.985);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1),visibility .55s;overflow:auto}
.experience-panel.is-active{opacity:1;visibility:visible;transform:none}
.experience-intro,.experience-complete{text-align:center;max-width:900px}
.experience-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.25em;font-weight:750;color:#aaa;margin:0 0 22px}
.experience-panel h2{font-size:clamp(42px,6vw,88px);line-height:.97;letter-spacing:-.055em;margin:0 0 24px}
.experience-intro>p:not(.experience-kicker),.experience-complete>p:not(.experience-kicker){font-size:clamp(16px,1.7vw,22px);line-height:1.65;color:#aaa;margin:0 auto 36px}
.experience-primary,.experience-next{border:1px solid #fff;background:#fff;color:#080808;padding:16px 22px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:30px;transition:background .25s,color .25s,transform .25s}
.experience-primary:hover,.experience-next:hover:not(:disabled){background:transparent;color:#fff;transform:translateY(-2px)}
.experience-next:disabled{opacity:.28;cursor:not-allowed}
.experience-content{width:min(100%,1120px)}
.experience-step-label{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#aaa;margin-bottom:28px}
.experience-step-label span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.38);font-size:21px;color:#fff}
.experience-content>h2{max-width:930px;font-size:clamp(38px,5vw,70px)}
.experience-options{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18);margin-top:40px}
.experience-options button{min-height:150px;text-align:left;padding:24px;border:0;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.015);color:#fff;font-size:16px;cursor:pointer;transition:background .3s,color .3s,transform .3s}
.experience-options button span{display:block;color:#777;font-size:10px;letter-spacing:.2em;margin-bottom:48px}
.experience-options button:hover,.experience-options button.is-selected{background:#fff;color:#080808;transform:translateY(-5px)}
.experience-options button.is-selected span{color:#777}
.experience-options-compact{grid-template-columns:repeat(4,1fr)}
.experience-textarea{display:block;margin-top:28px;max-width:760px}
.experience-textarea span,.experience-form label span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#aaa;margin-bottom:8px}
.experience-textarea textarea,.experience-form input{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.38);background:transparent;color:#fff;padding:12px 0;outline:none;resize:none}
.experience-textarea textarea:focus,.experience-form input:focus{border-color:#fff}
.experience-next{margin-top:26px}
.experience-map{display:flex;align-items:center;margin-top:40px;max-width:1000px}
.map-node{flex:0 1 250px;min-height:88px;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;padding:16px;text-align:center;font-size:11px;letter-spacing:.14em}
.experience-map i{height:1px;background:rgba(255,255,255,.3);flex:1;position:relative;overflow:hidden}
.experience-map i:after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;animation:mapLine 1.2s .25s forwards}
.map-node-final{background:#fff;color:#080808}
@keyframes mapLine{to{transform:scaleX(1)}}
.experience-summary{font-size:16px!important;color:#bbb;max-width:800px;line-height:1.7;margin:0 0 34px}
.experience-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;max-width:820px}
.experience-form label{display:block}
.experience-form button,.experience-status{grid-column:1/3;justify-self:start}
.experience-form em{font-style:normal;color:#666}
.experience-status{font-size:13px;color:#aaa;margin:0}
.complete-mark{display:flex;justify-content:center;gap:8px;margin-bottom:34px}
.complete-mark span{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);font-size:24px;animation:completePulse 2.2s infinite}
.complete-mark span:nth-child(2){animation-delay:.2s}.complete-mark span:nth-child(3){animation-delay:.4s}.complete-mark span:nth-child(4){animation-delay:.6s}
@keyframes completePulse{0%,100%{background:transparent;color:#fff}50%{background:#fff;color:#080808}}
.experience-footer{min-height:64px;padding:0 clamp(18px,4vw,60px);display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.10);font-size:10px;letter-spacing:.12em;color:#777}
.experience-back{justify-self:start;border:0;background:transparent;color:#aaa;padding:10px 0;cursor:pointer}
.experience-back:disabled{opacity:0;pointer-events:none}
.experience-counter{color:#fff}
.experience-privacy{justify-self:end}
body.experience-lock{overflow:hidden}

@media(max-width:900px){
  .contact-experience{min-height:760px}
  .contact-experience-inner{grid-template-columns:1fr .75fr;gap:30px}
  .experience-options{grid-template-columns:repeat(2,1fr)}
  .experience-options button:last-child:nth-child(odd){grid-column:1/3}
  .experience-options-compact{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .contact-experience{min-height:720px;padding:80px 0}
  .contact-experience-inner{grid-template-columns:1fr;gap:48px}
  .contact-experience h2{font-size:43px}
  .contact-orbit{width:min(78vw,330px);order:-1}
  .orbit-word{font-size:8px}
  .experience-header{height:64px;grid-template-columns:82px 1fr 38px;gap:14px;padding:0 14px}
  .experience-logo{width:80px}
  .experience-close{width:38px;height:38px}
  .experience-panel{place-items:start center;padding:28px 18px 100px}
  .experience-intro,.experience-complete{align-self:center}
  .experience-panel h2{font-size:41px}
  .experience-intro>p:not(.experience-kicker),.experience-complete>p:not(.experience-kicker){font-size:15px}
  .experience-step-label{margin-bottom:20px}
  .experience-content>h2{font-size:38px}
  .experience-options,.experience-options-compact{grid-template-columns:1fr;margin-top:26px}
  .experience-options button,.experience-options button:last-child:nth-child(odd){grid-column:auto;min-height:72px;padding:16px 18px;display:grid;grid-template-columns:38px 1fr;align-items:center;font-size:15px}
  .experience-options button span{margin:0}
  .experience-options button:hover{transform:none}
  .experience-map{display:grid;grid-template-columns:1fr 1px;gap:0;align-items:stretch;margin-top:28px}
  .map-node{min-height:68px;width:100%}
  .experience-map i{width:1px;height:32px;justify-self:center}
  .experience-map i:after{transform:scaleY(0);transform-origin:top;animation-name:mapLineMobile}
  @keyframes mapLineMobile{to{transform:scaleY(1)}}
  .experience-form{grid-template-columns:1fr;gap:20px}
  .experience-form button,.experience-status{grid-column:auto}
  .experience-footer{grid-template-columns:1fr auto;padding:0 16px}
  .experience-privacy{display:none}
  .experience-counter{justify-self:end}
  .complete-mark span{width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce){
  .orbit-ring,.complete-mark span{animation:none}
  .experience-panel,.experience-progress-bar{transition:none}
  .experience-map i:after{animation:none;transform:none}
}


/* V7.1 spacing fixes */
.contact-experience-inner{
  padding:10%;
}
@media (max-width:620px){
  .contact-experience-inner{
    padding:5%;
  }
}


/* V8 — cinematic entry and Experience navigation CTA */
.header-experience{
  appearance:none;
  font:inherit;
  cursor:pointer;
}

.experience-cinematic{
  position:absolute;
  inset:0;
  z-index:20;
  display:grid;
  place-content:center;
  justify-items:center;
  background:#050505;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  overflow:hidden;
}
.netj-experience.is-entering .experience-cinematic{
  opacity:1;
  visibility:visible;
}
.netj-experience.is-entering .experience-shell{
  opacity:0;
}
.netj-experience.is-open:not(.is-entering) .experience-shell{
  animation:v8ShellReveal .8s cubic-bezier(.2,.8,.2,1) both;
}

.cinematic-symbol{
  position:relative;
  width:clamp(115px,16vw,220px);
  aspect-ratio:1;
  margin-bottom:34px;
  filter:drop-shadow(0 0 30px rgba(255,255,255,.12));
}
.cinematic-slice{
  position:absolute;
  left:18%;
  width:64%;
  height:12%;
  background:#fff;
  transform:skewY(-45deg) translate3d(0,0,0);
  opacity:0;
}
.slice-1{top:14%}
.slice-2{top:30%}
.slice-3{top:46%}
.slice-4{top:62%}
.slice-5{top:78%}

.netj-experience.is-entering .cinematic-slice{
  animation:v8SliceBuild 1.05s cubic-bezier(.16,.8,.2,1) both;
}
.netj-experience.is-entering .slice-2{animation-delay:.07s}
.netj-experience.is-entering .slice-3{animation-delay:.14s}
.netj-experience.is-entering .slice-4{animation-delay:.21s}
.netj-experience.is-entering .slice-5{animation-delay:.28s}

.experience-cinematic p,
.experience-cinematic strong{
  margin:0;
  text-transform:uppercase;
  letter-spacing:.28em;
  text-align:center;
}
.experience-cinematic p{
  font-size:10px;
  color:#777;
  opacity:0;
}
.experience-cinematic strong{
  margin-top:10px;
  font-size:clamp(12px,1.4vw,18px);
  opacity:0;
}
.netj-experience.is-entering .experience-cinematic p{
  animation:v8TextReveal .65s .44s both;
}
.netj-experience.is-entering .experience-cinematic strong{
  animation:v8TextReveal .65s .58s both;
}

.netj-experience.is-entering .experience-cinematic:after{
  content:"";
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 42%);
  opacity:0;
  animation:v8Flash 1.25s .35s both;
}

@keyframes v8SliceBuild{
  0%{opacity:0;transform:skewY(-45deg) translate3d(-110px,80px,0) scaleX(.2)}
  55%{opacity:1;transform:skewY(-45deg) translate3d(0,0,0) scaleX(1)}
  100%{opacity:0;transform:skewY(-45deg) translate3d(calc((var(--dir,1))*160px),-80px,0) scaleX(.35)}
}
.slice-1,.slice-3,.slice-5{--dir:-1}
.slice-2,.slice-4{--dir:1}

@keyframes v8TextReveal{
  from{opacity:0;transform:translateY(14px);filter:blur(8px)}
  to{opacity:1;transform:none;filter:blur(0)}
}
@keyframes v8Flash{
  0%,45%{opacity:0;transform:scale(.7)}
  65%{opacity:1}
  100%{opacity:0;transform:scale(1.3)}
}
@keyframes v8ShellReveal{
  from{opacity:0;transform:scale(1.025);filter:blur(10px)}
  to{opacity:1;transform:none;filter:blur(0)}
}

@media(max-width:620px){
  .header-experience{
    width:100%;
    justify-content:center;
    margin-top:8px;
  }
  .experience-cinematic p,
  .experience-cinematic strong{
    max-width:86vw;
  }
}

@media(prefers-reduced-motion:reduce){
  .netj-experience.is-entering .cinematic-slice,
  .netj-experience.is-entering .experience-cinematic p,
  .netj-experience.is-entering .experience-cinematic strong,
  .netj-experience.is-entering .experience-cinematic:after,
  .netj-experience.is-open:not(.is-entering) .experience-shell{
    animation:none;
  }
}


/* V9 — Decision Engine, consent and paid diagnosis */
.experience-form-wide{grid-column:1/3}
.experience-consent{display:grid!important;grid-template-columns:20px 1fr;gap:12px;align-items:start;margin-top:2px}
.experience-consent input{width:18px;height:18px;margin:2px 0 0;accent-color:#fff}
.experience-consent span{font-size:12px!important;line-height:1.5;text-transform:none!important;letter-spacing:0!important;color:#aaa!important;margin:0!important}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.diagnosis-upgrade{width:min(100%,680px);margin:32px auto 22px;padding:28px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.035);text-align:left}
.upgrade-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#888}
.diagnosis-upgrade h3{font-size:clamp(25px,3vw,38px);letter-spacing:-.04em;margin:8px 0 10px}
.diagnosis-upgrade p{font-size:14px!important;line-height:1.6!important;color:#aaa!important;margin:0 0 22px!important}
.upgrade-price{display:flex;align-items:baseline;gap:10px;margin-bottom:20px}
.upgrade-price strong{font-size:34px}
.upgrade-price span{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.12em}
.experience-secondary{border:0;background:transparent;color:#888;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:12px}
.diagnosis-buy[disabled]{opacity:.4;cursor:wait}
@media(max-width:620px){
  .experience-form-wide{grid-column:auto}
  .diagnosis-upgrade{padding:22px 18px}
}


/* V10 — platform, dashboard and required digital presence */
.field-helper{
  display:block;
  margin-top:8px;
  color:#777;
  font-size:11px;
  line-height:1.5;
}
.nav-client{
  color:inherit;
  text-decoration:none;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-left:auto;
  margin-right:16px;
}
@media(max-width:900px){
  .nav-client{display:none}
}


/* V10.1 — interaction safety fix */
html, body {
  user-select: text;
  -webkit-user-select: text;
}
button, a, input, textarea, label {
  position: relative;
  z-index: 1;
}
.netj-experience {
  pointer-events: none;
}
.netj-experience.is-open {
  pointer-events: auto;
}
.experience-canvas,
.contact-particles,
.experience-cinematic,
.hero-bg {
  pointer-events: none !important;
}
.contact-experience-copy,
.contact-orbit,
.experience-shell {
  position: relative;
  z-index: 2;
}
.experience-open {
  pointer-events: auto !important;
  cursor: pointer !important;
}

.experience-textarea-card{position:relative;display:grid;grid-template-columns:58px 1fr;gap:18px;margin-top:30px;padding:24px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.03)}.experience-textarea-icon{width:52px;height:52px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center;font-size:34px}.experience-textarea small{display:block;color:#999;margin:0 0 16px}.experience-textarea textarea{min-height:118px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.22);color:#fff}.experience-char-counter{position:absolute;right:24px;bottom:18px;color:#777;font-size:10px}.experience-textarea-example{display:block;margin-top:10px;color:#666;font-size:11px}

/* V11.1 — NETJ Method + Experience as one continuous section */
#metodo{
  position:relative;
  z-index:2;
  padding-bottom:0;
}
.method-experience-bridge{
  position:relative;
  z-index:1;
  margin-top:-1px;
  min-height:620px;
  padding-top:0;
  background:#070707;
}
.method-experience-bridge::before{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  z-index:3;
}
.method-experience-bridge .contact-experience-inner{
  padding-top:7%;
  padding-bottom:10%;
}
.method-experience-bridge .contact-experience-copy{
  position:relative;
}
.method-experience-bridge .contact-experience-copy::before{
  content:"START";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  margin-bottom:28px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  font-size:9px;
  letter-spacing:.16em;
  color:#fff;
  background:#070707;
  box-shadow:0 0 0 10px rgba(255,255,255,.02);
}
.method-experience-bridge .contact-experience-copy::after{
  content:"";
  position:absolute;
  top:-7%;
  left:27px;
  width:1px;
  height:7%;
  background:rgba(255,255,255,.2);
}
.method-experience-bridge .eyebrow{
  margin-top:0;
}
.method-experience-bridge h2{
  max-width:780px;
}
.method-experience-bridge .experience-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
}
.method-experience-bridge .experience-meta::before{
  content:"";
  display:none;
}
.method-experience-bridge .contact-orbit{
  transform:scale(.92);
  opacity:.95;
}

@media(min-width:901px){
  #metodo + .method-experience-bridge{
    border-top:0;
  }
  .method-experience-bridge{
    min-height:680px;
  }
}

@media(max-width:620px){
  .method-experience-bridge{
    min-height:680px;
    padding-top:0;
  }
  .method-experience-bridge::before{
    left:5%;
    right:5%;
  }
  .method-experience-bridge .contact-experience-inner{
    padding-top:14%;
    padding-bottom:14%;
  }
  .method-experience-bridge .contact-experience-copy::before{
    width:48px;
    height:48px;
    margin-bottom:22px;
  }
  .method-experience-bridge .contact-experience-copy::after{
    left:24px;
  }
}