/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--night:#080c16;--stage:#0d1424;--navy:#1f2a44;--beige:#e8dcc8;--gold:#c6a75e;--ivory:#f5efe4;--muted:#f5efe499;--line:#e8dcc861;--motion-ease-out:cubic-bezier(.23, 1, .32, 1);--motion-ease-in-out:cubic-bezier(.77, 0, .175, 1);--motion-quick:.14s;--motion-ui:.24s;--motion-ambient:9s}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--night);color:var(--ivory);margin:0;font-family:Arial,Noto Sans TC,PingFang TC,sans-serif}button{color:inherit;font:inherit}.portfolio-page{isolation:isolate;background:radial-gradient(circle at 52% 40%, #1f2a44b8, transparent 44%), linear-gradient(145deg, #070a12, var(--night) 54%, #0b1120);place-items:center;min-height:100svh;padding:12px;display:grid;position:relative;overflow:hidden}.portfolio-page:before{content:"";z-index:-3;opacity:.24;background-image:radial-gradient(#e8dcc857 .7px,#0000 .8px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 82%,#0000);mask-image:linear-gradient(#0000,#000 15% 82%,#0000)}.ambient{z-index:-2;aspect-ratio:1;filter:blur(110px);opacity:.09;pointer-events:none;border-radius:50%;width:34vw;position:absolute}.ambient-one{background:var(--gold);bottom:-14vw;left:-16vw}.ambient-two{background:var(--beige);top:-14vw;right:-18vw}.portfolio-window{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 50% 34%,#1f2a4480,#0000 47%),#090e19e0;border-radius:23px;grid-template-rows:58px 1fr 118px;width:min(1512px,100vw - 24px);height:min(1000px,100svh - 24px);min-height:680px;display:grid;position:relative;overflow:hidden;box-shadow:0 38px 100px #0000007a,inset 0 0 80px #1f2a4424}.portfolio-window:before{content:"";pointer-events:none;opacity:.14;background-image:radial-gradient(#e8dcc873 .7px,#0000 .8px);background-size:19px 19px;position:absolute;inset:58px 0 117px}.window-header{z-index:20;border-bottom:1px solid #e8dcc82e;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 25px;display:grid;position:relative}.window-dots{cursor:pointer;background:0 0;border:0;gap:7px;width:max-content;padding:10px 0;display:flex}.window-dots i{background:var(--beige);opacity:.9;border-radius:50%;width:7px;height:7px}.window-dots i:nth-child(2){opacity:.58}.window-dots i:nth-child(3){opacity:.28}.mini-brand{cursor:pointer;letter-spacing:.18em;background:0 0;border:0;font:700 10px/1 monospace}.mini-brand span{color:var(--gold);margin-left:7px}.status-mark{color:#e8dcc875;letter-spacing:.15em;justify-self:end;font:600 8px/1 monospace}.scene{z-index:2;min-height:0;position:relative}.intro-view{place-items:center;height:100%;display:grid;position:relative}.orbital-mark{aspect-ratio:1.22;width:min(470px,48vw);position:relative;transform:translateY(-3%)}.orbit{border-radius:50%;display:block;position:absolute;box-shadow:inset -14px -16px 32px #0000000f}.orbit-navy{aspect-ratio:1;background:var(--navy);width:55%;top:24%;left:0}.orbit-beige{aspect-ratio:1;background:var(--beige);width:50%;top:0;right:9%}.orbit-gold{aspect-ratio:1;background:var(--gold);width:48%;bottom:0;right:0}.hero-title{pointer-events:none;position:absolute;inset:0}.lee{letter-spacing:-.085em;color:var(--ivory);text-shadow:0 14px 34px #0003;font-family:Cooper Black,Georgia,Times New Roman,serif;font-size:clamp(78px,10vw,156px);font-weight:900;line-height:.8;position:absolute}.lee-one{top:29%;left:calc(50% - min(195px,20vw))}.lee-two{top:50%;left:50%}.portfolio-label{color:var(--ivory);letter-spacing:.02em;font-family:Georgia,serif;font-size:clamp(17px,2vw,31px);font-style:italic;font-weight:400;position:absolute;top:68%;left:calc(50% + min(70px,7vw))}.intro-note{max-width:290px;position:absolute;bottom:27px;left:40px}.intro-note span{color:var(--gold);letter-spacing:.16em;font:700 9px/1 monospace}.intro-note p{color:#f5efe49e;margin:9px 0 0;font-size:11px;line-height:1.65}.scene-view{height:100%;min-height:0;padding:48px 48px 24px;animation:.65s cubic-bezier(.2,.75,.2,1) both scene-in;position:relative}.scene-heading{z-index:8;width:min(620px,43%);position:relative}.scene-heading>p,.about-copy>p:first-child{color:var(--gold);letter-spacing:.18em;margin:0 0 14px;font:700 9px/1 monospace}.scene-heading h1,.about-copy h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.08}.cloud-shelf{position:absolute;inset:0}.organic-slot{left:var(--organic-x);top:var(--organic-y);z-index:2;transform:translate(-50%, -50%) scale(var(--organic-scale));transform-origin:50%;position:absolute}.organic-slot>.story-cloud,.organic-slot>.project-firefly{animation-delay:var(--organic-delay);position:relative;inset:auto}.story-cloud{--cloud-bg:#e8dcc81f;width:230px;height:185px;color:var(--ivory);text-align:left;isolation:isolate;background:0 0;border:0;padding:0;position:absolute}.story-firefly-body{z-index:2;filter:drop-shadow(0 15px 16px #0006);pointer-events:none;background:url(/media/chongchong-body-v1.png) 50%/100% 100% no-repeat;height:134px;position:absolute;bottom:0;left:0;right:0;transform:scale(1.08)}.story-wing{object-fit:contain;transform-origin:26% 80%;filter:saturate(.78)brightness(.92)drop-shadow(0 0 10px #e8dcc814);width:96px;height:auto;display:block;position:absolute;top:31px;left:88px}.story-wing-behind{z-index:1;opacity:.6;filter:saturate(.62)brightness(.72)drop-shadow(0 0 8px #e8dcc80d);transform:rotate(-42deg)}.story-wing-front{z-index:3;opacity:.92;transform:rotate(0)}.story-copy{z-index:4;position:absolute;inset:84px 28px 20px}.story-cloud small{color:var(--gold);letter-spacing:.12em;font:700 8px/1.25 monospace}.story-cloud h2{margin:8px 0 6px;font-family:Georgia,Noto Serif TC,serif;font-size:18px;font-weight:500;line-height:1.15}.story-cloud p{color:#f5efe49e;margin:0;font-size:10px;line-height:1.55}.skill-cloud{width:250px;height:210px}.skill-cloud .story-firefly-body{height:158px}.skill-cloud .story-wing{aspect-ratio:640/760;transform-origin:24% 90%;pointer-events:none;width:80px;top:-7px;left:111px}.skill-cloud .story-wing-behind{opacity:.82;filter:brightness(1.25)drop-shadow(0 0 5px #ffe18b33);transform:rotate(-47deg)scale(.94)}.skill-cloud .story-wing-front{opacity:1;filter:brightness(1.45)drop-shadow(0 0 6px #ffe18b4d)}.skill-cloud .story-copy{flex-direction:column;align-items:flex-start;display:flex;inset:82px 25px 18px}.skill-cloud small{letter-spacing:.075em;min-height:17px;font-size:6.4px;line-height:1.3;display:block}.skill-cloud h2{margin:4px 0;font-size:16px}.skill-cloud p{font-size:8.5px;line-height:1.45}.story-link{color:var(--beige);letter-spacing:.02em;margin-top:auto;font-size:8.5px;font-weight:700}.organic-slot:nth-child(2n) .story-cloud{--cloud-bg:#1f2a4470}.organic-slot:nth-child(3n) .story-cloud{--cloud-bg:#c6a75e24}.story-cloud.is-clickable{cursor:pointer;transition:transform var(--motion-ui) var(--motion-ease-out), scale var(--motion-quick) var(--motion-ease-out)}.story-cloud.is-clickable .story-firefly-body{transition:filter var(--motion-ui) var(--motion-ease-out)}.story-cloud.is-clickable:focus-visible{outline:2px solid var(--gold);outline-offset:5px;transform:translateY(-5px)}.story-cloud.is-clickable:focus-visible .story-firefly-body{filter:brightness(1.08)drop-shadow(0 15px 16px #0006)drop-shadow(0 0 10px #c6a75e29)}.story-cloud.is-clickable:active{scale:.97}.story-cloud:before,.story-cloud:after,.project-firefly:before,.project-firefly:after{content:"";z-index:5;opacity:0;pointer-events:none;filter:drop-shadow(0 0 4px #ffd56bb8);background:radial-gradient(circle at 12% 18%,#ffe18bfa 0 1.2px,#0000 1.8px),radial-gradient(circle at 34% 9%,#c6a75eeb 0 1px,#0000 1.6px),radial-gradient(circle at 57% 23%,#ffefb5f2 0 1.4px,#0000 2px),radial-gradient(circle at 81% 14%,#c6a75ed1 0 .9px,#0000 1.5px),radial-gradient(circle at 22% 46%,#ffe18bdb 0 1px,#0000 1.6px),radial-gradient(circle at 49% 58%,#ffefb5f2 0 1.1px,#0000 1.8px),radial-gradient(circle at 73% 42%,#c6a75ee6 0 1.3px,#0000 1.9px),radial-gradient(circle at 90% 67%,#ffe18bd6 0 .9px,#0000 1.5px),radial-gradient(circle at 31% 82%,#c6a75ec2 0 1px,#0000 1.7px),radial-gradient(circle at 63% 91%,#ffefb5e0 0 1.2px,#0000 1.8px);width:78px;height:68px;position:absolute;top:35px;left:48%}.story-cloud:after,.project-firefly:after{top:43px;left:42%;scale:.72}.project-firefly{width:250px;height:205px;color:var(--ivory);text-align:left;cursor:pointer;isolation:isolate;transition:transform var(--motion-ui) var(--motion-ease-out), filter var(--motion-ui) ease, scale var(--motion-quick) var(--motion-ease-out);background:0 0;border:0;padding:0;position:absolute}.firefly-body{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:158px;transition:background var(--motion-ui) var(--motion-ease-out), border-color var(--motion-ui) var(--motion-ease-out), box-shadow var(--motion-ui) var(--motion-ease-out);background:#1f2a44c2;border:1px solid #e8dcc86b;border-radius:47% 53% 33% 37%/42% 46% 27% 31%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 22px 55px #00000047,inset 0 1px #ffffff14}.glass-wing{object-fit:contain;transform-origin:26% 80%;filter:saturate(.78)brightness(.92)drop-shadow(0 0 10px #e8dcc814);width:108px;height:auto;transition:transform var(--motion-ui) var(--motion-ease-out), opacity var(--motion-ui) ease, box-shadow var(--motion-ui) ease;display:block;position:absolute}.wing-behind{z-index:1;opacity:.6;filter:saturate(.62)brightness(.72)drop-shadow(0 0 8px #e8dcc80d);top:20px;left:97px;transform:rotate(-42deg)}.wing-front{z-index:3;opacity:.92;top:20px;left:97px;transform:rotate(0)}.firefly-copy{z-index:4;pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute;inset:86px 26px 19px 28px}.firefly-copy small{color:var(--gold);letter-spacing:.12em;font:700 8px/1.2 monospace}.firefly-copy strong{margin-top:8px;font-family:Georgia,Noto Serif TC,serif;font-size:18px;font-weight:500;line-height:1.15}.project-description{color:#f5efe49e;margin-top:6px;font-size:10px;line-height:1.5}.project-link{color:var(--beige);margin-top:auto;font-size:9px;font-weight:700}.project-firefly:focus-visible{filter:drop-shadow(0 20px 28px #00000047);outline:none;transform:translateY(-9px)scale(1.025)}.project-firefly:focus-visible .firefly-body{background:#1f2a44a8;border-color:#c6a75eb3;box-shadow:0 26px 62px #00000052,inset 0 1px #ffffff1a,0 0 24px #c6a75e1a}.project-firefly:focus-visible .wing-behind{transform:rotate(-47deg)}.project-firefly:focus-visible .wing-front{filter:saturate(.86)brightness(1.02)drop-shadow(0 0 15px #e8dcc833);transform:rotate(5deg)}.project-firefly:active{scale:.97}.project-firefly.is-opening{z-index:18;pointer-events:none;animation:.54s cubic-bezier(.2,.75,.2,1) both firefly-open!important}.project-firefly.is-opening .firefly-body{border-color:#ffe18bf2;box-shadow:0 26px 72px #00000057,0 0 46px #c6a75e47}.project-firefly.is-opening .wing-behind{animation:70ms ease-in-out infinite alternate wing-flutter-behind}.project-firefly.is-opening .wing-front{animation:60ms ease-in-out infinite alternate wing-flutter-front}.project-firefly.is-opening:before{animation:.75s linear infinite gold-dust-left}.project-firefly.is-opening:after{animation:.75s linear .18s infinite gold-dust-right}.about-view{grid-template-columns:.9fr 1.1fr;align-items:center;gap:7%;padding:38px 8%;display:grid}.about-orbit{aspect-ratio:1;width:min(380px,34vw);position:relative}.about-circle{border-radius:50%;display:block;position:absolute}.circle-navy{aspect-ratio:1;background:var(--navy);width:72%;bottom:2%;left:0}.circle-beige{aspect-ratio:1;background:var(--beige);width:62%;top:0;right:0}.circle-gold{aspect-ratio:1;background:var(--gold);width:45%;bottom:1%;right:0;box-shadow:0 0 55px #c6a75e24}.about-copy{z-index:4;position:relative}.about-copy h1{font-size:clamp(37px,4.8vw,68px)}.about-lead{color:#f5efe4a8;max-width:590px;margin:23px 0;font-size:13px;line-height:1.8}.about-tags{flex-wrap:wrap;gap:8px;display:flex}.about-tags span{color:var(--beige);border:1px solid #e8dcc85c;border-radius:999px;padding:8px 11px;font-size:9px}.cloud-nav{--nav-bottom-pad:18px;z-index:30;padding:0 clamp(24px, 8vw, 120px) var(--nav-bottom-pad);background:linear-gradient(to bottom, transparent 0, transparent calc((100% - var(--nav-bottom-pad)) / 2), #070b137a calc((100% - var(--nav-bottom-pad)) / 2), #070b13f5 100%);grid-template-columns:repeat(2,minmax(0,170px));justify-content:center;align-items:end;gap:clamp(28px,5vw,72px);display:grid;position:relative}.cloud-nav:before{content:"";z-index:0;top:calc((100% - var(--nav-bottom-pad)) / 2);pointer-events:none;background:#e8dcc824;height:1px;position:absolute;left:0;right:0}.cloud-tab{z-index:1;cursor:pointer;isolation:isolate;height:96px;transition:transform var(--motion-ui) var(--motion-ease-out);background:0 0;border:0;border-radius:0;position:relative}.nav-cloud-image{z-index:0;object-fit:contain;pointer-events:none;width:100%;height:100%;transition:filter var(--motion-ui) var(--motion-ease-out), transform var(--motion-ui) var(--motion-ease-out);position:absolute;inset:0}.cloud-tab span{z-index:2;letter-spacing:.04em;text-rendering:optimizelegibility;font-family:Iowan Old Style,Songti TC,Noto Serif TC,serif;font-size:clamp(11px,.82vw,13px);font-weight:700;line-height:1;position:relative}.tab-ai{color:#c6a75e;text-shadow:0 1px 3px #050a18e6,0 0 12px #050a1894}.tab-work{color:#1f2a44;text-shadow:0 1px #ffffff80,0 0 10px #e8dcc86b}.tab-about{color:#17233d;text-shadow:0 1px #fff4d266,0 0 10px #5c3f0a2e}.cloud-tab.is-active{transform:translateY(-7px)}.cloud-tab.is-active .nav-cloud-image{filter:brightness(1.06)drop-shadow(0 0 7px #87adf6cc)drop-shadow(0 0 18px #4f80dd61)}.cloud-tab:focus-visible{outline:2px solid var(--ivory);outline-offset:3px}.cloud-tab:active{transform:translateY(-2px)scale(.98)}.outside-caption{color:#e8dcc84d;letter-spacing:.2em;margin:0;font:600 8px/1 monospace;position:absolute;bottom:2.7vh}.automation-detail-page{background:radial-gradient(circle at 77% 18%,#c6a75e1a,#0000 28%),radial-gradient(circle at 20% 55%,#1f2a44b3,#0000 44%),linear-gradient(145deg,#070a12,#080c16 54%,#0b1120);min-height:100svh;padding:12px;position:relative;overflow:hidden}.automation-detail-page:before{content:"";opacity:.18;pointer-events:none;background-image:radial-gradient(#e8dcc857 .7px,#0000 .8px);background-size:24px 24px;position:fixed;inset:0}.automation-detail-window{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#090e19db;border-radius:23px;grid-template-rows:58px 1fr;width:min(1512px,100vw - 24px);height:calc(100svh - 24px);margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 38px 100px #0000007a,inset 0 0 80px #1f2a441f}.automation-scroll{scrollbar-width:thin;scrollbar-color:#c6a75e70 transparent;min-height:0;overflow:hidden auto}.automation-hero{grid-template-columns:minmax(290px,.62fr) minmax(600px,1.38fr);align-items:center;gap:clamp(34px,5vw,84px);min-height:0;padding:58px clamp(34px,5vw,82px) 24px;display:grid}.automation-copy h1{letter-spacing:-.055em;margin:19px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(42px,5.3vw,78px);font-weight:500;line-height:1.08}.automation-lead{color:#f5efe4a8;max-width:480px;margin:28px 0 0;font-size:13px;line-height:1.8}.workflow-experience{min-width:0}.workflow-player{background:0 0;position:relative;overflow:visible}.workflow-canvas{isolation:isolate;aspect-ratio:16/10;filter:drop-shadow(0 28px 44px #0000003d);width:100%;position:relative;overflow:visible}.workflow-canvas:before{content:"";z-index:-2;pointer-events:none;filter:blur(20px);background:radial-gradient(#1f2a4452,#0000 67%);position:absolute;inset:10% -5% 15%}.workflow-float-title{z-index:4;gap:5px;display:grid;position:absolute;top:.5%;left:2.5%}.workflow-float-title span{color:var(--gold);letter-spacing:.15em;font:800 clamp(5px,.55vw,8px)/1 monospace}.workflow-float-title strong{font-family:Georgia,Noto Serif TC,serif;font-size:clamp(11px,1.15vw,17px);font-weight:500}.workflow-main-map{z-index:2;height:42%;position:absolute;top:4.5%;left:0;right:0}.workflow-lines{z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.workflow-line-base,.workflow-line-live{fill:none;stroke-width:3.2px;vector-effect:non-scaling-stroke}.workflow-line-base{stroke:#97a6c129}.workflow-line-live{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 5px #c6a75ee6);transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}.workflow-junction{z-index:1;aspect-ratio:1;background:#e8dcc84d;border-radius:50%;width:7px;transition:background .5s,box-shadow .5s;position:absolute}.workflow-junction.one{top:42.9%;left:43.4%}.workflow-junction.two{top:42.9%;left:63.5%}.workflow-junction.is-active{box-shadow:0 0 12px var(--gold);background:#fff0b6}.workflow-node{z-index:2;box-sizing:border-box;color:#f5efe459;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.42;background:linear-gradient(145deg,#141d30a8,#0b121f8c);border:1px solid #e8dcc82b;border-radius:clamp(13px,1.8vw,26px);flex-direction:column;justify-content:center;width:16%;height:29%;padding:0 2.1%;transition:color .55s,border-color .55s,background .55s,box-shadow .55s,transform .55s,opacity .55s;display:flex;position:absolute}.workflow-node.notion{top:35%;left:2.5%}.workflow-node.gpt{width:17%;top:35%;left:23.5%}.workflow-node.voice{width:13.5%;top:20%;left:47%}.workflow-node.image{width:13.5%;top:48%;left:47%}.workflow-node.compose{width:14.5%;top:35%;left:67%}.workflow-node.output{width:13%;top:35%;left:85%}.workflow-node>span{color:var(--gold);letter-spacing:.1em;margin-bottom:7%;font:800 clamp(5px,.48vw,7px)/1 monospace}.workflow-node>strong{font-family:Georgia,Noto Serif TC,serif;font-size:clamp(10px,1.2vw,18px);font-weight:600;line-height:1.16}.workflow-node>i{aspect-ratio:1;background:#fff1ba;border-radius:50%;width:6px;position:absolute;top:11%;right:9%;box-shadow:0 0 14px 6px #c6a75e75}.workflow-node.is-active{color:var(--ivory);opacity:1;border-color:var(--gold);background:linear-gradient(145deg,#1f2a44e0,#182033bd);transform:translateY(-3px)scale(1.025);box-shadow:0 0 0 4px #c6a75e0f,0 13px 36px #0003,0 0 22px #c6a75e2e}.workflow-node.is-done{color:#f5efe4cc;opacity:.82;border-color:#c6a75e75}.workflow-node.is-receiving{color:#f5efe4a8;opacity:.78;border-color:#c6a75e80;box-shadow:0 0 18px #c6a75e29}.workflow-detail-stage{z-index:3;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#080c16ad,#11192a9e);border:1px solid #e8dcc82e;border-radius:clamp(13px,1.7vw,24px);grid-template-rows:auto minmax(0,1fr);gap:8px;padding:1.5% 1.7%;animation:.45s both workflowDockIn;display:grid;position:absolute;inset:47.5% 2.5% 3%;overflow:hidden;box-shadow:0 20px 50px #0003}.workflow-detail-stage:before{content:"";background:var(--gold);width:3px;box-shadow:0 0 16px var(--gold);position:absolute;inset:0 auto 0 0}@keyframes workflowDockIn{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.workflow-detail-header{border-bottom:1px solid #e8dcc81f;grid-template-columns:minmax(180px,.66fr) minmax(260px,1.34fr);align-items:end;gap:5%;padding:0 2px 8px;display:grid}.workflow-detail-header>div{gap:4px;min-width:0;display:grid}.workflow-detail-header span{color:var(--gold);letter-spacing:.13em;font:800 clamp(5px,.5vw,8px)/1 monospace}.workflow-detail-header strong{color:var(--ivory);font-family:Georgia,Noto Serif TC,serif;font-size:clamp(12px,1.35vw,20px);font-weight:600;line-height:1.15}.workflow-detail-header p{color:#f5efe494;margin:0;font-size:clamp(6px,.68vw,10px);line-height:1.45}.workflow-detail-body{align-items:stretch;min-height:0;display:grid;position:relative}.detail-node{box-sizing:border-box;color:#f5efe4b3;opacity:.12;background:linear-gradient(145deg,#1f2a448a,#0d142494);border:1px solid #e8dcc824;border-radius:clamp(8px,.9vw,12px);flex-direction:column;justify-content:center;min-width:0;height:100%;min-height:0;padding:clamp(6px,.75vw,10px);transition:opacity .34s,transform .34s,border-color .34s,box-shadow .34s,color .34s;display:flex;position:relative;overflow:hidden;transform:translateY(4px)}.detail-node.is-active{color:var(--ivory);opacity:1;border-color:#c6a75ee0;transform:translateY(0);box-shadow:0 0 0 2px #c6a75e0f,0 0 18px #c6a75e24}.detail-node.is-complete{color:#f5efe4c2;opacity:.8;border-color:#c6a75e52;transform:translateY(0)}.detail-node-type{color:var(--gold);letter-spacing:.13em;margin-bottom:5px;font:800 clamp(5px,.45vw,7px)/1 monospace}.detail-node>strong{font-size:clamp(7px,.75vw,11px);line-height:1.2}.detail-node>p{color:#f5efe487;margin:4px 0 0;font-size:clamp(5px,.54vw,8px);line-height:1.35}.detail-node-signal{aspect-ratio:1;background:#e8dcc838;border-radius:50%;width:4px;position:absolute;top:8px;right:8px}.detail-node.is-active .detail-node-signal{background:#ffe18b;box-shadow:0 0 10px 3px #ffe18b6b}.detail-node.is-complete .detail-node-signal{background:#ffe18bb8}.detail-linear-flow,.detail-prompt-trunk,.detail-pipeline-nodes{align-items:stretch;min-width:0;min-height:0;display:flex}.detail-linear-flow{gap:0}.detail-flow-step{flex:1 1 0;align-items:stretch;min-width:0;min-height:0;display:flex}.detail-flow-step>.detail-node{flex:1 1 0}.detail-connector{flex:0 0 clamp(9px,1.2vw,18px);align-self:center;height:1px;position:relative}.detail-connector:before{content:"";background:#97a6c12e;position:absolute;inset:0}.detail-connector i{background:var(--gold);opacity:0;border-radius:999px;width:45%;height:3px;position:absolute;top:-1px;left:0;transform:translate(0);box-shadow:0 0 7px #c6a75ee6}.detail-connector.is-active i{opacity:1;animation:.72s linear infinite detailSignal}.detail-connector.is-complete:before{background:#c6a75e85}.detail-connector.is-complete i{opacity:.5;width:100%;left:auto;right:0}@keyframes detailSignal{0%{transform:translate(0)}to{transform:translate(120%)}}.detail-prompt-flow{grid-template-columns:minmax(0,1.45fr) minmax(0,.82fr) minmax(0,.58fr);gap:clamp(9px,1.3vw,18px);min-height:0;display:grid}.detail-prompt-trunk{gap:0}.detail-prompt-branch{grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;min-width:0;min-height:0;padding-top:12px;display:grid;position:relative}.detail-branch-label{color:#c6a75eb8;letter-spacing:.12em;font:700 5px/1 monospace;position:absolute;top:0;left:2px}.detail-prompt-merge{align-items:stretch;min-width:0;min-height:0;display:flex}.detail-prompt-merge>.detail-node{flex:1 1 0}.detail-parallel-flow{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr) clamp(72px,8.5vw,112px);gap:6px clamp(8px,1.2vw,16px);min-height:0;display:grid}.detail-pipeline{background:#1f2a4424;border:1px solid #e8dcc81a;border-radius:11px;grid-template-columns:clamp(78px,9.2vw,118px) minmax(0,1fr);gap:clamp(7px,1vw,13px);min-width:0;min-height:0;padding:5px 7px;transition:opacity .35s,border-color .35s,background .35s;display:grid}.detail-pipeline.is-waiting{opacity:.32}.detail-pipeline.is-complete{background:#c6a75e0d;border-color:#c6a75e4d}.detail-pipeline header{align-content:center;gap:3px;min-width:0;display:grid}.detail-pipeline header span,.detail-pipeline header small{color:var(--gold);letter-spacing:.12em;font:700 clamp(4px,.44vw,6px)/1 monospace}.detail-pipeline header strong{font-family:Georgia,Noto Serif TC,serif;font-size:clamp(8px,.82vw,12px);line-height:1.15}.detail-pipeline header small{color:#f5efe461}.detail-pipeline-merge{color:#f5efe44d;text-align:center;background:#0d14248a;border:1px solid #e8dcc821;border-radius:12px;grid-area:1/2/3;place-content:center;gap:5px;min-width:0;padding:8px;transition:color .35s,border-color .35s,box-shadow .35s;display:grid;position:relative;overflow:hidden}.detail-pipeline-merge:before,.detail-pipeline-merge:after{content:"";background:#97a6c133;width:32%;height:1px;position:absolute;left:0}.detail-pipeline-merge:before{top:28%}.detail-pipeline-merge:after{bottom:28%}.detail-pipeline-merge i{aspect-ratio:1;background:#e8dcc838;border-radius:50%;justify-self:center;width:7px}.detail-pipeline-merge span{color:var(--gold);font:800 clamp(4px,.4vw,6px)/1.2 monospace}.detail-pipeline-merge strong{font-size:clamp(6px,.64vw,9px);line-height:1.35}.detail-pipeline-merge.is-active{color:var(--ivory);border-color:var(--gold);box-shadow:0 0 18px #c6a75e24}.detail-pipeline-merge.is-active i{background:#ffe18b;box-shadow:0 0 12px #ffe18bb8}.detail-cluster-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.5vw,21px);min-height:0;display:grid}.detail-cluster{flex-direction:column;gap:5px;min-width:0;min-height:0;padding-top:10px;display:flex;position:relative}.detail-cluster-index{color:#c6a75eb8;letter-spacing:.12em;font:700 5px/1 monospace;position:absolute;top:0;left:2px}.detail-cluster-node{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.detail-cluster-node>.detail-node{flex:1 1 0}.detail-cluster-node>.detail-connector{flex:0 0 5px;width:1px;height:5px;margin:0 auto}.detail-cluster-node>.detail-connector:before{width:1px;height:100%}.detail-cluster-node>.detail-connector i{width:3px;height:45%;animation-name:detailSignalVertical;top:0;left:-1px}.detail-cluster-node>.detail-connector.is-complete i{width:3px;height:100%;top:0;left:-1px;right:auto}.detail-cluster>.detail-connector{width:clamp(10px,1.5vw,21px);position:absolute;top:52%;right:calc(-1*clamp(10px,1.5vw,21px))}@keyframes detailSignalVertical{0%{transform:translateY(0)}to{transform:translateY(120%)}}.detail-scene-match,.detail-timeline-visual{gap:2px;margin-top:5px;display:grid}.detail-scene-match span,.detail-timeline-visual span{color:#f5efe49e;align-items:center;font:700 clamp(4px,.36vw,5px)/1 monospace;display:grid}.detail-scene-match span{grid-template-columns:1fr auto 1fr;gap:3px}.detail-scene-match b:last-child{text-align:right}.detail-scene-match i,.detail-timeline-visual em{color:var(--gold);font-style:normal}.detail-timeline-visual span{grid-template-columns:15px 1fr auto 1fr;gap:3px}.detail-timeline-visual i{color:#f5efe459;font-style:normal;text-decoration:line-through}.detail-timeline-visual strong{color:#ffe18b;text-align:right}.detail-render-loop{grid-template-columns:repeat(5,auto);justify-content:space-between;align-items:center;gap:2px;margin-top:6px;font:800 clamp(4px,.38vw,5px)/1 monospace;display:grid}.detail-render-loop span{border:1px solid #c6a75e3d;border-radius:4px;padding:3px}.detail-render-loop i{color:var(--gold);font-style:normal}.detail-render-loop b{color:#f5efe475;grid-column:2/4}.detail-render-loop strong{color:#ffe18b;text-align:right;grid-column:4/6}.workflow-play{z-index:8;cursor:pointer;background:0 0;border:0;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.workflow-play>span{aspect-ratio:1;color:#fff0b8;width:72px;transition:transform var(--motion-ui) var(--motion-ease-out), background var(--motion-ui) var(--motion-ease-out);background:#c6a75e29;border:1px solid #ffefb5ad;border-radius:50%;place-items:center;padding-left:5px;font-size:25px;display:grid;box-shadow:0 0 38px #c6a75e47}.workflow-play:focus-visible{outline:none}.workflow-play:focus-visible>span{background:#c6a75e47;transform:scale(1.08)}.workflow-play:active>span{transform:scale(.96)}.workflow-play strong{color:var(--ivory);font-family:Georgia,Noto Serif TC,serif;font-size:20px;font-weight:500}.workflow-play small{color:#e8dcc88f;letter-spacing:.17em;text-shadow:0 2px 12px #08101d;font:700 7px/1 monospace}.workflow-toggle{z-index:6;color:#f5efe4d1;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060b14b8;border:1px solid #e8dcc847;border-radius:999px;padding:8px 11px;font-size:8px;position:absolute;bottom:14px;right:14px}.workflow-progress{z-index:7;background:#e8dcc81f;height:3px;position:absolute;bottom:0;left:0;right:0}.workflow-progress span{background:linear-gradient(90deg, var(--gold), #fff0b8);height:100%;box-shadow:0 0 14px var(--gold);border-radius:999px;transition:width .12s linear;display:block}.workflow-phases{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:13px 0 0;padding:0;list-style:none;display:grid}.workflow-phases li{opacity:.42;background:#1f2a4424;border:1px solid #e8dcc81f;border-radius:12px;align-items:flex-start;gap:8px;min-width:0;padding:10px;transition:opacity .25s,border-color .25s,background .25s;display:flex}.workflow-phases li>span{color:var(--gold);font:700 7px/1.4 monospace}.workflow-phases strong{font-size:9px;line-height:1.3;display:block}.workflow-phases small{display:none}.workflow-phases li.is-active{opacity:1;background:#c6a75e1a;border-color:#c6a75ea8;box-shadow:0 0 22px #c6a75e14}.workflow-phases li.is-done{opacity:.76}.automation-note{text-align:center;background:0 0;padding:24px clamp(34px,5vw,82px) 32px}.automation-note h2{letter-spacing:-.025em;text-wrap:balance;max-width:900px;margin:14px auto 0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(28px,2.6vw,36px);font-weight:500;line-height:1.35}.automation-note .automation-case-description{color:#f5efe4ad;max-width:760px;margin:18px auto 0;font-size:16px;line-height:1.8}.api-universe-section{isolation:isolate;background:radial-gradient(60% 35% at 16% 40%,#7892cf1f,#0000 100%),radial-gradient(55% 30% at 82% 58%,#c6a75e1a,#0000 100%),linear-gradient(#0000,#0b1120 54%,#0000);padding:64px clamp(38px,8vw,128px) 140px;position:relative;overflow:hidden}.api-universe-section:before{content:"";z-index:-1;opacity:.24;pointer-events:none;background-image:radial-gradient(#e8dcc880 .65px,#0000 .8px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 2%,#000 14% 88%,#0000);mask-image:linear-gradient(#0000 2%,#000 14% 88%,#0000)}.api-universe-copy{z-index:2;max-width:1020px;position:relative}.api-universe-copy h2{color:#f5efe4;letter-spacing:-.045em;max-width:920px;margin:22px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(40px,5vw,72px);font-weight:500;line-height:1.13}.api-universe-copy>p:not(.detail-section-label):not(.api-universe-transition){color:#f5efe49e;max-width:760px;margin:28px 0 0;font-size:13px;line-height:1.9}.api-universe-transition{color:#e8dcc8;align-items:center;gap:12px;margin:44px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:15px;line-height:1.5;display:flex}.api-universe-transition:before{content:"";background:linear-gradient(90deg,#c6a75e,#0000);width:42px;height:1px;box-shadow:0 0 10px #ffe18b52}.api-universe-stage{background:radial-gradient(circle at 50% 44%,#1f2a4485,#0000 42%),#070a128f;border:1px solid #e8dcc82e;border-radius:38px;min-height:720px;margin-top:62px;padding:28px clamp(24px,4vw,56px) 44px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff0b80d,0 30px 90px #00000038}.api-universe-stage:before{content:"";opacity:.23;pointer-events:none;background-image:radial-gradient(circle at 12% 24%,#fff0b8 0 1px,#0000 1.3px),radial-gradient(circle at 72% 68%,#7892cf 0 1px,#0000 1.3px),radial-gradient(circle at 42% 82%,#f5efe4 0 .7px,#0000 1px);background-size:180px 180px,224px 224px,118px 118px;position:absolute;inset:0}.api-universe-stage-head{z-index:3;border-bottom:1px solid #e8dcc81f;justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;display:flex;position:relative}.api-universe-stage-head>div{flex-wrap:wrap;align-items:baseline;gap:10px 18px;display:flex}.api-universe-stage-head span,.api-universe-stage-head strong{letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}.api-universe-stage-head span{color:#c6a75e}.api-universe-stage-head strong{color:#f5efe475;font-weight:600}.api-universe-stage-head>p{white-space:nowrap;color:#e8dcc87a;letter-spacing:.15em;align-items:center;gap:8px;margin:0;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.api-universe-stage-head>p i,.api-universe-detail-meta em i{background:#ffe18b;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 11px #ffe18be6}.api-universe-orbits{opacity:.34;pointer-events:none;width:100%;height:calc(100% - 52px);position:absolute;inset:52px 0 0}.api-universe-orbits path,.api-universe-orbits circle{fill:none;stroke:#c6a75e3d;stroke-width:1px;stroke-dasharray:4 9}.api-universe-clusters{z-index:2;grid-template-columns:repeat(12,minmax(0,1fr));gap:34px 18px;margin-top:46px;display:grid;position:relative}.api-universe-cluster{min-width:0;min-height:122px}.api-universe-cluster[data-category=ai-model]{grid-column:1/8}.api-universe-cluster[data-category=generative-ai]{grid-column:8/13}.api-universe-cluster[data-category=voice-audio]{grid-column:1/5}.api-universe-cluster[data-category=video-media]{grid-column:5/10}.api-universe-cluster[data-category=data-content]{grid-column:10/13}.api-universe-cluster[data-category=social-publishing]{grid-column:1/4}.api-universe-cluster[data-category=database-content]{grid-column:4/8}.api-universe-cluster[data-category=orchestration]{grid-column:8/13}.api-universe-cluster>p{color:#c6a75ebd;letter-spacing:.16em;margin:0 0 15px;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.api-universe-node-field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.api-universe-node-slot{opacity:0;transform:translate(var(--node-shift-x), calc(var(--node-shift-y) + 18px)) scale(.78);display:inline-flex}.api-universe-section.is-visible .api-universe-node-slot{opacity:1;transform:translate(var(--node-shift-x), var(--node-shift-y)) scale(1);transition:opacity .48s var(--motion-ease-out) var(--node-delay), transform .68s var(--motion-ease-out) var(--node-delay)}.api-universe-node{color:#e8dcc8;cursor:pointer;text-align:left;min-width:92px;min-height:46px;transition:border-color var(--motion-ui) var(--motion-ease-out), background var(--motion-ui) var(--motion-ease-out), box-shadow var(--motion-ui) var(--motion-ease-out), color var(--motion-ui) var(--motion-ease-out), scale var(--motion-quick) var(--motion-ease-out);animation:api-node-float var(--motion-ambient) var(--motion-ease-in-out) var(--float-delay) infinite;background:#1f2a446b;border:1px solid #e8dcc838;border-radius:48% 44% 50% 42%/44% 50% 43% 48%;padding:13px 16px;position:relative;box-shadow:inset 0 1px #ffffff09,0 9px 24px #0000002e}.api-universe-node:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #0000;position:absolute;inset:4px}.api-universe-node>i{background:#ffe18b;border-radius:50%;width:5px;height:5px;position:absolute;top:10px;right:10px;box-shadow:0 0 10px #ffe18beb}.api-universe-node>span{font-family:Georgia,Noto Serif TC,serif;font-size:15px;line-height:1.15;display:block}.api-universe-node>small{color:#ffe18ba3;letter-spacing:.12em;margin-top:7px;font:700 6px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block}.api-universe-node.is-featured{border-color:#c6a75e61;min-width:118px;min-height:58px;padding:15px 19px}.api-universe-node.is-featured>span{color:#f5efe4;font-size:17px}:is(.api-universe-node:focus-visible,.api-universe-node.is-selected){color:#fff0b8;background:#1f2a44c7;border-color:#ffe18bbf;outline:none;box-shadow:inset 0 1px #fff0b81f,0 0 0 3px #c6a75e12,0 0 34px #c6a75e33}.api-universe-node:active{scale:.97}.api-universe-node.is-selected:after{border-color:#fff0b81a}.api-universe-detail{z-index:2;background:radial-gradient(circle at 8% 10%,#c6a75e17,#0000 30%),#0d1424c2;border:1px solid #e8dcc82e;border-radius:34px;grid-template-columns:minmax(250px,.78fr) minmax(0,1.42fr);gap:clamp(34px,5vw,76px);min-height:320px;margin-top:22px;padding:clamp(30px,4vw,52px);display:grid;position:relative;box-shadow:inset 0 1px #fff0b80a,0 28px 70px #0003}.api-universe-detail-intro{align-self:center}.api-universe-detail-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.api-universe-detail-meta>span,.api-universe-detail-meta em{color:#c6a75e;letter-spacing:.16em;text-transform:uppercase;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.api-universe-detail-meta em{color:#ffe18bad;align-items:center;gap:7px;font-style:normal;display:inline-flex}.api-universe-detail-intro h3{color:#f5efe4;margin:18px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.08}.api-universe-detail-intro>p{color:#f5efe49e;max-width:490px;margin:18px 0 0;font-size:12px;line-height:1.85}.api-universe-tags{flex-wrap:wrap;gap:6px;margin-top:24px;display:flex}.api-universe-tags span{color:#e8dcc88a;letter-spacing:.09em;border:1px solid #e8dcc824;border-radius:999px;padding:6px 8px;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.api-universe-detail-flow{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:14px;display:grid}.api-universe-detail-flow.has-process{grid-template-columns:repeat(4,minmax(0,1fr))}.api-universe-detail-column{background:#1f2a4440;border:1px solid #e8dcc829;border-radius:22px;min-height:190px;padding:22px 18px;position:relative}.api-universe-detail-column:not(:last-child):after{content:"→";z-index:2;color:#ffe18bbd;text-align:center;background:#0d1424;width:20px;font-size:12px;line-height:20px;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.api-universe-detail-column>span{color:#c6a75e;letter-spacing:.15em;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.api-universe-detail-column ul{gap:9px;margin:18px 0 0;padding:0;list-style:none;display:grid}.api-universe-detail-column li{color:#f5efe4b3;padding-left:12px;font-size:10px;line-height:1.55;position:relative}.api-universe-detail-column li:before{content:"";background:#c6a75e;border-radius:50%;width:4px;height:4px;position:absolute;top:.65em;left:0;box-shadow:0 0 8px #c6a75e75}.api-universe-detail-intro,.api-universe-detail-column{animation:api-detail-in .36s var(--motion-ease-out) both}.api-universe-detail-column:nth-child(2){animation-delay:80ms}.api-universe-detail-column:nth-child(3){animation-delay:.16s}.api-universe-detail-column:nth-child(4){animation-delay:.24s}@keyframes api-node-float{0%,to{translate:0}50%{translate:0 -5px}}@keyframes api-detail-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.api-universe-stage{min-height:760px}.api-universe-clusters{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.api-universe-cluster[data-category]{grid-column:auto}.api-universe-detail{grid-template-columns:1fr;min-height:0}.api-universe-detail-intro{max-width:720px}.api-universe-detail-flow,.api-universe-detail-flow.has-process{grid-template-columns:repeat(2,minmax(0,1fr))}.api-universe-detail-column:nth-child(2):after{display:none}.api-universe-detail-column{min-height:158px}}@media (max-width:640px){.api-universe-section{padding:48px 20px 98px}.api-universe-copy h2{font-size:42px}.api-universe-copy>p:not(.detail-section-label):not(.api-universe-transition){font-size:12px}.api-universe-transition{align-items:flex-start;font-size:14px}.api-universe-transition:before{flex:0 0 30px;margin-top:10px}.api-universe-stage{border-radius:28px;min-height:0;margin-top:46px;padding:22px 16px 28px}.api-universe-stage-head{flex-direction:column;align-items:flex-start;gap:14px}.api-universe-stage-head>p{white-space:normal}.api-universe-orbits{display:none}.api-universe-clusters{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:30px -16px 0;padding:8px 16px 20px;display:flex;overflow-x:auto}.api-universe-clusters::-webkit-scrollbar{display:none}.api-universe-cluster{scroll-snap-align:center;background:#1f2a442e;border:1px solid #e8dcc81f;border-radius:26px;flex:0 0 min(82vw,326px);min-height:190px;padding:20px}.api-universe-node-field{gap:9px}.api-universe-node{animation:none}.api-universe-detail{border-radius:28px;margin-top:14px;padding:28px 20px;display:block}.api-universe-detail-flow,.api-universe-detail-flow.has-process{grid-template-columns:1fr;margin-top:34px}.api-universe-detail-column{min-height:0}.api-universe-detail-column:not(:last-child):after{content:"↓";top:auto;bottom:-17px;right:50%;transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.api-universe-node-slot,.api-universe-section.is-visible .api-universe-node-slot{opacity:1;transition:none;transform:none}.api-universe-node,.api-universe-detail-intro,.api-universe-detail-column{animation:none}}@media (max-width:980px){.automation-hero{grid-template-columns:1fr;padding-top:46px}.automation-copy{max-width:720px}.workflow-phases{grid-template-columns:repeat(5,minmax(80px,1fr));padding-bottom:7px;overflow-x:auto}}@media (max-width:640px){.automation-detail-page{padding:0}.automation-detail-window{border:0;border-radius:0;width:100%;height:100svh}.automation-hero{padding:38px 18px 24px}.automation-copy h1{font-size:43px}.automation-lead{font-size:12px}.automation-note{padding:20px 22px 24px}.detail-index{display:none}.workflow-player{scrollbar-width:none;overflow:auto hidden}.workflow-canvas{width:720px}}.project-detail-page{background:radial-gradient(circle at 75% 14%,#c6a75e1a,#0000 28%),radial-gradient(circle at 16% 48%,#1f2a44b3,#0000 44%),linear-gradient(145deg,#070a12,#080c16 54%,#0b1120);min-height:100svh;padding:12px;position:relative;overflow:hidden}.project-detail-page:before{content:"";opacity:.22;pointer-events:none;background-image:radial-gradient(#e8dcc857 .7px,#0000 .8px);background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.detail-ambient{aspect-ratio:1;filter:blur(130px);opacity:.08;pointer-events:none;border-radius:50%;width:38vw;position:fixed}.detail-ambient-one{background:var(--gold);top:-20vw;right:-12vw}.detail-ambient-two{background:#7892cf;bottom:-20vw;left:-12vw}.project-detail-window{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#090e19d1;border-radius:23px;grid-template-rows:58px 1fr;width:min(1512px,100vw - 24px);height:calc(100svh - 24px);margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 38px 100px #0000007a,inset 0 0 80px #1f2a441f}.detail-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c16b8;border-bottom:1px solid #e8dcc82e;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 25px;display:grid;position:relative}.detail-header a{color:inherit;text-decoration:none}.detail-back{letter-spacing:.08em;transition:color var(--motion-quick) var(--motion-ease-out), transform var(--motion-quick) var(--motion-ease-out);justify-self:start;font-size:10px;font-weight:700;color:#f5efe4ad!important}.detail-back span{margin-right:5px;display:inline-block}.detail-back:focus-visible{outline-offset:6px;outline:2px solid #ffe18bbf;transform:translate(-3px);color:var(--gold)!important}.detail-back:active{transform:translate(-1px)scale(.98)}.detail-brand{letter-spacing:.18em;font:700 10px/1 monospace}.detail-brand span{color:var(--gold);margin-left:7px}.detail-index{color:#e8dcc875;letter-spacing:.15em;justify-self:end;font:600 8px/1 monospace}.project-detail-scroll{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c6a75e70 transparent;min-height:0;overflow:hidden auto}.project-detail-scroll:before{content:"";pointer-events:none;z-index:-1;opacity:.12;background-image:radial-gradient(#e8dcc873 .7px,#0000 .8px);background-size:19px 19px;position:fixed;inset:70px 14px 14px}.pikit-hero{grid-template-columns:minmax(300px,.72fr) minmax(440px,1.28fr);align-items:center;gap:7%;min-height:calc(100svh - 82px);padding:78px clamp(38px,7vw,108px) 66px;display:grid;position:relative}.pikit-hero:after{content:"";background:linear-gradient(90deg,#0000,#e8dcc847,#0000);height:1px;position:absolute;bottom:0;left:7%;right:7%}.detail-kicker,.detail-section-label{color:var(--gold);letter-spacing:.18em;margin:0;font:700 9px/1.3 monospace}.pikit-hero-copy{z-index:5;position:relative}.pikit-hero h1{letter-spacing:-.07em;margin:20px 0 10px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(82px,9vw,142px);font-weight:500;line-height:.86}.pikit-lead{color:#f5efe4c2;margin:30px 0 0;font-family:Iowan Old Style,Songti TC,Noto Serif TC,serif;font-size:clamp(20px,2vw,31px);line-height:1.45}.detail-tags{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.detail-tags span{color:#f5efe4b3;border:1px solid #e8dcc847;border-radius:999px;padding:8px 11px;font-size:9px}.pikit-hero-visual{perspective:1300px;min-width:0;position:relative}.pikit-screen-shell{z-index:3;background:#07080c;border:1px solid #e8dcc852;border-radius:28px;position:relative;overflow:hidden;transform:rotateY(-7deg)rotateX(2deg)rotate(1deg);box-shadow:0 46px 80px #0000007a,-18px 12px 60px #c6a75e14}.pikit-screen-shell img{width:100%;height:auto;display:block}.hero-wing{z-index:4;filter:drop-shadow(0 0 28px #ffe18b33);transform-origin:24% 80%;width:clamp(130px,12vw,190px);position:absolute;top:-66px;right:11%}.hero-wing-back{z-index:2;opacity:.42;transform:translate(-58%)rotate(-41deg)}.hero-wing-front{transform:rotate(-3deg)}.hero-wing-glow{z-index:1;aspect-ratio:1;filter:blur(52px);background:#c6a75e29;border-radius:50%;width:220px;position:absolute;top:-30px;right:10%}.scroll-cue{color:#e8dcc861;letter-spacing:.18em;font:700 8px/1 monospace;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.detail-section{padding:120px clamp(38px,9vw,138px)}.tutu-batch-demo{isolation:isolate;border-bottom:1px solid #e8dcc824;grid-template-columns:minmax(250px,.72fr) minmax(0,1.35fr);align-items:center;gap:clamp(44px,7vw,110px);min-height:78svh;display:grid;position:relative;overflow:hidden}.tutu-batch-demo:before{content:"";z-index:-1;aspect-ratio:1;filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#7892cf29,#7892cf00 68%);border-radius:50%;width:min(720px,64vw);position:absolute;top:8%;right:-10%}.tutu-batch-copy,.tutu-batch-stage{z-index:1;position:relative}.tutu-batch-copy h2{color:#f5efe4;letter-spacing:-.045em;max-width:650px;margin:22px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,72px);font-weight:500;line-height:1.04}.tutu-batch-copy>p:not(.detail-section-label){color:#f5efe49e;max-width:570px;margin:28px 0 0;font-size:clamp(15px,1.25vw,19px);line-height:1.9}.tutu-batch-steps{flex-wrap:wrap;align-items:center;gap:10px;margin-top:34px;display:flex}.tutu-batch-steps span{color:#e8dcc8;font-family:var(--font-mono,monospace);letter-spacing:.11em;background:#0d142494;border:1px solid #c6a75e57;border-radius:999px;padding:10px 13px;font-size:10px;font-weight:700}.tutu-batch-steps i{color:#c6a75ead;font-style:normal}.tutu-batch-stage{margin:0}.tutu-batch-stage:before{content:"";z-index:-1;filter:blur(64px);background:#7892cf2e;border-radius:50%;position:absolute;inset:12% 8% -8%}.tutu-batch-stage video{aspect-ratio:16/9;object-fit:cover;background:#0d1424;border:1px solid #e8dcc840;border-radius:clamp(18px,2vw,30px);width:100%;display:block;box-shadow:0 34px 90px #00000061,0 0 52px #7892cf14}.tutu-batch-stage figcaption{color:#e8dcc875;font-family:var(--font-mono,monospace);letter-spacing:.14em;text-align:right;text-transform:uppercase;margin-top:14px;font-size:10px}.tutu-favorite-assets-demo:before{top:4%;left:-12%;right:auto}.tutu-favorite-assets-demo .tutu-batch-copy{order:2}.tutu-favorite-assets-demo .tutu-batch-stage{order:1}@media (max-width:980px){.tutu-batch-demo{grid-template-columns:1fr;min-height:auto}.tutu-batch-copy{max-width:720px}.tutu-favorite-assets-demo .tutu-batch-copy{order:1}.tutu-favorite-assets-demo .tutu-batch-stage{order:2}}.tutu-showcase{background:radial-gradient(circle at 82% 18%,#7892cf1a,#0000 32%),linear-gradient(#080c161a,#0d142452);border-bottom:1px solid #e8dcc824;position:relative;overflow:hidden}.tutu-showcase:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(circle,#e8dcc84d .8px,#0000 .9px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.tutu-showcase-heading,.tutu-showcase-shell{z-index:1;position:relative}.tutu-showcase-heading{grid-template-columns:minmax(240px,.7fr) minmax(320px,1.3fr);align-items:end;gap:clamp(24px,5vw,80px);margin-bottom:clamp(44px,6vw,82px);display:grid}.tutu-showcase-heading .detail-section-label{grid-column:1/-1;margin-bottom:-8px}.tutu-showcase-heading h2{color:#f5efe4;letter-spacing:-.055em;max-width:740px;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(44px,6.2vw,92px);font-weight:500;line-height:1.02}.tutu-showcase-heading>p:last-child{color:#f5efe494;max-width:620px;margin:0 0 8px;font-size:clamp(15px,1.35vw,20px);line-height:1.9}.tutu-showcase-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a12ad;border:1px solid #e8dcc838;border-radius:clamp(24px,3vw,42px);box-shadow:0 36px 110px #00000052}.motion-work-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.motion-work-picker button{text-align:left;color:#e8dcc8;cursor:pointer;background:#101827;border:1px solid #454341;border-radius:16px;gap:12px;padding:20px;display:grid}.motion-work-picker button[aria-pressed=true]{background:#24232a;border-color:#c6a75e}.motion-work-picker small{letter-spacing:.12em;color:#c6a75e;font-size:10px}.motion-work-picker span{font-size:17px}.motion-work-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:24px 0 16px;display:flex}.motion-work-toolbar h3{color:#e8dcc8;margin:0;font-family:Georgia,Noto Serif TC,serif}.motion-work-toolbar>div{gap:10px;display:flex}.motion-work-toolbar button{color:#e8dcc8;cursor:pointer;background:0 0;border:1px solid #81765a;border-radius:20px;padding:10px 14px}.motion-work-stage{aspect-ratio:16/10;background:#f0eadf;border:1px solid #81765a;border-radius:24px;place-items:center;min-height:320px;margin:0;display:grid;overflow:hidden}.motion-work-stage.is-dark{background:#101827}.motion-work-stage img{object-fit:contain;width:100%;height:100%;min-height:0;max-height:75vh;display:block}.motion-work-start{color:#28303d;cursor:pointer;background:0 0;border:0;justify-items:center;gap:18px;padding:28px;font-size:20px;display:grid}.motion-work-start span{border:1px solid;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.is-dark .motion-work-start{color:#e8dcc8}.motion-work-caption{color:#bcb8ae;margin-top:16px;line-height:1.7}.motion-works button:focus-visible{outline-offset:4px;outline:2px solid #c6a75e}@media (max-width:600px){.motion-work-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.motion-work-picker button{padding:14px 10px}.motion-work-picker span{font-size:14px}.motion-work-toolbar{flex-direction:column;align-items:flex-start}.motion-work-stage{min-height:230px}}.tutu-showcase-tabs{scrollbar-width:none;border-bottom:1px solid #e8dcc826;gap:6px;padding:12px 14px 0;display:flex;overflow-x:auto}.tutu-showcase-tabs::-webkit-scrollbar{display:none}.tutu-showcase-tabs button{flex:1 0 max-content;color:#e8dcc87a;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:18px 18px 0 0;min-width:152px;padding:18px 22px 20px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(15px,1.3vw,19px);position:relative}.tutu-showcase-tabs button span{color:#c6a75e75;font:700 8px/1 var(--font-mono,monospace);letter-spacing:.14em;margin-bottom:8px;display:block}.tutu-showcase-tabs button:after{content:"";transform-origin:50%;background:#c6a75e;height:2px;transition:scale .26s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:18px;right:18px;scale:0 1}.tutu-showcase-tabs button:hover{color:#f5efe4c7;background:#1f2a444d}.tutu-showcase-tabs button[aria-selected=true]{color:#f5efe4;background:linear-gradient(#c6a75e1f,#1f2a444d)}.tutu-showcase-tabs button[aria-selected=true]:after{scale:1}.tutu-showcase-tabs button:focus-visible{outline-offset:-4px;outline:2px solid #ffe18b}.tutu-showcase-panel{min-height:clamp(560px,62vw,780px);padding:clamp(28px,5vw,76px);animation:.42s cubic-bezier(.16,1,.3,1) both tutu-panel-enter}.tutu-showcase-panel.is-overview,.tutu-showcase-panel.is-feature{grid-template-columns:minmax(260px,.76fr) minmax(0,1.24fr);align-items:center;gap:clamp(38px,6vw,96px);display:grid}@keyframes tutu-panel-enter{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}.tutu-showcase-eyebrow{color:#c6a75e;font:700 9px/1 var(--font-mono,monospace);letter-spacing:.18em;margin:0 0 20px}.tutu-overview-copy h3,.tutu-feature-copy h3{color:#f5efe4;letter-spacing:-.045em;max-width:720px;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(34px,4.4vw,66px);font-weight:500;line-height:1.08}.tutu-overview-copy>p:not(.tutu-showcase-eyebrow),.tutu-feature-copy>p:not(.tutu-showcase-eyebrow){color:#f5efe499;max-width:650px;margin:28px 0 0;font-size:clamp(14px,1.15vw,18px);line-height:1.9}.tutu-overview-signature{color:#e8dcc86b;font:700 9px/1 var(--font-mono,monospace);letter-spacing:.15em;align-items:center;gap:14px;margin-top:38px;display:flex}.tutu-overview-signature i{background:linear-gradient(90deg,#c6a75e,#0000);width:64px;height:1px}.tutu-overview-flow{gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.tutu-overview-flow:before{content:"";background:linear-gradient(#c6a75e,#7892cf57,#c6a75e);width:1px;position:absolute;top:12%;bottom:12%;left:29px}.tutu-overview-flow li{background:linear-gradient(115deg,#1f2a4485,#0d142499);border:1px solid #e8dcc82b;border-radius:24px;grid-template-columns:58px 1fr;align-items:center;gap:20px;min-height:142px;padding:26px 30px 26px 20px;display:grid;position:relative}.tutu-overview-flow li>span{z-index:1;aspect-ratio:1;color:#ffe18b;width:38px;font:700 9px/1 var(--font-mono,monospace);background:#0d1424;border:1px solid #c6a75e80;border-radius:50%;place-items:center;display:grid;position:relative}.tutu-overview-flow small{color:#c6a75eb8;font:700 8px/1 var(--font-mono,monospace);letter-spacing:.15em;margin-bottom:8px;display:block}.tutu-overview-flow strong{color:#f5efe4;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(21px,2vw,30px);font-weight:500}.tutu-overview-flow p{color:#f5efe480;margin:8px 0 0;font-size:13px;line-height:1.65}.tutu-showcase-steps{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.tutu-showcase-steps span{color:#e8dcc8c7;font:700 9px/1 var(--font-mono,monospace);letter-spacing:.11em;align-items:center;gap:10px;display:inline-flex}.tutu-showcase-steps i{color:#c6a75eb3;font-style:normal}.tutu-showcase-media{margin:0;position:relative}.tutu-showcase-media:before{content:"";z-index:-1;filter:blur(62px);background:#7892cf29;border-radius:50%;position:absolute;inset:12% 7% -7%}.tutu-showcase-media video{aspect-ratio:16/9;object-fit:cover;background:#0d1424;border:1px solid #e8dcc83d;border-radius:clamp(16px,2vw,28px);width:100%;display:block;box-shadow:0 30px 86px #00000061}.tutu-showcase-media figcaption{color:#e8dcc86b;font:700 9px/1 var(--font-mono,monospace);letter-spacing:.13em;text-align:right;text-transform:uppercase;margin-top:14px}@media (max-width:920px){.tutu-showcase-heading,.tutu-showcase-panel.is-overview,.tutu-showcase-panel.is-feature{grid-template-columns:1fr}.tutu-showcase-heading{align-items:start}.tutu-showcase-panel{min-height:auto}.tutu-showcase-tabs button{min-width:142px}.tutu-feature-copy{max-width:720px}}@media (max-width:620px){.tutu-showcase.detail-section{padding-left:20px;padding-right:20px}.tutu-showcase-heading{margin-bottom:34px}.tutu-showcase-heading h2{font-size:clamp(42px,14vw,66px)}.tutu-showcase-shell{border-radius:24px}.tutu-showcase-tabs{padding-left:8px;padding-right:8px}.tutu-showcase-tabs button{min-width:126px;padding:16px 14px 18px}.tutu-showcase-panel{padding:26px 20px 30px}.tutu-overview-flow li{grid-template-columns:48px 1fr;padding:22px 18px 22px 14px}.tutu-overview-flow:before{left:24px}.tutu-showcase-media figcaption{text-align:left;line-height:1.55}}@media (prefers-reduced-motion:reduce){.tutu-showcase-panel{animation:none}.tutu-showcase-tabs button:after{transition:none}}.case-intro h2,.experience-heading h2,.collaboration-copy h2,.pikit-ending h2{letter-spacing:-.05em;margin:18px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(38px,5vw,72px);font-weight:500;line-height:1.1}.case-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:72px;display:grid}.case-duo article{background:#1f2a4452;border:1px solid #e8dcc83d;border-radius:34% 42% 28% 31%/30% 34% 26% 28%;min-height:230px;padding:38px;box-shadow:0 26px 70px #0003}.case-duo article:nth-child(2){background:#c6a75e1a}.case-duo small,.experience-copy small{color:var(--gold);letter-spacing:.14em;font:700 9px/1 monospace}.case-duo h3,.experience-copy h3{margin:17px 0 10px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(23px,2.4vw,35px);font-weight:500}.case-duo p,.experience-copy p,.experience-heading>p:last-child,.pikit-ending>p:not(.detail-section-label){color:#f5efe499;margin:0;font-size:13px;line-height:1.8}.experience-section{padding-top:75px}.experience-heading{max-width:760px}.experience-heading>p:last-child{max-width:580px;margin-top:23px}.experience-list{gap:90px;margin-top:74px;display:grid}.experience-item{grid-template-columns:minmax(230px,.65fr) minmax(340px,1.35fr);align-items:center;gap:10%;min-height:520px;display:grid}.experience-item.is-reversed{grid-template-columns:minmax(340px,1.35fr) minmax(230px,.65fr)}.experience-item.is-reversed .experience-copy{order:2}.experience-item.is-reversed .floating-demo{order:1}.experience-copy p{max-width:400px}.floating-demo{isolation:isolate;place-items:center;width:min(100%,760px);min-height:470px;display:grid;position:relative}.floating-demo:before{content:"";z-index:-1;aspect-ratio:1;filter:blur(14px);background:radial-gradient(circle,#c6a75e26,#0000 66%);border-radius:50%;width:70%;position:absolute}.experience-item:nth-child(2n) .floating-demo:before{background:radial-gradient(circle,#4865a738,#0000 66%)}.floating-demo video{object-fit:contain;border-radius:24px;width:auto;max-width:100%;height:min(64vh,580px);display:block;transform:rotate(-1.2deg);box-shadow:0 40px 80px #00000059,0 0 42px #c6a75e12}.is-reversed .floating-demo video{transform:rotate(1.2deg)}.ai-collaboration{background:radial-gradient(circle at 25%,#1f2a44a6,#0000 35%);border-top:1px solid #e8dcc824;border-bottom:1px solid #e8dcc824;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8%;min-height:760px;display:grid;position:relative}.collaboration-orbit{aspect-ratio:1;width:min(430px,35vw);position:relative}.collaboration-orbit i{border-radius:50%;display:block;position:absolute;box-shadow:inset -14px -16px 32px #0000000f}.collaboration-orbit i:first-child{aspect-ratio:1;background:var(--navy);width:68%;bottom:2%;left:0}.collaboration-orbit i:nth-child(2){aspect-ratio:1;background:var(--beige);width:61%;top:0;right:0}.collaboration-orbit i:nth-child(3){aspect-ratio:1;background:var(--gold);width:45%;bottom:1%;right:0;box-shadow:0 0 60px #c6a75e29}.build-steps{border-top:1px solid #e8dcc82e;margin-top:42px;display:grid}.build-steps span{color:#f5efe4b3;border-bottom:1px solid #e8dcc82e;gap:20px;padding:20px 0;font-size:13px;display:flex}.build-steps b{color:var(--gold);font:700 9px/1.6 monospace}.pikit-ending{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:76svh;padding:100px 24px;display:flex}.pikit-ending img{border-radius:24px;width:96px;height:96px;margin-bottom:30px;box-shadow:0 20px 52px #00000052}.pikit-ending h2{font-size:clamp(43px,5.5vw,80px)}.pikit-ending>p:not(.detail-section-label){max-width:600px;margin-top:20px}.pikit-ending a{color:var(--gold);border:1px solid #c6a75e8a;border-radius:999px;margin-top:36px;padding:12px 16px;font-size:11px;font-weight:700;text-decoration:none}.collection-detail-window{background:#070d1bf0}.collection-hero{isolation:isolate;border-bottom:1px solid #e8dcc824;align-items:center;min-height:78svh;padding:96px clamp(38px,9vw,138px) 112px;display:grid;position:relative;overflow:hidden}.collection-hero:before{content:"";z-index:-2;opacity:.56;background:radial-gradient(circle at 76% 40%,#c6a75e24,#0000 26%),radial-gradient(circle at 24% 70%,#2b407047,#0000 36%);position:absolute;inset:0}.theme-navy .collection-hero:before{background:radial-gradient(circle at 76% 42%,#37539157,#0000 32%)}.theme-gold .collection-hero:before{background:radial-gradient(circle at 76% 42%,#c6a75e38,#0000 32%)}.theme-smoke .collection-hero:before{background:radial-gradient(circle at 76% 42%,#c2beb521,#0000 32%)}.collection-hero-copy{z-index:2;max-width:910px;position:relative}.collection-hero h1{max-width:880px;color:var(--warm-white);letter-spacing:-.055em;margin:22px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(54px,7vw,106px);font-weight:500;line-height:1.03}.collection-lead{color:#f5efe4ad;max-width:680px;margin:30px 0 0;font-size:clamp(15px,1.55vw,22px);line-height:1.72}.collection-orbits{aspect-ratio:1;opacity:.5;width:min(35vw,500px);position:absolute;top:50%;right:6%;transform:translateY(-50%)}.collection-orbits i{border:1px solid #e8dcc83d;border-radius:50%;display:block;position:absolute}.collection-orbits i:first-child{aspect-ratio:1;background:#1f2a4447;width:74%;bottom:0;right:0}.collection-orbits i:nth-child(2){aspect-ratio:1;background:#e8dcc80e;width:46%;top:2%;left:4%}.collection-orbits i:nth-child(3){aspect-ratio:1;background:#c6a75e17;width:31%;top:20%;right:8%}.collection-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.collection-section-card{background:#1f2a4447;border:1px solid #e8dcc830;border-radius:38% 31% 34% 29%/27% 32% 26% 30%;min-height:310px;padding:clamp(28px,4vw,52px);box-shadow:0 26px 74px #0000002e}.collection-section-card:nth-child(3n+2){background:#c6a75e14}.collection-section-card:nth-child(3n){background:#e8dcc80e}.collection-section-card small,.related-card small,.automation-capability-grid small{color:var(--gold);letter-spacing:.15em;font:700 9px/1.4 monospace}.collection-section-card h2{margin:18px 0 15px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(25px,3vw,42px);font-weight:500;line-height:1.16}.collection-section-card p,.collection-section-card li{color:#f5efe49e;font-size:13px;line-height:1.78}.collection-section-card ul{gap:9px;margin:20px 0 0;padding:0;list-style:none;display:grid}.collection-section-card li{padding-left:18px;position:relative}.collection-section-card li:before{content:"·";color:var(--gold);position:absolute;left:2px}.related-content{border-top:1px solid #e8dcc824}.related-content>h2,.automation-capabilities>h2{letter-spacing:-.04em;max-width:900px;margin:18px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(36px,5vw,68px);font-weight:500;line-height:1.12}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:62px;display:grid}.related-card{min-height:250px;color:inherit;transition:transform var(--motion-ui) var(--motion-ease-out), border-color var(--motion-ui) var(--motion-ease-out), background var(--motion-ui) var(--motion-ease-out);background:#1f2a443d;border:1px solid #e8dcc830;border-radius:28px;flex-direction:column;padding:30px;text-decoration:none;display:flex}.related-card:focus-visible{background:#1f2a4466;border-color:#c6a75e99;outline:none;transform:translateY(-5px)}.related-card:active{transform:translateY(-1px)scale(.985)}.related-card h3{margin:20px 0 10px;font-family:Georgia,Noto Serif TC,serif;font-size:26px;font-weight:500}.related-card p{color:#f5efe494;margin:0;font-size:12px;line-height:1.75}.related-card span{color:var(--gold);margin-top:auto;padding-top:28px;font-size:10px;font-weight:700}.automation-case-link{color:var(--gold);margin-top:20px;padding:6px 0;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.automation-case-link:hover{text-underline-offset:5px;text-decoration:underline}.automation-case-link:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:3px}.automation-capabilities{border-top:1px solid #e8dcc824}.automation-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:60px;display:grid}.automation-capability-grid article{background:#1f2a4438;border:1px solid #e8dcc82e;border-radius:26px;min-height:150px;padding:28px}.automation-capability-grid h3{margin:24px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:21px;font-weight:500;line-height:1.3}@keyframes scene-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes firefly-open{0%{filter:brightness();transform:translateY(0)scale(1)}55%{filter:brightness(1.22);transform:translateY(-18px)scale(1.07)}to{filter:brightness(1.5);opacity:0;transform:translateY(-10px)scale(1.22)}}@media (hover:hover) and (pointer:fine){.detail-back:hover{transform:translate(-3px);color:var(--gold)!important}.story-cloud.is-clickable:hover{transform:translateY(-7px)}.story-cloud.is-clickable:hover .story-firefly-body{filter:brightness(1.08)drop-shadow(0 15px 16px #0006)drop-shadow(0 0 10px #c6a75e29)}.story-cloud:hover .story-wing-front{filter:brightness(1.55)drop-shadow(0 0 9px #ffe18b59)}.project-firefly:hover{filter:brightness(1.08);transform:translateY(-9px)scale(1.025)}.project-firefly:hover .firefly-body{border-color:#c6a75ebd;box-shadow:inset 0 1px 28px #e8dcc80f,0 0 36px #c6a75e1f}.project-firefly:hover .wing-behind{transform:rotate(-47deg)}.project-firefly:hover .wing-front{filter:saturate(1.03)brightness(1.05)drop-shadow(0 0 17px #ffe18b47)}.cloud-tab:hover{transform:translateY(-7px)}.cloud-tab:hover .nav-cloud-image{filter:brightness(1.05)drop-shadow(0 0 17px #c6a75e2e);transform:scale(1.02)}.workflow-play:hover>span{background:#c6a75e47;transform:scale(1.08)}.api-universe-node:hover{color:#fff0b8;background:#1f2a44c7;border-color:#ffe18bbf;box-shadow:inset 0 1px #fff0b81f,0 0 0 3px #c6a75e12,0 0 34px #c6a75e33}.related-card:hover{background:#1f2a4466;border-color:#c6a75e99;transform:translateY(-5px)}}@media (prefers-reduced-motion:no-preference){.orbit-navy{animation:float-a 11s var(--motion-ease-in-out) infinite}.orbit-beige{animation:float-b 13s var(--motion-ease-in-out) infinite}.orbit-gold{animation:float-c 12s var(--motion-ease-in-out) infinite}.story-cloud,.project-firefly{animation:cloud-float var(--motion-ambient) var(--motion-ease-in-out) infinite}.cloud-shelf .cloud-2,.cloud-shelf .cloud-4{animation-delay:-2.4s}.cloud-shelf .cloud-3,.cloud-shelf .cloud-5{animation-delay:-4.1s}@keyframes float-a{50%{transform:translate(-4px,6px)}}@keyframes float-b{50%{transform:translate(5px,-4px)}}@keyframes float-c{50%{transform:translate(4px,5px)}}@keyframes cloud-float{50%{translate:0 -4px}}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.project-firefly:hover .wing-behind,.story-cloud:hover .story-wing-behind{animation:.1s ease-in-out infinite alternate wing-flutter-behind}.project-firefly:hover .wing-front,.story-cloud:hover .story-wing-front{animation:85ms ease-in-out infinite alternate wing-flutter-front}.project-firefly:hover:before,.story-cloud:hover:before{animation:1.05s linear infinite gold-dust-left}.project-firefly:hover:after,.story-cloud:hover:after{animation:1.05s linear .42s infinite gold-dust-right}@keyframes wing-flutter-behind{0%{transform:rotate(-49deg)scaleX(.98)}to{transform:rotate(-34deg)scaleX(.9)translateY(-1px)}}@keyframes wing-flutter-front{0%{transform:rotate(-3deg)scaleX(.98)}to{transform:rotate(11deg)scaleX(.9)translateY(-1px)}}@keyframes gold-dust-left{0%{opacity:0;transform:translate(-9px,-5px)scale(.55)rotate(-8deg)}14%{opacity:.95}72%{opacity:.62}to{opacity:0;transform:translate(-34px,62px)scale(.92)rotate(12deg)}}@keyframes gold-dust-right{0%{opacity:0;transform:translate(7px,-4px)scale(.5)rotate(9deg)}16%{opacity:.9}68%{opacity:.56}to{opacity:0;transform:translate(39px,66px)scale(.86)rotate(-14deg)}}}@media (max-width:780px){.portfolio-page{align-items:stretch;padding:18px 13px 30px}.portfolio-window{border-radius:18px;grid-template-rows:48px 1fr 108px;width:100%;height:calc(100svh - 48px);min-height:640px}.portfolio-window:before{inset:48px 0 107px}.window-header{grid-template-columns:1fr auto;height:48px;padding:0 16px}.status-mark{display:none}.mini-brand{justify-self:end}.intro-view{align-items:start;padding-top:14vh}.orbital-mark{width:82vw;max-width:390px}.lee{font-size:clamp(75px,24vw,115px)}.lee-one{top:24%;left:8%}.lee-two{top:47%;left:42%}.portfolio-label{font-size:21px;top:66%;left:51%}.intro-note{max-width:230px;bottom:18px;left:22px}.scene-view{padding:27px 21px 14px}.scene-heading{width:92%}.scene-heading h1{font-size:34px}.cloud-shelf{transform-origin:top;width:125%;top:125px;left:-12.5%;transform:scale(.78)}.organic-slot{left:var(--mobile-x);top:var(--mobile-y);transform:translate(-50%, -50%) scale(var(--organic-scale))}.story-cloud{width:190px;height:155px}.story-firefly-body{height:116px}.story-wing{width:76px;top:20px;left:74px}.story-copy{inset:65px 22px 17px}.story-cloud h2{font-size:15px}.story-cloud p{font-size:9px}.skill-cloud{width:215px;height:185px}.skill-cloud .story-firefly-body{height:142px}.skill-cloud .story-wing{width:70px;top:-10px;left:95px}.skill-cloud .story-copy{inset:68px 22px 16px}.skill-cloud small{min-height:15px;font-size:6px}.skill-cloud h2{font-size:14px}.skill-cloud p{font-size:8px}.story-link{font-size:7.5px}.project-firefly{width:205px;height:170px}.firefly-body{height:132px}.glass-wing{width:88px}.wing-behind,.wing-front{top:12px;left:80px}.firefly-copy{inset:70px 21px 15px 23px}.firefly-copy strong{margin-top:6px;font-size:15px}.project-description{margin-top:4px;font-size:9px}.project-link{font-size:8px}.about-view{grid-template-columns:1fr;align-content:center;gap:0;padding:25px 24px 10px}.about-orbit{opacity:.32;width:270px;position:absolute;top:-22px;left:-75px}.about-copy h1{font-size:44px}.about-lead{font-size:12px}.cloud-nav{--nav-bottom-pad:14px;padding:0 9px var(--nav-bottom-pad);gap:7px}.cloud-tab{height:76px}.cloud-tab span{font-size:10px}.outside-caption{display:none}.project-detail-page{padding:8px}.project-detail-window{border-radius:18px;grid-template-rows:48px 1fr;width:100%;height:calc(100svh - 16px)}.detail-header{grid-template-columns:1fr auto;height:48px;padding:0 15px}.detail-index{display:none}.detail-brand{justify-self:end;font-size:9px}.detail-back{font-size:9px}.pikit-hero{grid-template-columns:1fr;gap:78px;min-height:auto;padding:70px 22px 85px}.pikit-hero h1{font-size:clamp(76px,28vw,112px)}.pikit-lead{font-size:21px}.detail-tags{margin-top:22px}.pikit-hero-visual{margin:0 -8px}.pikit-screen-shell{border-radius:17px;transform:rotateY(-4deg)rotateX(1deg)rotate(1deg)}.hero-wing{width:112px;top:-53px;right:7%}.hero-wing-back{transform:translate(-54%)rotate(-41deg)}.scroll-cue{bottom:28px}.detail-section{padding:84px 22px}.case-intro h2,.experience-heading h2,.collaboration-copy h2,.pikit-ending h2{font-size:39px}.case-duo{grid-template-columns:1fr;gap:14px;margin-top:46px}.case-duo article{border-radius:28% 35% 24% 25%/25% 29% 22% 23%;min-height:200px;padding:29px}.experience-list{gap:84px;margin-top:55px}.experience-item,.experience-item.is-reversed{grid-template-columns:1fr;gap:34px;min-height:0}.experience-item.is-reversed .experience-copy,.experience-item.is-reversed .floating-demo{order:initial}.experience-copy h3{font-size:29px}.floating-demo{min-height:0}.floating-demo video{border-radius:18px;width:100%;height:auto;max-height:650px}.ai-collaboration{grid-template-columns:1fr;gap:35px;min-height:720px;overflow:hidden}.collaboration-orbit{opacity:.22;width:310px;position:absolute;top:45px;left:-100px}.collaboration-copy{z-index:2;align-self:end;position:relative}.build-steps span{font-size:11px}.pikit-ending{min-height:70svh;padding:90px 22px}.collection-hero{min-height:72svh;padding:72px 22px 90px}.collection-hero h1{font-size:clamp(48px,15vw,72px)}.collection-lead{font-size:14px}.collection-orbits{opacity:.22;width:330px;top:25%;right:-140px}.collection-sections{grid-template-columns:1fr;gap:14px}.collection-section-card{min-height:240px;padding:30px 26px}.related-grid,.automation-capability-grid{grid-template-columns:1fr;gap:12px;margin-top:42px}.related-card{min-height:220px;padding:26px}.automation-capability-grid article{min-height:130px}}@media (max-width:420px){.portfolio-window{min-height:610px}.cloud-shelf{width:145%;top:132px;left:-22.5%;transform:scale(.68)}.scene-heading h1{font-size:29px}.about-copy h1{font-size:38px}}.visual-workflow-prototype .detail-section{padding:56px clamp(24px,6vw,92px)}.visual-workflow-prototype .tutu-batch-demo{grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:40px;min-height:0;padding-top:72px;padding-bottom:72px}.visual-workflow-prototype .tutu-batch-copy h2{letter-spacing:-.035em;font-size:clamp(32px,3.5vw,48px);line-height:1.2}.visual-workflow-prototype .tutu-showcase-heading{margin-bottom:12px;display:block}.visual-workflow-prototype .tutu-showcase-heading .detail-section-label{margin:0 0 14px}.visual-workflow-prototype .tutu-showcase-heading h2{letter-spacing:-.025em;font-size:clamp(28px,2.6vw,34px);line-height:1.2}.visual-workflow-prototype .tutu-showcase-heading>p:last-child{max-width:none;margin:12px 0 0;font-size:18px}.visual-workflow-prototype .visual-case-intro{color:#f5efe49e;max-width:800px;margin:0 0 28px;font-size:16px;line-height:1.8}.visual-workflow-prototype .tutu-showcase-tabs{display:flex}.visual-workflow-prototype .tutu-showcase-tabs button{flex:1;min-width:0;padding:22px 24px}.visual-workflow-prototype .tutu-showcase-panel.is-feature{flex-direction:column;align-items:stretch;gap:26px;min-height:0;padding:28px;display:flex}.visual-workflow-prototype .tutu-feature-copy{grid-template-columns:1fr 1.3fr;align-items:start;gap:12px 32px;display:grid}.visual-workflow-prototype .tutu-showcase-eyebrow{grid-column:1/-1;margin:0;font-size:11px;line-height:1.4}.visual-workflow-prototype .tutu-feature-copy h3{letter-spacing:-.02em;font-size:clamp(24px,2.2vw,28px);line-height:1.3}.visual-workflow-prototype .tutu-feature-copy>p:not(.tutu-showcase-eyebrow){margin:0;font-size:16px;line-height:1.8}.visual-workflow-prototype .tutu-showcase-steps{grid-column:1/-1;margin-top:0}.visual-workflow-prototype .tutu-showcase-media{width:100%;margin:0}.visual-workflow-prototype .tutu-showcase-media video{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.visual-workflow-prototype figcaption{font-size:12px;line-height:1.6}.visual-workflow-prototype .visual-capability{padding-top:36px;padding-bottom:48px}.visual-workflow-prototype .visual-capability h2{margin:14px 0 24px;font-family:Georgia,Noto Serif TC,serif;font-size:28px;font-weight:500}.visual-workflow-prototype .visual-capability ul{grid-template-columns:repeat(3,1fr);gap:0 24px;padding:0;list-style:none;display:grid}.visual-workflow-prototype .visual-capability li{border-bottom:1px solid #e8dcc829;padding:15px 0;font-size:16px}.visual-workflow-prototype .visual-capability-note{color:#f5efe499;margin:24px 0 0;font-size:14px;line-height:1.8}@media (max-width:700px){.visual-workflow-prototype .detail-section{padding:36px 22px}.visual-workflow-prototype .tutu-batch-demo{grid-template-columns:1fr;gap:28px}.visual-workflow-prototype .tutu-feature-copy{grid-template-columns:1fr}.visual-workflow-prototype .tutu-showcase-panel.is-feature{gap:22px;padding:18px}.visual-workflow-prototype .tutu-showcase-tabs button{padding:18px 10px;font-size:15px}.visual-workflow-prototype .visual-capability ul{grid-template-columns:repeat(2,1fr)}}.motion-story-page .detail-section{padding:56px clamp(24px,6vw,92px)}.motion-story-page .tutu-batch-demo{grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:40px;min-height:0;padding-top:72px;padding-bottom:72px}.motion-story-page .tutu-batch-copy h2{letter-spacing:-.035em;font-size:clamp(32px,3.5vw,48px);line-height:1.2}.motion-story-page .tutu-showcase-heading{margin-bottom:24px;display:block}.motion-story-page .tutu-showcase-heading .detail-section-label{margin:0 0 14px}.motion-story-page .tutu-showcase-heading h2{letter-spacing:-.025em;font-size:clamp(28px,2.6vw,34px);line-height:1.2}.motion-story-page .tutu-showcase-heading>p:last-child{max-width:800px;margin:12px 0 0;font-size:16px;line-height:1.8}.motion-story-page .motion-work-picker{gap:10px;margin:24px 0}.motion-story-page .motion-work-picker button{background:#1f2a4440;border-color:#e8dcc838;gap:8px;padding:16px 18px}.motion-story-page .motion-work-picker button[aria-pressed=true]{background:#c6a75e1a;border-color:#c6a75e;box-shadow:inset 0 -2px #c6a75e}.motion-story-page .motion-work-picker span{font-size:16px}.motion-story-page .motion-work-toolbar{flex-wrap:wrap;gap:12px}.motion-story-page .motion-work-toolbar h3{font-size:22px;font-weight:500}.motion-story-page .motion-work-toolbar button{border-color:#e8dcc84d;padding:8px 12px;font-size:13px}.motion-story-page .motion-work-stage{border-color:#e8dcc840;width:100%;min-height:0}.motion-story-page .motion-work-stage img{object-fit:contain;width:100%;height:100%;max-height:none}.motion-story-page .motion-work-start{font-size:16px}.motion-story-page .motion-work-start span{width:52px;height:52px}.motion-story-page figcaption,.motion-story-page .motion-work-caption{font-size:13px;line-height:1.6}.motion-story-page .motion-capability{padding-top:36px;padding-bottom:48px}.motion-story-page .motion-capability h2{margin:14px 0 24px;font-family:Georgia,Noto Serif TC,serif;font-size:28px;font-weight:500}.motion-story-page .motion-capability ul{grid-template-columns:repeat(3,1fr);gap:0 24px;padding:0;list-style:none;display:grid}.motion-story-page .motion-capability li{border-bottom:1px solid #e8dcc829;padding:15px 0;font-size:16px}.motion-story-page .motion-capability>p:last-child{color:#f5efe499;margin:24px 0 0;font-size:14px;line-height:1.8}@media (max-width:900px){.motion-story-page .tutu-batch-demo{grid-template-columns:1fr;gap:28px}}@media (max-width:700px){.motion-story-page .detail-section{padding:36px 22px}.motion-story-page .motion-work-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-story-page .motion-capability ul{grid-template-columns:repeat(2,1fr)}}.todonote-page .detail-section{min-height:0;padding:56px clamp(24px,6vw,92px)}.todonote-page h2{font-family:Georgia,Noto Serif TC,serif;font-weight:500;line-height:1.25}.todonote-page p{line-height:1.85}.todonote-page .tn-story{grid-template-columns:1fr 1fr;gap:40px;padding-top:72px;padding-bottom:72px;display:grid}.todonote-page .tn-story h2{margin:16px 0;font-size:clamp(32px,3.5vw,48px)}.todonote-page .tn-story p:not(.detail-section-label){color:#bbb9b4;margin:0 0 16px;font-size:16px}.todonote-page .tn-case h2{margin:14px 0;font-size:clamp(28px,2.6vw,34px)}.todonote-page .tn-intro{color:#bbb9b4;margin-bottom:28px;font-size:16px}.todonote-page .tn-video{margin:0}.todonote-page .product-case-tabs{border-bottom:1px solid #e8dcc833;gap:8px;margin:32px clamp(24px,6vw,92px) 0;display:flex;overflow-x:auto}.todonote-page .product-case-tabs button{color:#aaa8a3;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 0 auto;padding:22px 24px;font-size:20px}.todonote-page .product-case-tabs button[aria-selected=true]{color:#fff0d2;background:linear-gradient(#f4c9870d,#0000);border-bottom-color:#f4c987;border-radius:16px 16px 0 0}.todonote-page .product-cases [role=tabpanel]:focus-visible{outline-offset:-3px;outline:2px solid #f4c987}.todonote-page .product-case-image{margin:0 0 24px}.todonote-page .product-case-image img{border:1px solid #e8dcc833;border-radius:20px;width:100%;height:auto;display:block}.todonote-page .product-case-note{color:#aaa8a3;font-size:14px}@media (max-width:600px){.todonote-page .product-case-tabs{gap:0}.todonote-page .product-case-tabs button{padding:18px 12px;font-size:16px}}.todonote-page .tn-video video{aspect-ratio:16/9;background:#090f1b;border:1px solid #fff0d233;border-radius:20px;width:100%;height:auto;display:block}.todonote-page .tn-video figcaption{color:#b4b4bf;margin-top:12px;font-size:13px;line-height:1.7}.pikit-architecture{margin-top:48px}.pikit-architecture h3{font-family:var(--font-serif,Georgia, serif);margin:12px 0;font-size:clamp(24px,2.2vw,30px)}.pikit-architecture>p:not(.detail-section-label){color:#b4b4bf;max-width:760px;font-size:17px;line-height:1.8}.pikit-architecture>a{color:#c9a653;margin:12px 0 20px;display:inline-block}.pikit-architecture iframe{background:#0b1020;border:1px solid #fff0d233;border-radius:20px;width:100%;height:850px;display:block}@media (max-width:767px){.pikit-architecture iframe{height:720px}}.todonote-page .tn-selector{border-bottom:1px solid #e8dcc833;gap:20px;display:flex}.todonote-page button{cursor:pointer;font:inherit}:is(.todonote-page button:focus-visible,.todonote-page input:focus-visible){outline-offset:4px;outline:2px solid #f4c987}.todonote-page .tn-selector button{color:#aaa8a3;background:0 0;border:0;border-bottom:2px solid #0000;padding:18px 8px;font-size:16px}.todonote-page .tn-selector button[aria-pressed=true]{color:#fff0d2;border-bottom-color:#f4c987}.todonote-page .tn-demo{grid-template-columns:.8fr 1.4fr;align-items:center;gap:32px;padding:32px 0 0;display:grid}.todonote-page .tn-demo h3{margin:16px 0;font-family:Georgia,Noto Serif TC,serif;font-size:26px;font-weight:500;line-height:1.4}.todonote-page .tn-demo aside p{color:#bbb9b4;font-size:16px}.todonote-page .tn-demo small{color:#b4b4bf;font-size:12px;line-height:1.7;display:block}.todonote-page .tn-desktop{background:radial-gradient(at 80% 15%,#3d46694d,#0000 70%),#0c1120;border:1px solid #e8dcc82b;border-radius:26px;flex-direction:column;justify-content:center;align-items:flex-end;gap:22px;min-height:420px;padding:28px;display:flex}.todonote-page .tn-desktop-label{color:#a7aabc;letter-spacing:.08em;align-self:flex-start;font-size:12px}.todonote-page .tn-panel{color:#fff0d2;background:linear-gradient(145deg,#252a40,#171b2c);border:1px solid #f4c98755;border-radius:20px;width:100%;max-width:440px;padding:22px;box-shadow:0 16px 45px #0005}.todonote-page .tn-panel header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.todonote-page .tn-panel strong{font-family:Georgia,serif;font-size:22px}.todonote-page .tn-panel button{color:#f4c987;background:0 0;border:1px solid #f4c98744;border-radius:8px;padding:8px;font-size:13px}.todonote-page .tn-panel ul{max-height:240px;margin:0 0 18px;padding:0;list-style:none;overflow:auto}.todonote-page .tn-panel li{border-bottom:1px solid #fff0d21a;padding:13px 0;font-size:15px}.todonote-page .tn-panel label{cursor:pointer;overflow-wrap:anywhere;align-items:flex-start;gap:10px;display:flex}.todonote-page .tn-panel input[type=checkbox]{accent-color:#f4c987;margin-top:4px}.todonote-page .tn-panel form{gap:8px;display:flex}.todonote-page .tn-panel form input{color:#fff0d2;background:#0c112080;border:1px solid #fff0d233;border-radius:8px;width:100%;min-width:0;padding:10px;font-size:14px}.todonote-page .tn-panel form button{flex-shrink:0}.todonote-page .tn-panel button:disabled{opacity:.4;cursor:default}.todonote-page .tn-note-label{color:#f4c987;font-size:12px}.todonote-page .tn-note p{margin:0 0 12px}.todonote-page .tn-note img{object-fit:contain;border:1px solid #fff0d222;border-radius:14px}.todonote-page .tn-mascot{color:#fff0d2;background:0 0;border:0;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.todonote-page .tn-mascot img{object-fit:contain}.todonote-page .tn-mascot span{font-size:13px}.todonote-page .tn-summary{padding-top:36px;padding-bottom:48px}.todonote-page .tn-summary h2{margin:14px 0 24px;font-size:28px}.todonote-page .tn-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.todonote-page .tn-roles>div{border-top:1px solid #e8dcc833;padding-top:18px}.todonote-page .tn-roles h3{color:#fff0d2;margin:0 0 12px;font-size:17px;font-weight:500}.todonote-page .tn-roles p,.todonote-page .tn-outcome{color:#bbb9b4;font-size:14px}.todonote-page .tn-outcome{margin:28px 0 0}@media (max-width:900px){.todonote-page .tn-story,.todonote-page .tn-demo{grid-template-columns:1fr;gap:24px}.todonote-page .tn-panel{max-width:540px}}@media (max-width:600px){.todonote-page .detail-section{padding:36px 22px}.todonote-page .tn-roles{grid-template-columns:1fr}.todonote-page .tn-desktop,.todonote-page .tn-panel{padding:16px}.todonote-page .tn-selector{gap:8px}.todonote-page .tn-selector button{font-size:14px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}