:root{color-scheme:light;--ink:#121317;--muted:#45474d;--surface:#f8f9fc;--line:rgba(33,34,38,.09);font-family:'Google Sans Flex','Noto Sans KR',sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px;overflow-x:hidden;max-width:100%;width:100%}body{margin:0;overflow-x:hidden;max-width:100%;width:100%;position:relative}#root{overflow-x:hidden;max-width:100%;width:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #3279f9;outline-offset:5px}button{border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{word-break:keep-all;font-weight:450;letter-spacing:-.045em}p{word-break:keep-all}.skip{position:fixed;top:-80px;left:16px;z-index:999;background:#fff;padding:14px}.skip:focus{top:8px}.site-nav{position:fixed;inset:0 0 auto;z-index:50;height:62px;padding:0 5.7%;display:flex;align-items:center;gap:48px;background:rgba(255,255,255,.85);backdrop-filter:blur(5px)}.brand{font-size:18px;white-space:nowrap;display:flex;gap:9px;align-items:center;font-weight:500;letter-spacing:-.04em}.brand-symbol{font-size:30px;display:inline-block;background:linear-gradient(35deg,#4285f4 20%,#72bde8 42%,#90bea0 56%,#fbc854 69%,#e67472 84%);color:transparent;background-clip:text;-webkit-background-clip:text;line-height:1.1}.brand-ai{color:#5e636c}.desktop-nav{display:flex;gap:30px;flex:1;font-size:14px;color:var(--muted)}.desktop-nav a:hover{color:#000}.pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 26px;border-radius:9999px;background:#121317;color:#fff;font-size:16px;font-weight:500;white-space:nowrap;transition:background .2s,transform .2s}.pill:hover{background:#2f3034;transform:translateY(-2px)}.pill.small{min-height:38px;font-size:14px;padding:8px 20px}.pill.secondary{background:#f7f7fa;color:var(--ink);border:1px solid #eeeef1}.pill.secondary:hover{background:#eff2f7}.pill.white{background:#fff;color:#121317}.menu-toggle,.mobile-nav{display:none}.hero{height:100svh;min-height:700px;max-height:1100px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.particle-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.particle-field canvas{display:block;width:100%;height:100%}.hero-content{text-align:center;width:100%;padding:70px 24px 40px}.hero-brand{font-size:24px;display:flex;justify-content:center;align-items:center;gap:9px;font-weight:450;letter-spacing:-.04em;margin-bottom:40px}.hero h1{font-size:clamp(44px,5.4vw,80px);line-height:1.22;font-weight:450;letter-spacing:-.06em}.hero-sub{margin:26px auto 34px;line-height:1.75;font-size:17px;color:var(--muted)}.mobile-break{display:none}.hero-bottom{position:absolute;bottom:24px;left:5.7%;right:5.7%;display:flex;align-items:center;justify-content:space-between;color:#656a73;font-size:10px;letter-spacing:.1em}.hero-bottom button{background:#ffffffb8;font-size:11px;letter-spacing:0;min-height:44px;padding:8px 12px;border-radius:24px;border:1px solid #e6eaf0}.engine-note{position:absolute;bottom:65px;right:5.7%;font-size:11px;color:#767d86}.section{max-width:1600px;margin:auto;padding:110px 5.7%}.partner-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:80px;border-bottom:1px solid var(--line);color:#72767d;font-size:13px}.partner-row>div{display:flex;align-items:center;gap:42px}.partner-row img{object-fit:contain;width:150px;height:48px;max-width:25vw}.partner-row img:first-child{width:130px}.intro-statement{text-align:center;max-width:900px;margin:120px auto 70px}.eyebrow{display:block;font-size:11px;letter-spacing:.13em;color:#646a73;margin-bottom:22px;text-transform:uppercase}.intro-statement h2,.section-title h2{font-size:clamp(34px,3.8vw,56px);line-height:1.3}.intro-statement p,.section-title p{color:var(--muted);line-height:1.8;margin-top:26px;font-size:16px}.demo-stage{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 100%,#e3e7fd,transparent 70%),#f5f6f8;border-radius:36px;min-height:520px;padding:45px 4%;overflow:hidden}.demo-window{width:100%;max-width:880px;border-radius:20px;background:#fff;border:1px solid #e1e3e8;box-shadow:0 25px 70px #48598915;overflow:hidden}.window-top{padding:14px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef2;font-size:11px;color:#737985}.window-top>span:first-child{color:#c2c7d0;font-size:8px;letter-spacing:4px}.demo-body{text-align:center;padding:45px 24px}.demo-body .brand-symbol{font-size:38px}.demo-body h3{font-size:25px;margin:17px 0 10px}.demo-body p{color:#767b84;font-size:13px}.prompt-box{display:flex;align-items:center;justify-content:space-between;text-align:left;margin:26px auto 18px;border:1px solid #e4e7ed;border-radius:22px;padding:14px 14px 14px 20px;font-size:12px;color:#515760;gap:16px;max-width:500px}.prompt-box span{border-radius:50%;width:28px;height:28px;background:#121317;color:white;display:grid;place-items:center;flex-shrink:0}.demo-tags{display:flex;gap:8px;justify-content:center;font-size:10px;color:#6b717b}.demo-tags span{background:#f7f8fa;padding:7px 11px;border-radius:15px}.demo-caption{position:absolute;bottom:16px;font-size:10px;color:#808693}.section-title{margin-bottom:70px}.curriculum{padding-top:65px}.feature-row{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:center;margin-top:110px}.feature-row.reverse{grid-template-columns:1fr 1.2fr}.feature-row.reverse .feature-copy{order:2}.feature-row.reverse .feature-art{order:1}.feature-copy h3{font-size:clamp(30px,2.8vw,42px);line-height:1.33}.feature-copy h3 span{display:block}.feature-copy>p{color:var(--muted);line-height:1.9;margin:24px 0;font-size:15px;max-width:540px}.tool-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tool-list span{font-size:13.5px;font-weight:500;padding:7px 12px;border-radius:8px;background:#f4f5f8;color:#47505f}.feature-copy ul{list-style:none;padding:0;margin:0;color:#374151;font-size:15.5px;line-height:2.2;font-weight:500}.feature-copy li:before{content:'＋';margin-right:8px;color:#6b7280;font-weight:700}.course-meta{display:flex;gap:20px;flex-wrap:nowrap;border-top:1px solid var(--line);margin:26px 0 12px;padding-top:18px;color:#4b5563;font-size:14.5px;white-space:nowrap}.course-meta b{color:#111827;font-weight:600}.inline-button{background:transparent;padding:14px 0;display:flex;gap:16px;font-size:16.5px;font-weight:600;color:#1e293b}.inline-button:hover{text-decoration:underline;color:#2563eb}.feature-art{height:480px;border-radius:36px;display:grid;place-items:center;background:#f6f7f9;padding:40px;overflow:hidden}.feature-art.assistant{background:linear-gradient(145deg,#f7f9fe,#edf3fe)}.mini-app{background:#fff;width:100%;max-width:360px;border:1px solid #e6e9ef;border-radius:20px;padding:23px;box-shadow:0 18px 44px #5c78aa14}.mini-app-title{font-size:17px;margin-bottom:22px;letter-spacing:-.02em}.assistant-item{display:flex;align-items:center;gap:12px;border:1px solid #eceef3;border-radius:12px;padding:14px 10px;margin-top:10px}.assistant-item>span:last-child{margin-left:auto;color:#757e8c}.assistant-item b{display:block;font-weight:500;font-size:12px}.assistant-item small{display:block;color:#858b94;font-size:10px;margin-top:5px}.tile{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:21px}.tile-0{background:#e7edff;color:#5983d7}.tile-1{background:#fcf0e9;color:#d9936b}.tile-2{background:#eaf6ee;color:#74a589}.feature-art.builder{background:#f3f4f6}.build-window{background:#fff;width:100%;border:1px solid #e2e5eb;border-radius:16px;overflow:hidden;box-shadow:0 15px 50px #2c3e5512;transform:rotate(-3deg)}.live{color:#589673;font-size:9px}.build-content{padding:30px}.tiny-label{font-size:9px;letter-spacing:.14em;color:#7c8aa2}.build-content h4{font-size:31px;margin-top:16px}.build-content p{font-size:12px;color:#858b94;margin:8px 0 24px}.chart-bars{height:110px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid #e4e7ed;padding-bottom:0}.chart-bars i{display:block;flex:1;background:#dce7fb;border-radius:5px 5px 0 0}.chart-bars i:nth-child(2n){background:#b2c9f1}.deploy-line{display:flex;gap:8px;font-size:10px;color:#6d7787;margin-top:20px}.deploy-line>span{color:#229c6d}.feature-art.agents{background:radial-gradient(ellipse at 50% 55%,#e5e8fe,transparent 65%),#f7f7fc}.agent-map{position:relative;width:320px;max-width:100%;height:320px;border:1px solid #d7dce9;border-radius:50%}.agent-map:before,.agent-map:after{content:'';position:absolute;background:#d7dce9;left:50%;top:0;width:1px;height:100%}.agent-map:after{transform:rotate(90deg)}.agent-center{position:absolute;inset:calc(50% - 51px);width:102px;height:102px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:28px;background:white;border:1px solid #e6e8f0;z-index:1;font-size:40px;color:#6484df;box-shadow:0 12px 35px #879bd429}.agent-center small{font-size:8px;letter-spacing:.12em;color:#818a9e}.agent-node{position:absolute;min-width:104px;padding:6px 10px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:14px;border:1px solid #e2e5ed;z-index:2;font-size:12px;box-shadow:0 6px 18px rgba(0,0,0,0.06);white-space:nowrap}.agent-node b{font-size:11.5px;letter-spacing:0.02em;line-height:1.2;font-weight:700}.agent-node small{font-size:8px;color:#8e97a8;letter-spacing:.08em;margin-top:3px}.node-0{top:-24px;left:calc(50% - 52px)}.node-1{right:-34px;top:calc(50% - 30px)}.node-2{bottom:-24px;left:calc(50% - 52px)}.node-3{left:-34px;top:calc(50% - 30px)}.choose{padding-top:55px}.track-tabs{display:flex;border-bottom:1px solid var(--line)}.track-tabs button{flex:1;background:#fff;text-align:left;padding:20px 24px;border-bottom:2px solid transparent;color:#737982;font-size:20px}.track-tabs button span{display:block;font-size:12px;margin-top:7px}.track-tabs button[aria-selected=true]{color:#121317;border-color:#121317}.track-panel{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#f8f9fc;padding:54px;border-radius:0 0 30px 30px;min-height:300px}.track-panel h3{font-size:34px;margin-bottom:16px}.track-panel p{line-height:1.8;color:#626873;font-size:14px}.track-panel ul{list-style:none;padding:0;margin:0 0 28px;font-size:14px;line-height:2.3;color:#45474d}.benefits{padding-top:45px}.benefit-card{padding:45px 42px 35px;background:#f8f9fc;border-radius:36px;min-height:460px;position:relative;overflow:hidden}.benefit-card h3{font-size:31px;line-height:1.4;position:relative;z-index:1}.big-number{font-size:110px;font-weight:400;letter-spacing:-.06em;margin-top:34px;position:relative;z-index:1;line-height:1.2}.big-number span{font-size:32px;margin-left:10px}.big-number small{font-size:15px;display:block;letter-spacing:0}.benefit-card>p{font-size:16px;margin-top:10px;position:relative;z-index:1}.benefit-foot{display:block;font-size:11px;color:#7b818d;margin-top:28px;position:relative;z-index:1}.scholarship:after{content:'';position:absolute;right:-110px;bottom:-170px;width:430px;height:430px;border-radius:50%;border:65px solid #e5eafa;transform:rotate(-30deg)}.conditions{color:#707681;font-size:11px;line-height:1.9;margin:20px 0 70px}.support-grid article{border-top:1px solid var(--line);padding-top:20px}.support-grid article>span{color:#9197a0;font-size:12px}.support-grid h3{font-size:23px;margin:22px 0 15px}.support-grid p{font-size:14px;line-height:1.9;color:#626873}.schedule{padding-top:40px}.schedule-grid article{background:#f8f9fc;border-radius:24px;padding:30px}.schedule-grid h3{font-size:27px;margin-bottom:20px}.schedule-grid p{font-size:14px;margin-bottom:10px}.schedule-grid small{font-size:12px;color:#767e8d}.faq{display:grid;grid-template-columns:.9fr 1.3fr;gap:10%;margin-top:120px}.faq>h2{font-size:30px;line-height:1.4}.faq article{border-bottom:1px solid var(--line)}.faq button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;text-align:left;background:transparent;font-size:15px;line-height:1.7}.faq button span{font-size:22px;font-weight:400}.faq article>p{color:#626873;font-size:14px;line-height:1.9;padding-bottom:25px}.closing{position:relative;isolation:isolate;overflow:hidden;min-height:700px;display:grid;place-items:center;background:#000;color:#fff;margin:0 6px;border-radius:36px}.closing-copy{text-align:center;padding:100px 20px}.closing-copy>.brand-symbol{font-size:48px;margin-bottom:40px}.closing h2{font-size:clamp(36px,4.5vw,65px);line-height:1.3}.closing p{font-size:15px;color:#b2bbc5;margin:26px 0 35px}.footer{padding-top:70px;padding-bottom:35px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-top>div{display:flex;gap:28px;color:#747981;font-size:13px}.footer-wordmark{font-size:clamp(60px,14vw,220px);white-space:nowrap;letter-spacing:-.065em;line-height:1.3;margin:70px 0 65px;font-weight:450}.footer-bottom{display:flex;justify-content:space-between;font-size:11px;color:#81858d;border-top:1px solid var(--line);padding-top:25px;gap:15px}.application-dialog{max-width:calc(100% - 32px);width:470px;border:1px solid #e6eaf0;border-radius:25px;padding:44px 30px;text-align:center;color:#121317;box-shadow:0 30px 100px #0002}.application-dialog::backdrop{background:#12131780;backdrop-filter:blur(5px)}.application-dialog>.brand-symbol{font-size:38px;margin-bottom:22px}.application-dialog h2{font-size:23px}.application-dialog p{font-size:14px;line-height:1.9;color:#626873;margin:20px 0 25px}.dialog-close{position:absolute;right:10px;top:10px;width:44px;height:44px;font-size:25px;background:transparent}
@media(min-width:1600px){.site-nav{padding-inline:72px}.hero h1{font-size:88px}}@media(max-width:1100px){.desktop-nav{gap:18px}.site-nav{gap:28px;padding-inline:32px}.brand{font-size:16px}.feature-row{gap:5%}.feature-art{padding:30px;height:430px}.partner-row>div{gap:25px}.agent-map{width:240px;height:240px}}@media(max-width:1024px){.desktop-nav,.desktop-apply{display:none}.site-nav{justify-content:space-between}.menu-toggle{display:block;background:#121317;color:#fff;border-radius:30px;min-width:50px;height:38px;font-size:13px}.mobile-nav{display:flex;position:absolute;left:0;right:0;top:62px;background:#fff;box-shadow:0 12px 25px #0001;padding:24px 32px;flex-direction:column;gap:24px;border-bottom:1px solid #eee}.hero h1{font-size:60px}.section{padding-inline:40px}.feature-row{grid-template-columns:1.15fr 1fr;gap:24px;margin-top:40px}.feature-copy{max-width:600px}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-art{order:initial}.feature-art{height:460px}.mini-app,.build-window{max-width:390px}.agent-map{width:300px;height:300px}.partner-row{flex-direction:column}.track-panel{gap:35px;padding:35px}.big-number{font-size:85px}.faq{grid-template-columns:1fr;gap:30px}.demo-stage{padding-inline:8%}}@media(max-width:767px){html{scroll-padding-top:75px}.site-nav{padding-inline:12px;height:56px;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.brand{font-size:15px}.brand-symbol{font-size:26px}.mobile-nav{top:56px}.hero{min-height:700px;max-height:none}.hero-content{padding:70px 16px 65px}.hero-brand{font-size:15px;margin-bottom:42px;gap:5px}.hero-brand .brand-symbol{font-size:25px}.hero h1{font-size:42px;line-height:1.32;letter-spacing:-.07em}.hero-sub{font-size:14px;line-height:1.8;margin:24px 0 34px}.mobile-break{display:block}.hero-actions{flex-direction:column;align-items:center;gap:12px}.pill{font-size:14px;padding:12px 22px;min-height:46px}.hero-bottom{left:16px;right:16px;font-size:8px;bottom:16px}.section{padding:75px 20px}.partner-row{padding-bottom:50px;gap:24px}.partner-row>div{gap:18px;width:100%;justify-content:center}.partner-row img,.partner-row img:first-child{width:90px;height:35px;max-width:27%}.intro-statement{margin:70px auto 45px}.intro-statement h2,.section-title h2{font-size:32px}.intro-statement p,.section-title p{font-size:14px;margin-top:20px}.eyebrow{font-size:10px;margin-bottom:18px}.demo-stage{min-height:365px;padding:30px 14px 45px;border-radius:24px}.demo-body{padding:28px 12px}.demo-body h3{font-size:19px}.demo-body p{font-size:11px}.prompt-box{font-size:10px;padding:10px 9px 10px 12px;gap:7px}.demo-tags{font-size:9px;gap:5px}.demo-tags span{padding:6px 8px}.demo-caption{font-size:9px}.window-top{padding:11px;font-size:9px}.section-title{margin-bottom:40px}.feature-row{margin-top:65px}.feature-copy h3{font-size:30px}.feature-copy>p{font-size:14px}.feature-art{height:350px;padding:27px;border-radius:24px}.mini-app{padding:18px}.assistant-item{gap:9px;padding:12px 8px}.assistant-item b{font-size:11px}.assistant-item small{font-size:9px}.build-content{padding:23px}.chart-bars{height:90px}.agent-map{width:230px;height:230px}.agent-center{width:85px;height:85px;inset:calc(50% - 42.5px);font-size:32px}.agent-node{width:68px;height:54px;font-size:12px}.node-0,.node-2{left:calc(50% - 34px)}.node-1,.node-3{top:calc(50% - 27px)}.track-tabs button{padding:15px 10px;font-size:17px}.track-tabs button span{font-size:9px}.track-panel{grid-template-columns:1fr;padding:27px 22px;gap:25px;min-height:430px}.track-panel h3{font-size:28px}.track-panel ul{font-size:13px}.benefit-card{padding:30px;min-height:380px;border-radius:24px}.benefit-card h3{font-size:28px}.big-number{font-size:88px}.big-number span{font-size:25px}.conditions{margin-bottom:45px}.support-grid{gap:30px}.schedule-grid h3{font-size:26px}.faq{margin-top:75px}.faq>h2{font-size:27px}.faq button{font-size:14px}.closing{min-height:580px;border-radius:24px}.closing h2{font-size:36px}.closing-copy>.brand-symbol{margin-bottom:30px}.footer-top{flex-direction:column;align-items:flex-start;gap:30px}.footer-top>div{gap:18px;font-size:11px;flex-wrap:wrap}.footer-wordmark{font-size:14vw;margin:50px 0}.footer-bottom{flex-direction:column;font-size:10px}.application-dialog{padding-inline:20px}.application-dialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* ==================== ADMIN MODE & FOOTER V4 STYLES ==================== */
.admin-toolbar{position:fixed;top:0;left:0;right:0;z-index:99999;height:52px;background:#111318;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 4px 20px rgba(0,0,0,0.3);font-size:13px;border-bottom:1px solid #2d3039}
.admin-toolbar-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#60a5fa}
.admin-toolbar-actions{display:flex;align-items:center;gap:10px}
.admin-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s;border:none}
.admin-btn.save{background:#2563eb;color:#fff}
.admin-btn.save:hover{background:#1d4ed8}
.admin-btn.secondary{background:#2a2d37;color:#e5e7eb}
.admin-btn.secondary:hover{background:#373b49}
.admin-btn.close{background:#ef4444;color:#fff}
.admin-btn.close:hover{background:#dc2626}

.admin-editing-field{outline:2px dashed #3b82f6!important;outline-offset:4px!important;border-radius:4px;background:rgba(59,130,246,0.04);cursor:text!important}
.admin-editing-field:hover{outline:2px solid #2563eb!important;background:rgba(59,130,246,0.08)}
.admin-editing-field:focus{outline:2px solid #1d4ed8!important;background:rgba(59,130,246,0.12)}

/* Admin Floating Trigger Launcher */
.admin-float-btn{position:fixed;bottom:20px;right:20px;z-index:9999;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.92);backdrop-filter:blur(6px);border:1px solid #d1d5db;border-radius:20px;padding:6px 14px;font-size:12px;color:#4b5563;box-shadow:0 4px 12px rgba(0,0,0,0.08);cursor:pointer;transition:all 0.2s}
.admin-float-btn:hover{background:#111318;color:#fff;border-color:#111318;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.15)}

/* Admin Modal */
.admin-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}
.admin-modal-card{background:#fff;border-radius:18px;max-width:440px;width:100%;padding:32px;box-shadow:0 25px 60px rgba(0,0,0,0.25);position:relative}
.admin-modal-card h3{font-size:19px;font-weight:700;color:#111318;margin-bottom:8px}
.admin-modal-card p{font-size:13px;color:#6b7280;line-height:1.5;margin-bottom:20px}
.admin-input{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;padding:12px 14px;font-size:14px;margin-bottom:16px;outline:none;transition:border-color 0.2s}
.admin-input:focus{border-color:#2563eb}
.admin-modal-btns{display:flex;justify-content:flex-end;gap:10px}

/* Toast Message */
.admin-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#111318;color:#fff;padding:12px 24px;border-radius:30px;box-shadow:0 10px 30px rgba(0,0,0,0.25);z-index:100001;font-size:13px;display:flex;align-items:center;gap:8px;animation:fadeInToast 0.3s ease-out}
@keyframes fadeInToast{from{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%,0)}}

/* Site Footer V4 (Image 4 exact replica) */
.site-footer-v4{border-top:1px solid var(--line);background:#ffffff;padding:48px 5.7% 40px;color:#111318}
.footer-v4-container{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:28px}
.footer-v4-left{display:flex;flex-direction:column;gap:6px}
.footer-v4-title{font-size:15px;font-weight:700;color:#111318;letter-spacing:-0.02em}
.footer-v4-sub{font-size:12px;color:#5F6368;line-height:1.6}
.footer-v4-contact{font-size:12px;color:#5F6368;line-height:1.6}
.footer-v4-right{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.footer-v4-logos{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.footer-v4-logos img{object-fit:contain}
.footer-v4-admin-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:11px;color:#737982;background:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb;cursor:pointer;transition:all 0.15s;font-weight:500}
.footer-v4-admin-btn:hover{background:#e5e7eb;color:#111318}
@media(max-width:850px){.footer-v4-container{flex-direction:column;align-items:flex-start}.footer-v4-right{width:100%;justify-content:space-between;border-top:1px solid #f3f4f6;padding-top:20px}}

/* ==================== FEATURE ROW: ALWAYS SIDE-BY-SIDE (글 옆에 그림) ==================== */
.feature-row {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 4% !important;
  align-items: center !important;
}

@media (max-width: 1024px) {
  .feature-row {
    grid-template-columns: 1.1fr 1fr !important;
    gap: 20px !important;
    margin-top: 36px !important;
  }
}

@media (max-width: 767px) {
  .feature-row {
    grid-template-columns: 1.1fr 0.9fr !important;
    gap: 12px !important;
    margin-top: 20px !important;
    align-items: center !important;
  }
  .feature-copy {
    max-width: 100% !important;
  }
  .feature-copy .eyebrow {
    margin-bottom: 6px !important;
    font-size: 10px !important;
  }
  .feature-copy h3 {
    font-size: clamp(17px, 4.4vw, 22px) !important;
    line-height: 1.25 !important;
  }
  .feature-copy > p {
    font-size: 11.5px !important;
    line-height: 1.55 !important;
    margin: 8px 0 12px !important;
  }
  .tool-list {
    gap: 4px !important;
    margin-bottom: 12px !important;
  }
  .tool-list span {
    font-size: 10px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
  }
  .feature-copy ul {
    font-size: 11px !important;
    line-height: 1.7 !important;
  }
  .feature-copy li:before {
    margin-right: 4px !important;
  }
  .course-meta {
    flex-direction: column !important;
    gap: 3px !important;
    font-size: 11px !important;
    white-space: normal !important;
    margin: 10px 0 6px !important;
    padding-top: 8px !important;
  }
  .inline-button {
    font-size: 12.5px !important;
    padding: 6px 0 !important;
    gap: 6px !important;
  }
  .feature-art {
    height: auto !important;
    min-height: 260px !important;
    padding: 10px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }
  /* Stage 1: Assistant Mini-App */
  .mini-app {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 10px !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
  }
  .mini-app-title {
    font-size: 11.5px !important;
    margin-bottom: 8px !important;
    font-weight: 700 !important;
  }
  .assistant-item {
    gap: 6px !important;
    padding: 8px 6px !important;
    margin-top: 6px !important;
    border-radius: 8px !important;
  }
  .assistant-item b {
    font-size: 10.5px !important;
  }
  .assistant-item small {
    font-size: 8.5px !important;
    margin-top: 1px !important;
  }
  .tile {
    width: 22px !important;
    height: 22px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
  }
  /* Stage 2: Builder Window */
  .build-window {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    border-radius: 12px !important;
  }
  .build-content {
    padding: 12px 8px !important;
  }
  .tiny-label {
    font-size: 8px !important;
  }
  .build-content h4 {
    font-size: 16px !important;
    margin-top: 4px !important;
  }
  .build-content p {
    font-size: 9.5px !important;
    margin: 4px 0 10px !important;
  }
  .chart-bars {
    height: 55px !important;
    gap: 4px !important;
  }
  .deploy-line {
    font-size: 8px !important;
    margin-top: 8px !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    word-break: break-all !important;
  }
  /* Stage 3: Agent Map */
  .agent-map {
    width: 240px !important;
    height: 240px !important;
    transform: scale(0.66) !important;
    transform-origin: center center !important;
    margin: -35px -35px !important;
  }
}

@media (max-width: 480px) {
  .feature-row {
    grid-template-columns: 1.05fr 0.95fr !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }
  .feature-copy h3 {
    font-size: 16px !important;
  }
  .feature-copy > p {
    font-size: 10px !important;
    line-height: 1.45 !important;
    margin: 5px 0 8px !important;
  }
  .tool-list {
    gap: 3px !important;
    margin-bottom: 6px !important;
  }
  .tool-list span {
    font-size: 8.5px !important;
    padding: 2px 4px !important;
  }
  .feature-copy ul {
    font-size: 9px !important;
    line-height: 1.5 !important;
  }
  .course-meta {
    font-size: 9px !important;
    gap: 2px !important;
    margin: 6px 0 4px !important;
    padding-top: 5px !important;
  }
  .inline-button {
    font-size: 10.5px !important;
    padding: 4px 0 !important;
  }
  .feature-art {
    min-height: 220px !important;
    padding: 4px !important;
    border-radius: 12px !important;
  }
  .agent-map {
    width: 240px !important;
    height: 240px !important;
    transform: scale(0.52) !important;
    transform-origin: center center !important;
    margin: -50px -50px !important;
  }
}

/* ==================== PLAN A: MOBILE MULTI-COLUMN (가로 나란히) ==================== */
@media (max-width: 767px) {
  /* 1. 장학금 & 교육비 (사진 3): 좌우 2열 */
  .benefit-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  .benefit-card {
    padding: 18px 12px 16px !important;
    min-height: auto !important;
    border-radius: 18px !important;
  }
  .benefit-card h3 {
    font-size: clamp(13px, 3.6vw, 16px) !important;
    line-height: 1.35 !important;
    word-break: keep-all !important;
  }
  .benefit-card .big-number {
    font-size: clamp(26px, 6.8vw, 36px) !important;
    margin: 12px 0 6px !important;
  }
  .benefit-card .big-number small {
    font-size: clamp(10px, 2.8vw, 13px) !important;
    margin-right: 3px !important;
  }
  .benefit-card .big-number span {
    font-size: clamp(13px, 3.4vw, 16px) !important;
  }
  .benefit-card > p {
    font-size: clamp(10.5px, 2.7vw, 12px) !important;
    margin-top: 4px !important;
  }
  .benefit-foot {
    font-size: clamp(8.5px, 2.2vw, 10px) !important;
    margin-top: 14px !important;
    line-height: 1.3 !important;
  }

  /* 2. 3대 지원 혜택 (사진 2): 가로 3열 */
  .support-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    margin-top: 24px !important;
  }
  .support-grid article {
    border-top: 1px solid var(--line) !important;
    padding-top: 12px !important;
  }
  .support-grid article > span {
    font-size: 10px !important;
  }
  .support-grid h3 {
    font-size: clamp(11.5px, 3vw, 14.5px) !important;
    margin: 8px 0 6px !important;
    line-height: 1.3 !important;
    word-break: keep-all !important;
  }
  .support-grid p {
    font-size: clamp(9px, 2.3vw, 10.5px) !important;
    line-height: 1.45 !important;
    color: #626873 !important;
    word-break: keep-all !important;
  }

  /* 3. 일정 (사진 1): 가로 3열 */
  .schedule-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    margin-top: 20px !important;
  }
  .schedule-grid article {
    padding: 14px 6px 12px !important;
    border-radius: 14px !important;
    text-align: center !important;
  }
  .schedule-grid article .eyebrow {
    font-size: 9px !important;
    margin-bottom: 6px !important;
  }
  .schedule-grid h3 {
    font-size: clamp(11px, 2.9vw, 14px) !important;
    margin-bottom: 6px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.3px !important;
  }
  .schedule-grid p {
    font-size: clamp(9px, 2.3vw, 10.5px) !important;
    margin-bottom: 4px !important;
    white-space: nowrap !important;
  }
  .schedule-grid small {
    font-size: clamp(8px, 2vw, 9.5px) !important;
    line-height: 1.3 !important;
    word-break: keep-all !important;
    display: block !important;
  }
}

@media (max-width: 480px) {
  .benefit-card {
    padding: 14px 10px 12px !important;
    border-radius: 14px !important;
  }
  .benefit-card h3 {
    font-size: 13px !important;
  }
  .benefit-card .big-number {
    font-size: 26px !important;
    margin: 8px 0 4px !important;
  }
  .support-grid {
    gap: 6px !important;
  }
  .support-grid h3 {
    font-size: 11.5px !important;
  }
  .support-grid p {
    font-size: 9px !important;
    line-height: 1.35 !important;
  }
  .schedule-grid {
    gap: 5px !important;
  }
  .schedule-grid article {
    padding: 12px 4px 10px !important;
    border-radius: 12px !important;
  }
  .schedule-grid h3 {
    font-size: 11px !important;
    letter-spacing: -0.5px !important;
  }
  .schedule-grid p {
    font-size: 8.5px !important;
  }
  .schedule-grid small {
    font-size: 8px !important;
  }
}



@media(max-width:767px){
  .footer-v4-logos{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 12px!important;max-width:100%!important}
  .footer-v4-logos img{height:auto!important;max-height:17px!important;object-fit:contain!important}
}