/* A restrained final finish. Keep the approved geometry and light palette. */
:root{--ink:#243246;--blue:#2b61c4;--muted:#627187;--line:#e6eaf0}body{font-family:"Pretendard","Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif;color:var(--ink)}h1,h2{font-weight:500}.hero h1{font-weight:500;line-height:1.55;letter-spacing:-.065em}.hero h1>span{color:#356bc5}.hero-copy>p{color:#65738a}.hero .eyebrow{color:#6a80a0;font-weight:400}.hero-footnote{color:#6b7b91}.hero-actions{gap:29px}.section-top .eyebrow{letter-spacing:.02em;color:#5477a7}.section{padding-top:96px;padding-bottom:96px}.logo{opacity:.95}header{border-color:#edf0f4;box-shadow:0 2px 20px #283e5703}header nav{color:#66748a;font-weight:400}header nav a.current:after{height:1px;background:#7394c7}
/* No arrow box, no glint, no hard edge: the label carries the action. */
.button,.hero .button,.contact .button,.demo-result .demo-controls .button{min-height:55px;border-radius:999px;padding:17px 28px;font-size:15px;font-weight:500;letter-spacing:.01em;gap:0;line-height:1.4;transition:background .24s,box-shadow .24s,transform .24s,border-color .24s}.button.lime,.button.dark{background:linear-gradient(160deg,#3d71ce,#2d60be);border:1px solid #3264bf;box-shadow:inset 0 1px 0 #ffffff22,0 5px 16px #2b5eb31c;color:#fff}.button.lime:hover,.button.dark:hover{background:linear-gradient(160deg,#457bd9,#3269c9);border-color:#3c71cd;box-shadow:inset 0 1px 0 #ffffff25,0 9px 24px #2b5eb324;transform:translateY(-1px)}.button.lime:active,.button.dark:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #173f7d16,0 2px 8px #2b5eb315}.button>span{display:none}.button:before,.button:after{display:none}.text-link{border:0;color:#60748e;font-weight:400;font-size:15px;padding:10px 0;position:relative;letter-spacing:.005em;transition:color .2s}.text-link:hover{color:#285fae;border:0}.text-link:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:#b3c7e5;transform:scaleX(0);transform-origin:left;transition:transform .25s}.text-link:hover:after{transform:scaleX(1)}.text-link>span{display:none}.nav-cta{border-radius:999px;color:#49678f;border:1px solid #dde5f0;background:#fbfcfe;box-shadow:none;font-size:14px;font-weight:400;padding:12px 22px;min-height:43px;line-height:1.4;transition:background .2s,border-color .2s}.nav-cta:hover{border-color:#bdcce2;background:#f4f7fc;box-shadow:none}.nav-cta>span{display:none}.icon-toggle,#visual-toggle{border-radius:999px;border-color:#e0e7f0;background:#fff;color:#627b9d;box-shadow:none;font-size:12px;font-weight:400;padding:9px 14px}.to-top{font-family:inherit;font-size:12px;letter-spacing:0;color:#6e809a;white-space:nowrap}
/* The generated AI core is the image; the background remains almost white. */
.hero-system{background:radial-gradient(ellipse at 49% 47%,#e9eff855,#fff 71%);border-color:#e9edf4;box-shadow:0 15px 50px #2e4b7305;isolation:isolate}.hero-system:before{content:'';position:absolute;left:50%;top:48%;width:210px;height:210px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#cfdef63d,transparent 70%);pointer-events:none}.system-caption{color:#6b7c94;letter-spacing:.09em}.system-caption button{color:#6e819c;background:#fff;border-color:#e0e6ef;font-size:10px;box-shadow:none;line-height:1;padding:0}.system-orbit{border-color:#9caec52e}.system-orbit.orbit-two{border-color:#aebcc82e}.system-orbit.orbit-three{border-color:#9aada12b}.hero-links path{stroke:#547da9;stroke-width:1.4;stroke-dasharray:2 8;opacity:.9}.hero-links path:nth-child(2){stroke:#477f80}.hero-links path:nth-child(3){stroke:#a68859}.system-core{background:none;border:0;box-shadow:none;animation:none;overflow:visible}.system-core-art{position:absolute;left:50%;top:45%;width:176px;height:176px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 13px 13px #334c7620);animation:core-drift 8s ease-in-out infinite}.system-core strong{position:absolute;top:calc(50% + 80px);margin:0;font-size:11px;letter-spacing:.12em;color:#486486;font-weight:500;text-shadow:0 0 8px #fff}.system-core small{position:absolute;top:calc(50% + 98px);margin:0;font-size:10px;color:#6d809b}.system-node{border-color:#dde5ef;background:#ffffffed;box-shadow:0 7px 25px #284b7008;backdrop-filter:blur(7px)}.system-node strong{color:#30445d;font-weight:600}.system-node>span{color:#667a94}.system-node>small{color:#5379ad}.system-node.node-data{border-color:#d6e1ef}.node-think{border-color:#ccdfde;background:#fafffeeb}.node-think>small{color:#507e7a}.node-think strong{color:#375f5e}.node-act{border-color:#e5ddcf;background:#fffdf8ed}.node-act>small{color:#9b8159}.node-act strong{color:#796144}.node-act>span{color:#8d7d67}.system-bottom{color:#70819a}.system-bottom>i{background:#7897bd}
/* Calm surfaces, consistent material, clear selected states. */
.flow-section{background:linear-gradient(125deg,#fafbfd,#fff);border-color:#e6ebf2;box-shadow:0 6px 35px #334d6d03}.flow-node{border-radius:15px}.flow-node.active{border-color:#dbe4f1;box-shadow:0 7px 25px #3b5a7e08}.flow-node.active .flow-symbol{background:#3a6bc1;box-shadow:0 5px 13px #345f9f16}.flow-context{background:#f5f7fb;border-color:#e8edf5}.flow-chips>span{background:#fbfcfe;border-color:#e6ebf4;color:#6b7e99}.experience{background:linear-gradient(180deg,#f8fafd,#f6f8fc);border-top:1px solid #eff2f6;border-bottom:1px solid #eff2f6}.scenario-cards button.scenario-card{border-color:#e0e6ef;background:#fff;border-radius:15px;box-shadow:0 2px 6px #243e5c02;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}.scenario-cards button.scenario-card:hover{border-color:#c0cfe4;box-shadow:0 7px 18px #375d8908;transform:translateY(-1px)}.scenario-cards button.selected{background:#f0f5fd;border-color:#adbfde;box-shadow:inset 0 1px 0 #fff,0 3px 14px #335b8e06}.scenario-cards .scenario-name{color:#556c8d;font-weight:500}.scenario-cards button.selected .scenario-name{color:#375c95}.scenario-cards .scenario-choice{background:#5480bf}.demo{border-color:#e0e7f0;border-radius:18px;box-shadow:0 12px 40px #2c4d7407}.demo-head{border-color:#edf0f6}.demo-head>span:first-child{color:#526e92;letter-spacing:.07em}.demo .demo-stage{background:#fff;border-color:#e2e8f1;border-radius:13px}.demo .demo-stage.is-active{background:#fafcff;border-color:#8baada;box-shadow:0 7px 20px #3c639207}.demo .stage-icon{background:#f0f4fa;color:#537bb5}.demo .demo-stage.is-active .stage-icon{background:#ecf2fc;color:#3b6db6}.demo .demo-stage h3{font-weight:500;color:#304c70}.demo-result{background:#f7f9fc;border-color:#e8edf5}.demo-controls{justify-content:flex-end}.demo-controls .work-stop{font-size:13px;min-height:32px;background:none;border:0;border-bottom:1px solid #ccd7e6;border-radius:0;color:#6b7f9b;padding:4px 0;cursor:pointer;box-shadow:none}.demo-controls .work-stop:hover{color:#315b92;border-color:#859fc3}.generated-document{border-color:#dce4ef;box-shadow:0 8px 24px #2b4e7b0a}.generated-document:before{background:linear-gradient(90deg,#5a80b9,#c2d2e7)}.document-stamp{background:#f3f8f5;border-color:#dde9e1;color:#4e7c68}.solution-core{background:linear-gradient(110deg,#f5f8fd,#eef3fb);border-color:#dbe4f2;box-shadow:inset 0 1px 0 #fff}.core-map-icon{background:#3d6abb;box-shadow:0 4px 12px #3d6abb12}.solution-branch{border-color:#e3e8ef;border-radius:15px;box-shadow:none}.solution-branch:hover{background:#fdfefe;border-color:#c5d2e6}.branch-icon{background:#f1f5fa;color:#5479ad}.branch-title h3{font-weight:500;color:#395575}.contact{background:#f5f8fc;border-top:1px solid #edf1f7}.contact-photo{box-shadow:0 8px 35px #29466e09}.contact .contact-copy h2{font-weight:500;color:#2c405a}.contact .contact-copy h2>span{color:#4d75b0}.faq summary{color:#536884}footer{border-color:#e9edf3}dialog{border-radius:20px;border-color:#e2e8f0;box-shadow:0 25px 90px #2138521c}.motion-ready .reveal{transition-duration:.8s;transition-timing-function:cubic-bezier(.2,.7,.2,1)}
@keyframes core-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -4px;rotate:2deg}}
@media(max-width:1150px){.section{padding:80px 0}.button,.hero .button{padding:16px 25px;min-height:53px;font-size:15px}.system-core-art{width:164px;height:164px}.system-core strong{top:calc(50% + 75px)}.system-core small{top:calc(50% + 92px)}}
@media(max-width:850px){.hero-system{border-color:#e7ecf3}.system-core-art{width:180px;height:180px}.system-core strong{top:calc(50% + 83px)}.system-core small{top:calc(50% + 100px)}.section{padding:69px 0}.hero-actions{gap:24px}.contact .contact-copy h2{font-size:34px}.nav-cta{padding:11px 20px}.demo-controls{justify-content:flex-start}}
@media(max-width:520px){.section{padding:57px 0}.hero .button{font-size:14px;padding:15px 24px;min-height:52px}.hero .text-link{font-size:14px}.hero-actions{gap:22px}.button{font-size:15px;padding:16px 25px}.nav-cta{font-size:13px;padding:11px 18px;min-height:40px}.system-core-art{width:153px;height:153px}.system-core strong{font-size:10px;top:calc(50% + 70px)}.system-core small{top:calc(50% + 87px);font-size:9px}.system-caption button{font-size:10px}.contact .contact-copy h2{font-size:30px}.hero-footnote{line-height:1.9}.demo-controls .work-stop{font-size:13px;min-height:32px;padding:4px 0}.to-top{font-size:12px}.flow-context .text-link{font-size:14px}}
@media(max-width:400px){.nav-cta{font-size:12px;padding:10px 15px}.hero-actions{gap:18px}.hero .button{font-size:13px;padding:15px 21px}.hero .text-link{font-size:13px}.system-core-art{width:140px;height:140px}.system-core strong{top:calc(50% + 64px)}.system-core small{top:calc(50% + 80px)}}
@media(prefers-reduced-motion:reduce){.system-core-art{animation:none;translate:none;rotate:none}.button:hover,.button:active,.scenario-cards button.scenario-card:hover{transform:none}}

/* Ground the reflective core without darkening the page or changing node geometry. */
.hero-system{--core-diameter:176px;background:radial-gradient(ellipse at 48% 43%,#fafcff 0%,#f1f4f8 62%,#edf1f6 100%);border-color:#dce4ee;box-shadow:inset 0 1px 0 #ffffffb3,0 10px 32px #2b466008}.hero-system:before{width:215px;height:215px;background:radial-gradient(ellipse,#d5e0ed30,transparent 70%);opacity:.8}.system-core:before{content:'';position:absolute;left:50%;top:calc(45% + var(--core-diameter)*.42);width:calc(var(--core-diameter)*.83);height:calc(var(--core-diameter)*.14);transform:translate(-50%,-50%);border-radius:50%;border:1px solid #bac8da7a;background:linear-gradient(180deg,#eef3f9,#dbe4ef);box-shadow:0 4px 7px #314b7018,inset 0 1px 0 #ffffffd9;z-index:0;pointer-events:none}.system-core-art{width:var(--core-diameter);height:var(--core-diameter);animation:none;translate:none;rotate:none;filter:drop-shadow(0 3px 3px #354f7422);z-index:1}.system-core strong{top:calc(45% + var(--core-diameter)*.56);z-index:2;color:#3f5b7d;text-shadow:none}.system-core small{top:calc(45% + var(--core-diameter)*.56 + 18px);z-index:2;color:#657b97}.system-node{animation:none;box-shadow:0 3px 10px #314b6c08;background:#ffffffec}.node-think{background:#fbfefde8}.node-act{background:#fffdf8eb}.system-orbit{border-color:#9bafc641}.system-orbit.orbit-two{border-color:#a6b7c83b}.system-orbit.orbit-three{border-color:#97aaa33b}
@media(max-width:1150px){.hero-system{--core-diameter:164px}}
@media(max-width:850px){.hero-system{--core-diameter:180px}}
@media(max-width:520px){.hero-system{--core-diameter:153px}.hero-system:before{width:185px;height:185px}}
@media(max-width:400px){.hero-system{--core-diameter:140px}}

/* Dark future-facing scene, limited to the opening system illustration. */
.hero-system{background:radial-gradient(ellipse at 48% 44%,#1b3156 0%,#101e35 48%,#0b1526 100%);border-color:#253b5c;box-shadow:inset 0 1px 0 #a4c3f012,0 15px 38px #19365312}.hero-system:before{width:240px;height:240px;background:radial-gradient(ellipse,#537fca24,transparent 70%);opacity:1}.future-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.future-sparks{animation:future-light 5s ease-in-out infinite}.system-caption{color:#9aafd0}.system-caption button{border-color:#57749970;background:#20355380;color:#c2d7f3}.system-orbit{border-color:#8aaad32b}.system-orbit.orbit-two{border-color:#6594c72d}.system-orbit.orbit-three{border-color:#75b3b022}.hero-links path{stroke:#91baff;stroke-width:1.5;opacity:.8}.hero-links path:nth-child(2){stroke:#8ecbc5}.hero-links path:nth-child(3){stroke:#d7bd90}.system-core:before{top:calc(45% + var(--core-diameter)*.49);height:calc(var(--core-diameter)*.10);width:calc(var(--core-diameter)*.77);background:radial-gradient(ellipse,#527fbe36,#213b5b12 55%,transparent 73%);box-shadow:none;border:0;animation:core-shadow-breathe 7s ease-in-out infinite}.system-core-art{animation:core-hover-restored 7s ease-in-out infinite;filter:drop-shadow(0 9px 12px #00000040);translate:0 0;rotate:0deg}.system-core strong{color:#d6e4fa;text-shadow:0 1px 5px #081325}.system-core small{color:#8da8cf}.system-node{background:#1c2d48d9;border-color:#506f994a;box-shadow:inset 0 1px 0 #a7c9ff0a,0 8px 24px #00000015;backdrop-filter:blur(12px);animation:node-bob 8s ease-in-out infinite}.system-node strong{color:#edf3fc}.system-node>span{color:#b6c7df}.system-node>small{color:#8bb2e8}.system-node.node-data{border-color:#547db650}.system-node.node-think{background:#19343bd4;border-color:#6caca55c;animation-delay:-2s}.node-think strong{color:#e1f5f0}.node-think>span{color:#afcfc9}.node-think>small{color:#9ed1c6}.system-node.node-act{background:#332e29db;border-color:#a78d6554;animation-delay:-4s}.node-act strong{color:#f1e7d8}.node-act>span{color:#cec0aa}.node-act>small{color:#cfb78f}.system-bottom{color:#a4b8d5}.system-bottom>i{background:#8dbbff;box-shadow:0 0 9px #8dbbff44}
@keyframes core-hover-restored{0%,100%{translate:0 1px;rotate:-1deg}50%{translate:0 -7px;rotate:1deg}}
@keyframes core-shadow-breathe{0%,100%{opacity:.8;scale:1}50%{opacity:.45;scale:.88}}
@keyframes future-light{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.system-core-art,.system-core:before,.system-node,.future-sparks{animation:none!important}.system-core-art{translate:none;rotate:none}}

/* More perceptible buoyancy; the system pause control still pauses every layer. */
.system-core-art{animation:core-levitate 5.6s ease-in-out infinite;transform:translate(-50%,-50%);translate:none;rotate:none;will-change:transform}.system-node{animation:panel-levitate 7s ease-in-out infinite;translate:none}.system-node.node-think{animation-delay:-2.3s}.system-node.node-act{animation-delay:-4.6s}.system-core:before{animation:levitation-shadow 5.6s ease-in-out infinite}
@keyframes core-levitate{0%,100%{transform:translate(-50%,calc(-50% + 3px)) rotate(-1deg)}50%{transform:translate(-50%,calc(-50% - 11px)) rotate(1.5deg)}}
@keyframes panel-levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes levitation-shadow{0%,100%{opacity:.8;scale:1}50%{opacity:.38;scale:.82}}
@media(prefers-reduced-motion:reduce){.system-core-art,.system-node,.system-core:before{animation:none!important;will-change:auto}.system-core-art{transform:translate(-50%,-50%)}.system-node{transform:none}}