/* ItundaFace showcase — TossFace-inspired editorial system
   Original ItundaFace artwork; this layer borrows only high-level presentation principles:
   simplicity, equal visual scale, one palette, directional consistency, generous space. */
:root{
  --itf-bg:#fff;
  --itf-ink:#111;
  --itf-muted:#6b6b6b;
  --itf-line:#e8e8e8;
  --itf-indigo:#7472f4;
  --itf-max:1120px;
}
html{scroll-behavior:smooth;background:var(--itf-bg)}
body{background:var(--itf-bg)!important;color:var(--itf-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",Inter,Arial,sans-serif!important;font-weight:400;letter-spacing:-.025em}
body:before,body:after{display:none!important}
.nav{position:sticky!important;top:0!important;z-index:50!important;height:64px!important;padding:0 28px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid transparent!important;box-shadow:none!important;backdrop-filter:blur(16px)!important}
.nav.scrolled{border-bottom-color:var(--itf-line)!important}
.brand{font-size:18px!important;font-weight:800!important;letter-spacing:-.04em!important;color:#111!important}
.brand span{color:var(--itf-indigo)!important}
.navlinks{gap:24px!important}
.navlinks a{font-size:14px!important;color:#666!important;border-radius:0!important;padding:6px 0!important}
.navlinks a:hover{color:#111!important;background:none!important}
.tools{gap:8px!important}.tool{border:0!important;background:none!important;box-shadow:none!important;color:#666!important;border-radius:8px!important;font-size:13px!important}
main{overflow:hidden}
.hero{min-height:760px!important;padding:150px 24px 130px!important;background:#fff!important;position:relative!important}
.hero:before,.hero:after,.hero-orbit:before,.hero-orbit:after{display:none!important}
.hero-inner{max-width:var(--itf-max)!important;margin:0 auto!important;display:grid!important;grid-template-columns:1fr!important;gap:48px!important;text-align:center!important;align-items:center!important}
.hero-copy{max-width:760px!important;margin:0 auto!important}
.eyebrow{font-size:13px!important;font-weight:700!important;letter-spacing:.02em!important;color:#777!important;margin-bottom:26px!important}
.hero h1{font-size:clamp(58px,8vw,112px)!important;line-height:.95!important;letter-spacing:-.075em!important;font-weight:800!important;color:#111!important;margin:0!important}
.hero h1 span{color:#111!important}
.hero-copy p,.hero p{max-width:610px!important;margin:30px auto 0!important;font-size:20px!important;line-height:1.65!important;color:#666!important}
.hero-actions{justify-content:center!important;margin-top:36px!important}.hero-actions a,.hero-actions button{border-radius:10px!important;box-shadow:none!important;font-weight:700!important}
.hero-orbit{display:block!important;width:min(420px,78vw)!important;height:min(420px,78vw)!important;margin:34px auto 0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.hero-face{filter:none!important;box-shadow:none!important;max-width:70%!important}
section{background:#fff!important}
.inner{max-width:var(--itf-max)!important}
.title{font-size:clamp(42px,5vw,72px)!important;line-height:1.03!important;letter-spacing:-.065em!important;font-weight:800!important;color:#111!important}
.copy{font-size:18px!important;line-height:1.7!important;color:#666!important;max-width:680px!important}
/* Replace the generic SaaS card language with full-width editorial rows. */
#system{padding:150px 24px!important;border-top:1px solid var(--itf-line)!important}
.principles{display:block!important;margin-top:72px!important;border-top:1px solid var(--itf-line)!important}
.principle{display:grid!important;grid-template-columns:120px 1fr 1.2fr!important;gap:32px!important;align-items:start!important;padding:38px 0!important;border-bottom:1px solid var(--itf-line)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.principle h3{font-size:16px!important;color:#111!important;font-weight:750!important;margin:0!important}
.principle p{font-size:20px!important;line-height:1.5!important;color:#333!important;margin:0!important}
.principle .icon,.principle img{width:72px!important;height:72px!important;border-radius:0!important;background:none!important;box-shadow:none!important}
/* TossFace's strongest presentation device: a calm, dense field of glyphs. */
#glyphs{padding:150px 24px 170px!important;border-top:1px solid var(--itf-line)!important}
#glyphs .glyph-grid,.glyph-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:0!important;margin-top:72px!important}
.glyph,.glyph-card{min-height:120px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.glyph:hover{transform:translateY(-4px)!important;background:transparent!important}
.glyph img,.glyph svg{width:72px!important;height:72px!important;filter:none!important}
/* 3D becomes a restrained demonstration, not a glowing app widget. */
#\33 d{padding:150px 24px!important;border-top:1px solid var(--itf-line)!important}
.stage{min-height:560px!important;margin-top:72px!important;border-radius:0!important;background:#f7f7f7!important;box-shadow:none!important;border:0!important;overflow:hidden!important}
.stage-glow,.stars{display:none!important}
.stage-shadow{opacity:.12!important;filter:blur(14px)!important}
.picker,.controls{box-shadow:none!important}
.note{color:#777!important;font-size:14px!important}
/* Keep the app/agent demos available in source but make the TossFace-style page about the visual system first. */
#app,#agent{border-top:1px solid var(--itf-line)!important;padding-top:150px!important}
.phone,.agent-visual,.agent-step{border-radius:0!important;box-shadow:none!important}
.gallery{border-top:1px solid var(--itf-line)!important;padding-top:150px!important}
/* FAQ / footer treatment */
.faq,.questions{border-top:1px solid var(--itf-line)!important}
.faq-item,.question{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--itf-line)!important;box-shadow:none!important}
footer{background:#fff!important;border-top:1px solid var(--itf-line)!important;color:#777!important}
footer a{color:#555!important}
/* No dark glass treatment: the reference page's visual language is intentionally calm and typographic. */
[data-theme="dark"] body,[data-theme="dark"] main,[data-theme="dark"] section,[data-theme="dark"] .hero,[data-theme="dark"] footer{background:#fff!important;color:#111!important}
[data-theme="dark"] .nav{background:rgba(255,255,255,.94)!important}
[data-theme="dark"] .title,[data-theme="dark"] .hero h1,[data-theme="dark"] .principle p,[data-theme="dark"] .principle h3{color:#111!important}
@media(max-width:760px){
  .nav{height:60px!important;padding:0 18px!important}.navlinks{top:60px!important}
  .hero{min-height:680px!important;padding:105px 20px 90px!important}.hero h1{font-size:clamp(50px,15vw,78px)!important}.hero-copy p,.hero p{font-size:17px!important}
  #system,#glyphs,#\33 d,#app,#agent{padding:96px 20px!important}
  .principle{grid-template-columns:1fr!important;gap:12px!important;padding:28px 0!important}.principle .icon,.principle img{width:56px!important;height:56px!important}
  #glyphs .glyph-grid,.glyph-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:48px!important}.glyph{min-height:92px!important}.glyph img,.glyph svg{width:54px!important;height:54px!important}
  .stage{min-height:430px!important;margin-top:48px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.glyph:hover{transform:none!important}}


/* Mobile reference pass: full-screen 3D field + glyph browser */
.hero{background:#000!important;color:#fff!important;min-height:100svh!important;padding:0 24px!important;overflow:hidden!important}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.8));pointer-events:none;z-index:1}.hero-inner{position:relative;z-index:3;min-height:100svh!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;padding-bottom:clamp(42px,8vh,100px)!important;text-align:center!important}.hero .eyebrow{color:rgba(255,255,255,.66)!important;margin-bottom:18px!important}.hero h1{color:#fff!important;max-width:760px!important}.hero h1 span{color:#fff!important}.hero-copy{color:rgba(255,255,255,.78)!important;max-width:620px!important}.hero-actions{margin-top:24px!important}.hero-actions .primary{background:#fff!important;color:#111!important}.hero-actions .secondary{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important}.hero-orbit{position:absolute!important;inset:0!important;z-index:2!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;pointer-events:none!important}.hero-face{width:clamp(150px,24vw,260px)!important;height:clamp(150px,24vw,260px)!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;filter:drop-shadow(0 30px 35px rgba(0,0,0,.6))!important}.hero-ring{display:none!important}.hero-dot{display:none!important}.hero-globe{position:absolute;z-index:3;top:50%;left:50%;width:clamp(164px,29vw,300px);height:clamp(164px,29vw,300px);transform:translate(-50%,-50%);border:7px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 7px rgba(255,255,255,.96),0 0 0 1px rgba(255,255,255,.75);display:grid;place-items:center;color:#fff;pointer-events:none}.hero-globe:before,.hero-globe:after{content:"";position:absolute;border:7px solid #fff;border-radius:50%}.hero-globe:before{inset:-7px 28%;transform:rotate(28deg)}.hero-globe:after{inset:28% -7px;transform:rotate(-28deg)}.hero-globe span{font-size:clamp(28px,5vw,56px);font-weight:800;letter-spacing:-.06em}.hero-cloud{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(48,43,97,.35),transparent 36%);pointer-events:none}.hero-cloud img{position:absolute;width:clamp(58px,10vw,150px);height:clamp(58px,10vw,150px);object-fit:contain;opacity:.82;filter:drop-shadow(0 20px 24px rgba(0,0,0,.58));animation:itfFloat 12s ease-in-out infinite alternate}.hero-cloud img:nth-child(1){left:-2%;top:16%;width:clamp(90px,15vw,220px)}.hero-cloud img:nth-child(2){left:18%;top:8%;animation-delay:-4s}.hero-cloud img:nth-child(3){right:13%;top:18%;width:clamp(80px,14vw,200px);animation-delay:-7s}.hero-cloud img:nth-child(4){right:-3%;top:42%;width:clamp(100px,17vw,250px);animation-delay:-2s}.hero-cloud img:nth-child(5){left:3%;top:54%;animation-delay:-9s}.hero-cloud img:nth-child(6){left:22%;bottom:13%;animation-delay:-5s}.hero-cloud img:nth-child(7){right:24%;bottom:4%;width:clamp(96px,16vw,230px);animation-delay:-1s}.hero-cloud img:nth-child(8){right:4%;top:7%;animation-delay:-6s}.hero-cloud img:nth-child(9){left:40%;top:15%;width:clamp(48px,8vw,120px);animation-delay:-8s}.hero-cloud img:nth-child(10){left:-4%;bottom:3%;animation-delay:-3s}.hero-cloud img:nth-child(11){right:5%;bottom:16%;animation-delay:-10s}.hero-cloud img:nth-child(12){left:9%;top:34%;width:clamp(45px,8vw,115px);animation-delay:-11s}@keyframes itfFloat{from{transform:translate3d(0,0,0) rotate(-8deg)}to{transform:translate3d(0,-22px,0) rotate(8deg)}}#glyphs{background:#fff!important;color:#111!important;padding:96px 24px 140px!important}#glyphs .title,#glyphs .copy{text-align:left!important;margin-left:0!important;margin-right:0!important}.toolbar{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:10px!important;margin-top:28px!important}.toolbar::-webkit-scrollbar{display:none}.filter{flex:0 0 auto!important;background:#f5f5f7!important;color:#555!important;border:0!important;border-radius:999px!important;padding:11px 15px!important}.filter.active{background:#111!important;color:#fff!important}.gallery{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:0!important;background:transparent!important;border:0!important;padding-top:0!important;margin-top:24px!important}.glyph{min-height:105px!important;background:transparent!important;border:0!important}.glyph img{width:64px!important;height:64px!important}.glyph span{display:none!important}.glyph:hover{background:#f7f7f7!important;transform:none!important}@media(max-width:760px){.hero{padding-inline:16px!important}.hero-inner{padding-bottom:38px!important}.hero h1{font-size:clamp(46px,13vw,78px)!important;line-height:.94!important}.hero-copy{font-size:16px!important;line-height:1.55!important}.hero-orbit{display:block!important}.hero-globe{border-width:5px}.hero-globe:before,.hero-globe:after{border-width:5px}.hero-globe span{font-size:34px}.hero-cloud img{opacity:.76}.hero-cloud img:nth-child(1){left:-18%;top:18%}.hero-cloud img:nth-child(4){right:-18%;top:40%}.hero-cloud img:nth-child(7){right:-12%;bottom:8%}.hero-cloud img:nth-child(10){left:-14%;bottom:10%}#glyphs{padding:74px 18px 110px!important}#glyphs .title{font-size:42px!important}.gallery{grid-template-columns:repeat(8,minmax(0,1fr))!important}.glyph{min-height:82px!important}.glyph img{width:48px!important;height:48px!important}}@media(prefers-reduced-motion:reduce){.hero-cloud img{animation:none!important}}

/* Final mobile reference pass */
.nav{position:absolute!important;top:0!important;background:linear-gradient(rgba(0,0,0,.42),transparent)!important;border-bottom:0!important;color:#fff!important;box-shadow:none!important}.brand,.navlinks a,.tool{color:#fff!important}.brand span{color:#fff!important}.tool{background:transparent!important}.hero{height:100svh!important;min-height:640px!important;max-height:100svh!important;padding:0 18px!important;background:#000!important}.hero-inner{min-height:100svh!important;padding:0 0 42px!important;justify-content:flex-end!important}.hero h1{font-size:clamp(43px,12vw,74px)!important;line-height:.94!important;text-shadow:0 3px 18px rgba(0,0,0,.65)!important}.hero-copy{max-width:350px!important;font-size:14px!important;line-height:1.55!important;text-shadow:0 2px 10px rgba(0,0,0,.85)!important}.hero-actions{margin-top:18px!important}.hero-actions .primary{min-width:170px!important;min-height:50px!important;background:#fff!important;color:#111!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important}.hero-actions .secondary{display:none!important}.hero-cloud{background:radial-gradient(circle at 50% 48%,rgba(51,44,106,.3),transparent 46%)!important}.hero-cloud img{opacity:.88!important;filter:drop-shadow(0 12px 18px rgba(0,0,0,.58))!important}.hero-globe{top:48%!important}.hero-face{top:48%!important}.menu{display:block!important;color:#fff!important;font-size:0!important;width:38px!important;height:38px!important}.menu:after{content:"☰";font-size:27px;line-height:1}.navlinks{display:none!important}@media(max-width:760px){.nav{height:70px!important;padding:0 24px!important}.lang,.tools>#theme{display:none!important}.brand{font-size:20px!important}.hero-inner{padding-bottom:34px!important}.hero .eyebrow{font-size:10px!important;margin-bottom:12px!important}.hero h1{max-width:360px!important}.hero-copy{max-width:330px!important}.hero-cloud img{width:clamp(62px,18vw,126px)!important;height:clamp(62px,18vw,126px)!important}.hero-cloud img:nth-child(3n){width:clamp(90px,25vw,170px)!important;height:clamp(90px,25vw,170px)!important}.hero-cloud img:nth-child(4n){opacity:.72!important}.hero-globe{top:47%!important;width:190px!important;height:190px!important}.hero-face{top:47%!important;width:175px!important;height:175px!important}.hero-globe span{font-size:34px!important}.hero-actions .primary{min-width:182px!important}}@media(prefers-reduced-motion:reduce){.hero-cloud img{animation:none!important}}.hero-cloud img:nth-child(1){left:2%;top:8%;width:132px;height:132px;animation-delay:-1s}.hero-cloud img:nth-child(2){left:15%;top:5%;width:88px;height:88px;animation-delay:-2s}.hero-cloud img:nth-child(3){left:29%;top:13%;width:118px;height:118px;animation-delay:-3s}.hero-cloud img:nth-child(4){left:43%;top:7%;width:70px;height:70px;animation-delay:-4s}.hero-cloud img:nth-child(5){left:59%;top:10%;width:154px;height:154px;animation-delay:-5s}.hero-cloud img:nth-child(6){left:77%;top:4%;width:94px;height:94px;animation-delay:-6s}.hero-cloud img:nth-child(7){left:91%;top:15%;width:130px;height:130px;animation-delay:-7s}.hero-cloud img:nth-child(8){left:7%;top:25%;width:102px;height:102px;animation-delay:-8s}.hero-cloud img:nth-child(9){left:22%;top:31%;width:142px;height:142px;animation-delay:-9s}.hero-cloud img:nth-child(10){left:36%;top:24%;width:76px;height:76px;animation-delay:-1s}.hero-cloud img:nth-child(11){left:51%;top:29%;width:116px;height:116px;animation-delay:-2s}.hero-cloud img:nth-child(12){left:67%;top:23%;width:86px;height:86px;animation-delay:-3s}.hero-cloud img:nth-child(13){left:83%;top:30%;width:146px;height:146px;animation-delay:-4s}.hero-cloud img:nth-child(14){left:97%;top:28%;width:78px;height:78px;animation-delay:-5s}.hero-cloud img:nth-child(15){left:0%;top:45%;width:148px;height:148px;animation-delay:-6s}.hero-cloud img:nth-child(16){left:15%;top:50%;width:72px;height:72px;animation-delay:-7s}.hero-cloud img:nth-child(17){left:31%;top:43%;width:126px;height:126px;animation-delay:-8s}.hero-cloud img:nth-child(18){left:47%;top:50%;width:96px;height:96px;animation-delay:-9s}.hero-cloud img:nth-child(19){left:63%;top:44%;width:152px;height:152px;animation-delay:-1s}.hero-cloud img:nth-child(20){left:79%;top:49%;width:82px;height:82px;animation-delay:-2s}.hero-cloud img:nth-child(21){left:95%;top:45%;width:122px;height:122px;animation-delay:-3s}.hero-cloud img:nth-child(22){left:8%;top:65%;width:84px;height:84px;animation-delay:-4s}.hero-cloud img:nth-child(23){left:24%;top:70%;width:148px;height:148px;animation-delay:-5s}.hero-cloud img:nth-child(24){left:40%;top:63%;width:74px;height:74px;animation-delay:-6s}.hero-cloud img:nth-child(25){left:56%;top:69%;width:132px;height:132px;animation-delay:-7s}.hero-cloud img:nth-child(26){left:72%;top:63%;width:102px;height:102px;animation-delay:-8s}.hero-cloud img:nth-child(27){left:88%;top:71%;width:156px;height:156px;animation-delay:-9s}.hero-cloud img:nth-child(28){left:104%;top:65%;width:80px;height:80px;animation-delay:-1s}.hero-cloud img:nth-child(29){left:18%;top:84%;width:120px;height:120px;animation-delay:-2s}.hero-cloud img:nth-child(30){left:78%;top:86%;width:138px;height:138px;animation-delay:-3s}

/* Interactive 360 pass */
.hero-orbit{pointer-events:auto!important;touch-action:pan-y!important}.hero-globe{pointer-events:auto!important;appearance:none!important;background:transparent!important;padding:0!important;font:inherit!important;cursor:grab!important}.hero-globe:active{cursor:grabbing!important}.vr-hint{position:absolute;z-index:5;top:calc(48% + 142px);left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;color:rgba(255,255,255,.88);font-size:14px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.85);pointer-events:none;white-space:nowrap}.hero-cloud{will-change:transform;transition:transform .12s ease-out}.hero-face{will-change:transform;transition:transform .12s ease-out}@media(max-width:760px){.vr-hint{top:calc(47% + 125px);font-size:13px}.hero-globe{cursor:pointer!important}}

/* TossFace-inspired color and shape pass — original ItundaFace artwork retained. */
:root{
  --itf-coral:#ff625f;
  --itf-yellow:#ffe064;
  --itf-blue:#6b6ff6;
  --itf-mint:#b9ead9;
  --itf-lilac:#d9d5ff;
}
.nav{border-bottom-color:rgba(17,17,17,.08)!important}
.brand span{color:var(--itf-coral)!important}
.hero h1 span{color:var(--itf-yellow)!important}
.hero-actions .primary{background:var(--itf-yellow)!important;color:#161616!important;border-radius:999px!important;padding:15px 25px!important;box-shadow:0 10px 28px rgba(255,224,100,.18)!important}
.hero-actions .primary:hover{background:#fff!important;transform:translateY(-2px)!important}
.hero-actions .secondary{border-radius:999px!important}
.hero-globe{width:96px!important;height:96px!important;border:2px solid rgba(255,255,255,.92)!important;border-radius:50%!important;background:radial-gradient(circle at 36% 30%,#fff 0 5%,var(--itf-yellow) 6% 32%,var(--itf-coral) 33% 62%,var(--itf-blue) 63% 100%)!important;box-shadow:0 16px 40px rgba(0,0,0,.42),0 0 0 8px rgba(255,255,255,.08)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.hero-globe:hover{transform:scale(1.08) rotate(-6deg)!important;box-shadow:0 18px 48px rgba(0,0,0,.48),0 0 0 12px rgba(255,224,100,.16)!important}
.vr-hint{color:var(--itf-yellow)!important;font-weight:700!important;letter-spacing:-.01em!important}
.filter,.filters button,.picker button{border-radius:999px!important}
.filter.active,.filters .active,.picker .active{background:var(--itf-coral)!important;color:#fff!important;border-color:var(--itf-coral)!important}
.glyph{border:0!important;border-radius:24px!important;background:#f7f5ef!important;box-shadow:0 8px 22px rgba(17,17,17,.06)!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}
.glyph:nth-child(4n+1){background:#fff0ed!important}.glyph:nth-child(4n+2){background:#eef0ff!important}.glyph:nth-child(4n+3){background:#fff8d8!important}.glyph:nth-child(4n){background:#e9f8f2!important}
.glyph:hover{transform:translateY(-5px) rotate(-1deg)!important;box-shadow:0 14px 28px rgba(17,17,17,.1)!important}
.principle:nth-child(4n+1) .icon,.principle:nth-child(4n+1) img{background:var(--itf-coral)!important;border-radius:20px!important}.principle:nth-child(4n+2) .icon,.principle:nth-child(4n+2) img{background:var(--itf-blue)!important;border-radius:20px!important}.principle:nth-child(4n+3) .icon,.principle:nth-child(4n+3) img{background:var(--itf-yellow)!important;border-radius:20px!important}.principle:nth-child(4n) .icon,.principle:nth-child(4n) img{background:var(--itf-mint)!important;border-radius:20px!important}
@media(max-width:760px){
  .hero h1 span{display:inline-block;transform:rotate(-2deg)}
  .hero-globe{width:84px!important;height:84px!important}
  .glyph{border-radius:20px!important}
}


/* Real 3D icon field + physics-ready interaction layer. */
.hero-orbit{perspective:1200px!important;transform-style:preserve-3d!important;touch-action:none!important;pointer-events:auto!important}
.hero-cloud{perspective:1050px!important;transform-style:preserve-3d!important;will-change:transform!important}
.hero-cloud img{--z:0px;--tilt-x:0deg;--tilt-y:0deg;transform:translateZ(var(--z)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))!important;transform-style:preserve-3d!important;backface-visibility:visible!important;will-change:transform!important;animation:none!important}
.hero-face{transform-style:preserve-3d!important;backface-visibility:visible!important;will-change:transform!important}
.hero-globe{z-index:8!important;pointer-events:auto!important;touch-action:manipulation!important}
.hero-globe.motion-enabled{box-shadow:0 0 0 10px rgba(255,224,100,.2),0 16px 40px rgba(0,0,0,.42)!important}
@media(max-width:760px){.hero-orbit{touch-action:none!important}.hero-cloud img{filter:drop-shadow(0 16px 20px rgba(0,0,0,.66))!important}}

/* TossFace parity: a calm, full-bleed mobile 3D field with the interface kept out of the artwork. */
#hero3d{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;display:block!important;background:#000!important;touch-action:none!important}.hero-cloud{display:none!important;position:absolute!important;inset:0!important;z-index:2!important;overflow:hidden!important;background:#000!important;pointer-events:none!important}
.hero-cloud img{position:absolute!important;display:block!important;object-fit:contain!important;opacity:.94!important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.7))!important}
.hero-cloud img:nth-child(1){width:170px!important;height:170px!important;left:-42px!important;top:17%!important;transform:rotate(-18deg) translateZ(80px)!important}
.hero-cloud img:nth-child(2){width:128px!important;height:128px!important;left:25%!important;top:8%!important;transform:rotate(12deg) translateZ(140px)!important}
.hero-cloud img:nth-child(3){width:230px!important;height:230px!important;right:-82px!important;top:3%!important;transform:rotate(18deg) translateZ(100px)!important}
.hero-cloud img:nth-child(4){width:170px!important;height:170px!important;left:8%!important;top:42%!important;transform:rotate(-12deg) translateZ(120px)!important}
.hero-cloud img:nth-child(5){width:155px!important;height:155px!important;right:6%!important;top:28%!important;transform:rotate(15deg) translateZ(160px)!important}
.hero-cloud img:nth-child(6){width:190px!important;height:190px!important;left:-58px!important;top:61%!important;transform:rotate(-9deg) translateZ(70px)!important}
.hero-cloud img:nth-child(7){width:145px!important;height:145px!important;left:37%!important;top:28%!important;transform:rotate(-20deg) translateZ(170px)!important}
.hero-cloud img:nth-child(8){width:135px!important;height:135px!important;right:-32px!important;top:53%!important;transform:rotate(10deg) translateZ(120px)!important}
.hero-cloud img:nth-child(9){width:180px!important;height:180px!important;left:16%!important;bottom:3%!important;transform:rotate(14deg) translateZ(80px)!important}
.hero-cloud img:nth-child(10){width:118px!important;height:118px!important;right:27%!important;bottom:23%!important;transform:rotate(-15deg) translateZ(190px)!important}
.hero-cloud img:nth-child(11){width:155px!important;height:155px!important;left:44%!important;top:52%!important;transform:rotate(8deg) translateZ(150px)!important}
.hero-cloud img:nth-child(12){width:125px!important;height:125px!important;right:-24px!important;bottom:6%!important;transform:rotate(-16deg) translateZ(100px)!important}
.hero-cloud img:nth-child(n+13){width:120px!important;height:120px!important;opacity:.82!important}
.hero-cloud img:nth-child(13){left:2%!important;bottom:27%!important}.hero-cloud img:nth-child(14){right:9%!important;top:70%!important}.hero-cloud img:nth-child(15){left:52%!important;top:16%!important}.hero-cloud img:nth-child(16){right:35%!important;bottom:4%!important}.hero-cloud img:nth-child(17){left:70%!important;top:43%!important}.hero-cloud img:nth-child(18){left:28%!important;top:70%!important}.hero-cloud img:nth-child(19){right:42%!important;top:4%!important}.hero-cloud img:nth-child(20){left:57%!important;bottom:30%!important}
.hero-inner{justify-content:flex-end!important;pointer-events:none!important}
.hero-inner .eyebrow,.hero-inner h1,.hero-inner .hero-copy{display:none!important}
.hero-actions{position:absolute!important;z-index:10!important;left:50%!important;bottom:clamp(44px,9vh,92px)!important;transform:translateX(-50%)!important;margin:0!important;pointer-events:auto!important}
.hero-actions .primary{min-width:230px!important;min-height:66px!important;font-size:18px!important;border-radius:999px!important;background:#fff!important;color:#17171b!important}
@media(max-width:760px){.hero-cloud img{width:clamp(86px,26vw,190px)!important;height:clamp(86px,26vw,190px)!important}.hero-actions .primary{min-width:230px!important;min-height:62px!important;font-size:17px!important}.hero-inner{padding:0!important}.hero-globe,.hero-face{display:none!important}}


/* Full-library category browser */
.full-library{background:#fff;padding-top:105px;padding-bottom:110px}
.full-tabs{margin:42px auto 18px;display:flex;gap:8px;overflow:auto;padding:5px 2px 10px;scrollbar-width:none;justify-content:center}
.full-tabs::-webkit-scrollbar{display:none}
.full-tab{flex:0 0 auto;border:1px solid #e8e8ec;background:#f7f7f8;color:#555861;border-radius:999px;padding:13px 17px;font-size:12px;font-weight:800;cursor:pointer;transition:.2s ease}
.full-tab:hover{transform:translateY(-2px);background:#f0f0f3}
.full-tab.active{background:#17171b;color:#fff;border-color:#17171b;box-shadow:0 8px 22px rgba(17,17,17,.12)}
.full-panel{display:none;max-width:760px;margin:0 auto;border-radius:30px;background:#f7f7f8;border:1px solid #e9e9ed;padding:30px;align-items:center;gap:24px;text-align:left}
.full-panel.active{display:flex;animation:fullPanelIn .24s ease-out}
.full-icon{width:88px;height:88px;flex:0 0 auto;display:grid;place-items:center;border-radius:26px;background:#fff;font-size:48px;box-shadow:0 12px 30px rgba(17,17,17,.08)}
.full-panel b{display:block;font-size:24px;letter-spacing:-.045em;color:#17171b;margin-bottom:7px}
.full-panel span{display:block;color:#73757e;font-size:13px;line-height:1.6}
.full-note{max-width:760px;margin:15px auto 0;color:#9698a0;font-size:10px;text-align:center}
@keyframes fullPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.full-library{padding-top:85px;padding-bottom:90px}.full-tabs{justify-content:flex-start}.full-panel{padding:22px;border-radius:24px;gap:16px}.full-icon{width:68px;height:68px;border-radius:20px;font-size:36px}.full-panel b{font-size:20px}.full-panel span{font-size:12px}}