@charset "UTF-8";
/* Open, light, cinematic surfaces; every chapter has its own spatial composition. */
.hero #exploreTrigger{width:300px;min-height:88px;border:0;border-radius:0;background:linear-gradient(120deg,#9de8ff16,#03172530);clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px);backdrop-filter:blur(3px);display:grid;grid-template-columns:1fr 32px;gap:9px 14px;text-align:left;padding:18px 27px;box-shadow:none;text-shadow:0 2px 14px #001621}
.hero #exploreTrigger:before{inset:0;width:auto;height:auto;background:none;border:1px solid #d9f8ffb3;clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px);box-shadow:inset 0 0 22px #c4efff17;pointer-events:none}
.hero #exploreTrigger:after{width:85px;height:1px;bottom:0;right:22px;background:#b5f0ff;box-shadow:0 0 20px #b5f0ff;animation:entryBeam 4s ease-in-out infinite}
.hero #exploreTrigger em{font-size:7px;letter-spacing:3.2px;font-style:normal;color:#b2e8f7;grid-column:1}
.hero #exploreTrigger strong{font-family:"STXingkai","KaiTi","STKaiti",serif;font-size:25px;letter-spacing:3px;font-weight:400;transform:skew(-7deg);grid-column:1;white-space:nowrap}
.hero #exploreTrigger>span{grid-column:2;grid-row:1/3;font-size:31px;font-weight:200;color:#c5f3ff}
.hero #exploreTrigger:hover{background:linear-gradient(120deg,#c5efff30,#12618220)}
#heroDeparture{opacity:0;transition:opacity .55s ease!important}#heroDeparture.departingVideo{opacity:1}
@keyframes entryBeam{50%{width:135px;opacity:.4}}
.sectionTop,.overviewIntro,.businessConstellation,.castHeading,.castIdentity,.castLibrary{z-index:2}
/* Page 2: three connected, asymmetric business satellites. */
.overview{overflow:hidden;background:#f0f9ff}.overview .oceanBackground{opacity:.43;filter:saturate(.5) blur(1px)}.overview .oceanVeil{background:linear-gradient(110deg,#f2faffed,#e9f9ff8c 55%,#eef9ffb8)}
.overviewIntro{display:flex;justify-content:space-between;align-items:center;gap:30px}.overviewIntro h2{font-size:clamp(35px,3.6vw,57px)}.overviewIntro p{font-size:11px;line-height:1.9;color:#416b84;max-width:320px}
.businessConstellation{height:calc(100dvh - 335px);min-height:350px;position:relative;margin-top:15px}
.businessOrbit{position:absolute;left:42%;top:47%;transform:translate(-50%,-50%);width:min(37vw,480px);aspect-ratio:1;display:grid;place-items:center;pointer-events:none}
.businessOrbit>i{position:absolute;inset:0;border:1px solid #4aa7c33d;border-radius:50%;transform:rotateX(46deg) rotateZ(-25deg);box-shadow:0 0 70px #4ac0da0c}.businessOrbit>i:nth-child(2){inset:11%;border-style:dashed;transform:rotateX(25deg) rotateZ(32deg);animation:orbitBusiness 55s linear infinite}
.businessOrbit>i:after{content:"";position:absolute;top:15%;left:15%;width:9px;height:9px;background:#7ed0e7;border-radius:50%;box-shadow:0 0 25px #43b4d9}
.businessCore{width:190px;height:190px;border:1px solid #eaffffb3;background:radial-gradient(#ecfcffb3,#9bd6e559);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 45px #fff9,0 20px 70px #33779b18;backdrop-filter:blur(8px);color:#2e7795}.businessCore>span{font-size:12px;letter-spacing:5px}.businessCore>b{font:300 22px/1.1 "Segoe UI",sans-serif;letter-spacing:2px;text-align:center;margin:15px 0}.businessCore>small{font-size:7px;letter-spacing:3px;color:#4b91ab}
.businessPod{position:absolute;padding:23px 25px;border:1px solid #fff;background:linear-gradient(125deg,#ffffffab,#c9eefa4d);backdrop-filter:blur(13px);box-shadow:0 20px 55px #2f729519;border-radius:6px 26px 6px 26px;transition:transform .45s,box-shadow .4s;overflow:hidden}
.businessPod:hover,.businessPod:focus-within{transform:translateY(-8px) rotate(0deg);box-shadow:0 28px 70px #237eaa29}.businessPod>small{font-size:8px;letter-spacing:2px;color:#4994b0}.businessPod h3{font-size:clamp(18px,1.65vw,27px);font-weight:400;margin:15px 0 10px;color:#245a78}.businessPod p{font-size:11px;color:#47768e}.businessPod>button{padding:0;margin-top:18px;font-size:10px;color:#0479a8;text-align:left}.podCreate{width:31%;left:0;top:6%;padding-right:11%;min-height:205px;transform:rotate(-2deg)}.podCreate img{position:absolute;right:-16%;top:0;width:55%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 45%);opacity:.55}.podCreate>button{position:relative;z-index:1}.podBuild{width:35%;right:0;top:0;transform:rotate(1.5deg)}.podConnect{width:39%;left:35%;bottom:0;transform:rotate(-1deg)}.podConnect h3{margin-right:20px}.peopleSignal{display:flex;gap:15px;position:absolute;right:24px;bottom:22px;align-items:center;color:#4394b1;font-size:9px}.peopleSignal span{width:40px;height:40px;border:1px solid #98d4e0;border-radius:50%;display:grid;place-items:center;background:#e9faff8a}.peopleSignal i{color:#82bbd0}.overviewCapabilities{gap:5px;margin-top:10px}.overviewCapabilities button{background:#effbff4d;border:0;border-bottom:1px solid #81bfd34d;font-size:10px;border-radius:0;padding:7px 3px}.overviewCapabilities button:hover{background:#caedf87d}
@keyframes orbitBusiness{to{transform:rotateX(25deg) rotateZ(392deg)}}
/* Page 3: the title lives above a staggered cinematic crescent. */
.castHeading{top:108px;left:5%;pointer-events:none}.castHeading h2{font-size:clamp(23px,2.3vw,36px);margin-top:10px}.castHeading .kicker{font-size:8px}.characterArena{inset:245px 4% 110px}.performer{transform:translateX(-50%) rotate(var(--castTilt,0deg));transform-origin:50% 96%;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s,opacity .4s}.performer.focused{transform:translateX(-50%) translateY(-15px) scale(1.15) rotate(var(--lean,0deg))}.castIdentity{bottom:116px;left:6%;padding:12px 19px;background:#f2fcffde;backdrop-filter:blur(12px);border-left:1px solid #4ea4c4;max-width:44%;opacity:0;transition:opacity .25s}.castIdentity:has(#castName:not(:empty)){opacity:1}.castIdentity>span{font-size:19px}.castIdentity p{font-size:10px;line-height:1.6}.castLibrary{bottom:115px;background:#f4fcffd9}.castAtmosphere{background:radial-gradient(ellipse at 50% 70%,#afdeec2e,transparent 67%),linear-gradient(100deg,transparent,#fff6,transparent);transform:none}.castAtmosphere:after{opacity:.4}
/* The carousel now uses only direct manipulation, hover and click. */
.orbitStage{top:34%;bottom:130px}.orbitCard{width:clamp(190px,20vw,330px);border-radius:7px 18px 7px 18px}.orbitCard>span{font-size:18px}.orbitCore{top:20%;font-size:12px}.cinemaHeading p{color:#4c7c95}
/* Page 5: a staged construction reveal using existing reference and generated asset. */
.characterBuild{position:absolute;inset:0;display:none;isolation:isolate}.storyScreen[data-kind=character] #storyImage{display:none}.storyScreen[data-kind=character] .characterBuild{display:block}.buildReference{position:absolute;left:5%;top:11%;width:43%;height:64%;transform:perspective(900px) rotateY(10deg) rotateZ(-3deg);transition:opacity 1s,transform 1s}.buildReference img{width:100%;height:100%;object-fit:contain;border:1px solid #e9fdff;box-shadow:0 15px 35px #27658425;background:#eefaff}.buildReference>span{display:block;font-size:7px;letter-spacing:2px;color:#4283a1;margin-top:12px;text-align:center}
.buildResult{position:absolute;right:4%;top:3%;height:91%;aspect-ratio:.75}.buildSilhouette,.buildRender{position:absolute;inset:0;background:url('assets/character-sprites/c01.png') 0% 50%/200% 100% no-repeat;transition:opacity 1.6s,filter 1.6s,clip-path 2s}.buildSilhouette{filter:brightness(0) saturate(0);opacity:.2;mask-image:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 4px)}.buildRender{clip-path:inset(100% 0 0);opacity:0;filter:saturate(.1) brightness(1.3)}
.characterBuild[data-step="1"] .buildRender{clip-path:inset(0);opacity:.6;filter:grayscale(1) contrast(.7);mask-image:repeating-linear-gradient(0deg,#000 0 1px,#0005 1px 4px)}.characterBuild[data-step="2"] .buildRender,.characterBuild[data-step="3"] .buildRender{clip-path:inset(0);opacity:1;filter:none}.characterBuild[data-step="2"] .buildSilhouette,.characterBuild[data-step="3"] .buildSilhouette{opacity:0}.characterBuild[data-step="3"] .buildReference{opacity:.28;transform:perspective(900px) rotateY(15deg) rotateZ(-7deg) scale(.85)}
.buildScan{position:absolute;left:17%;right:15%;top:8%;height:1px;background:#66bfdc;box-shadow:0 0 20px #38a4cc;animation:buildScan 5s ease-in-out infinite}.characterBuild[data-step="3"] .buildScan{opacity:0}.buildMilestones{position:absolute;left:4%;bottom:21%;display:flex;flex-direction:column;gap:9px;font-size:8px;letter-spacing:1px;color:#5892a9}.buildMilestones span{padding-left:10px;border-left:1px solid #a2c9d6;transition:color .4s}.characterBuild[data-step="0"] .buildMilestones span:nth-child(1),.characterBuild[data-step="1"] .buildMilestones span:nth-child(2),.characterBuild[data-step="2"] .buildMilestones span:nth-child(3),.characterBuild[data-step="3"] .buildMilestones span:nth-child(4){color:#067aa6;border-left:3px solid #37a8cf}.buildNote{position:absolute;right:14px;top:14px;font-size:7px;letter-spacing:1px;color:#4f96b0}.characterBuild.paused *{animation-play-state:paused!important}.storyScreen[data-kind=directing]:after{inset:8%;opacity:.6}.storyCopy h2{font-weight:300}.storyScreen{border-radius:7px 28px 7px 28px}
@keyframes buildScan{50%{top:90%}}
/* Page 6: offset windows; the selected live application rises above the stack. */
.technology{overflow:hidden;background:radial-gradient(ellipse at 75% 60%,#d7effa,#f2f8ff 65%)}.techLayout{display:block;position:relative;height:calc(100dvh - 265px);min-height:390px}.techCopy{width:31%;position:relative;z-index:4}.techCopy h2{font-size:clamp(33px,3.5vw,56px)}.techCopy .sectionDesc{font-size:11px}.techTabs{margin-top:25px;gap:12px}.techTabs button{position:relative;border:1px solid #a4cde05c;background:linear-gradient(110deg,#fff9,#dff4fe70);padding:17px 15px;border-radius:3px 14px 3px 14px;font-size:12px;transform:translateX(var(--tabOffset,0));transition:transform .35s,box-shadow .35s;color:#59839b;box-shadow:0 8px 20px #377a9d0a}.techTabs button:nth-child(2){--tabOffset:14px}.techTabs button:nth-child(3){--tabOffset:28px}.techTabs button[aria-selected=true]{transform:translateX(calc(var(--tabOffset,0px) + 12px));background:#f9feff;border-color:#61b1d6;box-shadow:0 12px 30px #4784b926;color:#0c769f}.techTabs button span{margin-right:14px}.techStage{position:absolute;left:40%;right:2%;top:0;height:100%;border:0;background:transparent;box-shadow:none;overflow:visible;perspective:1600px;isolation:isolate}.techStage>.panelMeta{position:absolute;top:-15px;left:0;z-index:9;border:0;padding:0;background:none;font-size:7px;pointer-events:none}.techStage>.panelMeta .liveDot{display:none}
.techStage .integratedPanel{position:absolute;inset:50px 0 0;display:block;padding:0;border:1px solid #c0ddea;border-radius:10px;background:#ecf7ff;overflow:hidden;box-shadow:0 25px 55px #275e8d30;transform-origin:50% 80%;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,box-shadow .5s;opacity:.62;z-index:1;pointer-events:none}.techStage .integratedPanel[data-demo="0"]{transform:translate(-30px,-20px) rotate(-5deg) scale(.92)}.techStage .integratedPanel[data-demo="1"]{transform:translate(30px,15px) rotate(5deg) scale(.92)}.techStage .integratedPanel[data-demo="2"]{transform:translate(0,40px) rotate(-1deg) scale(.94)}.techStage .integratedPanel.active{transform:translate(0,0) rotate(0deg) scale(1);opacity:1;z-index:5;pointer-events:auto;box-shadow:0 35px 80px #23628f3d}.integrationBar{height:38px;background:linear-gradient(90deg,#e4f5ff,#f8fdff);border-bottom:1px solid #9dcada4d}.integratedPanel iframe{height:calc(100% - 38px);min-height:280px;background:#f4faff}.integratedPanel .appConnection,.integratedPanel .appExternal{position:absolute;bottom:0;left:0;right:0;background:#f2faffeb;padding:8px;font-size:8px;z-index:2}.integratedPanel .appExternal{bottom:27px;left:auto;background:#f2faffb3;padding:4px 10px}.lightDemo{position:absolute;bottom:0;left:0;right:0;z-index:3;background:#effaffeb}.lightDemo[open]{max-height:90%;overflow:auto}.lightDemo summary{font-size:8px;padding:8px}
/* Page 7: an uninterrupted, force-directed canvas rather than eight diagram boxes. */
.scene.neural{padding:0!important;overflow:hidden;background:radial-gradient(ellipse at 48% 54%,#e5f4fa,#f6fbff 75%)}.graphHeading{position:absolute;left:5%;top:114px;z-index:4;pointer-events:none}.graphHeading h2{font-size:32px;letter-spacing:-1px;margin-top:13px}.graphHeading p{font-size:10px;margin-top:12px;color:#64889b}.graphHeading .kicker{font-size:8px}.neural .neuralStage{position:absolute;inset:110px 0 100px;width:auto;height:auto;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden}.neural #neuralCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.graphTools{position:absolute;right:5%;top:128px;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 15px;background:#f4fcffb3;border:1px solid #b7d6e45e;border-radius:30px;backdrop-filter:blur(10px);color:#54879d}.graphTools input{border:0;background:none;color:#29627e;width:155px;outline:none;font:11px "Microsoft YaHei",sans-serif}.graphTools button{font-size:20px;padding:0;color:#448da9}.graphBranches{position:absolute;left:5%;right:5%;bottom:114px;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}.graphBranches .neuron{position:static;transform:none!important;display:flex;gap:8px;align-items:center;border:0;border-radius:0;box-shadow:none;background:none;min-width:0;padding:3px;color:#5a8195;font-size:9px;font-weight:400;backdrop-filter:none}.graphBranches .neuron:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--branchColor)}.graphBranches .neuron.selected{color:#0a779c;background:#effbffb3}.graphHint{position:absolute;left:0;right:0;bottom:151px;text-align:center;font-size:8px;letter-spacing:1px;color:#82a2b2;pointer-events:none}.neural .neuralDetail{position:absolute;right:4%;top:210px;bottom:177px;width:340px;min-height:0;background:#f4fcfff0;border:1px solid #c3e1ed;border-radius:6px 22px 6px 22px;box-shadow:0 25px 80px #346d8f24;padding:24px;z-index:6;backdrop-filter:blur(15px)}.neuralDetail[hidden]{display:none}.neuralDetail .skillList{height:calc(100% - 145px);max-height:none;overflow:auto;padding-right:6px}.neuralDetail h3{font-size:21px;margin-top:18px}.neuralDetail>p{font-size:10px;margin:13px 0 15px}.neuralDetail .skillRow{padding:11px 0}.neuralDetail .skillRow h4{font-size:11px}.neuralDetail .skillRow p{font-size:9px}.neuralDetail .capabilityFootnote{font-size:7px;display:block;margin-top:8px}.neuralDetail #closeGraphDetail{position:absolute;right:12px;top:10px;font-size:22px;color:#5d8a9c}.neuralDetail>span{font-size:8px;letter-spacing:1px}
/* 8: an asymmetric capability constellation with a responsive centre. */
.ambientMesh{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;z-index:0}.scene.advantages,.scene.ecosystem,.scene.evidence,.scene.logic,.scene.future{isolation:isolate;overflow:hidden}.scene.advantages>*:not(.ambientMesh),.scene.ecosystem>*:not(.ambientMesh),.scene.evidence>*:not(.ambientMesh),.scene.logic>*:not(.ambientMesh),.scene.future>*:not(.ambientMesh):not(.futureArt){position:relative;z-index:1}
.advantages h2{font-size:clamp(30px,3.25vw,53px)}.edgeStage{position:relative;height:calc(100dvh - 395px);min-height:340px;margin-top:15px}.edgeCore{position:absolute;left:48%;top:52%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;border:1px solid #72b7d25c;background:radial-gradient(#edfcff,#bce4f473);box-shadow:0 0 0 15px #e0f4fc33,0 0 0 16px #92c8da28,0 15px 80px #7bbdd12b;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.edgeCore>small{font-size:8px;letter-spacing:4px;color:#4e93b0}.edgeCore>b{font-size:27px;font-weight:300;color:#246784;margin:18px 0}.edgeCore>span{font-size:9px;color:#5e91a8;max-width:160px;text-align:center;line-height:1.8}.edgeStage .edgeGrid{position:absolute;inset:0;display:block;margin:0}.edgeGrid article{position:absolute;width:31%;padding:24px 25px 22px 52px;background:linear-gradient(135deg,#ffffffba,#d8f1fb70);border:1px solid #fff;border-radius:5px 24px 5px 24px;backdrop-filter:blur(8px);box-shadow:0 17px 40px #38739217;transform:perspective(900px) rotateX(var(--tiltX,0deg)) rotateY(var(--tiltY,0deg)) rotate(var(--cardAngle,0deg));transition:transform .3s,box-shadow .3s;cursor:default}.edgeGrid article:nth-child(1){left:0;top:4%;--cardAngle:-3deg}.edgeGrid article:nth-child(2){right:0;top:0;--cardAngle:2deg}.edgeGrid article:nth-child(3){left:7%;bottom:0;--cardAngle:1deg}.edgeGrid article:nth-child(4){right:2%;bottom:0;--cardAngle:-3deg}.edgeGrid article>span{top:24px;left:20px;font-size:11px}.edgeGrid h3{font-size:19px;line-height:1.5}.edgeGrid p{font-size:11px;line-height:1.85;margin-top:10px}.edgeGrid small{font-size:8px;margin-top:15px}.edgeGrid article:hover,.edgeGrid article:focus{box-shadow:0 25px 60px #2e83ac2b;--cardAngle:0deg}
/* 9: student / teacher / industry orbit around a shared portfolio. */
.ecosystemHeading h2{font-size:clamp(31px,3.2vw,51px)}.ecosystemHeading>p{font-size:11px}.ecosystemField{height:calc(100dvh - 370px);min-height:350px;margin-top:0}.ecosystemOrbit{position:absolute;left:18%;top:52%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;background:radial-gradient(#f5feff,#c8edf45e);box-shadow:0 0 80px #5cbbd029;display:grid;place-items:center}.ecosystemOrbit>span{font-size:35px;font-weight:300;letter-spacing:8px;color:#4d94ad}.ecosystemOrbit i{position:absolute;inset:-40px;border:1px dashed #78bacc60;border-radius:50%;animation:ecosystemTurn 60s linear infinite}.ecosystemOrbit i:nth-child(2){inset:-80px;transform:rotateX(55deg);border-style:solid;animation:none}.ecosystemOrbit i:after{content:"";position:absolute;top:6%;left:22%;width:7px;height:7px;background:#6ac2d7;border-radius:50%;box-shadow:0 0 15px #4dabc8}
.ecosystem>.roleTabs{position:absolute!important;left:7%;top:44%;width:25%;height:210px;margin:0;border:0;z-index:5!important;display:block}.roleTabs button{position:absolute;background:#f1fcffe0;padding:13px 18px;border:1px solid #bbdfec;border-radius:30px;font-size:11px;box-shadow:0 9px 25px #367c9e13;transition:transform .35s,background .35s}.roleTabs button:nth-child(1){left:0;top:0}.roleTabs button:nth-child(2){right:0;top:40%}.roleTabs button:nth-child(3){left:4%;bottom:0}.roleTabs button[aria-selected=true]{background:#e5faff;color:#047da7;transform:scale(1.1);border-color:#6fb9d0;box-shadow:0 12px 35px #449fba29}.roleTabs button[aria-selected=true]:after{display:none}
.ecosystemField .platformLayout{position:relative;margin:0;left:39%;width:61%;height:100%;display:block;padding:8px 0 0}.ecosystemField .roleCopy{width:44%;padding-top:30px;position:relative;z-index:3}.roleCopy h3{font-family:"Microsoft YaHei",sans-serif;font-weight:300;font-size:25px;line-height:1.5}.roleCopy p{font-size:11px}.roleTags{gap:5px;margin-top:16px}.roleTags span{font-size:8px;padding:5px 7px}.ecosystemField .platformMock{position:absolute;right:-3%;top:13%;width:55%;min-height:290px;transform:perspective(1200px) rotateY(-13deg) rotateZ(4deg);border-radius:9px;box-shadow:0 30px 70px #285c8d32;transition:transform .6s;overflow:hidden}.ecosystemField .platformMock:hover{transform:perspective(1200px) rotateY(-2deg) rotateZ(0deg);z-index:4}.mockTop{font-size:10px;padding:14px}.mockTop>span{font-size:10px}.mockTop small{font-size:7px}.mockBody{padding:17px}.mockThumb{height:65px}.mockHeader h4{font-size:12px}.mockCards{gap:8px}.mockRow{font-size:9px}
@keyframes ecosystemTurn{to{transform:rotate(360deg)}}
/* 10: a living project journal, layered as translucent sheets. */
.evidenceLayout{grid-template-columns:.85fr 1.15fr;gap:10%;margin-top:7vh;align-items:center}.evidenceLayout h2{font-size:clamp(30px,3.1vw,48px)}.evidenceLayout .sectionDesc{font-size:12px}.evidenceTags{gap:7px;max-width:290px}.dossierStack{position:relative;margin-right:4%;transform:perspective(1500px) rotateY(-7deg);transition:transform .6s}.dossierStack:hover{transform:perspective(1500px) rotateY(0)}.dossierBack,.dossierMid{position:absolute;inset:0;border:1px solid #afcfdc;border-radius:12px;background:#d1edf788;transform:translate(28px,-25px) rotate(5deg);box-shadow:0 10px 25px #357c9c17}.dossierMid{transform:translate(13px,-12px) rotate(2deg);background:#e5f5fb}.dossierBack>span,.dossierMid>span{display:block;text-align:right;padding:12px;font-size:7px;letter-spacing:2px;color:#6193a8}.dossierStack .dossier{position:relative;transform:rotate(-2deg);background:#f4fcfff0;backdrop-filter:blur(10px);box-shadow:0 30px 80px #316d9626;transition:transform .5s}.dossierStack:hover .dossier{transform:rotate(0)}.dossierBody{position:relative;overflow:hidden;min-height:225px}.dossierBody:before{content:"";position:absolute;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,#70c6dd,transparent);animation:journalScan 8s linear infinite;opacity:.4}.dossierBody>span{font-size:44px;color:#b3d4e0}.dossierBody h3{font-size:23px}.dossierBody p{font-size:12px}.dossierTabs button{font-size:11px}.dossierHeader{background:#e4f4f98c}.dossierFooter{background:#eaf6fb7d}.evidence>.insightBar{margin-top:45px}
@keyframes journalScan{to{top:100%}}
/* 11: a circular value flow, with selected detail held in an offset window. */
.logicHeading h2{font-size:clamp(29px,3.1vw,49px)}.logicHeading>p{font-size:11px}.valueLoop{position:relative;width:55%;height:calc(100dvh - 390px);min-height:330px;margin-top:25px}.valueLoop:before,.valueLoop:after{content:"";position:absolute;left:13%;right:13%;top:4%;bottom:4%;border:1px solid #85bacc66;border-radius:50%;transform:rotate(-20deg)}.valueLoop:after{inset:12% 20%;border-style:dashed;animation:valueSpin 60s linear infinite}.valueCore{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.valueCore small{font-size:8px;color:#6ba1b6;letter-spacing:3px}.valueCore b{font-size:23px;line-height:1.7;font-weight:300;color:#387b98;text-align:center;margin-top:17px}.valueLoop .journey{position:absolute;inset:0;display:block;margin:0;z-index:2}.journey>i{display:none}.journey button{position:absolute;padding:17px 22px;width:175px;border:1px solid #a9d3e2;border-radius:5px 20px 5px 20px;background:#f0fbffed;box-shadow:0 10px 35px #367a9b17;transition:transform .35s,background .35s,box-shadow .35s}.journey button:nth-of-type(1){left:0;top:29%}.journey button:nth-of-type(2){left:calc(50% - 87px);top:0}.journey button:nth-of-type(3){right:0;top:29%}.journey button:nth-of-type(4){left:calc(50% - 87px);bottom:0}.journey button h3{font-size:18px;margin-top:10px}.journey button>span{font-size:9px}.journey button small{font-size:6px;margin-top:8px}.journey button.selected{background:#e0f7ff;border-color:#5db3d1;transform:scale(1.07);box-shadow:0 16px 45px #3f91b32b}.logic>.journeyDetail{position:absolute!important;right:7%;left:64%;top:40%;padding:30px 24px;border:1px solid #fff;border-radius:8px 25px 8px 25px;background:linear-gradient(120deg,#fff9,#d9f1f89c);backdrop-filter:blur(15px);box-shadow:0 25px 65px #2c71951c;align-items:start;gap:15px;flex-wrap:wrap}.journeyDetail>span{font-size:40px}.journeyDetail>div{width:100%;order:2}.journeyDetail h3{font-size:22px;line-height:1.5}.journeyDetail p{font-size:11px;line-height:2}.journeyDetail>button{width:30px;height:30px;font-size:18px}.logic>.loopLine{position:absolute!important;right:7%;left:64%;top:78%;flex-wrap:wrap;font-size:9px;gap:10px}.loopLine small{font-size:8px;width:100%;margin:0}
@keyframes valueSpin{to{transform:rotate(360deg)}}
/* 12: a luminous architectural ascent, carrying the final narrative. */
.future .futureArt{display:none}.future h2{font-size:clamp(34px,3.8vw,60px);margin-top:25px;max-width:65%}.future .ascentSculpture{position:absolute!important;right:-4%;bottom:70px;width:57%;height:65%;z-index:0!important;perspective:1000px;transform:rotate(-13deg);pointer-events:none}.ascentSculpture i{position:absolute;width:44%;height:60px;right:calc(var(--step)*5%);bottom:calc(var(--step)*10%);background:linear-gradient(120deg,#e9fbff,#b5ddea99);border:1px solid #fff;box-shadow:18px 30px 0 #85b6cb22,0 30px 65px #4686a82b;transform:skewY(-10deg);animation:stepBreathe 7s ease-in-out infinite;animation-delay:calc(var(--step)*-.5s)}.ascentSculpture i:nth-child(1){--step:0}.ascentSculpture i:nth-child(2){--step:1}.ascentSculpture i:nth-child(3){--step:2}.ascentSculpture i:nth-child(4){--step:3}.ascentSculpture i:nth-child(5){--step:4}.ascentSculpture i:nth-child(6){--step:5}.ascentSculpture i:nth-child(7){--step:6}.ascentSculpture>span{position:absolute;right:18%;top:8%;font-size:clamp(28px,4vw,68px);font-weight:200;line-height:1;letter-spacing:6px;color:#6ca8c033;transform:rotate(13deg)}.futurePath{position:relative;width:69%;display:flex;gap:22px;margin-top:8vh;align-items:start}.futurePath article{width:33.33%;padding:20px 0;border:0;border-top:1px solid #8bbcd15c;transform:translateY(calc(var(--futureStep)*25px));background:linear-gradient(#f2fbffad,transparent)}.futurePath article:nth-child(1){--futureStep:0}.futurePath article:nth-child(2){--futureStep:1}.futurePath article:nth-child(3){--futureStep:2}.futurePath h3{font-size:23px;margin:18px 0 12px}.futurePath p{font-size:11px;line-height:1.9}.futurePath article>span{font-size:8px;letter-spacing:1px}.future .closingLine{position:absolute!important;left:7%;bottom:105px;width:62%;border:0;align-items:end}.closingLine>.cta{margin:0;padding:13px 19px;min-width:180px;font-size:10px;background:#f1fcffa6;backdrop-filter:blur(6px)}.closingLine>span{font-size:11px}
@keyframes stepBreathe{50%{filter:brightness(1.07);transform:skewY(-10deg) translateY(-6px)}}
@media(max-height:760px) and (min-width:801px){.overviewIntro h2{font-size:38px}.overviewIntro p{font-size:10px}.businessConstellation{height:calc(100dvh - 300px);min-height:300px}.businessPod{padding:17px 20px}.businessPod h3{font-size:20px;margin:11px 0 7px}.podCreate{padding-right:11%;min-height:175px}.podConnect{bottom:0}.businessCore{width:160px;height:160px}.businessCore>b{font-size:18px}.businessPod p{font-size:10px}.podBuild .overviewCapabilities button{padding:5px 3px;font-size:9px}.businessPod>button{margin-top:12px;font-size:9px}.peopleSignal{gap:7px;right:15px;bottom:16px}.peopleSignal span{width:32px;height:32px;font-size:8px}.castHeading{top:98px}.castHeading h2{font-size:27px}.performerName{font-size:9px}.characterArena{inset:215px 4% 105px}.castIdentity{bottom:107px}.castLibrary{bottom:107px}.techLayout{height:calc(100dvh - 235px);min-height:350px}.techCopy h2{font-size:38px}.techCopy .sectionDesc{font-size:10px}.techTabs button{padding:13px 12px;font-size:11px}.techTabs{margin-top:18px;gap:9px}.graphHeading{top:101px}.graphHeading h2{font-size:26px}.graphTools{top:112px}.neural .neuralDetail{top:185px;bottom:175px;width:320px;padding:20px}.neuralDetail .skillList{height:calc(100% - 135px)}.edgeStage{height:calc(100dvh - 350px);min-height:300px}.edgeGrid article{padding:18px 20px 17px 46px}.edgeGrid article>span{left:18px;top:18px}.edgeGrid h3{font-size:17px}.edgeGrid p{font-size:10px;line-height:1.8}.edgeGrid small{font-size:7px;margin-top:9px}.edgeCore{width:185px;height:185px}.edgeCore>b{font-size:24px}.ecosystemField{height:calc(100dvh - 330px);min-height:320px}.ecosystemField .roleCopy{padding-top:15px}.roleCopy h3{font-size:22px}.roleCopy p{font-size:10px}.ecosystemField .platformMock{min-height:260px;top:10%}.ecosystem>.roleTabs{top:43%;height:190px}.mockThumb{height:50px}.evidenceLayout{margin-top:5vh}.dossierBody{min-height:190px;padding:20px}.evidence>.insightBar{margin-top:30px}.valueLoop{height:calc(100dvh - 350px);min-height:300px}.valueCore b{font-size:20px}.journey button{width:150px;padding:13px 18px}.journey button:nth-of-type(2),.journey button:nth-of-type(4){left:calc(50% - 75px)}.journey button h3{font-size:16px}.logic>.journeyDetail{top:39%;padding:22px 20px}.journeyDetail h3{font-size:19px}.journeyDetail p{font-size:10px}.futurePath{margin-top:5vh}.futurePath h3{font-size:20px}.futurePath p{font-size:10px}.future .closingLine{bottom:100px}}
@media(max-width:800px){.hero #exploreTrigger{width:280px;bottom:22%;padding:16px 23px}.hero #exploreTrigger strong{font-size:23px}.overview{overflow:auto}.overviewIntro{display:block}.overviewIntro h2{font-size:33px}.overviewIntro p{margin-top:15px;font-size:10px}.businessConstellation{height:auto;min-height:700px;margin-top:25px;display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.businessOrbit{width:260px;left:60%;top:15%;opacity:.35}.businessCore{width:150px;height:150px}.businessPod{position:relative;width:90%;left:auto;right:auto;top:auto;bottom:auto;padding:22px;transform:none;min-height:0}.podCreate{width:86%;padding-right:28%}.podBuild{align-self:end;width:92%}.podConnect{width:93%;padding-bottom:70px}.podCreate img{width:50%;right:-8%}.businessPod h3{font-size:23px}.businessPod p{font-size:11px}.peopleSignal{right:24px;bottom:18px}.overviewCapabilities button{font-size:10px;padding:8px 3px}.castHeading{top:107px;left:5%;right:5%}.castHeading h2{font-size:24px;max-width:none}.castHeading .kicker{font-size:6px;letter-spacing:1.5px}.characterArena{inset:230px 0 145px;transform:scale(.72);transform-origin:50% 80%;width:140%;left:-20%}.performer{max-height:57vh!important;max-width:42.75vh!important}.performerHit{inset:0 28%}.castLibrary{bottom:113px;font-size:8px;padding:9px}.castIdentity{bottom:155px;left:5%;max-width:70%;padding:9px 13px}.castIdentity>span{font-size:16px}.castIdentity p{font-size:8px}.orbitCard{width:190px}.orbitStage{top:36%;bottom:145px}.orbitCard>span{font-size:14px}.orbitCard>small{font-size:8px}.orbitCore{font-size:9px;top:28%}.buildReference{left:3%;width:43%;top:14%;height:56%}.buildReference>span{font-size:5px;letter-spacing:.5px}.buildResult{right:0;top:1%;height:95%}.buildMilestones{left:4%;bottom:22%;gap:5px;font-size:6px}.buildNote{font-size:5px;top:8px;right:8px}.techLayout{height:760px;min-height:0}.technology{overflow:auto}.techCopy{width:90%}.techCopy h2{font-size:35px}.techCopy h2 br{display:none}.techCopy .sectionDesc{font-size:10px;margin-top:14px}.techTabs{display:flex;flex-direction:row;gap:7px;width:100%;margin-top:18px}.techTabs button{flex:1;padding:12px 8px;font-size:9px;line-height:1.7;transform:none!important;display:block;--tabOffset:0px!important}.techTabs button span{display:block;font-size:7px;margin:0 0 3px}.techTabs button b{display:none}.techStage{left:3%;right:4%;top:245px;height:450px}.techStage .integratedPanel{inset:30px 0 0}.techStage .integratedPanel[data-demo="0"]{transform:translate(-12px,-12px) rotate(-4deg) scale(.94)}.techStage .integratedPanel[data-demo="1"]{transform:translate(15px,10px) rotate(4deg) scale(.94)}.techStage .integratedPanel[data-demo="2"]{transform:translate(0,30px) rotate(-1deg) scale(.94)}.techStage .integratedPanel.active{transform:none}.graphHeading{top:108px;left:5%}.graphHeading .kicker{font-size:6px;letter-spacing:1px}.graphHeading h2{font-size:24px;margin-top:10px}.graphHeading p{font-size:8px;margin-top:8px}.graphTools{top:210px;right:5%;padding:8px 12px;gap:8px}.graphTools input{width:120px;font-size:9px}.graphTools button{font-size:17px}.neural .neuralStage{inset:230px -50px 150px}.graphBranches{bottom:111px;gap:8px 14px;left:5%;right:5%}.graphBranches .neuron{font-size:8px;padding:3px 0}.graphHint{bottom:174px;font-size:6px;letter-spacing:.2px}.neural .neuralDetail{top:270px;bottom:190px;right:5%;width:90%;padding:20px}.neuralDetail h3{font-size:18px}.neuralDetail .skillList{height:calc(100% - 120px)}.graphDetail p{font-size:9px}.scene.advantages,.scene.ecosystem,.scene.evidence,.scene.logic,.scene.future{overflow:auto}.advantages h2{font-size:32px}.edgeStage{height:700px;margin-top:25px}.edgeCore{width:155px;height:155px;left:50%;top:47%}.edgeCore>b{font-size:20px;margin:10px 0}.edgeCore>span{font-size:7px;max-width:120px}.edgeGrid article{width:74%;padding:18px 20px 18px 43px}.edgeGrid article:nth-child(1){left:0;top:0}.edgeGrid article:nth-child(2){right:0;top:22%}.edgeGrid article:nth-child(3){left:0;bottom:22%}.edgeGrid article:nth-child(4){right:0;bottom:0}.edgeGrid article>span{left:16px;top:19px;font-size:9px}.edgeGrid h3{font-size:17px}.edgeGrid p{font-size:10px}.edgeGrid small{font-size:7px;margin-top:8px}.ecosystemHeading{display:block}.ecosystemHeading h2{font-size:32px}.ecosystemHeading>p{font-size:10px;margin-top:15px}.ecosystemField{height:770px;margin-top:20px}.ecosystemOrbit{left:50%;top:15%;width:150px;height:150px;opacity:.7}.ecosystemOrbit>span{font-size:28px}.ecosystemOrbit i{inset:-20px}.ecosystemOrbit i:nth-child(2){inset:-35px}.ecosystem>.roleTabs{top:365px;left:7%;width:86%;height:160px}.roleTabs button{padding:10px 14px;font-size:10px}.roleTabs button:nth-child(1){left:0;top:0}.roleTabs button:nth-child(2){right:0;top:33%}.roleTabs button:nth-child(3){left:8%;bottom:0}.ecosystemField .platformLayout{left:0;width:100%;padding-top:245px}.ecosystemField .roleCopy{width:100%;padding:0 5%}.roleCopy h3{font-size:24px}.roleCopy p{font-size:11px;max-width:none}.ecosystemField .platformMock{right:2%;left:4%;width:94%;top:auto;bottom:0;min-height:260px;transform:rotate(2deg)}.evidenceLayout{display:block;margin-top:35px}.evidenceLayout h2{font-size:32px}.evidenceLayout .sectionDesc{font-size:11px;margin-top:18px}.evidenceTags{margin-top:18px}.dossierStack{margin:55px 5% 0 0}.dossierBody{min-height:200px;padding:20px}.dossierBody h3{font-size:20px}.dossierBody p{font-size:11px}.evidence>.insightBar{margin-top:35px}.logicHeading{display:block}.logicHeading h2{font-size:32px}.logicHeading>p{font-size:10px;margin-top:15px}.valueLoop{width:100%;height:360px;margin-top:30px}.valueCore b{font-size:18px}.valueCore small{font-size:6px;letter-spacing:2px}.journey button{width:128px;padding:13px 15px}.journey button:nth-of-type(2),.journey button:nth-of-type(4){left:calc(50% - 64px)}.journey button h3{font-size:15px}.journey button>span{font-size:8px}.journey button small{font-size:5px;letter-spacing:.2px}.logic>.journeyDetail{position:relative!important;left:0;right:0;top:auto;margin-top:35px;padding:20px;gap:10px}.journeyDetail>div{order:2;width:100%}.journeyDetail h3{font-size:20px}.journeyDetail p{font-size:11px}.logic>.loopLine{position:relative!important;left:0;right:0;top:auto;margin-top:25px}.future h2{font-size:35px;max-width:none;margin-top:35px}.future .ascentSculpture{width:80%;height:440px;right:-20%;bottom:230px;opacity:.6}.futurePath{width:94%;margin-top:65px;display:block}.futurePath article{width:75%;transform:translateX(calc(var(--futureStep)*20px));margin-top:20px;padding:18px 0}.futurePath h3{font-size:22px;margin:12px 0 9px}.futurePath p{font-size:11px}.future .closingLine{position:relative!important;left:0;bottom:auto;width:100%;margin-top:45px;align-items:center;gap:20px}.closingLine>span{font-size:9px}.closingLine>.cta{min-width:145px;font-size:9px;padding:12px}.future .ascentSculpture>span{font-size:32px}}
@media(prefers-reduced-motion:reduce){.businessOrbit>i,.ecosystemOrbit i,.valueLoop:after,.ascentSculpture i,.buildScan,.dossierBody:before,#exploreTrigger:after{animation:none!important}.businessPod,.edgeGrid article{transition:none}.buildRender,.buildReference{transition:none}}