@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--chat-blue: #fcfcfc;--chat-green: #fcfcfc;--chat-red: #fcfcfc;--chat-orange: #fcfcfc;--chat-gray: #fcfcfc;--chat-text: #333333;--border-color: #000000;--font-main: "Space Grotesk", sans-serif;--font-size-small: 1rem;--font-size-normal: 1rem;--font-size-medium: 1.2rem;--font-size-large: 1.2rem;--spacing-unit: 16px;--section-max-width: 1200px;--border-width: 1px;--border-radius: 0}html,body{font-family:var(--font-main);margin:0;padding:0;background-color:var(--chat-blue);color:var(--chat-text);line-height:1.6;font-size:var(--font-size-normal)}.app-container{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:calc(var(--spacing-unit) * 2) var(--spacing-unit);gap:calc(var(--spacing-unit) * 3)}.section{width:100%;max-width:var(--section-max-width);background-color:var(--chat-blue);border:var(--border-width) solid var(--border-color);padding:var(--spacing-unit)}.section-header{border-bottom:var(--border-width) solid var(--border-color);padding-bottom:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.section-title{font-size:var(--font-size-medium);font-weight:500;color:var(--border-color);margin:0}.hero-section{position:relative;padding:0!important;border:var(--border-width) solid var(--border-color);aspect-ratio:553 / 211;overflow:hidden;flex-shrink:0;min-height:0}.hero-image{width:100%;height:100%;object-fit:cover;background-color:var(--chat-blue)}.text-content{font-size:var(--font-size-small);line-height:1.6;color:var(--chat-text)}.highlighted-text{padding-left:calc(var(--spacing-unit) * 1.5);padding-top:calc(var(--spacing-unit) * .1);padding-bottom:calc(var(--spacing-unit) * .1)}.ui-breakdown-container{display:flex;flex-direction:column;gap:var(--spacing-unit)}.breakdown-summary{padding:var(--spacing-unit);background-color:var(--chat-gray);border:var(--border-width) solid var(--border-color)}.breakdown-summary p{margin:0;font-size:var(--font-size-normal);color:var(--chat-text)}.expandable-section{border:var(--border-width) solid var(--border-color)}.expand-button{width:100%;padding:var(--spacing-unit);background-color:var(--chat-green);border:none;border-bottom:var(--border-width) solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-main);font-size:var(--font-size-normal);font-weight:500;color:var(--chat-text);transition:background-color .2s ease}.expand-button:hover{background-color:var(--chat-orange)}.expand-icon{transition:transform .2s ease}.expand-icon.rotated{transform:rotate(180deg)}.expandable-content{overflow:hidden;contain:layout style}.diagram-container{padding:var(--spacing-unit);background-color:var(--chat-gray);display:flex;justify-content:center;align-items:flex-start}.breakdown-diagram{max-width:100%;width:auto;height:auto;border:var(--border-width) solid var(--border-color);display:block}.breakdown-description{padding:var(--spacing-unit);background-color:var(--chat-blue);border-top:var(--border-width) solid var(--border-color)}.breakdown-description h3{margin:0 0 calc(var(--spacing-unit) / 2) 0;font-size:var(--font-size-large);font-weight:600;color:var(--chat-text)}.breakdown-description p{margin:0;font-size:var(--font-size-normal);color:var(--chat-text)}.small-collapsibles-grid{display:grid;gap:var(--spacing-unit);margin-bottom:var(--spacing-unit)/2;grid-template-columns:1fr}@media (min-width: 768px){.small-collapsibles-grid{grid-template-columns:repeat(3,1fr)}}.small-expand-button{width:100%;padding:calc(var(--spacing-unit) * .75);background-color:var(--chat-green);border:var(--border-width) solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-main);font-size:var(--font-size-small);font-weight:500;color:var(--chat-text);transition:background-color .2s ease}.small-expand-button:hover{background-color:var(--chat-orange)}.small-expandable-content{overflow:hidden;contain:layout style;border-left:var(--border-width) solid var(--border-color);border-right:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color)}.small-diagram-container{padding:calc(var(--spacing-unit) * .75);background-color:var(--chat-blue);display:flex;justify-content:center;align-items:flex-start}.small-breakdown-diagram{max-width:100%;width:auto;height:auto;max-height:200px;border:var(--border-width) solid var(--border-color);display:block;object-fit:contain}.small-breakdown-description{padding:calc(var(--spacing-unit) * .75);background-color:var(--chat-blue);border-top:var(--border-width) solid var(--border-color)}.small-breakdown-description p{margin:0;font-size:var(--font-size-small);color:var(--chat-text);line-height:1.4}.scrolling-mask-section{position:absolute;padding:0;border:none;z-index:11;pointer-events:auto;will-change:transform;transform:translateZ(0)}.scrolling-mask-sticky-container{position:relative;top:0;width:100%;aspect-ratio:553 / 211;overflow:hidden;border:none;background:transparent;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none}.scrolling-mask-sticky-container.dragging{cursor:grabbing}.scrolling-mask-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.scrolling-mask-foreground{position:absolute;top:0;left:0;background-image:url(../images/diagram/diagram-05.png);background-size:100%;background-repeat:no-repeat;background-position:center;padding:8px;background-clip:content-box;will-change:transform;height:100%;width:200px}.mask-arrow-svg{position:absolute;top:50%;transform:scaleX(.9) scaleY(1.3);transform-origin:center;color:var(--border-color);background:transparent;padding:0;border:none;pointer-events:none}.mask-arrow-left{left:6px}.mask-arrow-right{right:6px}.is-hidden{display:none}.scrolling-mask-06-section{position:absolute;padding:0;border:none;will-change:transform;transform:translateZ(0);z-index:10;pointer-events:none}.scrolling-mask-06-foreground{position:absolute;top:0;left:0;background-image:url(../images/diagram/diagram-06.png);background-size:cover;background-repeat:no-repeat;background-position:center;will-change:transform;height:100%;width:100%;border:var(--border-width) solid var(--border-color)}.demo-placeholder{background-color:var(--chat-gray);border:var(--border-width) solid var(--border-color);height:320px;width:100%}.three-column-section{padding:0}.three-columns{display:flex}.column{flex:1;border:none;padding:var(--spacing-unit)}.column.green{background-color:var(--chat-green)}.column.red{background-color:var(--chat-red)}.column.orange{background-color:var(--chat-orange)}.column-header{border-bottom:var(--border-width) solid var(--border-color);padding-bottom:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.column-title{font-size:var(--font-size-medium);font-weight:500;color:var(--border-color);margin:0}.feature-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:flex-start;gap:calc(var(--spacing-unit) / 2);margin-bottom:calc(var(--spacing-unit) / 2)}.feature-bullet{color:var(--border-color);font-size:var(--font-size-small)}.feature-text{color:var(--chat-text);font-size:var(--font-size-small);line-height:1.5}.contact-info{margin-bottom:calc(var(--spacing-unit) / 2)}.contact-label{color:var(--chat-text);font-size:var(--font-size-small)}.contact-link{color:var(--border-color);font-size:var(--font-size-small);font-weight:700;text-decoration:none}.contact-link:hover{text-decoration:underline}.contact-text{color:var(--chat-text);font-size:var(--font-size-small);margin:calc(var(--spacing-unit) / 2) 0}@media (max-width: 768px){.app-container{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2);gap:calc(var(--spacing-unit) * 2)}.scrolling-mask-foreground,.scrolling-mask-06-foreground{padding:4px}.hero-section{position:relative;z-index:1}.hero-image{object-fit:cover;object-position:center}.section{padding:calc(var(--spacing-unit) / 2)}.three-columns{flex-direction:column;gap:var(--spacing-unit)}.column{width:100%}}@media (max-width: 480px){.app-container{padding:calc(var(--spacing-unit) / 2);gap:var(--spacing-unit)}.section-title{font-size:calc(var(--font-size-large) * .8)}}#live-demo{padding:calc(var(--spacing-unit))}.demo-container{padding:calc(var(--spacing-unit)) calc(var(--spacing-unit)) 0;display:flex;flex-direction:column;gap:var(--spacing-unit);align-items:center}.unity-demo-frame{display:block;width:100%;max-width:1100px;aspect-ratio:16/9;min-height:400px;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);background-color:#fff}.unity-loading-placeholder{display:flex;align-items:center;justify-content:center;width:100%;max-width:1100px;aspect-ratio:16/9;min-height:400px;border:2px dashed var(--border-color);border-radius:var(--border-radius);background-color:var(--chat-gray)}.loading-content{text-align:center;color:var(--chat-text)}.loading-content h3{font-family:var(--font-main);font-size:var(--font-size-large);margin:0 0 calc(var(--spacing-unit) * .5) 0;font-weight:600}.loading-content p{font-size:var(--font-size-normal);margin:0 0 var(--spacing-unit) 0;opacity:.8}.loading-indicator{font-size:var(--font-size-small);opacity:.6;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.demo-controls{text-align:center;max-width:800px}.demo-instructions{font-size:var(--font-size-normal);color:var(--chat-text);margin:0;line-height:1.5}.section-description{font-size:var(--font-size-normal);color:var(--chat-text);margin:calc(var(--spacing-unit) * .5) 0 0;text-align:center}@media (max-width: 768px){.unity-demo-frame,.unity-loading-placeholder{margin:0 var(--spacing-unit)}.demo-controls{padding:0 var(--spacing-unit)}}