html{overflow-x:clip}body{--shine:#fff;--glow:rgba(113,145,178,.17);--grid:rgba(80,80,80,.1);--metal:#1b1c1e;--silver:#b7bdc7}
body.dark{--bg:#090a0c;--surface:#111317;--ink:#f4f5f6;--muted:#a7abb2;--line:#30333a;--soft:#15181e;--accent:#e9edf3;--glow:rgba(167,200,248,.19);--grid:rgba(190,209,235,.11);--metal:#dfe4ed;--silver:#858f9e}
.header{position:relative}.header:after{content:'';position:absolute;bottom:-1px;left:25%;width:30%;height:1px;background:linear-gradient(90deg,transparent,var(--silver),transparent);pointer-events:none}
.brand-mark{border:1px solid var(--line);box-shadow:0 0 18px #c4d2ea10;transform:skew(-5deg)}
.hero{position:relative;isolation:isolate;padding-top:62px}.hero-atmosphere{position:absolute;inset:0 -70px auto;height:760px;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 0 70%,transparent)}
.atmosphere-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:72px 72px;transform:perspective(550px) rotateX(53deg) scale(1.5) translateY(32px);transform-origin:center 65%;opacity:.45;mask-image:radial-gradient(ellipse at 65% 30%,#000,transparent 72%)}
.atmosphere-glow{position:absolute;width:650px;height:650px;right:-30px;top:-150px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 65%);filter:blur(20px);opacity:.9;animation:ambient-drift 15s ease-in-out infinite alternate}
.atmosphere-beam{position:absolute;width:140%;height:150px;left:-20%;top:280px;transform:rotate(-23deg);background:linear-gradient(0deg,transparent,rgba(146,164,190,.055),transparent);border-top:1px solid rgba(155,174,200,.12);border-bottom:1px solid rgba(155,174,200,.06)}
#flow-network{position:absolute;inset:0;width:100%;height:100%;opacity:.75}
.atmosphere-word{position:absolute;left:-20px;top:370px;font-family:'Bahnschrift','Arial Black',sans-serif;font-size:310px;line-height:1;letter-spacing:-.09em;font-weight:700;color:transparent;-webkit-text-stroke:1px var(--grid);opacity:.45;white-space:nowrap}
.hero-topline{position:relative;z-index:2}.hero .eyebrow{color:var(--ink)}.hero .status-dot{box-shadow:0 0 0 4px #9991,0 0 15px #d6e4ff50}.hero-heading{min-height:380px;position:relative;align-items:center}.hero h1{position:relative;z-index:2;font-size:clamp(65px,7.4vw,108px);margin:38px 0 30px;text-shadow:0 0 55px #ffffff08}.hero h1 .serif{display:inline;background:linear-gradient(105deg,var(--ink) 15%,var(--silver) 50%,var(--ink) 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-dot{color:var(--ink);margin-left:14px}.hero-bottom{position:relative;z-index:3;margin:5px 0 65px}.hero-bottom p{max-width:365px}.hero-bottom .button.primary{background:var(--ink);border-color:var(--ink);color:var(--bg);box-shadow:0 0 35px #d5e4ff17;overflow:hidden}
.hero-bottom .button.primary:before{content:'';position:absolute;inset:-100% -30%;background:linear-gradient(110deg,transparent 30%,#fff8 50%,transparent 70%);transform:translateX(-120%) rotate(5deg);transition:transform .7s}.hero-bottom .button.primary:hover:before{transform:translateX(120%) rotate(5deg)}
.flow-sculpture{position:absolute;right:-18px;top:-20px;width:440px;height:420px;perspective:900px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s cubic-bezier(.2,.7,.3,1);pointer-events:none}
.sculpture-aura{position:absolute;inset:35px;border-radius:50%;background:radial-gradient(circle,rgba(176,192,217,.18),transparent 65%);filter:blur(15px)}
.sculpture-orbit{position:absolute;top:24px;left:30px;width:370px;height:370px;border-radius:50%;padding:1.5px;background:conic-gradient(from 40deg,transparent 5%,var(--silver) 17%,var(--shine) 28%,transparent 43%,var(--silver) 65%,transparent 85%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:0 0 20px #dae7ff24;opacity:.85;transform-style:preserve-3d}
.orbit-one{transform:rotateX(62deg) rotateZ(-35deg);animation:orbit-one 22s linear infinite}.orbit-two{transform:rotateY(58deg) rotateZ(38deg);animation:orbit-two 27s linear infinite reverse;opacity:.55}.orbit-three{inset:71px 77px;width:276px;height:276px;transform:rotateX(27deg) rotateY(-35deg) rotateZ(70deg);animation:orbit-three 30s linear infinite;opacity:.5}
.sculpture-crosshair{position:absolute;inset:10px;border:1px solid var(--grid);border-radius:50%;opacity:.6;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--grid) 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),var(--grid) 50%,transparent calc(50% + .5px));transform:scale(.93)}
.sculpture-crosshair:before,.sculpture-crosshair:after{content:'+';position:absolute;color:var(--muted);font:16px 'Consolas',monospace}.sculpture-crosshair:before{top:0;left:50%;translate:-50% -50%}.sculpture-crosshair:after{bottom:0;left:50%;translate:-50% 50%}
.sculpture-core{position:absolute;left:50%;top:50%;width:150px;height:150px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(14deg) rotateY(-25deg) rotateZ(-18deg);animation:core-float 8s ease-in-out infinite}
.core-front,.core-back{position:absolute;inset:0;display:grid;place-items:center;font-size:86px;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:linear-gradient(135deg,#f5f6f8 0%,#858c96 28%,#e4e7ee 46%,#a4abb6 60%,#fbfcff 100%);color:#24262b;box-shadow:inset 2px 2px 15px #fff8,inset -2px -2px 15px #232a3b44,0 0 40px #bfd0f636;backface-visibility:visible;transform:translateZ(15px)}
.core-back{transform:translateZ(-15px);background:linear-gradient(130deg,#383d47,#c2c8d0);border-color:#7e8799;box-shadow:0 20px 60px #0005}
.core-edge{position:absolute;inset:0;border:1px solid #b1bbcf;border-radius:24px;transform:translateZ(0);background:linear-gradient(120deg,#7e889b,#e1e5ef);box-shadow:0 0 0 7px #8d97a76b}
.orbit-node{position:absolute;border:1px solid var(--metal);background:var(--bg);width:10px;height:10px;border-radius:50%;box-shadow:0 0 14px #d1e1ff77}.node-one{top:85px;right:69px}.node-two{bottom:85px;left:66px;width:6px;height:6px}
.sculpture-label{position:absolute;padding:12px 15px;border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 25px #0000000c;backdrop-filter:blur(12px);font-family:'Consolas',monospace;z-index:3;animation:label-float 7s ease-in-out infinite}.sculpture-label span{display:block;font-size:20px;letter-spacing:.04em}.sculpture-label small{font-size:12px;color:var(--muted);display:block;margin-top:3px;letter-spacing:.04em}.label-one{right:-5px;top:42px;rotate:7deg}.label-two{bottom:3px;left:20px;rotate:-5deg;animation-delay:-3s}.label-two span{font-size:12px;letter-spacing:.05em}.label-two small{font-family:'Microsoft YaHei UI',sans-serif;font-size:12px}.sculpture-coordinates{position:absolute;right:10px;bottom:47px;font-size:12px;font-family:'Consolas',monospace;writing-mode:vertical-rl;letter-spacing:.1em;color:var(--muted)}
.stage-label{border-color:var(--line);position:relative}.stage-label:before{content:'';position:absolute;bottom:-1px;left:0;width:90px;height:1px;background:var(--ink);box-shadow:0 0 12px #c5d7f966}
.stage-mode-bar{position:relative}.stage-mode-bar button{position:relative;border-bottom-color:transparent!important;transition:background .3s,color .3s;padding-left:15px}.stage-mode-bar button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ink),var(--silver));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.stage-mode-bar button[aria-pressed=true]:after{transform:scaleX(1)}.stage-mode-bar button:hover{background:var(--soft)}
.product-stage{position:relative;border-radius:12px;box-shadow:0 35px 80px #00000015,0 0 0 6px #88888808;transition:box-shadow .5s,border-color .5s}.dark .product-stage{background:#15181d;border-color:#454d5b;box-shadow:0 40px 100px #0008,0 0 0 6px #d4e1ff05,0 0 75px #a8c2f20b}.product-stage:hover{border-color:var(--silver);box-shadow:0 25px 75px #0003,0 0 35px #a7c6ff0d}.stage-spotlight{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:0;background:radial-gradient(460px circle at var(--spot-x,50%) var(--spot-y,40%),rgba(213,230,255,.085),transparent 65%);transition:opacity .4s}.product-stage:hover .stage-spotlight{opacity:1}.product-stage:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;border-top:1px solid #f2f6ff35;z-index:6}
.flow-ribbon{margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transform:rotate(-2deg) scale(1.03);background:var(--ink);color:var(--bg);padding:18px 0;contain:paint}.flow-ribbon>div{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,55px);width:100%;box-sizing:border-box;padding-inline:20px;animation:none}.flow-ribbon span{font-family:'Bahnschrift','Consolas',sans-serif;font-size:30px;line-height:1;font-weight:500;letter-spacing:-.03em}.flow-ribbon i{font-style:normal;font-size:34px;line-height:1;font-weight:300}
.workflow{padding-top:135px}.feature-grid article{position:relative;isolation:isolate;overflow:hidden}.feature-grid article:after{content:'↗';font-size:38px;font-weight:300;position:absolute;right:15px;top:50%;translate:0 -50%;opacity:0;transform:translate(-15px,15px);transition:opacity .4s,transform .4s}.feature-grid article:hover:after{opacity:1;transform:translate(0,0)}.feature-grid article:hover{padding-left:18px;padding-right:58px;background:linear-gradient(90deg,var(--soft),transparent)}
.statement{position:relative;isolation:isolate;overflow:hidden}.statement:before{content:'';position:absolute;inset:0;background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent 20%,#000);opacity:.55;z-index:-1}.statement:after{content:'';position:absolute;width:600px;height:600px;right:-150px;top:-100px;background:radial-gradient(circle,var(--glow),transparent 65%);z-index:-1;pointer-events:none}.statement .orbital{perspective:900px;transform:rotate(-5deg)}.orbital div{border-color:var(--ink);background:linear-gradient(135deg,transparent,#d1dff50c);box-shadow:0 0 30px #c7dbff0b}.orbital div:nth-child(2){border-color:var(--silver)}
.product-card{position:relative;isolation:isolate}.product-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(350px circle at var(--card-x,50%) var(--card-y,50%),#b1ceff12,transparent 65%);opacity:0;transition:opacity .4s;z-index:3}.product-card:hover:after{opacity:1}.product-card:hover{box-shadow:0 20px 50px #00000015}.product-card[data-product-id=license] .product-art{background:radial-gradient(ellipse at 20% 10%,#6e7786,#22272f 45%,#080a0d);color:#e6eaf3;overflow:hidden}.dark .product-card[data-product-id=license] .product-art{background:radial-gradient(ellipse at 20% 10%,#b8c1d1,#444c5d 45%,#11151d);color:#f5f6fa}.product-card[data-product-id=license] .product-art:before{border-color:#dde8ff;opacity:.55;box-shadow:0 0 55px #b4cfff18,inset 0 0 45px #c1d4ff13}.product-card[data-product-id=license] .art-symbol{text-shadow:0 0 35px #e5edff77;font-size:95px;transform:rotate(-15deg)}.product-card[data-product-id=skin-graphite] .product-art:before{transform:rotate(25deg);border-radius:50%;border-width:2px}.product-card[data-product-id=gift-studio] .art-symbol{animation:gift-turn 15s ease-in-out infinite}
.download{isolation:isolate}.download:after{content:'NEXT';position:absolute;right:-15px;bottom:0;font-family:'Bahnschrift',sans-serif;font-size:185px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--grid);font-weight:700;letter-spacing:-.09em;pointer-events:none;z-index:-1}.download .button{box-shadow:0 10px 30px #abbfd610}.guest-panel{background:radial-gradient(ellipse at 50% 0,var(--soft),var(--surface) 65%)}.guest-symbol{font-size:55px;text-shadow:0 0 30px #bcd3fa33}.guest-panel:after,.guest-panel:before{color:var(--ink)}
.scene-paused .sculpture-orbit,.scene-paused .sculpture-core,.scene-paused .sculpture-label,.scene-paused .atmosphere-glow{animation-play-state:paused}.effects-paused *,body.effects-paused:before,body.effects-paused:after{animation-play-state:paused!important}
@keyframes ambient-drift{0%{transform:translate(-15px,0) scale(.95)}100%{transform:translate(45px,65px) scale(1.12)}}
@keyframes orbit-one{from{transform:rotateX(62deg) rotateZ(-35deg)}to{transform:rotateX(62deg) rotateZ(325deg)}}
@keyframes orbit-two{from{transform:rotateY(58deg) rotateZ(38deg)}to{transform:rotateY(58deg) rotateZ(398deg)}}
@keyframes orbit-three{from{transform:rotateX(27deg) rotateY(-35deg) rotateZ(70deg)}to{transform:rotateX(27deg) rotateY(-35deg) rotateZ(430deg)}}
@keyframes core-float{0%,100%{transform:translate(-50%,-50%) rotateX(14deg) rotateY(-25deg) rotateZ(-18deg)}50%{transform:translate(-50%,calc(-50% - 13px)) rotateX(22deg) rotateY(-12deg) rotateZ(-12deg)}}
@keyframes label-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes gift-turn{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(22deg)}}
@media(max-width:1100px){.flow-sculpture{width:360px;height:360px;right:-25px;top:5px;scale:.88;transform-origin:right center}.hero h1{font-size:clamp(60px,7.5vw,90px)}.hero-heading{min-height:340px}.sculpture-coordinates{display:none}.hero-atmosphere{height:680px}.atmosphere-word{font-size:245px;top:340px}.label-one{right:-15px}.label-two{left:0}}
@media(max-width:768px){.hero{padding-top:35px}.hero-atmosphere{inset:0 -18px auto;height:820px;mask-image:linear-gradient(#000 0 80%,transparent)}.atmosphere-grid{background-size:48px 48px;transform:perspective(400px) rotateX(45deg) scale(1.3);opacity:.4}.atmosphere-glow{width:450px;height:450px;right:-100px;top:110px;filter:none}.atmosphere-word{font-size:155px;top:360px;left:-5px;opacity:.65}#flow-network{display:none}.hero-heading{display:block;min-height:0}.hero h1{font-size:clamp(53px,11.8vw,84px);margin:28px 0 5px;line-height:1.15}.hero-dot{font-size:.5em}.flow-sculpture{position:relative;width:340px;height:300px;right:auto;top:auto;scale:.8;transform-origin:50% 50%;margin:-15px auto -24px;pointer-events:none}.sculpture-orbit{top:-35px;left:-15px}.orbit-three{top:12px;left:32px}.sculpture-crosshair{inset:-12px 0}.sculpture-core{left:50%;top:47%}.sculpture-aura{inset:0}.node-one{top:25px;right:35px}.node-two{bottom:35px;left:18px}.label-one{right:-5px;top:-12px}.label-two{bottom:-2px;left:-5px}.label-two small{font-size:12px}.sculpture-label{padding:10px 12px}.hero-bottom{margin-top:10px;margin-bottom:42px}.hero-bottom p{font-size:13px}.hero-bottom .button{width:100%;min-height:54px;margin-top:22px}.stage-mode-bar{gap:4px}.stage-mode-bar button{padding-left:2px;font-size:11px;gap:6px}.stage-mode-bar button>span{font-size:10px}.product-stage{border-radius:7px;box-shadow:0 20px 55px #0002}.stage-spotlight{display:none}.flow-ribbon{margin-top:40px;padding:14px 0;transform:rotate(-2deg) scale(1.05)}.flow-ribbon span{font-size:22px}.flow-ribbon>div{gap:30px;animation-duration:45s}.flow-ribbon i{font-size:25px}.workflow{padding-top:95px}.feature-grid article:hover{padding-left:0;padding-right:0;background:transparent}.feature-grid article:after{display:none}.download:after{font-size:120px;right:0;bottom:30px}.product-card[data-product-id=license] .art-symbol{font-size:57px}.product-card[data-product-id=gift-studio] .art-symbol{animation:none}}
@media(max-width:360px){.hero h1{font-size:50px}.flow-sculpture{width:300px;height:270px;scale:.72;margin-left:-8px;margin-top:-18px;margin-bottom:-30px}.sculpture-core{left:52%}.sculpture-orbit{left:-25px;top:-45px}.orbit-three{left:22px;top:2px}.sculpture-label.label-one{right:-15px;top:-20px}.sculpture-label.label-two{left:-5px;bottom:-12px}.sculpture-crosshair{inset:-10px -10px}.node-one{right:0;top:8px}.atmosphere-word{font-size:130px;top:330px}.hero-bottom p{font-size:12px}.hero-topline .edition-label{display:none}.hero .eyebrow{font-size:11px}.stage-mode-bar button{font-size:10px;gap:4px}}
@media(hover:none){.flow-sculpture{transition:none}.stage-spotlight,.product-card:after{display:none}.product-stage:hover{box-shadow:0 20px 55px #0002}.product-card:hover{box-shadow:none}.sculpture-orbit{animation-duration:35s}.sculpture-core{animation-duration:10s}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere canvas{display:none}.atmosphere-grid,.atmosphere-glow,.atmosphere-beam,.flow-sculpture,.flow-ribbon>div,.flow-ribbon i,.product-card .art-symbol{animation:none!important}.flow-sculpture{transform:none!important}.sculpture-core,.sculpture-orbit,.sculpture-label{animation:none!important}.flow-ribbon>div{transform:translateX(0)!important}.hero-bottom .button.primary:before{display:none}.stage-spotlight{display:none}.hero h1 .serif{background:none;color:var(--ink)}}
.flow-ribbon{transform:none;clip-path:polygon(0 9%,100% 0,100% 91%,0 100%);padding-block:26px}
@media(min-width:769px) and (max-width:1300px){.hero-atmosphere{left:-35px;right:-35px}}
.hero-heading{overflow:hidden}
.motion-button{border:1px solid var(--line);background:transparent;color:var(--ink);width:40px;height:40px;min-height:40px;border-radius:50%;font-size:16px;line-height:1;transition:background .2s,transform .25s}.motion-button:hover{background:var(--soft);transform:scale(1.05)}
.motion-paused :is(.atmosphere-glow,.sculpture-orbit,.sculpture-core,.sculpture-label,.flow-ribbon>div,.flow-ribbon i,.product-card .art-symbol),.decoration-paused *{animation-play-state:paused!important}
@media(max-width:768px){.header-actions{gap:3px}.motion-button{width:40px;min-width:40px;height:40px}.header .theme-button{min-width:40px;width:40px}.header .button.small{padding-inline:9px;font-size:12px;gap:8px}}
@media(max-width:360px){.brand{gap:7px;font-size:13px}.header .button.small{padding-inline:7px;font-size:12px}.header-actions{gap:1px}}
@media(min-width:769px){.flow-sculpture .label-one{right:40px}}
@media(max-width:768px){.flow-ribbon>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-inline:12px;text-align:center}.flow-ribbon span{font-size:clamp(12px,2.6vw,20px);line-height:1.3;text-wrap:balance}.flow-ribbon i{display:none}}