/* Exact local reconstruction of luasoft.kr portfolio/process, scoped to these two sections. */
.lua-sections{--lua-blue:#0866ff;--lua-ink:#061631;font-family:'DM Sans','Noto Sans KR',sans-serif;font-synthesis:none;line-height:normal;text-align:left;color:#061631}
.lua-sections *,.lua-sections *::before,.lua-sections *::after{box-sizing:border-box}
.lua-sections button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lua-sections a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.lua-sections button:focus-visible,.lua-sections a:focus-visible{outline:2px solid #2470ff;outline-offset:7px}
.lua-sections .section-kicker{font-size:11px;font-weight:800;letter-spacing:2.8px;color:var(--lua-blue);margin:0 0 24px}
.lua-sections .portfolio-section{position:relative;z-index:2;overflow:hidden;padding:110px 0 65px;background:linear-gradient(180deg,#fbfcff,#edf4ff 65%,#f8fbff);color:#061631;isolation:isolate}.lua-sections .portfolio-section::before{content:'';position:absolute;width:700px;height:700px;right:-280px;top:-240px;border:1px solid #92b8ee33;border-radius:50%;box-shadow:0 0 0 80px #90b7ed08,0 0 0 160px #90b7ed05;z-index:-1}.lua-sections .portfolio-heading,.lua-sections .portfolio-toolbar,.lua-sections .portfolio-foot{margin:0 6%}.lua-sections .portfolio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:55px}.lua-sections .portfolio-heading h2{margin:0;font-size:clamp(58px,6.4vw,98px);line-height:1.08;letter-spacing:-.065em;font-weight:900}.lua-sections .portfolio-heading h2 span{color:#0866ff}.lua-sections .portfolio-intro{padding-bottom:8px}.lua-sections .portfolio-intro p{font-size:22px;font-weight:750;letter-spacing:-.045em;margin:0 0 16px}.lua-sections .portfolio-intro>span{font-size:15px;line-height:1.85;color:#647a99}.lua-sections .portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.lua-sections .portfolio-label{display:flex;gap:12px;align-items:center;font-size:10px;font-weight:750;letter-spacing:1.8px}.lua-sections .portfolio-label>i{width:6px;height:6px;background:#0866ff;border-radius:50%}.lua-sections .portfolio-label b{letter-spacing:0;font-size:10px;font-weight:500;color:#71849e;border:1px solid #bccce3;border-radius:20px;padding:4px 9px}.lua-sections .portfolio-controls{display:flex;align-items:center;gap:9px}.lua-sections .portfolio-position{font-size:10px;letter-spacing:1px;margin-right:15px;color:#5a7090}.lua-sections .portfolio-controls button{border:1px solid #cedcf0;background:#ffffffa8;color:#0b376d;width:43px;height:43px;border-radius:50%;font-size:20px;cursor:pointer;transition:background .2s,color .2s}.lua-sections .portfolio-controls button:hover{background:#0866ff;color:#fff}.lua-sections .portfolio-controls button:disabled{opacity:.3;cursor:default}.lua-sections .portfolio-rail{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;padding:28px 6% 50px;scroll-padding-inline:6vw;scroll-snap-type:x proximity;scrollbar-width:none;outline:none;overscroll-behavior-x:contain}.lua-sections .portfolio-rail::-webkit-scrollbar{display:none}.lua-sections .work-card{position:relative;display:block;flex:0 0 clamp(330px,31vw,440px);height:570px;border-radius:28px;overflow:hidden;scroll-snap-align:start;background:#fff;border:1px solid #fff;color:#071a37;box-shadow:0 12px 24px #31578012;transform:perspective(1000px) translateY(var(--work-y,0px)) rotateY(var(--work-rotate,0deg));transition:box-shadow .35s;text-decoration:none;isolation:isolate}.lua-sections .work-card:hover{box-shadow:0 20px 45px #31578025}.lua-sections .work-top{position:relative;z-index:3;display:flex;flex-direction:column;gap:10px;margin:28px 28px 26px;font-size:8px;letter-spacing:1px;font-weight:650}.lua-sections .work-type{font-size:9px;color:#6784a7;letter-spacing:1.4px}.lua-sections .work-copy{position:relative;z-index:3;margin:0 28px;pointer-events:none}.lua-sections .work-copy h3{font-size:clamp(29px,2.5vw,38px);line-height:1.22;letter-spacing:-.055em;font-weight:850;margin:0 0 18px}.lua-sections .work-copy p{font-size:13px;line-height:1.75;letter-spacing:-.025em;color:#5d7392;margin:0}.lua-sections .work-art{position:absolute;left:0;right:0;bottom:45px;height:300px;transform:translateY(var(--art-y,0px));pointer-events:none}.lua-sections .work-bottom{position:absolute;z-index:4;bottom:0;left:28px;right:28px;height:50px;border-top:1px solid #9baec42d;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;gap:10px;color:#57708e}.lua-sections .work-bottom>span:last-child{font-size:10px}.lua-sections .portfolio-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:1.4px;color:#7083a0}.lua-sections .portfolio-track{height:2px;background:#cbd9ed;flex:1;max-width:450px;overflow:hidden}.lua-sections .portfolio-track i{display:block;width:20%;height:100%;background:#0866ff;transform:translateX(var(--track-x,0%));transition:transform .15s}.lua-sections .portfolio-hint{font-size:8px}.lua-sections .work-ai{background:linear-gradient(145deg,#f7fbff,#dbeaff)}.lua-sections .ai-orbit{position:absolute;width:265px;height:265px;border:1px solid #83b4ef55;border-radius:50%;left:20%;top:35px;box-shadow:0 0 0 30px #a9d0ff18}.lua-sections .ai-film{position:absolute;display:flex;gap:12px;left:-60px;top:58px;transform:rotate(-15deg)}.lua-sections .ai-frame{position:relative;width:165px;height:155px;background:linear-gradient(150deg,#628ac2,#10365f);border:5px solid white;border-radius:14px;box-shadow:0 15px 25px #16417025;overflow:hidden}.lua-sections .ai-frame:nth-child(2){background:linear-gradient(140deg,#a9daee,#37799e);transform:translateY(22px)}.lua-sections .ai-frame:nth-child(3){background:linear-gradient(150deg,#3d658f,#071e3d)}.lua-sections .ai-frame>span{position:absolute;bottom:10px;left:10px;font-size:8px;color:#fff8;letter-spacing:1px}.lua-sections .ai-mountain{position:absolute;inset:40% -30% -20%;background:linear-gradient(140deg,#f4faff,#2a7192);clip-path:polygon(0 100%,32% 5%,50% 45%,67% 15%,100% 100%)}.lua-sections .ai-person{position:absolute;width:48px;height:75px;background:#d7f1ff;border-radius:25px 25px 0 0;left:56px;top:66px}.lua-sections .ai-person::before{content:'';position:absolute;width:35px;height:35px;border-radius:50%;background:#e8faff;top:-38px;left:7px}.lua-sections .ai-city{position:absolute;inset:30px 20px 0;background:repeating-linear-gradient(90deg,#7cb8ee 0 19px,transparent 19px 27px);clip-path:polygon(0 25%,25% 25%,25% 0,50% 0,50% 37%,75% 37%,75% 15%,100% 15%,100% 100%,0 100%)}.lua-sections .ai-focus{position:absolute;left:calc(50% - 80px);top:63px;width:160px;height:175px}.lua-sections .ai-focus>i{position:absolute;width:20px;height:20px;border:2px solid #fff}.lua-sections .ai-focus>i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.lua-sections .ai-focus>i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.lua-sections .ai-focus>i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.lua-sections .ai-focus>i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.lua-sections .ai-focus>span{position:absolute;right:0;top:-23px;font-size:8px;color:#1c61ba;letter-spacing:2px}.lua-sections .ai-tags{position:absolute;bottom:12px;left:30px;right:30px;display:flex;gap:8px;transform:rotate(-4deg)}.lua-sections .ai-tags>span{padding:10px 13px;border:1px solid #fff;background:#ffffffb3;box-shadow:0 6px 12px #27518d10;border-radius:10px;font-size:10px;color:#2565b9}.lua-sections .ai-tags i{display:inline-block;width:5px;height:5px;background:#0866ff;border-radius:50%;margin-right:5px}.lua-sections .work-security{background:linear-gradient(150deg,#131c2a,#283c58);color:white;border-color:#3e4d63}.lua-sections .work-security .work-copy p,.lua-sections .work-security .work-type{color:#a6b8d0}.lua-sections .work-security .work-bottom{color:#9dafc6;border-color:#ffffff20}.lua-sections .security-ring{position:absolute;border:1px solid #93c5ff38;border-radius:50%;width:280px;height:110px;left:calc(50% - 140px);top:140px;transform:rotate(-18deg)}.lua-sections .ring-two{width:340px;height:140px;left:calc(50% - 170px);top:125px;border-color:#93c5ff20}.lua-sections .ring-three{width:400px;height:170px;left:calc(50% - 200px);top:110px;border-color:#93c5ff10}.lua-sections .device-plinth{position:absolute;bottom:10px;left:15%;width:70%;height:60px;background:linear-gradient(150deg,#5b718a,#19283e);border-radius:50%;box-shadow:0 20px 20px #0003}.lua-sections .security-device{position:absolute;width:124px;height:235px;top:13px;left:calc(50% - 60px);border-radius:24px;padding:6px;background:linear-gradient(120deg,#96adc7,#182739 40%,#d8e5f2 80%,#4a617b);transform:rotate(16deg) skewY(-5deg);box-shadow:12px 17px 20px #0004}.lua-sections .device-screen{height:100%;background:linear-gradient(135deg,#1f4163,#071528);border-radius:19px;display:flex;align-items:center;flex-direction:column;justify-content:center}.lua-sections .device-speaker{position:absolute;top:12px;left:43px;width:35px;height:5px;border-radius:10px;background:#050d1a}.lua-sections .device-screen>span{font-size:7px;letter-spacing:1.5px;color:#87bcf1}.lua-sections .device-screen svg{width:53px;height:65px;fill:none;stroke:#bcddff;stroke-width:2;margin:20px 0}.lua-sections .device-screen>i{width:5px;height:5px;border-radius:50%;background:#8ce0c0;box-shadow:0 0 12px #8ce0c0}.lua-sections .device-screen small{font-size:6px;letter-spacing:1px;margin-top:15px;color:#a0b7d0}.lua-sections .security-chip{position:absolute;right:20px;bottom:55px;background:#dbeeff18;backdrop-filter:blur(10px);border:1px solid #c1dcff40;padding:13px 17px;border-radius:14px;font-size:10px;transform:rotate(-6deg);color:#e3f2ff}.lua-sections .security-chip i{display:inline-block;width:6px;height:6px;background:#8ce0c0;border-radius:50%;margin-right:7px}.lua-sections .work-kok{background:linear-gradient(150deg,#58b8ff,#0866ff 70%,#0048d4);color:white;border-color:#91d3ff;box-shadow:0 15px 35px #0866ff25}.lua-sections .work-kok .work-copy p,.lua-sections .work-kok .work-type,.lua-sections .work-kok .work-bottom{color:#e4f4ff}.lua-sections .work-kok .work-bottom{border-color:#ffffff3d}.lua-sections .work-kok .work-copy h3{font-size:clamp(34px,3.1vw,46px)}.lua-sections .kok-art{height:320px}.lua-sections .kok-word{position:absolute;left:16px;top:50px;font-size:95px;font-weight:950;letter-spacing:-8px;color:#ffffff15;transform:rotate(-12deg)}.lua-sections .court-line{position:absolute;left:-20%;right:-20%;height:170px;bottom:-48px;border:2px solid #b4e7ff55;transform:perspective(300px) rotateX(55deg) rotateZ(-18deg)}.lua-sections .court-line::after{content:'';position:absolute;left:50%;height:100%;border-left:2px solid #b4e7ff55}.lua-sections .kok-shuttle{position:absolute;width:220px;height:250px;left:5%;top:65px;transform:rotate(-23deg);filter:drop-shadow(15px 20px 10px #00399555)}.lua-sections .kok-racket{position:absolute;width:135px;height:270px;right:14px;top:20px;transform:rotate(24deg);filter:drop-shadow(8px 10px 5px #00399555)}.lua-sections .kok-ball{position:absolute;width:18px;height:18px;right:22%;bottom:27px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d5f7ff,#5ebcff 45%,#0050e1);box-shadow:0 7px 12px #00399555}.lua-sections .work-visit{font-weight:800;transition:letter-spacing .3s}.lua-sections .work-kok:hover .work-visit{letter-spacing:2px}.lua-sections .work-dashboard{background:linear-gradient(150deg,#f9fbff,#c5d9f3)}.lua-sections .dashboard-window{position:absolute;left:30px;top:42px;width:350px;height:250px;display:flex;background:#f9fcff;border:5px solid #ffffff;border-radius:15px;overflow:hidden;box-shadow:10px 25px 30px #264d8530;transform:perspective(600px) rotateY(-13deg) rotateZ(-8deg)}.lua-sections .dashboard-side{width:62px;background:#142f5a;padding:17px 12px;flex:none}.lua-sections .dashboard-side>b{font-size:13px;color:#fff;letter-spacing:-1px}.lua-sections .dashboard-side>i{display:block;width:30px;height:5px;background:#728fb6;border-radius:5px;margin-top:24px}.lua-sections .dashboard-side>i:first-of-type{background:#72b6ff;box-shadow:0 0 0 6px #2363a6}.lua-sections .dashboard-main{padding:20px 15px;flex:1}.lua-sections .dashboard-head{display:flex;justify-content:space-between;font-size:13px;font-weight:800;color:#173963}.lua-sections .dashboard-head>i{width:14px;height:14px;background:#a2c7fa;border-radius:50%}.lua-sections .dashboard-widgets{display:flex;gap:10px;margin-top:17px}.lua-sections .dashboard-widgets>div{width:50%;height:80px;background:#fff;border:1px solid #e3ebf8;padding:10px;border-radius:8px}.lua-sections .dashboard-main small{font-size:7px;letter-spacing:1px;color:#91a2bb}.lua-sections .dashboard-bars{display:flex;gap:5px;height:40px;align-items:flex-end;margin-top:3px}.lua-sections .dashboard-bars>i{width:9px;height:45%;background:#0866ff;border-radius:2px}.lua-sections .dashboard-bars>i:nth-child(2n){height:80%;background:#a3c9ff}.lua-sections .dashboard-bars>i:nth-child(3n){height:65%}.lua-sections .dashboard-donut{display:block;width:45px;height:45px;border-radius:50%;background:conic-gradient(#0866ff 0 58%,#a8cbff 58% 85%,#e4edf9 85%);margin:1px auto;position:relative}.lua-sections .dashboard-donut::after{content:'';position:absolute;inset:10px;border-radius:50%;background:white}.lua-sections .dashboard-chart{margin-top:10px;border-radius:8px;background:white;padding:8px 10px}.lua-sections .dashboard-chart svg{width:100%;height:65px}.lua-sections .dashboard-float{position:absolute;left:18px;top:14px;padding:13px 17px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #31578020;transform:rotate(5deg);font-size:10px;color:#355c91}.lua-sections .dashboard-float>i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0866ff;margin-right:8px}.lua-sections .work-ideas{background:linear-gradient(145deg,#f8f4ff,#e6dff7)}.lua-sections .work-ideas .work-type{color:#9383b1}.lua-sections .idea-orbit{position:absolute;width:230px;height:230px;border:1px solid #b3a1d74d;left:22%;top:30px;border-radius:50%;transform:scaleX(1.3) rotate(-20deg)}.lua-sections .idea-note{position:absolute;width:180px;height:125px;left:12%;top:40px;background:linear-gradient(135deg,#fff,#eee7ff);border:1px solid #fff;border-radius:16px;padding:17px;box-shadow:0 12px 25px #66568e25;transform:rotate(-15deg)}.lua-sections .idea-note>span{display:block;font-size:8px;color:#9c8abb;letter-spacing:2px}.lua-sections .idea-note>b{display:block;font-size:23px;letter-spacing:-1px;color:#6a509d;margin-top:18px}.lua-sections .idea-note>i{position:absolute;right:18px;bottom:15px;font-style:normal;font-size:27px;color:#a48acd}.lua-sections .note-two{top:110px;left:36%;transform:rotate(13deg);background:linear-gradient(135deg,#977ad2,#5e4691);z-index:2}.lua-sections .note-two>b,.lua-sections .note-two>span,.lua-sections .note-two>i{color:#fff}.lua-sections .note-three{top:180px;left:13%;transform:rotate(-5deg);z-index:3}.lua-sections .idea-spark{position:absolute;right:28px;top:8px;font-size:62px;color:#9974cf;text-shadow:3px 5px 0 #c9b6e6;transform:rotate(10deg)}.lua-sections .idea-mini-spark{position:absolute;left:25px;bottom:36px;font-size:32px;color:#8063b0}
@media(max-width:760px){.lua-sections .portfolio-section{padding:75px 0 45px}.lua-sections .portfolio-heading{display:block;margin-bottom:30px}.lua-sections .portfolio-heading h2{font-size:56px}.lua-sections .portfolio-intro{margin-top:24px}.lua-sections .portfolio-intro p{font-size:17px;margin-bottom:9px}.lua-sections .portfolio-intro>span{font-size:13px}.lua-sections .portfolio-rail{gap:16px;padding-top:15px;padding-bottom:30px;scroll-snap-type:x mandatory}.lua-sections .work-card{flex-basis:86%;height:545px;border-radius:23px}.lua-sections .work-copy h3{font-size:33px}.lua-sections .work-kok .work-copy h3{font-size:40px}.lua-sections .work-top,.lua-sections .work-copy{margin-left:24px;margin-right:24px}.lua-sections .portfolio-foot{gap:15px;font-size:7px;letter-spacing:1px}.lua-sections .portfolio-hint{display:none}.lua-sections .portfolio-track{max-width:120px}.lua-sections .portfolio-controls button{width:37px;height:37px}.lua-sections .portfolio-position{margin-right:5px}.lua-sections .portfolio-label{font-size:8px;letter-spacing:1px}.lua-sections .portfolio-section::before{width:450px;height:450px}.lua-sections .dashboard-window{width:320px;left:24px}}
@media(prefers-reduced-motion:reduce){.lua-sections .work-card{transform:none;transition:none}.lua-sections .work-art{transform:none}.lua-sections .portfolio-track i{transition:none}}.lua-sections .security-art{height:270px}.lua-sections .portfolio-foot{justify-content:center}.lua-sections .portfolio-track{max-width:none;width:100%;flex:none}.lua-sections .portfolio-rail{cursor:grab;user-select:none}.lua-sections .portfolio-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.lua-sections .is-dragging .work-card{cursor:grabbing}.lua-sections .work-card img{-webkit-user-drag:none;user-select:none}.lua-sections .kok-mascot{position:absolute;width:86%;height:310px;object-fit:contain;right:-1%;bottom:-2px;transform:rotate(-8deg);filter:drop-shadow(10px 17px 14px #003a9855);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.lua-sections .work-kok:hover .kok-mascot{transform:translateY(-6px) rotate(-4deg)}.lua-sections .work-kok .kok-word{top:40px;left:15px;font-size:100px}.lua-sections .work-kok .kok-ball{left:18px;right:auto;bottom:34px}.lua-sections .work-kok .kok-art{height:295px}
@media(max-width:760px){.lua-sections .kok-mascot{width:99%;height:280px;right:-4%;bottom:0}.lua-sections .work-kok .kok-art{height:280px}.lua-sections .portfolio-track{max-width:none}}
@media(prefers-reduced-motion:reduce){.lua-sections .kok-mascot,.lua-sections .work-kok:hover .kok-mascot{transform:rotate(-8deg);transition:none}}.lua-sections .portfolio-section{background:radial-gradient(ellipse at 80% 15%,#2587ff,transparent 55%),linear-gradient(135deg,#075fe9,#0049d8);color:#fff}.lua-sections .portfolio-section::before{border-color:#ffffff26;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03}.lua-sections .portfolio-section::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.lua-sections .portfolio-heading h2 span{color:#fff}.lua-sections .portfolio-heading .section-kicker{color:#c4deff}.lua-sections .portfolio-intro>span{color:#c8dfff}.lua-sections .portfolio-label>i{background:#b9e7ff}.lua-sections .portfolio-position{color:#d8e8ff}.lua-sections .portfolio-controls button{background:#ffffff14;border-color:#ffffff55;color:white}.lua-sections .portfolio-controls button:hover{background:white;color:#0866ff}.lua-sections .portfolio-track{background:#ffffff30}.lua-sections .portfolio-track i{background:#c4edff}.lua-sections .portfolio-section .work-card{box-shadow:0 15px 30px #002e8d30}.lua-sections .portfolio-section .work-card:hover{box-shadow:0 24px 45px #00276e50}.lua-sections .portfolio-section .work-kok{background:linear-gradient(145deg,#74c8ff,#2384fa 55%,#0871ea);border-color:#99d5ff}

.lua-sections .process-section{position:relative;z-index:2;background:#fff;padding:90px 6% 130px;color:var(--lua-ink);--step:0;--progress:0}.lua-sections .process-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:35px}.lua-sections .process-heading .section-kicker{font-size:15px;letter-spacing:-.02em;color:var(--lua-ink);margin-bottom:14px}.lua-sections .process-title{font-size:clamp(72px,11vw,165px);font-weight:1000;line-height:.95;letter-spacing:-.07em;margin:0}.lua-sections .process-title span{color:var(--lua-blue)}.lua-sections .process-controls{display:flex;align-items:center;gap:22px;padding-bottom:8px;color:#627592;font-size:11px;white-space:nowrap}.lua-sections .process-pause{border:1px solid #dce7f8;border-radius:40px;padding:10px 16px;background:white;color:var(--lua-blue);font:inherit;cursor:pointer}.lua-sections .process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative}.lua-sections .process-step{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;min-width:0}.lua-sections .process-character,.lua-sections .process-icon{display:block;background-image:url('/assets/reference/luasoft/process-atlas.png');background-size:500% 200%;background-position:calc(var(--i)*25%) 0%;background-repeat:no-repeat;aspect-ratio:1;width:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s,opacity .7s}.lua-sections .process-character{filter:saturate(.25);opacity:.38;transform:translateY(12px) scale(.94)}.lua-sections .process-node{height:38px;position:relative;display:block;margin-bottom:15px}.lua-sections .process-node::before{content:'';position:absolute;top:17px;left:0;right:-18px;height:2px;background:#e5edfa}.lua-sections .process-step:last-child .process-node::before{right:0}.lua-sections .process-node::after{content:'';position:absolute;top:11px;left:calc(50% - 7px);width:14px;height:14px;border:4px solid #dbe5f5;border-radius:50%;background:white;box-sizing:border-box;transition:.5s}.lua-sections .process-card{position:relative;display:flex;flex-direction:column;flex:1;border:1px solid #e9eef7;border-radius:20px;padding:25px 20px 18px;transition:background .5s,border-color .5s,box-shadow .5s;overflow:hidden}.lua-sections .process-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#8e9db3;margin-bottom:20px}.lua-sections .process-card strong{font-size:clamp(16px,1.6vw,25px);font-weight:900;letter-spacing:-.055em;white-space:nowrap}.lua-sections .process-description{font-size:clamp(12px,1vw,15px);line-height:1.8;letter-spacing:-.035em;color:#71829a;margin-top:14px;min-height:80px}.lua-sections .process-icon{background-position:calc(var(--i)*25%) 100%;width:74px;margin-top:14px;opacity:.5;filter:saturate(.25)}.lua-sections .process-card::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--lua-blue);transform-origin:left;transform:scaleX(0)}.lua-sections .process-step.is-active .process-card{background:#f3f8ff;border-color:#92baff;box-shadow:0 16px 40px #0866ff0c}.lua-sections .process-step.is-active .process-character{filter:none;opacity:1;transform:translateY(-7px) scale(1.03)}.lua-sections .process-step.is-active .process-icon{filter:none;opacity:1;transform:translateY(-3px) rotate(-5deg)}.lua-sections .process-step.is-active .process-label{color:var(--lua-blue)}.lua-sections .process-step.is-active .process-node::after{border-color:var(--lua-blue);box-shadow:0 0 0 5px #0866ff12}.lua-sections .process-step.is-active .process-card::after{transform:scaleX(var(--progress))}.lua-sections .process-step:focus-visible{outline:2px solid var(--lua-blue);outline-offset:6px;border-radius:20px}
@media(max-width:900px){.lua-sections .process-section{padding:75px 6% 90px}.lua-sections .process-grid{gap:10px}.lua-sections .process-card{padding:18px 12px}.lua-sections .process-description{font-size:12px}.lua-sections .process-node::before{right:-10px}.lua-sections .process-controls{gap:10px}.lua-sections .process-icon{width:60px}}
@media(max-width:680px){.lua-sections .process-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px;gap:22px}.lua-sections .process-title{font-size:82px}.lua-sections .process-controls{width:100%;justify-content:space-between}.lua-sections .process-grid{grid-template-columns:1fr;gap:12px}.lua-sections .process-step{display:grid;grid-template-columns:100px 1fr;align-items:center;border:1px solid #e9eef7;border-radius:20px;padding:8px}.lua-sections .process-character{opacity:.4;transform:scale(.9)}.lua-sections .process-node{display:none}.lua-sections .process-card{border:0;background:none!important;box-shadow:none!important;padding:12px;min-height:98px}.lua-sections .process-label{margin-bottom:8px}.lua-sections .process-card strong{font-size:19px}.lua-sections .process-description{display:none;min-height:0;margin-top:10px;padding-right:46px}.lua-sections .process-icon{position:absolute;right:0;bottom:5px;width:54px;margin:0}.lua-sections .process-step.is-active{border-color:#92baff;background:#f3f8ff}.lua-sections .process-step.is-active .process-description{display:block}.lua-sections .process-step.is-active .process-character{transform:scale(1.04)}.lua-sections .process-section{padding-bottom:75px}}

/* 진행 단계의 카드와 컨트롤은 그대로 두고 제목만 사이트의 한글 제목 체계에 맞춘다. */
#wf-main-7 .process-title{font-family:var(--ax-mf-font-family);font-size:var(--ax-mf-font-size-02);font-weight:var(--ax-mf-font-weight-700);line-height:var(--ax-mf-line-height-02);letter-spacing:var(--ax-mf-tracking-heading);color:var(--ax-mf-text-primary,var(--lua-ink))}
#wf-main-7 .process-title span{color:var(--ax-mf-accent-strong,var(--lua-blue))}
@media(prefers-reduced-motion:reduce){.lua-sections .process-character,.lua-sections .process-icon,.lua-sections .process-card,.lua-sections .process-node::after{transition:none}.lua-sections .process-step.is-active .process-character,.lua-sections .process-step.is-active .process-icon{transform:none}}.lua-sections .process-character,.lua-sections .process-icon{background-image:none}.lua-sections .process-character svg,.lua-sections .process-icon svg{display:block;width:100%;height:100%;overflow:hidden}.lua-sections .process-character,.lua-sections .process-icon{position:relative;flex-shrink:0}.lua-sections .process-character{height:clamp(130px,18vw,280px);aspect-ratio:auto}.lua-sections .process-character svg,.lua-sections .process-icon svg{position:absolute;inset:0}.lua-sections .process-icon{height:74px}@media(max-width:900px){.lua-sections .process-icon{height:60px}}@media(max-width:680px){.lua-sections .process-character{height:110px}.lua-sections .process-icon{position:absolute;height:54px}}.lua-sections .process-section{background:#f2f7ff}.lua-sections .process-card{background:#ffffffb3}.lua-sections .process-step.is-active .process-card{background:#fff;border-color:#80afff;box-shadow:0 16px 40px #0866ff0c}


/* 교육 단계별 투명 배경 오브젝트. 기존 카드와 이미지 영역의 크기는 보존한다. */
.lua-sections .process-character img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}