/* Extends the existing Space Grotesk / Manrope visual language. The public card never starts WebGL. */
.professional{--radius:var(--radius-card)}body{overflow-x:hidden}main{max-width:1120px}header,footer{max-width:1120px}section{margin:28px 0}.professional p{overflow-wrap:anywhere}.professional h1{max-width:22ch;text-wrap:balance}.professional h2{font-size:18px;letter-spacing:0;text-transform:none;color:var(--text)}.professional h3{font-size:16px}.professional .lead{font-size:19px;line-height:1.6}.eyebrow{color:var(--accent);font:600 12px/1.5 var(--display)}.profile-hero{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:32px;padding:24px 0}.profile-orbit{border:1px solid #7aa7ff55;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 30% 20%,#39558b,#10192e 55%,#060a13 75%);box-shadow:0 0 65px #7aa7ff19}.profile-orbit:before{content:'';position:absolute;inset:25%;border:1px solid #7aa7ff50;border-radius:50%}.profile-orbit span{font:700 32px var(--display);color:#d2e3ff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}/* Gerarchia dei tasti v1.5: il tasto base è il secondario tonale, senza bordo (i campi hanno il bordo #60718d). */
.professional button,.professional .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:10px;padding:10px 16px;background:var(--tonal);color:var(--text);font:inherit;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}.professional button:hover,.professional .button:hover{background:var(--tonal-hover)}.professional .primary{background:var(--accent);color:#050a16;font-weight:600}.professional button:disabled{opacity:.55;cursor:default}.professional :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.team-grid,.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-box,.profile-invite,.editor-card,.inbox-item{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:12px 0;min-width:0}.contact-box h2{margin-top:0}.contact-box small{display:block;margin-top:10px}.contact-box a{overflow-wrap:anywhere}.managed-badge{display:inline-block;color:var(--success);border:1px solid #365c4c;padding:6px 12px;border-radius:30px;font-size:14px}.notice,.form-status:not(:empty){padding:14px;border-left:3px solid var(--accent);background:#101c30;margin:16px 0;overflow-wrap:anywhere}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.profile-form label{display:flex;flex-direction:column;gap:8px}.profile-form input,.profile-form select,.profile-form textarea,.profile-search,.private-login input{width:100%;min-height:46px;background:#090f1c;color:var(--text);border:1px solid var(--control-border);border-radius:8px;padding:10px 12px;font:inherit;box-sizing:border-box}.profile-form textarea{resize:vertical}.profile-form .full,.profile-form fieldset{grid-column:1/-1}.profile-form .check{display:flex;flex-direction:row;align-items:flex-start;gap:12px}.profile-form .check input{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:4px 0}.profile-form fieldset{padding:16px;border:1px solid var(--line);border-radius:10px;min-width:0}.profile-form legend{padding:0 8px}.profile-form .channel-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.profile-form .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.search-results{display:grid;gap:8px;margin:12px 0}.search-results button{justify-content:flex-start;text-align:left}.selection-list{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.selection-list button{font-size:14px}.professional .muted,.professional small{color:var(--muted)}.profile-form .hint{font-size:14px;margin:0}.review-card{padding:24px;border:1px solid var(--line);border-radius:12px;margin:20px 0}.review-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.5 system-ui}.review-card textarea{width:100%;min-height:100px;font:inherit;padding:12px;background:#090f1c;color:var(--text)}.private-login{display:grid;gap:12px;max-width:600px}.owner-tools{display:flex;gap:10px;flex-wrap:wrap}.danger{border-color:#a3656a!important;color:var(--danger)!important}.inbox-item p{white-space:pre-wrap}.preview-note{font-size:14px}.professional details>summary{cursor:pointer;padding:14px 0;min-height:44px}.professional [hidden]{display:none!important}.link-row{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin:10px 0}.review-card label{display:block;margin:12px 0}.private-output{width:100%;min-height:48px;box-sizing:border-box;background:#101c30;color:#e5edff;padding:10px;border:1px solid var(--line);font:14px monospace}.profile-form input:invalid:not(:placeholder-shown):focus{border-color:#ffbec4}.profile-invite{background:linear-gradient(120deg,#142444,#0e1320)}
@media(max-width:700px){.profile-hero{grid-template-columns:1fr;gap:12px}.profile-orbit{display:none}.team-grid,.contact-grid,.profile-form{grid-template-columns:1fr}.profile-form .channel-fields,.link-row{grid-template-columns:1fr}.professional h1{font-size:34px}.professional .lead{font-size:17px}.contact-box,.profile-invite,.editor-card,.review-card{padding:18px}.actions>.button,.actions>button{flex:1 1 auto}.professional section{margin:24px 0}}
@media(prefers-reduced-motion:reduce){.professional *{scroll-behavior:auto!important;transition:none!important}}
.profile-form>.editor-card{grid-column:1/-1}.profile-form>.editor-card>label{margin:16px 0}

/* Guided missions and compact workspaces. */

.professional{--control:var(--control-border)}
.professional *,header *{min-width:0}
header{justify-content:space-between;padding-block:20px;gap:24px}
header .profile-nav{display:flex;gap:20px;flex-wrap:wrap}
header .profile-nav a{font:14px/1.5 var(--sans);min-height:44px;align-items:center;color:var(--muted)}
header .profile-nav a[aria-current]{color:#f8fafc;text-decoration:underline;text-underline-offset:8px}
.professional a,.professional button,.professional summary{touch-action:manipulation}
.professional a:focus-visible,header a:focus-visible{outline:3px solid #7aa7ff;outline-offset:4px}
.professional button:active,.professional .button:active{background:rgba(122,167,255,.3)}
.professional .primary:hover,.professional .primary:active{background:#aec9ff;color:#070a12}
.professional h1{letter-spacing:-.035em}.professional h2{font-size:22px;line-height:1.3}
.professional h3{line-height:1.4}.professional p{max-width:75ch}
.professional [tabindex="-1"]{scroll-margin-block:24px}
.professional [tabindex="-1"]:focus{outline:none}
.profile-hero{grid-template-columns:1.3fr 1fr;padding-block:48px;gap:48px}
.profile-hero h1{font-size:clamp(36px,5.5vw,64px);margin:12px 0 24px}
.profile-hero .lead{max-width:48ch}
.hero-card{padding:28px;border:1px solid #4e648a;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#243f6c80,transparent 65%),var(--surface);box-shadow:0 24px 72px #0005;position:relative}
.hero-card .profile-orbit{width:76px;margin-bottom:24px;box-shadow:0 0 40px #7aa7ff25}
.hero-card h2{margin:8px 0}.hero-card .demo-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.hero-card .demo-row small{font-size:13px}.hero-card .eyebrow{margin-top:0}
.benefits{border-block:1px solid var(--line);gap:32px;margin-bottom:48px}.benefits .contact-box{background:none;border:none;padding:20px 0; margin:0}.benefits h2{font-size:18px}
#claim-start{scroll-margin-top:20px;border:1px solid var(--line);border-radius:24px;padding:32px;background:#0b101b}
.mission-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.mission-heading h2{margin:4px 0}.mission-heading p{margin:0}
.status-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #4d6080;padding:5px 10px;border-radius:24px;font-size:13px;line-height:1.4;color:#cbd9ef}
.status-badge.live{color:var(--success);border-color:#477761}.status-badge.pending{color:#ffdfa4;border-color:#80663e}
.professional .mission-steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mission-steps li{border:0;padding:0}.professional .mission-steps button{width:100%;justify-content:flex-start;text-align:left;background:transparent;border:1px solid var(--line);gap:12px;padding:12px;font-size:14px;min-height:64px}
.step-number{width:28px;height:28px;flex-shrink:0;border:1px solid var(--control);border-radius:50%;display:grid;place-items:center;font-weight:600}
.professional .mission-steps [aria-current]{border-color:var(--accent);background:#192a46}.mission-steps [aria-current] .step-number{background:var(--accent);color:#070a12;border-color:var(--accent)}
.mission-steps .complete .step-number{color:var(--success);border-color:var(--success)}
.journey-form{margin:0;gap:0}.journey-form section{margin:28px 0 12px}.journey-form section>h3{font-size:22px;margin:0 0 12px}.journey-form section>p{margin:8px 0 24px}
.professional label{font-size:15px;font-weight:400;display:flex;flex-direction:column;gap:8px}
.profile-form input,.profile-form select,.profile-form textarea,.profile-search,.private-login input,.review-card textarea{border:1px solid var(--control);font-size:16px;border-radius:10px;background:#080e19}
.professional input[type="checkbox"]{accent-color:var(--accent)}
.professional .check{display:flex;flex-direction:row;gap:12px;align-items:flex-start;font-size:14px}.professional .check input{width:20px;height:20px;flex:0 0 20px;margin-top:2px;min-height:20px}
.professional small,.professional .hint{font-size:13px;line-height:1.5;color:var(--muted)}
.professional .selection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}
.selected-profile{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #43688d;background:#142338;padding:12px;border-radius:12px;animation:mission-in .2s ease-out}
.selected-profile small{display:block}.selected-profile b{font-weight:500}.selected-profile button{padding:8px;min-width:44px;font-size:22px}
.search-results button{justify-content:space-between;padding:14px 16px;gap:16px}.search-results small{text-align:right}
.roster-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.professional .roster-nav button{font-size:14px}.professional [aria-pressed="true"]{background:#213757;border-color:var(--accent)}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}
.editor-card{margin:0;padding:0;background:none;border:none}.editor-card>h2{margin:0 0 20px}.editor-card>label{margin:20px 0}.editor-card fieldset{margin:20px 0;background:#0f1726;padding:20px}.editor-card legend{font-weight:500;font-size:16px}
.editor-card .hint{margin-top:12px}.editor-card details{border-top:1px solid var(--line);margin-top:20px}.professional summary{font-size:15px;font-weight:500}
.mission-card{border:1px solid var(--line);background:linear-gradient(150deg,#192942,#0e1524);border-radius:16px;padding:20px;position:sticky;top:24px}.mission-card h3{font-size:20px;margin-top:8px;overflow-wrap:anywhere}.mission-card .eyebrow{font-size:12px}.mission-card button{width:100%;font-size:14px}
.progress-track{height:6px;background:#34445f;border-radius:8px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--success);transition:width .2s ease-out}.progress-label{font-size:13px;color:var(--success)}
.professional .mission-checklist{display:block;list-style:none;padding:0;margin:20px 0}.mission-checklist li{display:flex;gap:10px;padding:10px 0;font-size:14px;border:0;color:var(--muted)}.mission-checklist .done{color:var(--success)}.mission-checklist small{display:block;font-size:12px}.privacy-note{font-size:13px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted)}
.journey-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.journey-actions .primary{margin-left:auto;min-width:160px}.journey-actions .hint{margin-right:auto}.draft-note{margin-bottom:0}
.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.preview-grid .contact-box{margin:0}.preview-grid:has(>.contact-box:only-child){grid-template-columns:1fr}.preview-grid .contact-box h2{font-size:24px}
.preview-contact{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:16px 0}.preview-contact p{margin:0}.preview-contact small{display:block}.preview-contact .status-badge{flex-shrink:0}
.verification-fields{margin-top:32px!important;padding:24px!important}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-grid .full{grid-column:1/-1}.consent-block{display:grid;gap:16px;margin:24px 0}.consent-block p{margin:0}
.professional .field-error{color:var(--danger);font-size:13px}.professional [aria-invalid="true"]{border-color:var(--danger)}.professional .is-error{border-color:var(--danger);background:#2b1824;color:#ffe1e6}
.completion-card,.empty-state{padding:36px;border:1px solid var(--line);border-radius:18px;margin:24px 0;background:#101b2a}.completion-card{background:radial-gradient(ellipse at top right,#1c4b4040,transparent 65%),#101b2a;animation:mission-in .25s ease-out}.completion-mark{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--success);border-radius:50%;font-size:28px;color:var(--success);margin-bottom:24px}
.professional .next-steps{padding-left:24px;display:block;margin:24px 0}.next-steps li{padding:12px 0}.next-steps span{display:block;color:var(--muted);font-size:14px}.next-steps b{font-weight:500}
.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0}.workspace-bar .actions{margin:0}.workspace-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.workspace-tabs button{gap:8px}.workspace-search{margin:20px 0;max-width:520px}
.fold-card{border:1px solid var(--line);border-radius:16px;margin:12px 0;background:var(--surface);overflow:hidden}.professional .fold-card>summary{padding:20px;display:flex;gap:16px;align-items:center;list-style:none}.fold-card>summary::-webkit-details-marker{display:none}.fold-card>summary:after{content:'+';font-size:24px;margin-left:auto;color:var(--accent)}.fold-card[open]>summary:after{content:'−'}.fold-card>summary strong{font-weight:500;display:block}.fold-card>summary small{display:block;margin-top:4px}.fold-card>summary .summary-meta{flex:1}.fold-content{padding:0 24px 24px}.fold-content .profile-form{margin-top:0}.review-card{padding:0}.review-card .review-fields{display:grid;gap:16px;border-top:1px solid var(--line);padding-top:20px}.review-card .check{display:flex}.review-card label{margin:0}.review-card textarea{min-height:100px;padding:12px}.review-card .proof-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#090f1c;padding:16px;border-radius:12px}
.review-card .actions{margin-bottom:0}.review-card .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-card .preview-grid .contact-box{padding:20px}
.private-login{max-width:480px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);margin:32px 0}.private-login p{margin:0}.private-login h2{margin:0 0 8px}.private-output{border-color:var(--control);border-radius:10px}.access-output{border:1px solid #477761;border-radius:16px;padding:24px;margin:24px 0;background:#10251f}.access-output h2{margin-top:0}.access-output .notice{background:transparent;padding:0;border:0}
.owner-identity{margin-bottom:24px}.owner-identity p{margin:6px 0}.workspace-panel h2{margin-top:0}.inbox-item h3{font-size:20px}.danger-zone{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.danger-zone p{font-size:14px}
#reviewOutput:empty{display:none}.filter-empty{padding:20px;border:1px dashed var(--line);border-radius:12px}.profile-form [data-value][hidden]+small{display:none}
@keyframes mission-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.editor-layout{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.profile-hero{gap:24px}.hero-card{padding:22px}}
@media(max-width:700px){header{gap:8px;align-items:flex-start}header>a{font-size:16px}header .profile-nav{gap:12px}header .profile-nav a{font-size:13px;min-height:44px}.profile-hero{grid-template-columns:1fr;padding-block:24px}.hero-card{margin:12px 0}.hero-card .profile-orbit{display:grid;width:56px;margin-bottom:16px}.hero-card .profile-orbit span{font-size:22px}.benefits{gap:0;margin-bottom:32px}.benefits .contact-box{padding:12px 0}.benefits h2{margin:0}.benefits p{margin-bottom:4px}#claim-start{padding:20px 16px;border-radius:18px}.mission-heading{display:block}.mission-heading>.status-badge{margin-top:12px}.professional .mission-steps{gap:6px}.professional .mission-steps button{flex-direction:column;align-items:flex-start;padding:10px;font-size:12px;gap:8px;min-height:100px;line-height:1.4}.editor-layout{display:flex;flex-direction:column;gap:20px}.editor-layout>*{width:100%}.mission-card{position:static;padding:16px}.mission-card h3{font-size:18px;margin-bottom:12px}.mission-card .mission-checklist{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:12px 0}.mission-checklist li{font-size:13px;padding:4px 0}.mission-card .privacy-note{padding-top:12px;margin-bottom:12px}.mission-card>.hint{margin:8px 0}.mission-card button{width:auto}.roster-nav{margin-bottom:16px}.professional .selection-list,.preview-grid,.field-grid,.review-card .preview-grid{grid-template-columns:1fr}.editor-card{padding:0}.editor-card fieldset{padding:16px}.verification-fields{padding:16px!important}.journey-actions{gap:12px}.journey-actions .hint{order:-1;width:100%}.journey-actions .primary{flex:1;min-width:0}.completion-card,.empty-state{padding:24px 20px}.fold-content{padding:0 16px 20px}.professional .fold-card>summary{padding:16px;flex-wrap:wrap;gap:12px}.fold-card>summary .status-badge{font-size:12px}.workspace-bar .actions{width:100%}.workspace-tabs button{flex:1}.preview-contact{flex-wrap:wrap}.contact-grid .contact-box{margin:0}.private-login{padding:20px}.access-output{padding:20px}}
@media(max-width:380px){header{flex-wrap:wrap}.professional h1{font-size:34px}.mission-heading h2{font-size:20px}.professional .mission-steps button{padding:8px}.mission-card .mission-checklist{grid-template-columns:1fr}.journey-actions>button{width:100%}}
@media(prefers-reduced-motion:reduce){.professional *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.preview-material small{display:block;overflow-wrap:anywhere}.professional .consent-block>.field-error{margin-top:-10px}

.compact-progress{display:none}@media(max-width:700px){.professional .compact-progress{display:block;color:var(--success);font-size:14px;margin:0 0 20px}}


/* Crew access: a lightweight CSS orbit, with progress tied to authentication. */
.professional[data-profile-view="manage"]{--access-violet:var(--accent);--access-glow:#7aa7ff26}
.access-gateway{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--surface);margin:28px 0 48px;box-shadow:0 24px 80px #0004}
.access-world{position:relative;overflow:hidden;padding:32px;background:radial-gradient(ellipse at 40% 38%,#25355b 0,transparent 65%),#0a101d;display:flex;flex-direction:column;justify-content:center}
.access-world:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#b5c8ea80 1px,transparent 1.5px),radial-gradient(circle,#b5c8ea40 1px,transparent 1.5px);background-size:79px 97px,113px 137px;background-position:17px 23px,41px 71px;opacity:.4}
.access-world>*{position:relative}.professional .access-world h2{font:600 clamp(28px,3.2vw,40px)/1.2 var(--display);letter-spacing:-.035em;margin:18px 0}.access-world h2 span{color:var(--access-violet)}.access-world>p:not(.eyebrow){color:var(--muted);line-height:1.6;max-width:36ch}.access-world>.eyebrow{margin:0}
.access-universe{height:230px;position:relative;display:grid;place-items:center;margin:8px 0 0}.access-planet{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 25%,#bac9ff,#707bc8 24%,#344b80 51%,#101729 76%);box-shadow:inset -16px -12px 24px #05091580,0 0 70px var(--access-glow);transform:rotate(-14deg)}.access-planet span{font:700 52px var(--display);color:#fff;text-shadow:0 2px 20px #0a132a}
.access-orbit{position:absolute;width:290px;height:150px;border:1px solid #8eaaff55;border-radius:50%;transform:rotate(-28deg)}.orbit-two{width:225px;height:210px;transform:rotate(40deg);border-style:dashed;border-color:#b5a1ff40}.access-satellite{position:absolute;top:48px;left:calc(50% + 79px);width:12px;height:12px;border-radius:50%;background:var(--access-violet);box-shadow:0 0 20px #b5a1ff80;animation:access-drift 6s ease-in-out infinite}.orbit-caption{position:absolute;bottom:0;font:500 12px/1.5 var(--display);color:var(--muted)}
.access-perks{display:grid;gap:12px;margin-top:20px;font-size:14px;color:var(--muted)}.access-perks span,.access-seal,.access-mail-tip{display:flex;align-items:center;gap:8px}.access-gateway svg,.access-arrival svg{width:20px;height:20px;flex:0 0 20px}.access-perks svg{color:var(--accent)}
.professional .access-pass{padding:32px;margin:0;min-width:0;background:linear-gradient(145deg,#17203850,transparent 65%)}.access-pass-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.access-pass-top .eyebrow{margin:0}.access-seal{color:var(--success);font-size:12px;white-space:nowrap}.access-seal svg{width:16px;height:16px;flex-basis:16px}
.access-steps{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;padding:0;margin:28px 0 32px;gap:12px}.access-steps li{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);border-top:2px solid var(--line);padding-top:12px;line-height:1.5}.access-steps li>span{font:600 14px var(--display)}.access-steps li[aria-current]{border-color:var(--access-violet);color:var(--text)}.access-steps li[aria-current]>span{color:var(--access-violet)}.access-steps li.done{border-color:var(--success);color:var(--success)}.access-steps svg{height:18px}
.professional .access-pass h2{font:600 clamp(26px,3vw,34px)/1.2 var(--display);letter-spacing:-.03em;margin:0 0 14px;text-wrap:balance}.access-pass p{line-height:1.6}.professional .access-google{width:100%;box-sizing:border-box;background:#edf2ff;color:#101729;border-color:#edf2ff;gap:12px;margin-top:16px;font-weight:600}.professional .access-google:hover{background:#dce7ff;border-color:#b5c8ea;color:#101729}.access-google-hint{text-align:center;margin:8px 0;font-size:13px}.access-divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;margin:24px 0}.access-divider:before,.access-divider:after{content:'';height:1px;flex:1;background:var(--line)}
.professional .access-form{padding:0;background:none;border:0;gap:8px;margin:20px 0}.access-form label{font-size:14px;font-weight:500}.access-form input{font-size:16px;min-height:52px;border-radius:12px}.access-form small{font-size:13px;line-height:1.5}.access-form button{width:100%;justify-content:space-between;margin-top:12px;min-height:52px}.access-form .form-status:empty{display:none}.access-form .field-error{margin:0}.access-form [aria-invalid=true]{border-color:var(--danger)}
.access-help{border-bottom:1px solid var(--line);padding:0 0 12px;margin:12px 0 20px}.access-help summary{font-size:14px;color:var(--muted)}.access-help a,.access-support{display:inline-flex;min-height:44px;align-items:center;color:var(--accent);font-size:14px}.access-new{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px}.access-new>span{color:var(--muted)}.access-new a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--text);font-weight:500}.access-new small{width:100%;font-size:13px;line-height:1.5}
.access-pass-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px dashed var(--line);margin-top:28px;padding-top:16px;align-items:center}.access-pass-footer span{font:500 12px/1.5 var(--display);color:var(--muted)}.access-pass-footer a{font-size:13px;min-height:44px;display:flex;align-items:center;color:var(--accent)}
.access-sent{animation:mission-in .25s ease-out}.access-mail-stamp{display:grid;place-items:center;width:64px;height:64px;background:#a8e8cb12;color:var(--success);border:1px solid #a8e8cb50;border-radius:20px;margin-bottom:24px}.access-mail-stamp svg{width:28px;height:28px}.access-sent strong{color:var(--text);overflow-wrap:anywhere}.access-mail-tip{font-size:14px;line-height:1.5;border:1px solid var(--line);background:#0a101d;padding:14px;border-radius:12px;margin:24px 0}.access-mail-tip svg{color:var(--success)}.access-resend{display:flex;flex-wrap:wrap;gap:12px}.access-sent .form-status:empty{display:none}.access-connecting{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at center,#25355b70,transparent 65%),var(--surface);padding:24px}.access-connecting p{color:var(--muted)}.access-beacon{width:48px;height:48px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--access-violet);animation:access-spin 1s linear infinite;margin-bottom:20px}.access-arrival{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;margin:24px 0;border:1px solid #a8e8cb40;border-radius:14px;background:#a8e8cb08;animation:mission-in .3s ease-out}.access-arrival>.access-seal{font-size:14px}.access-arrival>span:last-child{font-size:14px;color:var(--muted)}
@keyframes access-drift{50%{transform:translate(-12px,8px)}}@keyframes access-spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.access-gateway{grid-template-columns:.9fr 1.1fr}.access-world,.professional .access-pass{padding:24px}.access-pass-top{align-items:flex-start;flex-direction:column}.access-orbit{width:240px}.orbit-two{width:210px}.access-world h2{font-size:30px}}
@media(max-width:650px){.access-gateway{grid-template-columns:1fr;border-radius:20px;margin:20px 0 32px}.access-world{padding:20px 24px;border-bottom:1px solid var(--line);min-height:90px;justify-content:center}.access-world>.eyebrow{font-size:11px}.access-universe{position:absolute;width:140px;height:140px;right:-10px;top:-14px;opacity:.8;pointer-events:none;margin:0}.access-planet{width:72px;height:72px}.access-planet span{font-size:32px}.access-orbit{width:138px;height:78px}.orbit-two{width:110px;height:118px}.access-satellite{left:calc(50% + 43px);top:34px;width:8px;height:8px}.orbit-caption,.access-world>p:not(.eyebrow),.access-perks{display:none}.professional .access-world h2{font-size:24px;max-width:calc(100% - 90px);margin:12px 0 0}.access-world h2 br{display:none}.access-world h2{font-size:0!important}.access-world h2 span{font-size:24px}.professional .access-pass{padding:24px 20px}.access-pass-top{flex-direction:row;align-items:center;gap:8px}.access-pass-top .eyebrow{font-size:10px}.access-seal{font-size:11px}.access-steps{gap:8px;margin:24px 0}.access-steps li{font-size:11px}.access-pass-footer{margin-top:20px}.access-pass-footer span{font-size:9px}.access-connecting{min-height:300px}.access-arrival{padding:14px}}
@media(prefers-reduced-motion:reduce){.access-satellite,.access-beacon,.access-sent,.access-arrival{animation:none}.access-beacon{border-color:var(--access-violet)}}

/* Keep the document title for assistive technology while the pass is the visual entry point. */
.professional.is-access-screen>h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.access-steps li{border-bottom:0}
@media(max-width:650px){body:has(.professional[data-profile-view="manage"]) header{flex-wrap:wrap;padding-block:12px;gap:4px}body:has(.professional[data-profile-view="manage"]) header .profile-nav{width:100%;justify-content:space-between;gap:16px}.access-gateway{margin-top:12px}.access-steps{margin:20px 0}.access-world h2{line-height:1.2}.professional .access-pass h2{font-size:28px}}


.access-admin{border-top:1px solid var(--line);padding:14px 0 0;margin-top:20px}.access-admin>summary{min-height:44px;cursor:pointer;padding:10px 0;color:var(--muted);font-size:14px}.access-admin[open]>summary{color:var(--text)}.access-admin .access-form{margin-top:12px}.access-admin>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}


/* Enrollment: two clear entry paths, without loading the galaxy. */
.join-entry{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin:24px 0}
.join-catalog,.join-new{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.join-new{background:radial-gradient(ellipse at top right,#7aa7ff18,transparent 70%),var(--surface)}
.join-entry .eyebrow{margin-top:0}.join-entry h4{font:600 24px/1.3 var(--display);margin:12px 0}.join-entry p{line-height:1.6}
.join-entry button{min-height:48px}.join-entry .profile-search{margin-top:8px;min-height:52px}
#newProfileFields{padding:24px;background:var(--surface)}#newProfileFields .hint{margin:16px 0}#newProfileFields>button{min-height:48px}
.professional[data-profile-view="join"] .selected-profile{overflow-wrap:anywhere}
.professional[data-profile-view="join"] .hero-card .profile-orbit{background-image:radial-gradient(circle at 32% 26%,#c7d5ff,#6e83c6 26%,#273c6d 52%,#070d1b 78%)}
.professional[data-profile-view="join"] .mission-heading h2{font:600 clamp(26px,3vw,34px)/1.2 var(--display)}
.professional[data-profile-view="join"] .journey-actions{background:var(--surface);border-radius:12px;padding:16px}
.professional[data-profile-view="join"] .editor-card details[open]{padding-bottom:12px}
@media(max-width:700px){.join-entry{grid-template-columns:1fr;gap:12px;margin:20px 0}.join-catalog,.join-new,#newProfileFields{padding:18px}.join-new h4{font-size:22px}.join-new>button{width:100%}.professional[data-profile-view="join"] .mission-steps button{min-height:82px}.professional[data-profile-view="join"] .journey-actions{padding:12px}.professional[data-profile-view="join"] .journey-actions .hint{margin:0}.professional[data-profile-view="join"] .profile-nav{gap:16px}}
@media(max-width:700px){.professional[data-profile-view="join"] .profile-hero{padding-top:20px}}

/* Planet Studio: the same bounded recipe in the editor, review and public card. */
.professional[data-profile-view=public] .profile-showcase{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);border:1px solid var(--line);border-radius:28px;padding:40px;gap:24px;background:radial-gradient(ellipse at top right,#6953af20,transparent 65%),var(--surface);margin-top:32px}
.profile-showcase h1{font:600 clamp(32px,4.5vw,54px)/1.1 var(--display);margin:16px 0 24px;overflow-wrap:anywhere}.profile-showcase .lead{font-size:17px;line-height:1.7;white-space:pre-line;max-width:60ch}.profile-evidence{font-size:13px;color:var(--muted);max-width:60ch}.profile-evidence summary{padding:6px 0!important}.profile-showcase .managed-badge{font-size:12px}.profile-showcase .actions{margin-bottom:0}.profile-contact-section,.profile-portfolio-section,.planet-updates{padding:28px;border:1px solid var(--line);border-radius:24px;background:#0b111c}.professional[data-profile-view=public] h2{font:600 26px/1.3 var(--display);margin:8px 0 24px}.profile-contact-section .contact-box{background:#121a29;margin:0}.profile-portfolio-section .actions a{flex:1;justify-content:space-between;min-height:64px}.preview-grid .skin-stage{max-width:220px;margin:auto}.crew-planet-cover>.skin-stage{max-width:220px}
@media(max-width:700px){.professional[data-profile-view=public] .profile-showcase{display:flex;flex-direction:column-reverse;padding:24px 20px;gap:0;border-radius:20px;margin-top:20px}.profile-planet-display{width:min(220px,75%);align-self:center}.profile-showcase .skin-stage{aspect-ratio:1.15}.profile-showcase h1{font-size:36px}.profile-contact-section,.profile-portfolio-section,.planet-updates{padding:20px 16px;border-radius:20px}.professional[data-profile-view=public] h2{font-size:23px}.skin-workbench{grid-template-columns:1fr;gap:0}.skin-workbench [data-skin-preview]{width:min(260px,100%);margin:auto}.skin-editor{padding:0 14px}.skin-editor>summary{flex-wrap:wrap}.skin-controls{gap:14px}.crew-planet-cover>.skin-stage{max-width:180px}}

.professional{--portfolio-line:#597868;--portfolio-surface:#162c27}
/* Portfolio C9: the same compact cards in public pages, preview and review. */
.portfolio-identity{display:flex;align-items:center;gap:16px;margin:16px 0}.portfolio-avatar{position:relative;width:80px;height:80px;flex:none;border-radius:20px;overflow:hidden;background:var(--surface);display:grid;place-items:center}.portfolio-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portfolio-role{font-weight:600}.portfolio-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.portfolio-tags li{border:1px solid var(--line);border-radius:12px;padding:8px 12px;overflow-wrap:anywhere}.availability-tags li{border-color:var(--portfolio-line);background:var(--portfolio-surface)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}.portfolio-work{min-width:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow-wrap:anywhere}.portfolio-player{margin:16px 0}.portfolio-player iframe{width:100%;border:0;border-radius:12px}.portfolio-editor,.work-editor{padding:12px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.portfolio-editor summary,.work-editor summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.contact-benefit{padding:16px;border:1px solid var(--portfolio-line);border-radius:14px;background:var(--portfolio-surface)}.contact-editor-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.journey-form .contact-fields[hidden]{display:none}.journey-form .mission-steps{flex-wrap:wrap}.professional .portfolio-work h3{margin-top:0}.professional .portfolio-work .button{white-space:normal;text-align:left}.preview-grid .portfolio-grid{grid-template-columns:1fr}@media(max-width:600px){.professional .mission-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.professional .mission-steps li{min-width:0}.professional .mission-steps button{width:100%;white-space:normal}.portfolio-work{padding:16px}.portfolio-identity{gap:12px}}

.work-only .contact-fields,.work-only .copy-contacts{display:none}.contact-only .editor-card>:not(h2):not(.contact-fields):not(.copy-contacts){display:none}.professional .mission-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.professional .mission-steps li{min-width:0}.professional .mission-steps button{white-space:normal;min-height:60px}.professional .mission-steps li:after{display:none}@media(max-width:600px){.professional .mission-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Public profiles and access share the canonical brand, without a second palette. */
.professional button,.professional .button{border-color:transparent;border-radius:var(--radius-control);transition:background-color 160ms var(--ease),border-color 160ms var(--ease)}
.professional .primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
.professional .primary:hover{background:#a5c3ff;color:var(--on-accent)}
.professional input:not([type=checkbox]),.professional select,.professional textarea{border-color:var(--control-border);border-radius:var(--radius-control);font-size:16px}
.professional .is-error,.professional [aria-invalid=true]{border-color:var(--danger)}
.professional .is-error,.professional .field-error{color:var(--danger)}
/* A badge, not a control: no pill border that could be mistaken for a button. */
.professional .managed-badge{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--success);font-size:13px}.professional .managed-badge::before{content:'✓';font-weight:700}
.access-gateway{border-radius:var(--radius-modal)}.access-world{background:var(--surface-2)}.access-world::before{display:none}.access-satellite{animation:none}
.professional .access-pass{background:var(--surface)}.access-world h2 span{color:var(--accent)}
.professional[data-profile-view=public] .profile-showcase{background:var(--surface);border-radius:var(--radius-card);padding:32px}
.profile-contact-section,.profile-portfolio-section,.planet-updates{background:var(--surface);border-radius:var(--radius-card);padding:24px}
.profile-contact-section .contact-box{background:var(--surface-2)}
.profile-evidence summary{min-height:44px}.profile-showcase .lead{font-size:18px;max-width:640px}
.completion-card,.empty-state{background:var(--surface);border-radius:var(--radius-card)}
@media(max-width:700px){.professional[data-profile-view=public] .profile-showcase{padding:24px 16px;flex-direction:column;align-items:stretch}.profile-planet-display{width:min(160px,65%);margin-top:24px}.profile-contact-section,.profile-portfolio-section,.planet-updates{padding:24px 16px}.professional .lead{font-size:18px}}
/* Brand v1.4 — public subject and chosen work precede private tools. */
.professional{--muted:#a7b4c8;--success:#a6cdb9;--danger:#ffb4b4;--control:#60718d;--radius:16px}
.professional h1{font-size:clamp(24px,3vw,32px);line-height:1.2}
.profile-hero h1{font-size:clamp(32px,5vw,64px)}
.professional h2{font-size:24px}.professional h3{font-size:20px}
.professional .eyebrow{font-size:12px}.professional .lead{font-size:18px}
.professional input:not([type=checkbox]),.professional select,.professional textarea{border-color:var(--control-border);border-radius:10px}
.professional .primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.professional .post-text{font-size:16px;line-height:1.6}
.professional .actions{gap:12px}.professional section{margin-block:32px}
.professional small,.professional .hint{font-size:13px;line-height:1.5}
@media(max-width:700px){.professional h1{font-size:28px}.profile-hero h1{font-size:36px}.professional input:not([type=checkbox]),.professional select,.professional textarea{font-size:16px}.professional section{margin-block:24px}}
.professional[data-profile-view=public] .profile-showcase h1{font-size:clamp(24px,3vw,32px)}.professional[data-profile-view=public] .profile-planet-display{max-width:160px;justify-self:end}.professional[data-profile-view=public] .profile-showcase{grid-template-columns:minmax(0,1fr) 160px;gap:24px}.professional[data-profile-view=public] .profile-contact-section,.professional[data-profile-view=public] .profile-portfolio-section,.professional[data-profile-view=public] .planet-updates{border-radius:16px}.professional .profile-evidence summary{min-height:44px;padding-block:12px!important}@media(max-width:700px){.professional[data-profile-view=public] .profile-showcase{flex-direction:column;align-items:stretch}.professional[data-profile-view=public] .profile-planet-display{width:96px;align-self:flex-start;margin-top:16px}.professional[data-profile-view=public] .profile-showcase h1{font-size:28px}}
@media(max-width:700px){.professional[data-profile-view=public] .skin-coordinate{display:none}}
.professional button,.professional .button{transition:background-color var(--motion-micro) var(--ease),border-color var(--motion-micro) var(--ease)}
/* The app planet (planet-avatar.js spin): the display size follows the column; the canvas resolution is set once. */
.profile-planet-display canvas.profile-planet{display:block;width:100%!important;height:auto!important;aspect-ratio:1;touch-action:manipulation}

/* C1: optional domain code after sending the request (same layout as the app). */
.domain-check{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0c1522}
.domain-check h3{margin:0 0 6px;font-size:17px}.domain-check h3 small{font-weight:400;color:var(--muted);font-size:13px;margin-left:6px}
.domain-check p{margin:0 0 12px}
.domain-check-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.domain-check-row label{flex:1 1 160px;display:grid;gap:6px}
.domain-check-row input{font:600 20px/1.2 ui-monospace,monospace;letter-spacing:.2em;min-height:48px}
.domain-check-row button{min-height:48px}
.domain-verified{margin:0;color:var(--success);font-weight:600}

/* C7: Instagram bio code and colleague invitation. */
.bio-code{flex:1 1 160px;display:flex;align-items:center;min-height:48px;padding:0 14px;border:1px dashed var(--line);border-radius:10px;font:600 20px/1.2 ui-monospace,monospace;letter-spacing:.12em;user-select:all}
.invite-banner{margin:12px 0;padding:12px 14px;border:1px solid #477761;border-radius:12px;background:#0f2a22;color:var(--text)}
.invite-banner.is-error{border-color:#80663e;background:#2a210f}
/* C7: the Instagram code the reviewer looks for. */
.social-review{margin:8px 0 16px;padding:12px 14px;border:1px dashed var(--line);border-radius:12px}.social-review p{margin:0 0 8px}.social-review code{font:600 15px ui-monospace,monospace;letter-spacing:.08em}
/* Contact scopes (app: CardContactForm): title inside the card, no repeated question, same sizes on site and app. */
.contact-fields fieldset[data-channel]{margin:0 0 12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.contact-fields fieldset[data-channel]>legend{float:left;width:100%;padding:0;margin:0 0 12px;font:600 18px/1.12 'Space Grotesk',sans-serif;letter-spacing:-.6px;color:var(--text,#f8fafc)}.contact-fields fieldset[data-channel]>legend+*{clear:both}.contact-fields .contact-mode{display:block;margin:0}.contact-fields .contact-mode select{width:100%}.contact-fields [data-mode-hint]{margin:8px 0 0;color:var(--muted);font-size:12px}.contact-fields .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.social-check-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.social-check-actions>*{flex:1 1 160px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.social-check .form-status:not(:empty){margin:12px 0 0}
/* «Con chi hai lavorato»: self-declared collaborations, same density as the portfolio editor. */
.collab-editor{padding:12px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.collab-editor summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.collab-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}.collab-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;border-bottom:1px solid var(--line)}.collab-row>span{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}.collab-row select,.collab-add select{min-height:44px}.collab-row button{min-height:44px}.collab-add{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px 12px;align-items:end}.collab-results{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.collab-results button{min-height:44px}@media(max-width:560px){.collab-add{grid-template-columns:1fr}}.collab-editor .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.collab-editor label{display:flex;flex-direction:column;gap:6px;margin:0}.collab-editor input,.collab-editor select{width:100%;box-sizing:border-box}.collab-row>label{flex:0 1 220px}

/* v1.5 — profilo pubblico: il pianeta (identità) apre la scheda anche su telefono; «Contatta» è il solo primario. */
@media(max-width:700px){.professional:is([data-profile-view=public],[data-profile-view=demo]) .profile-planet-display{order:-1;margin:0 0 8px}}
/* v1.5 — intestazione delle pagine pubbliche su una riga anche a 320 px; tag descrittivi senza bordo, perché non sono tasti. */
@media(max-width:700px){.professional header,header:has(.profile-nav){flex-wrap:nowrap;align-items:center}header .profile-nav{flex-wrap:nowrap;gap:12px}header .profile-nav .nav-long{display:none}}
.portfolio-tags li{border:0;border-radius:999px;padding:4px 12px;background:var(--surface-2);color:var(--muted);font-size:13px}