.h360-page{background:#101318;color:#f6f8fb;font:16px/1.5 system-ui,sans-serif;margin:0}.h360-page main{max-width:760px;margin:30px auto;padding:18px}.h360-generator,.h360-player{font:inherit;box-sizing:border-box;max-width:740px;padding:22px;background:#18202a;color:#f7f9fb;border:1px solid #35404d;border-radius:18px}.h360-generator label{display:block;margin:12px 0}.h360-generator input,.h360-generator select{display:block;box-sizing:border-box;max-width:100%;width:100%;padding:10px;border-radius:8px;border:1px solid #778594;background:#fff;color:#101318}.h360-generator video{width:100%;border-radius:10px}.h360-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.h360-generator button,.h360-actions button,.h360-actions a{font:inherit;background:#d9e9ff;color:#111b2a;border:0;border-radius:9px;padding:10px 13px;cursor:pointer;text-decoration:none;display:inline-block}.h360-generator button:disabled{opacity:.5}.h360-stage{max-width:450px;margin:auto;touch-action:none;cursor:grab;user-select:none;outline-offset:5px}.h360-stage canvas{width:100%;height:auto;display:block;border-radius:12px;background:#111}.h360-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.h360-note{font-size:13px;opacity:.8}.h360-player:focus-within{outline-color:#86b7ff}@media(max-width:500px){.h360-fields{grid-template-columns:1fr}.h360-generator,.h360-player{padding:12px}}

/* Human 360 player: single-frame cinematic presentation */
.h360-player{max-width:740px;margin-inline:auto;overflow:hidden}
.h360-stage{width:min(100%,420px);position:relative;aspect-ratio:var(--h360-aspect, 9 / 16);display:grid;place-items:center;overflow:hidden;border-radius:16px;background:#090e16;box-shadow:0 16px 45px #0006;cursor:grab}
.h360-stage:active{cursor:grabbing}
.h360-stage canvas{width:100%;height:100%;object-fit:contain;border-radius:0}
.h360-orbit-controls{margin:16px auto 4px;max-width:450px}
.h360-orbit-controls label{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.h360-orbit-controls input{width:100%;accent-color:#a5cfff;cursor:pointer}
.h360-actions{justify-content:center}.h360-actions button,.h360-actions a{font-size:14px}
.h360-player:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#101318;padding:18px;max-width:none}
.h360-player:fullscreen .h360-stage{max-height:75vh;width:auto;height:75vh}
@media(max-width:500px){.h360-stage{max-width:100%}.h360-actions button,.h360-actions a{flex:1 1 auto;text-align:center}}
/* User-owned gallery, scoped to Human 360 pages */
.h360-gallery{max-width:1100px!important}.h360-gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.h360-gallery-header h1{margin-bottom:4px}.h360-gallery-header a{background:#d8e9ff;color:#122236;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:650}.h360-tabs{display:flex;gap:8px;margin:20px 0}.h360-tabs button{border:1px solid #546073;border-radius:24px;background:transparent;color:inherit;padding:10px 17px;cursor:pointer}.h360-tabs button[aria-pressed=true]{background:#d8e9ff;color:#122236;border-color:#d8e9ff}.h360-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:18px}.h360-gallery-card{background:#202b39;border:1px solid #354357;border-radius:17px;overflow:hidden}.h360-gallery-preview{display:block;background:#0b1018}.h360-gallery-thumb{width:100%;aspect-ratio:3/4;background-repeat:no-repeat;background-position:0 0;background-color:#0b1018}.h360-gallery-placeholder{display:grid;place-items:center}.h360-gallery-details{padding:14px}.h360-gallery-details h2{font-size:17px;line-height:1.3;margin:0 0 5px;overflow-wrap:anywhere}.h360-gallery-details p{font-size:12px;opacity:.8;margin:0 0 14px}.h360-gallery-actions{display:flex;flex-wrap:wrap;gap:8px}.h360-gallery-actions a,.h360-gallery-actions button,.h360-gallery-pages button{font:inherit;font-size:12px;border:1px solid #69798e;border-radius:9px;background:transparent;color:inherit;padding:8px 10px;text-decoration:none;cursor:pointer}.h360-gallery-pages{display:flex;gap:10px;justify-content:center;margin:24px 0}.h360-claim{max-width:600px}.h360-claim button{padding:12px 20px}

.h360-claim textarea{display:block;width:100%;max-width:520px;margin:8px 0 18px;border-radius:8px;padding:10px}.h360-gallery-actions button{min-height:36px}

/* Lightweight shared creator workspace navigation. */
.h360-workspace-nav{display:flex;gap:8px;align-items:stretch;margin:14px 0 22px;padding:5px;background:#18202a;border:1px solid #35404d;border-radius:14px;max-width:740px}
.h360-workspace-link{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;min-height:44px;padding:9px 12px;border-radius:10px;color:#dce7f5;text-decoration:none;font-weight:650;box-sizing:border-box}
.h360-workspace-link:hover,.h360-workspace-link:focus-visible{background:#2b394a;color:#fff}
.h360-workspace-link.is-active{background:#d8e9ff;color:#122236}
.h360-workspace-link:focus-visible{outline:2px solid #a5cfff;outline-offset:2px}
@media(max-width:500px){.h360-workspace-nav{margin:12px 0 18px}.h360-workspace-link{min-width:0}}

.h360-claim-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:10px;background:#d8e9ff;color:#14243c!important;text-decoration:none;font-weight:700}
.h360-claim-action:focus-visible{outline:3px solid #5c99e5;outline-offset:3px}

/* Homepage actions reuse existing lightweight navigation, with no new API requests. */
.h360-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.h360-home-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:11px;background:#d8e9ff;color:#122236;text-decoration:none;font-weight:650}
.h360-home-actions a:focus-visible{outline:2px solid #a5cfff;outline-offset:3px}

/* Human 360 public landing: scoped, CSS-only visual, no image downloads or JS. */
.h360-home{background:#090c14;color:#f8f9ff;min-height:100vh}
.h360-home .h360-landing{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,60px) 30px;box-sizing:border-box}
.h360-landing *{box-sizing:border-box}
.h360-landing-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid #ffffff1b}
.h360-landing-brand{display:inline-flex;align-items:center;gap:11px;color:#f7f7ff;text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.05em;white-space:nowrap}
.h360-brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#d7c3ff,#a5cfff);color:#101323;font-size:14px;font-weight:850;letter-spacing:-.07em}
.h360-landing-top .h360-workspace-nav{margin:0;max-width:440px;width:100%;background:#ffffff0b;border-color:#ffffff1b}
.h360-landing-top .h360-workspace-link{font-size:13px}
.h360-hero{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:clamp(18px,4vw,65px);padding:clamp(55px,8vw,110px) 0 75px;min-height:590px}
.h360-eyebrow{color:#c6b5ff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.19em!important;text-transform:uppercase;margin:0 0 22px!important}
.h360-dot{display:inline-block;width:7px;height:7px;background:#d5c2ff;border-radius:50%;margin-right:9px;box-shadow:0 0 14px #d5c2ff}
.h360-hero h1{font-size:clamp(39px,5.1vw,72px);line-height:1.075;letter-spacing:-.065em;margin:0 0 28px;font-weight:750}
.h360-hero h1 span,.h360-section-heading h2 span,.h360-finale h2 span{background:linear-gradient(95deg,#c5aaff,#90c9ff 70%,#a8ffe0);-webkit-background-clip:text;background-clip:text;color:transparent}
.h360-lede{font-size:clamp(17px,1.7vw,21px);line-height:1.65;color:#b9c2d5;max-width:570px;margin:0 0 30px}
.h360-hero-buttons,.h360-finale-actions{display:flex;flex-wrap:wrap;gap:12px}
.h360-btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:14px 20px;border-radius:13px;text-decoration:none;font-size:14px;font-weight:750;transition:transform .15s ease,background .15s ease}
.h360-btn:hover{transform:translateY(-2px)}
.h360-btn:focus-visible{outline:3px solid #b3d7ff;outline-offset:4px}
.h360-btn-primary{color:#131427;background:linear-gradient(115deg,#d5b8ff,#b3d9ff)}
.h360-btn-secondary{color:#f7f7ff;border:1px solid #ffffff45;background:#ffffff0c}
.h360-hero-footnote{color:#8f9cb4;font-size:12px;line-height:1.6;max-width:470px;margin:20px 0 0}
.h360-hero-art{position:relative;min-height:480px;isolation:isolate;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff1b;border-radius:32px;background:radial-gradient(ellipse at 50% 52%,#32245c 0%,#161a34 37%,#0e1222 73%);box-shadow:0 35px 100px #0007}
.h360-art-glow{position:absolute;inset:13% 14%;border-radius:50%;background:radial-gradient(ellipse,#b1a0ff52 0%,#6d7fff12 47%,transparent 70%);filter:blur(15px)}
.h360-art-orbit{position:absolute;width:76%;height:40%;border:1px solid #b9bcff75;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 22px #ae9eff16}
.h360-art-orbit-two{transform:rotate(35deg);border-color:#8bc6ff7a;width:72%;height:42%}
.h360-art-orbit-three{transform:rotate(89deg);border-color:#c9b4ff45;width:65%;height:43%}
.h360-art-silhouette{position:absolute;top:23%;height:62%;width:31%;filter:drop-shadow(0 5px 22px #c7aaff44)}
.h360-art-head{position:absolute;left:37%;top:0;width:26%;height:21%;border-radius:50% 50% 45% 45%;background:linear-gradient(120deg,#c8b2ff,#8199df)}
.h360-art-body{position:absolute;left:20%;top:20%;width:60%;height:48%;border-radius:42% 42% 27% 27%;background:linear-gradient(115deg,#d8c2ff,#889ee7 65%,#6676b8);clip-path:polygon(18% 0,82% 0,100% 72%,75% 80%,72% 100%,28% 100%,25% 80%,0 72%)}
.h360-art-leg{position:absolute;top:63%;height:37%;width:23%;background:linear-gradient(#8297dc,#5265ac);border-radius:5px 5px 13px 13px}
.h360-art-leg-left{left:27%;transform:rotate(3deg)}.h360-art-leg-right{right:27%;transform:rotate(-3deg)}
.h360-art-label{position:absolute;z-index:2;color:#d6d7ff;font-size:10px;font-weight:800;letter-spacing:.22em}
.h360-art-label-top{top:24px;left:26px}.h360-art-label-bottom{bottom:25px;right:25px}
.h360-art-star{position:absolute;color:#e1d1ff}.h360-art-star-one{left:15%;top:31%;font-size:29px}.h360-art-star-two{right:15%;bottom:30%;font-size:22px}
.h360-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;margin:0 0 110px}
.h360-steps>div{padding:26px 20px;border-right:1px solid #ffffff1b}.h360-steps>div:first-child{padding-left:0}.h360-steps>div:last-child{border:0}
.h360-steps span{display:block;font-size:11px;color:#b8a4fa;font-weight:800;margin-bottom:13px;letter-spacing:.1em}
.h360-steps strong{display:block;font-size:19px;letter-spacing:-.04em}
.h360-steps p{color:#9da9bf;font-size:13px;line-height:1.55;margin:8px 0 0}
.h360-section-heading{max-width:680px;margin:0 0 35px}.h360-section-heading h2,.h360-finale h2{font-size:clamp(35px,4.5vw,58px);line-height:1.12;letter-spacing:-.06em;margin:0 0 19px}
.h360-section-heading>p:last-child,.h360-finale p:not(.h360-eyebrow){font-size:16px;line-height:1.7;color:#aebad0;max-width:610px}
.h360-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.h360-role{background:linear-gradient(155deg,#1d2135,#141926);border:1px solid #ffffff20;border-radius:22px;padding:25px 22px 30px;min-height:270px;display:flex;flex-direction:column}
.h360-role:nth-child(2){background:linear-gradient(155deg,#222039,#161a28)}.h360-role:nth-child(3){background:linear-gradient(155deg,#192b39,#131b28)}
.h360-role-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}.h360-role-number{color:#a7b3ca;font-size:12px;font-weight:700}.h360-role-symbol{color:#c6b3ff;font-size:26px}
.h360-role h3{font-size:21px;letter-spacing:-.045em;margin:38px 0 8px}.h360-role p{font-size:13px;line-height:1.7;color:#b4bed0;margin:0}
.h360-finale{margin:110px 0 55px;padding:clamp(28px,5vw,60px);border:1px solid #b8b0ff55;border-radius:30px;background:radial-gradient(ellipse at 90% 0%,#6954ac45,transparent 55%),linear-gradient(120deg,#25203c,#121b2b);display:flex;justify-content:space-between;align-items:end;gap:35px}
.h360-finale h2{margin-bottom:14px}.h360-finale p:not(.h360-eyebrow){margin-bottom:0}.h360-finale-actions{flex-direction:column;min-width:210px}
.h360-landing-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #ffffff1d;padding:25px 0;color:#8d9ab1;font-size:12px}
@media(max-width:900px){.h360-hero{grid-template-columns:1fr 1fr}.h360-hero-art{min-height:390px}.h360-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h360-finale{align-items:start;flex-direction:column}.h360-finale-actions{flex-direction:row}}
@media(max-width:680px){.h360-landing-top{align-items:stretch;flex-direction:column;padding:16px 0}.h360-landing-top .h360-workspace-nav{max-width:none}.h360-hero{grid-template-columns:1fr;padding:52px 0 40px;min-height:0}.h360-hero-art{min-height:320px;max-width:500px;width:100%;margin:10px auto 0}.h360-hero h1{font-size:clamp(39px,9vw,60px)}.h360-steps{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:65px}.h360-steps>div{padding:22px 12px!important;border-bottom:1px solid #ffffff1b}.h360-steps>div:nth-child(2){border-right:0}.h360-steps>div:nth-child(n+3){border-bottom:0}.h360-role-grid{gap:10px}.h360-role{min-height:245px;padding:20px 16px}.h360-role h3{font-size:18px}.h360-finale{margin:65px 0 35px}.h360-finale-actions{width:100%}.h360-finale-actions .h360-btn{flex:1}}
@media(max-width:430px){.h360-role-grid{grid-template-columns:1fr}.h360-role{min-height:195px}.h360-role h3{margin-top:25px}.h360-hero-buttons .h360-btn{width:100%}.h360-art-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.h360-btn{transition:none}.h360-btn:hover{transform:none}}